/* brand-pages.css (10 Nov 2026): the Culture Sync AI and Reforged pages.
   The MVP header, footer, buttons' shape and Inter body text stay the same (parent-company chrome).
   Inside <main>, each page gets its own identity, scoped to its body class so the two never mix:
     .page-cs  Culture Sync AI: obsidian, heritage gold, Cormorant display (culture-sync-brand/DESIGN.md v1.1)
     .page-rf  Reforged: forged charcoal, molten orange seam, spaced capitals (Reforged logo and channel art)
   Motion: one lead per page, plays once and stops in under 5 seconds (WCAG 2.2.2), none under reduced motion. */

/* Cormorant Light, SIL Open Font License 1.1 (fonts/Cormorant-OFL-LICENSE.txt), from culture-sync-brand/cormorant.
   Loaded only by culture-sync-ai.html. Not subset (fontTools not installed). */
@font-face{font-family:"Cormorant CS";src:url("fonts/Cormorant-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}

.page-brand main{--b-bg:#0B0F12;--b-panel:#141A1F;--b-text:#F5F5F7;--b-dim:#B4B4BA;--b-line:rgba(245,245,247,.14);--b-acc:#F0B43F;--b-acc-hi:#FFD47A;--b-btn-ink:#17252C;
  background:var(--b-bg);color:var(--b-text);overflow-x:clip}
.page-brand main :focus-visible{outline:3px solid var(--b-acc-hi);outline-offset:3px}
.page-brand .bp-wrap{width:min(100% - 2.5rem,72rem);margin-inline:auto}
.page-brand .bp-sec{padding-block:clamp(48px,7vw,104px);border-top:1px solid var(--b-line)}
.page-brand .bp-eyebrow{margin:0;font:600 .75rem/1.4 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--b-acc-hi)}
.page-brand .bp-sec h2{margin:.4em 0 0;max-width:20em}
.page-brand .bp-lead{margin:var(--s4) 0 0;max-width:38em;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.55;color:var(--b-text)}
.page-brand p{max-width:40em}
.page-brand .bp-dim{color:var(--b-dim)}
.page-brand .bp-small{font-size:.875rem;line-height:1.5;color:var(--b-dim)}
.page-brand a:not([class]){color:var(--b-acc-hi);text-underline-offset:.2em}

/* buttons: same pill shape as the rest of the site, brand colour */
.page-brand main .bp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font:500 1rem/1.2 var(--font);text-decoration:none;border:1.5px solid var(--b-acc-hi);color:var(--b-acc-hi);background:transparent;transition:background-color 150ms,color 150ms}
.page-brand main .bp-btn:hover{background:var(--b-acc-hi);color:var(--b-btn-ink)}
.page-brand main .bp-btn.solid{background:var(--b-acc);border-color:var(--b-acc);color:var(--b-btn-ink)}
.page-brand main .bp-btn.solid:hover{background:var(--b-acc-hi);border-color:var(--b-acc-hi)}
.page-brand .bp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s5)}

/* hero */
.page-brand .bp-hero{position:relative;padding-block:clamp(40px,7vw,96px) clamp(112px,12vw,160px);isolation:isolate}
.page-brand .bp-hero .bp-wrap{display:grid;gap:var(--s5);justify-items:start}
.page-brand .bp-logo{display:block;height:auto}
.page-brand .bp-hero h1{margin:0;max-width:14em}
.page-brand .bp-hero .bp-lead{margin-top:0}
.page-brand .bp-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.page-brand .bp-art svg{position:absolute;left:0;width:100%;height:80px;bottom:16px}

/* glass panels and cards, tinted per brand */
.page-brand .bp-grid{display:grid;gap:var(--s4);margin-top:var(--s6)}
@media(min-width:720px){.page-brand .bp-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.page-brand .bp-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.page-brand .bp-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.page-brand .bp-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.page-brand .bp-card{position:relative;padding:var(--s5);border:1px solid var(--b-line);border-radius:14px;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 45%),var(--b-panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);display:grid;gap:var(--s3);align-content:start}
.page-brand .bp-card h3{margin:0}
.page-brand .bp-card p{margin:0;color:var(--b-dim);line-height:1.55}
.page-brand .bp-card .bp-tag{font:600 .75rem/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--b-acc-hi)}

/* film */
.page-brand .bp-film{margin:var(--s6) 0 0;display:grid;gap:var(--s3)}
.page-brand .bp-film .vslot{border-radius:14px;overflow:hidden;border:1px solid var(--b-line);background:#000}
.page-brand .bp-film .vslot img,.page-brand .bp-film .vslot video{display:block;width:100%;height:auto}
.page-brand .bp-film .film-label{justify-items:start;text-align:left}
.page-brand .bp-film .film-label p{color:var(--b-dim)}
.page-brand .bp-film .chip{color:var(--b-text);border-color:var(--b-line);background:rgba(255,255,255,.04)}
.page-brand .bp-film .vbtn{min-height:44px;border-radius:999px;border:1.5px solid var(--b-acc-hi);background:transparent;color:var(--b-acc-hi);padding:0 18px;font:500 .9375rem/1.2 var(--font);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.page-brand .bp-film .vbtn .gi{width:24px;height:24px}

/* YouTube channel slots. .bp-gap = not linked yet: a deliberate, visible gap until Michael confirms the channel */
.page-brand .bp-chan{display:grid;gap:var(--s3);align-content:start}
.page-brand .bp-chan .bp-yt{display:inline-flex;align-items:center;gap:10px;font:600 .8125rem/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--b-dim)}
.page-brand .bp-chan .bp-yt svg{width:28px;height:20px;flex:none}
.page-brand .bp-gap{border-style:dashed;border-color:rgba(245,245,247,.32)}
.page-brand .bp-gap .bp-status{justify-self:start;font:500 .875rem/1.4 var(--font);font-style:italic;color:var(--b-dim)}

/* ===================== Culture Sync AI ===================== */
.page-cs main{--b-bg:#0B0A08;--b-panel:#1A130C;--b-text:#F5EFE1;--b-dim:rgba(245,239,225,.74);--b-line:#2A2521;--b-acc:#C9A227;--b-acc-hi:#E8CE7A;--b-btn-ink:#0B0A08}
.page-cs main h1,.page-cs main h2,.page-cs main h3{font-family:"Cormorant CS","Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:300;letter-spacing:-.01em;color:var(--b-text)}
.page-cs .bp-hero h1{font-size:clamp(2.75rem,1.6rem + 5vw,5.75rem);line-height:1.04;letter-spacing:-.02em}
.page-cs .bp-sec h2{font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);line-height:1.12}
.page-cs .bp-card h3{font-size:clamp(1.625rem,1.4rem + .8vw,2rem);line-height:1.2;font-weight:300}
.page-cs .bp-card:hover{border-color:rgba(201,162,39,.55)}
.page-cs .bp-logo{width:clamp(120px,22vw,180px)}
.page-cs .bp-rule{display:block;width:96px;height:1px;background:linear-gradient(120deg,#C9A227,#C0882E)}
/* The Signal: one gold hairline under the hero; draws once (4.2 s) then holds still */
/* film-led hero (differs from Reforged's type-led hero) */
.page-cs .cs-hero{padding-bottom:clamp(48px,7vw,96px)}
.page-cs .cs-hero-grid{display:grid;gap:var(--s6);align-items:center}
.page-cs .cs-hero-text{display:grid;gap:var(--s5);justify-items:start}
.page-cs .cs-hero-film{margin:0}
@media(min-width:1024px){.page-cs .cs-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.page-cs .bp-hero h1{font-size:clamp(3rem,1.6rem + 3vw,4.75rem)}}
/* The Signal: the brand's one moving line, under the headline; draws once (4.2 s) then holds */
.page-cs .cs-signal{display:block;width:min(100%,360px);height:36px}
.page-cs .cs-signal path{fill:none;stroke:#C9A227;stroke-opacity:.75;stroke-width:1.25;vector-effect:non-scaling-stroke}
.page-cs .cs-glow{position:absolute;width:70vmax;height:70vmax;right:-25vmax;top:-30vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(201,162,39,.10),rgba(180,84,30,.04) 55%,transparent)}
.page-cs .cs-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s6)}
@media(min-width:900px){.page-cs .cs-covers{grid-template-columns:repeat(4,minmax(0,1fr))}}
.page-cs .cs-covers figure{margin:0;display:grid;gap:8px}
.page-cs .cs-covers img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px;border:1px solid var(--b-line)}
.page-cs .cs-covers figcaption{font-size:.9375rem;line-height:1.45;color:var(--b-dim)}
.page-cs .cs-covers figcaption b{display:block;color:var(--b-text);font-weight:500}

/* ===================== Reforged ===================== */
.page-rf main{--b-bg:#101010;--b-panel:#1B1A19;--b-text:#EFECE8;--b-dim:#B9B4AE;--b-line:rgba(239,236,232,.13);--b-acc:#F08A2C;--b-acc-hi:#FFB15E;--b-btn-ink:#140C05}
.page-rf main h1,.page-rf main h2,.page-rf main h3{font-family:var(--font);color:var(--b-text)}
.page-rf .bp-hero h1{font-size:clamp(2.25rem,1.3rem + 4.4vw,4.75rem);line-height:1.02;font-weight:800;letter-spacing:.04em;text-transform:uppercase;max-width:12em}
.page-rf .bp-sec h2{font-size:clamp(1.625rem,1.2rem + 1.8vw,2.5rem);line-height:1.12;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.page-rf .bp-card h3{font-size:1.125rem;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.page-rf .bp-card{border-radius:6px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.01) 50%),var(--b-panel)}
.page-rf .bp-card:hover{border-color:rgba(240,138,44,.55)}
.page-rf .bp-card::before{content:"";position:absolute;left:var(--s5);top:0;width:40px;height:2px;background:linear-gradient(90deg,#F08A2C,#FFC56B)}
.page-rf .bp-logo{width:clamp(220px,46vw,420px)}
.page-rf .bp-eyebrow{letter-spacing:.24em}
/* the molten seam: a crack across the hero that fills with light once (2.6 s), then holds */
.page-rf .bp-art{background:radial-gradient(120% 80% at 50% 110%,rgba(240,138,44,.10),transparent 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 2px,transparent 2px 9px)}
.page-rf .rf-seam .glow{fill:none;stroke:#F08A2C;stroke-width:7;stroke-opacity:.28;filter:blur(5px);vector-effect:non-scaling-stroke}
.page-rf .rf-seam .core{fill:none;stroke:url(#rfMolten);stroke-width:1.75;vector-effect:non-scaling-stroke}
.page-rf .rf-price{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--b-line)}
.page-rf .rf-price dt{color:var(--b-dim)}.page-rf .rf-price dd{margin:0;font-weight:600}
.page-rf .rf-note{margin-top:var(--s5);padding:var(--s4) var(--s5);border-left:2px solid var(--b-acc);background:rgba(255,255,255,.03);border-radius:0 6px 6px 0}

/* ===================== motion (only with .motion-ok, i.e. no reduced-motion preference) ===================== */
.motion-ok .page-cs .cs-signal path{stroke-dasharray:1;stroke-dashoffset:1;animation:bp-draw 4s cubic-bezier(.16,1,.3,1) .6s forwards}
.motion-ok .page-cs .bp-hero h1{animation:cs-settle 1.2s cubic-bezier(.16,1,.3,1) .3s both}
.motion-ok .page-cs .bp-hero .bp-logo{animation:cs-focus .72s cubic-bezier(.65,0,.35,1) .1s both}
/* start states never fully hide content: if the animation is paused (background tab), the text is still readable */
@keyframes cs-settle{from{opacity:.7;letter-spacing:.06em}to{opacity:1;letter-spacing:-.02em}}
@keyframes cs-focus{from{opacity:.6;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
.motion-ok .page-rf .rf-seam path{stroke-dasharray:1;stroke-dashoffset:1;animation:bp-draw 2.6s cubic-bezier(.4,0,.2,1) .5s forwards}
.motion-ok .page-rf .bp-hero .bp-logo{animation:rf-heat 2.2s ease-out .2s both}
@keyframes rf-heat{0%{opacity:.4;filter:brightness(.4)}55%{opacity:1;filter:brightness(1.35)}100%{opacity:1;filter:brightness(1)}}
@keyframes bp-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
  .page-brand *,.page-brand *::before{animation:none!important;transition:none!important}
}
@media(forced-colors:active){.page-brand .bp-art{display:none}.page-brand .bp-card{border:1px solid CanvasText}}

/* re-check fix (10 Nov): captions at least 14-15 px on phones, full-strength secondary text */
.page-brand .bp-film .film-label p,.page-brand .bp-small{font-size:.9375rem;color:var(--b-dim)}
.page-brand .bp-chan .bp-btn{justify-self:start;margin-top:var(--s2)}
/* Culture Sync discography (10 Nov 2026) */
.page-cs .cs-disco-h{margin:clamp(40px,6vw,64px) 0 4px;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.25rem);line-height:1.15}
.page-cs .cs-disco{margin-top:var(--s4)}
.page-cs .cs-disco-list{list-style:none;margin:0;padding:0;display:grid}
.page-cs .cs-disco-list li{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--b-line)}
.page-cs .cs-disco-list li:first-child{border-top:0}
.page-cs .cs-t{font-weight:500;color:var(--b-text)}
.page-cs .cs-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:2px}
.page-cs .cs-links a{display:inline-flex;align-items:center;min-height:32px;font-size:.875rem;color:var(--b-acc-hi);text-decoration:underline;text-underline-offset:.2em}
.page-cs .cs-links a:hover{color:var(--b-text)}
@media(min-width:720px){.page-cs .cs-disco-tog{grid-column:1/-1}.page-cs .cs-disco-tog .cs-disco-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.page-cs .cs-disco-tog .cs-disco-list li{border-top:0}}
.page-cs .cs-meta{font-size:.875rem;color:var(--b-dim)}
.page-cs .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.page-cs .cs-disco-col h4{margin:0;font-family:"Cormorant CS","Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(1.625rem,1.4rem + .8vw,2rem);line-height:1.2;color:var(--b-text)}

/* ===================== Breadcrumbs (Culture Sync sub-pages) ===================== */
.page-brand .bp-crumbs{border-bottom:1px solid var(--b-line)}
.page-brand .bp-crumbs ol{list-style:none;margin:0;padding:10px 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.875rem;color:var(--b-dim)}
.page-brand .bp-crumbs li+li::before{content:"/";margin-right:8px;color:var(--b-dim)}
.page-brand .bp-crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--b-acc-hi)}
.page-brand .bp-card a:not([class]){display:inline-flex;align-items:center;min-height:32px}

/* ===================== Afro-Ambient (its own identity, from its Feb 2026 channel blueprint) =====================
   Night indigo base, terracotta and deep gold accents, warm ivory text, a timeless serif (system fonts only),
   no human faces. Shares nothing with Culture Sync's gold/Cormorant or Reforged's molten capitals. */
.page-aa main{--b-bg:#140D2E;--b-panel:#1F1745;--b-text:#FDF6EC;--b-dim:rgba(253,246,236,.76);--b-line:rgba(253,246,236,.14);--b-acc:#C1440E;--b-acc-hi:#F5A983;--b-btn-ink:#140D2E}
.page-aa main h1,.page-aa main h2,.page-aa main h3{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-weight:400;letter-spacing:0;color:var(--b-text)}
.page-aa .bp-hero h1{font-size:clamp(2.5rem,1.5rem + 4.4vw,5rem);line-height:1.06;max-width:13em}
.page-aa .bp-sec h2{font-size:clamp(1.875rem,1.4rem + 2vw,3rem);line-height:1.12}
.page-aa .bp-card h3{font-size:1.5rem;line-height:1.2}
.page-aa .bp-card{border-radius:18px;background:linear-gradient(160deg,rgba(240,180,90,.08),rgba(255,255,255,.01) 50%),var(--b-panel)}
.page-aa .bp-card:hover{border-color:rgba(240,180,90,.5)}
.page-aa main .bp-btn.solid{background:var(--b-acc);border-color:var(--b-acc);color:#FDF6EC}
.page-aa main .bp-btn.solid:hover{background:#A33A0C;border-color:#A33A0C;color:#FDF6EC}
.page-aa .aa-logo{width:clamp(110px,18vw,150px);border-radius:50%}
.page-aa .bp-art{background:linear-gradient(180deg,transparent 40%,rgba(193,68,14,.10))}
.page-aa .aa-sun{position:absolute;width:min(70vw,640px);aspect-ratio:1;right:-12%;bottom:-38%;border-radius:50%;background:radial-gradient(closest-side,rgba(240,180,90,.32),rgba(193,68,14,.16) 55%,transparent)}
.page-aa .aa-split{display:grid;gap:var(--s6);align-items:center}
@media(min-width:1024px){.page-aa .aa-split{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.page-aa .aa-split .bp-film{margin-top:0}
.page-aa .aa-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.page-aa .aa-links a{display:inline-flex;align-items:center;min-height:32px;color:var(--b-acc-hi);text-underline-offset:.2em}
.page-aa .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* the lead motion: the sun rises once (3.2 s), then holds */
.motion-ok .page-aa .aa-sun{animation:aa-rise 3.2s cubic-bezier(.22,1,.36,1) .2s both}
@keyframes aa-rise{from{transform:translateY(18%);opacity:.5}to{transform:none;opacity:1}}
.page-cs .cs-aa-link{margin-top:var(--s5);justify-items:start}
.page-cs .cs-aa-link .bp-btn{margin-top:var(--s2)}

/* critic m (10 Nov): outline-button hover text was ivory on light accent (1.7:1); now dark ink */
.page-aa main .bp-btn:not(.solid):hover{background:var(--b-acc-hi);border-color:var(--b-acc-hi);color:#140D2E}

/* Films page: Moremi short film block (10 Nov 2026) */
.page-cs .cs-short{display:grid;gap:var(--s6);align-items:center}
@media(min-width:1024px){.page-cs .cs-short{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.page-cs .cs-short-img{margin:0;display:grid;gap:8px}
.page-cs .cs-short-img img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--b-line)}
.page-cs .cs-short h2{margin-top:.3em}

/* Discography as collapsible artist sections (10 Nov 2026, GT): closed on phones by a small script, open elsewhere */
.page-cs details.cs-disco-col{display:block}
.page-cs details.cs-disco-col>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;border-radius:8px}
.page-cs details.cs-disco-col>summary::-webkit-details-marker{display:none}
.page-cs details.cs-disco-col>summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--b-acc-hi);border-bottom:2px solid var(--b-acc-hi);transform:rotate(45deg) translate(-3px,-3px);transition:transform 150ms}
.page-cs details.cs-disco-col[open]>summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.page-cs details.cs-disco-col>summary:focus-visible{outline:3px solid var(--b-acc-hi);outline-offset:4px}
.page-cs .cs-count{margin-left:auto;font-size:.875rem;color:var(--b-dim)}
.page-cs details.cs-disco-col[open]>summary{margin-bottom:var(--s3)}
@media(prefers-reduced-motion:reduce){.page-cs details.cs-disco-col>summary::after{transition:none}}

/* Films page status system (10 Nov 2026, GT): one chip per title, same words everywhere */
.page-cs .cs-status{display:inline-flex;align-items:center;gap:6px;justify-self:start;font:600 .75rem/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--b-line);color:var(--b-text);background:rgba(255,255,255,.04)}
.page-cs .cs-status::before{content:"";width:8px;height:8px;border-radius:50%;flex:none}
.page-cs .cs-status-done::before{background:#7FC97F}
.page-cs .cs-status-post::before{background:#E8CE7A}
.page-cs .cs-status-early::before{background:#C0882E}
.page-cs .cs-status-dev::before{background:transparent;border:1.5px solid rgba(245,239,225,.7)}
.page-cs .cs-legend{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s3) 0 0}
.page-cs .cs-short .cs-status{margin-top:var(--s2)}

/* Afro-Ambient listen panel in the hero (10 Nov 2026, GT): music first, links only (no autoplay, nothing downloaded until clicked) */
.page-aa .aa-listen{display:grid;gap:10px;margin-top:var(--s5);width:min(100%,34rem);padding:var(--s4);border:1px solid var(--b-line);border-radius:18px;background:rgba(31,23,69,.72)}
.page-aa .aa-listen-h{margin:0;font:600 .75rem/1.4 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--b-acc-hi)}
.page-aa .aa-track{display:flex;align-items:center;gap:14px;min-height:56px;padding:8px 12px;border-radius:12px;color:var(--b-text);text-decoration:none;background:rgba(253,246,236,.04);border:1px solid transparent}
.page-aa .aa-track:hover{border-color:var(--b-acc-hi);background:rgba(245,169,131,.08)}
.page-aa .aa-play{flex:none;width:40px;height:40px;border-radius:50%;background:var(--b-acc);position:relative}
.page-aa .aa-play::after{content:"";position:absolute;left:15px;top:12px;border-left:13px solid #FDF6EC;border-top:8px solid transparent;border-bottom:8px solid transparent}
.page-aa .aa-tt{display:grid;gap:2px}
.page-aa .aa-tt b{font-weight:600}
.page-aa .aa-tt span{font-size:.875rem;color:var(--b-dim)}
.page-aa .aa-listen-more{margin:4px 0 0;font-size:.875rem;color:var(--b-dim)}
.page-aa .aa-listen-more a{color:var(--b-acc-hi);display:inline-flex;align-items:center;min-height:32px}
@media(forced-colors:active){.page-aa .aa-play{border:1px solid CanvasText}}

/* tap size for small-print links (WCAG 2.5.8) */
.page-brand .bp-small a{display:inline-flex;align-items:center;min-height:32px}

/* final fixes (10 Nov 2026) */
.page-rf #rf-story .bp-film{max-width:640px}
.page-cs .cs-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:var(--s4) 0 0;padding:var(--s4) 0 0;border-top:1px solid var(--b-line)}
.page-cs .cs-facts div{display:grid;gap:2px}
.page-cs .cs-facts dt{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--b-dim)}
.page-cs .cs-facts dd{margin:0;color:var(--b-text)}
@media(min-width:1024px){.page-cs .cs-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Afro-Ambient on phones: smaller logo, the Listen panel straight after the heading */
@media(max-width:767px){
  .page-aa .aa-logo{width:72px}
  .page-aa .aa-hero .bp-wrap>.aa-listen{order:1;margin-top:0}
  .page-aa .aa-hero .bp-wrap>.bp-lead{order:2}
}

/* Media-first Culture Sync (10 Nov 2026, Michael: "we are a media firm, speak media") */
.page-cs .cs-reel{margin:var(--s5) 0 0}
.page-cs .cs-disco-list li{grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:start}
.page-cs .cs-disco-list li>.cs-art{grid-row:1 / span 3;width:64px;height:64px;border-radius:8px;border:1px solid var(--b-line);object-fit:cover}
.page-cs .cs-disco-list li>:not(.cs-art){grid-column:2}
@media(min-width:720px){.page-cs .cs-disco-tog .cs-disco-list li{grid-template-columns:64px minmax(0,1fr)}}

.page-cs .cs-tile-img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--b-line);margin-bottom:var(--s2)}
.page-cs .cs-aa-link .cs-tile-img{max-width:none}

/* T2 trailer: plays with sound only when the visitor presses Play (10 Nov 2026) */
.page-cs .cs-trailer .vbtn.cs-play-sound{min-height:52px;padding:0 24px;font-size:1rem;background:var(--b-acc);border-color:var(--b-acc);color:#0B0A08}
.page-cs .cs-trailer .vbtn.cs-play-sound:hover{background:var(--b-acc-hi);border-color:var(--b-acc-hi)}
.page-cs .cs-transcript{max-width:42em}
.page-cs .cs-transcript summary{cursor:pointer;min-height:32px;display:inline-flex;align-items:center;color:var(--b-acc-hi);font-size:.9375rem}
.page-cs .cs-transcript p{margin:8px 0 0;color:var(--b-dim);font-size:.9375rem;line-height:1.6}