/* cultborn identity. Fonts: Instrument Serif (display) and Instrument Sans (text), both SIL OFL 1.1, self-hosted, Latin subset.
   Palette roles: paper (page), surface (cards, fields), ink (text), house (brand cobalt), night (hero, footer).
   Dark surfaces (.hero, .foot) and the house-blue .callout re-point the colour variables, so components never hard-code a theme. */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-wght.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}

:root{
/* colour roles */
--paper:#F3F4F1;--surface:#FFFFFF;--ink:#0E1420;--ink-2:#38414E;--muted:#586272;
--line:#D8DBD6;--line-strong:#7E8693;
--house:#1F3AD6;--house-deep:#172DAB;--house-lt:#9DB0FF;
--night:#0B101B;--night-2:#161D2D;--on-night:#F3F4F1;
--link:var(--house);--focus:var(--house);--sel:var(--house);--sel-ink:#fff;
--btn-bg:var(--house);--btn-fg:#fff;--btn-hover:var(--house-deep);
--bad:#B3261E;--bad-bg:#FBE8E5;--good:#0F5A33;--good-bg:#DCEFE2;--warn:#7A4300;--warn-bg:#FAE8C6;
/* the per-title accent is set by the page; the house palette never depends on it. Lifted toward white so it reads on dark surfaces. */
--accent:#8EA0FF;--accent-lt:color-mix(in oklab,var(--accent) 65%,white);
/* type */
--serif:"Instrument Serif","IBM Plex Sans Arabic","Iowan Old Style","Palatino Linotype",Georgia,serif;
--sans:"Instrument Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--fs-xs:.8125rem;--fs-s:.9375rem;--fs-base:1.0625rem;--fs-lead:1.375rem;
--fs-h3:1.75rem;--fs-h2:clamp(2.125rem,3.2vw + 1rem,3.25rem);--fs-h1:clamp(2.875rem,9vw,5.5rem);
/* space (4px base) */
--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:7rem;
--pad:clamp(1.25rem,5vw,2.5rem);--max:72rem;--gutter:max(var(--pad),calc((100% - var(--max)) / 2));
--r:2px;--measure:68ch;
}
.hero,.foot{--ink:var(--on-night);--ink-2:#CBD1DC;--muted:#A3ACBB;--line:rgba(243,244,241,.16);--line-strong:rgba(243,244,241,.5);--link:var(--house-lt);--focus:#fff;--sel:#fff;--sel-ink:var(--night);--btn-bg:var(--paper);--btn-fg:var(--night);--btn-hover:#fff;color:var(--ink)}
.callout{--ink:#fff;--ink-2:#E3E7FF;--muted:#C9D1FA;--line:rgba(255,255,255,.28);--line-strong:rgba(255,255,255,.6);--link:#fff;--focus:#fff;--sel:#fff;--sel-ink:var(--house);--btn-bg:#fff;--btn-fg:var(--house-deep);--btn-hover:var(--paper);background:var(--house);color:var(--ink)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light;scrollbar-color:var(--line-strong) var(--paper);scroll-padding-top:var(--s5)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-base)/1.6 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;caret-color:var(--house)}
main{flex:1}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
::selection{background:var(--sel);color:var(--sel-ink)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
a[href],button,summary,select,input[type=checkbox],input[type=radio],label:has(>input[type=checkbox],>input[type=radio]){cursor:pointer}
button:disabled,input:disabled,select:disabled,[aria-disabled="true"]{cursor:not-allowed}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:var(--s3) var(--s4);z-index:10;font-weight:500}
.skip:focus{left:var(--s2);top:var(--s2)}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:var(--s5);padding:var(--s2) var(--gutter);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;min-height:48px;font:400 2rem/1 var(--serif);letter-spacing:-.01em;text-decoration:none}
.brand span{font-style:italic;color:var(--house)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1)}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);font-size:var(--fs-s);font-weight:500;color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:.5em}
/* phones: the five links fit one line down to 360 and wrap to two below that, never sideways */
@media (max-width:699px){.nav{gap:0;margin-inline-start:calc(-1 * var(--s2))}.nav a{padding:0 var(--s2)}}
@media (max-width:389px){.nav a{padding:0 6px;font-size:.875rem}}

/* footer */
.foot{background:var(--night);margin-top:var(--s8);padding:var(--s7) var(--gutter) var(--s6);display:grid;gap:var(--s5)}
.foot p{margin:0}
.foot>p:first-child{font:400 var(--fs-h3)/1.15 var(--serif);max-width:20ch;text-wrap:balance}
.foot-nav{display:flex;flex-wrap:wrap;gap:0 var(--s2)}
.foot-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3) 0 0;font-size:var(--fs-s);font-weight:500;text-decoration:none;color:var(--ink-2)}
.foot-nav a:hover{color:var(--ink);text-decoration:underline}
.foot .fine{padding-top:var(--s4);border-top:1px solid var(--line);max-width:none}
.foot .fine a{color:var(--ink)}

/* type */
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;margin:0 0 .4em;letter-spacing:-.012em;text-wrap:balance}
h1{font-size:var(--fs-h1);letter-spacing:-.02em;line-height:.98}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);line-height:1.1}
p{margin:0 0 var(--s4)}
p a:not(.btn),li a:not(.btn),dd a,address a,.fine a{color:var(--link);text-decoration:underline}
p a:not(.btn):hover,li a:not(.btn):hover,dd a:hover,address a:hover{text-decoration-thickness:2px}
.kicker{display:block;font-family:var(--sans);line-height:1.4;font-size:var(--fs-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s5)}
.tag{display:inline-block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--house);margin:0 0 var(--s3)}
.hero .tag{color:var(--accent-lt)}
.lede{font-size:var(--fs-lead);line-height:1.4;color:var(--ink-2);max-width:34ch;text-wrap:pretty}
.prose{max-width:var(--measure);font-size:var(--fs-base);line-height:1.7;text-wrap:pretty}
address.prose{font-style:normal}
.fine{font-size:var(--fs-s);line-height:1.5;color:var(--muted)}

/* layout */
.intro,.block{padding:var(--s7) var(--gutter)}
.intro{padding-top:var(--s8);padding-bottom:var(--s6)}
.intro h1{max-width:15ch}
.intro .lede{margin-top:var(--s5)}
.block+.block{padding-top:var(--s4)}
.block.narrow>*{max-width:34rem}
.block.center{text-align:center}
.block.center>*{margin-inline:auto}
.block.center .lede{margin-inline:auto}
.block.callout{margin-top:var(--s7);padding-block:var(--s7)}
.block.callout>*{max-width:44rem}
.block.callout p:not(.fine){font-size:var(--fs-lead);line-height:1.4;color:var(--ink)}
.block.callout p:has(.btn){display:flex;flex-wrap:wrap;gap:var(--s3)}
.block.callout .btn{font-size:var(--fs-base)}
main:has(>.callout:last-child)+.foot{margin-top:0}
.block.legal{padding-block:var(--s6) 0}
.block.legal+.block.legal{padding-top:var(--s5)}
.block.legal:last-of-type{padding-bottom:var(--s4)}
.block.legal h2{font-size:var(--fs-h3);margin-bottom:var(--s3)}
.block.legal p{max-width:var(--measure);line-height:1.7;color:var(--ink-2)}
.block.legal p a{color:var(--link)}
.intro+.block.legal{padding-top:var(--s5)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s6);border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);font:600 var(--fs-s)/1 var(--sans);letter-spacing:.02em;text-decoration:none;border-radius:var(--r);cursor:pointer}
.btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn.ghost:hover{background:transparent;border-color:var(--ink)}
.btn.ghost:active{background:var(--line);border-color:var(--ink)}
.btn.danger{background:transparent;color:var(--bad);border-color:var(--bad)}
.btn.danger:hover{background:var(--bad-bg)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}
.btn[hidden]{display:none}

/* slate (home) */
.slate{display:grid;gap:var(--s5)}
.card{display:block;background:var(--surface);border:1px solid var(--line);text-decoration:none;overflow:hidden;color:var(--ink)}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--night)}
.card-body{padding:var(--s5) var(--s5) var(--s4)}
.card-body h3{font-size:clamp(2.125rem,6vw,2.75rem);margin-bottom:var(--s2)}
.card-body p:last-child{margin-bottom:var(--s2);color:var(--ink-2)}
.card:hover{border-color:var(--ink)}
.card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}

/* home value points */
.points{list-style:none;margin:0;padding:0;display:grid;gap:var(--s5);max-width:none}
.points li{display:grid;gap:var(--s2);align-content:start;padding-top:var(--s4);border-top:1px solid var(--ink)}
.points strong{font:400 var(--fs-h3)/1.1 var(--serif)}
.points span{color:var(--ink-2);max-width:32ch}

/* hero (dark key art; the scrim keeps text at AA over any image) */
.hero{position:relative;min-height:min(80vh,46rem);min-height:min(80dvh,46rem);display:flex;align-items:flex-end;isolation:isolate;background-color:var(--night);color:var(--ink)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,27,.58) 0%,rgba(11,16,27,.78) 45%,rgba(11,16,27,.93) 78%,var(--night) 100%);z-index:1}
.hero-inner{position:relative;z-index:2;padding:var(--s7) var(--gutter);width:100%}
.hero h1{max-width:12ch;margin-bottom:var(--s4)}
.hero .lede{color:var(--ink-2);max-width:36ch}
.hero.room{min-height:min(64vh,38rem);min-height:min(64dvh,38rem)}
.hero.room::before{background:linear-gradient(180deg,rgba(11,16,27,.7) 0%,rgba(11,16,27,.82) 45%,rgba(11,16,27,.93) 78%,var(--night) 100%)}
.hero .fine{color:var(--muted);margin:var(--s3) 0 0}
.hero p:has(.btn){margin:var(--s5) 0 0}
.hero p:has(.btn+.btn){display:flex;flex-wrap:wrap;gap:var(--s3)}

/* episodes */
.episodes{list-style:none;margin:0;padding:0;display:grid}
.episode{display:grid;gap:var(--s4);padding:var(--s5) 0;border-top:1px solid var(--line)}
.episode:last-child{border-bottom:1px solid var(--line)}
.episode img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--night)}
.episode h3{font-size:var(--fs-h3);line-height:1.1;margin-bottom:var(--s2)}
.episode p{color:var(--ink-2);margin:0;max-width:56ch}

/* stills */
.stills{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.stills img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--night)}

/* original-script names: a quiet second line, aligned with the heading whatever the script's direction */
:lang(ar),[dir="rtl"]{letter-spacing:0}
.original{font-family:var(--sans);font-weight:400;color:var(--ink-2);text-align:left;text-align:match-parent}
p.original{font-size:var(--fs-lead);line-height:1.5;margin:calc(-1 * var(--s2)) 0 var(--s4)}
span.original{font-size:.6em;color:var(--muted);margin-inline-start:var(--s2)}
.hero p.original{color:var(--ink)}

/* credits and specs */
.credits{display:grid;gap:var(--s5) var(--s6);margin:0 0 var(--s5)}
.credits dt,.facts dt{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s1)}
.credits dd{margin:0;font:400 var(--fs-h3)/1.15 var(--serif)}
.specs{display:block;margin:0;border-top:1px solid var(--ink);font-variant-numeric:tabular-nums}
.specs>div{break-inside:avoid;display:grid;grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr);gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.specs dt{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:.2em}
.specs dd{margin:0;overflow-wrap:anywhere}

/* laurels */
.laurels{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.laurel{display:grid;gap:var(--s1) var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.laurel strong{font:400 var(--fs-h3)/1.1 var(--serif)}
.laurel span{color:var(--ink-2)}
.laurel a{display:inline-flex;align-items:center;min-height:44px;font-weight:500}

/* availability grid: scrolls inside its wrapper on narrow screens */
.avails-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.avails-wrap:focus-visible{outline-offset:2px}
.avails{width:100%;min-width:34rem;border-collapse:collapse;font-variant-numeric:tabular-nums}
/* the section heading already names the table; the caption stays as its accessible name only, since a wide caption would scroll away on phones */
.avails caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.avails th,.avails td{padding:var(--s3) var(--s4);border-top:1px solid var(--line);vertical-align:middle}
.avails thead th{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);white-space:nowrap}
.avails thead th:first-child,.avails tbody th{text-align:left}
.avails tbody th{font-weight:500;background:var(--surface);position:sticky;left:0;z-index:1;min-width:8.5rem;box-shadow:1px 0 0 var(--line)}
.avails td{text-align:center;white-space:nowrap;color:var(--muted)}
.avails tbody tr:hover td,.avails tbody tr:hover th{background:var(--paper)}
.av{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border-radius:99px;font-size:var(--fs-xs);font-weight:600;line-height:1.2;white-space:nowrap}
.av::before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.av-available{background:var(--good-bg);color:var(--good)}
.av-under_offer{background:var(--warn-bg);color:var(--warn)}
.av-under_offer::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px currentColor}
.av-licensed{background:var(--ink);color:var(--paper)}
.av-licensed::before{border-radius:1px}
.av-held_back{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong)}
.av-held_back::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.av-other{background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-strong)}
.avails td small{display:block;margin-top:var(--s1);font-size:var(--fs-xs);line-height:1.3;color:var(--muted);white-space:normal}
.av-none{display:inline;padding:0;background:none;color:var(--muted);font-weight:400}
.av-none::before{content:none}
.avails-note{margin-top:var(--s3)}

/* team */
.people{list-style:none;margin:0;padding:0;display:grid;gap:var(--s6)}
.person{padding-top:var(--s4);border-top:1px solid var(--ink)}
.person h3{font-size:clamp(2rem,3vw + .5rem,2.5rem);margin:0 0 var(--s3)}
.person p{max-width:44ch}
.person>p:not(.tag,.fine){color:var(--ink-2)}

/* forms */
.stack{display:grid;gap:var(--s5);margin-top:var(--s5)}
.stack+p{margin-top:var(--s4)}
.field{display:grid;gap:var(--s2)}
.label{font-size:var(--fs-s);font-weight:500;color:var(--ink-2)}
input,select,textarea{width:100%;min-height:48px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r);padding:var(--s3) var(--s4);font:inherit;accent-color:var(--house)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:hover,select:hover,textarea:hover{border-color:var(--ink)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;border-color:var(--house)}
input[readonly]{background:var(--paper)}
.copy-src{font-family:ui-monospace,monospace;overflow-wrap:anywhere}
input[type=checkbox],input[type=radio]{width:auto;min-height:0}
.check{display:flex;gap:var(--s3);align-items:flex-start;min-height:44px;max-width:var(--measure)}
.check input{flex:none;width:1.25rem;height:1.25rem;margin:.2em 0 0}
.check input[aria-invalid=true]{outline:2px solid var(--bad)}
.email{border-top:1px solid var(--line);padding:var(--s4) 0}
.email summary{font-weight:600}
textarea{min-height:8rem;resize:vertical}
select{line-height:1.6}
[aria-invalid=true]{border-color:var(--bad)}
abbr{text-decoration:none}
.err{color:var(--bad);font-size:var(--fs-s);font-weight:500}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
pre{margin:0 0 var(--s4);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);font-size:var(--fs-s);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2)}
.rows[role=status]{margin-bottom:var(--s5)}
.rows[role=status] .row{grid-template-columns:1fr auto;align-items:center;padding:var(--s3) var(--s4)}
.rows[role=status] .row-meta{font-variant-numeric:tabular-nums}
.notice{margin:var(--s4) 0;border:1px solid var(--line);padding:var(--s3) var(--s4);background:var(--surface);color:var(--ink-2)}
.notice.bad{background:var(--bad-bg);border-color:#E9B8B2;color:#7E1C16}

/* admin */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);margin:var(--s5) 0}
.stat{background:var(--surface);border:1px solid var(--line);padding:var(--s4)}
.stat .n{display:block;font:500 2rem/1.1 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink)}
.stat:last-child:nth-child(odd){grid-column:1/-1}
.stat .l{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rows{display:grid;gap:var(--s2)}
.row{display:grid;gap:var(--s2);background:var(--surface);border:1px solid var(--line);padding:var(--s4);text-decoration:none;color:var(--ink)}
a.row,a.card{border-color:var(--line-strong)}
.row:hover{border-color:var(--ink)}
.row-main{display:grid;gap:2px}
.row-meta{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.pill{display:inline-block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;padding:2px var(--s3);border-radius:99px}
.pill.good{color:var(--good);background:var(--good-bg)}.pill.bad{color:var(--bad);background:var(--bad-bg)}.pill.warn{color:var(--warn);background:var(--warn-bg)}
.facts{display:grid;gap:var(--s3);margin:var(--s5) 0}
.facts dd{margin:0;overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:var(--s3)}
.progress,.events{list-style:none;margin:var(--s4) 0;padding:0;display:grid;gap:var(--s3)}
.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:var(--s2)}
.bar span{display:block;height:100%;background:var(--house)}
.offer{border-top:1px solid var(--line);padding-top:var(--s3)}
p:has(>.btn+.btn){display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s3) 0 var(--s5)}
.row .stack{margin:0;gap:var(--s2)}
.row-meta>a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3)}
.row-meta>a:first-child{margin-inline-start:calc(-1 * var(--s3))}
.report-facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--s2) var(--s5);margin:var(--s5) 0}
.report-facts dt{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:baseline}
.report-facts dd{margin:0;overflow-wrap:anywhere}
table.report{width:100%;border-collapse:collapse}
table.report th,table.report td{text-align:left;vertical-align:top;padding:var(--s2);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
table.report th:first-child,table.report td:first-child:not([colspan]){white-space:nowrap}
table.report ul{margin:0;padding-left:var(--s5)}
/* admin detail pages: section rhythm, long URLs, event history, action panels, one-time keys */
.admin-detail h2{margin-top:var(--s7)}
.admin-detail h2:first-child{margin-top:0}
.refs{margin:0 0 var(--s4);padding-left:var(--s5);overflow-wrap:anywhere}
table.event-log{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
table.event-log th,table.event-log td{text-align:left;vertical-align:top;padding:var(--s2);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
table.event-log th{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
summary.btn{list-style:none}
summary.btn::-webkit-details-marker{display:none}
.actions>details[open]{flex-basis:100%;margin-bottom:var(--s4)}
details.act>.stack{max-width:34rem}
details.raw{margin:var(--s5) 0}
details.raw pre{margin:var(--s4) 0 0}
.key{display:grid;gap:var(--s3);justify-items:start;background:var(--surface);border:1px solid var(--line);padding:var(--s4);margin:0 0 var(--s5)}
.secret{display:block;width:100%;padding:var(--s3) var(--s4);background:var(--paper);border-radius:var(--r);font-size:var(--fs-s);line-height:1.5;word-break:break-all;user-select:all}
.block.narrow code{overflow-wrap:anywhere}
.wrap-anywhere{overflow-wrap:anywhere}
.rows.keys{gap:var(--s3)}
.key-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s5) 0 var(--s4)}
.group{margin-top:var(--s7)}
.group+p{margin-top:var(--s6)}
h1 .pill{font:600 var(--fs-xs)/1.5 var(--sans);vertical-align:middle;margin-inline-start:var(--s4)}
@media (max-width:699px){
table.report thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
table.report,table.report tbody{display:block}
table.report tr{display:grid;grid-template-columns:var(--s6) minmax(0,1fr);gap:var(--s2) 0;padding:var(--s4) 0;border-bottom:1px solid var(--line)}
table.report td{display:block;padding:0;border:0}
table.report td:nth-child(n+3){grid-column:2}
table.report td[colspan]{grid-column:1/-1}
table.report td[data-label]::before{content:attr(data-label);display:block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
table.event-log thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
table.event-log,table.event-log tbody{display:block}
table.event-log tr{display:block;padding:var(--s4) 0;border-bottom:1px solid var(--line)}
table.event-log td{display:grid;grid-template-columns:minmax(5.5rem,7rem) minmax(0,1fr);gap:var(--s3);padding:var(--s1) 0;border:0}
table.event-log td::before{content:attr(data-label);padding-top:.2em;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
}
@media (min-width:700px){
.slate{grid-template-columns:repeat(2,1fr);gap:var(--s6)}
.slate>.card:only-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr}
.slate>.card:only-child img{height:100%;aspect-ratio:auto}
.slate>.card:only-child .card-body{align-self:center;padding:var(--s6)}
.points{grid-template-columns:repeat(3,1fr);column-gap:var(--s6)}
.foot .fine{grid-column:1/-1}
.episode{grid-template-columns:18rem 1fr;gap:var(--s6);align-items:center}
.stills{grid-template-columns:repeat(2,1fr)}
.credits{grid-template-columns:repeat(2,1fr)}
.specs{columns:2;column-gap:var(--s7)}
.laurel{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:baseline}
.people{grid-template-columns:repeat(auto-fit,minmax(16rem,26rem));gap:var(--s7) var(--s6)}
.stats{grid-template-columns:repeat(4,1fr)}
.stat:last-child:nth-child(odd){grid-column:auto}
.row{grid-template-columns:1fr auto;align-items:center}
.facts{grid-template-columns:repeat(2,1fr)}
.hero-inner{padding-block:var(--s9) var(--s8)}
.intro{padding-top:var(--s9)}
.block{padding-block:var(--s8)}
.block+.block{padding-top:var(--s5)}
.block.callout{padding-block:var(--s8)}
.avails-wrap{overflow:auto}
}
@media (min-width:1000px){
.foot{grid-template-columns:1fr auto;align-items:start;column-gap:var(--s8)}
.intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:var(--s8);align-items:end}
.intro .lede{margin:0 0 .6rem}
}
@media (min-width:1100px){
.hero h1{max-width:10ch}
}
/* Intro CTA, proof list, steps, checklist */
.intro .cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s5) 0 0}
@media (min-width:1000px){.intro .cta{grid-column:1/-1}}
.proof{list-style:none;margin:var(--s3) 0 var(--s2);padding:var(--s3) 0 0;border-top:1px solid var(--line);display:grid;gap:var(--s1);font-size:var(--fs-s);color:var(--ink-2)}
.proof strong{font-weight:600;color:var(--ink)}
.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:var(--s5)}
.steps li{counter-increment:step;display:grid;gap:var(--s1);padding-top:var(--s4);border-top:1px solid var(--ink)}
.steps li::before{content:counter(step);font:600 var(--fs-s)/1 var(--sans);color:var(--house);font-variant-numeric:tabular-nums}
.steps strong{font:400 var(--fs-h3)/1.1 var(--serif)}
.steps span{color:var(--ink-2);max-width:40ch}
.checklist{margin:0 0 var(--s4);padding-left:var(--s5);display:grid;gap:var(--s1);max-width:var(--measure)}
@media (min-width:700px){.steps{grid-template-columns:repeat(4,1fr);column-gap:var(--s5)}}

/* standalone controls reach 44px; inline prose links are exempt (WCAG 2.5.8) */
summary,.linkbtn{display:inline-flex;align-items:center;min-height:44px}
summary:not(.btn){display:list-item;list-style-position:inside;padding-block:var(--s3)}
summary:not(.btn):hover{color:var(--link)}
a.linkbtn{padding:0 var(--s1)}
button.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--link);text-decoration:underline}
button.linkbtn:hover{text-decoration-thickness:2px}
[data-copy]{min-width:7.5rem}

/* compact title hero */
.hero.title{min-height:min(60vh,34rem);min-height:min(60dvh,34rem)}
.hero.title .hero-inner{padding-block:var(--s6)}
.hero-facts{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:0 0 var(--s4);padding:0}
.hero-facts>div{display:flex;gap:var(--s2);align-items:baseline}
.hero-facts dt{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hero-facts dd{margin:0;font-weight:500}
.hero .proof{border-top-color:var(--line);color:var(--ink-2);max-width:44rem}
.hero .proof strong{color:var(--ink)}

/* recap, aside, split (buyer forms) */
.recap{display:grid;grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr);gap:var(--s2) var(--s4);margin:var(--s5) 0;padding:var(--s4) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.recap dt{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:.2em}
.recap dd{margin:0;overflow-wrap:anywhere}
.split{display:grid;gap:var(--s6)}
aside.next{border-top:1px solid var(--ink);padding-top:var(--s4);color:var(--ink-2)}
aside.next h2{font-size:var(--fs-h3);margin-bottom:var(--s3)}
aside.next :last-child{margin-bottom:0}
.accept aside.next{margin-top:var(--s6)}
@media (min-width:60rem){
.split{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:var(--s8);align-items:start}
aside.next{position:sticky;top:var(--s5)}
.accept aside.next{position:static}
.accept .stack{margin-top:0;gap:var(--s4)}
}
@media (min-width:60rem) and (min-height:46rem){
.accept{position:sticky;top:var(--s5)}
}

/* admin: fixture banner and activity timeline */
.banner.fixture{width:100%;margin:0 0 var(--s4);padding:var(--s3) var(--gutter);background:var(--warn-bg);color:var(--warn);border-block:1px solid var(--warn);font-weight:600}
.timeline{list-style:none;margin:var(--s4) 0;padding:0 0 0 var(--s4);border-left:1px solid var(--line-strong);display:grid;gap:var(--s4)}
.timeline li{display:grid;gap:var(--s1);position:relative}
.timeline li::before{content:"";position:absolute;left:calc(-1 * var(--s4) - 3px);top:.6em;width:5px;height:5px;background:var(--ink);border-radius:50%}
.timeline .fine{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}

/* avails: under 40rem each row becomes a stacked card, no sideways scroll */
@media (max-width:39.99rem){
.avails-stack .avails-wrap{overflow:visible;background:none;border:0}
.avails-stack .avails{min-width:0;display:block}
.avails-stack .avails thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.avails-stack .avails tbody{display:grid;gap:var(--s3)}
.avails-stack .avails tr{display:block;background:var(--surface);border:1px solid var(--line);padding:var(--s3) var(--s4)}
.avails-stack .avails tbody th{display:block;position:static;min-width:0;box-shadow:none;padding:0 0 var(--s2);border:0;background:none;font-size:var(--fs-base)}
.avails-stack .avails td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);text-align:right;white-space:normal;padding:var(--s2) 0;border-top:1px solid var(--line)}
.avails-stack .avails td::before{content:attr(data-label);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left}
.avails-stack .avails tbody tr:hover td,.avails-stack .avails tbody tr:hover th{background:none}
}
@media (prefers-reduced-motion:no-preference){
.btn,.nav a,.card,.row,input,select,textarea{transition:background-color .15s,border-color .15s,color .15s}
.card img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.card:hover img{transform:scale(1.025)}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* room (buyer screening room): key art band, player with item list, materials, next steps.
   Logical properties throughout so the layout holds when the published text runs right to left. */
.hero.room{min-height:0}
.hero.room .hero-inner{padding-block:var(--s8) var(--s5)}
.hero.room h1{font-size:clamp(2.25rem,6vw + .5rem,4.25rem);max-width:none}
.synopsis{margin-top:var(--s3);max-width:var(--measure)}
.synopsis summary{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);list-style:none}
.synopsis summary::-webkit-details-marker{display:none}
.synopsis summary::after{content:"+";font-size:var(--fs-base);line-height:1}
.synopsis[open] summary::after{content:"\2212"}
.synopsis p{margin:0;color:var(--ink-2)}

.screen-grid{display:grid;gap:var(--s5)}
.stage-wrap{min-width:0}
.stage{--btn-bg:var(--paper);--btn-fg:var(--night);--btn-hover:#fff;position:relative;aspect-ratio:16/9;background:var(--night);color:var(--on-night);overflow:hidden}
.stage .stage-frame{position:relative;width:100%;height:100%}
.stage video{width:100%;height:100%;object-fit:contain;background:var(--night)}
/* Shaka's range inputs would otherwise pick up the site's field styling */
.stage input{width:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent}
.stage-start{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s4);border:0;border-radius:0;background:linear-gradient(180deg,rgba(11,16,27,.12),rgba(11,16,27,.6));color:var(--on-night);font:600 var(--fs-base)/1.3 var(--sans);text-align:center}
.stage-start[hidden]{display:none}
.stage-start svg{box-sizing:content-box;padding:var(--s4) var(--s4) var(--s4) calc(var(--s4) + 3px);border-radius:50%;background:var(--btn-bg);color:var(--btn-fg)}
.stage-start:hover svg{background:var(--btn-hover)}
.stage-start:focus-visible{outline:2px solid var(--on-night);outline-offset:-6px}
.stage-start-label{max-width:30ch;text-shadow:0 1px 3px rgba(0,0,0,.6);overflow-wrap:anywhere}
.stage-empty{position:absolute;inset:0;z-index:2;display:grid;place-items:center;margin:0;padding:var(--s5);background:rgba(11,16,27,.78);color:var(--on-night);text-align:center;font-size:var(--fs-lead);line-height:1.3}
.stage-wrap .notice{margin:var(--s3) 0 0}
.room-mark{position:absolute;z-index:3;padding:var(--s2) var(--s3);line-height:1.3;letter-spacing:0;color:#fff;opacity:.4;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;user-select:none;-webkit-user-select:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc(var(--fs-xs) * .85);transition:opacity .4s}
.room-mark.is-away{opacity:0}
.room-mark.c0{inset-block-start:0;inset-inline-start:0}
.room-mark.c1{inset-block-start:0;inset-inline-end:0}
.room-mark.c2{inset-block-end:4.5rem;inset-inline-end:0}
.room-mark.c3{inset-block-end:4.5rem;inset-inline-start:0}

.items{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--ink)}
.item{border-bottom:1px solid var(--line)}
.item-open{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--s4);align-items:start;width:100%;margin:0;padding:var(--s3) var(--s2);border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:start}
button.item-open:hover{background:color-mix(in oklab,var(--ink) 4%,transparent)}
.item-open[aria-current]{background:color-mix(in oklab,var(--ink) 7%,transparent)}
.item-still img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--night)}
.is-pending .item-still img{filter:grayscale(1)}
.is-pending .item-open{cursor:default}
.item-text{display:grid;gap:var(--s1);min-width:0}
.item-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.item-now{display:none;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--house)}
.item-open[aria-current] .item-now{display:block}
/* name and original-script line share one edge: the row's start edge, whichever script each is in (dir=auto alone would push an Arabic line to the far side) */
.item-name{font:400 1.375rem/1.15 var(--serif);overflow-wrap:anywhere}
.item-alt{font-size:var(--fs-s);line-height:1.4;color:var(--ink-2);overflow-wrap:anywhere}
.item-name,.item-alt{text-align:left}
.items:dir(rtl) :is(.item-name,.item-alt){text-align:right}
.item-progress{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s1)}
.item-progress .bar{flex:0 0 5rem;margin:0}
.item .bar.p0{display:none}
.item-progress:has(.bar.p0):has(.item-hint:empty){display:none}
.item .bar span{width:0}
.item .bar.p25 span{width:25%}
.item .bar.p50 span{width:50%}
.item .bar.p75 span{width:75%}
.item .bar.p100 span{width:100%}
.item-hint{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}

.material-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.material{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--s5);align-items:center;padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.material-name{display:inline-flex;align-items:center;min-height:44px;font:400 var(--fs-h3)/1.1 var(--serif);overflow-wrap:anywhere}
.is-unavailable .material-name{color:var(--muted)}
.material-size{font-size:var(--fs-s);color:var(--muted);font-variant-numeric:tabular-nums;text-align:end}
.material-note{grid-column:1/-1;padding-bottom:var(--s1);font-size:var(--fs-xs);color:var(--muted)}

.act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin:0 0 var(--s5)}
.act form{margin:0}
.block.callout .act p.sent{display:inline-flex;align-items:center;gap:var(--s2);min-height:48px;margin:0;font-size:var(--fs-base);font-weight:500}
.act .sent svg{flex:none}

@media (min-width:700px){
.room-mark{font-size:var(--fs-xs)}
.hero.room{min-height:min(46dvh,26rem)}
.hero.room .hero-inner{padding-block:var(--s9) var(--s6)}
.items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}
}
@media (min-width:1000px){
.screen-grid{grid-template-columns:minmax(0,2fr) minmax(19rem,1fr);gap:var(--s6);align-items:start}
.items{grid-template-columns:minmax(0,1fr)}
.stage-wrap{position:sticky;inset-block-start:var(--s5)}
/* one or two items: the list sits under the player instead of leaving a column empty */
.screen-grid.few{grid-template-columns:minmax(0,1fr)}
.screen-grid.few .stage-wrap{position:static}
.screen-grid.few .items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* deals and statements (admin) */
fieldset.field{border:0;margin:0;padding:0;min-width:0}
fieldset.field legend{padding:0;margin-bottom:var(--s2)}
.num{text-align:right;font-variant-numeric:tabular-nums}
table.stmt{width:100%;border-collapse:collapse;margin:var(--s4) 0;font-variant-numeric:tabular-nums}
table.stmt th,table.stmt td{text-align:left;vertical-align:top;padding:var(--s2);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
table.stmt thead th{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
table.stmt th.num,table.stmt td.num{text-align:right}
table.stmt th{overflow-wrap:normal}
table.stmt .nw,table.stmt td.num{white-space:nowrap;overflow-wrap:normal}
table.stmt tbody th[scope=row]{font-weight:500}
@media (max-width:39.99rem){
table.stmt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
table.stmt,table.stmt tbody{display:block}
table.stmt tr{display:block;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
table.stmt th,table.stmt td{display:grid;grid-template-columns:minmax(5.5rem,8rem) minmax(0,1fr);gap:var(--s3);padding:var(--s1) 0;border:0;text-align:left}
table.stmt td::before{content:attr(data-label);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
table.stmt td[colspan]{display:block}
table.stmt td[colspan]::before{content:none}
}
@media print{
table.stmt{font-size:.6875rem}
table.stmt th,table.stmt td{padding:.25rem .3rem}
table.stmt thead{display:table-header-group}
table.stmt thead th{letter-spacing:0}
table.stmt tr{break-inside:avoid}
table.stmt.summary{break-inside:avoid}
.statement h2{break-after:avoid}
}
@media print{
html{color-scheme:light}
:root{--paper:#fff;--surface:#fff;--ink:#000;--ink-2:#222;--muted:#444;--line:#bbb;--fs-base:.875rem;--fs-s:.8125rem;--fs-xs:.75rem}
.top,.foot,.skip,.noprint{display:none !important}
h1{font-size:2.2rem}
table.report thead,table.event-log thead{display:table-header-group}
table.report tr,table.event-log tr{break-inside:avoid}
}