/* Reversible theme studies. The current approved artwork uses the established reverse presentation. */
:root{--wave-active:#202020;--wave-idle:#b2b0aa}
.theme-preview{padding-block:20px 24px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px}.theme-context .eyebrow{margin:0 0 2px;font-size:11px;letter-spacing:.15em}.theme-context>span:last-child{font-size:14px;line-height:1.5;color:var(--muted)}.theme-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.theme-options button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 13px;min-height:44px;font-size:14px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:3px;white-space:nowrap}.theme-options button:hover{border-color:var(--muted);color:var(--text)}.theme-options button[aria-pressed=true]{border-color:var(--text);background:var(--text);color:var(--bg)}.theme-options .original-option{border-color:transparent;text-decoration:underline;text-underline-offset:4px;padding-inline:10px}.theme-options .original-option[aria-pressed=true]{text-decoration:none}.theme-swatch{display:block;flex:0 0 12px;width:12px;height:12px;border-radius:50%;border:1px solid #ffffff80}.black-swatch{background:#090909}.midnight-swatch{background:#202f49}.theme-options button[aria-pressed=true] .theme-swatch{border-color:var(--bg)}.creator{font-size:14px;line-height:1.6;color:var(--muted);margin:-11px 0 29px}.creator span{color:var(--text)}
html[data-theme=black]{color-scheme:dark;--bg:#090909;--text:#f3f3f1;--muted:#afafab;--accent:#f3f3f1;--line:#ffffff2a;--wave-active:#f3f3f1;--wave-idle:#62625f}html[data-theme=black] body{background:#090909}html[data-theme=black] .cover img{filter:invert(1);mix-blend-mode:screen}html[data-theme=black] h1{font-weight:500}html[data-theme=black] .about-section{background:#101010;border-color:#ffffff24}html[data-theme=black] .about-copy>p{color:#bfbfbb}html[data-theme=black] .play:hover{background:#d3d3cf}html[data-theme=black] .skip:hover{color:#fff}html[data-theme=black] .cut-tag{color:#d3d3cf}html[data-theme=black] .theme-options button[aria-pressed=true]{box-shadow:0 0 0 1px #f3f3f1}
html[data-theme=midnight]{color-scheme:dark;--bg:#090e18;--text:#ececf1;--muted:#a8b0bf;--accent:#d4d9e5;--line:#c2cee333;--wave-active:#e4e7f0;--wave-idle:#606c82}html[data-theme=midnight] body{background:radial-gradient(ellipse at 82% 24%,#27364b4d 0,transparent 41%),radial-gradient(ellipse at 9% 47%,#1b28482e 0,transparent 47%),#090e18}html[data-theme=midnight] .cover img{filter:invert(1);mix-blend-mode:screen;opacity:.88}html[data-theme=midnight] h1{font-family:var(--serif);font-size:clamp(56px,6vw,84px);font-weight:normal;letter-spacing:-.055em;line-height:1.03}html[data-theme=midnight] .intro{color:#d3d6df}html[data-theme=midnight] .player{background:linear-gradient(135deg,#1d2c4338,#19223625);padding:24px;border:1px solid var(--line);border-radius:5px;box-shadow:0 16px 60px #00000014}html[data-theme=midnight] .play{background:#d6dae5;color:#111825}html[data-theme=midnight] .play:hover{background:#fff}html[data-theme=midnight] .about-section{background:#0e1724a6;border-color:#c2cee329}html[data-theme=midnight] .about-copy>p{color:#b6bfce}html[data-theme=midnight] .production>p:last-child{color:#a8b0bf}html[data-theme=midnight] .cut-tag{color:#d3d9e5;background:#c2cee308}html[data-theme=midnight] .theme-preview{background:#0b122060}html[data-theme=midnight] .theme-options button[aria-pressed=true]{background:#d6dae5;border-color:#d6dae5;color:#111825}html[data-theme=midnight] .site-header .wordmark{font-weight:600}
@media(min-width:901px){html[data-theme=midnight] .cover{transform:translateY(-8px)}}@media(max-width:1100px){.theme-preview{align-items:flex-start;gap:15px;flex-direction:column}.theme-context{display:flex;align-items:baseline;gap:16px}.theme-context .eyebrow{white-space:nowrap}}@media(max-width:650px){.theme-preview{padding-block:17px 18px;gap:12px}.theme-context{display:block}.theme-context .eyebrow{margin-bottom:4px}.theme-options{gap:7px;width:100%}.theme-options button{font-size:13px;padding-inline:10px;gap:7px}.theme-options .original-option{font-size:12px;padding-inline:5px}.theme-context>span:last-child{font-size:13px}.creator{order:4;font-size:14px;margin:-8px 0 0}.player{order:5}.cover{order:6}html[data-theme=midnight] h1{font-size:clamp(56px,14.6vw,82px)}html[data-theme=midnight] .player{padding:21px 18px}.about-section{margin-top:0}}@media(max-width:355px){.theme-options{gap:6px}.theme-options button{font-size:12px;padding-inline:8px}.theme-options .original-option{width:100%;min-height:32px}.theme-swatch{display:none}}@media(prefers-reduced-motion:no-preference){body,.about-section,.theme-options button,.player{transition:background-color .18s,color .18s,border-color .18s}}
/* The human creator is visible before the premise; the imagined quotes stay deadpan. */
.creator{font-size:16px;margin:-8px 0 25px;color:var(--muted)}.creator span{font-weight:600}.endorsements{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,5.3vw,84px);padding-block:57px 61px;position:relative}.endorsements:after{content:'';height:1px;background:var(--line);position:absolute;bottom:0;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px)}.endorsements .eyebrow{font-size:13px;letter-spacing:.13em;margin:0 0 18px}.endorsements h2{font-size:32px}.endorsement-quotes{display:grid;gap:30px}.endorsement-quotes figure{margin:0}.endorsement-quotes blockquote{font-family:var(--serif);font-size:25px;font-weight:normal;line-height:1.4;letter-spacing:-.025em;margin:0 0 9px;color:var(--text)}.endorsement-quotes figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}html[data-theme=midnight] .endorsement-quotes blockquote{color:#d8dce7}@media(max-width:900px){.endorsements{gap:32px}}@media(max-width:650px){.creator{order:2;font-size:15px;margin:-8px 0 -4px}.intro{order:3}.lede{order:4}.endorsements{display:block;padding-block:37px 40px}.endorsements-heading{margin-bottom:26px}.endorsements h2{font-size:31px}.endorsement-quotes{gap:26px}.endorsement-quotes blockquote{font-size:24px}.endorsements .eyebrow{margin-bottom:12px}}
/* Keep the same approved artwork, with an explicit high-contrast light rendering. */
html[data-theme=midnight] .cover img{filter:invert(1);mix-blend-mode:normal;opacity:1}