*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGroteskRegular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGroteskBold.woff) format("woff");font-weight:700;font-display:swap}:root{--sage: #8da399;--sage-ink: #56705f;--paper: #ffffff;--black: #121212}html{overflow-x:clip}body{background-color:var(--paper);color:var(--black);font-family:Albert Sans,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.page{display:none;min-height:100vh}.page.active{display:block;animation:page-in .42s steps(3,jump-end) both}@keyframes page-in{0%{opacity:0;transform:translate(-10px,18px) rotate(-.6deg)}34%{opacity:.55;transform:translate(6px,8px) rotate(.35deg)}67%{opacity:.9;transform:translate(-2px,2px) rotate(-.1deg)}to{opacity:1;transform:none}}.hero-type{font-family:Alte Haas Grotesk,Hanken Grotesk,sans-serif;letter-spacing:-.035em;line-height:1.1;font-weight:700}.display-type{font-family:Bootzy,Alte Haas Grotesk,Hanken Grotesk,sans-serif}.body-copy{font-family:Albert Sans,sans-serif;letter-spacing:.01em}.label{font-family:Albert Sans,sans-serif;text-transform:lowercase;font-size:.9375rem;letter-spacing:.05em}.label.text-sm{font-size:.9375rem}.label.sentence{text-transform:none}html:not(.after-hours) .grain-overlay{display:none}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3BaseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.cutout{position:absolute;background-color:var(--black)}.cutout-sage{background-color:var(--sage)}:root{--tick: 3.4s}@keyframes choppy-move-1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(5px,-3px) rotate(1.5deg) scale(1.01)}50%{transform:translate(-3px,4px) rotate(-2deg) scale(.99)}75%{transform:translate(2px,-6px) rotate(1deg) scale(1.005)}}.animate-choppy{animation:choppy-move-1 calc(var(--tick) * 4) steps(1,end) infinite}.cutout:nth-of-type(1){animation-delay:calc(var(--tick) * -.3)}.cutout:nth-of-type(2){animation-delay:calc(var(--tick) * -1.7)}.cutout:nth-of-type(3){animation-delay:calc(var(--tick) * -2.45)}.cutout:nth-of-type(4){animation-delay:calc(var(--tick) * -.9)}.cutout:nth-of-type(5){animation-delay:calc(var(--tick) * -3.2)}.cutout:nth-of-type(6){animation-delay:calc(var(--tick) * -1.15)}.cutout:nth-of-type(7){animation-delay:calc(var(--tick) * -2.8)}.cutout:nth-of-type(8){animation-delay:calc(var(--tick) * -.55)}.cutout:nth-of-type(9){animation-delay:calc(var(--tick) * -2.1)}.cutout:nth-of-type(10){animation-delay:calc(var(--tick) * -3.6)}.cutout:nth-of-type(11){animation-delay:calc(var(--tick) * -1.4)}.cutout:nth-of-type(12){animation-delay:calc(var(--tick) * -2.25)}.halftone{background-image:radial-gradient(circle,currentColor 1px,transparent 1px);background-size:4px 4px}.outline-offset{position:relative}.outline-offset:after{content:"";position:absolute;top:6px;left:6px;right:-6px;bottom:-6px;border:1px solid var(--black);pointer-events:none;opacity:.2}.nav-link.active{color:var(--sage-ink)}.nav-link.active:before{content:"●";font-size:8px;position:absolute;left:-14px;top:2px}.meta-col{border-right:1px solid rgba(18,18,18,.08);padding-right:2rem}.meta-col:last-child{border-right:none}.jazz-container{position:relative;width:100%;height:400px;overflow:hidden}.img-placeholder{background-color:#e5e5e5;position:relative;border:1px solid rgba(0,0,0,.05)}.marquee-track{display:inline-flex;white-space:nowrap;animation:ticker 24s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.vinyl{border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#121212,#121212 2px,#1f1f1f 2px,#1f1f1f 4px)}.cutout{cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.cutout:hover{scale:1.06}.cutout.dragging{cursor:grabbing;animation-play-state:paused!important;scale:1.06;z-index:30}#drag-hint{position:fixed;bottom:22px;left:296px;z-index:40;pointer-events:none;font-family:Albert Sans,ui-sans-serif,system-ui,sans-serif;font-size:13.75px;letter-spacing:.18em;opacity:0;transition:opacity .8s ease .5s}#drag-hint.show{opacity:.65}#drag-hint.hide{opacity:0!important;transition:opacity .6s ease}#drag-hint .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sage);margin-right:8px;vertical-align:middle}.cutout.lean{transition:translate .35s cubic-bezier(.2,.7,.2,1),scale .2s ease}.vinyl-spin{animation:vinyl-spin 2.4s cubic-bezier(.2,.6,.3,1)}@keyframes vinyl-spin{to{transform:rotate(1080deg)}}.ant{position:absolute;left:0;bottom:-5px;line-height:0;animation:ant-crawl 9s steps(60) infinite}.ant-legs{animation:ant-legs .3s steps(2) infinite}@keyframes ant-crawl{0%{left:-4%;transform:scaleX(1)}46%{left:calc(100% - 18px);transform:scaleX(1)}50%{left:calc(100% - 18px);transform:scaleX(-1)}96%{left:-4%;transform:scaleX(-1)}to{left:-4%;transform:scaleX(1)}}@keyframes ant-legs{50%{transform:translate(1px) skew(12deg)}}@media(prefers-reduced-motion:reduce){.ant,.ant-legs{animation:none}}.survey-meter{width:0;transition:width 1s cubic-bezier(.2,.7,.2,1) .25s}.is-visible .survey-meter,.survey-meter.no-reveal{width:var(--w)}@media(prefers-reduced-motion:reduce){.survey-meter{width:var(--w);transition:none}}.lab-board{display:flex;flex-direction:column;gap:4.5rem;padding:2rem .5rem 1rem}.lab-note .lab-title{font-size:3.5rem;line-height:1;margin:.4rem 0 .8rem}.lab-note-text{font-size:.8rem;line-height:1.55}.lab-sticky{position:relative;background:#fbfbf8;padding:1.1rem 1rem .9rem;transform:rotate(var(--tilt, -3deg));box-shadow:0 1px 4px #1212121a;max-width:16rem}@media(min-width:768px){.lab-board-wrap{margin-top:-2.5rem}.lab-board{display:block;position:relative;padding:0;width:min(100%,calc((100svh - 190px)*2.05));aspect-ratio:7 / 3.4;margin:0 auto;container-type:inline-size}.lab-pin{position:absolute;left:var(--x);top:var(--y);width:var(--w)}.lab-note .lab-title{font-size:5.6cqw;margin:.35cqw 0 .7cqw}.lab-note-text{font-size:clamp(13.75px,1.19cqw,18.75px)}.lab-sticky{padding:1.3cqw 1.1cqw 1cqw;max-width:none}.lab-front,.lab-back{padding:.55cqw!important}.lab-tile .label.absolute{top:auto;bottom:1cqw;right:1cqw;font-size:clamp(12.5px,.94cqw,15px)}.lab-pin:hover,.lab-pin:focus-within{z-index:5}.lab-tape{width:5cqw;height:1.3cqw;margin-left:-2.5cqw;top:-.7cqw}}.lab-front,.lab-back{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.lab-front{transform:rotate(var(--tilt))}.lab-back{transform:rotate(calc(var(--tilt) + var(--i) * 5deg)) translate(calc(var(--i) * 10px),calc(var(--i) * -8px))}.lab-tile:hover .lab-front,.lab-tile:focus-visible .lab-front{transform:rotate(calc(var(--tilt) * .3)) translateY(-8px)}.lab-tile:hover .lab-back,.lab-tile:focus-visible .lab-back{transform:rotate(calc(var(--tilt) + var(--i) * 10deg)) translate(calc(var(--i) * 26px),calc(var(--i) * -18px))}.lab-tile:focus-visible{outline:2px solid var(--sage-ink);outline-offset:10px}.lab-tape{position:absolute;top:-12px;left:50%;width:84px;height:22px;margin-left:-42px;background:#8da39980;transform:rotate(-3deg)}.lab-label{position:absolute;left:14px;bottom:-18px;z-index:2;background:var(--black);color:var(--paper);padding:5px 12px;opacity:0;transform:translateY(6px) rotate(-2deg);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none;white-space:nowrap}.lab-tile:hover .lab-label,.lab-tile:focus-visible .lab-label{opacity:1;transform:translateY(0) rotate(-2deg)}@media(hover:none){.lab-label{opacity:1;transform:rotate(-2deg)}}.lab-viewer,.lab-piece{animation:page-in .3s steps(3,jump-end) both}.lab-arrow{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(18,18,18,.2);font-size:20px;transition:background-color .2s ease,color .2s ease}.lab-arrow:hover{background:var(--black);color:var(--paper)}.reveal{filter:opacity(0);translate:0 22px;transition:filter .7s ease,translate .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{filter:none;translate:none}@media(pointer:fine){html.has-cursor,html.has-cursor *{cursor:none!important}}.cursor-root{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;transition:opacity .2s ease}.cursor-dot{width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;transition:width .25s cubic-bezier(.2,.7,.2,1),height .25s cubic-bezier(.2,.7,.2,1),margin .25s cubic-bezier(.2,.7,.2,1),background-color .25s ease,scale .15s ease}.cursor-dot span{font-family:Albert Sans,sans-serif;font-size:13.75px;letter-spacing:.08em;color:var(--paper);opacity:0;transition:opacity .2s ease}.cursor-link{width:36px;height:36px;margin:-18px 0 0 -18px;background:#8da39959}.cursor-drag{width:56px;height:56px;margin:-28px 0 0 -28px;background:transparent;border:1.5px solid var(--sage);position:relative}.cursor-drag span{position:absolute;top:calc(100% + 6px);color:var(--black);background:var(--paper);padding:1px 6px;border-radius:999px}.cursor-view{width:76px;height:76px;margin:-38px 0 0 -38px;background:var(--black)}.cursor-drag span,.cursor-view span{opacity:1}.cursor-down{scale:.85}.cursor-on-sage{background:var(--paper)}.cursor-on-sage.cursor-link{background:#ffffff73}.case-card .card-media{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.case-card:hover .card-media{transform:translateY(-8px)}.case-card .px-far,.case-card .px-near,.case-card .px-flat img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.case-card .px-far{transform:translate(calc(var(--mx, 0) * 16px),calc(var(--my, 0) * 12px))}.case-card .px-near{transform:translate(calc(var(--mx, 0) * -6px),calc(var(--my, 0) * -4px))}.case-card .px-flat img{transform:scale(1.05) translate(calc(var(--mx, 0) * -8px),calc(var(--my, 0) * -6px))}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.intro-leave{animation:intro-out .45s steps(4,jump-end) forwards}@keyframes intro-out{to{transform:translateY(-100%)}}.intro-letter,.intro-shape{animation:intro-in .45s steps(4,jump-end) both}.intro-letter{transform:rotate(var(--r))}.intro-shape{position:absolute;display:block}@keyframes intro-in{0%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r0))}to{opacity:1;transform:translate(0) rotate(var(--r, 0deg))}}@media(prefers-reduced-motion:reduce){.page.active,.animate-choppy,.marquee-track{animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-bottom-8{bottom:-2rem}.-left-10{left:-2.5rem}.-left-28{left:-7rem}.-left-\[7px\]{left:-7px}.-right-10{right:-2.5rem}.-right-16{right:-4rem}.-top-10{top:-2.5rem}.-top-16{top:-4rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-16{bottom:4rem}.bottom-4{bottom:1rem}.left-8{left:2rem}.left-\[14\%\]{left:14%}.left-\[2\%\]{left:2%}.left-\[5\%\]{left:5%}.left-\[56\%\]{left:56%}.right-4{right:1rem}.top-0{top:0}.top-16{top:4rem}.top-24{top:6rem}.top-\[0\.45rem\]{top:.45rem}.top-\[12\%\]{top:12%}.top-\[30\%\]{top:30%}.top-\[4\%\]{top:4%}.top-\[6\%\]{top:6%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[9995\]{z-index:9995}.col-span-12{grid-column:span 12 / span 12}.m-0{margin:0}.m-auto{margin:auto}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-28{height:7rem}.h-3\/5{height:60%}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-6{height:1.5rem}.h-\[13px\]{height:13px}.h-\[30\%\]{height:30%}.h-\[68\%\]{height:68%}.h-\[700px\]{height:700px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[62vh\]{max-height:62vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-\[55vh\]{min-height:55vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-36{width:9rem}.w-40{width:10rem}.w-44{width:11rem}.w-6{width:1.5rem}.w-\[13px\]{width:13px}.w-\[30\%\]{width:30%}.w-\[72\%\]{width:72%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[14rem\]{max-width:14rem}.max-w-\[36rem\]{max-width:36rem}.max-w-\[40rem\]{max-width:40rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-rotate-12{--tw-rotate: -12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-2{--tw-rotate: -2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-3{--tw-rotate: -3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate: -6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-1{--tw-rotate: 1deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-2{--tw-rotate: 2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate: 3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate: 6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-0{-moz-column-gap:0px;column-gap:0px}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-8{row-gap:2rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(10rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(10rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[var\(--sage\)\]{border-color:var(--sage)}.border-black\/10{border-color:#0000001a}.border-black\/15{border-color:#00000026}.bg-\[\#ffffff\]\/90{background-color:#ffffffe6}.bg-\[\#ffffff\]\/\[0\.98\]{background-color:#fffffffa}.bg-\[var\(--black\)\]{background-color:var(--black)}.bg-\[var\(--paper\)\]{background-color:var(--paper)}.bg-\[var\(--sage\)\]{background-color:var(--sage)}.bg-\[var\(--sage-ink\)\]{background-color:var(--sage-ink)}.bg-black\/10{background-color:#0000001a}.bg-neutral-200{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/40{background-color:#fff6}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[50\%_30\%\]{-o-object-position:50% 30%;object-position:50% 30%}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-16{padding-top:4rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-\[\#121212\]\/\[0\.85\]{color:#121212d9}.text-\[var\(--black\)\]{color:var(--black)}.text-\[var\(--paper\)\]{color:var(--paper)}.text-\[var\(--sage\)\]{color:var(--sage)}.text-\[var\(--sage-ink\)\]{color:var(--sage-ink)}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-\[0\.85\]{opacity:.85}.shadow-\[0_18px_40px_-18px_rgba\(18\,18\,18\,0\.45\)\]{--tw-shadow: 0 18px 40px -18px rgba(18,18,18,.45);--tw-shadow-colored: 0 18px 40px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(18\,18\,18\,0\.12\)\]{--tw-shadow: 0 1px 3px rgba(18,18,18,.12);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_10px_rgba\(18\,18\,18\,0\.12\)\]{--tw-shadow: 0 2px 10px rgba(18,18,18,.12);--tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(18\,18\,18\,0\.15\)\]{--tw-shadow: 0 4px 24px rgba(18,18,18,.15);--tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-\[var\(--sage\)\]{outline-color:var(--sage)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.contrast-\[1\.1\]{--tw-contrast: contrast(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\]{transition-property:filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.playset{position:relative;width:100%;height:110px;margin-top:0;touch-action:pan-y}@media(min-width:768px){.playset{height:180px}}@media(min-width:640px)and (max-width:767px){.playset{height:150px}}.playset-floor{position:absolute;left:0;right:0;height:0;border-top:1.5px solid var(--black);opacity:.85}.play-item{position:absolute;display:block;padding:0;background:none;border:0;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(1.5px 2px 0 rgba(18,18,18,.13));transition:left .36s steps(4,jump-end),top .36s steps(4,jump-end);z-index:2}.play-item svg{display:block;pointer-events:none}.play-item.is-dragging{transition:none;cursor:grabbing;z-index:6;scale:1.04;rotate:-2deg}.play-figure{z-index:3}.play-item.is-arriving{z-index:5}.play-item:focus-visible{outline:2px dashed var(--sage-ink);outline-offset:6px}.play-tag{position:absolute;left:50%;bottom:calc(100% + 8px);translate:-50% 0;white-space:nowrap;font-size:13.75px;opacity:0;transition:opacity .2s;pointer-events:none}.play-prop:hover .play-tag,.play-prop:focus-visible .play-tag{opacity:.6}.pl-me{transform-box:fill-box;transform-origin:50% 100%;animation:pl-idle calc(var(--tick) * 2) steps(1) infinite}@keyframes pl-idle{0%,to{transform:rotate(0)}46%{transform:rotate(-1.5deg)}52%{transform:rotate(.6deg)}58%{transform:rotate(0)}}.is-skis .pl-rig{animation:pl-ski .9s steps(3) infinite;transform-origin:130px 217px}@keyframes pl-ski{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(3px,-2px) rotate(-2deg)}66%{transform:translate(-2px) rotate(1.5deg)}}.pl-speed line{animation:pl-speed .45s steps(3) infinite}.pl-speed line:nth-child(2){animation-delay:-.15s}.pl-speed line:nth-child(3){animation-delay:-.3s}@keyframes pl-speed{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}.pl-flakes circle{animation:pl-flake .6s steps(3) infinite}.pl-flakes circle:nth-child(2n){animation-delay:-.3s}@keyframes pl-flake{0%{transform:translate(0);opacity:1}to{transform:translate(-24px,-16px);opacity:0}}.is-decks .pl-me{animation:pl-nod .48s steps(2) infinite}@keyframes pl-nod{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2.5px) rotate(1.5deg)}}.pl-spin{animation:pl-spin .8s steps(4) infinite}.pl-spin.slow{animation-duration:1.1s}@keyframes pl-spin{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.pl-bar{transform-box:fill-box;transform-origin:50% 100%;animation:pl-bar .48s steps(3) infinite}.pl-bar.b2{animation-delay:-.1s}.pl-bar.b3{animation-delay:-.3s}.pl-bar.b4{animation-delay:-.2s}.pl-bar.b5{animation-delay:-.4s}.pl-bar.b6{animation-delay:-.05s}@keyframes pl-bar{0%,to{transform:scaleY(.4)}33%{transform:scaleY(1.5)}66%{transform:scaleY(.9)}}.is-piano .pl-me{animation:pl-sway 1.4s steps(2) infinite}@keyframes pl-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg) translateY(1px)}}.pl-note{animation:pl-note 2.1s steps(5) infinite}.pl-note.n2{animation-delay:-.7s}.pl-note.n3{animation-delay:-1.4s}@keyframes pl-note{0%{transform:translateY(30px);opacity:0}20%{opacity:1}to{transform:translate(8px,-18px);opacity:0}}.pl-dribble{animation:pl-dribble .56s steps(4) infinite}@keyframes pl-dribble{0%,to{transform:translateY(-74px)}50%{transform:translateY(0)}}.is-ball .pl-me{animation:pl-nod .56s steps(2) infinite}.is-weights .pl-me{animation:pl-squat 1.2s steps(2) infinite}@keyframes pl-squat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(6px) rotate(2deg)}}.pl-sweat polygon{animation:pl-sweat .8s steps(3) infinite}.pl-sweat polygon:nth-child(2){animation-delay:-.4s}@keyframes pl-sweat{0%{transform:translate(0);opacity:1}to{transform:translate(8px,-6px);opacity:0}}.is-party .play-figure{animation:pl-jump .7s steps(3) 3}@keyframes pl-jump{0%,to{translate:0 0;rotate:0deg}40%{translate:0 -26px;rotate:-4deg}70%{translate:0 -8px;rotate:2deg}}.pl-party{position:absolute;width:0;height:0;z-index:8;pointer-events:none}.pl-bit{position:absolute;left:0;top:0;width:9px;height:9px;box-shadow:1px 1px #12121226;animation:pl-burst 1.6s steps(6) forwards}.pl-bit.tri{clip-path:polygon(50% 0,100% 100%,0 100%);width:11px;height:10px}.pl-bit.strip{width:4px;height:13px}@keyframes pl-burst{0%{transform:translate(0) rotate(0) scale(.4);opacity:1}60%{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1);opacity:1}to{transform:translate(calc(var(--dx) * 1.15),calc(var(--dy) + 60px)) rotate(calc(var(--r) * 2)) scale(.9);opacity:0}}.pl-banner{position:absolute;left:50%;top:12px;translate:-50% 0;z-index:9;white-space:nowrap;background:var(--sage-ink);color:var(--paper);padding:.35rem .8rem;font-size:15px;rotate:-3deg;box-shadow:2px 3px #1212121f;animation:pl-banner 4.2s steps(4) forwards}@keyframes pl-banner{0%{transform:scale(.3);opacity:0}10%,85%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.is-party .play-figure,.pl-bit{animation:none!important}.pl-bit{display:none}.pl-dribble,.pl-sweat polygon{animation:none!important}.play-item{transition:none}.pl-me,.pl-rig,.pl-speed line,.pl-flakes circle,.pl-spin,.pl-bar,.pl-note{animation:none!important}}.work-section{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.work-section{grid-template-columns:11rem 1fr;gap:2.5rem}.work-heading{position:sticky;top:6.5rem;align-self:start}}.work-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.work-grid{grid-template-columns:1fr 1fr}}.work-card{position:relative;display:flex;flex-direction:column;background:#fbfbf8;border:1px solid rgba(18,18,18,.14);cursor:pointer;outline-offset:4px}.work-card:focus-visible{outline:2px dashed var(--sage-ink)}.work-media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.work-headline{position:absolute;left:6%;top:8%;height:auto;pointer-events:none}.work-phone{position:absolute;height:auto;display:block;pointer-events:none;border-radius:13%/6.4%;box-shadow:0 18px 40px -18px #12121273;transition:translate .4s steps(3,jump-end),transform .45s cubic-bezier(.2,.7,.2,1)}.work-phone.is-jolt{border-radius:14%/6.8%}.work-card:hover .work-phone{translate:0 -10px}.work-card:hover .work-phone.px-near{translate:0 -6px}.work-pill{position:absolute;left:0;top:5%;background:var(--sage-ink);color:var(--paper);font-size:13.75px;padding:.45rem .9rem .45rem .8rem;border-radius:0 999px 999px 0;translate:-105% 0;transition:translate .3s steps(3,jump-end);pointer-events:none;z-index:3}.work-card:hover .work-pill,.work-card:focus-visible .work-pill{translate:0 0}@media(hover:none){.work-pill{translate:0 0}}.work-chip{position:absolute;right:3%;top:4%;background:#fbfbf8;border:1px solid rgba(18,18,18,.18);font-size:12.5px;padding:.2rem .55rem;z-index:3;transition:background .2s,color .2s}a.work-chip:hover{background:var(--black);color:var(--paper)}.work-chip.is-static{cursor:default}.work-info{position:relative;background:#fbfbf8;padding:1rem 1.1rem 1.1rem;border-top:1px solid rgba(18,18,18,.14)}.work-tag{font-size:12.5px;padding:.15rem .5rem;border:1px solid rgba(18,18,18,.18);opacity:.75}@media(min-width:768px){.work-info{position:absolute;left:3%;bottom:4%;width:min(46%,19rem);padding:.8rem .9rem .9rem;border:1px solid rgba(18,18,18,.16);box-shadow:2px 3px #1212120f;z-index:2;transition:translate .3s steps(3,jump-end)}.work-card:hover .work-info{translate:0 -4px}}.work-interlude-media{aspect-ratio:4 / 3}@media(min-width:768px){.work-interlude-media{aspect-ratio:16 / 7}}.work-laptop,.work-handset{position:absolute;pointer-events:none;transition:translate .4s steps(3,jump-end)}.work-laptop{left:37%;top:10%;width:47%}.work-handset{right:4%;top:22%;width:13.5%}.work-laptop-screen{background:#131715;padding:1.6% 1.6% 2.4%;border-radius:10px 10px 0 0;box-shadow:0 18px 40px -18px #12121273}.work-laptop-base{height:0;padding-top:3.2%;margin:0 -6%;background:linear-gradient(#d9ddda,#b9bfbb);border-radius:0 0 14px 14px/0 0 60% 60%;box-shadow:0 14px 24px -14px #12121280}.work-handset{background:#131715;padding:5px;border-radius:15%/7.2%;box-shadow:0 18px 40px -18px #12121280}.work-phone.is-screen{position:static;width:100%;box-shadow:none;transition:none;translate:none!important}.work-laptop .work-phone.is-screen{border-radius:3px}.work-handset .work-phone.is-screen{border-radius:12%/5.6%}.work-card:hover .work-laptop{translate:0 -10px}.work-card:hover .work-handset{translate:0 -6px}@media(max-width:767px){.work-interlude-media .work-headline{width:62%!important}.work-laptop{left:5%;top:40%;width:70%}.work-handset{right:5%;top:34%;width:22%}}.work-site-media{aspect-ratio:960 / 372;background:#fbfbf8}@media(min-width:768px){.work-site-media{aspect-ratio:8 / 2.6}}.work-site-media .jazz-reel.is-compact{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reel-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border:1px solid rgba(18,18,18,.25);background:#fbfbf8;transition:background-color .2s steps(2)}.reel-toggle:hover{background:#fff}.reel-toggle span{font-size:.7em}.work-soon{cursor:default}.work-soon-media{aspect-ratio:4 / 3;background:radial-gradient(circle at 1px 1px,rgba(18,18,18,.12) 1px,transparent 1.2px) 0 0 / 14px 14px,#fbfbf8}@media(min-width:768px){.work-soon-media{aspect-ratio:8 / 2.6}}.work-soon-figure{position:absolute;right:6%;bottom:-22%;width:min(34%,15rem);height:auto;filter:drop-shadow(2px 3px 0 rgba(18,18,18,.1))}@media(max-width:767px){.work-soon-figure{width:46%;bottom:-12%;right:10%}}#page-lab{min-height:0}main:has(#page-lab)+footer{margin-top:1.5rem;padding-top:2.5rem}.recruiter-switch{display:inline-flex;align-items:center;gap:.6rem;font-size:15px;padding:.4rem .75rem .4rem .45rem;border:1px solid rgba(18,18,18,.2);background:#fbfbf8;transition:background .2s}.recruiter-switch:hover{background:#fff}.recruiter-switch-track{position:relative;width:28px;height:16px;border:1.5px solid var(--black);border-radius:999px}.recruiter-switch-knob{position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:var(--black);transition:left .2s steps(2,jump-end)}.recruiter-switch.is-on .recruiter-switch-knob{left:14px;background:var(--sage-ink)}.recruiter-switch.on-sage{background:transparent;border-color:#ffffff80;color:var(--paper)}.recruiter-switch.on-sage .recruiter-switch-track{border-color:var(--paper)}.recruiter-switch.on-sage .recruiter-switch-knob{background:var(--paper)}.recruiter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9996;overflow-y:auto;background:var(--sage-ink);color:var(--paper);animation:page-in .3s steps(3,jump-end) both}.recruiter-inner{max-width:76rem;min-height:100%;margin:0 auto;padding:1.25rem 1.25rem 2rem;display:grid;gap:1.75rem}@media(min-width:900px){.recruiter{overflow:hidden}.recruiter-inner{height:100%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3.5rem;padding:clamp(1.25rem,4vh,2.75rem) 3rem;align-content:center}}.recruiter-intro{display:flex;flex-direction:column;gap:.9rem}.recruiter-name{font-size:clamp(2.6rem,6vh,4rem);line-height:1;margin-top:.6rem}.recruiter-btn{font-size:15px;padding:.4rem .75rem;border:1px solid rgba(255,255,255,.7);transition:background .2s,color .2s}.recruiter-btn:hover{background:var(--paper);color:var(--sage-ink)}.recruiter-pitch{font-family:Albert Sans,sans-serif;font-size:1rem;line-height:1.5;max-width:34rem}.recruiter-dim{font-size:15px}.recruiter-available{display:inline-flex;align-items:center;gap:.55rem;font-size:15px}.recruiter-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--paper);animation:recruiter-blink calc(var(--tick) / 2) steps(1) infinite}@keyframes recruiter-blink{50%{opacity:.3}}.recruiter-tools{margin-top:.9rem}.recruiter-lists{display:flex;flex-direction:column;gap:clamp(.9rem,2.4vh,1.6rem)}.recruiter-kicker{font-size:13.75px;letter-spacing:.18em;text-transform:uppercase;padding-bottom:.45rem;margin-bottom:.1rem;border-bottom:1px solid rgba(255,255,255,.6)}.recruiter-row{display:flex;align-items:center;gap:.75rem;padding:clamp(.3rem,.9vh,.55rem) 0;border-bottom:1px solid rgba(255,255,255,.25)}.recruiter-line{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:.6rem;column-gap:.6rem}.recruiter-org{font-family:Albert Sans,sans-serif;font-weight:700;font-size:16px}.recruiter-project{font-size:1.15rem;line-height:1.2}.recruiter-sub{font-size:15px}.recruiter-date{font-size:15px;white-space:nowrap;text-align:right}.recruiter-link{font-size:15px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.recruiter-link:hover{opacity:.8}@media(max-width:520px){.recruiter-date{font-size:13.75px}}.org-logo{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid rgba(18,18,18,.12);box-shadow:1.5px 2px #12121214;overflow:hidden}.org-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.org-logo-letter{font-family:Alte Haas Grotesk,sans-serif;font-weight:700;font-size:20px;color:var(--sage-ink)}.org-logo.is-small{width:26px;height:26px;border-color:#fff6;box-shadow:none}.org-logo.is-small .org-logo-letter{font-size:14px}:focus-visible{outline:2px solid var(--sage-ink);outline-offset:3px}.is-scrolled :focus-visible,.recruiter :focus-visible{outline-color:var(--paper)}.skip-link{position:fixed;left:12px;top:-60px;z-index:10001;background:var(--black);color:var(--paper);padding:.6rem 1rem;font-family:Albert Sans,sans-serif;font-size:14px;transition:top .15s}.skip-link:focus{top:12px}.corner-controls{position:fixed;left:16px;bottom:14px;z-index:41;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px}.corner-panel{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.corner-panel[hidden]{display:none}.motion-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:13.75px;letter-spacing:.08em;padding:.4rem .7rem;background:#ffffffeb;border:1px solid rgba(18,18,18,.25);color:var(--black)}.motion-toggle:hover{background:#fff}.motion-toggle-icon{font-size:9px}.motion-paused .animate-choppy,.motion-paused .marquee-track,.motion-paused .ant,.motion-paused .ant-legs,.motion-paused .pl-me,.motion-paused .pl-rig,.motion-paused .pl-speed line,.motion-paused .pl-flakes circle,.motion-paused .pl-spin,.motion-paused .pl-bar,.motion-paused .pl-note,.motion-paused .pl-dribble,.motion-paused .pl-sweat polygon,.motion-paused .recruiter-dot,.motion-paused .is-party .play-figure,.motion-paused .pl-bit,.motion-paused .vinyl-spin{animation-play-state:paused!important}@media(max-width:640px){#drag-hint{left:16px;bottom:52px}}.pt-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9994;pointer-events:none;overflow:hidden}.pt-mover{position:absolute;top:0;right:0;bottom:0;left:0}.pt-sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,.6% 92%,0 84%,.8% 76%,0 67%,.5% 58%,0 49%,.9% 41%,0 33%,.6% 24%,0 16%,.7% 8%);filter:drop-shadow(-6px 0 0 rgba(18,18,18,.08));display:flex;align-items:center;justify-content:center}.pt-stage.is-in .pt-mover{animation:pt-in .44s steps(4,jump-end) both}.pt-stage.is-out .pt-mover{animation:pt-out .46s steps(4,jump-end) both}@keyframes pt-in{0%{transform:translate(calc(100% + 280px)) rotate(2deg)}to{transform:translate(0) rotate(0)}}@keyframes pt-out{0%{transform:translate(0) rotate(0)}to{transform:translate(calc(-100% - 40px)) rotate(-2deg)}}.pt-hand{position:absolute;top:50%;left:0;width:260px;height:auto;translate:-201px -50%;filter:drop-shadow(2px 3px 0 rgba(18,18,18,.12))}.pt-label{font-size:clamp(3rem,10vw,8rem);line-height:1;opacity:.9;rotate:-2deg}@media(prefers-reduced-motion:reduce){.pt-stage{display:none}}button.ant{background:none;border:0;padding:6px;margin:-6px;cursor:pointer}button.ant.poke-a svg,button.ant.poke-b svg{animation:ant-poke .3s steps(3)}button.ant.poke-b svg{animation-name:ant-poke-b}@keyframes ant-poke{0%{transform:translate(0)}50%{transform:translate(3px,-4px) rotate(-12deg)}to{transform:none}}@keyframes ant-poke-b{0%{transform:translate(0)}50%{transform:translate(-3px,-4px) rotate(12deg)}to{transform:none}}button.ant.is-gone{visibility:hidden}.ant-runner{position:fixed;z-index:9990;pointer-events:none;line-height:0;animation:ant-run 2.6s steps(26) forwards}.ant-runner .ant-legs{animation:ant-legs .12s steps(2) infinite}@keyframes ant-run{0%{transform:translate(0)}20%{transform:translate(80px,-30px) rotate(-15deg)}45%{transform:translate(35vw,20px) rotate(8deg)}70%{transform:translate(60vw,-40px) rotate(-6deg)}to{transform:translate(110vw,10px)}}.site-logo.is-shuffling>span{animation:logo-shuffle .5s steps(3) 3}.site-logo.is-shuffling>span:nth-child(odd){animation-direction:reverse}@keyframes logo-shuffle{0%,to{transform:translate(0) rotate(0)}33%{transform:translateY(-6px) rotate(14deg)}66%{transform:translateY(3px) rotate(-10deg)}}.logo-cat{position:absolute;left:100%;bottom:2px;width:34px;height:auto;margin-left:6px;filter:drop-shadow(1.5px 2px 0 rgba(18,18,18,.15));animation:cat-peek 3.6s steps(4) forwards}@keyframes cat-peek{0%{transform:translateY(18px) rotate(-8deg);opacity:0}12%{transform:translateY(0) rotate(4deg);opacity:1}80%{transform:translateY(0) rotate(-3deg);opacity:1}to{transform:translateY(18px);opacity:0}}.dj-mode .page>*{animation:dj-bob .48s steps(2) infinite}.dj-mode .page>*:nth-child(2n){animation-delay:-.24s}.dj-mode .animate-choppy{animation-duration:1.92s}.dj-mode .vinyl{animation:dj-spin .9s steps(6) infinite}@keyframes dj-bob{0%,to{translate:0 0}50%{translate:0 3px}}@keyframes dj-spin{to{rotate:360deg}}.dj-banner{position:fixed;top:76px;left:50%;translate:-50% 0;z-index:60;display:inline-flex;align-items:center;gap:.5rem;background:var(--black);color:var(--paper);padding:.45rem .9rem;font-size:15px;rotate:-1.5deg;box-shadow:2px 3px #12121226}.dj-banner a{text-decoration:underline;text-underline-offset:3px}.dj-dot{width:8px;height:8px;border-radius:50%;background:#e0625a;animation:recruiter-blink .48s steps(1) infinite}.secret-toast-wrap{position:fixed;right:16px;bottom:16px;z-index:9995;pointer-events:none}.secret-toast{background:#fbfbf8;border:1px solid rgba(18,18,18,.18);box-shadow:2px 3px #1212121a;padding:.6rem .9rem;font-size:15px;rotate:1.5deg;animation:toast-in 3.6s steps(4) forwards}.secret-toast-kicker{display:block;font-size:13.75px;color:var(--sage-ink);margin-bottom:.15rem}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}10%,88%{transform:translateY(0);opacity:1}to{transform:translateY(8px);opacity:0}}.motion-paused .dj-mode .page>*,.motion-paused.dj-mode .page>*,.motion-paused .ant-runner{animation:none!important}@media(prefers-reduced-motion:reduce){.dj-mode .page>*,.ant-runner,.logo-cat,.site-logo.is-shuffling>span{animation:none!important}}.flip-number .flap{display:inline-block;animation:flap .15s steps(2);transform-origin:50% 55%}@keyframes flap{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.tape{position:absolute;top:-11px;width:92px;height:22px;z-index:3;background:#8da3999e;box-shadow:0 1px 1px #12121214;opacity:0;pointer-events:none}.tape-tl{left:-26px;rotate:-32deg}.tape-tr{right:-26px;rotate:32deg}.tape.is-on{animation:tape-slap .34s steps(3,jump-end) forwards}@keyframes tape-slap{0%{opacity:0;transform:translateY(-26px) scale(1.5)}60%{opacity:1;transform:translateY(2px) scale(.94)}to{opacity:1;transform:none}}.wave-bye{position:absolute;bottom:0;left:50%;width:112px;line-height:0;transform:translateY(105%);pointer-events:none}html.at-page-end #drag-hint{opacity:0!important;transition:opacity .3s ease}.wave-sentinel{position:absolute;bottom:2px;left:0;width:1px;height:1px;pointer-events:none}.wave-bye svg{width:100%;height:auto;filter:drop-shadow(1.5px 2px 0 rgba(18,18,18,.1))}.wave-bye.is-up{animation:wave-pop .42s steps(3,jump-end) forwards}.wave-hand{transform-box:view-box;transform-origin:110px 46px}.wave-bye.is-up .wave-hand{animation:wave-hand .5s steps(2) .45s 5 alternate}@keyframes wave-pop{0%{transform:translateY(105%)}70%{transform:translateY(-6%)}to{transform:translateY(0)}}@keyframes wave-hand{0%{transform:rotate(-16deg)}to{transform:rotate(18deg)}}@media(max-width:767px){.wave-bye{left:auto;right:4px;width:84px}}.motion-paused .tape.is-on,.motion-paused .wave-bye.is-up,.motion-paused .wave-bye .wave-hand,.motion-paused .flip-number .flap{animation:none!important}.motion-paused .tape.is-on{opacity:1}.motion-paused .wave-bye.is-up{transform:none}@media(prefers-reduced-motion:reduce){.tape.is-on,.wave-bye.is-up,.wave-hand,.flip-number .flap{animation:none!important}.tape.is-on{opacity:1}.wave-bye.is-up{transform:none}}@media(max-width:767px){#case-body{overflow-x:clip}}.nav-item{position:relative}.nav-item[aria-current=page]{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}.project-nav-card{display:block;padding:2rem 2.25rem;border:1px solid rgba(18,18,18,.12);transition:background-color .2s steps(2),transform .2s steps(2)}.project-nav-card.is-next{text-align:right}.project-nav-card:hover{background:#fbfbf8;transform:translateY(-2px)}.copy-email{display:inline-flex;align-items:baseline;gap:.6rem;text-align:left}.copy-email-note{font-size:.8em;color:var(--sage-ink);opacity:0;transition:opacity .2s steps(2)}.copy-email-note.is-on{opacity:1}.site-nav .copy-email{position:relative}.site-nav .copy-email-note{position:absolute;left:0;top:100%;margin-top:4px;white-space:nowrap}.recruiter-btn.copy-email .copy-email-note.is-on{color:inherit}.back-to-top{opacity:.7}.back-to-top:hover{opacity:1;color:var(--sage-ink)}.shrug{width:min(15rem,55vw);height:auto;flex:none;filter:drop-shadow(2px 3px 0 rgba(18,18,18,.1))}.lost-link{display:inline-block;padding:.5rem .9rem;border:1px solid rgba(18,18,18,.2);transition:background-color .2s steps(2)}.lost-link:hover{background:#fbfbf8}@media(max-width:767px){.corner-controls{left:12px;bottom:12px;gap:8px}.motion-toggle{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.motion-toggle .ctl-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.motion-toggle-icon{font-size:12px}}.zoomable{position:relative;cursor:zoom-in;padding:0;background:none;border:0}.zoom-hint{position:absolute;right:10px;bottom:10px;padding:.25rem .55rem;font-size:12.5px;background:#fbfbf8f0;border:1px solid rgba(18,18,18,.2);color:var(--black);opacity:0;transition:opacity .2s steps(2)}.zoomable:hover .zoom-hint,.zoomable:focus-visible .zoom-hint{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3.5rem 1.25rem 1.5rem;background:#121212e6;cursor:zoom-out;animation:lightbox-in .24s steps(3,jump-end)}.lightbox-img{max-width:min(100%,1600px);max-height:calc(100vh - 7rem);width:auto;height:auto;background:#fff}.lightbox-cap{color:#fff;opacity:.85}.lightbox-close{position:absolute;top:14px;right:16px;padding:.45rem .8rem;color:#fff;border:1px solid rgba(255,255,255,.5)}.lightbox-close:hover{background:#ffffff1f}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.lightbox{animation:none}}.motion-paused .lightbox{animation:none}.resume-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;justify-content:center;align-items:stretch;padding:2.5vh 16px;background:#56705feb;animation:lightbox-in .24s steps(3,jump-end)}.resume-panel{width:min(100%,880px);display:flex;flex-direction:column;background:#fff;box-shadow:4px 6px #1212122e}.resume-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(18,18,18,.12)}.resume-bar h2{color:var(--sage-ink)}.resume-actions{display:flex;flex-wrap:wrap;gap:6px}.resume-btn{display:inline-flex;align-items:center;padding:.4rem .75rem;font-size:13.75px;border:1px solid rgba(18,18,18,.25);background:#fbfbf8;color:var(--black);transition:background-color .2s steps(2)}.resume-btn:hover{background:#fff}.resume-scroll{flex:1;overflow:auto;padding:28px 20px 40px;overscroll-behavior:contain}.resume-scroll:focus-visible{outline:2px solid var(--sage-ink);outline-offset:-4px}.resume-page{position:relative;max-width:780px;margin:0 auto;background:#fff;box-shadow:2px 3px #12121214;border:1px solid rgba(18,18,18,.08)}@media(max-width:640px){.resume-overlay{padding:0}.resume-scroll{padding:16px 10px 28px}}@media(prefers-reduced-motion:reduce){.resume-overlay{animation:none}}.motion-paused .resume-overlay{animation:none}@media(max-width:640px){.resume-newtab{display:none}}.secret-spot{position:relative}.secret-spot:after{content:"";position:absolute;top:-9px;right:-9px;width:12px;height:12px;pointer-events:none;background:var(--sage-ink);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;transform:scale(.4) rotate(0)}.secret-spot:hover:after,.secret-spot:focus-visible:after{animation:sparkle .9s steps(3) infinite}@media(hover:none){.secret-spot.is-seen:after{animation:sparkle .9s steps(3) 3}}.secret-spot.is-found:after{display:none}@keyframes sparkle{0%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}to{opacity:0;transform:scale(.6) rotate(90deg)}}.motion-paused .secret-spot:after{animation:none!important}.motion-paused .secret-spot:not(.is-found):hover:after{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.secret-spot:after{animation:none!important}.secret-spot:not(.is-found):hover:after{opacity:1;transform:none}}.site-logo.secret-spot:after{top:-6px;right:-14px}.play-banner-hit{position:absolute;z-index:6;background:transparent;border:0;cursor:pointer}.play-banner-hit:focus-visible{outline:2px solid var(--sage-ink);outline-offset:2px}.reel-sax-hit{position:absolute;left:70.5%;top:21%;width:16%;height:71%;background:transparent;border:0;cursor:pointer}.reel-sax-hit:after{top:4%;right:18%}.reel-sax-hit:focus-visible{outline:2px solid var(--sage-ink);outline-offset:2px}.secrets-toggle{color:color-mix(in srgb,currentColor 72%,transparent);text-align:left}.secrets-toggle:hover{color:inherit}.secrets-toggle-cue{color:var(--sage-ink)}.secrets-hints{margin-top:.75rem;display:grid;gap:.45rem;max-width:26rem}.secrets-hints li{display:flex;gap:.55rem;align-items:baseline}.secrets-hints .secrets-mark{color:var(--sage-ink);font-size:.8em}.secrets-hints li.is-found .label{opacity:.55}.lab-sprite{position:absolute;z-index:0;pointer-events:none;line-height:0;opacity:0;transform:translate(var(--hx),var(--hy)) scale(.3);transition:opacity .15s steps(2),transform .3s steps(3,jump-end)}.lab-sprite img{display:block;width:100%;height:auto;image-rendering:pixelated}.lab-sprite.is-fire{right:-17%;bottom:-15%;width:27%;--hx: -40%;--hy: -20%}@media(max-width:767px){.lab-sprite.is-fire{right:auto;bottom:auto;left:-2%;top:-13%;width:30%}}.lab-sprite.is-duck{right:7%;top:-19%;width:15%;--hx: 0%;--hy: 60%}.lab-sprite.is-obo-green{right:-5%;top:-9%;width:8%;--hx: -60%;--hy: 80%}.lab-sprite.is-obo-yellow{right:5%;top:-13%;width:6.5%;--hx: 0%;--hy: 120%}.lab-tile:hover .lab-sprite,.lab-tile:focus-visible .lab-sprite{opacity:1;transform:none;z-index:3}.lab-tile:hover .lab-sprite.is-obo-yellow,.lab-tile:focus-visible .lab-sprite.is-obo-yellow{transition-delay:.12s}.lab-tile:hover .lab-sprite.is-duck,.lab-tile:focus-visible .lab-sprite.is-duck{transition-delay:.12s}.lab-tile:hover .lab-sprite img{animation:sprite-hop .64s steps(2) infinite .35s}.lab-tile:hover .lab-sprite.is-duck img{animation-delay:.67s}@keyframes sprite-hop{50%{transform:translateY(-6%)}}@media(hover:none){.lab-sprite{opacity:1;transform:none;z-index:3}}.motion-paused .lab-sprite,.motion-paused .lab-sprite img{transition:none;animation:none!important}@media(prefers-reduced-motion:reduce){.lab-sprite,.lab-sprite img{transition:none;animation:none!important}}.greeting{font-weight:600}.motion-toggle,.resume-btn,.reel-toggle,.lost-link,.recruiter-btn,.project-nav-card,.lab-arrow,.copy-email.recruiter-btn{box-shadow:2px 2px #12121224}.motion-toggle:active,.resume-btn:active,.reel-toggle:active,.lost-link:active,.recruiter-btn:active,.project-nav-card:active,.lab-arrow:active,.lightbox-close:active,.recruiter-link:active{transform:translate(2px,2px)!important;box-shadow:0 0 #12121200!important;transition:transform .08s steps(2),box-shadow .08s steps(2)}.work-card:active{transform:translate(1px,2px)}.org-stamp{opacity:0;transform:scale(1.7) rotate(-10deg)}.org-stamp.is-in{animation:stamp-in .36s steps(3,jump-end) forwards}@keyframes stamp-in{0%{opacity:0;transform:scale(1.7) rotate(-10deg)}60%{opacity:1;transform:scale(.9) rotate(2deg);box-shadow:0 0 0 5px #56705f2e}to{opacity:1;transform:scale(1) rotate(-1.5deg)}}.motion-paused .org-stamp{opacity:1;transform:rotate(-1.5deg);animation:none!important}@media(prefers-reduced-motion:reduce){.org-stamp{opacity:1;transform:rotate(-1.5deg);animation:none!important}}.turntable{position:absolute;right:0;bottom:0;width:min(300px,88%)}@media(min-width:768px){.turntable{top:50%;bottom:auto;transform:translateY(-58%)}}@media(max-width:767px){.turntable{left:50%;right:auto;transform:translate(-50%)}}.tt-plinth{position:relative;aspect-ratio:1.3 / 1;background:#e9e6dd;border-radius:6px;box-shadow:3px 4px #12121238;clip-path:polygon(0 2%,98% 0,100% 97%,2% 100%)}.tt-platter{position:absolute;left:8%;top:10%;width:64%;aspect-ratio:1;border-radius:50%;background:#2a2a2a;box-shadow:inset 0 0 0 4px #3a3a3a}.tt-mat{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:repeating-radial-gradient(circle,#333 0,#333 2px,#2a2a2a 2px,#2a2a2a 5px)}.tt-disc{position:absolute;top:3%;right:3%;bottom:3%;left:3%;animation:tt-drop .3s steps(3,jump-end),tt-spin 1.8s steps(12) .3s infinite}@keyframes tt-drop{0%{transform:translateY(-40%) scale(1.15) rotate(-20deg);opacity:.4}to{transform:none;opacity:1}}@keyframes tt-spin{to{transform:rotate(360deg)}}.tt-arm{position:absolute;right:4%;top:4%;width:22%;height:auto;transform-origin:73% 12%;transform:rotate(-24deg);transition:transform .36s steps(3,jump-end) .2s}.turntable.is-playing .tt-arm{transform:rotate(4deg)}.tt-knob{position:absolute;bottom:9%;width:7%;aspect-ratio:1;border-radius:50%;background:var(--black)}.tt-knob.a{right:20%}.tt-knob.b{right:8%;background:var(--sage-ink)}.tt-notes{position:absolute;left:30%;top:-6%;pointer-events:none}.tt-notes i{position:absolute;font-style:normal;font-size:22px;color:var(--paper);animation:tt-note 1.8s steps(6) infinite}.tt-notes i:nth-child(2){left:26px;animation-delay:.6s;color:var(--sage)}.tt-notes i:nth-child(3){left:52px;animation-delay:1.2s}@keyframes tt-note{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(-10px,-46px) rotate(-12deg)}}.tt-now{margin-top:14px;min-height:4.5rem}.tt-title{font-size:1.05rem}.cutout.is-on-deck{opacity:0;pointer-events:none;transition:opacity .2s steps(2)}.motion-paused .tt-disc,.motion-paused .tt-notes i{animation:none!important}.motion-paused .tt-notes i{opacity:1}@media(prefers-reduced-motion:reduce){.tt-disc,.tt-notes i{animation:none!important}.tt-arm{transition:none}}.lamp-icon{width:14px;height:14px;flex:none}.lamp-toggle.is-tugged .lamp-chain{transform:translateY(2px)}.playset-moon{display:none}html.after-hours{color-scheme:dark;--night: #1c201e;--cream: #ebe7dc;--sage-lit: #a9c2b4}html.after-hours body{background-color:var(--night);color:var(--cream)}.after-hours ::-moz-selection{background:#56705f;color:var(--cream)}.after-hours ::selection{background:#56705f;color:var(--cream)}.after-hours .text-\[var\(--sage-ink\)\]{color:var(--sage-lit)}.after-hours .text-\[var\(--black\)\]{color:var(--cream)}.after-hours .text-\[\#121212\]\/\[0\.85\]{color:#ebe7dcd9}.after-hours .border-black\/10{border-color:#ebe7dc24}.after-hours .border-black\/15,.after-hours .border-black\/20{border-color:#ebe7dc38}.after-hours .outline-offset:after{border-color:#ebe7dc66}.after-hours .nav-link.active{color:var(--sage-lit)}.after-hours .work-info,.after-hours .secret-toast,.after-hours .resume-panel,.after-hours .lab-viewer,.after-hours .lab-sticky,.after-hours .bg-\[var\(--paper\)\],.after-hours .cursor-drag span{color:var(--black)}.after-hours .work-info .text-\[var\(--sage-ink\)\],.after-hours .resume-panel .text-\[var\(--sage-ink\)\],.after-hours .lab-viewer .text-\[var\(--sage-ink\)\],.after-hours .resume-bar h2{color:var(--sage-ink)}.after-hours .lab-viewer .text-\[var\(--black\)\]{color:var(--black)}.after-hours .site-nav{background-color:#1c201ee6}.after-hours .motion-toggle,.after-hours .reel-toggle,.after-hours .lost-link,.after-hours .project-nav-card{background:#1c201eeb;color:var(--cream);border-color:#ebe7dc59;box-shadow:2px 2px #00000073}.after-hours .motion-toggle:hover,.after-hours .reel-toggle:hover,.after-hours .lost-link:hover,.after-hours .project-nav-card:hover{background:#262b28}.after-hours .lamp-toggle{color:#f3d58a;border-color:#f3d58a8c}.after-hours .cursor-view{background:var(--cream)}.after-hours .cursor-view span{color:var(--black)}.after-hours .playset svg{filter:drop-shadow(0 0 1px rgba(235,231,220,.6))}.after-hours .playset-floor{border-top:3px solid var(--sage);opacity:1;box-shadow:0 10px 28px #f3d58a29}.after-hours .playset-moon{display:block;position:absolute;top:2%;right:2%;width:clamp(28px,3.6vw,46px);height:auto;filter:drop-shadow(0 0 10px rgba(243,213,138,.35));animation:moon-bob calc(var(--tick, 3.4s)) steps(2) infinite}@keyframes moon-bob{50%{transform:translateY(-3px) rotate(-4deg)}}.after-hours .ant g,.after-hours .ant-runner g{fill:var(--cream);stroke:var(--cream)}.after-hours .ant .ant-legs,.after-hours .ant-runner .ant-legs{fill:none}.after-hours .pt-sheet{background:var(--night)}.after-hours .intro{background:var(--night);color:var(--cream)}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(360px circle at var(--sx, 50%) var(--sy, 30%),rgba(243,213,138,.13),rgba(243,213,138,.04) 45%,transparent 70%)}@media(hover:none){.spotlight{background:radial-gradient(70vmax 50vmax at 50% 0%,rgba(243,213,138,.1),transparent 70%)}}.motion-paused .playset-moon{animation:none}@media(prefers-reduced-motion:reduce){.playset-moon{animation:none!important}}.after-hours .recruiter-switch:not(.on-sage){background:#1c201eeb;color:var(--cream);border-color:#ebe7dc59}.after-hours .recruiter-switch:not(.on-sage):hover{background:#262b28}.after-hours .recruiter-switch:not(.on-sage) .recruiter-switch-track{border-color:var(--cream)}.after-hours .recruiter-switch:not(.on-sage) .recruiter-switch-knob{background:var(--cream)}.after-hours .bg-white\/40{background-color:#ebe7dc0f}.home-collage{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:4rem}.home-intro{position:relative;z-index:2}.home-panel{position:relative;order:3;min-height:26rem;display:flex;flex-direction:column;justify-content:center;padding:1.25rem 1.25rem .5rem;background:#fbfbf8;border:1px solid rgba(18,18,18,.14)}.home-mosaic{position:relative}.home-recruiter{margin-bottom:1.25rem}.windmill{display:flex;flex-direction:column;gap:1.75rem}.case-tile{position:relative;display:block;aspect-ratio:375 / 227;overflow:hidden;background:#fbfbf8;border:2px solid var(--black);box-shadow:2px 3px #1212120f;outline-offset:6px;z-index:1}.case-tile:focus-visible{outline:2px dashed var(--sage-ink)}.case-tile-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:block}.tile-headline{position:absolute;height:auto;pointer-events:none}.case-tile .jazz-reel.is-compact{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.case-tile .tile-phone{position:absolute}.case-tile .tile-laptop{left:28%;top:31%;width:58%;right:auto}.case-tile .tile-handset{right:4%;top:36%;width:17%}.case-tile-label{position:absolute;left:6px;right:6px;bottom:6px;z-index:2;display:flex;flex-direction:column;gap:.2rem;padding:.55rem .7rem .65rem;background:#fbfbf8;border:1px solid rgba(18,18,18,.16);translate:0 calc(100% + 12px);transition:translate .28s steps(3,jump-end)}.case-tile.is-active .case-tile-label{translate:0 0}.case-tile-title{font-size:1.1rem;line-height:1}.case-tile-line{font-size:12.5px;line-height:1.45;opacity:.75}@media(min-width:768px){.home-mosaic{aspect-ratio:1}.home-recruiter{position:absolute;right:4.9%;top:5.5%;margin:0;z-index:6}.windmill{display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--angle));transition:transform var(--turn-ms, .7s) cubic-bezier(.65,0,.3,1)}.case-tile{position:absolute;width:47%;height:28.5%;aspect-ratio:auto;left:calc(var(--cx) - 23.5%);top:calc(var(--cy) - 14.25%);transform:rotate(calc(var(--turn) + var(--tilt)));transition:transform .3s cubic-bezier(.3,.7,.3,1),box-shadow .3s ease}.case-tile.is-active{transform:rotate(var(--turn));box-shadow:0 26px 50px -26px #12121273,2px 3px #1212120f;z-index:5}}html.motion-paused .windmill,html.motion-paused .case-tile,html.motion-paused .case-tile-label{transition:none}@media(min-width:768px){html.motion-paused .case-tile,html.motion-paused .case-tile.is-active{transform:rotate(var(--turn))}}@media(min-width:1024px){.home-collage{display:grid;grid-template-columns:minmax(0,435fr) minmax(0,108fr) minmax(0,779fr);grid-template-rows:auto 1fr;gap:0;margin-top:1rem}.home-intro{grid-column:1 / 4;grid-row:1;max-width:47.5%}.home-panel{grid-column:1;grid-row:2;margin-top:2.5rem;min-height:0;order:0}.home-mosaic{grid-column:3;grid-row:1 / 3}}.case-tile .tile-laptop>span{display:block}.case-tile-label{padding:.45rem .65rem .5rem;gap:.15rem}.case-tile-title{font-size:1rem}.case-tile-line{font-size:12px}.home-panel{padding:0;justify-content:stretch;overflow:hidden}.cp{position:relative;display:flex;flex-direction:column;height:100%;min-height:inherit}.cp-scene{position:relative;flex:1;min-height:20rem;overflow:hidden}.cp-backdrop,.cp-curtains{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cp-curtains{pointer-events:none;z-index:3}.cp-set{animation:cp-drop .45s steps(4,jump-end) both}.cp-set.is-plain{animation:none}@keyframes cp-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.cp-tint{transition:fill .3s steps(3,jump-end)}.cp-snow{animation:cp-snow 3.4s steps(8) infinite}@keyframes cp-snow{0%{transform:translateY(-20px)}to{transform:translateY(40px)}}.cp-bulb{animation:cp-bulb 1.2s steps(2) infinite}@keyframes cp-bulb{50%{opacity:.35}}.cp-beam{transform-origin:50% 0;animation:cp-beam 3.4s steps(6) infinite alternate}.cp-beam.is-b{animation-direction:alternate-reverse}@keyframes cp-beam{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.cp-note{animation:cp-note 3.4s steps(6) infinite}@keyframes cp-note{0%{transform:translateY(8px);opacity:0}30%,70%{opacity:1}to{transform:translateY(-24px);opacity:0}}.cp-me{position:absolute;z-index:2;left:50%;bottom:0;translate:-50% 0;height:86%;aspect-ratio:248 / 426;cursor:pointer;background:none;border:0;padding:0;outline-offset:4px}.cp-me svg{width:100%;height:100%;display:block;overflow:visible}.cp-me:focus-visible{outline:2px dashed var(--sage-ink)}.cp.is-target .cp-me{filter:drop-shadow(0 0 0 var(--sage-ink)) drop-shadow(0 0 10px rgba(86,112,95,.55))}.cp-stage .cp-me{bottom:3%;height:80%}.cp-tray{display:flex;justify-content:space-around;align-items:flex-end;gap:.25rem;padding:.75rem .75rem .25rem;border-top:1px solid rgba(18,18,18,.14);background:#fbfbf8}.cp-portrait .cp-me{height:84%;width:auto;aspect-ratio:188 / 318}.cp-orbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.cp-orbit .cp-prop{position:absolute;pointer-events:auto;left:calc(50% + 43%*cos(calc(var(--i) * 72deg - 90deg + var(--orbit, 0deg))));top:calc(46% + 41%*sin(calc(var(--i) * 72deg - 90deg + var(--orbit, 0deg))));translate:-50% -50%;background:#fbfbf8;border:1px solid rgba(18,18,18,.16);box-shadow:2px 3px #12121214;padding:.3rem}.cp-orbit .cp-prop-art{width:2.6rem;height:1.9rem}@property --orbit{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.cp-orbit{animation:cp-orbit 40s steps(40) infinite}.cp-orbit:hover{animation-play-state:paused}@keyframes cp-orbit{to{--orbit: 360deg}}.cp-prop{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:none;border:0;padding:.2rem;cursor:grab;touch-action:none;outline-offset:3px}.cp-prop:focus-visible{outline:2px dashed var(--sage-ink)}.cp-prop.is-dragging{cursor:grabbing;z-index:9}.cp-prop.is-worn{opacity:.3}.cp-prop-art{display:flex;align-items:flex-end;justify-content:center;width:3.2rem;height:2.4rem}.cp-prop-art svg{max-width:100%;max-height:100%}.cp-prop.is-ball .cp-prop-art svg,.cp-prop.is-weights .cp-prop-art svg{height:60%}.cp-prop-tag{font-size:11px;opacity:0;transition:opacity .2s steps(2);white-space:nowrap}.cp-prop:hover .cp-prop-tag,.cp-prop:focus-visible .cp-prop-tag{opacity:.65}.cp-orbit .cp-prop-tag{position:absolute;top:100%;margin-top:.2rem}.cp-banner{position:absolute;z-index:4;left:50%;top:9%;translate:-50% 0;rotate:-3deg;background:#fbfbf8;color:var(--black);font-weight:600;letter-spacing:.04em;padding:.4rem 1rem;border:2px solid var(--black);box-shadow:3px 4px #0000004d}.cp-stage .cp-banner{top:12%}.cp-caption{font-size:.875rem;opacity:.75;padding:.55rem .9rem .7rem;min-height:2.6rem;background:#fbfbf8}html.motion-paused .cp-set,html.motion-paused .cp-snow,html.motion-paused .cp-bulb,html.motion-paused .cp-beam,html.motion-paused .cp-note,html.motion-paused .cp-orbit{animation:none}.home-collage{position:relative}.home-scene-wrap{position:relative;height:300px;overflow:hidden;margin:0 -1.5rem}.home-scene{position:relative;height:100%;aspect-ratio:1300 / 760}.home-scene .town{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.town-hit{position:absolute;z-index:1;background:transparent;border:0;padding:0;cursor:pointer;pointer-events:auto;outline-offset:2px}.town-hit:focus-visible{outline:2px dashed var(--sage-ink)}@media(min-width:768px){.home-scene-wrap{height:360px;margin:0}}@media(min-width:1024px){.home-scene-wrap{position:absolute;left:0;right:0;bottom:0;height:auto;margin:0;z-index:0;pointer-events:none;overflow:visible}.home-scene{width:100%;height:auto}.home-intro{z-index:2}.home-mosaic{z-index:1}}.town-cloud{animation:town-drift 34s steps(34) infinite alternate}.town-cloud.is-b{animation-duration:26s;animation-direction:alternate-reverse}@keyframes town-drift{to{transform:translate(60px)}}.town-bulb,.town-lit{animation:town-blink 1.7s steps(2) infinite}@keyframes town-blink{50%{opacity:.3}}.town-bob{animation:town-bob .85s steps(2) infinite}.town-bob.is-off{animation-delay:-.42s}@keyframes town-bob{50%{transform:translateY(-4px)}}.town-hop{animation:town-hop 3.4s steps(4) infinite}.town-hop.is-off{animation-delay:-1.7s}@keyframes town-hop{0%,40%,to{transform:translateY(0)}15%,25%{transform:translateY(-9px)}}.town-lifter .lift-b{opacity:0}.town-lift .lift-a{animation:town-rep-a 1.7s steps(1) infinite}.town-lift .lift-b{animation:town-rep-b 1.7s steps(1) infinite}.town-lift.is-off .lift-a,.town-lift.is-off .lift-b{animation-delay:-.85s}@keyframes town-rep-a{0%{opacity:1}50%{opacity:0}}@keyframes town-rep-b{0%{opacity:0}50%{opacity:1}}.town-note{opacity:0;animation:town-note 1.8s steps(4) infinite}@keyframes town-note{0%{opacity:0;transform:translateY(6px)}30%,70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.town-trick{transform-box:fill-box;transform-origin:50% 70%}.home-scene.is-ski .town-trick{animation:town-flip .6s steps(6) 2}@keyframes town-flip{to{transform:rotate(360deg)}}.home-scene.is-dj .town-bob{animation-duration:.4s}.home-scene.is-dj .town-bob .town-person{transform:translateY(-3px)}.home-scene.is-piano .town-note{animation-duration:.6s}.home-scene.is-hoop .town-hop{animation-duration:.8s}.home-scene.is-hoop .town-ball{animation:town-swish .85s steps(4) 2}@keyframes town-swish{50%{transform:translateY(-14px)}}.home-scene.is-gym .town-lift .lift-a,.home-scene.is-gym .town-lift .lift-b{animation-duration:.4s}html.motion-paused .home-scene *,html.motion-paused .home-scene{animation:none!important}html.motion-paused .town-note{opacity:1}@media(min-width:1024px){.home-mosaic{pointer-events:auto}}.billboard-lamps{display:none}@media(min-width:1024px){.home-collage{--hero-w: min(100%, 1600px, calc((100svh - 168px) / .59));width:var(--hero-w);max-width:none;padding-bottom:calc(var(--hero-w) * .09);grid-template-columns:minmax(0,945fr) minmax(0,55fr) minmax(0,1000fr);margin-top:0}.home-mosaic:before{content:"";position:absolute;top:-2.5%;right:-1.5%;bottom:0;left:-1.5%;z-index:0;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0 / 9px 9px,var(--sage-ink);border:3px solid var(--black);box-shadow:6px 8px #12121212}.windmill{z-index:1}.billboard-lamps{display:flex;justify-content:space-around;position:absolute;left:6%;right:6%;top:-2.5%;z-index:0;pointer-events:none}.billboard-lamps span{position:relative;width:10px;height:24px;translate:0 -100%}.billboard-lamps span:before{content:"";position:absolute;left:4px;top:0;width:3px;height:22px;background:var(--black);box-shadow:-6px 22px 0 3px var(--black)}.billboard-lamps span:after{content:"";position:absolute;left:50%;top:100%;width:120px;height:90px;translate:-50% 4px;background:radial-gradient(ellipse 50% 100% at 50% 0,rgba(243,213,138,.38),transparent 70%)}html.after-hours .billboard-lamps span:after{background:radial-gradient(ellipse 50% 100% at 50% 0,rgba(243,213,138,.6),transparent 72%)}}.town-hit{min-width:24px;min-height:24px}.after-hours .case-tile-label{color:var(--black)}.after-hours .secrets-toggle-cue{color:var(--sage-lit)}.billboard-label{font-size:1.6rem;line-height:1;margin-bottom:1rem}@media(min-width:1024px){.billboard-label{position:absolute;left:5%;bottom:6%;z-index:2;margin:0;pointer-events:none;font-size:clamp(1.1rem,1.6vw,1.5rem);background:#fbfbf8;color:var(--black);padding:.45rem .8rem .5rem;border:2px solid var(--black);box-shadow:3px 4px #12121240;rotate:-2deg}}.case-tile-art img,.case-tile-art video{image-rendering:auto}@media(min-width:768px){.case-tile.is-active{box-shadow:6px 8px #12121259}}.board-head{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.work-board-grid{display:flex;flex-direction:column;gap:1.75rem}.work-board-grid .case-tile{position:relative;aspect-ratio:375 / 227;transform:none;transition:box-shadow .25s ease,translate .25s ease}.work-board-grid .case-tile.is-active{transform:none}@media(min-width:768px){.home-mosaic{aspect-ratio:auto}.board-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:2.2%}.board-head .billboard-label{grid-column:2}.board-head .home-recruiter{grid-column:3;justify-self:end;position:static;margin:0}.work-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.2%}.work-board-grid .case-tile{position:relative;left:auto;top:auto;width:auto;height:auto;aspect-ratio:375 / 227;transform:none}.work-board-grid .case-tile.is-active{transform:none;translate:-3px -4px;z-index:5;box-shadow:7px 9px #12121259}html.motion-paused .work-board-grid .case-tile,html.motion-paused .work-board-grid .case-tile.is-active{transform:none;translate:none}}@media(min-width:1024px){.home-collage{--hero-w: min( calc(100vw - 48px) , 1600px, calc((100svh - 168px) / .49));margin-left:calc((100% - var(--hero-w)) / 2);margin-right:0;grid-template-columns:minmax(0,40fr) minmax(0,2fr) minmax(0,58fr)}.home-intro{padding-left:max(0px,calc((var(--hero-w) - (100vw - 128px)) / 2));grid-column:1;max-width:none}.home-mosaic{grid-column:3;grid-row:1 / 3;align-self:end;padding:2.4% 3% 3%}.home-mosaic:before{top:0;right:0;bottom:0;left:0}.billboard-label{position:static;rotate:-2deg;margin:0;font-size:clamp(1.1rem,1.5vw,1.6rem)}.billboard-lamps{top:0}}@media(max-width:767px){.home-scene-wrap{height:280px}.home-scene{position:absolute;left:0;bottom:0;height:400px}}@media(min-width:768px)and (max-width:1023px){.home-scene-wrap{height:auto;margin:0}.home-scene{width:100%;height:auto}}@media(min-width:768px){.work-board-grid.is-featured-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);grid-auto-rows:auto;gap:2.4%}.is-featured-layout .case-tile{grid-column:2;aspect-ratio:375 / 227}.is-featured-layout .case-tile.is-featured{grid-column:1;grid-row:1 / span 3;aspect-ratio:auto}.is-featured-layout .case-tile:not(.is-featured) .case-tile-label{display:none}.is-featured-layout .case-tile:not(.is-featured):hover{translate:-2px -3px;box-shadow:5px 6px #1212124d}.is-featured-layout .case-tile.is-active{translate:none;box-shadow:6px 8px #1212124d}.is-featured-layout .case-tile.is-featured{display:flex;flex-direction:column}.is-featured-layout .case-tile.is-featured .case-tile-art{position:relative;inset:auto;flex:1}.is-featured-layout .case-tile.is-featured .case-tile-label{position:static;translate:none;transition:none;display:grid;grid-template-columns:1fr auto;-moz-column-gap:1rem;column-gap:1rem;row-gap:.15rem;align-items:baseline;border:0;border-top:2px solid var(--black);padding:.55rem .85rem .6rem}.is-featured .case-tile-line{grid-column:1 / -1;grid-row:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-featured .case-tile-cta{grid-column:2;grid-row:1;font-size:12.5px;white-space:nowrap}.feat-laptop>span{display:block}.is-featured-layout .case-tile.is-featured .case-tile-art{animation:feat-in .35s ease both}@keyframes feat-in{0%{opacity:0}to{opacity:1}}.feat-phone{width:auto!important;translate:-50% 0;border-radius:13%/6.4%}.tile-jolt .feat-phone{border-radius:14%/6.8%}.feat-laptop{position:absolute;left:5%;top:24%;width:74%}.feat-handset{position:absolute;right:4%;top:31%;width:21%}.feat-reel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end}.feat-reel .jazz-reel.is-compact{position:static!important;width:100%;height:auto!important}.feat-timer{position:absolute;left:0;top:0;height:3px;width:100%;z-index:3;background:var(--sage-ink);transform-origin:0 50%;animation:feat-timer 7s linear both}@keyframes feat-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}html.motion-paused .feat-timer{display:none}html.motion-paused .is-featured-layout .case-tile.is-featured .case-tile-art{animation:none}}.site-title{position:absolute;z-index:1;right:5%;top:7%;font-size:clamp(.75rem,1.1vw,1.05rem);line-height:1;color:var(--black)}.site-title.is-feat{left:5%;right:auto;top:7%;font-size:clamp(1.4rem,2.3vw,2.2rem)}@media(max-width:767px){.site-title{font-size:1.1rem}}.last\:pb-0:last-child{padding-bottom:0}.hover\:text-\[var\(--sage-ink\)\]:hover{color:var(--sage-ink)}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-70:hover{opacity:.7}.hover\:contrast-100:hover{--tw-contrast: contrast(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:grayscale-0:hover{--tw-grayscale: grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media(min-width:640px){.sm\:grid-cols-\[7rem_minmax\(0\,1fr\)_9rem\]{grid-template-columns:7rem minmax(0,1fr) 9rem}.sm\:gap-8{gap:2rem}}@media(min-width:768px){.md\:left-\[34\%\]{left:34%}.md\:left-\[4\%\]{left:4%}.md\:top-\[50\%\]{top:50%}.md\:top-\[6\%\]{top:6%}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:-mx-12{margin-left:-3rem;margin-right:-3rem}.md\:mb-20{margin-bottom:5rem}.md\:inline-flex{display:inline-flex}.md\:h-36{height:9rem}.md\:h-40{height:10rem}.md\:h-52{height:13rem}.md\:h-\[440px\]{height:440px}.md\:w-10{width:2.5rem}.md\:w-36{width:9rem}.md\:w-40{width:10rem}.md\:w-52{width:13rem}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[12\.5rem_1fr\]{grid-template-columns:12.5rem 1fr}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-10{gap:2.5rem}.md\:gap-16{gap:4rem}.md\:gap-8{gap:2rem}.md\:border-b-0{border-bottom-width:0px}.md\:p-12{padding:3rem}.md\:p-3{padding:.75rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:pl-12{padding-left:3rem}.md\:pl-7{padding-left:1.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}}@media(min-width:1024px){.lg\:-mx-16{margin-left:-4rem;margin-right:-4rem}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:p-16{padding:4rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}}@media(min-width:1280px){.xl\:grid-cols-\[minmax\(0\,34rem\)_14rem\]{grid-template-columns:minmax(0,34rem) 14rem}.xl\:items-center{align-items:center}.xl\:gap-14{gap:3.5rem}.xl\:text-\[3\.5rem\]{font-size:3.5rem}}
