/* Studio Blocks: imagery. Generated by tools/studio-blocks/extract.mjs from the Studio block library; edit the library, then re-run. */
body .sb-imagery h1,body .sb-imagery h2,body .sb-imagery h3,body .sb-imagery h4,body .sb-imagery h5,body .sb-imagery h6,body .sb-imagery a{color:inherit}
body .sb-imagery h1,body .sb-imagery h2,body .sb-imagery h3,body .sb-imagery h4,body .sb-imagery h5,body .sb-imagery h6{text-transform:none}
body .sb-imagery p,body .sb-imagery li{font-size:inherit !important;line-height:inherit !important}

/* ---------- Theme tokens (neutral premium demo theme; every site swaps these) ---------- */
body .sb-imagery{               /* per-site choice: 0 square, 12px rounded, arch handled per block */
  --st-space:var(--section-padding); /* 40px on phones, 120px at 1400+ */
  --st-stack-gap:var(--st-gap-stack);
  --gutter:clamp(16px, 4vw, 40px);
  --overlay:var(--st-scrim);
}
body .sb-imagery *{box-sizing:border-box}
body .sb-imagery{-webkit-text-size-adjust:100%}
body .sb-imagery{margin:0;background:var(--pb-bg);color:var(--pb-text);font:400 var(--st-type-body)/var(--st-lh-body) var(--pb-body-font);overflow-x:clip}
body .sb-imagery img{display:block;width:100%;height:100%;object-fit:cover}
body .sb-imagery figure{margin:0}
body .sb-imagery p{margin:0}
body .sb-imagery a{color:inherit}
body .sb-imagery button{font:inherit;color:inherit}
body .sb-imagery .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body .sb-imagery :focus-visible{outline:var(--st-focus-w) solid var(--st-focus-color);outline-offset:var(--st-focus-offset)}

/* ---------- Doc chrome (not part of the blocks) ---------- */
body .sb-imagery .doc-top{padding:28px var(--gutter);background:var(--pb-ink);color:var(--pb-on-dark);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;font-size:var(--st-type-small) !important}
body .sb-imagery .doc-top h1{font:600 22px/1.2 var(--pb-body-font);margin:0}
body .sb-imagery .doc-top p{max-width:70ch;color:#bdbdbd}
body .sb-imagery .doc-top .r{display:flex;gap:8px;align-items:center}
body .sb-imagery .doc-top button{min-height:44px;padding:0 16px;background:transparent;border:1px solid #555;color:var(--pb-on-dark);cursor:pointer}
body .sb-imagery .doc-top button[aria-pressed=true]{background:var(--pb-tint);color:var(--pb-text)}

/* ---------- Shared block parts ---------- */
body .sb-imagery .sec{padding-block:var(--st-space);overflow-x:clip}
body .sb-imagery .wrap{width:min(100% - 2*var(--gutter), 1280px);margin-inline:auto}
body .sb-imagery .eyebrow{font:var(--pb-ui-weight) var(--st-type-label)/1.3 var(--pb-body-font);letter-spacing:var(--st-track-label);text-transform:var(--small-titles-caps);color:var(--pb-eyebrow);margin-bottom:16px}
body .sb-imagery .h2{font:var(--pb-heading-weight) var(--st-type-h2)/var(--st-lh-head) var(--pb-heading-font);letter-spacing:var(--st-track-head);margin:0;text-wrap:balance}
body .sb-imagery .h3{font:400 var(--st-type-h3)/var(--st-lh-h3) var(--pb-heading-font);margin:0;text-wrap:balance}
body .sb-imagery .lead{font-size:var(--st-type-lead) !important;line-height:var(--st-lh-body) !important;color:var(--pb-muted);max-width:52ch;text-wrap:pretty}
body .sb-imagery .btn{display:inline-flex;align-items:center;gap:10px;min-height:var(--st-btn-h);padding:0 var(--st-btn-px);background:var(--pb-primary);color:var(--pb-on-dark);font-weight:var(--pb-ui-weight);text-decoration:none;border:0;cursor:pointer}
body .sb-imagery .tlink{display:inline-flex;align-items:center;min-height:var(--st-btn-h-sm);font-weight:var(--pb-ui-weight);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
body .sb-imagery .ph{position:relative;overflow:hidden;border-radius:var(--st-photo-r);background:var(--pb-surface)}
body .sb-imagery .cap-t{display:block;font:500 var(--st-type-body)/1.35 var(--pb-body-font)}
body .sb-imagery .cap-c{display:block;font-size:var(--st-type-small) !important;line-height:1.5 !important;color:var(--pb-muted)}
body .sb-imagery .dark{background:var(--pb-text);color:var(--pb-on-dark)}
body .sb-imagery .dark .cap-c,body .sb-imagery .dark .lead{color:var(--pb-muted-on-dark)}
body .sb-imagery .dark .eyebrow{color:var(--pb-on-dark)}
body .sb-imagery .cbtn{width:48px;height:48px;display:grid;place-items:center;border:var(--st-line-w) solid currentColor;background:transparent;cursor:pointer;font-size:var(--st-type-lead) !important;line-height:1 !important;border-radius:var(--st-photo-r)}
body .sb-imagery .cbtn:disabled{opacity:.35;cursor:default}
body .sb-imagery .count{font:500 var(--st-type-small)/1 var(--pb-body-font);font-variant-numeric:var(--st-numerals)}

body .sb-imagery .meta{font:var(--pb-ui-weight) var(--st-type-label)/1.3 var(--pb-body-font);color:var(--pb-muted)}
body .sb-imagery .ov{position:relative;color:var(--pb-on-dark)}
body .sb-imagery .ov > img,body .sb-imagery .fill{position:absolute;inset:0}
body .sb-imagery .ov::before{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0) 70%), var(--overlay);z-index:1}
body .sb-imagery .ov > .wrap,body .sb-imagery .ov > .in{position:relative;z-index:2}
body .sb-imagery .on-dark .tlink,body .sb-imagery .ov .tlink{color:var(--pb-on-dark)}
body .sb-imagery .btn-light{background:var(--pb-bg);color:var(--pb-text)}

/* 01 Full-bleed band */
body .sb-imagery .i1{padding-bottom:var(--st-space)}
body .sb-imagery .i1 .ph{height:clamp(320px, 50vw, 760px);border-radius:0}
body .sb-imagery .i1-cap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px}

/* 02 Overlay headline */
body .sb-imagery .i2{display:flex;align-items:flex-end;min-height:clamp(480px, 56vw, 800px);padding-block:var(--st-space)}
body .sb-imagery .i2 .h2{font-size:var(--st-type-h1) !important;max-width:14ch;margin:16px 0 20px}
body .sb-imagery .i2 .lead{color:var(--pb-on-dark);margin-bottom:28px}
body .sb-imagery .i2 .eyebrow{color:var(--pb-on-dark)}

/* 03 Corner caption */
body .sb-imagery .i3 .ph{position:relative;height:clamp(420px, 52vw, 760px);border-radius:0}
body .sb-imagery .i3-cap{position:absolute;right:var(--gutter);bottom:var(--gutter);max-width:340px;padding:18px 20px;background:var(--pb-bg);color:var(--pb-text)}
body .sb-imagery .i3-cap .cap-c{margin-top:4px}

/* 04 Portrait beside whitespace */
body .sb-imagery .i4-in{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--st-gap-grid);align-items:center}
body .sb-imagery .i4-in .ph{grid-column:1/6;aspect-ratio:var(--pb-ar-portrait)}
body .sb-imagery .i4-t{grid-column:8/12}
body .sb-imagery .i4-t .lead{margin:20px 0 24px}

/* 05 Panorama strip */
body .sb-imagery .i5-hd{display:flex;justify-content:space-between;align-items:end;gap:16px 40px;flex-wrap:wrap;margin-bottom:32px}
body .sb-imagery .i5 .ph{aspect-ratio:3/1}
body .sb-imagery .i5-cap{display:flex;justify-content:space-between;gap:16px;padding-top:14px;border-bottom:var(--st-line-w) solid var(--pb-border);padding-bottom:14px}

/* 06 Framed on color */
body .sb-imagery .i6{background:var(--pb-primary);color:var(--pb-on-dark)}
body .sb-imagery .i6-frame{width:min(100%, 960px);margin-inline:auto;padding:clamp(14px, 2.4vw, 32px);background:var(--pb-bg)}
body .sb-imagery .i6-frame .ph{aspect-ratio:var(--pb-ar-landscape);border-radius:0}
body .sb-imagery .i6-cap{width:min(100%, 960px);margin:24px auto 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
body .sb-imagery .i6-cap .cap-c{color:var(--pb-muted-on-dark)}

/* 07 Docked text box */
body .sb-imagery .i7 .ph{height:clamp(380px, 46vw, 680px);border-radius:0}
body .sb-imagery .i7-box{position:relative;z-index:2;width:min(560px, 100%);margin-top:-96px;padding:clamp(28px, 4vw, 48px);background:var(--pb-bg)}
body .sb-imagery .i7-box .lead{margin:16px 0 20px}

/* 08 Split two photos */
body .sb-imagery .i8-hd{max-width:640px;margin-bottom:40px}
body .sb-imagery .i8-pair{display:grid;grid-template-columns:2fr 1fr;gap:8px}
body .sb-imagery .i8-pair .ph{height:clamp(300px, 40vw, 600px)}

/* 09 Pull quote */
body .sb-imagery .i9-in{display:grid;grid-template-columns:7fr 5fr;gap:48px 72px;align-items:stretch}
body .sb-imagery .i9 .ph{min-height:420px;height:100%}
body .sb-imagery .i9-q{display:flex;flex-direction:column;justify-content:center;padding-block:24px}
body .sb-imagery .i9-q blockquote{margin:0;font:400 clamp(28px, 19.2px + 2vw, 48px)/1.15 var(--st-quote-font);letter-spacing:-.01em;text-wrap:balance}
body .sb-imagery .i9-q blockquote::before{content:"“";display:block;font-size:2.4em !important;line-height:.6 !important;color:var(--pb-primary);margin-bottom:12px}
body .sb-imagery .i9-q figcaption{margin-top:28px;padding-top:20px;border-top:var(--st-line-w) solid var(--pb-border)}

/* 10 Giant word */
body .sb-imagery .i10{text-align:center}
body .sb-imagery .i10-word{font:400 clamp(72px, 16px + 17vw, 272px)/.8 var(--pb-heading-font);letter-spacing:-.05em;margin:0;white-space:nowrap}
body .sb-imagery .i10 .ph{width:min(62%, 760px);aspect-ratio:var(--pb-ar-landscape);margin:calc(clamp(72px, 16px + 17vw, 272px) * -.2) auto 0;z-index:1;box-shadow:var(--st-shadow-pop)}
body .sb-imagery .i10 .lead{margin:32px auto 0}

/* 11 Duotone */
body .sb-imagery .i11{position:relative;display:flex;align-items:center;min-height:clamp(480px, 50vw, 720px);padding-block:var(--st-space);background:var(--pb-primary);color:var(--pb-on-dark);overflow:hidden}
body .sb-imagery .i11 > img{position:absolute;inset:0;filter:grayscale(1) contrast(1.1) brightness(1.3);mix-blend-mode:screen}
body .sb-imagery .i11::after{content:"";position:absolute;inset:0;background:var(--pb-secondary);mix-blend-mode:multiply;opacity:.45}
body .sb-imagery .i11::before{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,.2) 70%), var(--overlay);z-index:1}
body .sb-imagery .i11 .wrap{position:relative;z-index:2}
body .sb-imagery .i11 .h2{font-size:var(--st-type-h1) !important;max-width:12ch}
body .sb-imagery .i11 .lead{color:var(--pb-on-dark);margin:20px 0 24px}
body .sb-imagery .i11 .eyebrow{color:var(--pb-on-dark)}

/* 12 Inset with deep margins */
body .sb-imagery .i12{background:var(--pb-surface);padding-block:calc(var(--st-space) * 1.4)}
body .sb-imagery .i12-in{width:min(100% - 2*var(--gutter), 880px);margin-inline:auto}
body .sb-imagery .i12-in .meta{display:block;margin-bottom:24px}
body .sb-imagery .i12 .ph{aspect-ratio:5/4}
body .sb-imagery .i12-cap{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;margin-top:24px}
body .sb-imagery .i12-cap .h3{font-size:var(--st-type-h3) !important}

/* 13 Stat overlay */
body .sb-imagery .i13{display:flex;align-items:flex-end;min-height:clamp(480px, 50vw, 720px);padding-block:var(--st-space)}
body .sb-imagery .i13-in{display:grid;grid-template-columns:auto 1fr;gap:var(--st-gap-grid) 64px;align-items:end}
body .sb-imagery .i13-num{font:var(--pb-num-weight) calc(var(--st-type-display) * 1.4)/.8 var(--pb-heading-font);letter-spacing:-.04em;font-variant-numeric:lining-nums}
body .sb-imagery .i13-l{font-weight:var(--pb-ui-weight);margin-top:16px}
body .sb-imagery .i13-t{max-width:44ch;justify-self:end;padding-left:24px;border-left:var(--st-line-w) solid color-mix(in srgb, var(--pb-on-dark) 50%, transparent)}
body .sb-imagery .i13-t p{margin-bottom:12px}

/* 14 Reveal on scroll */
body .sb-imagery .i14-hd{text-align:center;max-width:720px;margin:0 auto 48px}
body .sb-imagery .i14-hd .lead{margin:16px auto 0}
body .sb-imagery .i14-img{height:clamp(380px, 52vw, 760px);overflow:hidden}
body .sb-imagery .i14-img img{display:block}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    body .sb-imagery .i14-img{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
    body .sb-imagery .i14-img img{animation:settle linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
  }
}
@keyframes reveal{from{clip-path:inset(0 14% 0 14%)}to{clip-path:inset(0 0 0 0)}}
@keyframes settle{from{transform:scale(1.12)}to{transform:none}}
body .sb-imagery .i14-cap{padding-top:16px}

/* 15 Parallax band */
body .sb-imagery .i15{position:relative;overflow:hidden;min-height:clamp(420px, 44vw, 640px);display:grid;place-items:center;text-align:center;color:var(--pb-on-dark);padding-block:var(--st-space)}
body .sb-imagery .i15 > img{position:absolute;left:0;right:0;top:-12%;height:124%}
body .sb-imagery .i15::before{content:"";position:absolute;inset:0;background:var(--st-hero-scrim);z-index:1}
body .sb-imagery .i15 .wrap{position:relative;z-index:2;max-width:800px}
body .sb-imagery .i15 .h2{font-size:var(--st-type-h1) !important}
body .sb-imagery .i15 .lead{color:var(--pb-on-dark);margin:20px auto 28px}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    body .sb-imagery .i15 > img{animation:drift linear both;animation-timeline:view()}
  }
}
@keyframes drift{from{transform:translateY(-9%)}to{transform:translateY(9%)}}

/* 16 Location pin */
body .sb-imagery .i16-hd{display:flex;justify-content:space-between;align-items:end;gap:16px 40px;flex-wrap:wrap;margin-bottom:32px}
body .sb-imagery .i16 .ph{aspect-ratio:16/8;overflow:visible}
body .sb-imagery .i16 .ph img{border-radius:var(--st-photo-r)}
body .sb-imagery .i16-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%, -100%);display:flex;flex-direction:column;align-items:center}
body .sb-imagery .i16-pin .chip{padding:10px 14px;background:var(--pb-bg);color:var(--pb-text);font:var(--pb-ui-weight) var(--st-type-small)/1.2 var(--pb-body-font);white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.2)}
body .sb-imagery .i16-pin svg{width:28px;height:36px;margin-top:6px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}
body .sb-imagery .i16-pin svg{overflow:visible}
body .sb-imagery .i16-pin svg path{fill:var(--pb-primary);stroke:var(--pb-bg);stroke-width:2.5;paint-order:stroke}
body .sb-imagery .i16-cap{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;margin-top:20px}

/* 17 Full-bleed wipe */
body .sb-imagery .ba{position:relative;--x:50%;touch-action:pan-y;user-select:none}
body .sb-imagery .ba .ph{position:absolute;inset:0;border-radius:0}
body .sb-imagery .ba .after{clip-path:inset(0 0 0 var(--x))}
body .sb-imagery .ba .before img{filter:grayscale(1) sepia(.35) brightness(.86)} /* demo only: real use takes two photos */
body .sb-imagery .ba-line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--pb-on-dark);pointer-events:none;z-index:2}
body .sb-imagery .ba-grip{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--pb-on-dark);color:var(--pb-text);display:grid;place-items:center;font-size:var(--st-type-body) !important;box-shadow:0 4px 16px rgba(0,0,0,.25)}
body .sb-imagery .ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}
body .sb-imagery .ba:has(input:focus-visible){outline:var(--st-focus-w) solid var(--st-focus-color);outline-offset:-3px}
body .sb-imagery .i17 .ba{height:clamp(420px, 50vw, 760px)}
body .sb-imagery .i17-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding-block:20px}
body .sb-imagery .i17-bar > :last-child{text-align:right}

/* 18 Split mosaic (one photo cut into staggered strips) */
body .sb-imagery .i18-hd{display:grid;grid-template-columns:1fr 1fr;gap:16px 64px;align-items:end;margin-bottom:48px}
body .sb-imagery .i18-strips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}
body .sb-imagery .i18-strips .ph{height:clamp(320px, 38vw, 560px)}
body .sb-imagery .i18-strips .ph img{position:absolute;top:0;height:100%;width:calc(400% + 36px);max-width:none;left:calc(var(--k) * (-100% - 12px))}
body .sb-imagery .i18-strips .ph:nth-child(2){margin-top:48px}body .sb-imagery .i18-strips .ph:nth-child(3){margin-top:16px}body .sb-imagery .i18-strips .ph:nth-child(4){margin-top:64px}

/* 19 Credit line */
body .sb-imagery .i19-in{display:grid;grid-template-columns:1fr auto;gap:16px}
body .sb-imagery .i19 .ph{aspect-ratio:var(--pb-ar-landscape)}
body .sb-imagery .i19-credit{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--st-type-small) !important;color:var(--pb-muted);align-self:end;white-space:nowrap}
body .sb-imagery .i19-cap{display:grid;grid-template-columns:1.2fr 1fr;gap:16px 48px;margin-top:24px;padding-top:20px;border-top:var(--st-line-w) solid var(--pb-text)}

/* 20 Cinematic letterbox */
body .sb-imagery .i20{background:#0d0d0c;color:#f4f1ea;padding-block:clamp(40px, 6vw, 88px)}
body .sb-imagery .i20 .ph{aspect-ratio:2.39/1;border-radius:0}
body .sb-imagery .i20-bar{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;align-items:end;margin-top:28px}
body .sb-imagery .i20-bar .h2{font-size:var(--st-type-h2) !important}
body .sb-imagery .i20-bar p{color:#c9c5bc}
body .sb-imagery .i20-bar .tlink{color:#f4f1ea}

/* ---------- Phone ---------- */
@media (max-width:760px){
  body .sb-imagery .i3 .ph{height:auto;aspect-ratio:var(--pb-ar-portrait)}
  body .sb-imagery .i3-cap{left:12px;right:12px;bottom:12px;max-width:none;padding:14px 16px}
  body .sb-imagery .i4-in{grid-template-columns:1fr}
  body .sb-imagery .i4-in .ph,body .sb-imagery .i4-t{grid-column:auto}
  body .sb-imagery .i5 .ph{aspect-ratio:var(--pb-ar-landscape)}
  body .sb-imagery .i5-hd,body .sb-imagery .i8-hd{margin-bottom:24px}
  body .sb-imagery .i7-box{margin-top:-40px;width:calc(100% - 16px)}
  body .sb-imagery .i8-pair{grid-template-columns:1fr;gap:var(--st-gap-grid)}
  body .sb-imagery .i8-pair .ph{height:auto;aspect-ratio:var(--pb-ar-landscape)}
  body .sb-imagery .i9-in{grid-template-columns:1fr;gap:var(--st-gap-grid)}
  body .sb-imagery .i9 .ph{min-height:0;aspect-ratio:var(--pb-ar-portrait);height:auto}
  body .sb-imagery .i10 .ph{width:88%}
  body .sb-imagery .i12-cap,body .sb-imagery .i16-cap,body .sb-imagery .i19-cap,body .sb-imagery .i20-bar,body .sb-imagery .i18-hd{grid-template-columns:1fr}
  body .sb-imagery .i13-in{grid-template-columns:1fr}
  body .sb-imagery .i13-t{justify-self:start}
  body .sb-imagery .i16 .ph{aspect-ratio:var(--pb-ar-landscape)}
  body .sb-imagery .i17-bar{grid-template-columns:1fr 1fr}
  body .sb-imagery .i17-bar > :nth-child(2){grid-column:1/-1;grid-row:1}
  body .sb-imagery .i17 .ba{height:auto;aspect-ratio:var(--pb-ar-portrait)}
  body .sb-imagery .i18-strips{gap:6px}
  body .sb-imagery .i18-strips .ph{height:360px}
  body .sb-imagery .i18-strips .ph img{width:calc(400% + 18px);left:calc(var(--k) * (-100% - 6px))}
  body .sb-imagery .i18-strips .ph:nth-child(2){margin-top:24px}body .sb-imagery .i18-strips .ph:nth-child(3){margin-top:8px}body .sb-imagery .i18-strips .ph:nth-child(4){margin-top:32px}
  body .sb-imagery .i19-in{grid-template-columns:1fr}
  body .sb-imagery .i19-credit{writing-mode:horizontal-tb;transform:none;align-self:start}
  body .sb-imagery .i20 .ph{aspect-ratio:var(--pb-ar-landscape)}
}
@media (prefers-reduced-motion: reduce){
  body .sb-imagery *,body .sb-imagery *::before,body .sb-imagery *::after{transition:none!important;animation:none!important}
}

body .sb-imagery .sbi1{padding-bottom:var(--st-space)}
body .sb-imagery .sbi2{padding-top:12px}
body .sb-imagery .sbi3{padding-top:12px}
body .sb-imagery .sbi4{--x:58%;--y:46%}
body .sb-imagery .sbi5{--k:0}
body .sb-imagery .sbi6{--k:1}
body .sb-imagery .sbi7{--k:2}
body .sb-imagery .sbi8{--k:3}
body .sb-imagery .sbi9{font-size:var(--st-type-h2) !important}