:root{color-scheme:dark;--ink:#0b0d0c;--paper:#e4dcc8;--orange:#ff7946;--cyan:#85d7dc;--line:#45463f;--display:'Barlow Condensed',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Work Sans',sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}::selection{background:var(--orange);color:var(--ink)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:12px}.mono,.system,.tag,small{font-family:var(--mono)}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.header{display:flex;align-items:center;gap:25px;margin:0 3.5%;padding:26px 0;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand span{font-family:Rokkitt,serif;font-size:27px;font-weight:700;letter-spacing:-.8px}.brand svg{flex-shrink:0}.system{font-size:12px;line-height:1.5;color:var(--cyan)}nav{display:flex;gap:35px;margin-left:auto;font-size:19px}nav a{transition:color .2s}nav a:hover{color:var(--orange)}.motion{color:var(--cyan);font-family:var(--mono);font-size:12px;background:transparent;border:1px solid var(--line);padding:9px;cursor:pointer}.motion span{display:inline-block;width:24px}.hero{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:min(760px,85vh);padding:20px 3.5% 50px;overflow:hidden}.hero-copy{position:relative;z-index:2}.author{font-size:13px;margin:0 0 30px}h1{font-family:var(--display);font-weight:700;font-size:clamp(68px,7.5vw,132px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px;max-width:760px}.intro{font-family:var(--mono);font-size:clamp(14px,1.25vw,19px);margin-bottom:25px}.text-link{font-family:var(--mono);font-size:20px;color:var(--orange);display:inline-flex;gap:20px;border-bottom:1px solid currentColor;padding:6px 0}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.archive{position:relative;isolation:isolate;aspect-ratio:1.15;transform:translate3d(var(--mx,0px),var(--my,0px),0);will-change:transform}.collage{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.45);mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent)}.folder-link{position:absolute;z-index:2;background:var(--paper);color:var(--ink);padding:9px 12px;display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:clamp(18px,2.15vw,32px);box-shadow:0 6px 12px #0005;transform:rotate(var(--angle));transition:transform .35s cubic-bezier(.2,.8,.2,1),background .2s}.folder-link:hover,.folder-link:focus-visible{transform:translateY(-9px) rotate(0deg);background:#f2ebda}.folder-arrow{color:#a03912;margin-left:8px}.file-num{font-size:.7em}.cockpit{top:11%;left:6%;--angle:-3deg}.breach{top:19%;right:3%;--angle:5deg}.areal{bottom:19%;right:9%;--angle:9deg}.archive-caption{position:absolute;bottom:8%;left:13%;font-size:12px;transform:rotate(-7deg);padding:10px 20px;background:var(--paper);color:var(--ink)}.cross{position:absolute;bottom:0;right:0;font-family:var(--mono);font-size:32px;color:var(--cyan)}.projects{padding:0 3.5%}.section-rule{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--cyan);padding-bottom:12px;color:var(--cyan);font-size:12px;letter-spacing:.04em}.section-rule b{font-weight:400;margin-left:24px;font-size:23px}.featured{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0 50px}.project-mini{min-height:180px;border:1px solid #696456;display:grid;grid-template-columns:42% 58%;overflow:hidden;transition:border-color .25s,transform .3s}.project-mini:hover{border-color:var(--orange);transform:translateY(-5px)}.project-mini>div:first-child{padding:15px;display:flex;flex-direction:column}.project-mini small{font-size:11px;line-height:1.4;color:var(--cyan)}.project-mini h2{font-family:var(--display);text-transform:uppercase;font-size:32px;line-height:1;margin:12px 0}.project-mini .orange{font-size:30px;margin-top:auto}.project-mini img{width:100%;height:100%;object-fit:cover;max-height:240px;filter:grayscale(1) sepia(.4);transition:filter .5s}.project-mini:hover img{filter:none}.typographic-cover{background:var(--paper);color:var(--ink);font-family:var(--display);font-weight:800;font-size:140px;line-height:1;display:flex;justify-content:center;align-items:center;position:relative}.typographic-cover>span{font-family:var(--mono);font-weight:400;font-size:11px;line-height:1.5;margin-left:10px}.areal-cover{background:#b6af9f}.index-row{display:grid;grid-template-columns:35px minmax(180px,1fr) 2fr auto;gap:20px;align-items:center;padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.index-row h3{font-family:var(--display);font-size:30px;font-weight:600;margin:0}.index-row p{font-size:15px;max-width:570px;margin:0;color:#bab8ac}.tag{font-size:12px;text-align:right}.index-row:target{background:#182121;outline:1px solid var(--cyan);outline-offset:8px}.index-row[href]:hover h3{color:var(--orange)}.studio{padding:100px 3.5%;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);margin-top:65px}.studio>.mono{grid-column:1/-1;font-size:13px}.studio h2{font-family:var(--display);font-size:clamp(54px,6vw,90px);line-height:1;letter-spacing:-.025em;margin:0}.studio-text{max-width:560px}.studio-text p:first-child{margin-top:0}.studio-text p{color:#c7c3b5}.studio-text .mono{font-size:12px;display:block;margin-top:30px;color:var(--cyan)}footer{display:flex;justify-content:space-between;gap:20px;margin:0 3.5%;padding:25px 0;border-top:1px solid var(--line);font-size:12px;color:#b6b3a7}footer a{color:var(--orange)}@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .24s ease both}::view-transition-new(root){animation:page-in .5s cubic-bezier(.2,.7,.2,1) both}@keyframes page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(min-width:901px){.hero-copy{animation:page-in .8s both}.archive{animation:page-in 1s .1s both}}@media(max-width:1100px){.system{display:none}.header{gap:15px}.brand span{font-size:24px}nav{font-size:16px;gap:22px}.index-row{grid-template-columns:28px 1fr 1.6fr}.index-row .tag{grid-column:2/-1;text-align:left}.project-mini h2{font-size:26px}.project-mini small{font-size:10px}}@media(max-width:760px){.header{flex-wrap:wrap;padding:18px 0;gap:14px}.brand{margin-right:auto}.brand span{font-size:23px}.brand svg{width:36px;height:36px}nav{order:3;margin:0;width:100%;padding-top:8px;border-top:1px solid var(--line)}.motion{font-size:10px}.hero{grid-template-columns:1fr;padding-top:35px;min-height:0}.author{font-size:12px;margin-bottom:25px}h1{font-size:clamp(60px,12.2vw,92px)}.intro{font-size:14px;max-width:330px}.text-link{font-size:17px}.archive{margin-top:24px;aspect-ratio:1.16}.folder-link{font-size:24px}.featured{grid-template-columns:1fr;gap:16px}.project-mini{min-height:145px;grid-template-columns:42% 58%}.project-mini h2{font-size:34px}.project-mini img{max-height:185px}.typographic-cover{font-size:115px}.index-row{grid-template-columns:24px 1fr;gap:8px 16px}.index-row p{grid-column:2}.index-row h3{font-size:28px}.index-row .tag{grid-column:2}.studio{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;margin-top:40px}.studio h2{font-size:64px}.studio-text{margin-top:14px}footer{flex-wrap:wrap;font-size:11px}.archive-caption{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.archive{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}html[data-reduced=true]{scroll-behavior:auto}html[data-reduced=true] *,html[data-reduced=true] *::before,html[data-reduced=true] *::after{animation:none!important;transition:none!important}html[data-reduced=true] .archive{transform:none!important}
:root{--case-scroll:0px}.archive .collage{object-fit:contain;filter:none;mask-image:none}.archive{aspect-ratio:1.22}.cockpit{top:12%;left:13%;--angle:-5deg}.breach{top:17%;right:9%;--angle:5deg}.areal{bottom:30%;right:12%;--angle:9deg}.archive-caption{bottom:14%;left:33%;font-size:11px}.case-heading{padding:55px 5% 45px}.case-heading>.mono{font-size:13px;margin-bottom:28px}.case-heading h1{font-size:clamp(80px,13vw,210px);max-width:none;text-transform:uppercase;margin-bottom:35px}.case-intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.case-intro>p{font-size:clamp(20px,2.4vw,32px);line-height:1.35;margin:0}.case-intro .text-link{font-size:15px;white-space:nowrap}.case-art{margin:0 3.5%;position:relative;height:70vh;min-height:420px;max-height:850px;overflow:hidden;background:#061520}.case-art>img{width:100%;height:120%;object-fit:cover;object-position:center 60%;transform:translateY(var(--case-scroll));will-change:transform}.case-art figcaption{position:absolute;bottom:0;left:0;right:0;background:#0b0d0cbd;color:var(--cyan);font-size:12px;padding:18px 25px;display:flex;justify-content:space-between}.case-story{padding:75px 5%}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:50px 0}.story-grid h2{font-family:var(--display);font-size:clamp(48px,5.6vw,84px);line-height:1.08;margin:0;letter-spacing:-.02em}.story-grid p{color:#bcb9ab;max-width:600px}.story-grid p.lead{color:var(--paper);font-size:23px;line-height:1.5;margin-top:0}.facts{margin:35px 0 0;font-family:var(--mono);font-size:13px}.facts>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.facts dt{color:var(--cyan)}.facts dd{margin:0}.stages{margin-left:50%;padding-left:30px}.stages details{border-top:1px solid var(--line);padding:20px 0}.stages summary{font-family:var(--display);font-size:32px;cursor:pointer;display:flex;align-items:center;gap:25px;list-style:none}.stages summary::-webkit-details-marker{display:none}.stages summary .mono{font-size:13px}.stages p{color:#bcb9ab;margin-left:43px;font-size:16px}.plus{margin-left:auto;color:var(--orange);transition:transform .3s}details[open] .plus{transform:rotate(45deg)}.case-secondary{margin:0 5%}.case-secondary img{display:block;width:100%;max-height:650px;object-fit:cover}.case-secondary figcaption{font-size:12px;color:var(--cyan);margin-top:12px}.case-end{padding:100px 5%;display:flex;flex-direction:column;gap:20px}.case-end>.mono{font-size:12px}.case-end>a{font-family:var(--display);font-size:clamp(44px,7vw,100px);line-height:1.15}.case-end>a:hover{color:var(--orange)}.js-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.js-reveal.visible{opacity:1;transform:none}@media(max-width:760px){.case-heading{padding-top:35px}.case-heading h1{font-size:clamp(64px,15vw,105px)}.case-intro{display:block}.case-intro .text-link{margin-top:22px}.case-art{height:65vh;min-height:350px}.case-art figcaption{padding:12px;font-size:10px}.case-art figcaption span{display:none}.case-story{padding-top:45px}.story-grid{grid-template-columns:1fr;gap:30px}.story-grid h2{font-size:54px}.story-grid p.lead{font-size:20px}.stages{margin-left:0;padding-left:0}.case-end{padding:65px 5%}.archive-caption{font-size:9px}.folder-link{font-size:20px;padding:6px 8px;gap:5px}}@media(prefers-reduced-motion:reduce){.js-reveal{opacity:1;transform:none}.case-art>img{transform:none}}html[data-reduced=true] .js-reveal{opacity:1;transform:none}html[data-reduced=true] .case-art>img{transform:none}