/* Copyright (c) A|iens. All rights reserved. */
/* [HEADER] The Human / source-backed worldbuilding, cinematic reading and systems exhibits. */
.th-universe .wb-hero{position:relative;isolation:isolate;overflow:hidden;min-height:790px;min-height:92svh;padding:170px 0 105px;display:flex;align-items:center;background:#040b12}
.th-universe .wb-hero-art{position:absolute;inset:-40px;z-index:0;will-change:transform;pointer-events:none}
.th-universe .wb-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.th-universe .wb-hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#020a13ee,#020a13aa 44%,#020a1320 85%),linear-gradient(0deg,#040b12,transparent 65%)}
.th-universe .wb-hero>.th-wrap{position:relative;z-index:2}
.th-universe.th-film .wb-hero h1{font-size:clamp(54px,7.8vw,118px);line-height:1;letter-spacing:-.055em;max-width:930px;margin:28px 0;overflow-wrap:anywhere}
.th-universe .wb-tagline{font-size:clamp(20px,2vw,29px);line-height:1.6;max-width:610px;color:#d2e5ed}
.th-universe .wb-role{font-size:12px;line-height:1.8;color:var(--muted);max-width:610px}
.th-universe .wb-hero-note{font:9px/1.8 Consolas,monospace;letter-spacing:.12em;color:#b8cbd4;margin-top:30px;max-width:610px}
.th-universe .wb-coordinate{position:absolute;z-index:2;right:var(--film-gutter);bottom:35px;font:9px Consolas,monospace;letter-spacing:.2em;color:var(--accent)}
.th-universe .wb-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:start}
.th-universe .wb-answer{font-size:clamp(18px,1.7vw,25px);line-height:1.9;color:#d1e2eb;margin:0;max-width:770px}
.th-universe .wb-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 35px;margin:0}
.th-universe .wb-facts>div{border-top:1px solid var(--line);padding-top:15px}
.th-universe .wb-facts dt{font:9px/1.6 Consolas,monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px}
.th-universe .wb-facts dd{margin:0;font-size:15px;line-height:1.8;color:var(--ink)}
.th-universe .wb-intro{max-width:850px;font-size:16px;line-height:1.9;color:var(--muted)}
.th-universe .wb-chapter-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:35px;border-top:1px solid var(--line)}
.th-universe .wb-chapter-nav a{display:block;text-decoration:none;padding:22px 20px 12px 0;font-size:12px;line-height:1.7;color:var(--ink)}
.th-universe .wb-chapter-nav span{display:block;font:10px Consolas,monospace;color:var(--accent);margin-bottom:12px}
.th-universe .wb-chapter{max-width:1400px}
.th-universe .wb-with-art{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.th-universe .wb-chapter .th-prose{font-size:17px;line-height:1.95;max-width:800px}
.th-universe .wb-chapter-image{position:relative;margin:0;will-change:transform}
.th-universe .wb-chapter-image a{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line)}
.th-universe .wb-chapter-image img{width:100%;height:100%;object-fit:cover}
.th-universe .wb-chapter-image figcaption{font:9px/1.8 Consolas,monospace;color:var(--muted);padding-top:14px}
.th-universe .wb-exhibit{border:1px solid #87b1ca55;background:#061321}
.th-universe .wb-stage{position:relative;aspect-ratio:16/8;min-height:330px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#122d43,#040b13 75%);isolation:isolate}
.th-universe .wb-fallback{position:absolute;inset:0}
.th-universe .wb-fallback img{width:100%;height:100%;object-fit:cover;opacity:.72}
.th-universe [data-wb-canvas]{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;opacity:0;outline-offset:-5px}
.th-universe .wb-exhibit[data-ready=true] [data-wb-canvas]{opacity:1}
.th-universe .wb-exhibit[data-ready=true] .wb-fallback{visibility:hidden}
.th-universe .wb-hud{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font:9px/1.7 Consolas,monospace;letter-spacing:.12em;color:#c6e7f4;text-shadow:0 1px 4px #000}
.th-universe .wb-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.th-universe .wb-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:22px 26px;border-block:1px solid var(--line);background:#081925}
.th-universe .wb-controls>div{display:flex;flex-wrap:wrap;gap:9px}
.th-universe .wb-controls button,.th-universe .wb-filter button{min-height:46px;border:1px solid #88b0c355;background:#0e2535;color:var(--ink);padding:11px 16px;font:10px/1.6 Consolas,monospace;cursor:pointer}
.th-universe .wb-controls button[aria-pressed=true],.th-universe .wb-filter button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.th-universe .wb-controls label{font:10px/1.8 Consolas,monospace;color:var(--muted);display:flex;align-items:center;gap:15px}
.th-universe .wb-controls input{width:220px;max-width:100%;accent-color:#a5e8fc;min-height:32px}
.th-universe .wb-caption{font-size:11px;line-height:1.9;color:var(--muted);max-width:1100px}
.th-universe .wb-exhibit>.wb-caption{margin:18px 26px}
.th-universe .wb-beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.th-universe .wb-beats article{border-top:1px solid var(--line);padding:26px 0}
.th-universe .wb-beats span{font:10px Consolas,monospace;color:var(--accent)}
.th-universe.th-film .wb-beats h3{font-size:34px;margin-top:20px}
.th-universe .wb-beats p{font-size:14px;line-height:1.9;color:var(--muted)}
.th-universe .wb-video{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:40px}
.th-universe .wb-video video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;display:block;border:1px solid var(--line)}
.th-universe.th-film .wb-video h3{font-size:38px;line-height:1.12;margin:16px 0}
.th-universe .wb-video p{font-size:13px;line-height:1.9;color:var(--muted)}
.th-universe .wb-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.th-universe .wb-links a{position:relative;border:1px solid var(--line);padding:28px 36px 28px 22px;text-decoration:none;background:#071622;color:var(--ink)}
.th-universe .wb-links .th-kicker{display:block;font-size:8px;margin-bottom:15px}
.th-universe .wb-links strong{font:400 24px/1.2 THCinema,system-ui}
.th-universe .wb-links a>span:last-child{position:absolute;right:15px;bottom:26px;color:var(--accent)}
.th-universe .wb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.th-universe .wb-card{min-width:0;position:relative;border:1px solid var(--line);background:#081622}
.th-universe .wb-card a{color:var(--ink);text-decoration:none;display:block;height:100%}
.th-universe .wb-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.th-universe .wb-card a>div{position:relative;padding:25px 36px 25px 25px}
.th-universe.th-film .wb-card h3{font-size:30px;line-height:1.15;margin:15px 0}
.th-universe .wb-card p{font-size:13px;line-height:1.8;color:var(--muted)}
.th-universe .wb-card-arrow{position:absolute;right:18px;bottom:23px;color:var(--accent)}
.th-universe .wb-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0;border-block:1px solid var(--line)}
.th-universe .wb-filter p{font:10px Consolas,monospace;color:var(--muted);margin-left:auto}
@media(max-width:1000px){.th-universe .wb-overview,.th-universe .wb-with-art,.th-universe .wb-video{grid-template-columns:1fr;gap:35px}.th-universe .wb-grid,.th-universe .wb-links{grid-template-columns:repeat(2,minmax(0,1fr))}.th-universe .wb-chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.th-universe .wb-stage{aspect-ratio:4/3}.th-universe .wb-beats{gap:20px}}
@media(max-width:600px){.th-universe .wb-hero{min-height:800px;padding:135px 0 85px}.th-universe.th-film .wb-hero h1{font-size:clamp(48px,12vw,70px)}.th-universe .wb-tagline{font-size:21px}.th-universe .wb-coordinate{font-size:7px}.th-universe .wb-facts{gap:25px 20px}.th-universe .wb-chapter-nav{grid-template-columns:1fr 1fr}.th-universe .wb-chapter-nav a{font-size:11px}.th-universe .wb-chapter .th-prose{font-size:16px}.th-universe .wb-beats,.th-universe .wb-links,.th-universe .wb-grid{grid-template-columns:1fr}.th-universe .wb-controls{padding:16px;gap:15px}.th-universe .wb-controls button{padding:10px 12px;font-size:9px}.th-universe .wb-controls label{display:block;width:100%}.th-universe .wb-controls input{display:block;width:100%;margin-top:9px}.th-universe .wb-hud{inset:14px 14px auto;font-size:7px}.th-universe .wb-exhibit>.wb-caption{margin:15px 16px}.th-universe .wb-stage{aspect-ratio:1;min-height:290px}.th-universe .wb-filter p{margin:5px 0;width:100%}.th-universe .wb-answer{font-size:18px}}
.th-universe [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.th-universe [data-wb-depth]{transform:none!important;will-change:auto}}
.th-universe[data-motion=off] [data-wb-depth]{transform:none!important;will-change:auto}
/* End: readable without scripts, no forced scrolling, native media controls. */