.archive-page{color:var(--paper);padding:90px clamp(20px,4vw,64px) 0}.archive-header{z-index:50;border-bottom:1px solid var(--line);background:#090504f5;justify-content:space-between;align-items:center;height:90px;padding:0 clamp(20px,4vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.archive-header>a{font:26px var(--font-mono);align-items:center;gap:14px;display:flex}.archive-header span{color:var(--orange);font-size:15px}.archive-header small{font:10px var(--font-mono);letter-spacing:1px}.archive-header nav{font:12px var(--font-mono);gap:28px;display:flex}.archive-header a{align-items:center;min-height:44px;display:inline-flex}.archive-intro{justify-content:space-between;align-items:center;gap:24px;height:150px;display:flex}.archive-intro p{font:11px/1.7 var(--font-mono);color:var(--muted)}.archive-intro h1{text-transform:uppercase;margin:12px 0;font-size:clamp(36px,4vw,62px);font-weight:500;line-height:1}.archive-intro em{font-family:var(--font-display);color:var(--amber);text-transform:none;font-weight:400}.portfolio-explorer{border-top:1px solid var(--line)}.explorer-ready{grid-template-columns:1fr 2fr;height:calc(100svh - 240px);min-height:380px;display:grid}.explorer-sidebar{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.explorer-label{font:9px var(--font-mono);color:var(--muted);letter-spacing:1px;justify-content:space-between;gap:10px;padding:20px 20px 20px 0;display:flex}.archive-index{overscroll-behavior:contain;scrollbar-color:var(--amber) #140b07;scrollbar-width:thin;position:relative;overflow-y:auto}.explorer-ready .archive-index{flex:1}.archive-index a{border-bottom:1px solid var(--line);grid-template-columns:86px 1fr 15px;align-items:center;gap:16px;min-height:150px;padding:16px 18px 16px 0;transition:background .2s;display:grid}.archive-index a[aria-current]{box-shadow:inset 3px 0 var(--orange);background:linear-gradient(90deg,#55241566,#0000)}.archive-index a:hover{background:#2a140c}.archive-index a:focus-visible{outline:2px solid var(--amber);outline-offset:-3px}.index-art{width:86px;height:86px;position:relative}.index-art img{object-fit:contain}.archive-index strong{text-transform:uppercase;margin:8px 0;font-size:29px;font-weight:500;display:block}.archive-index span{font:9px/1.6 var(--font-mono);color:var(--muted)}.archive-index small{color:var(--amber);font-size:16px;line-height:1.3}.archive-index b{color:var(--orange)}.explorer-contact{font:10px/1.8 var(--font-mono);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 20px 18px 0;display:flex}.explorer-contact strong{color:var(--amber)}.explorer-detail{scrollbar-width:thin;scrollbar-color:var(--muted) #140b07;min-width:0;overflow-y:auto}.archive-project{padding:28px clamp(20px,3vw,44px) 40px;scroll-margin-top:100px}.archive-project[hidden]{display:none}.archive-meta{color:var(--muted);font:10px/1.6 var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.project-lead{justify-content:space-between;align-items:center;gap:20px;margin:25px 0;display:flex}.project-lead h2{text-transform:uppercase;margin:0;font-size:clamp(38px,4.6vw,68px);font-weight:500;line-height:1}.project-lead p{color:var(--amber);margin:10px 0 0;font-size:22px}.archive-button{background:var(--paper);min-height:48px;color:var(--black);font:11px var(--font-mono);white-space:nowrap;justify-content:center;align-items:center;padding:14px 18px;display:inline-flex}.project-body{grid-template-columns:1fr 1fr;align-items:center;gap:26px;display:grid}.archive-preview{aspect-ratio:1;background:#110906;position:relative}.archive-preview img{object-fit:contain}.project-narrative>p:first-child{margin:0;font-size:20px;line-height:1.5}.project-proof{font:11px/1.8 var(--font-mono);color:var(--amber);border-block:1px solid var(--line);margin:20px 0;padding:16px 0}.project-narrative ul{font:10px/2 var(--font-mono);color:var(--muted);margin:0;padding:0;list-style:none}.project-narrative li:before{content:"+ ";color:var(--orange)}.project-screen{margin:30px 0 0}.project-screen img{width:100%;height:auto}.project-screen figcaption{font:11px/1.7 var(--font-mono);color:var(--muted);margin-top:12px}.archive-video{border-top:1px solid var(--line);margin:40px 0 0;padding-top:24px}.archive-video>div{aspect-ratio:16/9;position:relative}.archive-video iframe,.archive-video button{background:var(--black);border:0;width:100%;height:100%;position:absolute;inset:0}.archive-video button{cursor:pointer}.archive-video img{object-fit:cover}.archive-video button span{background:var(--paper);color:var(--black);font:12px var(--font-mono), monospace;padding:16px;position:absolute;bottom:20px;left:20px}.archive-video figcaption{font:11px/1.7 var(--font-mono), monospace;color:var(--muted);margin-top:12px}.archive-video a{text-decoration:underline}@media (max-width:1100px) and (min-width:801px){.archive-index a{grid-template-columns:62px 1fr;gap:10px}.index-art{width:62px;height:62px}.archive-index b{display:none}.project-body{gap:16px}.project-narrative>p:first-child{font-size:18px}.archive-intro>p,.explorer-label span:last-child{display:none}}@media (max-width:800px){.archive-page{padding-top:72px}.archive-header{height:72px}.archive-header small{display:none}.archive-header nav{gap:16px;font-size:10px}.archive-intro{height:auto;padding:28px 0;display:block}.archive-intro h1{font-size:42px}.archive-intro>p{display:none}.explorer-ready{height:auto;min-height:0;display:block}.explorer-sidebar{border:0}.explorer-label{padding:16px 0}.explorer-ready .archive-index{scroll-snap-type:x mandatory;gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.archive-index a{border:1px solid var(--line);scroll-snap-align:start;flex:0 0 230px;grid-template-columns:62px 1fr;min-height:100px;padding:12px}.index-art{width:62px;height:62px}.archive-index strong{font-size:24px}.archive-index small,.archive-index b{display:none}.explorer-contact{padding:14px 0}.explorer-detail{overflow:visible}.archive-project{padding:26px 0 40px}.archive-meta{font-size:9px}.project-lead{flex-wrap:wrap;gap:16px}.project-lead h2{font-size:46px}.project-body{grid-template-columns:1fr;gap:20px}.archive-preview{max-height:330px}.archive-video button span{padding:12px;font-size:10px;bottom:10px;left:10px}}@media (prefers-reduced-motion:reduce){.archive-index a{transition:none}}.project-media{min-width:0}.project-media [hidden]{display:none}.media-controls{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.media-controls button{border:1px solid var(--line);min-height:44px;color:var(--muted);font:10px var(--font-mono);cursor:pointer;background:0 0;padding:10px 12px}.media-controls button[aria-pressed=true]{color:var(--paper);border-color:var(--amber);background:#2b160d}.project-media .archive-video{border:0;margin:0;padding:0}.project-media .project-screen{margin:0}.project-media .archive-video button span{padding:12px;font-size:10px;bottom:10px;left:10px}@media (min-width:801px){.project-body{align-items:start}.archive-preview{min-height:220px;max-height:calc(100svh - 490px)}}@media (min-width:801px) and (max-height:800px){.archive-intro{height:115px}.explorer-ready{height:calc(100svh - 205px)}.archive-project{padding:20px 24px}.project-lead{margin:18px 0}.project-lead h2{font-size:46px}.project-lead p{font-size:20px}.project-narrative>p:first-child{font-size:18px;line-height:1.4}.project-proof{margin:12px 0;padding:12px 0}.project-body{gap:20px}.archive-preview{max-height:270px}}.app-content .archive-preview{aspect-ratio:auto;background:0 0;min-height:0}.archive-preview img{width:100%;height:auto;max-height:inherit;object-fit:contain;object-position:top left;display:block}