:root{--space:#070708;--space-ink:#f1f1ee;--space-muted:#a9aaad;--space-red:#ff2525}
html{background:var(--space);scroll-behavior:smooth}
body.archive-page{background:var(--space);color:var(--space-ink);overflow-x:hidden}
.archive-header{position:fixed;background:linear-gradient(#070708e8,#07070872 72%,transparent);color:#fff;border:0;backdrop-filter:none;z-index:30}
.archive-header nav a:hover{color:var(--space-red)}
.archive-header nav a[aria-current="page"]{border-bottom-color:var(--space-red)}
.archive-journey{height:520vh;position:relative}
.archive-space{height:100svh;position:sticky;top:0;overflow:hidden;background:#070708;isolation:isolate}
.star-field,.category-nebula{position:absolute;inset:-8%;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#ff2525cc 0 1px,transparent 1.6px),radial-gradient(circle,#fff8 0 .8px,transparent 1.4px);background-size:117px 121px,251px 239px,61px 73px;background-position:11px 9px,70px 91px,32px 48px;opacity:.58;transform:translate3d(var(--stars-x,0),var(--stars-y,0),0) scale(1.08);transition:transform .2s linear}
.star-field:after,.category-nebula:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,transparent 0 25%,#07070855 55%,#070708 82%)}
.space-glow{position:absolute;width:min(72vw,950px);aspect-ratio:1;left:50%;top:53%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ff25251c 0 1%,#63292916 19%,transparent 68%);filter:blur(10px)}
.archive-intro{position:absolute;z-index:3;left:6%;top:24%;width:min(420px,35vw);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.archive-intro .eyebrow{color:#ff4a4a;margin-bottom:24px}.archive-intro h1{font-size:clamp(52px,6.6vw,104px);font-weight:400;letter-spacing:-.06em;line-height:.92;margin:0 0 25px}.archive-intro>p:last-child{max-width:360px;color:#c8c8c8;font-size:16px}
.archive-camera{position:absolute;inset:0;z-index:4;perspective:1100px;perspective-origin:58% 50%;transform-style:preserve-3d}
.orbit-node{--depth:0;--angle:0;position:absolute;left:58%;top:50%;width:clamp(180px,20vw,310px);aspect-ratio:1;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--x),var(--y),var(--z)) rotateY(var(--ry)) scale(var(--scale));opacity:var(--opacity);filter:blur(var(--blur));pointer-events:var(--pointer);transition:filter .24s ease,opacity .24s ease}
.orbit-node button{position:absolute;inset:0;border:0;background:transparent;color:#fff;cursor:pointer;padding:0;border-radius:50%}
.planet{position:absolute;inset:8%;border-radius:50%;overflow:hidden;background:#19191b;border:1px solid #ffffff36;box-shadow:-20px 10px 60px #000,0 0 70px #ff252512;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.planet img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.72);transform:scale(1.12);transition:filter .35s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.planet:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle at 31% 26%,#fff5,transparent 14%),linear-gradient(105deg,transparent 32%,#0009 72%);mix-blend-mode:screen}
.orbit-node button:hover .planet,.orbit-node button:focus-visible .planet{transform:scale(1.06);box-shadow:-20px 10px 65px #000,0 0 58px #ff252555}
.orbit-node button:hover img,.orbit-node button:focus-visible img{filter:saturate(1) contrast(1.04) brightness(.92);transform:scale(1.04)}
.planet-label{position:absolute;left:83%;top:47%;min-width:220px;text-align:left;display:grid;gap:7px;text-shadow:0 2px 12px #000}
.planet-label strong{font-size:clamp(19px,2vw,30px);font-weight:400;letter-spacing:-.03em}.planet-label span{font-size:12px;color:#b8b8ba;letter-spacing:.12em;text-transform:uppercase}
.archive-status{position:absolute;z-index:7;left:6%;right:6%;bottom:36px;display:flex;justify-content:space-between;align-items:end;color:#aaa;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.archive-position{color:#fff;font-size:14px}
.archive-progress{position:absolute;z-index:7;left:0;bottom:0;width:100%;height:2px;background:#ffffff1e}.archive-progress span{display:block;height:100%;width:calc(var(--archive-p,0)*100%);background:var(--space-red)}
.archive-motion{position:absolute;z-index:8;right:6%;top:135px;border:1px solid #ffffff45;border-radius:99px;background:#0b0b0ca6;color:#fff;padding:10px 15px;font-size:12px;cursor:pointer}.archive-motion:hover{background:var(--space-red)}

.category-world{position:fixed;inset:0;z-index:50;background:#070708;color:#fff;visibility:hidden;opacity:0;transform:scale(1.08);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.8,.2,1),visibility .65s;overflow:hidden}
.category-world.is-open{visibility:visible;opacity:1;transform:scale(1)}
.category-nebula{opacity:.35;transform:rotate(-9deg) scale(1.2)}
.category-nebula:before{content:"";position:absolute;width:85vw;height:85vw;left:-22vw;top:20%;background:radial-gradient(circle,#ff252527,transparent 67%);filter:blur(25px)}
.world-back,.dialog-close{position:absolute;z-index:6;left:5%;top:43px;border:0;background:transparent;color:#fff;font-size:14px;cursor:pointer;padding:10px}.world-back span{font-size:22px;margin-right:12px}.world-back:hover,.dialog-close:hover{color:var(--space-red)}
.category-heading{position:absolute;z-index:3;left:6%;top:22%;width:32vw}.category-heading .eyebrow{color:#ff4a4a;margin-bottom:19px}.category-heading h2{font-size:clamp(48px,6vw,94px);line-height:.93}.category-count{color:#aaa;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-top:20px}
.project-deck{position:absolute;z-index:4;inset:0 0 0 37%;perspective:1200px;transform-style:preserve-3d}
.project-card{position:absolute;left:47%;top:51%;width:min(46vw,690px);aspect-ratio:16/10;border:0;padding:0;color:#fff;background:#171719;cursor:pointer;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--deck-x),var(--deck-y),var(--deck-z)) rotateY(var(--deck-ry)) scale(var(--deck-scale));opacity:var(--deck-opacity);filter:blur(var(--deck-blur));pointer-events:var(--deck-pointer);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease;box-shadow:0 35px 90px #000b}
.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.75);transition:filter .3s ease,transform .7s ease}
.project-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#060606e8)}
.project-card-copy{position:absolute;z-index:2;left:32px;right:32px;bottom:27px;display:flex;justify-content:space-between;align-items:end;text-align:left}.project-card-copy strong{font-size:clamp(25px,3vw,44px);font-weight:400;letter-spacing:-.04em}.project-card-copy span{font-size:12px;letter-spacing:.12em;color:#ddd}
.project-card:hover img,.project-card:focus-visible img{filter:saturate(1) brightness(.92);transform:scale(1.035)}
.deck-help{position:absolute;z-index:6;left:6%;bottom:44px;color:#888;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.deck-index{position:absolute;z-index:6;right:6%;bottom:42px;font-size:15px;letter-spacing:.12em}

.project-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#09090a;color:#fff;overflow:hidden}.project-dialog::backdrop{background:#000}.project-dialog[open]{display:grid;grid-template-columns:34% 66%;animation:dialog-in .55s ease both}@keyframes dialog-in{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}
.dialog-close{left:auto;right:4%;top:30px}.dialog-meta{padding:20vh 4vw 8vh 6vw;position:relative;z-index:2}.dialog-meta .eyebrow{color:#ff4a4a}.dialog-meta h2{font-size:clamp(48px,5vw,84px);line-height:.95}.project-type{margin-top:30px;color:#aaa;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.project-gallery{position:relative;overflow:hidden;background:#151517}.project-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .55s ease,transform 1s ease}.project-gallery img.is-active{opacity:1;transform:scale(1)}
.gallery-controls{position:absolute;z-index:4;right:3.5%;bottom:30px;display:flex;align-items:center;gap:18px;background:#09090abd;padding:8px 10px}.gallery-controls button{width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;background:transparent;color:#fff;font-size:20px;cursor:pointer}.gallery-controls button:hover{background:#ff2525;border-color:#ff2525}.gallery-index{min-width:55px;text-align:center;font-size:12px;letter-spacing:.1em}
.noscript-note{padding:140px 7%;color:#fff}

@media(max-width:900px){.archive-intro{width:38vw}.planet-label{min-width:160px}.category-heading{top:21%;width:34vw}.project-deck{inset-left:35%}.project-card{width:54vw}}
@media(max-width:700px){.archive-header{align-items:flex-start}.archive-header .brand img{width:84px!important;height:84px!important}.archive-header nav{gap:9px 14px;font-size:12px}.archive-header nav a:nth-child(3),.archive-header nav a:nth-child(4){display:none}.archive-journey{height:420vh}.archive-intro{left:7%;top:25%;width:76vw}.archive-intro h1{font-size:clamp(54px,15vw,82px)}.archive-intro>p:last-child{font-size:14px;max-width:290px}.archive-camera{perspective-origin:50% 56%}.orbit-node{left:45%;top:68%;width:220px}.planet-label{left:77%;min-width:150px}.planet-label strong{font-size:20px}.archive-motion{top:auto;bottom:70px;right:7%}.archive-status{left:7%;right:7%;bottom:28px}.archive-direction{display:none}.world-back{top:22px;left:3%}.category-heading{left:6%;top:12%;width:88%;pointer-events:none}.category-heading h2{font-size:clamp(44px,12vw,68px)}.project-deck{inset:0;top:25%;perspective:900px}.project-card{left:50%;top:49%;width:82vw}.project-card-copy{left:20px;right:20px;bottom:18px}.project-card-copy strong{font-size:29px}.deck-help{display:none}.deck-index{bottom:24px}.project-dialog[open]{grid-template-columns:1fr;grid-template-rows:34% 66%}.dialog-meta{padding:90px 7% 24px}.dialog-meta h2{font-size:45px}.dialog-meta .eyebrow{margin-bottom:14px}.project-type{margin-top:13px}.dialog-close{top:18px;right:4%}.gallery-controls{right:4%;bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-node,.project-card,.planet,.planet img,.category-world,.project-gallery img{transition:none!important}.star-field{transform:none!important}}