:root{color-scheme:dark;font-family:"Arial Narrow",Arial,sans-serif;color:#f1f6f2;background:#031019;--cyan:#7bf8ff;--orange:#ff7a1a;--ink:#031019}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);overflow-x:hidden}button,a{font:inherit}header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid #7bf8ff33;position:absolute;inset:0 0 auto;z-index:5}.mark{font-size:25px;font-weight:900;color:white;text-decoration:none;letter-spacing:-.05em}.mark span{margin-left:10px;color:var(--cyan);font:11px monospace;letter-spacing:.15em}nav{display:flex;gap:28px}nav a{color:#b8cbce;text-decoration:none;font:700 11px monospace;text-transform:uppercase;letter-spacing:.13em}button,.clock{border:1px solid var(--cyan);background:#07171fbb;color:var(--cyan);padding:12px 17px;text-transform:uppercase;font:800 11px monospace;letter-spacing:.1em;cursor:pointer}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02101bed 0,#02101b99 42%,transparent 72%),linear-gradient(0deg,#031019aa,transparent 35%)}.scan{position:absolute;inset:0;z-index:1;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#7bf8ff 4px)}.hero-copy{position:relative;z-index:2;width:min(920px,88vw);margin-left:6vw;padding-top:65px}.timestamp,.label{font:700 11px monospace;letter-spacing:.16em;color:var(--cyan)}h1{font-size:clamp(4.4rem,10.6vw,11rem);line-height:.74;letter-spacing:-.085em;margin:30px 0 40px;text-transform:uppercase}h1 i{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--orange)}.hero-copy>p:not(.timestamp){max-width:480px;color:#c1d3d3;font-size:18px;line-height:1.5}.clock{display:inline-flex;gap:50px;margin-top:22px;text-decoration:none;background:var(--cyan);color:#031019}.hero aside{position:absolute;right:3vw;bottom:5vh;z-index:2;display:grid;grid-template-columns:auto auto;gap:8px 20px;padding:15px;border:1px solid #7bf8ff55;background:#031019bb;font:10px monospace}.hero aside span{color:#78959a}.hero aside strong{color:var(--cyan)}.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding:12vh 6vw;border-top:1px solid #173746}.manifesto>p,.rituals b{color:var(--orange);font:700 11px monospace}.manifesto h2{grid-column:2;font-size:clamp(2.6rem,6vw,6.5rem);line-height:.9;letter-spacing:-.06em;margin:0;max-width:1100px}.manifesto div{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:800px;color:#98afb3;line-height:1.7}.rituals{display:grid;grid-template-columns:repeat(3,1fr);padding:0 6vw 12vh}.rituals article{padding:35px;border:1px solid #173746;min-height:330px}.rituals article:nth-child(2){transform:translateY(24px);background:#071923}.rituals h3{font-size:36px;margin:70px 0 15px}.rituals p{color:#8fa6aa;line-height:1.6}.terminal{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding:12vh 6vw;background:var(--cyan);color:#031019}.terminal .label{color:#15424a}.terminal h2{font-size:clamp(3rem,6vw,6rem);line-height:.85;letter-spacing:-.06em;margin:30px 0}.terminal>div>p{max-width:560px;line-height:1.6}.console{align-self:center;background:#031019;color:white;border:8px solid #d9ffff;padding:25px;box-shadow:18px 18px 0 #ff7a1a}.console>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed #35505a;padding:15px 0;font:12px monospace}.console span{color:#729198}.console strong{color:var(--cyan);overflow-wrap:anywhere}.console button{width:100%;margin-top:22px}.console p{color:#ffc196;font:12px monospace}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 3vw;color:#66858b;font:10px monospace;text-transform:uppercase} @media(max-width:760px){nav{display:none}.hero-copy{margin-left:5vw}.manifesto,.terminal{grid-template-columns:1fr}.manifesto h2,.manifesto div{grid-column:1}.manifesto div{grid-template-columns:1fr}.rituals{grid-template-columns:1fr}.rituals article:nth-child(2){transform:none}.hero aside{display:none}footer{display:grid}}
