:root{--black:#0a0a09;--ink:#11110f;--bone:#e8e3d8;--orange:#ff4d00;--line:#e8e3d840;color:var(--bone);background:var(--black);font-synthesis:none;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);margin:0;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{z-index:1000;background:var(--bone);color:#111;padding:10px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.loader{z-index:999;background:#050505;place-items:center;transition:transform .9s cubic-bezier(.8,0,.2,1) .2s;display:grid;position:fixed;inset:0}.loader.done{transform:translateY(-100%)}.loader-mark{letter-spacing:-.1em;font:100px/.8 Archivo Black}.loader-mark span,.logo span{vertical-align:top;letter-spacing:0;font:8px DM Mono}.loader-bottom{border-top:1px solid #777;justify-content:space-between;padding-top:8px;font:10px DM Mono;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.loader-bottom b{font-size:34px}header{z-index:50;border-bottom:1px solid var(--line);mix-blend-mode:difference;grid-template-columns:110px 1fr auto 1fr;align-items:center;height:76px;padding:0 28px;display:grid;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.1em;font:30px Archivo Black}.header-role{text-transform:uppercase;font:9px/1.4 DM Mono}.header-role i{color:#999;font-style:normal}nav{text-transform:uppercase;gap:30px;font:10px DM Mono;display:flex}nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:all .3s;display:block;transform:scaleX(0)}nav a:hover:after{transform:scaleX(1)}.availability{border:1px solid var(--line);padding:10px 13px;font:9px DM Mono}.availability-wrap{justify-self:end}.availability i{background:var(--orange);width:6px;height:6px;box-shadow:0 0 12px var(--orange);border-radius:50%;margin-right:8px;display:inline-block}.menu{color:#fff;background:0 0;border:0;display:none}.cursor-ring{z-index:101;border:1px solid var(--bone);pointer-events:none;mix-blend-mode:difference;will-change:transform, width, height, opacity;border-radius:50%;place-items:center;width:42px;height:42px;margin:-21px 0 0 -21px;display:grid;position:fixed;top:0;left:0}.cursor-ring span{letter-spacing:.08em;font:7px DM Mono}.cursor-dot{z-index:102;pointer-events:none;mix-blend-mode:difference;will-change:transform, opacity;background:#fff;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:fixed;top:0;left:0}@media (any-pointer:fine){body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor [role=button]{cursor:none!important}}.scroll-rail{z-index:45;mix-blend-mode:difference;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:10px;height:56vh;font:7px DM Mono;display:flex;position:fixed;top:22vh;right:13px}.scroll-rail:before{content:"";background:#ffffff38;width:1px;position:absolute;top:17px;bottom:17px}.scroll-rail i{background:var(--orange);transform-origin:top;width:2px;position:absolute;top:17px;bottom:17px}.hero{background:#090909;height:118vh;min-height:780px;position:relative;overflow:hidden}.hero-media{filter:contrast(1.08);background-image:-webkit-linear-gradient(#0000000d,#00000040),-webkit-image-set(url(/assets/urban-world.avif) 1x type("image/avif"),url(/assets/urban-world.webp) 1x type("image/webp"));background-image:linear-gradient(90deg,#00000040,#0000000d),image-set("/assets/urban-world.avif" 1x type("image/avif"),"/assets/urban-world.webp" 1x type("image/webp"));background-position:50%;background-size:cover;position:absolute;inset:-5%}.blueprint{opacity:.18;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 65%);mask-image:linear-gradient(90deg,#0000 5%,#000 65%)}.lens{border:1px solid var(--orange);pointer-events:none;opacity:0;transform-origin:50%;will-change:transform, opacity;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;left:-130px;overflow:hidden;transform:scale(.72);box-shadow:0 0 0 1px #000,0 0 45px #ff4d0026}.lens:before{content:"";filter:grayscale()brightness(1.8)contrast(1.5);background-image:-webkit-image-set(url(/assets/urban-world.avif) 1x type("image/avif"),url(/assets/urban-world.webp) 1x type("image/webp"));background-image:image-set("/assets/urban-world.avif" 1x type("image/avif"),"/assets/urban-world.webp" 1x type("image/webp"));background-position:50%;background-size:cover;background-attachment:fixed;position:absolute;inset:-500px}.lens-grid{mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 7px,#ff4d004d 8px);position:absolute;inset:0}.coordinate{letter-spacing:.12em;font:8px/1.5 DM Mono;position:absolute}.c1{top:115px;left:28px}.c2{text-align:right;top:115px;right:28px}.hero h1{letter-spacing:-.085em;margin:0;font:clamp(58px,9vw,145px)/.73 Archivo Black;position:absolute;bottom:19vh;left:3vw}.hero h1>.reactive-line{display:block;overflow:hidden}.hero h1 .reactive-word.accent{letter-spacing:-.04em;color:var(--orange);padding-left:19vw;font-family:Instrument Serif;font-style:italic;font-weight:400}.hero-foot{width:min(420px,32vw);font-size:13px;line-height:1.5;position:absolute;bottom:17vh;right:3vw}.hero-foot p{max-width:350px}.hero-foot a{border-top:1px solid;justify-content:space-between;margin-top:24px;padding-top:9px;font:10px DM Mono;display:flex}.ticker{background:var(--orange);color:#090909;white-space:nowrap;align-items:center;height:54px;font:22px Archivo Black;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ticker-track{will-change:transform;align-items:center;width:max-content;min-width:max-content;height:100%;animation:18s linear infinite ticker;display:flex}.ticker-track span{flex:none;padding-right:1rem}@keyframes ticker{to{transform:translate(-25%)}}.manifesto{flex-direction:column;justify-content:center;min-height:100vh;padding:130px 3vw;display:flex;position:relative}.side-label,.section-head{letter-spacing:.14em;font:9px DM Mono}.side-label{writing-mode:vertical-rl;position:absolute;top:45%;left:3vw}.manifesto-copy{letter-spacing:-.055em;max-width:84vw;margin:0 0 0 9vw;font:clamp(42px,6.6vw,105px)/.94 Archivo Black}.manifesto-copy em{color:var(--orange);font-family:Instrument Serif;font-weight:400}.manifesto-notes{justify-content:flex-end;gap:30px;margin-top:70px;font:9px DM Mono;display:flex}.work{background:var(--bone);color:var(--black);padding:100px 3vw 150px;overflow:hidden}.section-head{border-top:1px solid;justify-content:space-between;padding-top:11px;display:flex}.work-title{justify-content:space-between;align-items:end;margin:85px 0 70px;display:flex}.work-title h2,.process>h2,.about h2{letter-spacing:-.085em;margin:0;font:clamp(65px,9vw,145px)/.78 Archivo Black}.work-title h2 i,.process>h2 i,.about h2 i{color:var(--orange);font-family:Instrument Serif;font-weight:400}.reactive-type{isolation:isolate;cursor:default;position:relative}.reactive-type:before{content:"";z-index:-1;opacity:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle 125px at var(--type-x) var(--type-y), #000 0 52%, transparent 74%);mask-image:radial-gradient(circle 125px at var(--type-x) var(--type-y), #000 0 52%, transparent 74%);background-image:linear-gradient(#ff4d0038 1px,#0000 1px),linear-gradient(90deg,#ff4d0038 1px,#0000 1px);background-size:18px 18px;transition:opacity .25s;position:absolute;inset:-10%}.reactive-type:hover:before{opacity:1}.reactive-line{white-space:nowrap;display:block}.reactive-type.wrap .reactive-line{white-space:normal}.reactive-word{display:inline-block}.reactive-word.accent{color:var(--orange);letter-spacing:-.04em;font-family:Instrument Serif;font-style:italic;font-weight:400}.reactive-char{transform:translate3d(var(--tx,0), var(--ty,0), 0) rotate(var(--rz,0));will-change:transform;transition:transform .42s cubic-bezier(.2,.8,.2,1);display:inline-block}.work-title p{max-width:340px;font-size:14px}.project-track{grid-template-columns:1.15fr .85fr 1fr;align-items:start;gap:18px;display:grid}.project{cursor:pointer}.project-depth:nth-child(2) .project-shell{margin-top:140px}.project-shell,.project-depth{will-change:transform}.project-no{margin-bottom:8px;font:9px DM Mono}.project-visual{color:#fff;background:#191919;border:1px solid #222;height:44vw;max-height:650px;position:relative;overflow:hidden}.project-visual.has-image{background:#090909}.project-visual.has-image>img{object-fit:cover;object-position:center top;filter:contrast(1.04);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;display:block}.project:hover .project-visual.has-image>img{filter:contrast(1.08)brightness(.9);transform:scale(1.035)}.project-visual.has-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#000000b3);position:absolute;inset:0}.project-visual.has-image>span{z-index:2;color:var(--bone)}.project.orange .project-visual{background:var(--orange);color:#080808}.project.silver .project-visual{color:#0b0b0a;background:linear-gradient(145deg,#d5d3cb,#3b3b37)}.project.blue .project-visual{background:#1830a0}.scanlines{mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 8px,#00000026 9px);position:absolute;inset:0}.project-glyph{letter-spacing:-.1em;place-items:center;font:clamp(60px,10vw,160px)/1 Archivo Black;display:grid;position:absolute;inset:0;transform:rotate(-8deg)}.wire-box{border:1px solid;position:absolute;inset:16%;transform:perspective(500px)rotateY(-22deg)rotateX(12deg)}.wire-box:before,.wire-box:after{content:"";border-left:1px solid;height:140%;position:absolute;top:-20%;left:50%}.wire-box:after{transform:rotate(90deg)}.project-visual>span{font:8px DM Mono;position:absolute;bottom:14px;left:14px}.project-info{border-top:1px solid;justify-content:space-between;margin-top:12px;padding-top:13px;display:flex}.project-info h3{margin:0 0 5px;font:25px Archivo Black}.project-info span{font:8px DM Mono}.case{z-index:90;background:var(--bone);color:var(--black);padding:8vw;position:fixed;inset:0;overflow:auto}.case>button{background:0 0;border:0;gap:8px;display:flex;position:fixed;top:25px;right:25px}.case>span{font:10px DM Mono}.case>h2{letter-spacing:-.1em;margin:35px 0;font:clamp(70px,13vw,190px)/.8 Archivo Black}.case>p{max-width:650px;font-size:22px;line-height:1.5}.case-meta{border-top:1px solid #999;border-bottom:1px solid #999;grid-template-columns:.65fr .65fr 1fr 2fr;gap:1px;margin-top:70px;display:grid}.case-meta>div{padding:16px 18px 20px 0}.case-meta span,.case-story span{letter-spacing:.12em;margin-bottom:13px;font:8px DM Mono;display:block}.case-meta b{font:500 11px/1.5 DM Mono;display:block}.case-story{grid-template-columns:1fr 1fr;gap:8vw;margin:100px 0 20px;display:grid}.case-story article{border-top:1px solid #999;padding-top:15px}.case-story p{margin:0;font-size:clamp(18px,2vw,28px);line-height:1.4}.case-stage{color:#fff;background:#111;place-items:center;height:70vh;margin-top:80px;display:grid}.case-stage.orange{background:var(--orange);color:#111}.case-stage.blue{background:#1830a0}.case-stage.silver{background:linear-gradient(135deg,#ddd,#333)}.case-stage.has-image{background:#090909;height:auto;min-height:70vh;overflow:hidden}.case-stage.has-image img{width:100%;height:auto;display:block}.case-stage b{letter-spacing:-.08em;font:12vw/.8 Archivo Black}.swipe-hint{text-align:center;margin-top:20px;font:8px DM Mono;display:none}.case-link{border-top:1px solid;border-bottom:1px solid;justify-content:space-between;align-items:center;margin-top:35px;padding:18px 0;font:11px DM Mono;display:flex}.case-link svg{width:20px}.process{background:var(--orange);color:#080808;padding:100px 3vw 140px}.process>h2{margin:100px 0}.process>h2 i,.process .reactive-word.accent{color:var(--bone)}.process-grid{border-top:1px solid;grid-template-columns:repeat(4,1fr);display:grid}.process-grid article{border-right:1px solid;min-height:500px;padding:18px 20px 30px}.process-grid article>span{font:9px DM Mono}.step-diagram{place-items:center;height:235px;display:grid;position:relative}.step-diagram i{border:1px solid;border-radius:50%;width:130px;height:130px;position:absolute}.step-diagram i:nth-child(2){border-radius:0;width:92px;height:92px;transform:rotate(45deg)}.step-diagram b{font:70px Archivo Black}.process-grid h3{font:25px Archivo Black}.process-grid p{max-width:200px;font-size:12px;line-height:1.5}.about{grid-template-columns:.8fr 1.2fr;gap:8vw;padding:130px 3vw;display:grid}.about-image{filter:grayscale();background-image:-webkit-image-set(url(/assets/urban-world.avif) 1x type("image/avif"),url(/assets/urban-world.webp) 1x type("image/webp"));background-image:image-set("/assets/urban-world.avif" 1x type("image/avif"),"/assets/urban-world.webp" 1x type("image/webp"));background-position:72%;background-size:auto 100%;min-height:750px;position:relative}.id-card{aspect-ratio:.7;color:#111;width:70%;box-shadow:20px 20px 0 var(--orange);background:#e6e1d7e6;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:absolute;top:12%;left:15%;transform:rotate(-4deg)}.id-card span,.id-card small{font:9px DM Mono}.id-card b{letter-spacing:-.12em;font:130px Archivo Black}.about h2{margin:80px 0;font-size:clamp(55px,7vw,110px)}.about-copy .lead{font-size:clamp(24px,2.5vw,38px);line-height:1.25}.about-copy>p:not(.lead){color:#aaa;max-width:650px;line-height:1.7}.skills{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:60px;display:grid}.skills span{border-bottom:1px solid var(--line);padding:15px 0;font:10px DM Mono}footer{background:var(--bone);color:#090909;padding:65px 3vw 25px}.footer-top,.footer-meta{border-top:1px solid;justify-content:space-between;padding-top:12px;font:9px DM Mono;display:flex}footer h2{letter-spacing:-.09em;margin:16vw 0;font:clamp(60px,9.5vw,155px)/.77 Archivo Black}.contact-headline{max-width:100%;margin:16vw 0;position:relative}.contact-headline h2{margin:0}.contact-arrow{position:absolute;bottom:0;right:1vw}.contact-arrow svg{width:8vw;height:8vw}footer h2 a,footer h2 .contact-line{align-items:end;display:flex}footer h2 i{color:var(--orange);font-family:Instrument Serif;font-weight:400}footer h2 svg{width:8vw;height:8vw;margin-left:auto}.footer-meta div{gap:25px;display:flex}.sound{z-index:55;border:1px solid var(--line);color:#fff;background:#0b0b0b;align-items:center;gap:8px;padding:10px;display:flex;position:fixed;bottom:20px;right:20px}.sound svg{width:14px}.sound span{font:8px DM Mono}@media (width<=750px){.cursor-ring,.cursor-dot,.scroll-rail,.header-role,.availability{display:none}header{justify-content:space-between;height:62px;padding:0 16px;display:flex}.menu{z-index:2;display:block}nav{background:var(--orange);color:#080808;flex-direction:column;justify-content:center;padding:25px;font:38px Archivo Black;transition:all .5s cubic-bezier(.8,0,.2,1);display:flex;position:fixed;inset:0;transform:translateY(-100%)}nav.open{transform:none}.hero{height:105svh;min-height:670px}.hero-media{background-image:-webkit-linear-gradient(#0000000d,#00000040),-webkit-image-set(url(/assets/urban-world-mobile.avif) 1x type("image/avif"),url(/assets/urban-world-mobile.webp) 1x type("image/webp"));background-image:linear-gradient(90deg,#00000040,#0000000d),image-set("/assets/urban-world-mobile.avif" 1x type("image/avif"),"/assets/urban-world-mobile.webp" 1x type("image/webp"));background-position:62%}.lens{display:none}.coordinate{top:88px}.c1{left:16px}.c2{right:16px}.hero h1{letter-spacing:-.07em;font-size:11vw;line-height:.82;bottom:27vh;left:15px}.hero h1 .serif{padding-left:10vw;font-size:1.35em}.hero h1>.reactive-line:nth-child(2){letter-spacing:-.09em;font-size:.82em}.hero-foot{justify-content:space-between;align-items:end;width:auto;display:flex;bottom:9vh;left:16px;right:16px}.hero-foot p{width:62%;font-size:11px}.hero-foot a{width:32%;font-size:8px}.ticker{height:38px;font-size:15px}.manifesto{min-height:90vh;padding:100px 16px}.side-label{display:none}.manifesto-copy{max-width:none;margin:0;font-size:12.6vw}.manifesto-notes{display:block}.manifesto-notes span{border-top:1px solid;padding:9px 0;display:block}.work,.process{padding:75px 16px 90px}.work-title{margin:60px 0 45px;display:block}.work-title p{margin-top:35px}.project-track{display:block}.project{margin-bottom:60px}.project-depth:nth-child(2) .project-shell{margin-top:0}.project-visual{height:118vw}.case{padding:100px 18px 30px}.case>h2{font-size:17vw}.case>p{font-size:17px}.case-meta{grid-template-columns:1fr 1fr;margin-top:45px}.case-meta>div{border-bottom:1px solid #aaa}.case-story{grid-template-columns:1fr;gap:50px;margin-top:65px}.case{overscroll-behavior:contain;touch-action:pan-y}.case>button{min-width:48px;min-height:48px}.swipe-hint{display:block}.process>h2{margin:70px 0}.process-grid{display:block}.process-grid article{border-bottom:1px solid;border-right:0;grid-template-columns:35px 1fr;align-items:center;min-height:0;padding:20px 0;display:grid}.step-diagram{height:150px}.process-grid h3,.process-grid p{grid-column:2}.about{padding:80px 16px;display:block}.about-image{min-height:125vw;margin-bottom:80px}.about h2{margin:60px 0}.skills{grid-template-columns:1fr}.footer-top span:last-child{display:none}footer{padding:50px 16px 20px}footer h2{font-size:11.5vw}.contact-headline{margin:28vw 0}.contact-arrow{bottom:-5vw;right:0}.footer-meta{flex-wrap:wrap;gap:25px}.footer-meta div{order:3;width:100%}.sound{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-media{transform:none!important}}