@font-face{font-family:Interplanetary;src:url("assets/fonts/PSInterplanetary-VariableGX.ttf") format("truetype");font-display:swap}@font-face{font-family:Manrope;src:url("assets/fonts/Manrope-Light.ttf") format("truetype");font-display:swap}
:root{--bg:#08090a;--fg:#e5e9e7;--accent:#a2f878;--line:#a8b4b23b;--display:Manrope,"Helvetica Neue",Arial,sans-serif;--mono:"Courier New",monospace;--body:Manrope,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent)}img{display:block;max-width:100%}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:99;background:var(--accent);color:#000;padding:.5rem}.skip-link:focus{top:1rem}.detail-header{position:fixed;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2vw;background:#08090aab;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.detail-header>a{font:300 clamp(1.3rem,2vw,2rem) var(--display)}.detail-header>a span{color:var(--accent);font:12px var(--mono)}.detail-header nav{display:flex;gap:1.4rem;font:10px var(--mono)}.detail-header nav a:hover{color:var(--accent)}.detail-hero{position:relative;min-height:100svh;display:flex;align-items:end;isolation:isolate;padding:7rem 3vw 4rem;overflow:hidden}.detail-cover,.detail-cover img,.detail-overlay{position:absolute;inset:0;width:100%;height:100%}.detail-cover{z-index:-2}.detail-cover img{object-fit:cover;filter:saturate(.58) brightness(.7)}.detail-overlay{z-index:-1;background:linear-gradient(0deg,#08090ae8 0%,#08090a2b 70%),linear-gradient(90deg,#08090a85,transparent)}.detail-hero h1{font:300 clamp(3.4rem,10vw,12rem)/.88 var(--display);letter-spacing:-.07em;margin:0;max-width:13ch;overflow-wrap:anywhere}.detail-caption,.detail-prompt{position:absolute;font:11px var(--mono);color:var(--accent)}.detail-caption{top:6rem;left:3vw}.detail-prompt{bottom:1.6rem;right:3vw}.detail-body{display:grid;grid-template-columns:27% 73%;gap:1rem;padding:8rem 5vw 9rem}.detail-body aside{position:sticky;top:6rem;align-self:start;font:11px/1.7 var(--mono);text-transform:uppercase}.detail-body aside p:first-child{color:var(--accent)}.detail-body aside a{display:block;width:max-content;margin-top:3rem;border-bottom:1px solid var(--accent);color:var(--accent)}.detail-body article{max-width:1100px}.detail-lead{font:300 clamp(2rem,4vw,4.5rem)/1.08 var(--display);letter-spacing:-.05em;margin:0 0 5rem}.detail-text{font:clamp(1rem,1.4vw,1.25rem)/1.7 var(--body);max-width:42rem;color:#c5ceca;margin:0 0 6rem}.detail-figure{margin:5rem 0}.detail-figure img{width:100%;max-height:none;object-fit:contain;object-position:left center}.detail-figure figcaption{font:10px/1.5 var(--mono);color:#a9b8b2;margin:.8rem 0}.detail-video{margin:8rem 0}.detail-video h3,.detail-video-pending h3{font:300 clamp(2rem,4.5vw,5rem)/1 var(--display);letter-spacing:-.05em;color:var(--accent);margin:0 0 1.2rem}.detail-video iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:#000}.detail-video-pending{margin:8rem 0;padding:3rem;border:1px dashed #a487e3;color:#a487e3}.detail-video-pending p{font:11px var(--mono);text-transform:uppercase}.detail-media{display:inline-block;margin:3rem 0;border-bottom:1px solid var(--accent);padding-bottom:.5rem;color:var(--accent);font:13px var(--mono)}.next-work{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-top:1px solid var(--line);padding:3rem 5vw 5rem}.next-work small{font:11px var(--mono);color:var(--accent)}.next-work span{font:300 clamp(2rem,5vw,5rem) var(--display);text-align:right}.next-work:hover span{color:var(--accent)}.detail-footer{display:flex;justify-content:space-between;padding:1rem 2vw;border-top:1px solid var(--line);font:10px var(--mono)}.detail-footer a{color:var(--accent)}@media(max-width:700px){.detail-header{padding:1rem 4vw;align-items:start;flex-direction:column}.detail-header nav{gap:1rem}.detail-hero{padding:8rem 4vw 4rem}.detail-hero h1{font-size:clamp(3rem,13vw,6rem)}.detail-caption{top:7rem;left:4vw}.detail-body{display:block;padding:4rem 4vw}.detail-body aside{position:static;margin-bottom:5rem}.detail-lead{font-size:clamp(2rem,8vw,3.4rem)}.next-work{display:block;padding:3rem 4vw}.next-work span{display:block;text-align:left;margin-top:1rem}.detail-footer{padding:1rem 4vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}