/* Copyright (c) A|iens. All rights reserved. */
/* [HEADER] The Human / Universe v15. Cinema-first, progressively enhanced. */
@font-face{font-family:THDisplay;src:url('/assets/v5/fonts/oxanium-latin-600-normal.woff2') format('woff2');font-display:swap;font-weight:600}
@font-face{font-family:THText;src:url('/assets/v3/fonts/manrope-latin-400-normal.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:THText;src:url('/assets/v3/fonts/manrope-latin-700-normal.woff2') format('woff2');font-display:swap;font-weight:700}
/* ===== Section: Foundation ===== */
.th-universe{--ink:#edf0e9;--muted:#abb7b8;--line:#ffffff25;--accent:#a6e9e5;--copper:#dfac83;--bg:#080d12;background:var(--bg);color:var(--ink);font:400 16px/1.8 THText,system-ui,sans-serif;margin:0;overflow-x:clip;color-scheme:dark}
.th-universe *{box-sizing:border-box}.th-universe ::selection{background:#86d4d1;color:#071015}.th-universe a{color:inherit;text-underline-offset:5px}.th-universe button,.th-universe input{font:inherit}.th-universe button{cursor:pointer}.th-universe img{display:block;max-width:100%;height:auto}.th-universe h1,.th-universe h2,.th-universe h3{font-family:THDisplay,system-ui;line-height:1.12;font-weight:600;margin:0 0 22px}.th-universe h1{font-size:clamp(3.2rem,8.5vw,8rem);letter-spacing:-.055em;max-width:1050px;overflow-wrap:anywhere}.th-universe h2{font-size:clamp(2rem,4.3vw,4rem);letter-spacing:-.035em}.th-universe h3{font-size:1.4rem;letter-spacing:-.015em}.th-universe p{margin:0 0 1.3em}.th-universe :focus-visible{outline:3px solid var(--accent);outline-offset:6px}.th-universe .th-wrap{width:min(1320px,calc(100% - 100px));margin:auto}.th-universe .th-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700;display:block;margin-bottom:22px}.th-universe .th-small{font-size:13px;color:var(--muted)}.th-universe .th-muted{color:var(--muted)}.th-universe .th-lead{font-size:clamp(18px,2.1vw,24px);line-height:1.6}.th-universe .th-prose{max-width:760px;font-size:17px}.th-universe .th-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 23px;border:1px solid var(--line);background:#0c1926b5;color:var(--ink);text-decoration:none;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:.03em}.th-universe .th-btn:hover{border-color:var(--accent);background:#183039}.th-universe .th-primary{background:var(--ink);color:#0b161c}.th-universe .th-primary:hover{background:var(--accent);color:#071015}.th-universe .th-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.th-universe .th-skip{position:fixed;left:20px;top:-100px;padding:12px 20px;background:white;color:black;z-index:100}.th-universe .th-skip:focus{top:16px}.th-universe .th-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:80}
/* ===== Section: Navigation and cinematic hero ===== */
.th-universe .th-header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid var(--line);background:linear-gradient(#070d12c9,#070d1220)}.th-universe .th-nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.th-universe .th-brand{text-decoration:none;font-family:THDisplay;font-size:24px;line-height:1;letter-spacing:.08em;white-space:nowrap}.th-universe .th-brand span{display:block;font-size:9px;letter-spacing:.36em;margin-bottom:7px;color:var(--copper)}.th-universe .th-nav-links{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:.08em}.th-universe .th-nav-links a{text-decoration:none;color:#dae1df}.th-universe .th-nav-links a:hover{color:var(--accent)}.th-universe .th-motion{font-size:11px;min-height:40px;padding:8px 12px;white-space:nowrap}.th-universe .th-hero{min-height:min(1000px,100svh);position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;padding:160px 0 75px}.th-universe .th-hero-bg{position:absolute;inset:-5%;z-index:-4;will-change:transform}.th-universe .th-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.th-universe .th-hero.th-portrait .th-hero-bg{inset:0 0 0 40%}.th-universe .th-hero.th-portrait .th-hero-bg img{object-position:center 24%}.th-universe .th-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071019e8 0%,#0710199c 38%,#07101910 78%),linear-gradient(0deg,#080d12 0%,#080d1210 70%)}.th-universe .th-hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.15;pointer-events:none;background-image:linear-gradient(#ffffff17 1px,transparent 1px);background-size:100% 4px}.th-universe .th-hero-content{position:relative;width:100%}.th-universe .th-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#d1dcdf;margin-bottom:48px}.th-universe .th-breadcrumb a{text-decoration:none}.th-universe .th-hero-tagline{max-width:570px;font-size:clamp(18px,2.2vw,28px);line-height:1.5;color:#dce5e5}.th-universe .th-hero-meta{display:flex;justify-content:space-between;gap:25px;margin-top:52px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b5c7cc}.th-universe .th-status{display:inline-block;border:1px solid #c29d6d65;background:#191a18b8;color:#e2bb8e;padding:5px 10px;letter-spacing:.06em;font-size:10px;text-transform:uppercase}.th-universe .th-orbit-mark{position:absolute;width:42vw;height:42vw;right:-14vw;top:20%;border:1px solid #ffffff20;border-radius:50%;z-index:-1}.th-universe .th-orbit-mark:before,.th-universe .th-orbit-mark:after{content:'';position:absolute;inset:9%;border:1px dashed #ffffff25;border-radius:50%}.th-universe .th-orbit-mark:after{inset:22%;border-style:solid}.th-universe .th-scroll-cue{display:inline-flex;gap:15px;align-items:center}.th-universe .th-scroll-cue:before{content:'';height:30px;width:1px;background:var(--accent)}
/* ===== Section: Reading architecture ===== */
.th-universe .th-chapters{position:sticky;top:0;z-index:15;border-bottom:1px solid var(--line);background:#080d12f2;backdrop-filter:blur(16px)}.th-universe .th-chapters>div{display:flex;overflow-x:auto;gap:30px;padding:18px 0;scrollbar-width:thin}.th-universe .th-chapters a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.th-universe .th-chapters a[aria-current=true]{color:var(--accent)}.th-universe .th-section{padding:100px 0;scroll-margin-top:70px}.th-universe .th-section+.th-section{border-top:1px solid var(--line)}.th-universe .th-section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:42px}.th-universe .th-section-head h2{margin-bottom:0}.th-universe .th-section-head p{max-width:440px;font-size:14px;color:var(--muted);margin:0}.th-universe .th-split{display:grid;grid-template-columns:1fr 1.7fr;gap:90px}.th-universe .th-answer{border-left:2px solid var(--accent);padding:2px 0 2px 30px}.th-universe .th-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.th-universe .th-facts div{border-top:1px solid var(--line);padding-top:18px;min-width:0}.th-universe .th-facts dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.th-universe .th-facts dd{margin:0;font:600 17px/1.5 THDisplay;overflow-wrap:anywhere}.th-universe .th-wide-photo{position:relative;overflow:hidden;aspect-ratio:21/9;margin:50px 0 0}.th-universe .th-wide-photo img{width:100%;height:100%;object-fit:cover}.th-universe .th-wide-photo figcaption{position:absolute;bottom:0;padding:30px;color:white;background:linear-gradient(transparent,#080d12d9);width:100%;font-size:12px}.th-universe .th-boundary{border:1px solid #d3a57750;padding:32px;background:linear-gradient(120deg,#34271c52,transparent)}.th-universe .th-boundary p:last-child{margin-bottom:0}.th-universe .th-number{font-family:THDisplay;font-size:70px;line-height:1;color:#ffffff16;display:block;margin-bottom:25px}
/* ===== Section: Galleries and cards ===== */
.th-universe .th-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.th-universe .th-gallery figure{margin:0;min-width:0}.th-universe .th-photo-button{padding:0;border:0;width:100%;display:block;background:#14202a;overflow:hidden;position:relative;color:white}.th-universe .th-photo-button img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.th-universe .th-context-gallery .th-photo-button img{aspect-ratio:16/10}.th-universe .th-photo-button:hover img{transform:scale(1.035)}.th-universe .th-photo-button:after{content:'VIEW +';position:absolute;bottom:15px;right:15px;font-size:10px;letter-spacing:.12em;background:#07121bc2;padding:6px 10px}.th-universe figcaption{font-size:12px;color:var(--muted);line-height:1.6;padding:14px 0}.th-universe figcaption strong{color:var(--ink);font-weight:400;display:block;margin-bottom:4px}.th-universe .th-gallery-more{margin-top:36px}.th-universe .th-gallery-more summary{padding:18px;border:1px solid var(--line);cursor:pointer;font-size:13px;margin-bottom:25px}.th-universe .th-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.th-universe .th-card{border:1px solid var(--line);background:#0d151d;min-width:0;overflow:hidden;transition:border-color .2s,transform .25s;transform-style:preserve-3d}.th-universe .th-card>a{display:block;text-decoration:none;height:100%}.th-universe .th-card-image{aspect-ratio:16/11;overflow:hidden;position:relative}.th-universe .th-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.th-universe .th-card:hover{border-color:#7bc7c18a}.th-universe .th-card:hover img{transform:scale(1.035)}.th-universe .th-card-body{padding:24px}.th-universe .th-card-body h3{margin-bottom:12px}.th-universe .th-card-body p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.th-universe .th-card .th-kicker{font-size:9px;margin-bottom:12px}.th-universe .th-card-arrow{position:absolute;bottom:14px;right:14px;border:1px solid #ffffff65;width:34px;height:34px;display:grid;place-items:center;background:#07131ba8}.th-universe [hidden]{display:none!important}
/* ===== Section: Motion studies and interaction ===== */
.th-universe .th-video-frame{position:relative;background:#030609;border:1px solid var(--line);overflow:hidden}.th-universe video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.th-universe .th-film-label{font-size:10px;letter-spacing:.15em;color:var(--copper);text-transform:uppercase;margin-bottom:18px}.th-universe .th-viewer{background:radial-gradient(ellipse at center,#183240,#0b151f 60%,#060b10);border:1px solid var(--line);position:relative;min-height:460px;overflow:hidden}.th-universe .th-viewer canvas{display:block;width:100%;height:460px;touch-action:pan-y}.th-universe .th-viewer-status{position:absolute;top:18px;left:20px;font:11px/1.5 THText;color:#a9c9d2;z-index:2;pointer-events:none;max-width:85%}.th-universe .th-viewer-controls{display:flex;flex-wrap:wrap;gap:10px;padding:15px;border-top:1px solid var(--line)}.th-universe .th-viewer-controls button{background:#101f2d;color:var(--ink);border:1px solid var(--line);font-size:12px;padding:8px 14px;min-height:42px}.th-universe .th-viewer-controls button:hover{border-color:var(--accent)}.th-universe .th-viewer-fallback{position:absolute;inset:0 0 75px;display:grid;place-items:center;background:#0a1621}.th-universe .th-viewer-fallback img{width:100%;height:100%;object-fit:cover;opacity:.4}.th-universe .th-viewer-fallback span{position:absolute;max-width:300px;text-align:center;font-size:14px}.th-universe .th-viewer.is-ready .th-viewer-fallback{display:none}.th-universe .th-touch-ring{position:fixed;width:50px;height:50px;border:1px solid #b7f5ef9c;border-radius:50%;pointer-events:none;z-index:70;transform:translate(-50%,-50%);animation:th-touch .7s ease-out forwards}@keyframes th-touch{to{width:170px;height:170px;opacity:0}}.th-universe .th-sound{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.th-universe .th-sound audio{width:min(340px,100%);height:40px}.th-universe .th-sound p{font-size:12px;margin:0;max-width:500px;color:var(--muted)}
/* ===== Section: Search, answers, source notes ===== */
.th-universe .th-search-form{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap}.th-universe .th-search-form input{flex:1;min-width:200px;padding:17px 20px;border:1px solid #ffffff45;background:#101d26;color:white;border-radius:0}.th-universe .th-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.th-universe .th-filter{padding:8px 14px;border:1px solid var(--line);font-size:11px;text-decoration:none;background:#0b151e}.th-universe .th-filter[aria-current=true]{border-color:var(--accent);color:var(--accent)}.th-universe .th-result-count{font-size:12px;color:var(--muted);margin:20px 0}.th-universe .th-faq details{border-top:1px solid var(--line);padding:24px 0}.th-universe .th-faq details:last-child{border-bottom:1px solid var(--line)}.th-universe .th-faq summary{cursor:pointer;font:600 19px/1.5 THDisplay;padding-right:35px}.th-universe .th-faq p{max-width:880px;margin:20px 0 0;color:#bdcccf}.th-universe .th-source{font-size:13px;color:var(--muted);max-width:900px}.th-universe .th-source code{font-size:11px;overflow-wrap:anywhere}.th-universe .th-footer{padding:55px 0;border-top:1px solid var(--line);background:#05090d}.th-universe .th-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.th-universe .th-footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.th-universe .th-footer p{margin:0;font-size:11px;color:var(--muted);max-width:530px}.th-universe .th-empty{border:1px solid var(--line);padding:35px;grid-column:1/-1}
/* ===== Section: Accessible image dialog ===== */
.th-universe .th-lightbox{width:min(1400px,95vw);max-height:94svh;padding:0;background:#060b10;color:var(--ink);border:1px solid var(--line);overflow:auto}.th-universe .th-lightbox::backdrop{background:#030609ed;backdrop-filter:blur(12px)}.th-universe .th-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;position:sticky;top:0;background:#060b10;z-index:2}.th-universe .th-lightbox-top button{background:none;border:1px solid var(--line);color:white;min-height:44px;padding:8px 18px}.th-universe .th-lightbox img{max-height:72svh;max-width:100%;width:auto;margin:auto;object-fit:contain}.th-universe .th-lightbox-caption{padding:20px 24px;font-size:13px}.th-universe .th-lightbox-nav{display:flex;gap:10px}
/* ===== Section: Home-page portal (scoped, preserves V14) ===== */
.th-home-portal{background:#0b1620;color:#edf0e9;padding:90px max(6vw,24px);font-family:system-ui,sans-serif}.th-home-portal h2{font-size:clamp(32px,5vw,68px);line-height:1.1;margin:12px 0 25px;max-width:900px}.th-home-portal p{max-width:700px;line-height:1.8;color:#c2d4d8}.th-home-portal nav{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.th-home-portal a{color:#cdf5f1;padding:14px 20px;border:1px solid #699b9e;text-decoration:none;font-size:14px}.th-home-portal .th-home-kicker{font-size:11px;letter-spacing:.2em;color:#e1b18d}
/* ===== Section: Responsive and reduced motion ===== */
@media(min-width:1000px){.th-universe .th-gallery figure:nth-child(7n+1){grid-column:span 2}.th-universe .th-gallery figure:nth-child(7n+1) .th-photo-button img{aspect-ratio:8/5}.th-universe .th-context-gallery figure:nth-child(7n+1) .th-photo-button img{aspect-ratio:32/10}}
@media(max-width:1000px){.th-universe .th-wrap{width:calc(100% - 48px)}.th-universe .th-nav-links{gap:16px}.th-universe .th-nav-links a:nth-child(n+4){display:none}.th-universe .th-split{grid-template-columns:1fr;gap:25px}.th-universe .th-section{padding:70px 0}.th-universe .th-grid{grid-template-columns:repeat(2,1fr)}.th-universe .th-facts{grid-template-columns:repeat(2,1fr)}.th-universe .th-section-head{display:block}.th-universe .th-section-head p{margin-top:20px;max-width:680px}.th-universe .th-gallery{gap:15px}.th-universe .th-hero.th-portrait .th-hero-bg{inset:0 0 0 25%}}
@media(max-width:600px){.th-universe .th-wrap{width:calc(100% - 36px)}.th-universe .th-nav{min-height:76px;gap:15px}.th-universe .th-brand{font-size:20px}.th-universe .th-nav-links{gap:12px}.th-universe .th-nav-links a{display:none}.th-universe .th-nav-links a:first-child{display:block;font-size:10px}.th-universe .th-motion{font-size:9px;padding:6px 8px}.th-universe .th-hero{min-height:780px;min-height:100svh;padding:130px 0 40px}.th-universe .th-hero.th-portrait .th-hero-bg{inset:0}.th-universe .th-hero.th-portrait .th-hero-bg img{object-position:58% 20%}.th-universe .th-hero:before{background:linear-gradient(0deg,#080d12 2%,#080d12d9 24%,#080d1245 78%,#080d1280)}.th-universe .th-breadcrumb{margin-bottom:35px;font-size:10px}.th-universe h1{font-size:clamp(3rem,13vw,4.3rem)}.th-universe .th-hero-tagline{max-width:360px;font-size:19px}.th-universe .th-hero-meta{margin-top:30px;font-size:8px;gap:12px;flex-wrap:wrap}.th-universe .th-chapters>div{gap:23px;padding:15px 0}.th-universe .th-section{padding:55px 0}.th-universe .th-gallery{grid-template-columns:repeat(2,1fr);gap:16px 10px}.th-universe .th-context-gallery{grid-template-columns:1fr}.th-universe .th-grid{grid-template-columns:1fr;gap:20px}.th-universe .th-card-image{aspect-ratio:16/10}.th-universe .th-answer{padding-left:20px}.th-universe .th-prose{font-size:16px}.th-universe .th-facts{gap:24px 16px;margin-top:35px}.th-universe .th-facts dd{font-size:14px}.th-universe .th-wide-photo{aspect-ratio:4/3}.th-universe .th-wide-photo figcaption{padding:20px}.th-universe .th-viewer{min-height:350px}.th-universe .th-viewer canvas{height:350px}.th-universe .th-footer-inner{display:block}.th-universe .th-footer-links{margin:25px 0}.th-universe .th-section-head{margin-bottom:28px}.th-universe .th-lightbox-top{padding:10px;font-size:11px}.th-universe .th-lightbox-top button{padding:8px 11px}.th-universe .th-boundary{padding:24px}.th-universe .th-btn{padding:11px 17px}}
@media(prefers-reduced-motion:reduce){.th-universe *,.th-universe *:before,.th-universe *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.th-universe .th-hero-bg{transform:none!important}.th-universe .th-card{transform:none!important}}
.th-universe[data-motion=off] *,.th-universe[data-motion=off] *:before,.th-universe[data-motion=off] *:after{animation:none!important;transition:none!important}.th-universe[data-motion=off] .th-hero-bg,.th-universe[data-motion=off] .th-card{transform:none!important}
/* End: The Human universe design system. */