:root{color-scheme:dark;--background:#050505;--text:#d3d0c7;--yellow:#f4d56b;--quiet:#aaa79e}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:55px}
body{margin:0;background:var(--background);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--yellow);outline-offset:8px}
::selection{color:#050505;background:var(--yellow)}
.stars{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 14% 13%,#d7d3b7a0 0 .65px,transparent 1.2px),radial-gradient(circle at 76% 36%,#eee9d37a 0 .6px,transparent 1.1px),radial-gradient(circle at 53% 84%,#dedbd65a 0 .5px,transparent 1px),radial-gradient(circle at 89% 71%,#c5d4e484 0 .7px,transparent 1.2px),radial-gradient(circle at 31% 49%,#c3bbb956 0 .55px,transparent 1px);background-size:347px 331px,529px 467px,263px 397px,719px 607px,431px 563px;mask-image:linear-gradient(to right,#000, #0006 30%,#0002 50%,#0006 70%,#000)}
header{height:112px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.wordmark{font-size:19px;font-weight:600;letter-spacing:-.7px;color:#ebe7dc}
.backing{display:flex;align-items:center;gap:16px}
.backing>span{font-size:11px;color:var(--quiet);white-space:nowrap}
.backing img{width:142px;height:32px;object-fit:contain;filter:grayscale(1) brightness(0) invert(.86)}
.opening{min-height:calc(100svh - 112px);max-height:1060px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 24px 65px}
h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(76px,9.5vw,154px);font-weight:650;line-height:.91;letter-spacing:-.026em;text-transform:uppercase;color:var(--yellow);margin:0;text-wrap:balance}
.opening>p{font-size:clamp(15px,1.4vw,21px);line-height:1.6;margin:36px 0 0;color:#d3d0c7;letter-spacing:-.3px}
.read{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--quiet);font-size:11px;margin-top:52px}
.read span{font-size:20px;color:#d8c78b}
.read:hover{color:var(--yellow)}
.manifesto{width:min(100% - 48px,650px);margin:0 auto;padding:100px 0 70px}
.manifesto p{font-size:19px;line-height:1.85;letter-spacing:-.22px;margin:0 0 28px}
.manifesto h2{font-size:30px;line-height:1.3;letter-spacing:-1px;font-weight:500;color:var(--yellow);margin:65px 0 30px}
.manifesto .last-paragraph{margin-top:55px;margin-bottom:0}
.manifesto .final-line{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(100px,12vw,170px);font-weight:650;line-height:.9;letter-spacing:-.025em;text-transform:uppercase;color:var(--yellow);margin:80px 0 35px}
.manifesto .signature{font-size:16px;font-weight:500;margin:0;color:#dfdbd0}
footer{max-width:1600px;margin:70px auto 0;padding:30px 5% 38px;display:flex;justify-content:space-between;gap:24px;color:#949188;font-size:10px}
footer a:hover{color:var(--yellow)}
.skip{position:fixed;top:-70px;left:20px;background:var(--yellow);color:#000;padding:12px;z-index:10}.skip:focus{top:15px}
@media(min-width:1600px){.opening{min-height:850px}.manifesto{padding-top:120px}}
@media(max-width:700px){header{height:90px;padding:0 6%;gap:16px}.wordmark{font-size:16px}.backing{gap:7px;flex-direction:column;align-items:flex-end}.backing>span{font-size:9px}.backing img{width:113px;height:23px}.opening{min-height:calc(100svh - 90px);padding:45px 20px 42px}h1{font-size:clamp(65px,12.5vw,88px);line-height:.96}.opening>p{font-size:15px;margin-top:30px}.read{margin-top:40px}.manifesto{padding-top:70px;width:calc(100% - 48px)}.manifesto p{font-size:17px;line-height:1.8;margin-bottom:25px}.manifesto h2{font-size:27px;letter-spacing:-.7px;margin-top:48px}.wide{display:none}.manifesto .final-line{font-size:clamp(94px,19vw,132px);margin-top:60px}.manifesto .signature{font-size:14px}footer{margin-top:25px;padding:24px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reactive space stays behind the document and never intercepts reading or links. */
body{isolation:isolate}
#space{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#space canvas{display:block;width:100%;height:100%}
#space-pause{position:fixed;bottom:20px;left:22px;z-index:5;border:1px solid #ffffff20;border-radius:3px;background:#050505d9;color:#aaa79e;padding:8px 11px;font:10px 'DM Sans',Arial,sans-serif;cursor:pointer}
#space-pause:hover{color:var(--yellow);border-color:#f4d56b55}
#space-pause:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
#space-pause[hidden]{display:none}
@media(max-width:700px){#space-pause{bottom:10px;left:12px;font-size:9px;padding:7px 9px}footer{padding-bottom:65px}}

/* Keep the solid spacecraft opaque; dim the composited scene behind the words. */
#space{mask-image:linear-gradient(to right,#000 0%,#000 18%,#0002 36%,#0001 50%,#0002 64%,#000 82%,#000 100%)}