.corner-web{width:clamp(150px,22vw,340px);height:auto;color:var(--paper);opacity:.12;pointer-events:none;stroke:currentColor;stroke-width:1px;z-index:0;position:absolute}.corner-web path{vector-effect:non-scaling-stroke}.hero-web{top:0;right:0;transform:rotate(90deg)}.footer-web{color:#fff;opacity:.14;bottom:0;left:0;transform:rotate(-90deg)}.hanging-spider{pointer-events:none;z-index:0;width:56px;height:300px;position:absolute;top:0;right:clamp(16px,4vw,64px);overflow:hidden}.spider-swing{transform-origin:50% 0;animation:1.8s cubic-bezier(.16,1,.3,1) both spider-arrive}.spider-swing svg{transform-origin:50% 0;width:100%;height:auto;animation:7s ease-in-out infinite paused spider-sway;overflow:visible}.hanging-spider.is-visible .spider-swing svg{animation-play-state:running}.spider-thread{stroke:var(--paper);stroke-width:.8px;opacity:.35}.spider-mark{stroke:var(--acid);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spider-mark ellipse{fill:var(--acid);stroke:none}.portfolio .intro{isolation:isolate}.portfolio .hero-name,.portfolio .portfolio-hero-content{z-index:1;position:relative}.outro{isolation:isolate;overflow:hidden}.outro>:not(.corner-web):not(.spider-mask){z-index:1;position:relative}@keyframes spider-arrive{0%{transform:translateY(-250px)}to{transform:translateY(0)}}@keyframes spider-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.reduced .spider-swing,.reduced .spider-swing svg{animation:none}@media (width<=760px){.hero-web{opacity:.09;width:160px}.hanging-spider{width:32px;height:160px;top:0;right:16px}.footer-web{opacity:.1;width:170px}}@media (prefers-reduced-motion:reduce){.spider-swing,.spider-swing svg{animation:none}}#sc4{isolation:isolate;position:relative;overflow:hidden}#sc4 .section-pad{z-index:1;position:relative}.services-web{width:clamp(180px,32vw,480px);color:var(--acid);opacity:.18;top:0;right:0;transform:rotate(90deg)}.project-gallery{isolation:isolate;position:relative}.project-web{z-index:1;opacity:0;width:150px;color:var(--acid);filter:drop-shadow(0 1px 1px var(--ink));transition:opacity .35s;top:-18px;right:-18px;transform:rotate(90deg)}.project-gallery:hover .project-web,.project-gallery:focus-within .project-web{opacity:.48}.project-copy .project-cta{position:relative;overflow:hidden}.project-copy .project-cta:before{content:"";pointer-events:none;opacity:0;background-image:radial-gradient(#ffffff60 .7px,#0000 .9px);background-size:5px 5px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000);mask-image:linear-gradient(90deg,#0000 40%,#000)}.project-copy .project-cta:hover:before,.project-copy .project-cta:focus-visible:before{opacity:.5}.outro>.spider-mask{top:32px;right:calc(var(--gx) + var(--rail));pointer-events:none;opacity:.85;z-index:1;width:32px;height:39px;position:absolute}.mask-outline{fill:#781010;stroke:#ffffff90;stroke-width:1.2px}.mask-web{stroke:#ffffff38;stroke-width:.8px}.mask-eye{fill:#f7f7f2;stroke:#20201e;stroke-width:2px;stroke-linejoin:round}@media (width<=760px){.project-web{opacity:.2;width:92px;top:0;right:0}.services-web{opacity:.12;width:210px}.outro>.spider-mask{width:24px;height:29px;top:24px;right:var(--gx)}}@media (prefers-reduced-motion:reduce){.project-web{transition:none}}:root{--ink:#f7f7f2;--ink-2:#eeeee8;--paper:#20201e;--acid:#a61717;--dim:#20201ea8;--faint:#20201e29;--hair:#20201e14;--display:"Anton","Bebas Neue","League Gothic","Oswald","Impact","Haettenschweiler","Arial Narrow Bold","Arial Narrow","Nimbus Sans Narrow","Liberation Sans Narrow","Roboto Condensed","DejaVu Sans Condensed",sans-serif;--mono:"SF Mono","JetBrains Mono","IBM Plex Mono","Menlo","Consolas","DejaVu Sans Mono","Nimbus Mono PS",monospace;--sans:"Helvetica Neue","Arial","Nimbus Sans","Liberation Sans",sans-serif;--gx:clamp(16px,4vw,64px);--rail:56px}*,:before,:after{box-sizing:border-box}html{background:var(--ink);color:var(--paper);-webkit-text-size-adjust:100%;scroll-behavior:auto}body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}main{overflow-x:clip}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:50;background:var(--acid);color:var(--ink);font:600 13px/1 var(--mono);letter-spacing:.06em;padding:12px 14px;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px;line-height:1.6}.glyphdefs{width:0;height:0;position:absolute;overflow:hidden}.topbar{z-index:30;padding:14px var(--gx) 0;pointer-events:none;color:var(--paper);justify-content:space-between;align-items:center;gap:16px;transition:color .4s;display:flex;position:fixed;inset:0 0 auto}.topbar>*{pointer-events:auto}.brand{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:inherit;align-items:baseline;gap:12px;text-decoration:none;display:flex}.brand b{font:700 22px/1 var(--display);letter-spacing:.02em;font-synthesis:none}.brand b i{color:var(--acid);font-style:normal;transition:color .4s}.brand span{opacity:.62}.tc{font:500 11px/1 var(--mono);letter-spacing:.14em;opacity:.7;font-variant-numeric:tabular-nums}.tc b{color:var(--acid);font-weight:500;transition:color .4s}.toggle{appearance:none;border:1px solid var(--faint);color:inherit;font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#0a0a0a80;border-radius:999px;align-items:center;gap:9px;padding:9px 12px 9px 10px;transition:border-color .25s,background .25s,color .4s;display:inline-flex}.toggle:hover{border-color:var(--acid)}.toggle .dot{background:var(--acid);border-radius:50%;width:8px;height:8px;transition:background .25s,box-shadow .25s;box-shadow:0 0 0 3px #c6ff0029}.toggle[aria-pressed=false] .dot{box-shadow:inset 0 0 0 1.5px var(--dim);background:0 0}.tb-right{align-items:center;gap:22px;display:flex}body.on-acid .topbar,body.on-acid .brand b i,body.on-acid .tc b{color:var(--ink)}body.on-acid .toggle{background:#c6ff0099;border-color:#0a0a0a59}body.on-acid .toggle .dot{background:var(--ink);box-shadow:none}.rail{z-index:30;right:calc(var(--gx) - 4px);color:var(--paper);flex-direction:column;align-items:center;gap:14px;transition:opacity .5s,color .4s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.rail-label{writing-mode:vertical-rl;font:600 10px/1 var(--mono);letter-spacing:.2em;white-space:nowrap;font-variant-numeric:tabular-nums;transform:rotate(180deg)}.rail-label b{color:var(--acid);font-weight:600;transition:color .4s}.rail ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rail li{display:block}.seg{appearance:none;cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:10px;height:calc(8vh - 6px);min-height:26px;margin:0;padding:0 8px;display:flex;position:relative}.seg .trk{background:var(--faint);width:2px;height:100%;display:block;position:relative;overflow:hidden}.seg .fil{background:var(--acid);transform-origin:50% 0;transition:background .4s;position:absolute;inset:0;transform:scaleY(0)}.seg .num{opacity:0;font:600 10px/1 var(--mono);letter-spacing:.16em;white-space:nowrap;pointer-events:none;background:var(--ink);padding:5px 7px;transition:opacity .25s,transform .25s;position:absolute;top:50%;right:22px;transform:translate(6px,-50%)}.seg:hover .num,.seg:focus-visible .num{opacity:1;transform:translateY(-50%)}.seg.on .trk{width:4px}body.on-acid .rail{color:var(--ink)}body.on-acid .seg .trk{background:#0a0a0a33}body.on-acid .seg .fil,body.on-acid .rail-label b{background:var(--ink)}body.on-acid .rail-label b{color:var(--ink);background:0 0}body.at-top .rail{opacity:.35}.brand,.tc{transition:opacity .35s}body.zooming .brand,body.zooming .tc,body.zooming .rail{opacity:0}.intro{min-height:100svh;padding:78px calc(var(--gx) + var(--rail)) 0 var(--gx);border-bottom:1px solid var(--hair);flex-direction:column;display:flex;position:relative}.intro-grid{pointer-events:none;background:linear-gradient(var(--hair) 1px,transparent 1px) 0 0/100% 25%, linear-gradient(90deg,var(--hair) 1px,transparent 1px) 0 0/12.5% 100%;opacity:.55;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 92%);mask-image:linear-gradient(#000 30%,#0000 92%)}.slate{color:var(--dim);border-bottom:1px solid var(--faint);justify-content:space-between;gap:12px;padding-bottom:14px;display:flex;position:relative}.slate span:nth-child(2){color:var(--acid)}.title{align-items:flex-end;gap:0;margin:clamp(18px,3.4vh,40px) 0 0;font-size:0;line-height:0;display:flex;position:relative}.title svg{height:auto;display:block;overflow:hidden}.title .glyph{animation:1s cubic-bezier(.16,1,.3,1) forwards rise;transform:translateY(420px)}.title .g2{animation-delay:80ms}.title .g3{animation-delay:.16s}.title .g4{animation-delay:.24s}.title .g5{animation-delay:.32s}.title .counter{fill:var(--acid);animation:1s cubic-bezier(.16,1,.3,1) 80ms forwards rise,3.6s ease-in-out 1.4s infinite breathe;transform:translateY(420px)}.title-wrap{transform-origin:0 100%;display:block}@keyframes rise{to{transform:translateY(0)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.78}}.intro-meta{opacity:0;grid-template-columns:1.25fr 1fr auto;align-items:end;gap:clamp(18px,3vw,48px);padding:clamp(18px,3vh,34px) 0 clamp(20px,3vh,32px);animation:.9s .55s forwards fadein;display:grid;position:relative}@keyframes fadein{to{opacity:1}}.kicker{font:700 clamp(30px,4.4vw,68px)/.9 var(--display);text-transform:uppercase;letter-spacing:.005em;font-synthesis:none;margin:0}.kicker em{color:var(--acid);font-style:normal}.lede{max-width:44ch;font:400 12.5px/1.75 var(--mono);color:var(--dim);letter-spacing:.02em;margin:0}.lede b{color:var(--paper);font-weight:600}.cue{color:var(--paper);font:600 10px/1 var(--mono);letter-spacing:.2em;flex-direction:column;align-items:flex-end;gap:10px;text-decoration:none;display:flex}.cue .shaft{background:var(--faint);width:1px;height:64px;position:relative;overflow:hidden}.cue .shaft:after{content:"";background:var(--acid);width:1px;height:22px;animation:1.8s cubic-bezier(.6,0,.3,1) infinite drip;position:absolute;top:0;left:0}@keyframes drip{0%{transform:translateY(-24px)}to{transform:translateY(66px)}}.ticker{margin:auto calc(-1 * (var(--gx) + var(--rail))) 0 calc(-1 * var(--gx));background:var(--acid);color:var(--ink);white-space:nowrap;align-items:center;height:44px;display:flex;position:relative;overflow:hidden}.ticker-in{will-change:transform;animation:26s linear infinite tick;display:inline-flex}.ticker span{font:700 22px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;font-synthesis:none;padding:0 18px}.ticker span.m{font:600 11px/1 var(--mono);letter-spacing:.2em;padding:0 6px}@keyframes tick{to{transform:translate(-50%)}}.scene{height:calc(var(--len,300) * 1vh);position:relative}.stage{height:100svh;padding:0 calc(var(--gx) + var(--rail)) 0 var(--gx);contain:paint;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.hud{color:var(--dim);z-index:3;align-items:baseline;gap:18px;padding-top:66px;display:flex;position:relative}.hud .no{color:var(--acid);font-weight:600}.hud .t{font-variant-numeric:tabular-nums;text-align:right;min-width:11ch;margin-left:auto}.hud .bar{background:var(--faint);flex:1;align-self:center;max-width:220px;height:1px;position:relative;overflow:hidden}.hud .bar i{background:var(--acid);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.ghost{right:calc(var(--gx) + var(--rail) - .04em);font:700 min(62vh,48vw)/.8 var(--display);font-synthesis:none;color:#0000;-webkit-text-stroke:1px #f1f1ec12;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;letter-spacing:-.02em;position:absolute;bottom:-.12em}.play{z-index:1;flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative}.foot{z-index:3;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:clamp(20px,4vh,40px);display:flex;position:relative}.foot .body{max-width:42ch;font:400 clamp(14px,1.15vw,17px)/1.55 var(--sans);color:var(--paper);opacity:0;margin:0;transform:translateY(12px)}.foot .body b{color:var(--acid);font-weight:600}.foot .anno{text-align:right;color:var(--dim);white-space:nowrap;margin:0}.dsp{font-family:var(--display);font-synthesis:none;text-transform:uppercase;letter-spacing:.004em;margin:0;font-weight:700;line-height:.86}.ch{will-change:auto;display:inline-block}.acc{color:var(--acid)}.s1 .ln{white-space:nowrap;display:block}.s1 .reg{opacity:.5;width:18px;height:18px;position:absolute}.s1 .reg:before,.s1 .reg:after{content:"";background:var(--acid);position:absolute}.s1 .reg:before{width:1px;height:18px;top:0;left:8px}.s1 .reg:after{width:18px;height:1px;top:8px;left:0}.s1 .block{align-self:flex-start;position:relative}.s1 .r1{top:-24px;left:-26px}.s1 .r2{top:-24px;right:-26px}.s1 .r3{bottom:-18px;left:-26px}.s1 .r4{bottom:-18px;right:-26px}.s2{flex-direction:column;gap:clamp(4px,1vh,12px);display:flex}.sl{white-space:nowrap;border-top:1px solid var(--faint);padding-top:32px;display:block;position:relative}.sl:last-child{border-bottom:1px solid var(--hair)}.sw{transform-origin:0;padding-top:.04em;display:inline-block}.sx{line-height:1;font:600 11px/1 var(--mono);letter-spacing:.12em;color:var(--acid);font-variant-numeric:tabular-nums;background:var(--ink);padding:3px 0 3px 8px;position:absolute;top:6px;right:0}.s3 .cut{white-space:nowrap;width:100%;position:relative}.s3 .half{text-align:center;display:block;position:relative}.s3 .half.bot{position:absolute;top:0;left:0;right:0}.s3 .cut{--cut:50%}.s3 .half.top{clip-path:polygon(-20% -60%,120% -60%,120% var(--cut),-20% var(--cut))}.s3 .half.bot{clip-path:polygon(-20% var(--cut),120% var(--cut),120% 160%,-20% 160%)}.s3 .band{left:calc(-1 * var(--gx));right:calc(-1 * (var(--gx) + var(--rail)));top:var(--cut);background:var(--acid);color:var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;transform:translateY(-50%)scaleY(0)}.s3 .band-in{white-space:nowrap;display:block}.s3 .blade{left:calc(-1 * var(--gx));right:calc(-1 * (var(--gx) + var(--rail)));top:var(--cut);background:var(--acid);transform-origin:0;height:2px;margin-top:-1px;position:absolute;transform:scaleX(0)}.s3 .cutlabel{right:0;top:var(--cut);color:var(--acid);opacity:0;font-variant-numeric:tabular-nums;position:absolute;transform:translateY(-160%)}.s3 .band-meta{left:var(--gx);font:600 10px/1 var(--mono);letter-spacing:.18em;opacity:.7;position:absolute;top:10px}.s4{flex-direction:column;gap:clamp(6px,1.6vh,18px);display:flex}.dl{white-space:nowrap;display:block;position:relative}.dl:after{content:"";background:var(--faint);height:1px;position:absolute;bottom:0;left:0;right:0}.dw{perspective:700px;perspective-origin:50% -160%;display:inline-block;position:relative}.dm{transform-origin:50% 100%;backface-visibility:visible;display:inline-block;transform:rotateX(90deg)}.tk{background:var(--acid);opacity:0;height:3px;position:absolute;bottom:-7px;left:18%;right:18%}.gap{width:.24em;display:inline-block}.s5{align-items:center}.prism-wrap{perspective:1600px;margin:0 auto;position:relative}.prism{width:100%;height:100%;transform-style:preserve-3d;position:relative}.face{backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.face span{white-space:nowrap;padding-top:.06em;display:block}.face .shade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.face .fm{font:600 10px/1 var(--mono);letter-spacing:.2em;opacity:.7;position:absolute;top:12px;left:14px}.f0{background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px var(--faint)}.f1{background:var(--acid);color:var(--ink)}.f2{background:var(--paper);color:var(--ink)}.f3{background:var(--ink-2);color:var(--acid);box-shadow:inset 0 0 0 1px #c6ff0066}.prism-static{display:none}.faceidx{color:var(--dim);text-align:center;font-variant-numeric:tabular-nums;margin-top:clamp(14px,3vh,28px)}.faceidx b{color:var(--acid);font-weight:600}.prompt{color:var(--dim);margin:0 0 clamp(10px,2vh,22px)}.prompt b{color:var(--acid);font-weight:600}.typed{max-width:14ch;min-height:3.5em;font-size:clamp(44px,8.6vw,150px)}.typed .tb{color:var(--dim)}.typed .tb.flag{color:var(--dim);text-decoration:line-through;-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid);text-decoration-thickness:.07em}.caret{background:var(--acid);vertical-align:-.02em;width:.09em;height:.74em;margin-left:.04em;animation:1.05s step-end infinite blink;display:inline-block}.typed.busy .caret{animation:none}@keyframes blink{50%{opacity:0}}.keys{color:var(--dim);font-variant-numeric:tabular-nums;margin:clamp(12px,2.4vh,26px) 0 0}.keys b{color:var(--paper);font-weight:600}.s7{align-items:center}.pre{text-align:center;margin:0 0 clamp(12px,2.4vh,28px);font-size:clamp(28px,4.2vw,64px)}.zoom-wrap{line-height:0;position:relative}.zoom-wrap svg{width:100%;height:auto;display:block;overflow:hidden}.zoom-wrap .counter{fill:var(--acid)}.flood{background:var(--acid);opacity:0;pointer-events:none;z-index:4;position:absolute;inset:0}.outro{background:var(--acid);color:var(--ink);padding:110px calc(var(--gx) + var(--rail)) 48px var(--gx);position:relative}.outro .mono{color:#0a0a0ab3}.outro-head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.yours{letter-spacing:-.005em;margin:.2em 0 0;font-size:clamp(96px,23vw,380px);line-height:.8}.stats{border-top:2px solid var(--ink);min-width:220px;margin:0}.stats div{border-bottom:1px solid #0a0a0a40;justify-content:space-between;gap:24px;padding:9px 0;display:flex}.stats dt{opacity:.7}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.yours span{display:block}.outro-cols{border-top:2px solid var(--ink);grid-template-columns:1fr 1.4fr;gap:clamp(24px,5vw,80px);margin-top:clamp(36px,7vh,80px);padding-top:22px;display:grid}.outro-cols h3{font:600 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}.outro p.small{font:400 15px/1.6 var(--sans);max-width:40ch;margin:0 0 14px}.index{counter-reset:ix;margin:0;padding:0;list-style:none}.index li{border-bottom:1px solid #0a0a0a38;grid-template-columns:4.5ch 9ch 1fr;align-items:baseline;gap:12px;padding:12px 0;display:grid}.index li:first-child{border-top:1px solid #0a0a0a38}.index .n{font:600 11px/1 var(--mono);letter-spacing:.14em}.index .k{font:600 10px/1 var(--mono);letter-spacing:.16em;opacity:.7}.index button{appearance:none;color:inherit;text-align:left;cursor:pointer;font:700 clamp(20px,2.4vw,34px)/.95 var(--display);text-transform:uppercase;font-synthesis:none;background:0 0;border:0;margin:0;padding:0;transition:transform .25s cubic-bezier(.2,.9,.3,1.2)}.index button:hover{transform:translate(8px)}.replay{appearance:none;border:2px solid var(--ink);background:var(--ink);color:var(--acid);font:600 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;align-items:center;gap:12px;margin-top:22px;padding:14px 18px;transition:background .2s,color .2s;display:inline-flex}.replay:hover{color:var(--ink);background:0 0}.colophon{border-top:1px solid #0a0a0a4d;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(40px,8vh,90px);padding-top:16px;display:flex}body.static .scene{height:auto}body.static .stage{height:auto;min-height:100svh;position:relative}body.static .play{padding:6vh 0}body.static .reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(18px)}body.static .reveal.in,body.static .foot .body{opacity:1;transform:none}body.static .prism-wrap,body.static .faceidx{display:none}body.static .prism-static{text-align:center;font-size:clamp(52px,11vw,170px);display:block}body.static .prism-static span{display:block}body.static .prism-static span:nth-child(2){color:var(--acid)}body.static .flood{display:none}body.static .ticker-in,body.static .cue .shaft:after,body.static .title .counter{animation-play-state:paused}@media (width<=760px){:root{--rail:0px}.tc,.brand span{display:none}.rail{top:auto;bottom:10px;right:var(--gx);left:var(--gx);flex-direction:row;align-items:center;gap:10px;transform:none}.rail-label{writing-mode:horizontal-tb;font-size:9px;transform:none}.rail ol{flex-direction:row;flex:1;gap:4px}.rail li{flex:1}.seg{width:100%;height:22px;min-height:0;padding:0}.seg .trk{width:100%;height:2px}.seg.on .trk{width:100%;height:4px}.seg .fil{transform-origin:0;transform:scaleX(0)}.seg .num{display:none}body.at-top .rail{opacity:0;pointer-events:none}.intro-meta{grid-template-columns:1fr;gap:16px}.cue{flex-direction:row;justify-content:flex-start;align-items:center}.cue .shaft{width:48px;height:1px}.cue .shaft:after{width:18px;height:1px;animation-name:dripx}.slate span:nth-child(3){display:none}.hud{gap:12px;padding-top:58px}.hud .bar,.s3 .band-meta,.face .fm{display:none}body.on-acid .rail{opacity:0;pointer-events:none}.foot{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:52px}.foot .anno{text-align:left;white-space:normal}.outro-cols{grid-template-columns:1fr}.outro-head{flex-direction:column;align-items:stretch}.stats{min-width:0}.index li{grid-template-columns:4ch 1fr}.index .k{display:none}}@keyframes dripx{0%{transform:translate(-20px)}to{transform:translate(50px)}}@media (prefers-reduced-motion:reduce){.title .glyph,.title .counter{animation:none;transform:none}.intro-meta{opacity:1;animation:none}.ticker-in,.cue .shaft:after{animation:none}}#root{min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}.topbar{background:linear-gradient(#0a0a0ae8,#0000);padding-bottom:16px}.letter{display:inline-block}.hero-name{letter-spacing:-.045em;gap:3vw;margin:30px 0 0;font-size:clamp(70px,15vw,240px);line-height:.96;display:flex;overflow:hidden}.hero-name>span{white-space:nowrap}.portfolio-hero-content{flex:1;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;min-height:340px;display:grid}.portfolio-hero-content .lede{margin:22px 0}.portrait{object-fit:contain;filter:grayscale();align-self:end;max-width:100%;max-height:48vh;display:block}.portfolio-hero-content .cue{margin-bottom:40px}.text-link{text-underline-offset:6px;color:var(--acid);margin-bottom:36px;display:inline-block}.ticker{flex-shrink:0}.scene{height:240vh}.foot .body{opacity:1;transform:none}.foot>.mono{color:var(--dim);font-size:9px}.assembly{font-size:clamp(66px,10vw,160px);line-height:.9}.assembly>span{display:block}.assembly-scene .play{grid-template-columns:1.25fr 1fr;align-items:center;gap:4vw;display:grid}.bio{color:var(--dim);max-width:36ch;font-size:clamp(16px,1.7vw,25px);line-height:1.6}.personal-gallery{padding:30px calc(var(--gx) + var(--rail)) 80px var(--gx);gap:10px;display:flex}.personal-gallery img{object-fit:cover;filter:grayscale();width:calc(20% - 8px);height:clamp(150px,27vw,380px);transition:filter .3s}.personal-gallery img:hover{filter:none}.stretch-line{border-top:1px solid var(--faint);padding:.15em 0;display:block;overflow:hidden}.stretch-line:nth-child(2){color:var(--acid)}.stretch-word{display:inline-block}.split-title{text-align:center;font-size:clamp(50px,12vw,195px);position:relative}.split-top{clip-path:inset(0 0 50%);display:block}.split-bottom{clip-path:inset(50% 0 0);position:absolute;inset:0}.split-band{left:calc(-1 * var(--gx));right:calc(-1 * (var(--gx) + var(--rail)));background:var(--acid);color:var(--ink);padding:.2em 0;font-size:.5em;position:absolute;top:35%}.project-section{padding:0 calc(var(--gx) + var(--rail)) 80px var(--gx)}.project-entry{border-top:1px solid var(--faint);grid-template-columns:1fr 1.6fr;gap:4vw;padding:70px 0;display:grid}.project-copy h3{overflow-wrap:anywhere;margin:25px 0;font-size:clamp(42px,5vw,80px)}.project-copy p:not(.mono){color:var(--dim);max-width:40ch;line-height:1.7}.tech-list{flex-wrap:wrap;gap:8px;margin:30px 0;padding:0;list-style:none;display:flex}.tech-list li{font:11px var(--mono);border:1px solid var(--faint);padding:8px 10px}.project-gallery{min-width:0}.project-main{object-fit:contain;border:1px solid var(--faint);background:#171717;width:100%;height:clamp(230px,30vw,470px);display:block}.project-thumbs{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.project-thumbs button{cursor:pointer;border:1px solid var(--faint);background:var(--ink);min-width:0;color:var(--dim);text-align:left;padding:5px}.project-thumbs button[aria-pressed=true]{border-color:var(--acid);color:var(--acid)}.project-thumbs img{object-fit:contain;background:#171717;width:100%;height:90px}.project-thumbs span{padding:6px;display:block}.natural{height:auto}.section-pad{padding:30px calc(var(--gx) + var(--rail)) 80px var(--gx)}.section-heading{margin:60px 0;font-size:clamp(60px,10vw,155px)}.service-list{perspective:1000px}.service-item{border-top:1px solid var(--faint);grid-template-columns:40px 1fr 1fr;align-items:baseline;gap:25px;padding:35px 0;display:grid}.service-item h3{font-size:clamp(28px,3.3vw,52px)}.service-item p{color:var(--dim);margin:0;font-size:14px;line-height:1.7}.portfolio-prism-wrap{--depth:clamp(65px,12vw,160px);perspective:1600px;width:100%;height:calc(var(--depth)*2);margin:60px 0}.portfolio-prism{width:100%;height:100%;transform-style:preserve-3d}.portfolio-face{backface-visibility:hidden;border:1px solid var(--faint);background:var(--ink-2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portfolio-face>.mono{position:absolute;top:14px;left:16px}.portfolio-face>.dsp{font-size:clamp(46px,9vw,140px)}.face-0{transform:translateZ(var(--depth))}.face-1{transform:rotateX(90deg) translateZ(var(--depth));background:var(--acid);color:var(--ink)}.face-2{transform:rotateX(180deg) translateZ(var(--depth));background:var(--paper);color:var(--ink)}.face-3{transform:rotateX(270deg) translateZ(var(--depth));color:var(--acid)}.static-approach{display:none}.portfolio-typed{overflow-wrap:break-word;max-width:14ch;min-height:3.5em;font-size:clamp(46px,9vw,145px)}.partners>div{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.partners img{object-fit:contain;background:var(--paper);filter:grayscale();width:150px;height:85px;padding:14px}.zoom-word{text-align:center;transform-origin:50%;font-size:clamp(140px,30vw,450px)}#sc7 .play>.mono{text-align:center}.yours{font-size:clamp(65px,15vw,240px)}.contact-email{color:var(--ink);font:clamp(14px,2.6vw,36px) var(--mono);overflow-wrap:anywhere;text-underline-offset:8px;margin-top:40px;display:inline-block}.reduced .scene{height:auto}.reduced .stage{height:auto;min-height:90svh;position:relative}.reduced .play{padding:70px 0}.reduced .flood,.reduced .portfolio-prism-wrap{display:none}.reduced .static-approach{font-size:clamp(38px,7vw,100px);display:block}.reduced .ticker-in,.reduced .caret,.reduced .cue .shaft:after{animation:none}.reduced .split-top,.reduced .split-bottom{visibility:hidden}.reduced .split-title .sr{clip:auto;white-space:normal;width:auto;height:auto;position:static!important}.reduced .split-band{display:none}@media (width<=760px){.hero-name{flex-direction:column;gap:0;font-size:20vw;line-height:.95}.portfolio-hero-content{grid-template-columns:1fr 1fr;gap:12px;min-height:260px}.portfolio-hero-content .kicker{font-size:25px}.portfolio-hero-content .lede{font-size:11px}.portfolio-hero-content .cue{display:none}.portrait{width:100%;max-height:300px}.assembly-scene .play{align-items:flex-start;gap:25px;display:flex}.assembly{font-size:19vw}.bio{max-width:100%;margin:0;font-size:14px}.personal-gallery{flex-wrap:wrap;gap:8px}.personal-gallery img{width:calc(50% - 4px);height:180px}.personal-gallery img:last-child{width:100%}.project-entry{grid-template-columns:1fr;gap:25px;padding:40px 0}.project-thumbs img{height:65px}.service-item{grid-template-columns:25px 1fr;gap:12px}.service-item p{grid-column:2}.portfolio-face>.mono{font-size:8px;top:8px}.portfolio-face>.dsp{font-size:10vw}.foot{gap:10px}.partners img{width:calc(50% - 10px)}.outro{padding-bottom:70px}}.portfolio{background:var(--ink);min-height:100vh;color:var(--paper);transition:background-color .5s,color .5s}.intro,.scene,.project-section,.personal-gallery,.partners{color:var(--paper);background:0 0}.portfolio[data-theme=dark]{--ink:#1c1c1a;--ink-2:#292927;--paper:#f7f7f2;--acid:#e78080;--dim:#f7f7f2ad;--faint:#f7f7f22e;--hair:#f7f7f217}.ghost{-webkit-text-stroke-color:var(--hair)}.topbar{color:#fff;mix-blend-mode:difference;background:0 0}.topbar .brand i,.topbar .tc b{color:#fff}.topbar .toggle{color:#fff;background:0 0;border-color:#ffffff80}.topbar .dot{box-shadow:none;background:#fff}.rail{color:#fff;mix-blend-mode:difference}.rail .trk{background:#ffffff50}.rail .fil{background:#fff}.rail .num{background:#11131a}.portfolio-hero-content{grid-template-columns:1fr auto;min-height:260px;padding:30px 0 20px}.portfolio-hero-content>div{grid-template-columns:1.1fr 1fr;align-items:center;gap:16px 5vw;display:grid}.portfolio-hero-content .text-link{grid-column:1/-1}.ticker,.split-band{color:#fff}.project-main,.project-thumbs img{background:var(--ink-2)}.partners .partners-window{margin-top:30px;display:block;overflow:hidden}.partners-track{width:max-content;animation:24s linear infinite partners-scroll;display:flex}.partners-group{flex-shrink:0;align-items:center;gap:24px;padding-right:24px;display:flex}.partners .partners-group img{filter:none;background:#eeeee8;flex-shrink:0;width:180px;height:100px}.partners-window:hover .partners-track{animation-play-state:paused}@keyframes partners-scroll{to{transform:translate(-50%)}}.reduced .partners-track{animation:none}.reduced .partners-track .partners-group[aria-hidden=true]{display:none}.reduced .partners .partners-window{overflow-x:auto}.final-zoom{height:380vh}.final-zoom .zoom-wrap{flex-shrink:0}.final-zoom .flood{background:#a61717}.portfolio.zooming .topbar .brand,.portfolio.zooming .tc,.portfolio.zooming .rail{opacity:0;pointer-events:none}.outro{color:#fff;background:#a61717}.outro .mono,.outro .contact-email{color:#fff}.outro-cols{border-color:#ffffff90}.outro .index li,.outro .colophon{border-color:#ffffff50}.outro .replay{color:#a61717;background:#fff;border-color:#fff}.outro .replay:hover{color:#fff;background:0 0}.outro :focus-visible{outline-color:#fff}@media (width<=760px){.portfolio-hero-content{grid-template-columns:1fr;min-height:220px}.portfolio-hero-content>div{grid-template-columns:1fr;gap:0}.portfolio-hero-content .kicker{font-size:34px}.portfolio-hero-content .lede{max-width:40ch;font-size:12px}.partners .partners-group img{width:140px;height:85px}}@media (prefers-reduced-motion:reduce){.partners-track{animation:none}}.portfolio>.topbar,.portfolio>.rail{display:none}.more-projects{border-top:1px solid var(--faint);border-bottom:1px solid var(--faint);width:min(100%,420px);color:var(--paper);font:600 clamp(14px,1.5vw,18px) var(--sans);justify-content:space-between;align-items:center;margin:10px 0 30px auto;padding:20px 0;text-decoration:none;display:flex}.more-projects:hover{color:#a61717}.works-page{background:var(--ink);min-height:100vh;color:var(--paper);overflow:hidden}.works-header{padding:24px var(--gx);border-bottom:1px solid var(--faint);justify-content:space-between;align-items:center;display:flex}.works-back{color:inherit;font:600 12px var(--sans);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.works-back:hover{color:#a61717}.works-hero{padding:clamp(90px,16vh,190px) var(--gx) clamp(70px,12vh,140px);border-bottom:1px solid var(--faint);isolation:isolate;position:relative}.works-hero>:not(.corner-web){z-index:1;position:relative}.works-hero h1{letter-spacing:-.04em;margin:28px 0;font-size:clamp(76px,16vw,240px);line-height:.82}.works-hero h1 span{color:#a61717}.works-intro{max-width:38ch;color:var(--dim);margin:0 0 0 auto;font-size:clamp(14px,1.5vw,20px);line-height:1.6}.works-web{color:#a61717;opacity:.18;width:clamp(240px,35vw,520px);top:20px;right:-20px;transform:rotate(90deg)}.works-filter-section{padding:30px var(--gx);border-bottom:1px solid var(--faint);background:var(--ink);z-index:10;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:sticky;top:0}.works-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.works-filters button{border:1px solid var(--faint);min-height:44px;color:var(--paper);font:600 12px var(--sans);cursor:pointer;background:0 0;align-items:center;gap:18px;padding:11px 15px;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.works-filters button span{font:10px var(--mono);opacity:.55}.works-filters button:hover{color:#a61717;border-color:#a61717}.works-filters button.is-active{color:#fff;background:#a61717;border-color:#a61717}.works-filters button.is-active span{opacity:.8}.works-result-count{color:var(--dim);white-space:nowrap;margin:0}.works-list{padding:0 var(--gx)}.works-card{border-bottom:1px solid var(--faint);grid-template-columns:minmax(240px,.75fr) minmax(0,1.5fr);align-items:center;gap:clamp(28px,6vw,100px);padding:clamp(60px,10vw,150px) 0;display:grid}.works-card:nth-child(2n){background:var(--ink-2);margin-inline:calc(-1 * var(--gx));padding-inline:var(--gx)}.works-card-copy h2{overflow-wrap:anywhere;margin:22px 0;font-size:clamp(50px,7vw,110px);line-height:.88}.works-card-copy>p:not(.mono){max-width:38ch;color:var(--dim);font-size:15px;line-height:1.7}.works-image-button{background:var(--ink-2);cursor:zoom-in;border:0;width:100%;padding:0;position:relative;overflow:hidden}.works-image-button img{object-fit:contain;width:100%;height:clamp(260px,46vw,620px);transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}.works-image-button:hover img{transform:scale(1.035)}.works-image-button span{color:#fff;background:#20201ee8;align-items:center;gap:8px;padding:10px 13px;display:inline-flex;position:absolute;bottom:16px;right:16px}.works-footer{isolation:isolate;padding:clamp(80px,13vh,170px) var(--gx) 30px;color:#fff;background:#a61717;position:relative;overflow:hidden}.works-footer>:not(.corner-web):not(.spider-mask){z-index:1;position:relative}.works-footer>h2{margin:34px 0;font-size:clamp(76px,17vw,250px);line-height:.8}.works-footer>h2 span{color:#20201e}.works-footer-bottom{z-index:1;border-top:1px solid #fff6;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(60px,10vh,120px);padding-top:20px;display:flex;position:relative}.works-footer .footer-socials{color:#fff}@media (width<=760px){.works-header{padding:16px var(--gx)}.works-hero{padding-top:100px}.works-hero h1{font-size:20vw}.works-intro{max-width:34ch;margin:0}.works-filter-section{flex-direction:column;align-items:flex-start;padding-block:20px;position:relative}.works-filters{width:100%}.works-filters button{flex:1;justify-content:space-between;min-width:120px}.works-card,.works-card:nth-child(2n){margin-inline:calc(-1 * var(--gx));padding-inline:var(--gx);flex-direction:column;align-items:stretch;gap:28px;padding-block:62px;display:flex}.works-card-copy h2{font-size:17vw}.works-image-button img{height:70vw;max-height:430px}.works-footer>h2{font-size:17vw}.works-footer-bottom{flex-direction:column;align-items:flex-start}}.portfolio :is(.scene,.intro,.project-section,.personal-gallery,.partners,.dsp,.acc,.mono,.bio,.lede,.kicker em,.body,.service-item p,.project-copy p,.tech-list li,.project-thumbs button){transition:color .5s,background-color .5s,border-color .5s}.portfolio .ticker{color:#f7f7f2;background:#20201e}.portfolio .hero-name>.acc{color:var(--paper)}.portfolio .hero-name>.acc .letter:last-child{color:var(--acid)}.final-zoom{--acid:#a61717}.portfolio.reduced,.portfolio.reduced *{transition-duration:0s!important}@media (prefers-reduced-motion:reduce){.portfolio,.portfolio *{transition-duration:0s!important}}.project-cta{color:#fff;font:600 12px var(--sans);cursor:pointer;background:#a61717;border:1px solid #a61717;justify-content:space-between;align-items:center;gap:36px;padding:15px 20px;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.project-cta:hover{background:#841212;transform:translateY(-2px)}.project-preview{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.preview-hint{color:#fff;font:11px var(--mono);background:#20201e;border:1px solid #ffffff30;padding:9px 13px;position:absolute;bottom:12px;right:12px}.project-preview:hover .preview-hint{background:#a61717}.project-viewer{--ink:#f7f7f2;--paper:#20201e;--acid:#a61717;--faint:#20201e25;box-sizing:border-box;background:var(--ink);width:min(1440px,96vw);max-width:96vw;max-height:94dvh;color:var(--paper);overscroll-behavior:contain;border:1px solid #ffffff20;margin:auto;padding:0;box-shadow:0 24px 100px #0006}.project-viewer::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141412d9}.viewer-header{z-index:2;background:#f7f7f2;border-bottom:1px solid #20201e25;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;position:sticky;top:0}.viewer-back,.viewer-controls button{color:inherit;font:600 12px var(--sans);cursor:pointer;background:0 0;border:1px solid #20201e30;padding:12px 16px}.viewer-back:hover,.viewer-controls button:hover{color:#a61717;border-color:#a61717}.viewer-content{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:32px;padding:28px;display:grid}.viewer-media{min-width:0}.viewer-image{object-fit:contain;background:#eaeae5;width:100%;height:55dvh;display:block}.viewer-controls{justify-content:space-between;gap:12px;margin:14px 0;display:flex}.viewer-thumbs{gap:10px;display:flex}.viewer-thumbs button{cursor:pointer;background:#eaeae5;border:2px solid #0000;width:100px;padding:4px}.viewer-thumbs button[aria-pressed=true]{border-color:#a61717}.viewer-thumbs img{object-fit:contain;width:100%;height:60px;display:block}.viewer-info h2{font:clamp(32px,4vw,60px)/1 var(--display);overflow-wrap:anywhere;margin:20px 0}.viewer-info>p:not(.mono){font:15px/1.7 var(--sans);color:#595955}.viewer-info h3{font:600 12px var(--mono);text-transform:uppercase;margin-top:32px}.viewer-info .tech-list{margin:16px 0 30px}.viewer-info .mono{color:#a61717}@media (width<=760px){.project-viewer{border:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.viewer-header{gap:10px;padding:12px}.viewer-header>.mono:nth-child(2){display:none}.viewer-content{grid-template-columns:1fr;gap:24px;padding:16px}.viewer-image{height:43dvh}}.outro .colophon{align-items:center}.footer-socials{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.footer-social{color:#fff;border:1px solid #ffffff70;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}a.footer-social:hover{color:#a61717;background:#fff;transform:translateY(-3px)}.footer-social.is-pending{opacity:.5}@media (width<=480px){.outro .colophon{flex-direction:column;align-items:flex-start;gap:20px}}:root{--rail:0px}.portfolio{overflow-x:clip}.portfolio :is(.project-copy,.viewer-info,.service-item>*,.portfolio-hero-content>*,.outro-cols>*){min-width:0}.hero-name{gap:2vw;max-width:100%;font-size:clamp(64px,12vw,210px)}.project-entry{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.tech-list li{overflow-wrap:anywhere}.arrow-icon{vertical-align:-.16em;flex-shrink:0;width:1.15em;min-width:16px;height:1.15em;min-height:16px;display:inline-block}.text-link,.contact-email,.viewer-back,.viewer-controls button,.preview-hint{align-items:center;gap:10px;display:inline-flex}.contact-email{max-width:100%;font-size:clamp(13px,2.6vw,36px)}.contact-email>span{overflow-wrap:anywhere;min-width:0}.project-cta,.viewer-back,.viewer-controls button,.replay,.index button,.project-thumbs button{min-height:44px}.section-heading{overflow-wrap:normal;font-size:clamp(46px,9vw,145px)}.expertise{font-size:clamp(36px,9vw,145px)}.split-title{font-size:clamp(40px,10vw,165px)}.yours{font-size:clamp(42px,12vw,190px);line-height:.92}.hud{flex-wrap:wrap;row-gap:6px}.portfolio-typed{font-size:clamp(34px,8vw,130px);line-height:.98}.viewer-header>span{flex-shrink:0}.viewer-info{min-width:0}.viewer-thumbs button{flex:1;min-width:0;max-width:110px}.viewer-controls button{justify-content:center}@media (width<=1024px){.assembly-scene .play{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.assembly{font-size:clamp(52px,9vw,100px)}.bio{font-size:16px;line-height:1.5}.project-entry{grid-template-columns:1fr;gap:28px;padding:44px 0}.project-copy{max-width:65ch}.project-copy p:not(.mono){max-width:60ch}.project-main{aspect-ratio:16/10;height:auto;max-height:60svh}.project-thumbs img{height:clamp(60px,13vw,120px)}.service-item{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:18px}.service-item h3{font-size:clamp(26px,3.5vw,40px);line-height:1.05}.outro-cols{grid-template-columns:1fr;gap:36px}.viewer-content{grid-template-columns:1fr}.viewer-image{object-fit:contain;height:auto;min-height:200px;max-height:55dvh}}@media (width<=760px){:root{--gx:20px}.intro{min-height:100svh;padding-top:40px}.slate{flex-wrap:wrap;gap:10px;font-size:9px}.hero-name{gap:0;margin-top:28px;font-size:19vw;line-height:1}.portfolio-hero-content{align-items:center;min-height:0;padding:24px 0}.portfolio-hero-content .kicker{font-size:clamp(28px,7vw,42px)}.portfolio-hero-content .lede{margin:18px 0;font-size:13px;line-height:1.6}.text-link{min-height:44px;margin-bottom:12px}.assembly-scene .play{align-items:flex-start;gap:20px;display:flex}.assembly{font-size:min(18vw,12svh);line-height:.92}.bio{font-size:clamp(13px,3.5vw,16px);line-height:1.5}.hud{gap:12px;padding-top:28px;font-size:9px}.hud .t{display:none}.foot{gap:8px;padding-bottom:24px}.foot .body{font-size:13px}.foot>.mono{font-size:8px}.expertise{font-size:10vw}.split-title{font-size:12vw}.section-pad{padding-top:24px;padding-bottom:48px}.section-heading{margin:36px 0;font-size:12vw;line-height:.98}.service-item{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:24px 0}.service-item h3{font-size:clamp(25px,7vw,38px)}.service-item p{grid-column:2;font-size:14px}.portfolio-typed{min-height:4em;font-size:min(10vw,8svh)}.portfolio-prism-wrap{--depth:clamp(62px,15vw,110px);margin:35px 0}.portfolio-face>.dsp{font-size:10vw}.portfolio-face>.mono{font-size:8px}.outro{padding-top:70px;padding-bottom:max(30px,env(safe-area-inset-bottom))}.yours{font-size:12vw}.contact-email{gap:8px;margin-top:28px;font-size:clamp(12px,3.4vw,22px)}.index li{grid-template-columns:28px minmax(0,1fr)}.colophon{gap:12px;margin-top:35px;font-size:9px}.viewer-header{padding-top:max(12px,env(safe-area-inset-top))}.viewer-header .mono{font-size:10px}.viewer-back{padding:10px;font-size:12px}.viewer-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}.viewer-image{min-height:160px;max-height:48dvh}.viewer-controls button{flex:1;padding:10px;font-size:11px}}@media (height<=560px){.stage{height:auto;min-height:100svh}.play{flex:none;padding:32px 0}.assembly-scene .play{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.assembly{font-size:clamp(34px,10svh,62px)}.bio{font-size:12px;line-height:1.45}.hud{padding-top:18px}.foot{padding-bottom:18px}.portfolio-typed{min-height:3em;font-size:clamp(32px,9svh,56px)}.final-zoom .stage{height:100svh;min-height:0}.final-zoom .play{flex:1;min-height:0;padding:12px 0}.final-zoom .pre{margin-bottom:10px;font-size:22px}}@media (width<=380px){:root{--gx:16px}.bio{font-size:12px}.project-thumbs{gap:6px}.personal-gallery{padding-bottom:40px}.viewer-controls{gap:6px}}@media (width<=1024px){.portfolio :is(#sc2,#sc5,#sc6),.rail li:is(:nth-child(2),:nth-child(5),:nth-child(6)),.outro .index li:is(:nth-child(2),:nth-child(5),:nth-child(6)){display:none}.portfolio .scene{height:auto}.portfolio .stage{height:auto;min-height:0;padding:24px var(--gx);contain:none;position:relative}.portfolio .hud{padding-top:0}.portfolio .play{flex:none;padding:20px 0 16px}.portfolio .foot{padding-bottom:0}.portfolio .intro{min-height:0;padding-top:24px}.portfolio .portfolio-hero-content{min-height:0;padding-block:20px}.portfolio .text-link{margin-bottom:0}.portfolio .assembly{font-size:clamp(48px,16vw,100px)}.portfolio .assembly-scene .play{gap:20px}.portfolio .bio{margin:0}.portfolio .split-title{line-height:1}.portfolio.reduced .split-top,.portfolio.reduced .split-bottom{display:none}.portfolio .portfolio-prism-wrap{margin-block:16px}.portfolio .static-approach{font-size:clamp(30px,6.5vw,66px);line-height:1.1}.portfolio .portfolio-typed{min-height:0;font-size:clamp(36px,9vw,80px);line-height:1.04}.portfolio #sc6 .play>.mono{margin:0 0 12px}.portfolio .final-zoom .stage{height:auto;min-height:0}.portfolio .final-zoom .play{flex:none;padding:20px 0 16px}.portfolio .final-zoom .zoom-wrap{width:min(100%,560px)}.portfolio .final-zoom .pre{margin-bottom:16px}.portfolio:not(.reduced) .final-zoom{height:220svh}.portfolio:not(.reduced) .final-zoom .stage{contain:paint;height:100svh;min-height:0;position:sticky;top:0}.portfolio:not(.reduced) .final-zoom .play{flex:1;min-height:0}.portfolio .personal-gallery{padding-top:0;padding-bottom:20px}.portfolio .section-pad{padding-block:24px}.portfolio .section-heading{margin:24px 0}.project-section{padding-bottom:24px}.project-entry{gap:16px;padding-block:24px}.project-copy>p,.works-card-copy>p{margin-block:0}.outro{padding-top:36px}}@media (width<=760px){.portfolio .stage{padding-inline:var(--gx)}.intro{padding-bottom:0}.ticker{height:36px}.ticker span{padding-inline:12px;font-size:18px}.personal-gallery{padding:0 var(--gx) 20px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gx);scrollbar-width:none;flex-wrap:nowrap;gap:8px;overflow-x:auto}.personal-gallery::-webkit-scrollbar{display:none}.personal-gallery img,.personal-gallery img:last-child{scroll-snap-align:start;flex:0 0 72vw;width:72vw;height:220px}.project-section{padding:0 var(--gx) 20px}.project-entry{gap:16px;padding:24px 0}.project-copy h3{margin:12px 0}.project-copy p:not(.mono){line-height:1.55}.tech-list{gap:6px;margin:16px 0}.project-cta{padding:12px 15px}.more-projects{margin-top:0;margin-bottom:10px;padding-block:16px}.section-pad{padding:20px var(--gx)}.service-item{gap:10px 12px;padding-block:18px}.service-item:last-child{padding-bottom:0}.partners.section-pad{padding-block:20px}.partners .partners-window{margin-top:16px}.outro{padding-top:32px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.outro-cols{gap:20px;margin-top:24px;padding-top:16px}.outro .index li{padding:9px 0}.colophon{margin-top:20px;padding-top:14px}.works-hero{padding:32px var(--gx) 24px}.works-hero h1{margin:16px 0 20px}.works-filter-section{gap:14px;padding-block:16px}.works-filters button{gap:8px;min-width:0;padding-inline:10px}.works-card,.works-card:nth-child(2n){gap:16px;padding-block:24px}.works-card-copy h2{margin:12px 0}.works-image-button img{height:62vw}}@media (width<=380px){.personal-gallery img,.personal-gallery img:last-child{flex-basis:78vw;width:78vw;height:190px}.works-card,.works-card:nth-child(2n){padding-block:24px}}