*,*:before,*:after{box-sizing:border-box;transition:scale .3s ease,color .3s ease,stroke .3s ease,fill .3s ease,background-color .3s ease,outline-color .3s ease,border .3s ease}html{line-height:1.5;-webkit-text-size-adjust:100%;scrollbar-gutter:stable;scrollbar-width:none}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img{height:auto;max-width:100%;width:100%;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-webkit-touch-callout:none;-ms-user-select:none}img,svg{width:100%}svg{overflow:visible}button,input,select,textarea,li,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer;border:none;background-color:transparent;padding:0;padding-inline:0;padding-block:0}ul,ol{margin:0;padding:0;list-style-type:none}h1,h2,h3,h4,h5,h6,p,figure{margin:0;margin-block-start:0;margin-block-end:0}:root{--gap: clamp(0rem, 0vw + 0rem, 0rem);--gutter: clamp(1rem, 1.5384615385vw + .6153846154rem, 2rem);--space-1-5: clamp(.28125rem, .1442307692vw + .2451923077rem, .375rem);--space-2: clamp(.375rem, .1923076923vw + .3269230769rem, .5rem);--space-3: clamp(.5625rem, .2884615385vw + .4903846154rem, .75rem);--space-4: clamp(.75rem, .3846153846vw + .6538461538rem, 1rem);--space-6: clamp(1.125rem, .5769230769vw + .9807692308rem, 1.5rem);--space-9: clamp(2.25rem, 1.1538461538vw + 1.9615384615rem, 3rem);--space-12: clamp(4.5rem, 2.3076923077vw + 3.9230769231rem, 6rem);--space-16: clamp(12rem, 6.1538461538vw + 10.4615384615rem, 16rem)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}body{font-family:neue-haas-grotesk-display,sans-serif}h1,h2,h3,h4,h5,h6{font-optical-sizing:auto;font-style:normal}.heading--xl{font-size:clamp(4rem,16vw,9rem);font-weight:400;line-height:.75;letter-spacing:-.07ch;max-width:40ch;overflow-wrap:anywhere}.heading--lg{font-size:clamp(3rem,6vw,5rem);font-weight:500;max-width:35ch;line-height:.95;letter-spacing:-.025ch}.heading--md,.cases-rail__case-label__title{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:400;max-width:50ch;line-height:1.05}.heading--sm{font-size:clamp(1rem,3vw,1.4rem);font-weight:600;max-width:60ch;line-height:1.1}.heading--xs{font-size:clamp(1rem,3vw,1.3rem);line-height:1.2;font-weight:500}.heading--xxs{font-size:clamp(1rem,3vw,1.1rem);font-weight:500;text-transform:uppercase}.uppsercase{text-transform:uppercase}.underline-link,.underline{text-decoration:underline;text-underline-offset:.2ch;text-decoration-color:inherit;text-decoration-thickness:1px}p,.body--sm,.body--md,.the-content h2,.body--lg,.the-content.body--lg p,a,body,li,span,button{line-height:1.2;text-wrap:pretty;font-size:clamp(1.05rem,1.75vw,1.6rem);font-weight:400;text-box:trim-both ex alphabetic}p strong,.body--sm strong,.body--md strong,.the-content h2 strong,.body--lg strong,.the-content.body--lg p strong,a strong,body strong,li strong,span strong,button strong{font-weight:600}a{line-height:1}@media(hover:hover)and (pointer:fine){.hover-accent:hover{color:var(--accent-500)}}@media(hover:hover)and (pointer:fine){.hover-accent-2:hover{color:var(--accent-hover)}}.max-p-width{max-width:50ch}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.body--lg,.the-content.body--lg p{font-size:clamp(1.4rem,4vw,2.4rem);font-weight:400}.body--sm{font-weight:300;font-size:clamp(.8rem,2vw,1rem)}:root{--yellow-400: #E2EDB1;--yellow-500: #E7FF4E;--yellow-500-static: #E7FF4E;--pink-500: #FF2894;--red-500: #64001E;--red-500-static: #64001E;--red-transparent: rgba(100, 0, 30, .2274509804);--blue-500: #9CC9EF}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}body{background-color:var(--red-500);color:var(--yellow-400)}.grid{display:grid;gap:var(--gap)}.full{margin-inline:calc(var(--gutter) * -1)}section{grid-column:1/-1}section.container{grid-column:2/3}.container{grid-column:2/3}.container-max{max-width:calc(1920px - var(--gutter) * 2);grid-column:2/3;padding:0 clamp(0rem,9.2307692308vw + -2.3076923077rem,6rem);margin:0 auto}@media(max-width:428px){.container-max{padding:0}}.container-col-2{display:grid;grid-template-columns:repeat(2,1fr);row-gap:var(--gap);column-gap:calc(var(--gap) / 1.5)}@media(max-width:1024px){.container-col-2{grid-template-columns:1fr}.container-col-2>*{grid-area:auto!important;grid-column:1/-1!important}}.span-all{grid-column:1/-1}main{min-height:100lvh;display:grid;grid-template-columns:var(--gutter) minmax(0,1fr) var(--gutter);--gap: var(--space-16)}main>section:nth-child(2){margin-top:var(--gap)}main>section:nth-child(n+3){margin-top:var(--gap)}.p-gutter{padding:var(--gutter)}.px-gutter{padding-left:var(--gutter);padding-right:var(--gutter)}.pb-gutter{padding-bottom:var(--gutter)}.gap-1{--gap: clamp(.1875rem, .0961538462vw + .1634615385rem, .25rem);gap:var(--gap)}.px-2{padding-left:clamp(.375rem,.1923076923vw + .3269230769rem,.5rem);padding-right:clamp(.375rem,.1923076923vw + .3269230769rem,.5rem)}.py-2{padding-top:clamp(.375rem,.1923076923vw + .3269230769rem,.5rem);padding-bottom:clamp(.375rem,.1923076923vw + .3269230769rem,.5rem)}.pb-2{padding-bottom:clamp(.375rem,.1923076923vw + .3269230769rem,.5rem)}.gap-2{--gap: clamp(.375rem, .1923076923vw + .3269230769rem, .5rem);gap:var(--gap)}.pt-2-5{padding-top:clamp(.46875rem,.2403846154vw + .4086538462rem,.625rem)}.mt-4{margin-top:clamp(.75rem,.3846153846vw + .6538461538rem,1rem)}.mr-4{margin-right:clamp(.75rem,.3846153846vw + .6538461538rem,1rem)}.px-4{padding-left:clamp(.75rem,.3846153846vw + .6538461538rem,1rem);padding-right:clamp(.75rem,.3846153846vw + .6538461538rem,1rem)}.gap-4{--gap: clamp(.75rem, .3846153846vw + .6538461538rem, 1rem);gap:var(--gap)}.gap-5{--gap: clamp(.9375rem, .4807692308vw + .8173076923rem, 1.25rem);gap:var(--gap)}.mt-7{margin-top:clamp(1.5rem,.7692307692vw + 1.3076923077rem,2rem)}.gap-7{--gap: clamp(1.5rem, .7692307692vw + 1.3076923077rem, 2rem);gap:var(--gap)}.gap-9{--gap: clamp(2.25rem, 1.1538461538vw + 1.9615384615rem, 3rem);gap:var(--gap)}.pt-10{padding-top:clamp(3rem,1.5384615385vw + 2.6153846154rem,4rem)}.gap-11{--gap: clamp(3.75rem, 1.9230769231vw + 3.2692307692rem, 5rem);gap:var(--gap)}.mb-12{margin-bottom:clamp(4.5rem,2.3076923077vw + 3.9230769231rem,6rem)}.ml-12{margin-left:clamp(4.5rem,2.3076923077vw + 3.9230769231rem,6rem)}.pt-12{padding-top:clamp(4.5rem,2.3076923077vw + 3.9230769231rem,6rem)}.py-14{padding-top:clamp(7.5rem,3.8461538462vw + 6.5384615385rem,10rem);padding-bottom:clamp(7.5rem,3.8461538462vw + 6.5384615385rem,10rem)}.gap-16{--gap: clamp(12rem, 6.1538461538vw + 10.4615384615rem, 16rem);gap:var(--gap)}@media(max-width:1024px){.lg\:gap-7{--gap: clamp(1.5rem, .7692307692vw + 1.3076923077rem, 2rem);gap:var(--gap)}}@media(max-width:1024px){.lg\:gap-9{--gap: clamp(2.25rem, 1.1538461538vw + 1.9615384615rem, 3rem);gap:var(--gap)}}@media(max-width:1024px){.lg\:gap-10{--gap: clamp(3rem, 1.5384615385vw + 2.6153846154rem, 4rem);gap:var(--gap)}}@media(max-width:1024px){.lg\:pb-12{padding-bottom:clamp(4.5rem,2.3076923077vw + 3.9230769231rem,6rem)}}@media(max-width:768px){.md\:ml-0{margin-left:clamp(0rem,0vw + 0rem,0rem)}}@media(max-width:768px){.md\:pt-0{padding-top:clamp(0rem,0vw + 0rem,0rem)}}@media(max-width:768px){.md\:gap-9{--gap: clamp(2.25rem, 1.1538461538vw + 1.9615384615rem, 3rem);gap:var(--gap)}}.b2-red-500{border:solid 2px var(--red-500)}.radius-rounded{border-radius:9999px}.w-4{width:clamp(.75rem,.3846153846vw + .6538461538rem,1rem)}.w-8{width:clamp(1.875rem,.9615384615vw + 1.6346153846rem,2.5rem)}.w-16{width:clamp(12rem,6.1538461538vw + 10.4615384615rem,16rem)}.w-fit{width:fit-content}.w-full{width:100%}.h-fit{height:fit-content}.w-100{width:100%}.ratio-4-3{position:relative}.ratio-4-3:before{content:"";display:block;padding-top:75%}.ratio-4-3>*{position:absolute;top:0;left:0;width:100%;height:100%}@supports (aspect-ratio: 1){.ratio-4-3{aspect-ratio:4/3}.ratio-4-3:before{display:none}.ratio-4-3>*{position:static;width:auto;height:auto}}@media(max-width:1920px){}@media(max-width:1920px){}@media(max-width:1920px){}@media(max-width:1920px){}@media(max-width:1920px){}@media(max-width:1440px){}@media(max-width:1440px){}@media(max-width:1440px){}@media(max-width:1440px){}@media(max-width:1440px){}@media(max-width:1024px){}@media(max-width:1024px){}@media(max-width:1024px){}@media(max-width:1024px){}@media(max-width:1024px){}@media(max-width:768px){}@media(max-width:768px){}@media(max-width:768px){}@media(max-width:768px){}@media(max-width:768px){}@media(max-width:640px){}@media(max-width:640px){}@media(max-width:640px){}@media(max-width:640px){}@media(max-width:640px){}@media(max-width:428px){}@media(max-width:428px){}@media(max-width:428px){}@media(max-width:428px){}@media(max-width:428px){}.text-yellow-400{color:var(--yellow-400)}.bg-yellow-400{background-color:var(--yellow-400)}.text-yellow-500{color:var(--yellow-500)}.bg-yellow-500{background-color:var(--yellow-500)}.bg-yellow-500-static{background-color:var(--yellow-500-static)}.text-red-500{color:var(--red-500)}.bg-red-500{background-color:var(--red-500)}.text-red-500-static{color:var(--red-500-static)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-center{justify-self:center}.flex-1{flex:1 1 0%}@media(max-width:1024px){.lg\:flex-col{flex-direction:column}}@media(max-width:1024px){.lg\:items-start{align-items:flex-start}}.hidden{display:none!important}@media(min-width:768px){.hide-desktop{display:none}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.index-0{z-index:-1}.index-1{z-index:1}.index-99999{z-index:99999}:root{--inner-glow: 0 -.125em .1875em -.125em var(--accent-400) inset, 0 -.25em .375em -.125em var(--accent-500) inset, 0 -.375em .5em -.125em var(--accent-600) inset}.site-header{position:fixed;z-index:999}.site-header__btn{position:relative;z-index:1}.site-header__menu{z-index:2;--reveal-x: 50%;--reveal-y: 0%;--reveal-r: 0px;clip-path:circle(var(--reveal-r) at var(--reveal-x) var(--reveal-y));transition:clip-path .7s cubic-bezier(.76,0,.24,1);will-change:clip-path}.site-header__close{top:var(--space-9);right:var(--space-9)}.site-header.is-open .site-header__menu{--reveal-r: 125vmax}@media(max-width:768px){.site-header.is-open .site-header__menu{--reveal-r: 200vmax}}.btn-primary{width:fit-content;display:flex;align-items:center;justify-content:center;gap:1ch;cursor:pointer;padding:var(--space-3) var(--space-6) var(--space-4);box-shadow:0 0 0 0 transparent inset,0 0 0 0 transparent inset,0 0 0 0 transparent inset;--duration: .5s ease;transition:box-shadow var(--duration),color var(--duration),fill var(--duration);color:var(--light-100);white-space:nowrap}.btn-primary svg{width:var(--space-4);height:var(--space-4)}.btn-primary svg path{fill:var(--light-100)}@media(hover:hover)and (pointer:fine){.btn-primary:not(:disabled):hover{box-shadow:var(--inner-glow);color:var(--light-0)}.btn-primary:not(:disabled):hover svg path{fill:var(--light-0)}}.btn-primary p{white-space:nowrap}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.single-case-page .the-content h2 .split-line{background-color:var(--yellow-500);width:fit-content;padding:0 .5ch}.single-case-page .the-content h2:not(:has(.split-line)){background-color:var(--yellow-500);width:fit-content;padding:0 .5ch}.the-content{max-width:70ch}.the-content h2{text-box:none}.the-content *+p{margin-top:var(--space-6)}.the-content *+h2{margin-top:2ch}.the-content ul{list-style-type:disc;padding-left:2ch}.the-content ul li{margin-bottom:1ch}.single-case-page{color:var(--red-500)}.single-case-page__main{height:100vh}.single-case-page__content,.single-case-page__indicators{position:sticky;top:var(--space-12)}.single-case-page__indicators{display:flex;flex-direction:column;gap:var(--space-2);width:var(--space-2);cursor:pointer}.single-case-page__indicators:focus-visible{outline:2px solid var(--pink-500);outline-offset:2px}@media(hover:hover)and (pointer:fine){.single-case-page__indicators:hover .single-case-page__indicator-fill{scale:1.05}}.single-case-page__indicator{flex:1;border-radius:16px;background-color:var(--red-transparent)}.single-case-page__indicator-mask{position:absolute;inset:0;pointer-events:none}.single-case-page__indicator-fill{position:absolute;left:0;right:0;border-radius:99px;background-color:var(--red-500);transition:top .6s cubic-bezier(.16,1,.3,1)}.single-case-page__gallery{aspect-ratio:1;overflow:hidden}.single-case-page__gallery-track{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.16,1,.3,1)}.single-case-page__media{position:relative;width:100%;height:var(--gallery-h);flex-shrink:0}.single-case-page__media img{display:block;width:100%;height:100%;object-fit:cover}.single-case-page__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.single-case-page__media.is-video-ready video{opacity:1}.single-case-page__nav{bottom:0;left:0}.single-case-page__category:before,.single-case-page__year-completed:before{--size: var(--space-1-5);content:"";display:inline-flex;vertical-align:middle;margin-right:var(--space-1-5);width:var(--size);height:var(--size);border-radius:99px;background-color:var(--pink-500)}.single-case-page__body .the-content{grid-area:1/1/2/2}.single-case-page__body .the-content p{text-box:normal}.single-case-page__body .the-content:not(.active){display:none}@media(max-width:1024px){.single-case-page__main{height:auto;flex-direction:column}.single-case-page__content{position:static}.single-case-page__indicators{display:none}.single-case-page__body .the-content{grid-area:auto}.single-case-page__body .the-content:not(.active){display:flex}.single-case-page__gallery{overflow:visible;aspect-ratio:auto}.single-case-page__gallery-track{transform:none!important;gap:var(--space-9)}.single-case-page__media{height:auto;aspect-ratio:1}.single-case-page__media img,.single-case-page__media video{height:100%}}main.about-page{background-color:var(--blue-500);color:var(--red-500)}body:has(main.about-page){background-color:var(--blue-500)}main.case-page,main.single-case-page{background-color:var(--yellow-400);color:var(--red-500)}body:has(main.case-page),body:has(main.single-case-page){background-color:var(--yellow-400)}.about{gap:var(--space-9)}.about .nowrap{white-space:nowrap}.about .stack{grid-area:1/1/2/2}@media(max-width:768px){.about .stack{grid-area:auto}}.about__text-container{align-items:first baseline}.about__body{text-align:justify;max-width:800px}.about__body h2{display:inline;margin-right:.5em}.about__body h2+p{display:inline}.about__who-i-am{justify-self:end}.about__image{max-width:800px;justify-self:end}#cases--canvas{top:0;width:100%;height:100lvh;z-index:2}.cases-rail{min-height:calc(var(--case-count, 1) * 100lvh * .75);pointer-events:none}.cases-rail>*{pointer-events:auto}.cases-rail #cases--overlays{top:0;pointer-events:none;z-index:2;height:100lvh}.cases-rail #cases--title{font-weight:500;top:50%;transform:translateY(-50%);visibility:hidden}.cases-rail #cases--title .line{display:block}.cases-rail #cases--title .word{display:inline-flex}.cases-rail #cases--title .line>div{display:inline-flex;overflow:hidden;vertical-align:bottom}.cases-rail #cases--contact{top:50%;transform:translateY(-50%);z-index:1}.cases-rail__case-label{position:absolute;display:flex;gap:1ch;align-items:center;opacity:0;will-change:opacity;pointer-events:auto;color:var(--red-500)}.cases-rail__case-label__arrow{width:.75em}.cases-rail__case-label__arrow path{fill:var(--red-500)}.cases-rail__case-label__title{white-space:nowrap}.hero{grid-column:1/-1;min-width:0;position:relative;min-height:100svh;overflow:hidden;z-index:4}.hero__lottie{max-width:100%}