@font-face{font-family:system;src:local("Arial")} :root{color-scheme:dark;--bg:#080810;--fg:#f8f3ed;--accent:#c6ff4d;--pink:#f783e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 system-ui,sans-serif;overflow-x:hidden}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:10px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px clamp(18px,5vw,90px);border-bottom:1px solid #444;position:relative;z-index:2}.logo{font-size:24px;font-weight:950;text-decoration:none;letter-spacing:-2px}.logo small{font-size:10px;letter-spacing:2px}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:1px}nav a:hover,.worlds a:hover{color:var(--accent)}.hero,.experiment,.editorial,.related,.final{padding:clamp(65px,9vw,140px) clamp(20px,9vw,160px);position:relative}.hero{min-height:85vh;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:var(--accent);text-transform:uppercase;margin-bottom:24px}h1,h2,h3{font-weight:950;line-height:.96;letter-spacing:-.075em;margin:0 0 36px}h1{font-size:clamp(56px,11vw,190px);position:relative;z-index:1}h2{font-size:clamp(44px,7vw,110px);max-width:1100px}h1 em,h2 i,.final em{font-style:normal;color:var(--pink)}.period{color:var(--accent)}.lead{font-size:clamp(19px,2.1vw,29px);max-width:720px;position:relative;z-index:1}.orb{position:absolute;width:clamp(250px,44vw,700px);aspect-ratio:1;right:-12%;top:4%;border-radius:50%;background:repeating-radial-gradient(circle at 43% 45%,transparent 0 14px,#a75aff 15px 17px,transparent 18px 31px),radial-gradient(circle,#fd74c777,transparent 68%);filter:drop-shadow(0 0 80px #9e35a766);animation:float 12s ease-in-out infinite;opacity:.8}.orb-inner{position:absolute;inset:25%;border:3px solid var(--accent);border-radius:48% 52% 32% 68%;transform:rotate(25deg)}.button{display:inline-block;padding:15px 21px;border:1px solid var(--accent);background:var(--accent);color:#080810;font:800 13px system-ui;text-decoration:none;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin:8px 10px 8px 0;transition:transform .2s,background .2s}.button:hover{transform:translateY(-4px);background:white}.secondary{background:transparent;color:var(--fg)}.disclaimer,.note{color:#b4afbc;font-size:13px}.experiment{background:#15121e;border-top:1px solid #453e54;border-bottom:1px solid #453e54}.experiment>p{max-width:720px}.controls{display:grid;gap:24px}.controls label{display:grid;gap:9px;font-weight:750}.controls output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}select{background:#242032;color:white;border:1px solid #aaa;padding:14px;font:inherit}.controls small{font-weight:400;color:#d1cbd8}form{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:55px}.readout{background:#09090e;border:1px solid #575062;padding:35px;min-height:470px}.readout h3{font-size:clamp(27px,3vw,45px);letter-spacing:-.05em}.face{height:175px;width:155px;margin:0 auto 35px;border:5px solid var(--pink);border-radius:43% 43% 47% 47%;display:flex;align-items:center;justify-content:space-evenly;position:relative;transform:rotate(-4deg);transition:transform .5s,border-radius .5s}.face-eye{height:25px;width:15px;background:var(--accent);border-radius:50%}.face-mouth{position:absolute;bottom:30px;left:37%;width:26%;height:6px;background:var(--pink)}.editorial{max-width:1100px;margin:auto;border-bottom:1px solid #3c3543}.editorial h2{font-size:clamp(42px,5.4vw,82px)}.editorial p{font-size:clamp(17px,1.5vw,21px);color:#ded7e1;max-width:800px}.editorial p:first-of-type:first-letter{font-size:1.6em;color:var(--accent)}.refs li{padding:14px 0;border-bottom:1px solid #444}.refs span{display:block;font-size:13px;color:#aaa}.related{background:#191024}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.worlds a{padding:35px;border:1px solid #665672;text-decoration:none;font-size:25px;font-weight:900}.worlds span{display:block;font-size:15px;font-weight:400;line-height:1.6;margin-top:16px;color:#ddd}.final{background:radial-gradient(circle at 80% 20%,#482054,transparent 60%),#0d0a16}.final p{font-size:14px}footer{padding:30px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}#transition{position:fixed;inset:0;background:#000;color:white;display:grid;place-items:center;z-index:999;pointer-events:none;animation:vanish .4s 2.6s forwards}#transition span{font-size:clamp(36px,9vw,125px);font-weight:950;letter-spacing:-.09em;text-align:center;line-height:1}#transition.quick{animation:vanish .2s .8s forwards}#transition.exit{animation:none;opacity:1;pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes vanish{to{opacity:0;visibility:hidden}}@keyframes float{50%{transform:translate(-4%,5%) rotate(30deg)}}@media(max-width:760px){nav{gap:10px}nav a{font-size:11px}form,.worlds{grid-template-columns:1fr}.hero{min-height:690px}.orb{top:18%;right:-45%;opacity:.45}.readout{min-height:auto}header{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#transition{display:none!important}}