@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#171915;--paper:#f0eee6;--acid:#d9ff43;--muted:#6f716a;--line:#17191538;--display:Manrope, Arial, sans-serif;--mono:"DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html.archive-scroll{scroll-snap-type:y mandatory;scroll-padding-top:2.5rem}body{color:var(--ink);background:var(--paper);font-family:var(--display);margin:0}.case-checkout-watch{--case-tone:#b7e9e7}.case-perquio{--case-tone:#c7d6a3}.case-distrow{--case-tone:#d5c9e9}body:before{content:"";z-index:-1;opacity:.1;pointer-events:none;background:url(/assets/paper-noise.png);position:fixed;inset:0}a{color:inherit}img{width:100%;display:block}.skip-link{z-index:20;background:var(--ink);color:#fff;padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{z-index:20;border-bottom:1px solid var(--line);letter-spacing:.09em;text-transform:uppercase;scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:72px;padding:0 4vw;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;display:grid;position:relative}.site-header .mark{letter-spacing:-.08em;text-underline-offset:7px;justify-self:start;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:22px;font-weight:800;text-decoration:underline 2px}.site-header p{margin:0}.site-header nav{justify-content:flex-end;gap:25px;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}@media (width<=900px){.site-header{grid-template-columns:1fr auto;padding-inline:22px}.site-header>p{display:none}.site-header nav{gap:clamp(10px,3vw,18px)}}@media (width<=520px){.site-header{gap:10px;padding-inline:16px;font-size:9px}.site-header nav{gap:9px}}.eyebrow,.section-label,.project-number,.fact-label{font:500 .72rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em}.archive-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:end;gap:6vw;min-height:calc(100svh - 72px);padding:clamp(3rem,7vw,7rem) clamp(1.25rem,4vw,4rem) 2rem;display:grid;overflow:hidden}.archive-hero h1,.case-hero h1{letter-spacing:-.075em;margin:.2em 0;font-size:clamp(4rem,11vw,10rem);font-weight:600;line-height:.78}.archive-hero h1 span{margin-left:11vw;display:block}.archive-intro{max-width:30rem;padding-bottom:3vw}.archive-intro p:not(.eyebrow){font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45}.archive-hero .archive-scroll{font:500 .75rem var(--mono);text-transform:uppercase;gap:1rem;margin-top:1.5rem;text-decoration:none;display:inline-flex}.project-list{padding:0 clamp(1.25rem,4vw,4rem)}.project-row{--tone:#b7e9e7;border-bottom:1px solid var(--line);grid-template-columns:8rem minmax(260px,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,5rem);min-height:80vh;text-decoration:none;display:grid;position:relative}.project-row[data-tone=forest]{--tone:#c7d6a3}.project-row[data-tone=violet]{--tone:#d5c9e9}.project-row:before{content:"";background:var(--tone);transform-origin:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;inset:11% 0 11% 42%;transform:scaleX(.88)}.project-row:hover:before{transform:scaleX(1)}.project-number{align-self:start;margin-top:15vh}.project-copy{z-index:1;position:relative}.project-copy h2{letter-spacing:-.065em;margin:.25em 0;font-size:clamp(2.7rem,6vw,6.5rem);line-height:.88}.project-copy p{max-width:32rem;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.5}.row-cta{font:500 .76rem var(--mono);text-transform:uppercase;border-bottom:1px solid;margin-top:2rem;padding-bottom:.4rem;display:inline-block}.project-visual{z-index:1;padding:12vh 0;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:relative}.project-row:hover .project-visual{transform:translate(-1rem)rotate(-1deg)}.project-visual img{aspect-ratio:4/3;object-fit:cover;box-shadow:0 24px 70px #17191529}.archive-cta,.case-next{text-align:center;background:var(--ink);min-height:62vh;color:var(--paper);flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.25rem;display:flex}.archive-cta h2,.case-next strong{letter-spacing:-.065em;max-width:1000px;margin:.2em 0;font-size:clamp(3rem,8vw,8rem);line-height:.9}.archive-cta a,.case-next a{color:var(--acid);font:500 .8rem var(--mono);text-transform:uppercase;margin-top:2rem;text-decoration:none}.case-hero{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1.25fr;gap:2rem 5vw;min-height:calc(100svh - 72px);padding:clamp(2rem,6vw,6rem) clamp(1.25rem,4vw,4rem) 2rem;display:grid;overflow:hidden}.case-hero .eyebrow{grid-column:1/-1}.case-hero h1{z-index:2;align-self:center;font-size:clamp(4rem,10vw,9rem);position:relative}.case-hero-copy{z-index:2;align-self:center;max-width:35rem;position:relative}.case-hero-copy .lede{font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.35}.case-hero-image{background:var(--case-tone,#b7e9e7);grid-area:2/2/4;align-self:stretch;align-items:center;padding:clamp(1.25rem,3vw,3rem);display:flex;position:relative}.case-hero-image img{box-shadow:0 20px 60px #17191533}.case-facts{border-top:1px solid var(--line);grid-column:1;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;display:grid}.case-facts span{margin-top:.4rem;display:block}.case-body{padding:clamp(4rem,9vw,9rem) clamp(1.25rem,4vw,4rem)}.case-section{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:5vw;max-width:1200px;margin:0 auto;padding:clamp(4rem,8vw,8rem) 0;display:grid}.case-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,5vw,5rem);line-height:.95}.case-prose{max-width:700px}.case-prose>p{margin:0 0 1.5rem;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.7}.decision-list{margin:2.5rem 0 0;padding:0;list-style:none}.decision-list li{border-top:1px solid var(--line);grid-template-columns:2rem 1fr;padding:1rem 0;line-height:1.5;display:grid}.case-quote{background:var(--ink);color:var(--paper);letter-spacing:-.055em;margin:0;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,8vw,8rem);font-size:clamp(2.5rem,6vw,6.5rem);line-height:1}.external-link{font:500 .78rem var(--mono);text-transform:uppercase;border-bottom:1px solid;gap:1rem;margin-top:1rem;padding-bottom:.5rem;text-decoration:none;display:inline-flex}.project-footer{justify-content:space-between;padding:2rem clamp(1.25rem,4vw,4rem);font-size:.8rem;display:flex}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}[data-reveal].is-visible{opacity:1;transform:none}@media (width<=800px){.archive-hero{grid-template-columns:1fr;align-content:space-between;min-height:calc(100svh - 72px)}.archive-hero h1{font-size:clamp(4rem,22vw,7rem)}.archive-hero h1 span{margin-left:8vw}.project-row{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding:5rem 0}.project-row:before{inset:35% -1.25rem 4% 12%}.project-number{margin:0}.project-visual{grid-row:2;padding:1rem 0}.project-copy{grid-row:3}.project-copy h2{font-size:clamp(3rem,15vw,5rem)}.case-hero{grid-template-rows:auto;grid-template-columns:1fr;min-height:auto}.case-hero .eyebrow,.case-hero-image,.case-facts{grid-area:auto/1}.case-hero-image{margin:1rem -1.25rem 0}.case-facts{grid-template-columns:1fr 1fr}.case-facts div:last-child{grid-column:1/-1}.case-section{grid-template-columns:1fr}.case-section h2{max-width:12ch}.case-quote{padding-top:6rem;padding-bottom:6rem}.project-footer{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}.archive-shell{grid-template-columns:clamp(300px,25.5vw,410px) minmax(0,1fr);min-height:calc(100svh - 72px);display:grid}.mobile-archive-nav,.project-drawer{display:none}.archive-sidebar{border-right:1px solid var(--line);flex-direction:column;min-height:calc(100svh - 72px);padding:clamp(2rem,3.6vw,3.75rem) clamp(1.5rem,3.4vw,3.4rem) 2.3rem;display:flex}.archive-sidebar-intro h1{letter-spacing:-.075em;margin:.22em 0 .3em;font-size:clamp(3.4rem,4vw,4.5rem);font-weight:600;line-height:.86}.archive-sidebar-intro>p:last-child{max-width:18rem;margin:.9rem 0 0;font-size:clamp(.92rem,1.15vw,1.08rem);line-height:1.55}.archive-selector{margin-top:clamp(3.6rem,7vh,6.5rem)}.archive-count,.archive-workspace-topline,.archive-project-notes b,.archive-project-notes a,.archive-supporting-artifacts span{font:500 .68rem/1.45 var(--mono);text-transform:uppercase;letter-spacing:.08em}.archive-count{margin:0 0 1rem}.archive-tabs{border-top:1px solid var(--line)}.archive-tabs button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:2.5rem 1fr .8rem;align-items:center;gap:.5rem;padding:0 .7rem;transition:background .24s,padding .24s;display:grid}.archive-tabs button:hover{background:#ffffff47;padding-left:1rem}.archive-tabs button[aria-current=true]{background:#ffffff6b}.archive-tabs button span{font:500 .69rem var(--mono)}.archive-tabs button strong{font-size:.91rem;font-weight:500}.archive-tabs button i,.archive-workspace-topline i{background:0 0;border-radius:50%;width:7px;height:7px;display:block}.archive-tabs button[aria-current=true] i,.archive-workspace-topline i{background:#d54825}@media (width>=801px){.archive-sidebar{align-self:start;position:sticky;top:0}}.archive-workspace{min-width:0;padding:clamp(2rem,3.5vw,3.7rem) clamp(1.5rem,4vw,4.2rem) 3rem;overflow:clip}.archive-workspace-topline{z-index:5;background:var(--paper);justify-content:space-between;align-items:center;margin-bottom:0;padding:1rem 0;display:flex;position:sticky;top:0}.archive-workspace-topline span:last-child{align-items:center;gap:.6rem;display:inline-flex}.archive-workspace-topline b{font-weight:500}.archive-panel{opacity:.56;scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100svh - 46px);padding:clamp(1.5rem,2.5vw,2.6rem) 0 clamp(4rem,8vw,8rem);scroll-margin-top:2.5rem;transition:opacity .35s}.archive-panel+.archive-panel{border-top:1px solid var(--line);padding-top:clamp(4rem,7vw,7rem)}.archive-panel.is-active{opacity:1}.archive-panel h2{letter-spacing:-.067em;margin:0 0 clamp(1.2rem,2.2vw,2rem);font-size:clamp(3.4rem,6.2vw,7.3rem);font-weight:600;line-height:.82}.archive-project-grid{grid-template-columns:minmax(0,1fr) clamp(280px,23vw,340px);align-items:start;gap:clamp(1.5rem,3vw,3.5rem);display:grid}.archive-primary-artifact{background:#ffffff7a;align-items:center;min-width:0;min-height:370px;margin:0;padding:clamp(1.2rem,2vw,2.1rem);display:flex;position:relative;transform:rotate(-.25deg);box-shadow:0 16px 34px #1719151a}.archive-primary-artifact:before,.archive-supporting-artifacts a:before{content:"";pointer-events:none;border:1px solid #17191514;position:absolute;inset:8px}.archive-primary-artifact img{object-fit:contain;max-height:500px}.artifact-tape{z-index:2;clip-path:polygon(3% 7%,98% 0,94% 95%,0 100%);background:#d9c79e85;width:96px;height:30px;position:absolute;top:-15px;left:43%;transform:rotate(1.5deg)}.archive-project-notes{color:#292b27;padding-top:.2rem}.archive-project-notes>div{border-bottom:1px solid var(--line);margin-bottom:1.65rem;padding:0 0 1.65rem}.archive-project-notes b{color:var(--ink);font-family:var(--display);letter-spacing:.09em;margin-bottom:.95rem;font-size:clamp(.78rem,.9vw,.86rem);font-weight:700;line-height:1.3;display:block}.archive-project-notes p,.archive-project-notes li{letter-spacing:-.01em;margin:0;font-size:clamp(.95rem,1.08vw,1.08rem);line-height:1.68}.archive-project-notes ul{margin:0;padding:0;list-style:none}.archive-project-notes li{padding:.18rem 0 .18rem 1.5rem;font-weight:500;position:relative}.archive-project-notes li:before{content:"→";font-family:var(--mono);position:absolute;left:0}.archive-project-notes>a{min-height:44px;font-family:var(--display);letter-spacing:.07em;border-bottom:1px solid;align-items:center;gap:.7rem;margin-top:.35rem;padding:.65rem 0 .55rem;font-size:clamp(.82rem,.95vw,.92rem);font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.archive-supporting-artifacts{grid-template-columns:.9fr 1.25fr;align-items:start;gap:1.2rem;width:calc(100% - clamp(280px,23vw,340px) - clamp(1.5rem,3vw,3.5rem));margin-top:1.25rem;display:grid}.archive-supporting-artifacts a{background:#ffffff61;min-height:180px;padding:1rem;text-decoration:none;transition:transform .3s cubic-bezier(.2,.75,.25,1);display:flex;position:relative;box-shadow:0 10px 22px #17191514}.archive-supporting-artifacts a:first-child{transform:rotate(-1.25deg)}.archive-supporting-artifacts a:last-child{transform:rotate(1.05deg)translateY(4px)}.archive-supporting-artifacts a:hover:first-child{transform:rotate(-.3deg)translateY(-5px)}.archive-supporting-artifacts a:hover:last-child{transform:rotate(.3deg)translateY(-3px)}.archive-supporting-artifacts img{object-fit:contain;max-height:245px}.archive-supporting-artifacts span{z-index:2;background:var(--paper);padding:.25rem .4rem;position:absolute;bottom:.75rem;left:1rem}@media (width>=1500px){.archive-primary-artifact{min-height:430px}.archive-workspace{padding-left:4.5rem;padding-right:4.5rem}.archive-workspace-topline{padding-top:.75rem;top:0}}@media (width<=1050px){.archive-shell{grid-template-columns:280px minmax(0,1fr)}.archive-sidebar{padding-left:1.5rem;padding-right:1.5rem}.archive-project-grid{grid-template-columns:minmax(0,1fr) 240px;gap:1.5rem}.archive-supporting-artifacts{width:calc(100% - 264px)}}@media (width<=800px){html.archive-scroll{scroll-snap-type:y proximity;scroll-padding-top:132px}body.drawer-open{overflow:hidden}.archive-shell{min-height:0;display:block}.archive-sidebar{scroll-snap-align:start;border-right:0;min-height:0;padding:2.5rem 1.25rem 0}.archive-sidebar-intro h1{font-size:clamp(3.5rem,15vw,4.5rem)}.archive-sidebar-intro>p:last-child{max-width:24rem}.archive-selector{display:none}.archive-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.archive-tabs::-webkit-scrollbar{display:none}.archive-tabs button{border-bottom:0;border-right:1px solid var(--line);flex:0 0 44%;grid-template-columns:2rem auto .8rem;width:44%;min-width:0;padding:0 1rem}.archive-tabs button strong{white-space:normal}.archive-tabs button:hover{padding-left:1rem}.archive-workspace{padding:2.2rem 1.25rem 3rem}.mobile-archive-nav{z-index:12;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:stretch;height:64px;margin-top:2.5rem;display:grid;position:sticky;top:0}.mobile-project-step,.mobile-project-index{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0}.mobile-project-step{font:400 1.25rem var(--mono)}.mobile-project-step:disabled{opacity:.24;cursor:default}.mobile-project-current{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;margin:0;padding:0 .45rem;display:flex}.mobile-project-current span,.mobile-project-index{font:500 .63rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.07em}.mobile-project-current strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:500;overflow:hidden}.mobile-project-index{border-left:1px solid var(--line);border-right:1px solid var(--line);text-underline-offset:.32rem;padding:0 .7rem;text-decoration:underline}.project-drawer{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:var(--paper);overscroll-behavior:contain;border:0;margin:0;padding:0;overflow-y:auto}.project-drawer[open]{animation:.36s cubic-bezier(.22,.8,.22,1) both drawer-enter;display:block}.project-drawer::backdrop{background:#17191540}.project-drawer-header{z-index:2;border-bottom:1px solid var(--line);background:#f0eee6f7;justify-content:space-between;align-items:flex-end;min-height:132px;padding:1.4rem 1.25rem 1.15rem;display:flex;position:sticky;top:0}.project-drawer-header p{margin:0 0 .55rem}.project-drawer-header h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.2rem,11vw,3.8rem);font-weight:600;line-height:.9}.project-drawer-header button{min-width:82px;min-height:48px;color:var(--ink);font:500 .63rem var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.7rem;padding:0 .25rem;display:flex}.project-drawer-header button i,.project-drawer-header button i:after{background:currentColor;width:24px;height:1px;display:block}.project-drawer-header button i{flex:0 0 24px;position:relative;transform:rotate(45deg)}.project-drawer-header button i:after{content:"";position:absolute;inset:0;transform:rotate(90deg)}.project-drawer-summary{border-bottom:1px solid var(--line);font:500 .66rem var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:1rem 1.25rem;display:flex}.project-drawer-list{padding:0 1.25rem 5rem}.project-drawer-list a{border-bottom:1px solid var(--line);grid-template-columns:2.5rem 1fr 1rem;align-items:center;gap:.5rem;min-height:76px;text-decoration:none;display:grid}.project-drawer-list a span{font:500 .73rem var(--mono)}.project-drawer-list a strong{font-size:clamp(1.1rem,5vw,1.45rem);font-weight:500}.project-drawer-list a i{background:0 0;border-radius:50%;width:8px;height:8px}.project-drawer-list a[aria-current=location] i{background:#d54825}.project-drawer-list a[aria-current=location] strong{text-underline-offset:.45rem;text-decoration:underline}.archive-workspace-topline span:last-child{display:none}.archive-panel h2{margin-bottom:1.6rem;font-size:clamp(3.4rem,16vw,5.7rem);line-height:.88}.archive-panel{opacity:1;min-height:0;padding-bottom:6rem;scroll-margin-top:132px}.archive-panel+.archive-panel{padding-top:4rem}.archive-project-grid{flex-direction:column;gap:2rem;display:flex}.archive-primary-artifact{width:calc(100% + 2.5rem);min-height:0;box-shadow:none;order:1;margin-left:-1.25rem;padding:1.2rem;transform:none}.archive-project-notes{order:2;width:100%;max-width:34rem}.archive-project-notes>div{margin-bottom:1rem}.archive-project-notes>a{margin-top:.5rem}.archive-supporting-artifacts{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:2.5rem}.archive-supporting-artifacts a{min-height:120px;padding:.55rem}.archive-supporting-artifacts span{font-size:.57rem;bottom:.5rem;left:.5rem}}@keyframes drawer-enter{0%{opacity:.7;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=480px){.archive-project-notes{display:block}}@media (width<=800px) and (prefers-reduced-motion:reduce){html.archive-scroll{scroll-snap-type:none}.project-drawer[open]{animation:none}}