/* Adapted from Gemini's f26-spec-strip and org-proof-dossier components.
   Existing page typography/face remain canonical. Experimental variants only. */
.f26-placement-hero .f26-offer-spec{max-width:560px;margin-top:30px}
.f26-placement-hero .f26-spec-strip{display:grid;gap:0;margin:0 0 24px;border-top:1px solid var(--hair)}
.f26-placement-hero .f26-spec-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.6fr);gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--hair);font-size:15px;line-height:1.5}
.f26-placement-hero .f26-spec-row dt{color:var(--graphite)}
.f26-placement-hero .f26-spec-row dd{margin:0;font-weight:500}
.f26-placement-hero .f26-proof-teaser{font-size:14px;line-height:1.65;margin:20px 0 0;color:var(--graphite);max-width:48ch}
.f26-placement-hero .f26-proof-teaser a{display:inline-block;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.b-experience .org-proof-section{border-top:2px solid var(--ink);padding-top:28px}
.b-experience .org-proof-dossier{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.b-experience .org-kicker{font-size:14px;line-height:1.5;margin:0 0 18px;color:var(--graphite)}
.b-experience .org-heading{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.025em;margin:0 0 20px;max-width:18ch}
.b-experience .org-scope-prose{font-size:16px;line-height:1.65;max-width:42ch;margin:0}
.b-experience .org-verification-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}
.b-experience .org-verification-links a{font-size:14px;line-height:1.6;padding-block:10px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.b-experience .org-ledger-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.b-experience .org-ledger-item{padding:18px 0;border-bottom:1px solid var(--hair)}
.b-experience .ledger-noun-phrase{font-size:clamp(21px,2.1vw,28px);line-height:1.35;letter-spacing:-.02em;margin:0 0 6px;font-weight:500}
.b-experience .ledger-row-context{font-size:14px;line-height:1.6;color:var(--graphite);margin:0}
.f26-placement-hero a:focus-visible,.b-experience a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:699px){.b-experience .org-proof-dossier{grid-template-columns:1fr;gap:28px}.f26-placement-hero .f26-spec-row{grid-template-columns:minmax(96px,.8fr) minmax(0,1.4fr);gap:8px;font-size:14px}}
@media(max-width:340px){.f26-placement-hero .f26-spec-row{grid-template-columns:1fr;gap:3px}.b-experience .ledger-noun-phrase{font-size:21px}}

/* F26 V21: existing copy, editable key and face; DS type roles and normal-flow grid. */
.lb-hero.lb-hero-plain.f26-ds-hero{display:grid;grid-template-columns:minmax(0,calc((100% - 168px) / 8 * 5 + 96px)) minmax(0,1fr);column-gap:24px;row-gap:24px;margin-inline:0;padding:32px 0 48px;min-height:0}
.f26-ds-hero .f26-hero-dates{grid-area:1/1;margin:0;font-size:16px;line-height:1.6;display:flex;flex-wrap:wrap;gap:8px 24px}
.f26-ds-hero h1{grid-area:2/1;max-width:none;margin:0;font-size:44px;line-height:1.1;letter-spacing:-.025em;font-weight:700;min-width:0;text-wrap:pretty;overflow-wrap:anywhere}
.f26-hero-brand-split h1::first-line{font-family:'Source Code Pro',monospace;font-size:24px;line-height:1.6;letter-spacing:.02em;font-weight:700}
.f26-hero-brand-split h1>[data-e]>br:nth-of-type(2){display:none}
.f26-ds-hero .ctas{grid-area:3/1;margin:0}
.f26-ds-hero>.f26-hero-face-slot{grid-area:1/2;align-self:start;width:100%;aspect-ratio:1;box-sizing:content-box;padding-top:156px;pointer-events:none}
.f26-ds-hero>.lb-lede{grid-area:4/1;max-width:none;margin:0;text-align:start;font-size:16px;line-height:1.6}
.f26-ds-hero>.f26-offer-spec{grid-area:5/1;max-width:none;margin:0}
.f26-ds-hero .f26-spec-row{font-size:16px;line-height:1.5}
.f26-ds-hero .f26-spec-row dd{font-weight:600}
.f26-ds-hero .f26-spec-strip{margin-bottom:0}
.f26-ds-hero .ctas .lb-btn-a{min-height:52px;height:auto;min-width:220px;font-size:16px;font-weight:600;line-height:1.4}
.b-hero>.vwrap:has(.f26-ds-hero){container-type:inline-size}
@container(max-width:1130px){.f26-ds-hero h1{font-size:32px}}
@media(max-width:1099px){
 .lb-hero.lb-hero-plain.f26-ds-hero{grid-template-columns:minmax(0,1fr);row-gap:16px;padding:24px 0 48px}
 .f26-ds-hero h1{font-size:32px;text-wrap:balance}
 .f26-ds-hero>.f26-hero-face-slot{grid-area:2/1;justify-self:end;width:min(42vw,300px)}
 .f26-ds-hero>.lb-lede{grid-area:5/1}
 .f26-ds-hero>.f26-offer-spec{grid-area:6/1}
}
@media(max-width:760px){.f26-ds-hero .ctas,.f26-ds-hero .ctas .lb-btn-a{width:100%}}
@media(max-width:430px){.lb-hero.lb-hero-plain.f26-ds-hero{padding-top:16px;row-gap:12px}.f26-ds-hero h1{font-size:24px}.f26-hero-brand-split h1::first-line{font-size:18px}}

/* 19 Oct: one editable hero variant, two visible screens; no field or layout migration. */
.f26-ds-hero>.f26-hero-top-copy{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
.f26-hero-details{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr);gap:48px;align-items:start;padding-block:64px 48px;border-top:1px solid var(--hair);scroll-margin-top:0}
.f26-hero-details>.lb-lede{max-width:none;margin:0;font-size:16px;line-height:1.6;text-align:start}
.f26-hero-details>.f26-offer-spec{min-width:0;margin:0}
.f26-hero-details .f26-spec-strip{margin:0;border-top:1px solid var(--hair)}
.f26-hero-details .f26-spec-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:16px;line-height:1.6}
.f26-hero-details .f26-spec-row dt{color:var(--graphite)}
.f26-hero-details .f26-spec-row dd{margin:0;font-weight:600}
@media(max-width:1099px){.f26-ds-hero>.f26-hero-top-copy{gap:16px}.f26-hero-details{grid-template-columns:1fr;gap:32px;padding-block:48px}}
@media(max-width:430px){.f26-ds-hero>.f26-hero-top-copy{gap:12px}}

.lb-hero.lb-hero-plain.f26-ds-hero{box-sizing:border-box;min-height:calc(100svh - var(--f26-shell-bottom,120px))}

/* 19 Oct accepted follow-up: centre the hero copy, slightly enlarge the same face. */
@media(min-width:1100px){
 .f26-ds-hero>.f26-hero-top-copy{align-self:center}
 .f26-ds-hero>.f26-hero-face-slot{width:calc(100% + 32px);margin-left:-32px}
}
@media(max-width:1099px){.f26-ds-hero>.f26-hero-face-slot{width:min(48vw,320px)}}

/* Mobile integration of the original face: one centred composition, no artwork changes. */
@media(max-width:1099px){
 .f26-ds-hero>.f26-hero-top-copy{display:contents}
 .f26-ds-hero .f26-hero-dates{grid-area:1/1}
 .f26-ds-hero h1{grid-area:2/1}
 .f26-ds-hero>.f26-hero-face-slot{--f26-face-top-space:88px;grid-area:3/1;justify-self:center;width:clamp(160px,46vw,220px);aspect-ratio:322/431;padding-top:var(--f26-face-top-space);margin:0}
 .f26-ds-hero .ctas{grid-area:4/1}
 .lb-hero.lb-hero-plain.f26-ds-hero{row-gap:12px;padding-bottom:28px}
}
@media(max-width:1099px) and (max-height:650px){
 .f26-ds-hero .ctas{grid-area:3/1}
 .f26-ds-hero>.f26-hero-face-slot{grid-area:4/1;margin-top:20px}
}

/* Explicit name role preserves the full product name when its line wraps. */
.f26-hero-brand-split .f26-hero-product-name{font-family:'Source Code Pro',monospace;font-size:24px;line-height:1.6;letter-spacing:.02em;font-weight:700}
@media(max-width:430px){.f26-hero-brand-split .f26-hero-product-name{font-size:18px}}

/* Accepted desktop review adjustment: shift the existing face slot only. */
@media(min-width:1100px){.f26-ds-hero>.f26-hero-face-slot{position:relative;left:20px;top:-5px}}