:root{--background:#f4f1ea;--foreground:#111;--accent:#3155ff;--muted:#1119;--border:#f4f1ea40;--muted-inverse:#f4f1eab3;--line:#11111138;--font-display:"Gambarino", "Gambarino Placeholder", Georgia, serif;--font-body:"Switzer", "Switzer Placeholder", "Helvetica Neue", Arial, sans-serif;--font-size-section:104px;--font-size-about:48px;--font-size-menu:72px;--font-size-statement:18px;--font-size-body:16px;--font-size-small:14px;--font-size-cta:20px;--font-size-link:32px;--line-height-display:1;--line-height-body:1.4;--letter-spacing:-.02em;--letter-spacing-display:-.04em;--font-features:"blwf", "cv03", "cv04", "cv09", "cv11";--gutter:12px;--col-gap:24px;--card-gap:20px;--section-space:144px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--roll-ease:cubic-bezier(.6, 0, .2, 1)}@media (width>=810px) and (width<=1199.98px){:root{--font-size-section:64px;--font-size-about:36px;--font-size-menu:64px}}@media (width<=809.98px){:root{--font-size-section:48px;--font-size-about:22px;--font-size-menu:48px;--section-space:64px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--background)}.roll{vertical-align:top;display:inline-block;position:relative;overflow:hidden}.roll__inner{transition:transform .5s var(--roll-ease);display:block;position:relative}.roll__line{white-space:nowrap;display:block}.roll__line+.roll__line{color:var(--accent);position:absolute;top:100%;left:0}@media (hover:hover){.roll-host:hover .roll__inner{transform:translateY(-100%)}}.fit{font-feature-settings:var(--font-features);width:100%;font-family:var(--font-display);letter-spacing:var(--letter-spacing-display);white-space:nowrap;font-size:18.35vw;font-weight:400;display:block}.fit__line{display:block}.header{z-index:70;column-gap:var(--col-gap);padding:14px var(--gutter) 0;color:var(--foreground);pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;transition:color .4s .1s;display:grid;position:fixed;inset:0 0 auto}.header>*{pointer-events:auto}.header.is-inverted{color:var(--background);transition-delay:.15s}.header__name{white-space:nowrap;font-feature-settings:var(--font-features);font-family:var(--font-display);letter-spacing:-.05em;justify-self:start;margin-top:-3px;font-size:20px;line-height:26px}.header__meta{font-size:var(--font-size-body);letter-spacing:var(--letter-spacing);text-transform:uppercase;line-height:22.4px}.header__end{justify-content:space-between;align-items:start;gap:16px;display:flex}.header__menu{text-transform:uppercase}@media (width<=809.98px){.header{grid-template-columns:1fr auto;column-gap:12px}.header__role,.header__tz{display:none}}.menu{z-index:65;padding:26px var(--gutter) 0;background:var(--foreground);color:var(--background);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .7s var(--ease-in-out), visibility 0s linear .7s;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.menu.is-open{clip-path:inset(0);visibility:visible;transition:clip-path .8s var(--ease-in-out), visibility 0s}.menu__item{position:relative}.menu__link{opacity:0;transition:transform .4s var(--ease-in-out), opacity .3s ease;align-items:flex-start;padding:21px 0;display:flex;transform:translateY(-48px)}.menu__num{width:57px;font-size:var(--font-size-small);letter-spacing:.02em;color:var(--muted-inverse);flex:none;line-height:28px}.menu__label{font-family:var(--font-display);font-size:var(--font-size-menu);letter-spacing:var(--letter-spacing-display);line-height:1.1}.menu__rule{background:var(--border);transform-origin:0;height:1px;transition:transform .4s var(--ease-in-out);display:block;transform:scaleX(0)}.menu.is-open .menu__link{opacity:1;transition:transform .9s var(--ease-out) calc(.25s + var(--i) * 70ms), opacity .6s ease calc(.25s + var(--i) * 70ms);transform:none}.menu.is-open .menu__rule{transition:transform 1s var(--ease-out) calc(.35s + var(--i) * 70ms);transform:scaleX(1)}@media (width<=809.98px){.menu__num{width:40px;line-height:22px}.menu__link{padding:18px 0}}.hero{height:100svh;min-height:800px;padding:80px var(--gutter) 24px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:clip}.hero__title{z-index:0;line-height:1;position:relative}.hero__bottom{z-index:2;column-gap:var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;display:grid;position:relative}.hero__statement{text-wrap:balance;font-feature-settings:var(--font-features);font-size:var(--font-size-statement);letter-spacing:-.01em;text-transform:uppercase;grid-column:1/span 2;line-height:1.3}.hero__cta{grid-column:3}.intro{opacity:0;filter:blur(12px);transform:translateY(120px)}.is-ready .intro{opacity:1;filter:blur();transition:transform 1.3s var(--ease-out), opacity .9s ease, filter 1s var(--ease-out);transform:none}.is-ready .intro--late{transition-delay:.12s}.hero__statement p+p{margin-top:.6em}.hero__statement strong{color:var(--accent);font-weight:500}@media (width<=1199.98px){.hero{justify-content:flex-start;height:auto;min-height:100svh;padding-bottom:24px}.hero__title{order:0}.hero .ring-stage{margin:-40px calc(-1 * var(--gutter));order:1;position:relative;top:auto;translate:none}.hero__bottom{order:2;margin-top:24px}}@media (width>=810px) and (width<=1199.98px){.hero__bottom{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.hero__statement{grid-column:1/-1}.hero__cta{grid-column:2}}@media (width<=809.98px){.hero .ring-stage{margin:-80px calc(-1 * var(--gutter))}.hero__bottom{grid-template-columns:1fr;row-gap:24px}.hero__statement,.hero__cta{grid-column:1/-1}}.ring-stage{z-index:1;perspective:1300px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;top:calc(50% + 40px);left:0;right:0;overflow:hidden;translate:0 -50%}.ring-stage.is-dragging{cursor:grabbing}.ring-parallax,.ring-scale,.ring-tilt,.ring{flex:none;position:relative}.ring-scale{transform-origin:50%;opacity:0;transition:opacity 1.2s .2s}.ring-stage.is-visible .ring-scale{opacity:1}.ring-tilt{transform-style:preserve-3d;transform:rotateX(-9deg)}.ring{transform-style:preserve-3d}.ring__slice{position:absolute;top:0;left:50%}.ring__face,.ring__reflection{background-repeat:no-repeat;width:100%;position:absolute;left:0}.ring__face{height:100%;top:0}.ring__face,.ring__reflection{transition:filter .7s}.ring-stage.is-dragging .ring__face,.ring-stage.is-dragging .ring__reflection,.ring-stage.is-hover .ring__face,.ring-stage.is-hover .ring__reflection{filter:grayscale()}.ring__reflection{transform-origin:top;opacity:.25;pointer-events:none;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#000000e6 0%,#0000 45%);mask-image:linear-gradient(#000000e6 0%,#0000 45%)}.avatar-stage{z-index:1;pointer-events:none;justify-content:center;display:flex;position:absolute;top:200px;left:0;right:0;overflow:hidden}.avatar-stage__inner{width:min(100%,680px);height:100%;position:relative}.avatar-stage__inner--illustration{width:min(100%,1040px)}.avatar-stage__gear{pointer-events:none;position:absolute;inset:0}.gear{position:absolute;inset:0}.gear__item{translate:-50% -50%;rotate:var(--r);opacity:0;pointer-events:auto;transition:scale .7s cubic-bezier(.34, 1.56, .64, 1) calc(.35s + var(--d)), opacity .4s ease calc(.35s + var(--d));position:absolute;scale:0}.avatar-stage.is-visible .gear__item{opacity:1;scale:1}.gear__float{will-change:transform}.gear__icon{filter:drop-shadow(0 6px 10px #1111111f);width:100%;height:auto;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block}@media (hover:hover){.gear__item:hover .gear__icon{transform:scale(1.12)rotate(-4deg)}}.avatar-stage__host{opacity:0;width:100%;height:100%;transition:opacity 1.2s .2s;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}.avatar-stage.is-visible .avatar-stage__host{opacity:1}.avatar-stage__host canvas{width:100%;height:100%;display:block}.illo{will-change:transform;height:100%;margin:0 auto;position:relative}.illo__art,.illo__eyes{width:100%;height:100%;position:absolute;inset:0}.illo--pixel .illo__art,.illo__eyes{image-rendering:pixelated}@media (width<=1199.98px){.hero .avatar-stage{margin:0 calc(-1 * var(--gutter));order:1;position:relative;top:auto}}.cta{display:block}.cta__row{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.cta__label{font-size:var(--font-size-cta);letter-spacing:var(--letter-spacing);text-transform:uppercase;font-weight:500;line-height:26px}.cta__arrow{transition:transform .5s var(--roll-ease);flex:none}.cta__line{background:currentColor;height:1px;display:block;position:relative}.cta__line:after{content:"";background:var(--accent);transform-origin:0;transition:transform .6s var(--roll-ease);position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover){.cta:hover .cta__arrow{color:var(--accent);transform:rotate(-45deg)}.cta:hover .cta__line:after{transform:scaleX(1)}}.projects{padding:var(--section-space) var(--gutter)}.section-title{font-family:var(--font-display);font-weight:400;font-size:var(--font-size-section);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);margin-bottom:56px}.projects__grid{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{display:block}.card__media{aspect-ratio:16/9;isolation:isolate;position:relative;overflow:hidden}.card__play{display:block;position:absolute;inset:0}.card__video{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.card__close{z-index:2;width:32px;height:32px;color:var(--background);background:#111111bf;border-radius:50%;place-items:center;font-size:20px;line-height:1;transition:background-color .25s;display:grid;position:absolute;top:8px;right:8px}@media (hover:hover){.card__close:hover{background:var(--accent)}}.card.is-playing .card__title{color:var(--accent)}.card__image,.card__inset img{object-fit:cover;width:100%;height:100%}.card__image{filter:grayscale()contrast(1.08);transition:filter .5s;position:absolute;inset:0}.card__inset{opacity:0;pointer-events:none;will-change:transform;width:52%;height:52%;transition:opacity .4s;position:absolute;top:24%;left:24%}@media (hover:hover) and (pointer:fine){.card:hover .card__image{filter:grayscale(0)blur(8px)}.card:hover .card__inset{opacity:1}.card:hover .card__title{color:var(--accent)}}.card__meta{text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:4px;margin-top:12px;display:flex}.card__title{font-size:var(--font-size-body);font-weight:400;line-height:var(--line-height-body);letter-spacing:var(--letter-spacing);transition:color .3s}.card__tags{font-size:var(--font-size-small);letter-spacing:-.04em;flex-wrap:wrap;gap:0 12px;line-height:1.2;display:flex}@media (width>=810px) and (width<=1199.98px){.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=809.98px){.projects__grid{grid-template-columns:1fr}.section-title{margin-bottom:40px}}.about{padding:var(--section-space) var(--gutter) calc(var(--section-space) / 2)}.about__headline{font-family:var(--font-display);font-weight:400;font-size:var(--font-size-about);letter-spacing:var(--letter-spacing-display);line-height:1.08}.reading p+p{margin-top:.45em}.reading__word{opacity:.15}.about__layout{column-gap:var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;row-gap:44px;display:grid}.about__headline{grid-area:1/1/auto/span 2}.about__media{grid-area:1/3/span 2;align-self:stretch;min-height:480px;overflow:hidden}.about__media img{object-fit:cover;width:100%;height:100%}.about__actions{text-transform:uppercase;flex-direction:column;grid-area:2/1;align-self:end;gap:24px;display:flex}.resume-card{border:1px solid var(--foreground);align-items:center;gap:16px;padding:12px 16px 12px 12px;transition:background-color .35s,border-color .35s,color .35s;display:flex}.resume-card__icon{aspect-ratio:226/320;width:56px;box-shadow:0 0 0 1px var(--line);transition:transform .5s var(--roll-ease);flex:none;overflow:hidden}.resume-card__icon img{object-fit:cover;width:100%;height:100%}.resume-card__text{flex-direction:column;flex:1;gap:4px;display:flex}.resume-card__label{font-size:var(--font-size-cta);letter-spacing:var(--letter-spacing);font-weight:500;line-height:26px}.resume-card__meta{font-size:var(--font-size-small);letter-spacing:-.04em;opacity:.6;line-height:1.2}.resume-card__arrow{transition:transform .5s var(--roll-ease);flex:none}@media (hover:hover){.resume-card:hover{background:var(--accent);border-color:var(--accent);color:var(--background)}.resume-card:hover .roll__line+.roll__line{color:var(--background)}.resume-card:hover .resume-card__icon{transform:rotate(-4deg)scale(1.06)}.resume-card:hover .resume-card__arrow{transform:translateY(2px)}}@media (width>=810px) and (width<=1199.98px){.about__layout{grid-template-columns:repeat(2,minmax(0,1fr))}.about__headline{grid-column:1/-1}.about__media{aspect-ratio:456/534;grid-area:2/1;min-height:0}.about__actions{grid-area:2/2}}@media (width<=809.98px){.about__layout{grid-template-columns:1fr;row-gap:24px}.about__headline,.about__media,.about__actions{grid-area:auto/1}.about__media{aspect-ratio:456/534;min-height:0}}.contact{padding:calc(var(--section-space) / 2) var(--gutter) 81px;text-align:center}.contact__heading{transition:color .3s;display:inline-block}.contact__title{margin-bottom:0}@media (hover:hover){.contact__heading:hover{color:var(--accent)}}.footer{font-family:var(--font-display);font-size:min(var(--font-size-link), 6.6vw);letter-spacing:-.03em;flex-direction:column;align-items:center;gap:13px;margin-top:44px;line-height:1.2;display:flex}.footer__socials{gap:20px;display:flex}.footer__link{display:block}.preloader{z-index:100;background:var(--background);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader.is-leaving{filter:blur(24px);opacity:0;pointer-events:none;transition:filter 1s var(--ease-out), opacity .9s ease .1s}.preloader__box{will-change:transform;width:244px}.preloader.is-leaving .preloader__box{transition:transform 1s var(--ease-out)}.preloader__media{aspect-ratio:16/9;width:244px;position:relative;overflow:hidden}.preloader__media img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.preloader__media img.is-active{opacity:1}.preloader__meta{letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;align-items:center;margin-top:8px;font-size:12px;font-weight:500;line-height:14px;display:flex}.preloader__rule{background:var(--line);flex:1;height:1px;margin:0 8px;overflow:hidden}.preloader__fill{background:var(--accent);transform-origin:0;height:100%;display:block}.preloader__pct{font-variant-numeric:tabular-nums}@media (width<=809.98px){.preloader__box,.preloader__media{width:211px}}.grain{z-index:80;pointer-events:none;opacity:.06;background-size:192px 192px;position:fixed;inset:0}.vignette{z-index:85;pointer-events:none;background:radial-gradient(75% 70%,#0000 55%,#1111112e 100%);position:fixed;inset:0}.cursor{z-index:90;background:var(--accent);pointer-events:none;opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .3s;position:fixed;top:0;left:0}@media (hover:none),(pointer:coarse){.cursor{display:none}}.clients{padding-top:var(--section-space)}.clients__title{padding:0 var(--gutter)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clients-stage{perspective:1300px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.clients-stage.is-dragging{cursor:grabbing}.clients-scale,.clients-tilt,.clients-ring{flex:none;position:relative}.clients-scale{transform-origin:50%}.clients-tilt,.clients-ring{transform-style:preserve-3d}.clients-panel{transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:50%}.clients-panel__bg{background:var(--background);border:1px solid var(--line);border-right:0;position:absolute;inset:0}.clients-panel .clients__logo,.clients-panel .clients__name{backface-visibility:hidden;position:relative}.clients__logo{object-fit:contain;pointer-events:none;width:auto;max-width:160px;height:auto;max-height:84px}.clients__logo--color{max-height:100px}.clients__name{font-size:var(--font-size-body);text-transform:uppercase;font-weight:500}.rec{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.rec__dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s step-end infinite rec-blink}@keyframes rec-blink{50%{opacity:0}}@media (width<=369.98px){.rec{display:none}}.ticker{z-index:3;padding:48px 0;position:relative;overflow:hidden}.ticker__band{background:var(--accent);width:110%;color:var(--background);margin-left:-5%;transform:rotate(-2.5deg)}.ticker__track{will-change:transform;width:max-content;display:flex}.ticker__item{letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:28px;padding:14px 28px 14px 0;font-size:clamp(22px,2.6vw,38px);font-weight:500;line-height:1;display:inline-flex}.ticker__sep{font-size:.8em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}.intro{opacity:1;filter:none;transform:none}.gear__item{opacity:1;scale:1}.reading__word,.ring-scale{opacity:1}}