/* BEVP interior pages. Loads after css/bevp-shell.css (approved V3.1) and uses its tokens,
   type scale, buttons (.u-btn), photo treatment (.u-photo) and section rhythm (.u-section).
   Page compositions are adapted from the four licensed themes; see
   handoff/complete-site/THEME-PATTERN-INVENTORY.md for the source of each pattern.
   Nothing here is copied from a theme file. */

/* ------------------------------------------------------------------
   Shared interior grammar
   ------------------------------------------------------------------ */
.x-page{display:block;background:var(--u-bone);color:var(--u-ink)}
.x-page img{max-width:100%}
.x-eyebrow{display:block;margin:0 0 var(--u-s4);font-family:var(--u-ff-label);font-size:var(--u-fs-label);letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:var(--u-red)}
.x-ink .x-eyebrow,.x-red .x-eyebrow{color:var(--u-bone-soft)}
.x-h1{margin:0;font-family:var(--u-ff-title);font-weight:400;font-size:clamp(54px,8.2vw,128px);line-height:.96;text-transform:uppercase;letter-spacing:-.01em}
.x-h1--md{font-size:clamp(48px,6.4vw,100px)}
.x-page .x-h2{margin:0;font-family:var(--u-ff-title);font-weight:400;font-size:clamp(40px,5vw,76px);line-height:1;text-transform:uppercase}
.x-page .x-h3{margin:0;font-family:var(--u-ff-title);font-weight:400;font-size:var(--u-fs-h3);line-height:1.06;text-transform:uppercase}
.x-page .x-h4{margin:0;font-family:var(--u-ff-label);font-weight:400;font-size:15px;letter-spacing:.08em;line-height:1.35;text-transform:uppercase}
.x-page .x-deck{margin:0;font-family:var(--u-ff-edit);font-style:italic;font-size:var(--u-fs-deck);line-height:1.34}
.x-page .x-lead{margin:0;font-size:var(--u-fs-lead);line-height:1.55}
.x-page .x-body p + p,.x-page .x-body p + .u-btn-row,.x-page .x-body .x-h3 + p,.x-page .x-body .x-h4 + p{margin-top:var(--u-s4)}
.x-page .x-body .u-btn-row{margin-top:var(--u-s6)}
.x-page .x-fine{margin:0;font-size:var(--u-fs-small);line-height:1.6;color:var(--u-text-soft)}
.x-ink .x-fine,.x-red .x-fine{color:var(--u-bone-soft)}
.x-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:0;list-style:none;font-family:var(--u-ff-label);font-size:13px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.x-meta li:not(:last-child)::after{content:"\00b7";padding:0 .7em;opacity:.7}
.x-ink{background:var(--u-ink);color:var(--u-bone)}
.x-paper{background:var(--u-paper)}
.x-red{background:var(--u-red);color:#fff}
.x-ink .x-lead,.x-ink .x-body{color:var(--u-bone-soft)}
.x-ink .x-lead strong,.x-ink .x-body strong{color:var(--u-bone)}
.x-red .x-body,.x-red .x-lead{color:rgba(255,255,255,.9)}
.x-red .u-btn--bone{color:var(--u-ink)}
.x-section{padding:var(--u-section-y) 0}
.x-section--tight{padding:clamp(56px,6vw,96px) 0}
.x-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--u-gap);align-items:start}
.x-split--75{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.x-split--57{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.x-split--48{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.x-split--center{align-items:center}
.x-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--u-gap);align-items:end;margin-bottom:var(--u-s8)}
.x-head .x-lead{max-width:none}
.x-photo-note{margin-top:var(--u-s3);font-size:13px;line-height:1.45;color:var(--u-text-soft)}
.x-ink .x-photo-note{color:var(--u-bone-dim)}
.x-page .u-photo img{height:100%}
.x-cover{display:block;width:100%;height:auto;box-shadow:0 24px 48px -24px rgba(14,13,11,.55)}
.x-state[hidden]{display:none!important}
.x-link{display:inline-flex;align-items:center;gap:10px;min-height:var(--u-tap);font-family:var(--u-ff-label);font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.x-link:hover{text-decoration-thickness:2px}
.x-link svg{width:16px;height:16px;flex:none}

/* QA flag (?qa=1): stock label on each illustrative photograph, plus mock controls. Off by default. */
.x-qa-tag{position:absolute;left:12px;top:12px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(14,13,11,.82);color:#fff;font-family:var(--u-ff-mono);font-size:11px;letter-spacing:.06em;pointer-events:none}
.x-qa{position:fixed;right:16px;bottom:16px;z-index:var(--u-z-qa);display:grid;gap:8px;max-width:300px;padding:16px;border-radius:18px;background:var(--u-ink);color:var(--u-bone);font-family:var(--u-ff-mono);font-size:12px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
.x-qa label{display:grid;gap:4px}
.x-qa select{min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--u-bone-dim);background:transparent;color:inherit;font:inherit}
.x-qa select option{color:var(--u-ink)}
@media (max-width:1024px){.x-qa{bottom:calc(var(--u-dock-clear) + 8px)}}

/* Shared simulated forms (no data leaves the page) */
.x-form{display:grid;gap:var(--u-s5)}
.x-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--u-s5)}
.x-form .u-field input,.x-form .u-field select,.x-form .u-field textarea{width:100%;min-height:52px;padding:0 22px;border-radius:var(--u-radius);border:1.5px solid rgba(14,13,11,.4);background:#fff;color:var(--u-ink);font:inherit;font-size:16px}
.x-form .u-field textarea{min-height:132px;padding:16px 22px;border-radius:var(--u-radius-field)}
.x-form .u-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%230E0D0B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:18px}
.x-ink .x-form .u-field input,.x-ink .x-form .u-field select,.x-ink .x-form .u-field textarea{background:rgba(236,227,208,.06);border-color:rgba(236,227,208,.45);color:var(--u-bone)}
.x-form .u-error{margin:0;font-size:var(--u-fs-small);color:var(--u-error-light)}
.x-ink .x-form .u-error{color:var(--u-error-dark)}
.x-form__done{padding:var(--u-s6) 0}
.x-form__done:focus{outline:none}

/* ------------------------------------------------------------------
   1. PROGRAMS  (EVT-07 split hero, ASA-09 colour fields, SAS-15 relation flow)
   ------------------------------------------------------------------ */
.x-prog-hero{padding:clamp(56px,7vw,112px) 0 clamp(64px,8vw,128px)}
.x-prog-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--u-gap);align-items:center}
.x-prog-hero .x-lead{margin-top:var(--u-s6);max-width:52ch}
.x-prog-hero .u-btn-row{margin-top:var(--u-s7)}
.x-plate{position:relative;margin:0 0 0 var(--u-s7)}
.x-plate::before{content:"";position:absolute;inset:var(--u-s7) calc(-1 * var(--u-s7)) calc(-1 * var(--u-s7)) calc(-1 * var(--u-s7));background:var(--u-ink);z-index:0}
.x-plate .u-photo{position:relative;z-index:1;aspect-ratio:4 / 5}
.x-prog-statement{padding:0 0 var(--u-section-y)}
.x-prog-statement .x-deck{max-width:none;font-size:clamp(24px,2.6vw,38px);line-height:1.3}
.x-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(88vh,860px)}
.x-field__media{position:relative;margin:0;min-height:420px}
.x-field__media img{position:absolute;inset:0}
.x-field__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,7vw,120px) clamp(28px,6vw,104px)}
.x-field--rev .x-field__media{order:2}
.x-field__name{margin:0;font-family:var(--u-ff-title);font-weight:400;font-size:clamp(64px,8vw,132px);line-height:.92;text-transform:uppercase}
.x-field .x-deck{margin-top:var(--u-s5);max-width:28ch}
.x-field .x-body{margin-top:var(--u-s6);max-width:56ch}
.x-field .u-btn-row{margin-top:var(--u-s7)}
.x-field--paper{background:var(--u-paper)}
.x-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-gap);margin-top:var(--u-s8)}
.x-flow__item .x-h3{margin-bottom:var(--u-s4)}
.x-flow__item p{max-width:34ch}
.x-flow__item{padding-top:var(--u-s5);border-top:3px solid var(--u-ink)}
.x-prog-join{padding:clamp(72px,8vw,128px) 0}
.x-prog-join .x-split{align-items:end}

/* ------------------------------------------------------------------
   2. WAR FEATHER  (ASA-14 hero, SAS-11 facts, EVT-05 phase tabs, ASA-11 sticky panel, UEV-03 timeline)
   ------------------------------------------------------------------ */
.x-wf-hero{position:relative;min-height:min(86vh,880px);display:flex;align-items:flex-end;background:var(--u-ink);color:var(--u-bone);overflow:hidden}
.x-wf-hero .u-photo{position:absolute;inset:0}
.x-wf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,13,11,.72) 0%,rgba(14,13,11,.4) 42%,rgba(14,13,11,0) 68%),linear-gradient(180deg,rgba(14,13,11,.1) 0%,rgba(14,13,11,.5) 55%,rgba(14,13,11,.92) 100%);pointer-events:none}
.x-wf-hero__text{position:relative;z-index:1;width:100%;padding-bottom:clamp(48px,6vw,88px)}
.x-wf-hero .x-h1{max-width:12ch}
.x-wf-intro{padding:clamp(64px,7vw,112px) 0}
.x-wf-intro .x-deck{max-width:24ch}
.x-wf-intro .x-status{margin-top:var(--u-s7)}
.x-status{display:grid;gap:var(--u-s4);justify-items:start}
.x-status .u-status{color:inherit}
.x-page:not(.x-ink) .x-status .u-status__dot,.x-paper .x-status .u-status__dot{border-color:var(--u-ink)}
.x-ink .x-status .u-status__dot{border-color:var(--u-bone)}
.x-status__note{margin:0;font-size:var(--u-fs-small);line-height:1.55;color:var(--u-text-soft);max-width:44ch}
.x-ink .x-status__note{color:var(--u-bone-soft)}
.x-wf-facts .u-facts{margin:0 0 var(--u-s8)}
.x-wf-facts .u-fact dd{font-size:clamp(56px,6vw,96px)}
.x-week{display:grid;grid-template-columns:auto 1fr;margin:0;column-gap:var(--u-s6)}
.x-week dt,.x-week dd{padding:var(--u-s4) 0;border-top:1px solid var(--u-rule-bone)}
.x-week dt{font-family:var(--u-ff-label);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--u-bone)}
.x-week dd{margin:0;color:var(--u-bone-soft)}
.x-phases{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--u-gap);align-items:start}
.x-phases__list{display:grid;gap:2px;position:sticky;top:calc(var(--u-header-h) + 24px)}
.x-tab{display:block;width:100%;padding:12px 0;border:0;background:none;color:rgba(14,13,11,.42);text-align:left;cursor:pointer;font-family:var(--u-ff-title);font-size:clamp(24px,2.3vw,36px);line-height:1.05;text-transform:uppercase;transition:color .2s ease}
.x-tab:hover{color:rgba(14,13,11,.7)}
.x-tab[aria-selected="true"]{color:var(--u-ink)}
.x-tab[aria-selected="true"]::before{content:"";display:inline-block;width:.5em;height:.12em;margin-right:.35em;vertical-align:.28em;background:var(--u-red)}
.x-tab:focus-visible{outline:var(--u-focus);outline-offset:4px;border-radius:10px}
.x-ink .x-tab{color:rgba(236,227,208,.42)}
.x-ink .x-tab:hover{color:rgba(236,227,208,.75)}
.x-ink .x-tab[aria-selected="true"]{color:var(--u-bone)}
.x-phase .u-photo{aspect-ratio:16 / 9}
.x-phase__text{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--u-s7);margin-top:var(--u-s6)}
.x-phase__text .x-lead{max-width:none}
.x-phase__mobile-title{display:none}
.x-wf-time .x-split--48{align-items:start}
.x-aside{position:sticky;top:calc(var(--u-header-h) + 24px);display:grid;gap:var(--u-s6)}
.x-aside dl{margin:0;display:grid;gap:var(--u-s5)}
.x-aside dt{font-family:var(--u-ff-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--u-red)}
.x-aside dd{margin:var(--u-s2) 0 0;line-height:1.5}
.x-timeline{margin:var(--u-s7) 0 0;padding:0;list-style:none;display:grid}
.x-timeline li{display:grid;grid-template-columns:minmax(150px,3fr) minmax(0,9fr);column-gap:var(--u-s7);padding:var(--u-s6) 0;border-top:1px solid var(--u-rule-ink)}
.x-timeline li:last-child{border-bottom:1px solid var(--u-rule-ink)}
.x-timeline__when{font-family:var(--u-ff-title);font-size:clamp(22px,1.9vw,30px);line-height:1.08;text-transform:uppercase}
.x-timeline p{margin:0;max-width:60ch}
.x-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-gap)}
.x-cols3 p{max-width:40ch}
.x-real{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-gap)}
.x-real .x-h2{font-size:clamp(40px,4.4vw,68px);margin-bottom:var(--u-s5)}
.x-real p{max-width:38ch}
.x-real-note{margin-top:var(--u-s8);max-width:none}
.x-wf-fund .x-split{align-items:center}
.x-wf-fund .x-h2{font-size:clamp(48px,6.2vw,96px)}

/* ------------------------------------------------------------------
   3. EVENTS  (ASA-06 cinematic hero, EVT-02 meta line, EVT-01 overlapping panel, ASA-01 mosaic, ASA-08 archive)
   ------------------------------------------------------------------ */
.x-ev-hero{position:relative;background:var(--u-ink);color:var(--u-bone)}
.x-ev-hero__media{position:relative;height:min(74vh,760px);min-height:420px;overflow:hidden}
.x-ev-hero__media .u-photo{position:absolute;inset:0}
.x-ev-hero__media img{transform:scale(1.08);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.x-ev-hero.is-in .x-ev-hero__media img{transform:scale(1)}
.x-ev-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,11,0) 45%,rgba(14,13,11,.9) 100%)}
.x-ev-hero__title{position:relative;z-index:1;margin-top:calc(-1 * clamp(80px,9vw,150px))}
.x-ev-hero__title .x-h1{font-size:clamp(56px,10.4vw,172px);line-height:.9}
.x-ev-hero__intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--u-gap);padding:var(--u-s7) 0 var(--u-section-y)}
.x-ev-hero__intro .x-lead{max-width:none;color:var(--u-bone)}
.x-ev-hero__intro .x-body{color:var(--u-bone-soft)}
.x-series-label{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:var(--u-s5)}
.x-badge{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:0 14px;border-radius:999px;border:1.5px solid currentColor;font-family:var(--u-ff-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.x-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.x-evo{padding:var(--u-section-y) 0}
.x-evo__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--u-gap);align-items:center}
.x-evo__pics{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:7 / 5}
.x-evo__pics .u-photo:first-child{grid-row:1 / 3}
.x-evo .x-h2{font-size:clamp(40px,4.6vw,72px)}
.x-evo .x-body{margin-top:var(--u-s5)}
.x-evo .x-meta{margin-top:var(--u-s5)}
.x-evo__skills{display:flex;flex-wrap:wrap;gap:8px;margin:var(--u-s6) 0 0;padding:0;list-style:none}
.x-evo__skills li{padding:8px 14px;border-radius:999px;background:rgba(236,227,208,.1);font-size:14px;line-height:1.2}
.x-valk{position:relative;padding:var(--u-section-y) 0;background:var(--u-bone)}
.x-valk__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,5fr);align-items:center}
.x-valk__media{grid-column:1 / 2;grid-row:1;aspect-ratio:3 / 2}
.x-valk__panel{grid-column:2 / 3;grid-row:1;position:relative;z-index:1;margin-left:-120px;padding:clamp(36px,4vw,64px);background:var(--u-paper);box-shadow:0 30px 60px -30px rgba(14,13,11,.45)}
.x-valk__panel .x-h3{font-size:clamp(30px,2.8vw,44px)}
.x-valk__price{margin:var(--u-s5) 0 0;font-family:var(--u-ff-title);font-size:clamp(40px,4vw,60px);line-height:1}
.x-valk__price small{display:block;margin-top:var(--u-s2);font-family:var(--u-ff-body);font-size:var(--u-fs-body);line-height:1.5;text-transform:none}
.x-valk__panel .u-btn-row{margin-top:var(--u-s6)}
.x-valk__trio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;width:calc(100% * 8 / 13)}
.x-valk__trio .u-photo{aspect-ratio:3 / 2}
.x-afs{padding:var(--u-section-y) 0}
.x-afs__top{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:var(--u-gap);align-items:end}
.x-afs .x-h2{font-size:clamp(40px,4.8vw,76px);max-width:18ch}
.x-afs__media{aspect-ratio:4 / 5}
.x-afs__facts{margin:var(--u-s8) 0 0}
.x-afs__facts .u-fact dd{color:#fff;white-space:normal}
.x-afs__facts .u-fact dt{color:rgba(255,255,255,.85)}
.x-afs__body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--u-gap);margin-top:var(--u-s8);align-items:end}
.x-mosaic{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:12px}
.x-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;overflow:hidden;background:var(--u-ink);color:var(--u-bone)}
.x-tile .u-photo{position:absolute;inset:0}
.x-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,11,0) 35%,rgba(14,13,11,.88) 100%);pointer-events:none}
.x-tile__text{position:relative;z-index:1;padding:clamp(24px,3vw,44px)}
.x-tile__text p{margin-top:var(--u-s3);max-width:52ch;color:var(--u-bone-soft)}
.x-tile__text .x-link{margin-top:var(--u-s3);color:var(--u-bone)}
.x-tile--big{grid-row:1 / 3;min-height:680px}
.x-tile--type{background:var(--u-red);color:#fff;justify-content:space-between}
.x-tile--type::after{display:none}
.x-tile--type .x-tile__text p{color:rgba(255,255,255,.9)}
.x-tile--type .x-tile__text .x-link{color:#fff}
.x-history{margin:var(--u-s8) 0 0;padding:0;list-style:none}
.x-history li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);column-gap:var(--u-gap);align-items:baseline;padding:var(--u-s6) 0;border-top:1px solid var(--u-rule-ink)}
.x-history li:last-child{border-bottom:1px solid var(--u-rule-ink)}
.x-history__year{font-family:var(--u-ff-title);font-size:clamp(40px,4.4vw,72px);line-height:1}
.x-history__year--pending{font-family:var(--u-ff-label);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--u-text-soft)}
.x-history p{margin:0}
.x-deliver{position:relative;color:var(--u-bone);background:var(--u-ink);overflow:hidden}
.x-deliver .u-photo{position:absolute;inset:0;opacity:.32}
.x-deliver__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--u-gap);padding:var(--u-section-y) 0}
.x-deliver .x-body{margin-top:var(--u-s5);color:var(--u-bone-soft);max-width:48ch}

/* ------------------------------------------------------------------
   4. SCIENCE  (SAS-02 pillar tabs, SAS-05 standards table, ASA-05 inset gate panel)
   ------------------------------------------------------------------ */
.x-sci-hero{padding:clamp(56px,7vw,112px) 0 0}
.x-sci-hero__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:var(--u-gap);align-items:end}
.x-sci-hero .x-lead{margin-top:var(--u-s6);max-width:60ch}
.x-gate{display:grid;gap:var(--u-s4);padding:clamp(28px,3vw,44px);background:var(--u-ink);color:var(--u-bone);border-radius:24px}
.x-gate .x-h4{color:var(--u-bone)}
.x-gate p{margin:0;color:var(--u-bone-soft);font-size:var(--u-fs-small);line-height:1.6}
.x-gate .u-btn{justify-self:start}
.x-sci-band{margin-top:clamp(56px,6vw,96px);aspect-ratio:24 / 7}
.x-sci-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);margin-top:var(--u-s8)}
.x-sci-how .x-h4{margin-bottom:var(--u-s3)}
.x-pillars{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);column-gap:var(--u-gap);align-items:start}
.x-pillars__list{display:grid;gap:0}
.x-pillars__list .x-tab{padding:8px 0;font-size:clamp(24px,2.4vw,38px)}
.x-pillar__name{margin:0 0 var(--u-s5)}
.x-pillar ul{margin:0;padding:0;list-style:none;display:grid;gap:0}
.x-pillar li{padding:var(--u-s3) 0;border-top:1px solid var(--u-rule-bone);color:var(--u-bone);font-size:var(--u-fs-lead);line-height:1.4}
.x-pillar .x-fine{margin-top:var(--u-s5)}
.x-pillars__photo{aspect-ratio:2 / 3;position:sticky;top:calc(var(--u-header-h) + 24px)}
.x-table{width:100%;border-collapse:collapse;margin-top:var(--u-s7);font-size:var(--u-fs-body)}
.x-table th,.x-table td{padding:var(--u-s5) var(--u-s5) var(--u-s5) 0;text-align:left;vertical-align:top;border-top:1px solid var(--u-rule-ink)}
.x-table thead th{border-top:0;padding-top:0;font-family:var(--u-ff-label);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--u-red)}
.x-table tbody th{width:26%;font-family:var(--u-ff-title);font-weight:400;font-size:clamp(22px,2vw,30px);line-height:1.08;text-transform:uppercase}
.x-table tbody tr:last-child th,.x-table tbody tr:last-child td{border-bottom:1px solid var(--u-rule-ink)}
.x-inset{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}
.x-inset__media{grid-column:1 / 2;grid-row:1;aspect-ratio:4 / 3}
.x-inset__panel{grid-column:2 / 3;grid-row:1;position:relative;z-index:1;margin-left:calc(-1 * var(--u-s9));padding:clamp(32px,4vw,64px);background:var(--u-bone)}
.x-inset__panel .u-btn-row{margin-top:var(--u-s6)}

/* ------------------------------------------------------------------
   5. STORIES  (ASA-19 featured pair, ASA-10 text filter, EVT-17 stream)
   ------------------------------------------------------------------ */
.x-st-mast{padding:clamp(56px,7vw,112px) 0 clamp(40px,4vw,64px)}
.x-st-mast__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:var(--u-gap);align-items:end}
.x-st-mast .x-h1{font-size:clamp(56px,9vw,148px)}
.x-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--u-gap);align-items:center;padding-bottom:var(--u-section-y)}
.x-feature .u-photo{aspect-ratio:3 / 2}
.x-feature .x-h2{font-size:clamp(40px,4.4vw,72px)}
.x-feature .x-lead{margin-top:var(--u-s5)}
.x-byline{margin-top:var(--u-s5);font-family:var(--u-ff-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--u-text-soft)}
.x-feature .u-btn-row{margin-top:var(--u-s6)}
.x-filter{display:flex;flex-wrap:wrap;gap:4px 28px;margin:0 0 var(--u-s7);padding:0;list-style:none}
.x-filter button{min-height:var(--u-tap);padding:0;border:0;background:none;cursor:pointer;color:rgba(14,13,11,.5);font-family:var(--u-ff-label);font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;text-underline-offset:8px}
.x-filter button:hover{color:var(--u-ink)}
.x-filter button[aria-pressed="true"]{color:var(--u-ink);text-decoration:underline;text-decoration-color:var(--u-red);text-decoration-thickness:3px}
.x-filter button:focus-visible{outline:var(--u-focus);outline-offset:4px;border-radius:8px}
.x-stream{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--u-s8) clamp(24px,3vw,48px);margin:0;padding:0;list-style:none}
.x-story{display:flex;flex-direction:column}
.x-story[hidden]{display:none}
.x-story .u-photo{aspect-ratio:3 / 2}
.x-story__cover{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;background:var(--u-paper)}
.x-story__cover img{width:auto;height:84%;box-shadow:0 16px 32px -16px rgba(14,13,11,.6)}
.x-story .x-eyebrow{margin:var(--u-s5) 0 var(--u-s2)}
.x-story .x-h3{font-size:clamp(24px,2vw,32px)}
.x-story p{margin-top:var(--u-s3)}
.x-story__date{margin-top:var(--u-s3);font-size:13px;color:var(--u-text-soft)}
.x-story__more{margin-top:auto;padding-top:var(--u-s3)}
.x-story--wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(24px,3vw,48px);align-items:center}
.x-story--wide .u-photo{aspect-ratio:3 / 2}
.x-story--wide .x-eyebrow{margin-top:0}
.x-empty{padding:var(--u-s8) 0;border-top:1px solid var(--u-rule-ink);border-bottom:1px solid var(--u-rule-ink)}
.x-empty .x-lead{max-width:60ch}
.x-more{display:flex;flex-wrap:wrap;align-items:center;gap:var(--u-s5);margin-top:var(--u-s8)}
.x-share{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--u-gap);align-items:stretch}
.x-share .u-photo{min-height:100%;aspect-ratio:auto}
.x-share__form .x-body{margin:var(--u-s5) 0 var(--u-s7)}
.x-signup{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:var(--u-gap);align-items:end}
.x-signup__row{display:flex;gap:12px;align-items:end}
.x-signup__row .u-field{flex:1}

/* ------------------------------------------------------------------
   6. GET INVOLVED  (ASA-04 vertical audience tabs, SAS-18 split CTA band)
   ------------------------------------------------------------------ */
.x-gi-hero{padding:clamp(56px,7vw,112px) 0 var(--u-section-y)}
.x-gi-hero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:var(--u-gap);align-items:end}
.x-gi-hero .x-h1{font-size:clamp(56px,8.6vw,140px)}
.x-gi-hero__photo{aspect-ratio:4 / 3}
.x-gi-hero__intro{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:var(--u-gap);margin-top:var(--u-s7)}
.x-gi-hero__intro .x-lead{max-width:none}
.x-aud{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--u-gap);align-items:start}
.x-aud__list{display:grid;gap:4px;position:sticky;top:calc(var(--u-header-h) + 24px)}
.x-aud__list .x-tab{font-size:clamp(22px,2vw,32px);padding:14px 0}
.x-aud__panel .u-photo{aspect-ratio:16 / 9}
.x-aud__text{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--u-s7);margin-top:var(--u-s6)}
.x-aud__text .u-btn-row{margin-top:var(--u-s6)}
.x-aud__mobile-head{display:none}
.x-gi-events{padding:var(--u-section-y) 0}
.x-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:var(--u-s8)}
.x-strip a{position:relative;display:flex;align-items:flex-end;aspect-ratio:3 / 4;overflow:hidden;color:var(--u-bone);text-decoration:none;background:var(--u-ink)}
.x-strip .u-photo{position:absolute;inset:0}
.x-strip .u-photo img{transition:transform .6s var(--ease-out)}
.x-strip a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,11,0) 40%,rgba(14,13,11,.9) 100%)}
.x-strip__text{position:relative;z-index:1;padding:clamp(20px,2.4vw,36px)}
.x-strip__text .x-h3{font-size:clamp(28px,2.6vw,40px)}
.x-strip__text p{margin-top:var(--u-s2);color:var(--u-bone-soft);font-size:var(--u-fs-small);line-height:1.5}
.x-strip__go{display:inline-flex;align-items:center;gap:10px;margin-top:var(--u-s4);font-family:var(--u-ff-label);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.x-strip__go svg{width:16px;height:16px}
@media (hover:hover){.x-strip a:hover .u-photo img{transform:scale(1.04)}}
.x-strip a:focus-visible{outline:var(--u-focus);outline-offset:4px}
.x-shelf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--u-gap);align-items:center}
.x-shelf__covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px);align-items:end}
.x-shelf__covers figure{margin:0}
.x-shelf__covers figure:nth-child(2){transform:translateY(-32px)}
.x-shelf__covers figcaption{margin-top:var(--u-s4);font-family:var(--u-ff-label);font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.x-shelf__covers figcaption span{display:block;margin-top:4px;font-family:var(--u-ff-body);letter-spacing:0;text-transform:none;font-size:14px;color:var(--u-text-soft)}
.x-shelf__covers .u-photo{aspect-ratio:3 / 4}
.x-shelf__extra{margin-top:var(--u-s7);padding-top:var(--u-s6);border-top:1px solid var(--u-rule-ink)}
.x-band{display:grid;grid-template-columns:1fr 1fr}
.x-band__half{padding:clamp(64px,7vw,120px) clamp(28px,5vw,96px)}
.x-band__half:first-child{padding-left:max(var(--u-pad-x),calc((100vw - var(--u-wrap)) / 2 + var(--u-pad-x)))}
.x-band__half:last-child{padding-right:max(var(--u-pad-x),calc((100vw - var(--u-wrap)) / 2 + var(--u-pad-x)))}
.x-band .x-body{margin-top:var(--u-s5);max-width:46ch}

/* ------------------------------------------------------------------
   7. LEGACY JUMP  (ASA-16 poster and price panel, ASA-12 project detail, EVT-15 7/5 media ratio)
   ------------------------------------------------------------------ */
.x-film{padding:clamp(40px,5vw,80px) 0 var(--u-section-y)}
.x-film__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(28px,4vw,64px);align-items:center}
.x-player{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}
.x-player .u-photo{position:absolute;inset:0}
.x-player .u-photo img{filter:none}
.x-player__play{position:absolute;left:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:1;display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:0 28px 0 12px;border:0;border-radius:999px;background:rgba(236,227,208,.94);color:var(--u-ink);cursor:pointer;font-family:var(--u-ff-label);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.x-player__play span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--u-red);color:#fff}
.x-player__play svg{width:16px;height:16px;margin-left:3px}
.x-player__msg{position:absolute;inset:auto 0 0 0;z-index:2;padding:var(--u-s5) var(--u-s6);background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.85));color:#fff;font-size:var(--u-fs-small)}
.x-buy .x-h1{font-size:clamp(52px,6vw,96px)}
.x-buy .x-lead{margin-top:var(--u-s5);color:var(--u-bone-soft)}
.x-buy__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-top:var(--u-s6);padding-top:var(--u-s5);border-top:1px solid var(--u-rule-bone)}
.x-buy__price strong{font-family:var(--u-ff-title);font-weight:400;font-size:clamp(48px,4.6vw,72px);line-height:1;color:var(--u-bone)}
.x-buy__price span{font-family:var(--u-ff-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--u-bone-soft)}
.x-buy__state{margin-top:var(--u-s5)}
.x-buy__state p{margin:0;color:var(--u-bone-soft);font-size:var(--u-fs-small);line-height:1.6}
.x-buy__state .u-btn-row{margin-top:var(--u-s5)}
.x-buy__share{display:flex;align-items:center;gap:var(--u-s4);margin-top:var(--u-s5)}
.x-buy__share button{display:inline-flex;align-items:center;gap:10px;min-height:var(--u-tap);padding:0 18px;border:1.5px solid var(--u-rule-bone);border-radius:999px;background:none;color:var(--u-bone);cursor:pointer;font-family:var(--u-ff-label);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.x-buy__share button:hover{border-color:var(--u-bone)}
.x-buy__share svg{width:16px;height:16px}
.x-buy__share output{font-size:13px;color:var(--u-bone-soft)}
.x-detail{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:var(--u-gap);align-items:start}
.x-detail dl{margin:0;display:grid;gap:var(--u-s5);position:sticky;top:calc(var(--u-header-h) + 24px)}
.x-detail dt{font-family:var(--u-ff-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--u-red)}
.x-detail dd{margin:var(--u-s2) 0 0;line-height:1.5}
.x-detail__story .x-deck{max-width:30ch}
.x-detail__story .x-cols2{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--u-s7);margin-top:var(--u-s7)}
.x-wide-still{aspect-ratio:21 / 8}
.x-wide-still img{object-position:50% 50%}
.x-access{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-gap);margin-top:var(--u-s8)}
.x-access .x-h3{margin-bottom:var(--u-s4)}
.x-faq{margin-top:var(--u-s8);border-top:1px solid var(--u-rule-ink)}
.x-faq details{border-bottom:1px solid var(--u-rule-ink)}
.x-faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--u-s5);min-height:72px;cursor:pointer;list-style:none;font-family:var(--u-ff-label);font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.x-faq summary::-webkit-details-marker{display:none}
.x-faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-4px);transition:transform .2s ease}
.x-faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.x-faq summary:focus-visible{outline:var(--u-focus);outline-offset:4px;border-radius:8px}
.x-faq details p{margin:0 0 var(--u-s5);max-width:64ch}
.x-release{margin:var(--u-s7) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-gap)}
.x-release li{display:grid;grid-template-columns:96px 1fr;column-gap:var(--u-s5);align-items:start}
.x-release img{width:96px;height:auto;box-shadow:0 12px 24px -12px rgba(14,13,11,.6)}
.x-release__ph{width:96px;aspect-ratio:3 / 4;display:grid;place-items:center;background:var(--u-ink);color:var(--u-bone);font-family:var(--u-ff-title);font-size:28px}
.x-release .x-h4{margin-bottom:var(--u-s2)}
.x-release p{margin:0;font-size:var(--u-fs-small);line-height:1.55;color:var(--u-text-soft)}
.x-release .x-link{margin-top:var(--u-s2)}

/* ------------------------------------------------------------------
   Tablet 700–1100
   ------------------------------------------------------------------ */
@media (max-width:1100px){
  .x-prog-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .x-plate{margin-left:var(--u-s5)}
  .x-plate::before{inset:var(--u-s6) calc(-1 * var(--u-s5)) calc(-1 * var(--u-s5)) calc(-1 * var(--u-s5))}
  .x-field{min-height:0}
  .x-field__text{padding:clamp(48px,6vw,80px) clamp(28px,4vw,48px)}
  .x-field__name{font-size:clamp(56px,8vw,96px)}
  .x-sci-how{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--u-s7)}
  .x-pillars{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .x-pillars__photo{display:none}
  .x-valk__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .x-valk__panel{margin-left:-80px}
  .x-valk__trio{width:calc(100% * 7 / 12)}
  .x-stream{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x-story--wide{grid-column:span 2}
  .x-history li{grid-template-columns:minmax(0,3fr) minmax(0,9fr);row-gap:var(--u-s3)}
  .x-history li p{grid-column:2}
  .x-aud{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .x-aud__text,.x-phase__text{grid-template-columns:1fr;row-gap:var(--u-s4)}
  .x-release{grid-template-columns:1fr;row-gap:var(--u-s6)}
  .x-detail__story .x-cols2{grid-template-columns:1fr;row-gap:var(--u-s4)}
}
@media (min-width:700px) and (max-width:1100px){
  .x-head{grid-template-columns:1fr;row-gap:var(--u-s5)}
  .x-evo__grid,.x-afs__top,.x-afs__body,.x-feature,.x-shelf{grid-template-columns:1fr;row-gap:var(--u-s7)}
  .x-evo__pics{aspect-ratio:16 / 9}
  .x-afs__media{aspect-ratio:16 / 9;order:-1}
  .x-feature .u-photo{aspect-ratio:16 / 9}
  .x-ev-hero__intro{grid-template-columns:1fr;row-gap:var(--u-s5)}
  .x-cols3,.x-real{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-s6)}
  .x-sci-hero__grid,.x-st-mast__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .x-film__grid{grid-template-columns:1fr;row-gap:var(--u-s7)}
  .x-buy{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--u-s7);align-items:start}
  .x-buy > .x-eyebrow,.x-buy > .x-h1,.x-buy > .x-lead{grid-column:1}
  .x-buy__price,.x-buy__state,.x-buy__share{grid-column:2}
  .x-buy__price{grid-row:1;margin-top:0}
  .x-buy__state{grid-row:2 / 4}
  .x-buy__share{grid-row:4}
  .x-access{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-s6)}
  .x-detail{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .x-deliver__grid{column-gap:var(--u-s7)}
}

/* ------------------------------------------------------------------
   Phone ≤699
   ------------------------------------------------------------------ */
@media (max-width:699px){
  .x-split,.x-split--75,.x-split--57,.x-split--48,.x-head,.x-prog-hero__grid,.x-flow,.x-cols3,.x-real,.x-ev-hero__intro,.x-evo__grid,.x-afs__top,.x-afs__body,.x-deliver__grid,.x-sci-hero__grid,.x-sci-how,.x-pillars,.x-st-mast__grid,.x-feature,.x-stream,.x-share,.x-signup,.x-gi-hero__grid,.x-gi-hero__intro,.x-aud,.x-strip,.x-shelf,.x-band,.x-film__grid,.x-detail,.x-access,.x-release,.x-form__row{grid-template-columns:minmax(0,1fr)}
  .x-split,.x-head,.x-ev-hero__intro,.x-afs__body,.x-sci-hero__grid,.x-st-mast__grid,.x-gi-hero__intro,.x-shelf,.x-signup,.x-detail{row-gap:var(--u-s6)}
  .x-head{margin-bottom:var(--u-s7)}
  .x-flow,.x-cols3,.x-real,.x-sci-how,.x-access{row-gap:var(--u-s7)}
  .x-h1{font-size:clamp(46px,13vw,72px)}
  .x-page .x-h2{font-size:clamp(36px,10vw,52px)}
  .x-prog-hero__grid{row-gap:var(--u-s7)}
  .x-plate{margin:0}
  .x-plate::before{display:none}
  .x-plate .u-photo{aspect-ratio:4 / 3}
  .x-field{grid-template-columns:minmax(0,1fr)}
  .x-field__media{min-height:0;aspect-ratio:4 / 3}
  .x-field--rev .x-field__media{order:0}
  .x-field__text{padding:var(--u-s7) var(--u-pad-x) var(--u-s8)}
  .x-field__name{font-size:clamp(56px,16vw,80px)}
  .x-field .u-btn-row .u-btn,.x-page .u-btn-row .u-btn{width:100%}
  .x-wf-hero{min-height:0;display:block}
  .x-wf-hero .u-photo{position:relative;aspect-ratio:4 / 5}
  .x-wf-hero::after{display:none}
  .x-wf-hero__text{padding:var(--u-s6) 0 var(--u-s7)}
  .x-wf-facts .u-facts{grid-template-columns:1fr;row-gap:0}
  .x-wf-facts .u-fact{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:var(--u-s4);padding:var(--u-s4) 0;border-top:1px solid var(--u-rule-bone)}
  .x-wf-facts .u-fact dd{font-size:44px}
  .x-phases{grid-template-columns:minmax(0,1fr)}
  .x-phases [role="tablist"],.x-aud [role="tablist"],.x-pillars [role="tablist"]{display:none}
  .x-phase,.x-aud__panel,.x-pillar{display:block!important;padding:var(--u-s6) 0;border-top:1px solid var(--u-rule-ink)}
  .x-ink .x-pillar{border-top-color:var(--u-rule-bone)}
  .x-phase__mobile-title,.x-aud__mobile-head{display:block;margin:0 0 var(--u-s4)}
  .x-phase .u-photo,.x-aud__panel .u-photo{aspect-ratio:3 / 2}
  .x-pillar__name{font-size:30px}
  .x-pillars{row-gap:0}
  .x-aside{position:static}
  .x-timeline li{grid-template-columns:1fr;row-gap:var(--u-s2)}
  .x-ev-hero__media{height:auto;min-height:0;aspect-ratio:4 / 3}
  .x-ev-hero__title{margin-top:calc(-1 * var(--u-s7))}
  .x-ev-hero__title .x-h1{font-size:clamp(48px,14.4vw,72px)}
  .x-evo__pics{aspect-ratio:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .x-evo__pics .u-photo:first-child{grid-column:1 / 3;grid-row:auto;aspect-ratio:3 / 2}
  .x-evo__pics .u-photo{aspect-ratio:1}
  .x-evo__grid{row-gap:var(--u-s7)}
  .x-valk__grid{grid-template-columns:minmax(0,1fr)}
  .x-valk__media{grid-column:1;aspect-ratio:4 / 3}
  .x-valk__panel{grid-column:1;grid-row:2;margin:calc(-1 * var(--u-s7)) var(--u-s4) 0;padding:var(--u-s6) var(--u-s5)}
  .x-valk__trio{width:100%}
  .x-afs__media{aspect-ratio:4 / 3;order:-1}
  .x-afs__top{row-gap:var(--u-s6)}
  .x-afs__facts{grid-template-columns:1fr;row-gap:var(--u-s5)}
  .x-afs__body{margin-top:var(--u-s7)}
  .x-mosaic{grid-template-columns:minmax(0,1fr)}
  .x-tile,.x-tile--big{grid-row:auto;min-height:420px}
  .x-tile--type{min-height:0}
  .x-history li{grid-template-columns:1fr;row-gap:var(--u-s2)}
  .x-history li p{grid-column:1}
  .x-deliver__grid{row-gap:var(--u-s8)}
  .x-sci-band{aspect-ratio:4 / 3}
  .x-gate{margin-top:var(--u-s4)}
  .x-table thead{display:none}
  .x-table,.x-table tbody,.x-table tr,.x-table th,.x-table td{display:block;width:100%}
  .x-table tr{padding:var(--u-s5) 0;border-top:1px solid var(--u-rule-ink)}
  .x-table tbody tr:last-child{border-bottom:1px solid var(--u-rule-ink)}
  .x-table th,.x-table td,.x-table tbody tr:last-child th,.x-table tbody tr:last-child td{padding:0;border:0}
  .x-table td{margin-top:var(--u-s3)}
  .x-table td::before{content:attr(data-label);display:block;margin-bottom:4px;font-family:var(--u-ff-label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--u-red)}
  .x-inset{grid-template-columns:minmax(0,1fr)}
  .x-inset__media{grid-column:1}
  .x-inset__panel{grid-column:1;grid-row:2;margin:0;padding:var(--u-s6) 0 0;background:none}
  .x-st-mast .x-h1{font-size:clamp(52px,15vw,80px)}
  .x-feature{row-gap:var(--u-s6)}
  .x-filter{flex-wrap:nowrap;overflow-x:auto;gap:24px;margin-inline:calc(-1 * var(--u-pad-x));padding-inline:var(--u-pad-x);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .x-filter::-webkit-scrollbar{display:none}
  .x-filter li{flex:none}
  .x-filter li:last-child{padding-right:48px}
  .x-stream{row-gap:var(--u-s7)}
  .x-story--wide{grid-column:auto;display:flex}
  .x-story--wide .x-eyebrow{margin-top:var(--u-s5)}
  .x-share .u-photo{aspect-ratio:3 / 2;min-height:0}
  .x-share{row-gap:var(--u-s6)}
  .x-signup__row{flex-direction:column;align-items:stretch}
  .x-gi-hero .x-h1{font-size:clamp(52px,15vw,80px)}
  .x-gi-hero__grid{row-gap:var(--u-s6)}
  .x-strip a{aspect-ratio:4 / 3}
  .x-shelf__covers figure:nth-child(2){transform:none}
  .x-shelf__covers{gap:12px}
  .x-shelf{row-gap:var(--u-s7)}
  .x-band__half,.x-band__half:first-child,.x-band__half:last-child{padding:var(--u-s8) var(--u-pad-x)}
  .x-film__grid{row-gap:var(--u-s6)}
  .x-player__play{min-height:56px;padding-right:22px}
  .x-detail dl{position:static;grid-template-columns:1fr 1fr}
  .x-wide-still{aspect-ratio:4 / 3}
  .x-release li{grid-template-columns:80px 1fr}
  .x-release img,.x-release__ph{width:80px}
}

/* Short landscape phones: keep heroes from filling the whole screen */
@media (max-height:520px) and (orientation:landscape){
  .x-wf-hero{min-height:0;display:block}
  .x-wf-hero .u-photo{position:relative;height:72vh;aspect-ratio:auto}
  .x-wf-hero::after{display:none}
  .x-wf-hero__text{padding:var(--u-s6) 0}
  .x-ev-hero__media{height:70vh;min-height:0}
  .x-field{min-height:0}
  .x-phases__list,.x-aud__list,.x-aside,.x-detail dl,.x-pillars__photo{position:static}
  .x-tile--big{min-height:420px}
}

@media (prefers-reduced-motion:reduce){
  .x-ev-hero__media img{transform:none;transition:none}
  .x-strip .u-photo img{transition:none}
}

/* Review fixes, round 1 */
.x-wf-hero .x-eyebrow,.x-ev-hero .x-eyebrow{color:var(--u-bone)}
@media (min-width:700px){
  .x-real{grid-template-rows:auto auto}
  .x-real > div{display:grid;grid-row:span 2;grid-template-rows:subgrid}
  .x-real .x-h2{align-self:end}
}
.x-tile{min-height:400px}
.x-tile--big{min-height:820px}
.x-tile .x-h3{font-size:clamp(26px,2.2vw,36px)}
.x-valk__trio{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:16px;gap:16px}
.x-valk__trio .u-photo{aspect-ratio:2 / 1}
@media (max-width:1100px){.x-valk__trio{width:100%}.x-tile--big{min-height:640px}}
@media (max-width:699px){.x-tile,.x-tile--big{min-height:440px}.x-tile--type{min-height:0}.x-valk__trio .u-photo{aspect-ratio:3 / 2}}
.x-inset__panel{background:var(--u-paper);box-shadow:0 30px 60px -30px rgba(14,13,11,.4)}
@media (max-width:699px){.x-inset__panel{background:none;box-shadow:none}}
.x-filter{gap:4px 22px}
.x-filter button{font-size:13px}
.x-story__cover{position:relative;overflow:hidden}
.x-story__cover img{position:absolute;top:8%;left:50%;height:84%;width:auto;max-width:none;transform:translateX(-50%)}
.x-story--wide:nth-child(4n){grid-column:2 / 4}
@media (max-width:1100px){.x-story--wide:nth-child(4n){grid-column:span 2}}
@media (max-width:699px){.x-story--wide:nth-child(4n){grid-column:auto}}
@media (min-width:700px) and (max-width:1100px){
  .x-stream{grid-auto-flow:dense}
  .x-story--wide:nth-child(4){grid-column:auto;display:flex}
  .x-story--wide:nth-child(4) .x-eyebrow{margin-top:var(--u-s5)}
}
.x-strip a::after{background:linear-gradient(180deg,rgba(14,13,11,0) 30%,rgba(14,13,11,.55) 58%,rgba(14,13,11,.94) 100%)}
.x-aud__text .x-deck,.x-phase__text .x-deck{font-size:clamp(20px,1.7vw,24px)}
.x-page .x-real-note{margin-top:var(--u-s8)}
.x-phase__mobile-title,.x-aud__mobile-head{margin-bottom:var(--u-s5)!important}
.x-deliver__grid{padding-top:var(--u-section-y);padding-bottom:var(--u-section-y);padding-left:max(var(--u-pad-x),env(safe-area-inset-left,0px));padding-right:max(var(--u-pad-x),env(safe-area-inset-right,0px))}
@media (max-width:699px){
  .x-tile,.x-tile--big{min-height:0;display:block}
  .x-tile .u-photo{position:relative;aspect-ratio:4 / 3}
  .x-tile::after{display:none}
  .x-tile__text{padding:var(--u-s5) var(--u-s5) var(--u-s6)}
}
@media (max-width:699px){.x-page .u-btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}}
[data-film-avail]{white-space:nowrap}
@media (min-width:700px){.x-tile::after{background:linear-gradient(180deg,rgba(14,13,11,.2) 0%,rgba(14,13,11,.62) 42%,rgba(14,13,11,.94) 100%)}}
@media (min-width:700px) and (max-width:1100px){.x-strip{grid-template-columns:minmax(0,1fr)}.x-strip a{aspect-ratio:21 / 9}.x-strip__text p{max-width:48ch}}
/* Landscape review fixes */
.x-tile:not(.x-tile--type) .x-eyebrow{color:var(--u-bone)}
.x-aside{min-width:0}
.x-aside .u-btn{white-space:normal;text-align:left}
@media (min-width:700px) and (max-width:1100px){
  .x-wf-time .x-split--48{grid-template-columns:minmax(0,1fr);row-gap:var(--u-s7)}
  .x-wf-time .x-aside dl{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--u-s6)}
  .x-wf-time .x-aside{position:static}
}

/* Stories launch: two books side by side, each a cover panel above its text */
.x-pubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--u-gap);row-gap:var(--u-s9)}
.x-pub .x-eyebrow{margin:var(--u-s6) 0 var(--u-s3)}
.x-pub .x-h3{font-size:clamp(32px,3vw,48px)}
.x-pub .x-lead{margin-top:var(--u-s4);max-width:none}
.x-pub .u-btn-row{margin-top:var(--u-s6)}
@media (max-width:699px){.x-pubs{grid-template-columns:1fr}}