@font-face{font-family:ParallaxDisplay;src:url('/assets/fonts/display.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:ParallaxSans;src:url('/assets/fonts/body.ttf') format('truetype');font-weight:400;font-display:swap}:root{--paper:#eeeae1;--ink:#070b11;--muted:#a6aeb8;--copper:#d8a775;--display:ParallaxDisplay,Georgia,serif;--sans:ParallaxSans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:14px/1.6 var(--sans)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--copper);outline-offset:6px}::selection{background:#d8a775;color:#070b11}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:12px;z-index:50}.skip:focus{top:20px}header{position:absolute;left:3.5%;right:3.5%;top:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:20}.brand{font:400 22px/1 var(--display);letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.brand-mark{display:block;width:17px;height:23px;border:1px solid var(--paper);border-radius:50%;transform:rotate(24deg);position:relative}.brand-mark:after{content:'';position:absolute;inset:-3px 4px;border:1px solid var(--copper);border-radius:50%;transform:rotate(-45deg)}header nav{display:flex;gap:3px;align-items:center;border-radius:40px;background:var(--paper);padding:4px;color:var(--ink)}header nav a,header nav button{background:none;border:0;border-radius:30px;padding:8px 15px;font-size:11px;white-space:nowrap}header nav .active{background:#d8d4cb}header nav button{background:#15191d;color:var(--paper)}#motion{border:1px solid #d6dce450;border-radius:30px;background:#06132230;padding:10px 15px;font-size:10px;letter-spacing:.5px;backdrop-filter:blur(10px)}.journey{height:490svh;position:relative}.scene{height:100svh;min-height:650px;position:sticky;top:0;overflow:clip;isolation:isolate;background:#030609}.backdrop,#space,#orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.backdrop{background:url('/assets/blackhole.webp') center/cover no-repeat;z-index:-3;opacity:calc(1 - var(--end,0))}#space{z-index:-2}#orbits{z-index:-1;opacity:calc(1 - var(--end,0))}.opening{position:absolute;inset:0;opacity:var(--opening,1);transform:scale(calc(1 + var(--progress,0)*.7));pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7}.opening>.eyebrow{position:absolute;top:16%;width:100%;text-align:center}.opening h1{position:absolute;top:34%;left:3.5%;right:3.5%;display:grid;grid-template-columns:1fr .2fr 1fr;align-items:center;gap:30px;font:400 clamp(51px,7vw,116px)/.96 var(--display);letter-spacing:-4px;text-shadow:0 3px 32px #000b}.opening h1>span{display:block;transform:scaleX(.77);transform-origin:left center;width:130%}.opening h1>span:last-child{text-align:right;transform-origin:right center;width:130%;margin-left:-30%}.opening h1 .bridge{font-size:46px;letter-spacing:-1px;text-align:center;transform:none;width:100%}.opening-note{position:absolute;bottom:23%;width:100%;padding:0 15px;text-align:center;font-size:12px;line-height:1.5;text-shadow:0 2px 10px #000}.passage{position:absolute;left:0;right:0;top:43%;text-align:center;opacity:var(--passage,0);transform:translateY(calc((1 - var(--passage,0))*25px));pointer-events:none}.passage>span{display:block;font-size:11px;letter-spacing:3px;color:var(--copper)}.passage em{font:italic 400 clamp(40px,6vw,88px)/1.2 var(--display);display:block;margin-top:13px}.word-field{position:absolute;inset:0;opacity:var(--field,0);pointer-events:none;transform:scale(calc(1.12 - var(--end,0)*.12))}.word-field button,.word-field>span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--r));white-space:nowrap;background:none;border:0;font:400 clamp(14px,1.9vw,29px)/1 var(--display);text-transform:uppercase;letter-spacing:-.7px;color:#d5d8d9a6;padding:12px 5px;pointer-events:auto;transition:color .3s}.word-field>span{font-size:10px;letter-spacing:.7px;color:#a4b3c357;pointer-events:none}.word-field button:hover{color:var(--copper)}.word-field[aria-hidden=true] button{pointer-events:none}.perspective{position:absolute;left:25%;right:25%;top:18%;text-align:center;opacity:var(--statement,0);transform:translateY(calc((1 - var(--statement,0))*45px));pointer-events:none}.perspective>.eyebrow{color:var(--copper);font-size:9px;letter-spacing:1.9px;margin-bottom:21px}.perspective h2{font:400 clamp(46px,7.5vw,115px)/.84 var(--display);letter-spacing:-4px;transform:scaleX(.8);width:125%;margin-left:-12.5%;padding-bottom:12px}.perspective h2 em{color:var(--copper);font-style:normal}.begin-link{background:none;border:0;border-bottom:1px solid #a6aeb855;color:#dce0e2;font-size:11px;padding:10px 0;margin-top:24px;display:inline-flex;gap:24px;pointer-events:auto}.perspective[aria-hidden=true] .begin-link{pointer-events:none}.journey-controls{position:absolute;left:3.5%;right:3.5%;bottom:5.5%;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.journey-controls button{text-align:left;background:none;border:0;border-top:1px solid #d9e4ea54;color:#d8dee2;padding:15px 0 0;display:flex;flex-direction:column;gap:7px;position:relative}.journey-controls button:before{content:'';position:absolute;height:2px;left:0;top:-1px;width:0;background:var(--copper);transition:width .6s}.journey-controls button[aria-pressed=true]:before{width:100%}.journey-controls span{font-size:10px}.journey-controls i{font-size:16px;font-style:normal;line-height:1.1}.scene-index{position:absolute;left:3.5%;right:3.5%;bottom:18%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#d7dfe8a8}.scene-index>span:first-child{color:var(--copper)}.closing{background:#0b1017;padding:85px 4% 30px;border-top:1px solid #dce4e31c}.closing-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10%;align-items:start}.closing-top>p:first-child{font:400 30px/1.3 var(--display);letter-spacing:-.5px}.closing-top>p:nth-child(2){font-size:13px;line-height:1.8;color:#a5afb9}.closing-top>button{background:none;border:0;border-bottom:1px solid #84939f;color:var(--paper);font-size:12px;padding:10px 0;display:flex;justify-content:space-between;gap:25px}.closing-brand{display:block;font:400 19.3vw/1.05 var(--display);letter-spacing:-1.2vw;margin:65px 0 28px;position:relative}.closing-brand span{font:15px var(--sans);letter-spacing:0;position:absolute;top:20%;right:0}.closing footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#8c99a6;border-top:1px solid #33404b;padding-top:26px}dialog{padding:45px;border:1px solid #75838f4d;background:#101820;color:var(--paper);max-width:620px;width:calc(100% - 30px);max-height:90svh;overflow:auto}dialog::backdrop{background:#030609db;backdrop-filter:blur(16px)}dialog .close{position:absolute;top:15px;right:18px;border:0;background:none;font-size:28px;color:#bfc7cf}dialog>.eyebrow{color:var(--copper)}dialog h2{font:400 50px/1.04 var(--display);letter-spacing:-1.7px;margin:24px 0}dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#aebcc7}dialog form{display:grid;gap:20px;margin-top:28px}dialog label{font-size:12px;color:#c3ced6}dialog input,dialog textarea,dialog select{display:block;width:100%;background:#131e29;border:1px solid #50606e;padding:12px;color:var(--paper);margin-top:8px;font-size:16px;border-radius:0}dialog textarea{resize:vertical}dialog form button,.dialog-cta{background:var(--paper);color:#0c1721;border:0;padding:15px;font-size:13px;margin-top:6px}.dialog-cta{margin-top:24px}#brief-status{font-size:12px;color:var(--copper)}
@media(max-width:800px){header{left:5%;right:5%;top:22px;flex-wrap:wrap;gap:18px}.brand{font-size:21px}header nav{position:absolute;top:53px;left:50%;transform:translateX(-50%);padding:3px}header nav a,header nav button{font-size:10px;padding:7px 12px}#motion{font-size:9px;padding:9px 11px}.scene{min-height:650px}.opening>.eyebrow{top:21%;font-size:8px;letter-spacing:1.5px}.opening h1{top:33%;left:5%;right:5%;gap:10px;grid-template-columns:1fr .12fr 1fr;font-size:clamp(34px,6.6vw,57px);letter-spacing:-1.5px}.opening h1>span{transform:scaleX(.8);width:125%}.opening h1>span:last-child{width:125%;margin-left:-25%}.opening h1 .bridge{font-size:22px}.opening-note{bottom:27%;font-size:11px;padding:0 38px}.journey-controls{left:5%;right:5%;bottom:5%;}.scene-index{left:5%;right:5%;bottom:18%;font-size:8px}.journey-controls span{font-size:9px}.journey-controls i{font-size:13px}.perspective{left:9%;right:9%;top:29%}.perspective h2{font-size:60px;line-height:.91;letter-spacing:-2.5px}.perspective>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.begin-link{font-size:11px;margin-top:20px}.word-field button{font-size:16px}.word-field>span{font-size:7px}.word-field button:nth-child(1){--x:29%!important;--y:22%!important}.word-field button:nth-child(3){--x:74%!important;--y:13%!important}.word-field button:nth-child(5){--x:25%!important;--y:80%!important}.word-field button:nth-child(7){--x:78%!important;--y:76%!important}.word-field>span:nth-child(2),.word-field>span:nth-child(4),.word-field>span:nth-child(6){display:none}.closing{padding:55px 6% 25px}.closing-top{grid-template-columns:1fr;gap:28px}.closing-top>p:first-child{font-size:31px}.closing-top>p:nth-child(2){max-width:360px}.closing-top>button{max-width:300px}.closing-brand{font-size:18.8vw;margin:55px 0 32px}.closing-brand span{font-size:9px;right:-3%}.closing footer{font-size:8px;gap:20px;flex-wrap:wrap}.closing footer>span:nth-child(2){display:none}dialog{padding:37px 23px 25px}dialog h2{font-size:42px}}
@media(max-width:370px){.opening h1{font-size:31px;gap:9px;letter-spacing:-1.5px}.opening h1 .bridge{font-size:18px}.perspective h2{font-size:50px}.word-field button{font-size:14px}.brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening,.passage,.perspective,.word-field{transform:none}}
/* Cinematic type: shorter copy, natural proportions, clear space around the disk. */
.backdrop{background-image:url('/assets/blackhole.webp')}#orbits{display:none}.opening>.eyebrow{top:17%;font-size:9px;letter-spacing:2.5px;color:#c5c5c3}.opening h1{display:block;top:22%;left:10%;right:10%;font:400 clamp(47px,5.5vw,82px)/1.04 var(--display);letter-spacing:-2.4px;text-align:center;text-shadow:none}.opening-note{bottom:20%;font-size:11px;letter-spacing:.3px;color:#c7c6c3}.opening{transform:none}.perspective{left:15%;right:15%;top:29%}.perspective h2{font-size:clamp(55px,7.5vw,110px);line-height:1.03;letter-spacing:-3px;transform:none;width:100%;margin:0;padding-bottom:10px}.perspective h2 em{font-style:normal;color:#d1b693}.perspective>.eyebrow{margin-bottom:24px;color:#a9adb1}.passage{top:18%}.passage>span{font-size:9px;letter-spacing:2px;color:#c8baaa}.passage em{font-family:var(--sans);font-size:17px;font-style:normal;margin-top:14px;color:#e3ddd5}.word-field button{font-family:var(--sans);font-size:11px;letter-spacing:.4px;text-transform:none;color:#89939e}.word-field>span{opacity:.4}header nav{background:#e8e5de}header nav a,header nav button{font-size:10px}.brand{font-family:var(--sans);font-size:15px;letter-spacing:2.5px}.closing-brand{font-family:var(--sans);font-weight:400;font-size:16vw;letter-spacing:-.8vw}.scene[data-render-mode=fallback] .backdrop{transform:scale(calc(1 + var(--progress,0)*12));transform-origin:50.8% 54%}
@media(max-width:800px){.opening>.eyebrow{top:22%;font-size:8px}.opening h1{top:27%;font-size:52px;letter-spacing:-1.8px;left:6%;right:6%;line-height:1.06}.opening-note{bottom:22%;font-size:10px;padding:0 30px}.perspective{left:8%;right:8%;top:34%}.perspective h2{font-size:50px;letter-spacing:-2px;line-height:1.1}.perspective>.eyebrow{font-size:8px}.passage{top:20%}.passage em{font-size:14px}.word-field button{font-size:10px}.closing-brand{font-size:16.5vw;letter-spacing:-.8vw}.brand{font-size:13px;letter-spacing:1.8px}}
@media(max-width:370px){.opening h1{font-size:44px}.perspective h2{font-size:43px}.opening-note{font-size:9px}.brand{font-size:12px}}