@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--black: #060907;--panel: #0c110d;--line: #253129;--muted: #829084;--white: #edf3e9;--acid: #b7ff45;--acid-dim: #6e9b30;--orange: #ff7a4a;--display: "Barlow Condensed", Impact, sans-serif;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:var(--mono);font-size:12px;line-height:1.6;overflow-x:hidden}body::selection{background:var(--acid);color:var(--black)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.machine-page{--scroll: 0;background:radial-gradient(circle at 50% 0%,#182218 0,var(--black) 38rem)}.topbar{align-items:center;display:flex;height:76px;justify-content:space-between;left:0;padding:0 5vw;position:absolute;right:0;top:0;z-index:10}.wordmark{color:var(--acid);font-size:13px;font-weight:500;letter-spacing:-.04em}.topbar__status,.system-label,.hero__edge-note,.machine-graphic__readout,.project-card__status,footer{color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.status-light,.dot{background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid);display:inline-block;height:6px;margin-right:8px;width:6px}.topbar__link{border-bottom:1px solid var(--acid-dim);color:var(--acid);padding-bottom:2px}.topbar__link span,.contact__link span{display:inline-block;margin-left:10px;transition:transform .3s ease}.topbar__link:hover span,.contact__link:hover span{transform:translate(3px,-3px)}.scene{min-height:100vh;position:relative}.hero{align-items:center;display:flex;min-height:100svh;overflow:hidden;padding:12vh 10vw}.hero:before{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;content:"";inset:0;mask-image:linear-gradient(to bottom,black,transparent 80%);opacity:.25;pointer-events:none;position:absolute}.hero__copy{max-width:580px;position:relative;z-index:2}.system-label{color:var(--acid);margin:0 0 28px}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.045em;margin:0}h1{font-size:clamp(4.5rem,11vw,10rem);line-height:.82;max-width:700px;text-transform:uppercase}h1 em,h2 em{color:var(--acid);font-style:normal}.hero__lede{color:#bdc8bc;max-width:34ch;margin:34px 0 44px}.scroll-cue,.contact__link{align-items:center;color:var(--acid);display:inline-flex;font-size:11px;text-transform:uppercase}.scroll-cue__line{background:var(--acid);display:inline-block;height:1px;margin-right:12px;width:42px}.hero__art{height:min(62vw,650px);position:absolute;right:3vw;top:50%;transform:translateY(-50%);width:min(62vw,650px)}.machine-graphic svg{height:100%;overflow:visible;width:100%}.orbit,.gear circle,.gear path,.signal-path{fill:none;stroke:var(--acid);stroke-width:1.4}.orbit{opacity:.34;stroke-dasharray:2 8}.orbit--outer{animation:orbit 32s linear infinite;transform-origin:center}.orbit--inner{stroke:var(--acid-dim);stroke-dasharray:1 5}.graphic-grid{opacity:.8}.gear{transform-box:fill-box;transform-origin:center}.gear--a{animation:spin 22s linear infinite}.gear--b{animation:spin-reverse 14s linear infinite}.gear--c{animation:spin 18s linear infinite}.gear__cut{stroke:var(--acid-dim);stroke-dasharray:4 7}.core{fill:var(--acid);stroke:var(--acid);stroke-width:5}.core__hole{fill:var(--black)}.core-text{fill:var(--black);font-family:var(--mono);font-size:12px}.signal-path{opacity:.7;stroke-dasharray:2 9}.machine-graphic__readout{bottom:12%;left:16%;line-height:1.8;position:absolute}.hero__edge-note{bottom:8vh;position:absolute;right:5vw;writing-mode:vertical-rl}.work{background:#080d09;min-height:190vh;padding:18vh 5vw 12vh}.work__intro{margin-left:10vw;position:relative;z-index:2}.work h2,.contact h2{font-size:clamp(4rem,8vw,8rem);line-height:.82;text-transform:uppercase}.work__stage{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:-8vh;position:sticky;top:0}.stage-ring{border:1px solid var(--line);border-radius:50%;height:min(62vw,680px);position:absolute;width:min(62vw,680px)}.stage-ring--one{border-color:var(--acid-dim);border-style:dashed;opacity:.35;transform:rotate(calc(var(--scroll) * 360deg))}.stage-ring--two{height:min(42vw,460px);opacity:.3;width:min(42vw,460px)}.cards{height:560px;max-width:520px;position:relative;width:min(88vw,520px);z-index:2}.project-card{background:var(--panel);border:1px solid #344436;box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;height:100%;inset:0;opacity:0;padding:20px;position:absolute;transform:translateY(28px) scale(.94);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);visibility:hidden}.project-card.is-active{opacity:1;transform:translateY(0) scale(1);visibility:visible}.project-card__top{color:var(--acid);display:flex;justify-content:space-between}.project-card__status{color:var(--orange)}.project-card__art{align-items:center;background:radial-gradient(circle,#1b3b20,#0b130d 65%);display:flex;flex:1;justify-content:center;margin:18px 0;min-height:210px;overflow:hidden;position:relative}.project-card__art:before,.project-card__art:after{border:1px solid var(--acid-dim);content:"";height:150%;left:50%;position:absolute;top:-25%;transform:rotate(45deg);width:1px}.project-card__art:after{transform:rotate(-45deg)}.art-cross{border:1px dashed var(--acid-dim);border-radius:50%;height:170px;position:absolute;width:170px}.art-cross--two{height:290px;opacity:.5;transform:rotate(23deg);width:290px}.mini-core{border:12px double var(--acid);border-radius:50%;box-shadow:0 0 28px #b7ff4566;height:72px;position:relative;width:72px;z-index:1}.mini-core:after{background:var(--acid);border-radius:50%;content:"";inset:25px;position:absolute}.project-card__body h3{font-size:40px;line-height:.95;text-transform:uppercase}.project-card__body p{color:#afbbaf;font-size:11px;max-width:44ch}.project-card__tags{display:flex;gap:8px;margin-top:14px}.project-card__tags span{border:1px solid var(--line);color:var(--muted);padding:4px 7px}.project-card__action{background:transparent;border:0;border-top:1px solid var(--line);color:var(--acid);cursor:pointer;font:inherit;margin-top:20px;padding:15px 0 0;text-align:left}.project-card__action span{float:right}.stage-progress{align-items:center;bottom:10%;display:flex;gap:12px;position:absolute;right:10%}.stage-progress__active{color:var(--acid)}.stage-progress__rule{background:var(--line);height:1px;width:56px}.work__instruction{bottom:8vh;color:var(--muted);left:5vw;position:absolute}.dot{height:5px;width:5px}.contact{align-items:center;background:#0c160e;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:15vh 10vw}.contact__copy{max-width:720px;position:relative;text-align:center;z-index:1}.contact .system-label{margin-bottom:28px}.contact__copy>p:not(.system-label){color:#b6c3b4;margin:38px auto;max-width:43ch}.contact__link{border-bottom:1px solid var(--acid);padding-bottom:6px}.contact__machine{border:1px solid #1c4b27;border-radius:50%;height:90vw;max-height:1000px;max-width:1000px;position:absolute;width:90vw}.contact__machine:before,.contact__machine:after{border:1px solid #1c4b27;border-radius:50%;content:"";inset:12%;position:absolute}.contact__machine:after{inset:28%}.contact__machine span{background:var(--acid);box-shadow:0 0 14px var(--acid);height:5px;left:50%;position:absolute;top:0;transform-origin:0 450px;width:5px}.contact__machine span:nth-child(2){transform:rotate(120deg)}.contact__machine span:nth-child(3){transform:rotate(240deg)}footer{bottom:30px;display:flex;justify-content:space-between;left:5vw;position:absolute;right:5vw}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes orbit{to{transform:rotate(-360deg)}}@media(max-width:760px){.topbar__status{display:none}.hero{align-items:flex-start;padding:18vh 7vw 12vh}.hero__art{height:100vw;opacity:.7;right:-28vw;top:57%;width:100vw}.hero__copy{margin-top:8vh}.hero__edge-note{display:none}.work{min-height:170vh;padding:14vh 7vw}.work__intro{margin-left:0}.work__stage{margin-top:8vh}.cards{height:540px}.stage-ring{height:105vw;width:105vw}.stage-ring--two{height:74vw;width:74vw}.stage-progress{bottom:5%;right:5%}.work__instruction{bottom:7vh;left:7vw}.contact{padding:12vh 7vw}.contact h2{font-size:clamp(3.5rem,15vw,6rem)}.contact__machine{height:150vw;width:150vw}footer{align-items:flex-start;bottom:20px;flex-direction:column;gap:4px;left:7vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.gear{animation:none}.project-card{transition:none}}
