@property --bg{syntax:"<color>";inherits:true;initial-value:#0a0a0a}@property --fg{syntax:"<color>";inherits:true;initial-value:#f2f2f2}:root{--bg:#0a0a0a;--fg:#f2f2f2;--gutter:clamp(16px, 3vw, 44px);--font-display:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{--muted:color-mix(in srgb, var(--fg) 55%, var(--bg));--line:color-mix(in srgb, var(--fg) 16%, transparent);--surface:color-mix(in srgb, var(--fg) 5%, var(--bg));transition:--bg .9s var(--ease-out), --fg .9s var(--ease-out)}body.theme-light{--bg:#f2f2f2;--fg:#0a0a0a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--fg);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:1px solid var(--fg);outline-offset:4px}html.has-cursor,html.has-cursor *{cursor:none!important}.label{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:400}.mask{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.mask>*{display:inline-block}.section{padding:clamp(96px, 14vw, 200px) var(--gutter)}.roll{vertical-align:top;display:inline-flex;overflow:hidden}.roll>span{transition:transform .6s var(--ease-out);display:inline-block;position:relative}.roll>span:after{content:attr(data-text);position:absolute;top:100%;left:0}.roll:hover>span,.roll:focus-visible>span{transform:translateY(-100%)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags li{border:1px solid var(--line);font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);border-radius:999px;padding:5px 12px;font-size:11px}.dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25}}.outline,.contact__title--outline{letter-spacing:-.035em;color:var(--bg);-webkit-text-stroke:max(2px, .025em) var(--fg);paint-order:stroke fill}.preloader{z-index:1000;color:#f2f2f2;clip-path:inset(0%);background:#0a0a0a;position:fixed;inset:0}.preloader__inner{height:100%;padding:var(--gutter);flex-direction:column;justify-content:space-between;display:flex}.preloader__top{font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;font-size:12px;display:flex}.preloader__bottom{align-items:flex-end;gap:4vw;display:flex}.preloader__bar{background:#f2f2f22e;flex:1;height:1px;margin-bottom:2.4vw}.preloader__bar span{transform-origin:0;background:#f2f2f2;height:100%;display:block;transform:scaleX(0)}.preloader__count{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(5rem,17vw,16rem);font-weight:700;line-height:.8}.cursor{z-index:300;pointer-events:none;mix-blend-mode:difference;position:fixed;top:0;left:0}.cursor__dot{background:#fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.cursor__label{font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;color:#000;opacity:0;font-size:11px;transition:opacity .25s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor__label.is-visible{opacity:1;transition-delay:.1s}.nav{z-index:100;padding:22px var(--gutter);color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{letter-spacing:-.04em;font-size:18px;font-weight:800}.nav__status{font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:inline-flex}.nav__links{font-family:var(--font-mono);text-transform:uppercase;gap:clamp(16px,2.4vw,36px);font-size:12px;display:flex}.hero{height:100svh;min-height:560px;position:relative;overflow:hidden}.hero__bg{position:absolute;inset:0;overflow:hidden}.hero__bg-inner{filter:blur(32px)brightness(.7)contrast(1.1);position:absolute;inset:-10%}.hero__bg:after{content:"";background:radial-gradient(ellipse 95% 85% at 50% 45%, transparent 45%, var(--bg) 100%), linear-gradient(to bottom, transparent 75%, var(--bg));pointer-events:none;position:absolute;inset:0}.hero__content{z-index:1;height:100%;padding:96px var(--gutter) var(--gutter);flex-direction:column;display:flex;position:relative}.hero__top{justify-content:space-between;display:flex}.hero__title-wrap{margin-top:auto}.hero__role{color:var(--muted);margin-left:.2em;font-size:clamp(1rem,1.8vw,1.5rem);font-weight:400}.hero__title{letter-spacing:-.065em;white-space:nowrap;margin-left:-.05em;font-size:clamp(5rem,min(29.5vw,60vh),36rem);font-weight:800;line-height:.86;display:block}.hero__line{background:var(--line);transform-origin:0;height:1px;margin:clamp(16px,2vw,32px) 0}.hero__bottom{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.hero__intro{max-width:440px;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.45}.hero__scroll{font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:14px;font-size:12px;display:inline-flex}.hero__scroll-track{background:var(--line);width:1px;height:44px;position:relative;overflow:hidden}.hero__scroll-track span{background:var(--fg);animation:scroll-line 2.2s var(--ease-out) infinite;position:absolute;inset:0}@keyframes scroll-line{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.marquee{padding:clamp(40px,6vw,96px) 0;overflow:hidden}.marquee .scroller{font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;filter:none;font-size:clamp(3rem,9vw,9.5rem);font-weight:700;line-height:1.05}.marquee .scroller[style*=text-stroke]{paint-order:stroke fill;-webkit-text-fill-color:var(--bg)!important;-webkit-text-stroke:max(2px, .05em) var(--fg)!important}.about .scroll-reveal{margin:0}.about .about__text{letter-spacing:-.035em;max-width:1400px;font-size:clamp(1.9rem,4.6vw,4.6rem);font-weight:500;line-height:1.08}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(64px,9vw,140px);display:grid}.stat{flex-direction:column;gap:12px;padding:28px 24px 0 0;display:flex}.stat+.stat{border-left:1px solid var(--line);padding-left:24px}.stat__value{letter-spacing:-.05em;font-size:clamp(3rem,6vw,6rem);font-weight:600;line-height:1}.stat__value--text{letter-spacing:-.03em;min-height:1em;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.1}@media (width<=1000px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line);padding-top:28px}}.work{height:100svh;min-height:560px;position:relative;overflow:hidden}.work__head{z-index:3;padding:96px var(--gutter) 0;position:absolute;top:0;left:0;right:0}.work__head .section-head{margin-bottom:0}.work__scene{perspective:1100px;perspective-origin:50% 42%;position:absolute;inset:0}.work__floor{transform-origin:50% 0;background-image:linear-gradient(to bottom, var(--line) 1px, transparent 1px), linear-gradient(to right, var(--line) 1px, transparent 1px);pointer-events:none;background-size:90px 90px;height:160%;position:absolute;top:62%;left:-60%;right:-60%;transform:rotateX(78deg);-webkit-mask-image:linear-gradient(#0000,#000 25% 45%,#0000 85%);mask-image:linear-gradient(#0000,#000 25% 45%,#0000 85%)}.work__space{width:0;height:0;transform-style:preserve-3d;position:absolute;top:47%;left:50%}.work-card{pointer-events:none;width:clamp(250px,34vw,560px);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.work-card.is-focus{pointer-events:auto}.work-card a{display:block}.work-card__frame{aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface);transition:border-color .6s var(--ease-out), filter .6s var(--ease-out);position:relative;overflow:hidden}.work-card.is-focus .work-card__frame{border-color:color-mix(in srgb, var(--fg) 45%, transparent)}.work-card a:hover .work-card__frame{filter:invert()}.work-card__bar{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;display:flex}.work-card__name{color:var(--fg)}.work__info{left:var(--gutter);z-index:3;pointer-events:none;flex-direction:column;gap:12px;max-width:min(420px,60vw);display:flex;position:absolute;bottom:72px}.work__title{letter-spacing:-.05em;font-size:clamp(2rem,4.2vw,4rem);font-weight:700;line-height:1}.work__desc{color:var(--muted)}.work__link{border:1px solid var(--fg);font-family:var(--font-mono);text-transform:uppercase;pointer-events:auto;border-radius:999px;align-self:flex-start;margin-top:4px;padding:11px 18px;font-size:12px;animation-delay:.26s}.work__link:hover .roll>span{transform:translateY(-100%)}.work__info-item{animation:info-fade .9s var(--ease-out) both}.mask>.work__info-item{animation-name:info-rise}.work__info>:nth-child(2) .work__info-item{animation-delay:60ms}.work__desc.work__info-item{animation-delay:.14s}.tags.work__info-item{animation-delay:.2s}@keyframes info-rise{0%{transform:translateY(110%)}}@keyframes info-fade{0%{opacity:0;transform:translateY(14px)}}.work__nav{top:50%;right:var(--gutter);z-index:3;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;transform:translateY(-50%)}.work__nav-item{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);transition:color .4s var(--ease-out);align-items:center;gap:12px;padding:6px 0;font-size:12px;display:inline-flex}.work__nav-item:before{content:"";width:0;height:1px;transition:width .6s var(--ease-out);background:currentColor}.work__nav-item:hover,.work__nav-item.is-active{color:var(--fg)}.work__nav-item.is-active:before{width:28px}.work__nav-num{opacity:.6}.work__progress{left:var(--gutter);right:var(--gutter);z-index:3;background:var(--line);height:1px;position:absolute;bottom:32px}.work__progress span{background:var(--fg);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (width<=1100px){.work__space{top:40%}.work__info{right:var(--gutter);max-width:none}.work__desc,.work__info .tags{display:none}}@media (width<=760px){.work__nav{display:none}.work__space{top:38%}.work-card{width:74vw}.work__info{max-width:none;right:var(--gutter)}}@media (height<=760px){.work__desc{display:none}}@media (prefers-reduced-motion:reduce){.work{height:auto;padding:96px var(--gutter) clamp(96px, 14vw, 200px)}.work__head{padding:0 0 48px;position:static}.work__scene,.work__space{perspective:none;transform-style:flat;width:auto;height:auto;position:static}.work__space{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:48px;display:grid}.work-card{pointer-events:auto;width:auto;position:static;transform:none}.work__floor,.work__info,.work__nav,.work__progress{display:none}}.pv{object-fit:cover;width:100%;height:100%;color:var(--fg);background:var(--surface);display:block}.pv-spin{animation:16s linear infinite pv-spin}.pv-spin-slow{animation:48s linear infinite pv-spin}.pv-wave{animation:8s linear infinite pv-wave}.pv-slide{animation:7s ease-in-out infinite alternate pv-slide}.pv-pulse{animation:2.6s ease-in-out infinite alternate pv-pulse}.pv-breathe{animation:5s ease-in-out infinite alternate pv-breathe}@keyframes pv-spin{to{transform:rotate(360deg)}}@keyframes pv-wave{to{transform:translate(-400px)}}@keyframes pv-slide{0%{transform:translate(-90px)}to{transform:translate(90px)}}@keyframes pv-pulse{to{opacity:.12}}@keyframes pv-breathe{to{transform:scale(1.1)}}.section-head{margin-bottom:clamp(40px,6vw,88px)}.section-head__row{gap:24px;padding-bottom:14px;display:flex}.section-head__aside{margin-left:auto}.section-head__line{background:var(--line);transform-origin:0;height:1px}.index__row{border-bottom:1px solid var(--line)}.index__row a{transition:opacity .5s var(--ease-out);grid-template-columns:140px 1.3fr 1fr;align-items:baseline;gap:24px;padding:clamp(24px,3vw,40px) 0;display:grid}.index__when{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);font-size:12px}.index__title{letter-spacing:-.04em;transition:transform .6s var(--ease-out);font-size:clamp(1.5rem,3vw,2.8rem);font-weight:600;line-height:1.05}.index__text{color:var(--muted);max-width:440px}.index__list:hover .index__row a{opacity:.28}.index__list .index__row a:hover,.index__list .index__row a:focus-visible{opacity:1}.index__row a:hover .index__title{transform:translate(clamp(8px,1.5vw,24px))}.index__preview{z-index:50;aspect-ratio:4/3;pointer-events:none;visibility:hidden;border:1px solid var(--line);width:clamp(220px,22vw,360px);position:fixed;top:0;left:0;overflow:hidden}.index__preview-strip,.index__preview-item{height:100%}@media (width<=900px){.index__row a{grid-template-columns:1fr;gap:10px}}.service{grid-template-columns:80px 1fr minmax(200px,360px);align-items:center;gap:24px;padding:clamp(28px,3.6vw,52px) 0;display:grid;position:relative}.service:last-child{border-bottom:1px solid var(--line)}.service__line{background:var(--line);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.service__title{letter-spacing:-.055em;transition:transform .7s var(--ease-out);font-size:clamp(2.6rem,7.5vw,7.5rem);font-weight:600;line-height:.95}.service:hover .service__title{transform:translate(clamp(8px,1.5vw,24px))}.service__desc{color:var(--muted)}@media (width<=720px){.service{grid-template-columns:1fr;gap:12px}}.contact{min-height:100svh;padding:clamp(96px, 12vw, 180px) var(--gutter) 0;flex-direction:column;display:flex}.contact__label{margin-bottom:clamp(24px,4vw,56px)}.contact__title{letter-spacing:-.06em;font-size:clamp(3rem,10vw,11rem);font-weight:700;line-height:1.08;display:block}.contact__actions{grid-template-columns:auto 1fr;align-items:center;gap:clamp(32px,8vw,140px);margin:clamp(56px,7vw,110px) 0;display:grid}.contact__btn{aspect-ratio:1;background:var(--fg);width:clamp(140px,14vw,210px);color:var(--bg);letter-spacing:-.01em;transition:transform .6s var(--ease-out);border-radius:50%;place-items:center;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:600;display:grid}.contact__btn:hover{transform:scale(1.06)}.contact__text{max-width:560px;color:var(--muted);margin-top:clamp(28px,3vw,44px);font-size:clamp(1.05rem,1.4vw,1.3rem)}.contact__info{flex-direction:column;gap:18px;display:flex}.contact__row{grid-template-columns:90px 1fr;align-items:baseline;gap:24px;display:grid}.contact__link{letter-spacing:-.03em;justify-self:start;font-size:clamp(1.3rem,2.6vw,2.6rem);font-weight:500}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:24px 0;display:flex}@media (width<=720px){.nav__status{display:none}.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line);padding-left:0}.stat{padding-bottom:24px}.hero__bottom{flex-direction:column;align-items:flex-start}.contact__actions{grid-template-columns:1fr}.contact__row{grid-template-columns:1fr;gap:4px}.footer__credits{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}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],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.noise{pointer-events:none;position:absolute;inset:0;overflow:hidden}.noise--fixed{position:fixed}.noise__grain{image-rendering:pixelated;background-repeat:repeat;position:absolute;inset:0}.noise__dust{width:100%;height:100%;position:absolute;inset:0}.noise__lines{background-image:repeating-linear-gradient(#0000008c 0 1px,#0000 1px 3px);position:absolute;inset:0}.liquid-chrome{width:100%;height:100%;position:relative;overflow:hidden}.liquid-chrome__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.parallax{position:relative;overflow:hidden}.scroller{white-space:nowrap;text-align:center;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px #0000001a);font-family:sans-serif;font-size:2.25rem;font-weight:700;display:flex}.scroller span{flex-shrink:0}@media (width>=768px){.scroller{font-size:5rem;line-height:5rem}}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.6rem,4vw,3rem);font-weight:600;line-height:1.5;display:block}.scroll-reveal-word,.scroll-reveal-piece{display:inline-block}