@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}:root{--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", monospace;--font-serif:"Instrument Serif", "Times New Roman", serif;--step--2:clamp(.62rem, .6rem + .1vw, .69rem);--step--1:clamp(.75rem, .72rem + .15vw, .84rem);--step-0:clamp(.94rem, .9rem + .2vw, 1.06rem);--step-1:clamp(1.13rem, 1.05rem + .38vw, 1.41rem);--step-2:clamp(1.35rem, 1.21rem + .68vw, 1.88rem);--step-3:clamp(1.62rem, 1.38rem + 1.14vw, 2.5rem);--step-4:clamp(1.94rem, 1.56rem + 1.84vw, 3.33rem);--step-5:clamp(2.33rem, 1.74rem + 2.87vw, 4.44rem);--display-hero:clamp(3rem, 13vw, 16rem);--display-lg:clamp(2.75rem, 9vw, 11rem);--display-md:clamp(2rem, 6vw, 7rem);--space-3xs:clamp(.25rem, .24rem + .05vw, .31rem);--space-2xs:clamp(.5rem, .48rem + .1vw, .63rem);--space-xs:clamp(.75rem, .72rem + .15vw, .94rem);--space-s:clamp(1rem, .95rem + .2vw, 1.25rem);--space-m:clamp(1.5rem, 1.43rem + .3vw, 1.88rem);--space-l:clamp(2rem, 1.9rem + .4vw, 2.5rem);--space-xl:clamp(3rem, 2.86rem + .61vw, 3.75rem);--space-2xl:clamp(4rem, 3.81rem + .81vw, 5rem);--space-3xl:clamp(6rem, 5.24rem + 3.24vw, 9rem);--space-4xl:clamp(8rem, 6.48rem + 6.48vw, 14rem);--gutter:clamp(1.25rem, 4vw, 4rem);--measure:68ch;--bg:#fff;--fg:#0a0a0a;--surface-1:#f7f7f7;--surface-2:#efefef;--fg-muted:#0a0a0a9e;--fg-dim:#0a0a0a66;--fg-faint:#0a0a0a33;--border:#0a0a0a24;--stroke:#0a0a0a14;--num-stroke:#ffffff80;--accent:#f30;--accent-hover:#ff5526;--accent-soft:#ff33001f;--accent-glow:#ff330059;--accent-fg:#fff;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.2s;--dur-base:.4s;--dur-slow:.7s;--dur-slower:1.1s;--z-webgl:-1;--z-progress:7000;--z-nav:8000;--z-menu:9000;--z-modal:11000;--z-preloader:13000;--z-cursor:14000;--radius-s:6px;--radius-m:12px;--radius-l:20px;--radius-pill:100px;--header-h:5.5rem}html.dark{--bg:#080808;--fg:#f5f5f5;--surface-1:#101010;--surface-2:#181818;--fg-muted:#f5f5f59e;--fg-dim:#f5f5f566;--fg-faint:#f5f5f533;--border:#f5f5f524;--stroke:#f5f5f514;--num-stroke:#ffffff80;--accent:#ff4a1c;--accent-hover:#ff6b42;--accent-soft:#ff4a1c24;--accent-glow:#ff4a1c66}@media (prefers-reduced-motion:reduce){:root{--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms;--dur-slower:.01ms}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;background-color:var(--bg);transition:background-color var(--dur-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:smooth}}body{color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;text-rendering:optimizelegibility;line-height:1.55;overflow-x:hidden}@media (pointer:fine){body.has-custom-cursor,body.has-custom-cursor *{cursor:none}}img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4{letter-spacing:-.045em;text-wrap:balance;font-weight:900;line-height:.92}p{text-wrap:pretty}::selection{background:var(--accent);color:var(--accent-fg)}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}body.using-keyboard,body.using-keyboard *{cursor:auto!important}.skip-link{top:var(--space-s);left:var(--space-s);z-index:calc(var(--z-preloader) + 10);padding:var(--space-xs) var(--space-m);background:var(--fg);color:var(--bg);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-s);transition:transform var(--dur-base) var(--ease-out);position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}@media (pointer:coarse){.nav__brand,.nav__link,.footer__email,.social,.modal__tab{align-items:center;min-height:44px;display:inline-flex}.nav__link{padding-inline-start:.5rem;padding-inline-end:.5rem}.nav__icon-btn,.nav__menu-toggle,.modal__close{min-width:44px;min-height:44px}.nav__btn,.mobile-menu__action{min-height:44px}.social{padding-block-start:.7rem;padding-block-end:.7rem}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.label{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);font-weight:500}.label--dot{align-items:center;gap:var(--space-2xs);display:inline-flex}.label--dot:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.accent-serif{font-family:var(--font-serif);letter-spacing:-.01em;text-transform:none;font-style:italic;font-weight:400}.grid{gap:var(--space-m);padding-inline:var(--gutter);grid-template-columns:repeat(12,1fr);width:100%;display:grid}.section{padding-block:var(--space-4xl);padding-inline:var(--gutter);border-top:1px solid var(--border);background:var(--bg);position:relative}.section-index{align-items:baseline;gap:var(--space-s);margin-bottom:var(--space-xl);display:flex}.section-index__num{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent);letter-spacing:.1em;font-weight:500}.section-index__title{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);font-weight:500}.section-index__rule{background:var(--border);flex:1;height:1px}.preloader{z-index:var(--z-preloader);background:var(--bg);clip-path:inset(0%);will-change:clip-path;align-items:flex-end;padding:4vw;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.preloader__brand{text-transform:uppercase;letter-spacing:.1em;color:var(--fg);font-size:.85rem;font-weight:700;position:absolute;top:4vw;left:4vw}.preloader__counter{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:15vw;font-weight:900;line-height:.8}body.is-loading{overflow:hidden}.cursor-dot,.cursor-ring{pointer-events:none;mix-blend-mode:difference;will-change:transform;border-radius:50%;position:fixed;top:0;left:0;translate:-50% -50%}.cursor-dot{width:6px;height:6px;z-index:calc(var(--z-cursor) + 1);background:#fff}.cursor-ring{width:38px;height:38px;z-index:var(--z-cursor);color:#000;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;transition:width var(--dur-base) var(--ease-out), height var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), scale var(--dur-fast) var(--ease-out), opacity var(--dur-fast) linear;border:1px solid #fffc;place-items:center;font-size:9px;font-weight:600;display:grid}.cursor-ring__label{opacity:0;transition:opacity var(--dur-fast) linear;white-space:nowrap}.cursor-ring.is-link{background:#fff;border-color:#0000;width:56px;height:56px}.cursor-ring.is-project,.cursor-ring.is-drag{background:#fff;border-color:#0000;width:92px;height:92px}.cursor-ring.is-project .cursor-ring__label,.cursor-ring.is-drag .cursor-ring__label{opacity:1}.cursor-ring.is-pressed{scale:.82}.cursor-ring.is-hidden,.cursor-dot.is-hidden{opacity:0}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}body.using-keyboard .cursor-dot,body.using-keyboard .cursor-ring{opacity:0}.scroll-progress{width:100%;height:2px;z-index:var(--z-progress);pointer-events:none;background:0 0;position:fixed;top:0;left:0}.scroll-progress__fill{background:var(--accent);transform-origin:0;will-change:transform;height:100%;transform:scaleX(0)}.nav{width:100%;padding:var(--space-m) var(--gutter);justify-content:space-between;align-items:center;gap:var(--space-m);z-index:var(--z-nav);mix-blend-mode:difference;color:#fff;transition:padding var(--dur-base) var(--ease-out);display:flex;position:fixed;top:0;left:0}.nav.is-scrolled{padding-block:var(--space-s)}.nav__brand{font-size:var(--step-2);letter-spacing:-.05em;text-transform:uppercase;font-weight:900;line-height:1}.nav__clock{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;opacity:.75;font-variant-numeric:tabular-nums;gap:.5em;font-weight:500;display:flex}.nav__links{align-items:center;gap:clamp(1rem,2.2vw,2.5rem);display:flex}.nav__link{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;padding-block-start:.25rem;padding-block-end:.25rem;font-weight:500;position:relative}.nav__link:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform var(--dur-base) var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__link:hover:after,.nav__link.is-active:after{transform-origin:0;transform:scaleX(1)}.nav__link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.nav__btn{border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background:0 0;border:1px solid;align-items:center;gap:.45rem;padding:.5rem .9rem;font-weight:600;display:inline-flex}.nav__btn:hover{color:#000;background:#fff}.nav__btn svg{width:13px;height:13px}.nav__icon-btn{width:38px;height:38px;color:inherit;cursor:pointer;transition:opacity var(--dur-base) var(--ease-out);background:0 0;border:none;border-radius:50%;place-items:center;display:inline-grid}.nav__icon-btn:hover{opacity:.65}.nav__menu-toggle{display:none}.mobile-menu{z-index:var(--z-menu);background:#0006;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu[hidden]{display:none}.mobile-menu__panel{background:var(--bg);justify-content:center;gap:var(--space-s);padding:calc(var(--header-h) + var(--space-xl)) var(--gutter) var(--space-2xl);will-change:clip-path;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mobile-menu__item{align-items:baseline;gap:var(--space-s);font-size:var(--step-5);letter-spacing:-.045em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--border);padding-block:var(--space-xs);font-weight:900;line-height:1.05;display:flex}.mobile-menu__item .num{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent);letter-spacing:.1em;font-weight:500}.mobile-menu__item:active{color:var(--accent)}.mobile-menu__actions{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.mobile-menu__action{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--fg);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.mobile-menu__action:hover{background:var(--surface-1);border-color:var(--fg-dim)}body.menu-open{overflow:hidden}body.menu-open .nav{z-index:calc(var(--z-menu) + 1);mix-blend-mode:normal;color:var(--fg)}@media (max-width:900px){.nav__clock,.nav__links{display:none}.nav__menu-toggle{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:none;place-items:center;display:inline-grid}}.nav{transition:padding var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-out)}.nav.is-tucked{transform:translateY(-110%)}body.menu-open .nav.is-tucked,.nav.is-tucked:focus-within{transform:none}@media (min-width:901px){.mobile-menu{display:none!important}}.viewport-note{z-index:var(--z-nav);align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--gutter);background:var(--bg);border-top:1px solid var(--border);transition:transform var(--dur-slow) var(--ease-out);display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}@media (max-width:900px){.viewport-note:not([hidden]){display:flex}}.viewport-note.is-visible{transform:translateY(0)}.viewport-note__readout{align-items:baseline;gap:var(--space-2xs);flex-shrink:0;display:flex}.viewport-note__w{font-family:var(--font-mono);font-size:var(--step--1);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--fg);font-weight:500}.viewport-note__msg{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);flex:1;line-height:1.45}.viewport-note__sub{color:var(--fg-dim);text-transform:none;letter-spacing:.02em;display:block}.viewport-note__close{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:44px;height:44px;margin-left:auto;position:relative}.viewport-note__close:before,.viewport-note__close:after{content:"";background:var(--fg);width:11px;height:1px;transition:background var(--dur-base) var(--ease-out);position:absolute;top:50%;left:50%}.viewport-note__close:before{transform:translate(-50%,-50%)rotate(45deg)}.viewport-note__close:after{transform:translate(-50%,-50%)rotate(-45deg)}.viewport-note__close:hover{border-color:var(--accent)}.viewport-note__close:hover:before,.viewport-note__close:hover:after{background:var(--accent)}@media (prefers-reduced-motion:reduce){.viewport-note{transition:none}}@media (max-width:420px){.viewport-note{gap:var(--space-2xs) var(--space-s);flex-wrap:wrap}.viewport-note__msg{flex-basis:100%;order:3}}.roll{vertical-align:top;line-height:1.2;display:inline-block;overflow:hidden}.roll__inner{transition:transform .55s var(--ease-out);display:inline-block;position:relative}.roll__inner:after{content:attr(data-text);content:attr(data-text) / "";position:absolute;top:100%;left:0}@media (hover:hover){a:hover>.roll>.roll__inner,a:hover>*>.roll>.roll__inner{transform:translateY(-100%)}}a:focus-visible>.roll>.roll__inner{transform:translateY(-100%)}a:focus-visible>*>.roll>.roll__inner{transform:translateY(-100%)}.reduced-motion .roll__inner{transition:none}.grain{z-index:calc(var(--z-progress) - 1);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.6 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:fixed;top:0;bottom:0;left:0;right:0}html.dark .grain{opacity:.07}.img{width:100%;aspect-ratio:var(--img-aspect,16 / 9);background-position:50%;background-size:cover;display:block;position:relative;overflow:hidden}.img:before{content:"";background-image:var(--img-poster);filter:blur(12px);transition:opacity var(--dur-slow) var(--ease-out);z-index:0;background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.1)}.img.is-loaded:before{opacity:0;visibility:hidden}.img__el{z-index:1;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease-out);position:relative}.img.is-loaded .img__el{opacity:1}.hero{min-height:100svh;padding-block:calc(var(--header-h) + var(--space-xl)) var(--space-xl);flex-direction:column;justify-content:center;padding-inline-start:clamp(1.25rem,8vw,10rem);padding-inline-end:clamp(1.25rem,8vw,10rem);display:flex;position:relative}.hero__title{font-size:var(--display-hero);letter-spacing:-.06em;text-transform:uppercase;grid-column:1/-1;margin-top:8vh;font-weight:900;line-height:.9}.hero__line{display:block;overflow:hidden}.hero__title.is-revealed .hero__line{overflow:visible}.hero__line-inner{display:block}.char{display:inline-block}.hero__developer{gap:var(--space-3xs);margin-top:var(--space-2xl);flex-direction:column;grid-column:1/6;display:flex}.hero__dev-name{font-size:var(--step-2);text-transform:uppercase;letter-spacing:-.02em;font-weight:700;line-height:1.15}.hero__dev-role{font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.hero__meta{gap:var(--space-s);margin-top:var(--space-2xl);font-size:var(--step-1);max-width:31ch;color:var(--fg-muted);flex-direction:column;grid-column:8/-1;font-weight:400;display:flex}.hero__meta-line{display:block;overflow:hidden}.hero__meta-line span{display:inline-block}.hero__scroll-hint{align-items:center;gap:var(--space-xs);left:clamp(1.25rem,8vw,10rem);bottom:var(--space-l);grid-column:1/-1;display:flex;position:absolute}.hero__scroll-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.2em;color:var(--fg-dim)}.hero__scroll-line{background:var(--border);width:clamp(60px,10vw,140px);height:1px;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--accent);transform-origin:0;animation:scroll-sweep 2.4s var(--ease-in-out) infinite;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes scroll-sweep{0%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}55%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}.reduced-motion .hero__scroll-line:after{animation:none;transform:scaleX(.4)}.work{border-top:1px solid var(--border);background:var(--bg);isolation:isolate;position:relative;overflow:hidden}.work__header{padding:var(--space-2xl) var(--gutter) 0}.work__track{width:max-content;height:100svh;padding-inline:var(--gutter);will-change:transform;background:var(--bg);align-items:center;gap:max(3rem,8vw);display:flex}.work__intro{flex-shrink:0;width:38vw}.work__intro-title{font-size:var(--display-md);letter-spacing:-.045em;text-transform:uppercase;font-weight:900;line-height:.92}.work__intro-meta{margin-top:var(--space-m);font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;max-width:32ch}.work__spacer{flex-shrink:0;width:8vw}.work__skip{bottom:var(--space-l);z-index:calc(var(--z-nav) - 1);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);align-items:center;gap:.6rem;padding:.7rem 1.3rem;font-weight:600;display:inline-flex;position:fixed;left:50%;transform:translate(-50%,16px);box-shadow:0 4px 24px #0000001f}.work__skip[hidden]{display:none}.work__skip.is-visible{opacity:1;transform:translate(-50%)}.work__skip:hover{color:var(--fg);border-color:var(--accent)}.work__skip-icon{transition:rotate var(--dur-slow) var(--ease-out);place-items:center;display:inline-grid;rotate:90deg}.work__skip.is-up .work__skip-icon{rotate:-90deg}.work__skip-labels{display:inline-grid;overflow:hidden}.work__skip-label{transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);grid-area:1/1}.work__skip-label--up{opacity:0;transform:translateY(100%)}.work__skip.is-up .work__skip-label--down{opacity:0;transform:translateY(-100%)}.work__skip.is-up .work__skip-label--up{opacity:1;transform:none}.work__skip-progress{background:var(--accent);transform-origin:0;pointer-events:none;height:1px;position:absolute;bottom:.4rem;left:1.3rem;right:1.3rem;transform:scaleX(0)}.card{flex-shrink:0;width:52vw;position:relative}.card__trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:block;position:relative}.card__media{aspect-ratio:16/10;border-radius:var(--radius-m);background:var(--surface-1);will-change:transform;width:100%;position:relative;overflow:hidden}.card__media .img{aspect-ratio:auto;height:100%}.card__img{transition:transform 1.1s var(--ease-out), filter var(--dur-slow) var(--ease-out)}.card__trigger:hover .card__img{transform:scale(1.045)}.card__trigger:focus-visible .card__img{transform:scale(1.045)}.card__overlay{z-index:2;opacity:0;transition:opacity var(--dur-base) var(--ease-out);background:linear-gradient(#0000 45%,#00000073);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.card__trigger:hover .card__overlay{opacity:1}.card__trigger:focus-visible .card__overlay{opacity:1}.card__overlay-icon{background:var(--accent);width:54px;height:54px;color:var(--accent-fg);transition:transform var(--dur-base) var(--ease-spring);border-radius:50%;place-items:center;display:grid;transform:scale(.7)}.card__trigger:hover .card__overlay-icon{transform:scale(1)}.card__trigger:focus-visible .card__overlay-icon{transform:scale(1)}.card__info{justify-content:space-between;align-items:baseline;gap:var(--space-s);padding-top:var(--space-s);margin-top:var(--space-s);border-top:1px solid var(--border);display:flex;position:relative}.card__info:before{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.card__trigger:hover .card__info:before{transform-origin:0;transform:scaleX(1)}.card__trigger:focus-visible .card__info:before{transform-origin:0;transform:scaleX(1)}.card--soon .card__info:before{display:none}.card__headline{flex-direction:column;gap:.15rem;display:flex}.card__title{font-size:var(--step-3);letter-spacing:-.03em;text-transform:uppercase;transition:color var(--dur-base) var(--ease-out);font-weight:700;line-height:1.05}.card__trigger:hover .card__title{color:var(--accent)}.card__trigger:focus-visible .card__title{color:var(--accent)}.card__category,.card__year{font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.card__num{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:2.5px var(--num-stroke);mix-blend-mode:difference;z-index:3;pointer-events:none;transition:color var(--dur-slow) var(--ease-out), -webkit-text-stroke-color var(--dur-slow) var(--ease-out);font-size:clamp(6rem,14vw,16rem);font-weight:900;line-height:.75;position:absolute;top:-4vh;left:-2vw}.card__trigger:hover .card__num{color:var(--accent-soft);-webkit-text-stroke-color:var(--accent);mix-blend-mode:normal}.card__trigger:focus-visible .card__num{color:var(--accent-soft);-webkit-text-stroke-color:var(--accent);mix-blend-mode:normal}.card__count{top:var(--space-s);right:var(--space-s);z-index:3;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;color:#fff;mix-blend-mode:difference;position:absolute}.card--soon .card__trigger{cursor:default}.card--soon .card__media{filter:grayscale();opacity:.55}.work__more{--tile-w:min(22vw, 36svh);flex-shrink:0}.work__more-grid{grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:var(--tile-w);gap:var(--space-l) var(--space-m);display:grid}.work__more-head{justify-content:space-between;gap:var(--space-s);flex-direction:column;display:flex}.work__more-range{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.1em;color:var(--accent);font-weight:500}.work__more-title{width:min-content;font-size:var(--step-5);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-weight:900;line-height:.92}.work__more-intro{margin-top:var(--space-s);font-family:var(--font-mono);font-size:var(--step--2);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;line-height:1.6}.tile{position:relative}.tile__trigger{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.tile__media{aspect-ratio:16/10;border-radius:var(--radius-m);background:var(--surface-1);isolation:isolate;display:block;position:relative;overflow:hidden}.tile__media .img{aspect-ratio:auto;height:100%}.tile__img{transition:transform 1.1s var(--ease-out)}.tile__trigger:hover .tile__img{transform:scale(1.06)}.tile__trigger:focus-visible .tile__img{transform:scale(1.06)}.tile__num{top:var(--space-2xs);left:var(--space-2xs);z-index:2;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;color:#fff;mix-blend-mode:difference;position:absolute}.tile__info{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);margin-top:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--border);display:flex;position:relative}.tile__info:before{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.tile__trigger:hover .tile__info:before{transform-origin:0;transform:scaleX(1)}.tile__trigger:focus-visible .tile__info:before{transform-origin:0;transform:scaleX(1)}.tile__headline{flex-direction:column;gap:.1rem;min-width:0;display:flex}.tile__title{font-size:var(--step-1);letter-spacing:-.02em;text-transform:uppercase;transition:color var(--dur-base) var(--ease-out);font-weight:700;line-height:1.1}.tile__trigger:hover .tile__title{color:var(--accent)}.tile__trigger:focus-visible .tile__title{color:var(--accent)}.tile__category,.tile__year{font-family:var(--font-mono);font-size:var(--step--2);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:500}@media (max-width:900px),(prefers-reduced-motion:reduce){.work__more{width:100%}.work__more-grid{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}.work__more-head{grid-column:1/-1}}@media (max-width:900px){.work__more-grid{gap:var(--space-m) var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr))}.tile:nth-child(2):nth-last-child(odd){grid-column:1/-1}.tile__title{font-size:var(--step-0)}}.manifesto{padding-block:var(--space-4xl);padding-inline:var(--gutter);border-top:1px solid var(--border);background:var(--bg);position:relative}.manifesto__text{letter-spacing:-.03em;text-transform:uppercase;flex-direction:column;max-width:92vw;font-size:clamp(1.75rem,5vw,5.5rem);font-weight:700;line-height:1.1;display:flex}.manifesto__line{display:block;overflow:hidden}.manifesto__inner{will-change:transform, opacity;display:block}.about{padding-block:var(--space-4xl);padding-inline:var(--gutter);border-top:1px solid var(--border);background:var(--bg)}.about__row{gap:var(--space-l);padding-block:var(--space-l);border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1fr) 3fr;align-items:start;display:grid}.about__label{align-items:baseline;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);font-weight:500;display:flex}.about__row-num{color:var(--accent)}.about__label span:last-child{transition:color var(--dur-base) var(--ease-out)}.about__row{position:relative}.about__row:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.about__row:hover:after{transform-origin:0;transform:scaleX(1)}.about__row:hover .about__label span:last-child{color:var(--fg)}}.about__value{font-size:var(--step-2);letter-spacing:-.02em;max-width:var(--measure);font-weight:500;line-height:1.35}.about__tags{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.about__tag{border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);transition:border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);padding:.5rem 1rem;font-weight:500}.about__tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.footer{min-height:100svh;padding:var(--gutter);background:var(--fg);color:var(--bg);flex-direction:column;justify-content:space-between;display:flex}.footer__top{justify-content:space-between;align-items:baseline;gap:var(--space-s);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}.footer__label{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.14em;opacity:.55}.footer__status{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.65rem;display:inline-flex}.footer__status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:relative}.footer__status-dot:after{content:"";background:var(--accent);animation:status-pulse 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes status-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.reduced-motion .footer__status-dot:after{opacity:0;animation:none}.footer__cta{font-size:var(--display-lg);letter-spacing:-.05em;text-transform:uppercase;margin-top:auto;font-weight:900;line-height:.9}.footer__cta-wrap{display:block;overflow:hidden}.footer__cta-line{transition:color var(--dur-slow) var(--ease-out);display:block}.footer__cta-wrap+.footer__cta-wrap .footer__cta-line{transition-delay:0s}.footer__link:hover .footer__cta-line{color:var(--accent)}.footer__link:focus-visible .footer__cta-line{color:var(--accent)}.footer__link:hover .footer__cta-wrap+.footer__cta-wrap .footer__cta-line{transition-delay:80ms}.footer__link:focus-visible .footer__cta-wrap+.footer__cta-wrap .footer__cta-line{transition-delay:80ms}.footer__link{color:inherit;display:inline-block;position:relative}.footer__link:after{content:"";transform-origin:100%;width:100%;height:3px;transition:transform var(--dur-slow) var(--ease-out);background:currentColor;position:absolute;bottom:.08em;left:0;transform:scaleX(0)}.footer__link:hover:after{transform-origin:0;transform:scaleX(1)}.footer__link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.footer__email{margin-top:var(--space-l);font-family:var(--font-mono);font-size:var(--step-0);letter-spacing:.04em;color:inherit;opacity:.75;transition:opacity var(--dur-base) var(--ease-out);border-bottom:1px solid;align-items:center;gap:.5rem;padding-bottom:.2rem;display:inline-flex}.footer__email:hover{opacity:1}.footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-m);padding-top:var(--space-m);margin-top:var(--space-2xl);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;opacity:.75;border-top:1px solid #ffffff2e;flex-wrap:wrap;display:flex}html.dark .footer__bottom{border-top-color:#0000002e}.footer__meta{gap:var(--space-l);flex-wrap:wrap;display:flex}.footer__socials{gap:var(--space-s);flex-wrap:wrap;display:flex}.social{border-radius:var(--radius-pill);color:inherit;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border:1px solid #ffffff40;align-items:center;gap:.5rem;padding:.5rem .9rem;display:inline-flex}html.dark .social{border-color:#00000040}.social:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.social__name{display:inline-flex}.social__arrow{opacity:.5}@media (max-width:900px){.hero__developer,.hero__meta{margin-top:var(--space-l);grid-column:1/-1}.hero__meta{gap:var(--space-3xs);max-width:100%}.hero{padding-bottom:var(--space-3xl)}.hero__title{margin-top:4vh}.work__track{align-items:stretch;gap:var(--space-2xl);width:100%;height:auto;padding-block:var(--space-2xl);flex-direction:column;transform:none!important}.work__intro,.card{width:100%}.card__media{aspect-ratio:16/10}.card__num{top:var(--space-2xs);left:var(--space-2xs);-webkit-text-stroke-width:2px;font-size:17vw}.about__row{gap:var(--space-s);grid-template-columns:1fr}.footer__bottom{flex-direction:column;align-items:flex-start}}@media (max-width:900px),(prefers-reduced-motion:reduce){.hero__scroll-hint{margin-top:var(--space-l);position:static}}@media (prefers-reduced-motion:reduce){.work__track{align-items:stretch;gap:var(--space-2xl);width:100%;height:auto;padding-block:var(--space-2xl);flex-direction:column;transform:none!important}.work__intro,.card{width:100%}.card__num{top:var(--space-2xs);left:var(--space-2xs);font-size:clamp(4rem,11vw,11rem)}}:root{--room-aspect:1.7917;--table-surface:72.5%;--laptop-w:9.6%;--laptop-left:45.2%;--laptop-top:64%;--laptop-cx:50%;--laptop-cy:68%;--title-offset:-73%}.hero__room{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero__stage{--stage-w:max(100vw, calc(100svh * var(--room-aspect)));--stage-h:max(100svh, calc(100vw / var(--room-aspect)));top:calc(50% - var(--stage-h) / 2);left:calc(50% - var(--stage-w) / 2);width:var(--stage-w);height:var(--stage-h);position:absolute}.hero__plates{position:absolute;top:0;bottom:0;left:0;right:0}.hero__plate{transition:opacity var(--dur-base) var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0}.hero__plates{z-index:0}.hero__plates:before{content:"";z-index:-1;background-image:var(--room-poster-light);background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}html.dark .hero__plates:before{background-image:var(--room-poster-dark);filter:brightness(.42)contrast(1.06)}.hero__plate .img,.hero__plate .img__el{aspect-ratio:auto;object-fit:fill;width:100%;height:100%}.hero__plate--dark,html.dark .hero__plate--light{opacity:0}html.dark .hero__plate--dark{opacity:1;filter:brightness(.42)contrast(1.06)}#webgl-container{z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 52%,#0000008c 66%,#0000 73%);mask-image:linear-gradient(#000 0% 52%,#0000008c 66%,#0000 73%)}#webgl-container.is-ready{opacity:1}#webgl-container canvas{width:100%!important;height:100%!important}.laptop{left:var(--laptop-left);bottom:calc(100% - var(--table-surface));width:var(--laptop-w);z-index:3;position:absolute;container-type:inline-size}.laptop__lid{background:var(--fg);border-radius:2.6cqw;width:100%;padding:2.4cqw;position:relative;box-shadow:0 3cqw 9cqw #0000004d}.laptop__screen{width:100%;aspect-ratio:var(--vw-aspect,1.6);background:var(--bg);border-radius:1cqw;position:relative;overflow:hidden}.laptop__base{background:var(--fg);clip-path:polygon(1.5% 0,98.5% 0,96% 100%,4% 100%);border-radius:0 0 1.6cqw 1.6cqw;width:116%;height:0;margin-left:-8%;padding-bottom:3.4%;position:relative;box-shadow:0 2cqw 5cqw #00000047}.laptop__notch{background:var(--bg);opacity:.35;border-radius:0 0 .8cqw .8cqw;width:14%;height:36%;position:absolute;top:0;left:50%;translate:-50%}.laptop.is-pushing .laptop__lid,.laptop.is-pushing .laptop__base{box-shadow:none}.laptop__glare{pointer-events:none;background:linear-gradient(118deg,#ffffff29 0%,#ffffff0a 28%,#0000 46%);position:absolute;top:0;bottom:0;left:0;right:0}html.dark .laptop__glare{background:linear-gradient(118deg,#ffffff1a 0%,#ffffff05 30%,#0000 48%)}.laptop__ui{width:100vw;height:100svh;transform:scale(var(--mini-shrink,.09));transform-origin:0 0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);padding-inline-start:clamp(1.25rem,8vw,10rem);padding-inline-end:clamp(1.25rem,8vw,10rem);position:absolute;top:0;left:0}.laptop__ui-nav{top:var(--space-m);left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:var(--space-m);display:flex;position:absolute}.laptop__ui-brand{font-size:var(--step-2);letter-spacing:-.05em;text-transform:uppercase;font-weight:900;line-height:1}.laptop__ui-links{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:clamp(1rem,2.2vw,2.5rem);font-weight:500;display:flex}.laptop__ui-links em{font-style:normal}.laptop__ui-links b{border-radius:var(--radius-pill);font-weight:600;font-size:var(--step--2);letter-spacing:.1em;border:1px solid;padding:.5rem .9rem}.laptop__ui-title{translate:0 var(--title-offset);font-size:var(--display-hero);letter-spacing:-.06em;text-transform:uppercase;font-weight:900;line-height:.9;position:absolute;top:50%;left:clamp(1.25rem,8vw,10rem);right:clamp(1.25rem,8vw,10rem)}.laptop__ui-foot{justify-content:space-between;align-items:flex-end;gap:var(--space-l);display:flex;position:absolute;bottom:9%;left:clamp(1.25rem,8vw,10rem);right:clamp(1.25rem,8vw,10rem)}.laptop__ui-dev{gap:var(--space-3xs);flex-direction:column;display:flex}.laptop__ui-label{align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);font-weight:500;display:inline-flex}.laptop__ui-label:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.laptop__ui-name{font-size:var(--step-2);text-transform:uppercase;letter-spacing:-.02em;font-weight:700;line-height:1.15}.laptop__ui-role{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);font-weight:500}.laptop__ui-meta{max-width:31ch;font-size:var(--step-1);color:var(--fg-muted);line-height:1.55}.laptop__ui-scroll{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.2em;color:var(--fg-dim);display:flex;position:absolute;bottom:3%;left:clamp(1.25rem,8vw,10rem)}.laptop__ui-scroll i{background:var(--accent);width:clamp(60px,10vw,140px);height:1px}.hero__content{z-index:2;will-change:transform;transform-origin:50%;width:100%;padding-inline-start:0;padding-inline-end:0;position:relative}@media (min-width:901px) and (prefers-reduced-motion:no-preference){.hero__content{height:100%;padding-inline-start:clamp(1.25rem,8vw,10rem);padding-inline-end:clamp(1.25rem,8vw,10rem);position:absolute;top:0;bottom:0;left:0;right:0}.hero__content .grid{height:100%}.hero__title{translate:0 var(--title-offset);margin-top:0;position:absolute;top:50%;left:0;right:0}.hero__developer,.hero__meta{margin-top:0;position:absolute;bottom:9%}.hero__developer{left:0}.hero__meta{text-align:left;max-width:26ch;right:0}.hero__scroll-hint{bottom:3%;left:0}}html.dark .hero__plate--dark:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000008c 0%,#0000004d 22%,#0000000d 45%,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.hero.is-revealed #webgl-container{z-index:-1;position:fixed;-webkit-mask-image:none;mask-image:none}body:has(.hero.is-revealed)>#webgl-container{z-index:-1;position:fixed;-webkit-mask-image:none;mask-image:none}@media (max-width:900px){.hero__room{display:none}#webgl-container{z-index:-1;position:fixed;-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.hero__room{display:none}.hero__content{will-change:auto}#webgl-container{z-index:-1;position:fixed;-webkit-mask-image:none;mask-image:none}}.modal{z-index:var(--z-modal);background:var(--bg);overscroll-behavior:contain;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.modal[hidden]{display:none}body.modal-open{overflow:hidden}.modal__close{top:var(--space-m);right:var(--gutter);z-index:10;border:1px solid var(--border);background:var(--bg);width:48px;height:48px;color:var(--fg);cursor:pointer;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:fixed}.modal__close:hover{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);transform:rotate(90deg)}.modal__hero{background:var(--surface-1);width:100%;height:68vh;position:relative;overflow:hidden}.modal__hero-media{will-change:transform;width:100%;height:100%;transform:scale(1.06)}.modal__hero-media .img{aspect-ratio:auto;height:100%}.modal__content{max-width:1200px;padding:var(--space-3xl) var(--gutter) 0;margin-inline-start:auto;margin-inline-end:auto}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-m);margin-bottom:var(--space-2xl);display:flex}.modal__title{font-size:var(--display-md);letter-spacing:-.05em;text-transform:uppercase;font-weight:900;line-height:.95}.modal__links{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.modal__link{border:1px solid var(--border);width:52px;height:52px;color:var(--fg);transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.modal__link:hover{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.modal__link[hidden]{display:none}.modal__meta{gap:var(--space-m);margin-bottom:var(--space-2xl);padding-bottom:var(--space-l);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.modal__meta-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);margin-bottom:var(--space-3xs);font-weight:500}.modal__meta-value{font-size:var(--step-1);letter-spacing:-.015em;font-weight:500}.modal__body{font-size:var(--step-1);color:var(--fg-muted);max-width:var(--measure);font-weight:400;line-height:1.6}.modal__body p+p{margin-top:var(--space-m)}.modal__body p:first-child{font-size:var(--step-2);color:var(--fg);letter-spacing:-.02em;font-weight:500;line-height:1.4}.modal__tabs{align-items:center;gap:var(--space-3xs);max-width:1200px;margin:var(--space-2xl) auto 0;padding-inline:var(--gutter);border-bottom:1px solid var(--border);display:flex}.modal__tabs[hidden]{display:none}.modal__tab{padding:var(--space-xs) var(--space-m);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);cursor:pointer;transition:color var(--dur-base) var(--ease-out);background:0 0;border:none;align-items:center;gap:.5rem;font-weight:600;display:inline-flex;position:relative}.modal__tab:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform var(--dur-base) var(--ease-out);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.modal__tab.is-active{color:var(--fg)}.modal__tab.is-active:after{transform:scaleX(1)}.modal__tab:hover:not(.is-active){color:var(--fg-muted)}.modal__gallery{width:100%;margin-block:var(--space-2xl);padding:0 var(--gutter) var(--space-l);scrollbar-width:none;cursor:grab;scroll-snap-type:x proximity;overflow-x:auto}.modal__gallery::-webkit-scrollbar{display:none}.modal__gallery.is-dragging{cursor:grabbing;scroll-snap-type:none}.modal__gallery[hidden]{display:none}.modal__gallery-track{gap:var(--space-m);width:max-content;display:flex}.modal__gallery-item{border-radius:var(--radius-m);scroll-snap-align:center;background:var(--surface-1);flex-shrink:0;width:min(50vw,720px);overflow:hidden}.modal__gallery-item .img{pointer-events:none}.modal__preview{max-width:1400px;margin:var(--space-l) auto var(--space-2xl);padding-inline:var(--gutter)}.modal__preview[hidden]{display:none}.modal__preview-toolbar{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-2xs) var(--space-s);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-m) var(--radius-m) 0 0;border-bottom:none;display:flex}.modal__preview-url{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);min-width:0;font-family:var(--font-mono);font-size:var(--step--2);color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:.5rem;padding:.4rem .9rem;display:flex;overflow:hidden}.modal__preview-open{border-radius:var(--radius-s);width:34px;height:34px;color:var(--fg-dim);transition:color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);flex-shrink:0;place-items:center;display:inline-grid}.modal__preview-open:hover{color:var(--fg);background:var(--border)}.modal__frame-wrap{background:var(--surface-1);border:1px solid var(--border);border-radius:0 0 var(--radius-m) var(--radius-m);width:100%;height:82vh;position:relative;overflow:hidden}.modal__frame{opacity:0;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease-out);border:none;display:block}.modal__frame.is-loaded{opacity:1}.modal__frame-wrap--phone{height:min(88vh,960px);padding:var(--space-l) var(--space-s);background:radial-gradient(120% 80% at 50% 0%, var(--surface-2), transparent 70%), var(--surface-1);place-items:center;display:grid}.modal__frame-wrap--phone .modal__frame{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);width:min(412px,100%);height:100%;max-height:892px;box-shadow:0 24px 60px -18px #00000073}.modal__frame-loader{z-index:2;justify-content:center;align-items:center;gap:var(--space-s);background:var(--bg);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);transition:opacity var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal__frame-loader.is-hidden{opacity:0;pointer-events:none}.modal__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reduced-motion .modal__spinner{animation-duration:2s}.modal__next{width:100%;max-width:1200px;margin:var(--space-2xl) auto 0;padding:var(--space-3xl) var(--gutter) var(--space-3xl);border:none;border-top:1px solid var(--border);color:inherit;text-align:center;cursor:pointer;background:0 0;display:block}.modal__next-label{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin-bottom:var(--space-xs);font-weight:500;display:block}.modal__next-title{font-size:var(--display-md);letter-spacing:-.05em;text-transform:uppercase;transition:color var(--dur-base) var(--ease-out);font-weight:900;line-height:1;display:block}.modal__next:hover .modal__next-title{color:var(--accent)}.modal__next:focus-visible .modal__next-title{color:var(--accent)}@media (max-width:900px){.modal__hero{height:42vh}.modal__meta{grid-template-columns:repeat(2,1fr)}.modal__gallery-item{width:84vw}.modal__frame-wrap{height:62vh}.modal__close{top:var(--space-s);width:44px;height:44px}.modal__content{padding-top:var(--space-xl)}.modal__header{margin-bottom:var(--space-l)}.modal__meta{margin-bottom:var(--space-l);padding-bottom:var(--space-m)}.modal__title{font-size:clamp(2rem,11vw,4rem)}.modal__next{padding-block:var(--space-2xl)}.modal__next-title{font-size:clamp(1.75rem,9vw,3.5rem)}.modal__gallery{margin-block:var(--space-l)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}