/* The framework already supplies the section gutters. Avoid a second inset. */
body .sb-galleries:not(.sb-edge) > .sec > .wrap { width: 100%; }

/* Dark row tokens make pb-text light; let the row paint the filmstrip band. */
body .sb-galleries.sb-look-05,
body .sb-galleries.sb-look-05 .dark { background: transparent; }

/* Keep the three fixed-height prints together inside the framework's narrower frame. */
@media (min-width: 1025px) {
	body .sb-galleries.sb-look-18 .g18-frame .ph { height: clamp(180px, 18vw, 260px); }
}

body .sb-galleries p.eyebrow{font-size:var(--st-type-label) !important;line-height:1.3 !important}
body .sb-galleries .tlink>span[aria-hidden]{font-family:system-ui,sans-serif}
/* Link arrow: one text run, like the design, so the underline is unbroken. */
body .sb-galleries .tlink{display:inline-block;min-height:0;padding-block:calc((44px - 1lh) / 2)}
body .sb-galleries.sb-blk.sb-blk:not(.sb-dark){--pb-surface:var(--pb-tint)}


/* Branding Sizes: role overrides kept outside the generated category CSS. */
body .sb-galleries .doc-top h1 { font-size: clamp(calc(var(--fs-titles) * .65), 4.0625vw, var(--fs-titles)); }
body .sb-galleries .cap-t { font-size: var(--fs-titles-small); }
body .sb-galleries .g7-grid .zoom { font-size: var(--fs-buttons) !important; }
body .sb-galleries .g8-hd .h3 { font-size: clamp(calc(var(--fs-medium) * .75), 2.1875vw, var(--fs-medium)) !important; }
body .sb-galleries .g12-sheet .cap-t { font-size: var(--fs-titles-small) !important; }
body .sb-galleries .g14-t .h3 { font-size: clamp(calc(var(--fs-medium) * .75), 2.1875vw, var(--fs-medium)) !important; }
body .sb-galleries .g15-row .t { font-size: clamp(calc(var(--fs-medium) * .75), 2.1875vw, var(--fs-medium)); }
body .sb-galleries .g16-h { font-size: clamp(calc(var(--fs-titles) * .65), 4.0625vw, var(--fs-titles)); }
body .sb-galleries .g17-cap .h3 { font-size: clamp(calc(var(--fs-medium) * .75), 2.1875vw, var(--fs-medium)) !important; }
body .sb-galleries .g19-c .h3 { font-size: clamp(calc(var(--fs-medium) * .75), 2.1875vw, var(--fs-medium)) !important; }
body .sb-galleries .lbx button { font-size: var(--fs-buttons) !important; }
body:not(.cc-look-pre-3-6-10) .sb-galleries .g8-handle { margin-top: 16px; }

/* 3.6.10: looks drawn as a dark band (.dark) sit on the row's Background, which paints the band. On a light row their
   words, rules, buttons and links follow the row (dark text), not white (GAL-05 printed white on white). On a
   Secondary row they follow that color's lightness; Main, Black and photo rows keep the white design. */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-galleries:is(:not(.sb-edge), .sb-look-05):not(.sb-dark, :is(.bg-sec, .bg-main, .bg-black, .bg-image) *) > .dark { --pb-on-dark: var(--pb-text); --pb-muted-on-dark: var(--color-muted); --pb-muted: var(--color-muted); --pb-border: var(--color-line); --pb-rule-on-dark: var(--color-line); color: var(--pb-text); }
body:not(.cc-look-pre-3-6-10) .bg-sec .sb-blk.sb-blk.sb-galleries:is(:not(.sb-edge), .sb-look-05):not(.sb-dark) > .dark { --pb-on-dark: oklch(from var(--color-sec) clamp(0, (0.62 - l) * 1000, 1) 0 0); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-galleries:is(:not(.sb-edge), .sb-look-05):not(.sb-dark, :is(.bg-sec, .bg-main, .bg-black, .bg-image) *) > .dark .btn:not(.ghost) { background: var(--btn-fill); color: var(--btn-color) !important; border-color: var(--btn-border); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-galleries:is(:not(.sb-edge), .sb-look-05):not(.sb-dark, :is(.bg-sec, .bg-main, .bg-black, .bg-image) *) > .dark .btn:not(.ghost):hover { background: var(--btn-fill-hover); color: var(--btn-color-hover) !important; border-color: var(--btn-border-hover); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-galleries:is(:not(.sb-edge), .sb-look-05):not(.sb-dark, :is(.bg-sec, .bg-main, .bg-black, .bg-image) *) > .dark .btn.ghost { background: transparent; color: var(--btn-outline) !important; border-color: var(--btn-outline); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-galleries:is(:not(.sb-edge), .sb-look-05):not(.sb-dark, :is(.bg-sec, .bg-main, .bg-black, .bg-image) *) > .dark .tlink { color: var(--color-link); }

/* 3.6.10: looks that paint their own band (GAL-13: the category's page color, a tint or a dark bar of their own)
   keep their light-row colors on a dark row, so they render the same on every row. The dark row only turned their
   text white (white on their own light band) and faded their surface color to an 8% tint. */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-galleries.sb-edge.sb-dark:is(.sb-look-13) { --pb-text: var(--color-body, var(--color-headings)); --pb-muted: var(--color-muted); --pb-border: var(--color-line); --pb-surface: var(--color-surface, var(--color-fourth)); --form-label-color: inherit; color: var(--pb-text); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-galleries.sb-edge.sb-dark:is(.sb-look-13) .btn:not(.ghost):not(:is(.dark, .ink, .is-dark, .on-dark) *) { background: var(--btn-fill); color: var(--btn-color); border-color: var(--btn-border); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-galleries.sb-edge.sb-dark:is(.sb-look-13) .btn.ghost:not(:is(.dark, .ink, .is-dark, .on-dark) *) { background: transparent; color: var(--btn-outline); border-color: var(--btn-outline); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-galleries.sb-edge.sb-dark:is(.sb-look-13) .tlink:not(:is(.dark, .ink, .is-dark, .on-dark, .photo, .ov) *) { color: var(--color-link); }