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

/* ===== Theme tokens: the only values variants read. A site's brand swaps these. ===== */
body .sb-heroes{ --st-space:var(--section-padding); --st-stack-gap:var(--st-gap-stack);
  --st-hero-scrim:.55; --st-scrim:.40;
  /* Hero headline tiers (desktop 1440 / phone 390). Statement sizes are fit-to-width per variant. */
  --hero-feature:clamp(40px, 24.8px + 4.38vw, 96px);          /* 88 / 42 */
  --hero-feature-long:clamp(40px, 28px + 3.05vw, 72px);   /* 72 / 40 */
  --hero-editorial:clamp(36px, 27.04px + 2.29vw, 64px);       /* 60 / 36 */
  --hero-editorial-long:clamp(33px, 26.72px + 1.62vw, 52px); /* 50 / 33 */
  --hero-quote:clamp(34px, 27.2px + 1.71vw, 56px);         /* 52 / 34 */
  --hero-statement:clamp(56px, 9.6px + 11.9vw, 192px);         /* 181 / 56 */
  /* layout helpers derived from tokens */
  --gut:clamp(20px, 4.4vw, 72px); --hdr:88px; --hero-h:clamp(640px, 82svh, 880px);
}
@media (max-width:767px){
  body .sb-heroes{ --st-space:var(--section-padding-phone, 40px); --hdr:68px; --hero-h:clamp(560px, 92svh, 780px); }
}

/* ===== Base ===== */
body .sb-heroes *,body .sb-heroes *::before,body .sb-heroes *::after{box-sizing:border-box}
body .sb-heroes{-webkit-text-size-adjust:100%}
body .sb-heroes{margin:0;background:var(--pb-bg);color:var(--pb-text);font-family:var(--pb-body-font);font-size:var(--st-type-body) !important;line-height:var(--st-lh-body) !important}
body .sb-heroes img{display:block;max-width:100%}
body .sb-heroes a{color:inherit}
body .sb-heroes h1,body .sb-heroes h2,body .sb-heroes p{margin:0}
body .sb-heroes h1{font-family:var(--pb-heading-font);font-weight:600;line-height:var(--st-lh-display) !important;letter-spacing:-.025em;text-wrap:balance}
body .sb-heroes .acc{color:var(--pb-secondary);font-style:normal}
body .sb-heroes .on-dark .acc{color:inherit;font-style:italic}
body .sb-heroes .eyebrow{font-size:var(--st-type-label) !important;font-weight:var(--pb-ui-weight);letter-spacing:var(--st-track-label);text-transform:var(--small-titles-caps);margin-bottom:20px;display:block}
body .sb-heroes .lead{font-size:var(--st-type-lead) !important;line-height:1.5 !important;color:var(--pb-muted);text-wrap:pretty;max-width:46ch}
body .sb-heroes .on-dark{color:var(--pb-on-dark)}
body .sb-heroes .on-dark .lead{color:inherit;opacity:.9}
body .sb-heroes .actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:36px}
body .sb-heroes .btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--st-btn-h);padding:0 30px;background:var(--pb-primary);color:var(--pb-on-dark);font-weight:var(--pb-ui-weight);font-size:var(--st-type-body) !important;text-decoration:none;transition:transform var(--st-dur) var(--st-ease), filter var(--st-dur) var(--st-ease)}
body .sb-heroes .btn:hover{filter:brightness(1.12)}
body .sb-heroes .btn.inv{background:var(--pb-on-dark);color:var(--pb-primary)}
body .sb-heroes .tlink{display:inline-flex;align-items:center;min-height:var(--st-btn-h-sm);font-weight:var(--pb-ui-weight);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
body .sb-heroes .tlink::after{content:"→";margin-left:8px;transition:transform var(--st-dur) var(--st-ease)}
body .sb-heroes .tlink:hover::after{transform:translateX(4px)}
body .sb-heroes a:focus-visible,body .sb-heroes button:focus-visible{outline:var(--st-focus-w) solid currentColor;outline-offset:var(--st-focus-offset)}
body .sb-heroes .wrap{padding-inline:var(--gut);max-width:1584px;margin-inline:auto;width:100%}
body .sb-heroes .photo{border-radius:var(--st-photo-r);overflow:hidden;background:var(--pb-border)}
body .sb-heroes .photo img,body .sb-heroes .cover{width:100%;height:100%;object-fit:cover}
body .sb-heroes .bgimg{position:absolute;inset:0;z-index:0}
body .sb-heroes .bgimg img{width:100%;height:100%;object-fit:cover}
body .sb-heroes .scrim::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--st-hero-scrim));pointer-events:none}
body .sb-heroes .hero{position:relative;overflow:hidden}
/* Height option: auto (content + padding), large (default, capped at 960), full (exactly one screen; header is inside the hero, so content centers between header bottom and screen bottom; never below 620px, grows if content is taller) */
body .sb-heroes .hero[data-height="full"]{--hero-h:max(100svh, 620px)}
@media (max-width:767px){body .sb-heroes .hero[data-height="full"]{--hero-h:max(100svh, 560px)}}

/* Mock site header (not part of the block; shows where the hero meets the header) */
body .sb-heroes .mh{height:var(--hdr);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gut);position:relative;z-index:5;font-size:var(--st-type-small) !important}
body .sb-heroes .mh.over{position:absolute;inset:0 0 auto}
body .sb-heroes .mh b{font-family:var(--pb-heading-font);font-size:var(--st-type-lead) !important;font-weight:700;letter-spacing:-.01em}
body .sb-heroes .mh nav{display:flex;gap:32px}
body .sb-heroes .mh nav a{text-decoration:none;font-weight:500}
body .sb-heroes .mh .menu{display:none;font-weight:var(--pb-ui-weight)}
@media (max-width:767px){body .sb-heroes .mh nav{display:none}body .sb-heroes .mh .menu{display:inline-flex;min-height:44px;align-items:center}}

/* Library chrome */
body .sb-heroes .variant{background:var(--pb-bg)}

/* ===== 01 Ledger words ===== */
body .sb-heroes .h01{display:flex;flex-direction:column}
body .sb-heroes .h01:is([data-height="large"],[data-height="full"]){min-height:var(--hero-h)}
body .sb-heroes .h01 .body{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:calc(var(--st-space) * 1.2)}
body .sb-heroes .h01 h1{font-size:var(--hero-editorial) !important;font-weight:500;max-width:22ch;letter-spacing:-.035em}
body .sb-heroes .h01 .row{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px;margin-top:clamp(48px,7vw,104px);border-top:var(--st-line-w) solid var(--pb-text)}
body .sb-heroes .h01 .row>div{padding-top:18px}
body .sb-heroes .h01 dt{font-size:var(--st-type-small) !important;color:var(--pb-muted)}
body .sb-heroes .h01 dd{margin:4px 0 0;font-weight:var(--pb-ui-weight)}
body .sb-heroes .h01 .row .cta{justify-self:end;align-self:start;padding-top:12px}
@media (max-width:900px){body .sb-heroes .h01 .row{grid-template-columns:1fr 1fr;gap:0 20px}body .sb-heroes .h01 .row>div{padding-bottom:18px}body .sb-heroes .h01 .row .cta{grid-column:1/-1;justify-self:start}}

/* ===== 02 Condensed poster words ===== */
body .sb-heroes .h02{background:var(--pb-primary);min-height:var(--hero-h);display:flex;flex-direction:column}
body .sb-heroes .h02 .body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-block:var(--st-space)}
body .sb-heroes .h02 h1{font-size:var(--hero-statement) !important;text-transform:uppercase;font-weight:800;font-stretch:75%;line-height:.95 !important;letter-spacing:-.01em;max-width:14ch}
body .sb-heroes .h02 .lead{margin-top:36px;text-align:center}
body .sb-heroes .h02 .actions{justify-content:center}

/* ===== 03 Stepped photos below ===== */
body .sb-heroes .h03{background:var(--pb-surface)}
body .sb-heroes .h03 .top{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end;padding-top:clamp(40px,6vw,96px)}
body .sb-heroes .h03 h1{font-size:var(--hero-feature) !important}
body .sb-heroes .h03 .actions{margin-top:28px}
body .sb-heroes .h03 .steps{display:grid;grid-template-columns:5fr 4fr 3fr;gap:clamp(12px,1.6vw,24px);align-items:end;margin-top:clamp(40px,5vw,72px);padding-bottom:var(--st-space)}
body .sb-heroes .h03 .steps .photo:nth-child(1){height:clamp(300px,36vw,560px)}
body .sb-heroes .h03 .steps .photo:nth-child(2){height:clamp(220px,26vw,400px)}
body .sb-heroes .h03 .steps .photo:nth-child(3){height:clamp(160px,17vw,260px)}
@media (max-width:767px){body .sb-heroes .h03 .top{grid-template-columns:1fr;gap:20px}body .sb-heroes .h03 .steps{grid-template-columns:1fr 1fr;gap:12px}body .sb-heroes .h03 .steps .photo:nth-child(1){grid-column:1/-1;height:260px}body .sb-heroes .h03 .steps .photo:nth-child(2),body .sb-heroes .h03 .steps .photo:nth-child(3){height:180px}}

/* ===== 04 Portrait parade ===== */
body .sb-heroes .h04 .body{text-align:center;padding-top:clamp(48px,6vw,96px);display:flex;flex-direction:column;align-items:center}
body .sb-heroes .h04 h1{font-size:var(--hero-feature) !important;max-width:16ch}
body .sb-heroes .h04 .lead{margin-top:24px}
body .sb-heroes .h04 .actions{justify-content:center}
body .sb-heroes .h04 .parade{display:flex;gap:clamp(12px,1.4vw,20px);justify-content:center;margin:clamp(48px,6vw,88px) 0 0;padding-bottom:var(--st-space);width:calc(100% + 240px);margin-left:-120px}
body .sb-heroes .h04 .parade .photo{flex:0 0 clamp(150px,15vw,236px);aspect-ratio:var(--pb-ar-portrait)}
body .sb-heroes .h04 .parade .photo:nth-child(even){transform:translateY(40px)}
body .sb-heroes .h04 .parade{padding-bottom:calc(var(--st-space) + 40px)}
@media (max-width:767px){body .sb-heroes .h04 .parade{width:calc(100% + 300px);margin-left:-150px}body .sb-heroes .h04 .parade .photo{flex-basis:132px}body .sb-heroes .h04 .parade .photo:nth-child(even){transform:translateY(24px)}body .sb-heroes .h04 .parade{padding-bottom:64px}}

/* ===== 05 Subject in front of type ===== */
body .sb-heroes .h05{background:var(--pb-surface);min-height:var(--hero-h)}
body .sb-heroes .h05 .stage{position:absolute;inset:var(--hdr) 0 0;display:grid;justify-items:center;align-items:start;padding-top:clamp(16px,3vh,40px)}
body .sb-heroes .h05 h1{font-size:min(25vw, 400px) !important;text-transform:uppercase;font-weight:800;font-stretch:78%;line-height:.95 !important;letter-spacing:-.02em;color:var(--pb-primary);text-align:center;max-width:100%;padding-inline:var(--gut)}
body .sb-heroes .h05 .cut{position:absolute;left:50%;bottom:0;height:72%;transform:translateX(-50%);z-index:2;width:auto;max-width:none;filter:drop-shadow(5px 0 0 var(--pb-surface)) drop-shadow(-5px 0 0 var(--pb-surface)) drop-shadow(0 -5px 0 var(--pb-surface)) drop-shadow(0 24px 40px rgba(0,0,0,.12))}
body .sb-heroes .h05 .corner{position:absolute;z-index:3;bottom:clamp(32px,4vw,64px);max-width:min(30ch,26vw)}
body .sb-heroes .h05 .l{left:var(--gut)} body .sb-heroes .h05 .r{right:var(--gut);text-align:right}
body .sb-heroes .h05 .r .actions{justify-content:flex-end;margin-top:0}
body .sb-heroes .h05 .corner .lead{color:var(--pb-text)}
@media (max-width:767px){
  body .sb-heroes .h05{min-height:0}
  body .sb-heroes .h05[data-height="full"]{min-height:var(--hero-h);display:flex;flex-direction:column}
  body .sb-heroes .h05[data-height="full"] .stage{margin-top:auto}
  body .sb-heroes .h05[data-height="full"] .r{margin-bottom:auto}
  body .sb-heroes .h05 .mh.over{position:relative}
  body .sb-heroes .h05 .stage{position:relative;inset:auto;height:380px;margin-top:0;align-items:start}
  body .sb-heroes .h05 h1{font-size:80px !important;line-height:.95 !important;transform:none;padding-top:8px}
  body .sb-heroes .h05 .cut{height:79%}
  body .sb-heroes .h05 .corner{position:static;max-width:none;padding:28px var(--gut) 0;text-align:left}
  body .sb-heroes .h05 .r{padding-bottom:40px}body .sb-heroes .h05 .r .actions{justify-content:flex-start;margin-top:4px}
}

/* ===== 06 One line across the photo ===== */
body .sb-heroes .h06{min-height:var(--hero-h);display:flex;flex-direction:column}
body .sb-heroes .h06 .body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr)}
body .sb-heroes .h06 h1{font-size:min(var(--st-type-display), 11.4vw) !important;font-weight:300;letter-spacing:-.045em;line-height:.95 !important;text-align:center}
body .sb-heroes .h06 .foot{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;padding-bottom:clamp(32px,4vw,56px)}
body .sb-heroes .h06 .foot .lead{max-width:30ch}
body .sb-heroes .h06 .foot .actions{margin-top:0}
body .sb-heroes .h06 .rule{position:relative;z-index:2;border-top:var(--st-line-w) solid rgba(255,255,255,.35);margin-bottom:24px}
@media (max-width:767px){body .sb-heroes .h06 h1{font-size:15vw !important}body .sb-heroes .h06 .foot{grid-template-columns:1fr;gap:16px;padding-bottom:40px}}

/* ===== 07 Darkened full-bleed, centered caps ===== */
body .sb-heroes .h07{min-height:var(--hero-h);display:flex;flex-direction:column}
body .sb-heroes .h07 .body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:var(--hdr)}
body .sb-heroes .h07 h1{font-size:var(--hero-feature-long) !important;text-transform:uppercase;font-weight:var(--pb-heading-weight);letter-spacing:.01em;line-height:var(--st-lh-display) !important;max-width:18ch}
body .sb-heroes .h07 .actions{justify-content:center}
body .sb-heroes .h07 .place{position:relative;z-index:2;text-align:center;font-size:var(--st-type-small) !important;padding-bottom:28px;display:flex;gap:8px;justify-content:center;align-items:center}
body .sb-heroes .h07 .place svg{width:16px;height:16px;flex:none}

/* ===== 08 Split, photo fills the half ===== */
body .sb-heroes .h08 .split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(var(--hero-h) - var(--hdr))}
body .sb-heroes .h08 .copy{display:flex;flex-direction:column;justify-content:center;padding:var(--st-space) clamp(32px,5vw,96px) var(--st-space) var(--gut)}
body .sb-heroes .h08 h1{font-size:var(--hero-editorial) !important;max-width:16ch}
body .sb-heroes .h08 .lead{margin-top:24px}
body .sb-heroes .h08 .facts{display:flex;gap:40px;margin-top:48px;padding-top:20px;border-top:var(--st-line-w) solid var(--pb-border);font-size:var(--st-type-small) !important}
body .sb-heroes .h08 .facts dt{color:var(--pb-muted)} body .sb-heroes .h08 .facts dd{margin:2px 0 0;font-weight:var(--pb-ui-weight)}
body .sb-heroes .h08 .media{position:relative}
body .sb-heroes .h08 .media img{position:absolute;inset:0}
@media (max-width:767px){body .sb-heroes .h08 .split{grid-template-columns:1fr;min-height:0}body .sb-heroes .h08 .media{order:-1;aspect-ratio:var(--pb-ar-landscape)}body .sb-heroes .h08 .copy{padding:40px var(--gut)}}

/* ===== 09 Inset panel ===== */
body .sb-heroes .h09{padding:0 clamp(12px,1.6vw,24px) clamp(12px,1.6vw,24px)}
body .sb-heroes .h09 .panel{position:relative;border-radius:var(--st-photo-r);overflow:hidden;min-height:calc(var(--hero-h) - var(--hdr) - clamp(12px,1.6vw,24px));display:flex;flex-direction:column}
body .sb-heroes .h09 .body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--st-space) clamp(24px,5vw,88px)}
body .sb-heroes .h09 h1{font-size:var(--hero-feature) !important;max-width:14ch}
body .sb-heroes .h09 .lead{margin-top:24px}
body .sb-heroes .h09 .meta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px 40px;padding:20px clamp(24px,5vw,88px) 28px;border-top:var(--st-line-w) solid var(--pb-rule-on-dark);font-size:var(--st-type-small) !important}
body .sb-heroes .h09 .meta b{font-weight:var(--pb-ui-weight);margin-right:8px}
@media (max-width:767px){body .sb-heroes .h09 .panel{min-height:calc(var(--hero-h) - var(--hdr) - 12px)}body .sb-heroes .h09 .body{padding:40px 24px}body .sb-heroes .h09 .meta{padding:16px 24px 24px;flex-direction:column}}

/* ===== 10 Event poster ===== */
body .sb-heroes .h10{background:var(--pb-surface)}
body .sb-heroes .h10 .mh{border-bottom:var(--st-line-w) solid var(--pb-border)}
body .sb-heroes .h10 .grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,4vw,72px);align-items:stretch;padding-block:clamp(40px,4vw,72px) 0}
body .sb-heroes .h10 .copy{padding-bottom:var(--st-space);align-self:center}
body .sb-heroes .h10 .date{font-family:var(--pb-heading-font);font-weight:800;font-stretch:75%;text-transform:uppercase;line-height:.95 !important;font-size:min(var(--st-type-display), 12vw) !important;letter-spacing:-.02em;color:var(--pb-secondary);display:block}
body .sb-heroes .h10 h1{font-size:var(--st-type-h2) !important;text-transform:uppercase;font-stretch:80%;font-weight:700;letter-spacing:0;margin-top:20px;max-width:16ch}
body .sb-heroes .h10 .lead{margin-top:16px}
body .sb-heroes .h10 dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 48px;margin:32px 0 0;border-top:2px solid var(--pb-text);padding-top:16px}
body .sb-heroes .h10 dt{font-size:var(--st-type-small) !important;color:var(--pb-muted)} body .sb-heroes .h10 dd{margin:2px 0 0;font-weight:var(--pb-ui-weight)}
body .sb-heroes .h10 .poster{position:relative;margin-top:64px;background:var(--pb-primary);border-radius:var(--st-photo-r) var(--st-photo-r) 0 0;min-height:520px}
body .sb-heroes .h10 .poster img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:calc(100% + 64px);width:auto;max-width:110%;object-fit:contain;object-position:bottom}
body .sb-heroes .h10 .poster .cap{position:absolute;z-index:2;left:20px;bottom:20px;color:var(--pb-on-dark);font-size:var(--st-type-small) !important;font-weight:var(--pb-ui-weight);background:var(--st-scrim);padding:8px 12px;border-radius:var(--st-radius)}
@media (max-width:767px){body .sb-heroes .h10 .date{font-size:17vw !important}}
@media (max-width:900px){body .sb-heroes .h10 .grid{grid-template-columns:1fr;gap:0}body .sb-heroes .h10 .copy{padding-bottom:0}body .sb-heroes .h10 .poster{min-height:380px;margin-top:88px}body .sb-heroes .h10 dl{grid-template-columns:1fr 1fr;gap:12px var(--st-gap-grid)}}

/* ===== 11 Grid lines and frames ===== */
body .sb-heroes .h11{background:var(--pb-text);color:var(--pb-on-dark)}
body .sb-heroes .h11 .mh{border-bottom:var(--st-line-w) solid var(--pb-rule-on-dark)}
body .sb-heroes .h11 .g{display:grid;grid-template-columns:repeat(12,1fr);border-left:var(--st-line-w) solid var(--pb-rule-on-dark)}
body .sb-heroes .h11 .g>*{border-right:var(--st-line-w) solid var(--pb-rule-on-dark);border-bottom:var(--st-line-w) solid var(--pb-rule-on-dark)}
body .sb-heroes .h11 .copy{grid-column:span 7;padding:clamp(40px,5vw,88px) clamp(24px,3vw,56px);display:flex;flex-direction:column;justify-content:center}
body .sb-heroes .h11 h1{font-size:var(--hero-feature) !important;max-width:14ch}
body .sb-heroes .h11 .lead{margin-top:24px;color:inherit;opacity:.85}
body .sb-heroes .h11 .frame{padding:clamp(12px,1.2vw,20px)}
body .sb-heroes .h11 .frame .photo{height:100%;min-height:200px}
body .sb-heroes .h11 .f1{grid-column:span 5}
body .sb-heroes .h11 .f2{grid-column:span 5;aspect-ratio:auto}
body .sb-heroes .h11 .f3{grid-column:span 4}
body .sb-heroes .h11 .f2 .photo,body .sb-heroes .h11 .f3 .photo{height:clamp(200px,18vw,280px)}
body .sb-heroes .h11 .cell{grid-column:span 3;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;font-size:var(--st-type-small) !important}
body .sb-heroes .h11 .cell b{font-family:var(--pb-heading-font);font-size:var(--st-type-h2) !important;line-height:1 !important;font-weight:600;display:block;margin-bottom:8px}
@media (max-width:900px){body .sb-heroes .h11 .g{grid-template-columns:1fr 1fr}body .sb-heroes .h11 .copy{grid-column:1/-1}body .sb-heroes .h11 .f1{grid-column:1/-1}body .sb-heroes .h11 .f1 .photo{height:280px}body .sb-heroes .h11 .f2{grid-column:1/-1}body .sb-heroes .h11 .f3{grid-column:span 1}body .sb-heroes .h11 .f3 .photo{height:180px}body .sb-heroes .h11 .cell{grid-column:span 1}}

/* ===== 12 Intro above wide media ===== */
body .sb-heroes .h12 .top{display:grid;grid-template-columns:7fr 5fr;gap:48px;padding-top:clamp(40px,5vw,88px);align-items:start}
body .sb-heroes .h12 h1{font-size:var(--hero-feature-long) !important;font-weight:500;letter-spacing:-.035em;max-width:15ch}
body .sb-heroes .h12 .side{padding-top:12px}
body .sb-heroes .h12 .side .lead{color:var(--pb-text)}
body .sb-heroes .h12 .actions{margin-top:28px}
body .sb-heroes .h12 .wide{margin-top:clamp(40px,5vw,80px);aspect-ratio:21/9}
body .sb-heroes .h12 figcaption{font-size:var(--st-type-small) !important;color:var(--pb-muted);padding:14px 0 var(--st-space)}
@media (max-width:767px){body .sb-heroes .h12 .top{grid-template-columns:1fr;gap:16px}body .sb-heroes .h12 .wide{aspect-ratio:var(--pb-ar-landscape)}}

/* ===== 13 Offset caption card ===== */
body .sb-heroes .h13 .pic{position:relative;height:calc(var(--hero-h) * .74 - var(--hdr))}
body .sb-heroes .h13 .card{position:relative;z-index:2;background:var(--pb-surface);margin-top:-96px;margin-left:var(--gut);width:min(720px, calc(100% - var(--gut)*2));padding:clamp(28px,4vw,64px);border-radius:var(--st-photo-r);box-shadow:0 1px 0 var(--pb-border)}
body .sb-heroes .h13 h1{font-size:var(--hero-editorial) !important;max-width:14ch}
body .sb-heroes .h13 .lead{margin-top:20px}
body .sb-heroes .h13 .tail{padding-bottom:var(--st-space)}
@media (max-width:767px){body .sb-heroes .h13 .pic{height:340px}body .sb-heroes .h13 .card{margin-top:-48px;margin-inline:16px;width:auto;padding:28px 24px}}

/* ===== 14 Words + ruled index ===== */
body .sb-heroes .h14{background:var(--pb-surface)}
body .sb-heroes .h14 .g{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,120px);align-items:center;padding-block:var(--st-space) calc(var(--st-space) * 1.1)}
body .sb-heroes .h14:is([data-height="large"],[data-height="full"]) .g{min-height:calc(var(--hero-h) - var(--hdr))}
body .sb-heroes .h14 h1{font-size:var(--hero-editorial) !important;max-width:12ch}
body .sb-heroes .h14 .lead{margin-top:24px}
body .sb-heroes .h14 ul{list-style:none;margin:0;padding:0;border-bottom:var(--st-line-w) solid var(--pb-text)}
body .sb-heroes .h14 li a{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:baseline;padding:22px 0;border-top:var(--st-line-w) solid var(--pb-text);text-decoration:none;min-height:44px}
body .sb-heroes .h14 li b{font-family:var(--pb-heading-font);font-size:var(--st-type-h3) !important;font-weight:600;letter-spacing:var(--st-track-h3)}
body .sb-heroes .h14 li span{color:var(--pb-muted);font-size:var(--st-type-small) !important}
body .sb-heroes .h14 li i{font-style:normal;transition:transform var(--st-dur) var(--st-ease)}
body .sb-heroes .h14 li a:hover i{transform:translateX(6px)}
@media (max-width:767px){body .sb-heroes .h14 .g{grid-template-columns:1fr;gap:40px}body .sb-heroes .h14 li a{grid-template-columns:1fr auto;padding:18px 0}body .sb-heroes .h14 li span{grid-column:1;grid-row:2}body .sb-heroes .h14 li i{grid-row:1/3;grid-column:2;align-self:center}}

/* ===== 15 Quote hero ===== */
body .sb-heroes .h15:is([data-height="large"],[data-height="full"]){min-height:calc(var(--hero-h) - var(--hdr))}
body .sb-heroes .h15 .body{padding-top:calc(var(--st-space) * 1.2);display:flex;flex-direction:column;justify-content:center;padding-block:var(--st-space)}
body .sb-heroes .h15 blockquote{margin:0;position:relative}
body .sb-heroes .h15 h1{font-size:var(--hero-quote) !important;font-weight:var(--pb-heading-weight);letter-spacing:var(--st-track-display);max-width:28ch;text-indent:-.42em}
body .sb-heroes .h15 .by{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--st-gap-grid);margin-top:clamp(40px,5vw,72px);padding-top:24px;border-top:var(--st-line-w) solid var(--pb-border)}
body .sb-heroes .h15 .who{display:flex;align-items:center;gap:16px}
body .sb-heroes .h15 .who .photo{width:72px;height:72px;flex:none}
body .sb-heroes .h15 .who b{display:block} body .sb-heroes .h15 .who span{color:var(--pb-muted);font-size:var(--st-type-small) !important}
body .sb-heroes .h15 .actions{margin-top:0}

/* ===== 16 Side rail title ===== */
body .sb-heroes .h16{background:var(--pb-text);color:var(--pb-on-dark)}
body .sb-heroes .h16 .g{display:grid;grid-template-columns:auto 1.35fr 1fr;min-height:calc(var(--hero-h) - var(--hdr))}
body .sb-heroes .h16 h1{writing-mode:vertical-rl;transform:rotate(180deg);font-size:min(var(--st-type-display), 14vh) !important;font-weight:800;font-stretch:76%;text-transform:uppercase;line-height:.95 !important;letter-spacing:-.01em;padding:40px clamp(16px,2vw,32px) 40px var(--gut);text-align:end;white-space:nowrap}
body .sb-heroes .h16 .media{position:relative}
body .sb-heroes .h16 .media img{position:absolute;inset:0}
body .sb-heroes .h16 .copy{display:flex;flex-direction:column;justify-content:center;padding:var(--st-space) var(--gut) var(--st-space) clamp(32px,4vw,72px)}
body .sb-heroes .h16 .copy .lead{color:inherit;opacity:.88;font-size:var(--st-type-h3) !important;line-height:1.3 !important;max-width:20ch;font-family:var(--pb-heading-font);letter-spacing:var(--st-track-h3)}
body .sb-heroes .h16 dl{margin:36px 0 0;display:grid;gap:0}
body .sb-heroes .h16 dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:var(--st-line-w) solid var(--pb-rule-on-dark);font-size:var(--st-type-small) !important}
body .sb-heroes .h16 dd{margin:0;font-weight:var(--pb-ui-weight)}
@media (max-width:767px){body .sb-heroes .h16 .g{grid-template-columns:minmax(0,1fr);min-height:0}body .sb-heroes .h16 h1{writing-mode:horizontal-tb;transform:none;font-size:min(14.4vw,72px) !important;padding:24px var(--gut) 20px;text-align:left;white-space:normal}body .sb-heroes .h16 .media{aspect-ratio:var(--pb-ar-landscape)}body .sb-heroes .h16 .copy{padding:32px var(--gut) 40px}}

/* ===== 17 Facts bar ===== */
body .sb-heroes .h17{min-height:var(--hero-h);display:flex;flex-direction:column}
body .sb-heroes .h17 .body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr);padding-bottom:32px}
body .sb-heroes .h17 h1{font-size:var(--hero-editorial-long) !important;max-width:22ch}
body .sb-heroes .h17 .lead{margin-top:24px}
body .sb-heroes .h17 .bar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr) auto;background:var(--pb-surface);color:var(--pb-text);margin:0 var(--gut);border-radius:var(--st-photo-r) var(--st-photo-r) 0 0}
body .sb-heroes .h17 .bar>div{padding:24px 28px;border-right:var(--st-line-w) solid var(--pb-border)}
body .sb-heroes .h17 .bar dt{font-size:var(--st-type-small) !important;color:var(--pb-muted)} body .sb-heroes .h17 .bar dd{margin:4px 0 0;font-weight:var(--pb-ui-weight)}
body .sb-heroes .h17 .bar .go{display:flex;align-items:center;padding:16px 24px;border:0}
@media (max-width:900px){body .sb-heroes .h17 .bar{grid-template-columns:1fr;margin:0;border-radius:0}body .sb-heroes .h17 .bar>div{padding:14px var(--gut);border-right:0;border-bottom:var(--st-line-w) solid var(--pb-border);display:flex;justify-content:space-between;gap:16px}body .sb-heroes .h17 .bar dd{margin:0;text-align:right}body .sb-heroes .h17 .bar .go{grid-column:1/-1;padding:20px var(--gut) 24px}body .sb-heroes .h17 .bar .go .btn{width:100%}}

/* ===== 18 Big-type moving band ===== */
body .sb-heroes .h18{min-height:var(--hero-h);display:flex;flex-direction:column}
body .sb-heroes .h18 .body{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end;padding-top:calc(var(--hdr) + 40px);padding-bottom:40px}
body .sb-heroes .h18 h1{font-size:var(--hero-feature) !important;max-width:13ch}
body .sb-heroes .h18 .side .actions{margin-top:24px}
body .sb-heroes .h18 .band{position:relative;z-index:2;overflow:hidden;border-top:var(--st-line-w) solid var(--pb-rule-on-dark);background:rgba(0,0,0,.3);padding-block:clamp(12px,2vw,28px) clamp(20px,3vw,40px)}
body .sb-heroes .h18 .track{display:flex;width:max-content;animation:h18 38s linear infinite}
body .sb-heroes .h18 .track span{font-family:var(--pb-heading-font);font-weight:800;font-stretch:76%;text-transform:uppercase;font-size:min(var(--st-type-display), 14vw) !important;line-height:.9 !important;letter-spacing:-.01em;padding-right:.35em;white-space:nowrap}
body .sb-heroes .h18 .track span:nth-child(even){font-weight:300}
@keyframes h18{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){body .sb-heroes .h18 .track{animation:none}}
@media (max-width:767px){body .sb-heroes .h18 .body{grid-template-columns:1fr;gap:16px;padding-top:calc(var(--hdr) + 24px)}body .sb-heroes .h18 .track span{font-size:24vw !important}}

/* ===== 19 Tabbed slideshow ===== */
body .sb-heroes .h19{min-height:var(--hero-h);display:flex;flex-direction:column}
body .sb-heroes .h19 .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
body .sb-heroes .h19 .slide.on{opacity:1}
body .sb-heroes .h19 .slide img{width:100%;height:100%;object-fit:cover}
body .sb-heroes .h19 .body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr);padding-bottom:40px}
body .sb-heroes .h19 h1{font-size:var(--hero-editorial) !important;max-width:12ch}
body .sb-heroes .h19 .lead{margin-top:24px}
body .sb-heroes .h19 .tabs{position:relative;z-index:2;display:flex;background:var(--pb-bg);color:var(--pb-text);width:fit-content;max-width:100%;border-radius:0 var(--st-photo-r) 0 0}
body .sb-heroes .h19 .tabs button{font:inherit;font-weight:var(--pb-ui-weight);background:none;border:0;color:inherit;min-height:72px;padding:0 clamp(18px,2.4vw,36px);cursor:pointer;position:relative;text-align:left}
body .sb-heroes .h19 .tabs button small{display:block;font-weight:400;color:var(--pb-muted);font-size:var(--st-type-small) !important}
body .sb-heroes .h19 .tabs button[aria-selected="true"]::before{content:"";position:absolute;left:clamp(18px,2.4vw,36px);right:clamp(18px,2.4vw,36px);top:0;height:3px;background:var(--pb-secondary)}
body .sb-heroes .h19 .tabs button:first-child{padding-left:var(--gut)}
body .sb-heroes .h19 .tabs button:first-child[aria-selected="true"]::before{left:var(--gut)}
@media (max-width:767px){body .sb-heroes .h19 .tabs{width:100%;border-radius:0;overflow-x:auto}body .sb-heroes .h19 .tabs button small{display:none}body .sb-heroes .h19 .tabs button{min-height:56px;flex:1 0 auto}}

/* ===== 21 Color field statement ===== */
body .sb-heroes .h21{background-color:color-mix(in oklab, var(--pb-primary) 14%, var(--pb-bg));background-image:repeating-linear-gradient(135deg, color-mix(in oklab, var(--pb-text) 5%, transparent) 0 1px, transparent 1px 9px);display:flex;flex-direction:column}
body .sb-heroes .h21:is([data-height="large"],[data-height="full"]){min-height:var(--hero-h)}
body .sb-heroes .h21 .body{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:var(--st-space)}
body .sb-heroes .h21 h1{font-size:var(--hero-statement) !important;line-height:.95 !important;letter-spacing:-.045em;font-weight:500;max-width:12ch}
body .sb-heroes .h21 .foot{display:grid;grid-template-columns:1fr minmax(0,44ch);gap:32px;margin-top:clamp(40px,5vw,72px)}
body .sb-heroes .h21 .foot .eyebrow{margin:0;padding-top:6px}
body .sb-heroes .h21 .foot .actions{margin-top:28px}
body .sb-heroes .h21 .lead{color:var(--pb-text)}
@media (max-width:767px){body .sb-heroes .h21 .foot{grid-template-columns:1fr;gap:16px}}

/* ===== 22 Display type over the poster (from VID-06) ===== */
body .sb-heroes .h22{background:var(--pb-text);min-height:var(--hero-h);display:flex;flex-direction:column}
body .sb-heroes .h22 .body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:24px 48px}
body .sb-heroes .h22 .eyebrow{margin-bottom:20px}
body .sb-heroes .h22 .poster{position:relative;display:block;width:min(100%, 1040px, max(640px, calc((var(--hero-h) - 455px) * 1.7778)));aspect-ratio:var(--pb-ar-landscape);padding:0;border:0;margin:0;border-radius:var(--st-photo-r);overflow:hidden;background:var(--pb-ink);color:inherit;font:inherit}
body .sb-heroes .h22 .poster img,body .sb-heroes .h22 .poster video,body .sb-heroes .h22 .poster iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
/* the heading's top half sits on the photo's lower edge: a bottom-weighted darkening keeps those letters readable */
body .sb-heroes .h22 .poster::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.72) 100%)}
body .sb-heroes .h22 .poster[data-mode="button"]::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,var(--st-play-scrim,.3))}
body .sb-heroes .h22 .play{position:absolute;left:50%;top:42%;translate:-50% -50%;z-index:2;width:84px;height:84px;border-radius:50%;background:var(--pb-bg);color:var(--pb-text);display:grid;place-items:center;transition:scale .25s ease}
body .sb-heroes .h22 .play svg{width:30%;height:30%;margin-left:6%}
body .sb-heroes .h22 button.poster{cursor:pointer}
body .sb-heroes .h22 button.poster:hover .play{scale:1.07}
body .sb-heroes .h22 button.poster:focus-visible{outline:var(--st-focus-w) solid var(--pb-on-dark);outline-offset:var(--st-focus-offset)}
body .sb-heroes .h22 h1{position:relative;z-index:3;margin-top:-.42em;font-size:clamp(56px, 9.6px + 8.4vw, 144px) !important;font-weight:var(--pb-heading-weight);line-height:var(--st-lh-display) !important;letter-spacing:-.04em;max-width:14ch;pointer-events:none}
body .sb-heroes .h22 .lead{margin:24px auto 0;text-align:center}
body .sb-heroes .h22 .actions{justify-content:center;margin-top:28px}
@media (max-width:767px){body .sb-heroes .h22 .poster{width:100%}body .sb-heroes .h22 .play{width:64px;height:64px}body .sb-heroes .h22 h1{margin-top:-.36em}}
@media (max-width:767px),(prefers-reduced-motion:reduce){body .sb-heroes .h22 .poster video{display:none}}

/* ===== 20 Mosaic beside the words ===== */
body .sb-heroes .h20 .g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,96px);align-items:center;padding-block:clamp(32px,4vw,64px) var(--st-space)}
body .sb-heroes .h20 h1{font-size:var(--hero-editorial-long) !important;max-width:16ch}
body .sb-heroes .h20 .lead{margin-top:24px}
body .sb-heroes .h20 .mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(12px,1.4vw,20px);height:clamp(480px,46vw,700px)}
body .sb-heroes .h20 .mosaic .photo:first-child{grid-row:1/3}
body .sb-heroes .h20 .tag{grid-column:2;display:none}
@media (max-width:767px){body .sb-heroes .h20 .g{grid-template-columns:1fr;gap:32px}body .sb-heroes .h20 .mosaic{height:420px;grid-template-columns:1fr 1fr}}

body .sb-heroes .sbi1{margin:0}