*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,picture,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#fff}:root{--font-sans: "Switzer", "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg: #eaeaea;--fg: #131313;--half: rgba(19, 19, 19, .5);--muted-strong: #5e5e5e;--rule: rgba(19, 19, 19, .14);--panel: #dedede;--accent: #eb4b3d;--on-dark: #eaeaea;--dark: #131313;--pad: clamp(1rem, 2.2vw, 2rem);--radius: 6px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.label{font-size:.75rem;font-weight:500;letter-spacing:.01em;text-transform:uppercase;line-height:1.3}.label--half{color:var(--muted-strong)}.btn{display:inline-flex;align-items:center;gap:.6rem;height:2.375rem;padding:0 .5rem 0 .9rem;background:var(--dark);color:var(--on-dark);border-radius:3px;font-size:.95rem;font-weight:500;line-height:1;transition:background .3s var(--ease)}.btn__icon{width:1.375rem;height:1.375rem;display:grid;place-items:center;background:var(--on-dark);color:var(--dark);border-radius:2px;transition:transform .4s var(--ease)}.btn__icon svg{width:.7rem;height:.7rem}@media (hover: hover){.btn:hover{background:var(--accent)}.btn:hover .btn__icon{transform:rotate(-45deg)}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@font-face{font-family:Switzer;src:url(/fonts/switzer-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.t-display{font-size:clamp(4rem,12.5vw,12rem);font-weight:500;line-height:.9;letter-spacing:-.05em}.t-xl{font-size:clamp(2.4rem,4.6vw,4.25rem);font-weight:500;line-height:1;letter-spacing:-.035em}.t-l{font-size:clamp(2.1rem,4vw,3.6rem);font-weight:400;line-height:1;letter-spacing:-.035em}.t-m{font-size:clamp(1.35rem,2vw,1.8rem);font-weight:400;line-height:1.1;letter-spacing:-.02em}.t-s{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:-.01em}.t-body{font-size:.95rem;font-weight:400;line-height:1.55}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--pad);pointer-events:none}.site-header>*{pointer-events:auto}.site-header__mark img{height:1.9rem;width:auto;transition:filter .4s var(--ease)}.site-header.is-over-dark .site-header__mark img{filter:invert(1)}.site-header__actions{display:flex;align-items:center;gap:.9rem}.menu-toggle{position:relative;width:2.375rem;height:2.375rem;display:grid;place-items:center;border-radius:3px;background:var(--dark)}.menu-toggle span{position:absolute;left:50%;width:1rem;height:1.5px;background:var(--on-dark);translate:-50% 0;transition:transform .45s var(--ease),top .45s var(--ease)}.menu-toggle span:first-child{top:calc(50% - 3px)}.menu-toggle span:last-child{top:calc(50% + 3px)}.menu-open .menu-toggle span:first-child{top:50%;transform:rotate(45deg)}.menu-open .menu-toggle span:last-child{top:50%;transform:rotate(-45deg)}@media (max-width: 640px){.site-header .btn{display:none}}.top-blur{position:fixed;inset:0 0 auto;height:9rem;z-index:90;pointer-events:none}.top-blur__layer{position:absolute;inset:0;backdrop-filter:blur(var(--b));-webkit-backdrop-filter:blur(var(--b))}.top-blur__layer:nth-child(1){mask:linear-gradient(transparent 12.5%,#000 25%,#000 37.5%,transparent 50%)}.top-blur__layer:nth-child(2){mask:linear-gradient(transparent 0%,#000 12.5%,#000 25%,transparent 37.5%)}.top-blur__layer:nth-child(3){mask:linear-gradient(#000 0%,#000 12.5%,transparent 25%)}.top-blur__layer:nth-child(4){mask:linear-gradient(#000 0%,#000 8%,transparent 18%)}.top-blur__layer:nth-child(5){mask:linear-gradient(#000 0%,#000 6%,transparent 14%)}.grain{position:fixed;inset:-50%;z-index:300;pointer-events:none;background:url(/img/grain.png);opacity:.07;animation:grain .9s steps(5) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.grain{animation:none}}.sheet{position:relative;z-index:2;background:var(--bg);min-height:100svh;transform-origin:50% var(--origin-y, 50vh);transition:transform .8s var(--ease),border-radius .8s var(--ease),filter .8s var(--ease)}.menu-open .sheet{transform:translate(calc(-1*min(34vw,30rem))) scale(.94);border-radius:10px;overflow:hidden;filter:brightness(.92);cursor:pointer}.menu-open .site-header__mark,.menu-open .site-header .btn{opacity:0;pointer-events:none}.site-header__mark,.site-header .btn{transition:opacity .4s var(--ease)}.site-menu{position:fixed;inset:0 0 0 auto;z-index:1;width:min(34vw,30rem);display:flex;flex-direction:column;justify-content:space-between;padding:6rem var(--pad) var(--pad);background:var(--bg);visibility:hidden;transition:visibility 0s linear .8s}.menu-open .site-menu{visibility:visible;transition:none}.site-menu__links{list-style:none;padding:0;display:grid;gap:.15rem}.site-menu__links a{display:block;padding:.05em .25em;margin-inline:-.25em;font-size:clamp(2rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1.15;border-radius:2px;transition:background .3s var(--ease),color .3s var(--ease);opacity:0;transform:translateY(.6em)}.menu-open .site-menu__links a{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease),background .3s var(--ease)}.menu-open .site-menu__links li:nth-child(2) a{transition-delay:.05s}.menu-open .site-menu__links li:nth-child(3) a{transition-delay:.1s}.menu-open .site-menu__links li:nth-child(4) a{transition-delay:.15s}.site-menu__links a.is-current,.site-menu__links a:hover{background:var(--accent);color:var(--fg)}.site-menu__foot{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem;border-top:1px solid var(--rule);font-size:.8125rem}.site-menu__foot a:hover{color:var(--accent)}@media (max-width: 760px){.site-menu{width:78vw}.menu-open .sheet{transform:translate(-78vw) scale(.92)}.site-menu__foot{grid-template-columns:1fr}}.pt-stage{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none}.pt-stage--3d{perspective:100vw}.pt-layer{position:absolute;inset:0;overflow:hidden;background:var(--bg);contain:paint;will-change:transform,clip-path}.pt-middle{background:var(--accent)}.pt-panel{position:absolute;inset:0;z-index:5;background:var(--bg)}.page.is-pending [data-reveal]{visibility:hidden}.toast{position:fixed;left:50%;bottom:1.5rem;z-index:260;translate:-50% 120%;opacity:0;padding:.6rem .9rem;border-radius:3px;background:var(--dark);color:var(--on-dark);font-size:.875rem;font-weight:500;transition:translate .5s var(--ease),opacity .5s var(--ease)}.toast.is-on{translate:-50% 0;opacity:1}.hero{position:fixed;inset:0;height:100svh;z-index:0;overflow:hidden;color:#fff;background:#151412}.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s var(--ease-io)}.hero__slide.is-on{opacity:1}.hero__ambient{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(46px) saturate(1.15) brightness(.62)}.hero__mock{position:absolute;left:50%;top:50%;height:min(100svh,125vw);width:auto;aspect-ratio:4 / 5;max-width:none;translate:-50% -50%;object-fit:cover;-webkit-mask:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;scale:1.06;transition:scale 7s linear}.hero__slide.is-on .hero__mock{scale:1}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#00000038,#0000002e 45%,#0000008c)}.hero__labels{position:absolute;z-index:2;left:var(--pad);right:var(--pad);top:50%;display:flex;justify-content:space-between;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 18px rgba(0,0,0,.45)}.hero__group{display:flex;align-items:center;gap:clamp(1.5rem,4vw,4rem)}.hero__swap{transition:opacity .35s var(--ease),translate .35s var(--ease)}.hero__swap.is-out{opacity:0;translate:0 .5em}.hero__view{display:inline-flex;align-items:center;gap:.5rem}.hero__view-icon{width:1rem;height:1rem;display:grid;place-items:center;background:#fff;color:var(--dark);border-radius:2px}.hero__view-icon svg{width:.55rem;height:.55rem}@media (hover: hover){.hero__view:hover{color:var(--accent)}}.hero__statement{position:absolute;z-index:2;left:var(--pad);bottom:calc(var(--pad) + .25rem);max-width:19ch;font-weight:400;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.3)}.hero__ticks{position:absolute;z-index:2;right:var(--pad);bottom:calc(var(--pad) + .6rem);display:flex;gap:.35rem}.hero__ticks span{width:1.25rem;height:2px;background:#ffffff59;transition:background .4s var(--ease),width .4s var(--ease)}.hero__ticks span.is-on{background:#fff;width:2.25rem}@media (max-width: 700px){.hero__mock{top:42%}.hero__labels{display:grid;gap:.4rem;top:auto;bottom:calc(var(--pad) + 8.5rem)}.hero__group{flex-direction:column;align-items:flex-start;gap:.4rem}.hero__group>span:first-child:not([data-title]),.hero__labels [data-year]{display:none}.hero__group:first-child>span:first-child{display:none}.hero__labels [data-title]{font-size:1rem;text-transform:none;letter-spacing:-.01em}.hero__ticks{bottom:auto;top:calc(var(--pad) + 3.4rem);right:var(--pad)}}.curtain{position:relative;z-index:1;margin-top:100svh;background:var(--bg)}.intro{padding:clamp(6rem,16vh,11rem) var(--pad) clamp(4rem,10vh,7rem)}.intro__big{width:fit-content;margin-left:max(0px,calc(50% - 6rem))}.intro__line{display:block}.intro__w{display:inline-block}.intro__w.is-half{color:var(--half)}.intro__gap{margin-left:1.6em}.intro__line:nth-child(2){margin-left:.12em}.intro__row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:clamp(6rem,20vh,13rem)}.intro__text{display:grid;gap:1.1em;max-width:34ch}@media (max-width: 760px){.intro__big{margin-left:0}.intro__row{grid-template-columns:1fr;margin-top:4rem}.intro__row>p:first-child{color:var(--muted-strong);font-size:.95rem}}.work{padding:clamp(4rem,10vh,7rem) 0 clamp(5rem,12vh,8rem)}.work__title{text-align:center;padding-inline:var(--pad)}.work__stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:2rem;padding:0 var(--pad);min-height:min(78vh,46rem)}.work__orbit{position:relative;height:min(64vh,36rem)}.orbit__item{position:absolute;left:50%;top:50%;width:clamp(11rem,17vw,16rem);aspect-ratio:4 / 5;border-radius:4px;overflow:hidden;box-shadow:0 30px 60px -30px #00000073;transition:transform 1s var(--ease),filter 1s var(--ease);will-change:transform,filter}.orbit--still .orbit__item{transition:none}.orbit__item img{width:100%;height:100%;object-fit:cover}.work__side{display:grid;gap:1.5rem;max-width:26rem}.work__list{list-style:none;padding:0;border-top:1px solid var(--rule)}.work__item{width:100%;text-align:left;padding:.55rem 0;border-bottom:1px solid var(--rule);font-size:1rem;font-weight:400;color:var(--half);transition:color .3s var(--ease),padding .4s var(--ease)}.work__item.is-on{color:var(--fg);font-weight:500;padding-left:.6rem;box-shadow:inset 3px 0 0 var(--accent)}@media (hover: hover){.work__item:hover{color:var(--fg)}}.work__desc{max-width:34ch;min-height:4.6em}.work__cards{display:none}@media (max-width: 760px){.work__stage{display:none}.work__title{text-align:left;margin-bottom:2rem}.work__cards{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none}.work__cards::-webkit-scrollbar{display:none}.work-card{flex:0 0 82vw;scroll-snap-align:start;display:grid;gap:.75rem;align-content:start}.work-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:4px}.work-card__head{display:flex;justify-content:space-between;align-items:center;padding-top:.25rem}.work-card__title{font-size:1.35rem;font-weight:500;letter-spacing:-.02em}.work-card__arrow svg{width:.9rem;height:.9rem}.work-card__desc{color:var(--muted-strong)}}.services{padding:clamp(4rem,10vh,7rem) var(--pad) clamp(6rem,16vh,11rem)}.services__eyebrow{display:flex;align-items:center;gap:.6rem;margin-bottom:clamp(2.5rem,6vh,4rem)}.services__dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--fg)}.services__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22vw);gap:clamp(2rem,6vw,6rem);align-items:start}.services__list{list-style:none;padding:0}.services__item{display:grid;grid-template-columns:clamp(2.5rem,5vw,4.5rem) 1fr;align-items:baseline;color:var(--half);cursor:default;transition:color .5s var(--ease);padding:.12em 0}.services__item.is-on{color:var(--fg)}.services__num{font-size:.8rem;font-weight:500;translate:0 -.6em}.services__body{max-width:40ch;max-height:0;opacity:0;overflow:hidden;color:var(--fg);transition:max-height .6s var(--ease),opacity .5s var(--ease),margin .6s var(--ease)}.services__item.is-on .services__body{max-height:9rem;opacity:1;margin:1rem 0 1.75rem}.services__media{position:sticky;top:18vh;aspect-ratio:4 / 5;border-radius:4px;overflow:hidden;background:var(--panel)}.services__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.05;transition:opacity .7s var(--ease),scale 1.2s var(--ease)}.services__media img.is-on{opacity:1;scale:1}@media (max-width: 760px){.services__grid{grid-template-columns:1fr}.services__media{display:none}.services__title{font-size:clamp(2rem,9vw,2.6rem)}}.footer{position:relative;z-index:1;background:var(--bg);padding:0 var(--pad);overflow:hidden}.cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;min-height:min(88vh,54rem);padding:clamp(5rem,12vh,8rem) 0;border-top:1px solid var(--rule)}.cta__text{display:grid;gap:1.5rem;justify-items:start;padding-left:clamp(0rem,4vw,4rem)}.cta__art{justify-self:center;margin:0;font-family:var(--font-mono);font-size:clamp(5px,.6vw,9px);line-height:1.02;color:var(--fg);user-select:none;white-space:pre}.footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem;padding-top:clamp(4rem,10vh,7rem)}.footer__col ul{list-style:none;padding:0;margin-top:1.4rem;display:grid;gap:.2rem}.footer__col li{font-size:.8125rem;font-weight:500;text-transform:uppercase;line-height:1.35}.footer__col a[href^="mailto:"]{text-transform:none}.footer__col a{transition:color .3s var(--ease)}@media (hover: hover){.footer__col a:hover{color:var(--accent)}}.footer__copy{grid-column:1 / -1;margin-top:1rem}.footer__word{font-size:calc((100vw - 2 * var(--pad)) / 5.15);font-weight:500;letter-spacing:-.065em;line-height:.74;white-space:nowrap;text-align:center;margin:clamp(3rem,8vh,5rem) -.04em -.06em 0;user-select:none}@media (max-width: 760px){.cta{grid-template-columns:1fr;min-height:0}.cta__text{padding-left:0}.cta__art{font-size:1.45vw}.footer__cols{grid-template-columns:1fr 1fr}}.about{padding:clamp(9rem,26vh,15rem) var(--pad) clamp(3rem,8vh,5rem)}.about__big{width:fit-content}.about__loves ul{list-style:none;padding:0}.about__loves .is-half{color:var(--half)}.notfound{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:1.5rem;text-align:center;padding:var(--pad)}.case{padding:0 var(--pad)}.case__head{padding-top:clamp(8rem,24vh,14rem)}.case__title{text-align:center}.case__meta{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:.75rem 2rem;margin:clamp(2rem,5vh,3.25rem) 0 .75rem}.case__meta div{display:flex;gap:.6rem}.case__meta dd{margin:0}.case__meta div:last-child{text-align:right}@media (max-width: 700px){.case__meta{grid-template-columns:1fr 1fr}.case__meta div{flex-direction:column;gap:.15rem}.case__meta div:last-child{text-align:left}}.case__hero{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);aspect-ratio:16 / 9;background:#151412}.case__ambient{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(46px) saturate(1.15) brightness(.62)}.case__mock{position:absolute;left:50%;top:0;height:100%;width:auto;aspect-ratio:4 / 5;max-width:none;translate:-50% 0;object-fit:cover;-webkit-mask:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}@media (max-width: 700px){.case__hero{aspect-ratio:4 / 5}.case__mock{-webkit-mask:none;mask:none}}.case__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 2rem;padding:clamp(4.5rem,12vh,8rem) 0 clamp(2.5rem,6vh,4rem)}.case__label{font-weight:400}.case__num{color:var(--half);font-size:.8em;margin-right:.35em}.case__text{display:grid;gap:1em;max-width:36ch}.case__body{max-width:46ch;font-size:1.0625rem}@media (max-width: 760px){.case__row{grid-template-columns:1fr;padding-top:3.5rem}}.case__shots{display:grid;gap:clamp(.6rem,1.2vw,1rem)}.case__shots--two{grid-template-columns:1fr 1fr}.case__shots img{width:100%;height:auto;border-radius:var(--radius);background:var(--panel)}.case__phones{display:flex;justify-content:center;gap:clamp(1rem,4vw,4.5rem);margin-top:clamp(.6rem,1.2vw,1rem);padding:clamp(2rem,6vw,6rem) 0;border-radius:var(--radius);background:var(--panel)}.case__phones img{width:min(22%,300px);border-radius:clamp(14px,2vw,28px);box-shadow:0 24px 50px -28px #00000073}.case__mobile{display:none}.case__mobile img{display:block;height:auto}.case__mobile--single,.case__mobile--row{background:var(--panel);border-radius:var(--radius);padding:2.5rem 0}.case__mobile--single img,.case__mobile--row img{border-radius:22px;aspect-ratio:1170 / 2532;object-fit:cover;box-shadow:0 24px 48px -26px #00000073}.case__mobile--single img{width:72vw;margin-inline:auto}.case__mobile--row{gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-inline:1rem;scroll-padding-inline:1rem;scrollbar-width:none}.case__mobile--row::-webkit-scrollbar{display:none}.case__mobile--row img{flex:0 0 66vw;width:66vw;scroll-snap-align:start}.case__mobile--wide img{width:100%;border-radius:var(--radius)}@media (max-width: 700px){.case__shots.has-mobile,.case__phones.has-mobile{display:none}.case__mobile{display:block}.case__mobile--row{display:flex}}.case__details{display:grid;border-top:1px solid var(--rule)}.case__details div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--rule);font-size:.875rem}.case__details dt{color:var(--muted-strong)}.case__details dd{margin:0;font-weight:500}.case__details a{text-decoration:underline;text-underline-offset:.2em}@media (hover: hover){.case__details a:hover{color:var(--accent)}}.case__next{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;gap:.75rem 2rem;margin-top:clamp(3rem,8vh,5rem);padding:2rem 0 clamp(5rem,12vh,8rem);border-top:1px solid var(--rule)}.case__next .label{grid-column:1}.case__next-title{grid-column:1;transition:color .3s var(--ease)}.case__next img{grid-column:2;grid-row:1 / span 2;width:clamp(7rem,14vw,13rem);aspect-ratio:4 / 5;object-fit:cover;border-radius:4px;transition:scale .8s var(--ease)}@media (hover: hover){.case__next:hover .case__next-title{color:var(--accent)}.case__next:hover img{scale:1.04}}.case-pill{position:fixed;left:50%;bottom:1.25rem;z-index:80;translate:-50% 0;display:flex;gap:.3rem}.case-pill a{display:inline-flex;align-items:center;gap:.55rem;height:2.25rem;background:var(--dark);color:var(--on-dark);border-radius:3px;font-size:.875rem;font-weight:500;transition:background .3s var(--ease)}.case-pill__step{width:2.25rem;justify-content:center}.case-pill__step svg{width:.8rem;height:.8rem}.case-pill__visit{padding:0 .45rem 0 .8rem}.case-pill .btn__icon{width:1.25rem;height:1.25rem}@media (hover: hover){.case-pill a:hover{background:var(--accent)}}.case-pill{transition:opacity .4s var(--ease),translate .5s var(--ease)}.menu-open .case-pill,.case-pill.is-away{opacity:0;translate:-50% 1rem;pointer-events:none}
