:root{--fs-label: clamp(12px, calc(.82 * var(--vw)), 15px);--fs-name: clamp(15px, var(--vw), 18px);--fs-product: clamp(30px, calc(2.8 * var(--vw)), 52px);--body-bg: #eaeeee;--black-900: #1d1d1d;--black: #191919;--black-100: #000;--black-10: #0000001a;--black-30: #1d1d1d4d;--black-50-solid: #858488;--white: #fff;--white-10: #ffffff1a;--white-20: #fff3;--white-50: #ffffff80;--white-70: #ffffffb3;--white-80: #fffc;--purple: #9680ff;--purple-dark: #9680ff;--txt-gray: #494949;--txt-dis: #c1c1c1;--txt-fade: #6c6c6c;--txt-body: #2e2e2e;--txt-sub: #202020;--border: #9b9b9b;--border-white: #d7d7d7;--fg: #1d1d1d;--surface: #fff;--surface-dark: #1d1d1d;--menu-bg: #000;--dot-rgb: 46, 46, 46;--h-fg: #1d1d1d;--h-bg: #eaeeee;--h-line: #9b9b9b;--h-track: #0000001a;--h-dot: #202020;--max-w: 1920px;--vw: min(1vw, calc(var(--max-w) / 100));--global-font-size: calc(var(--vw) * .5787037037);--gutter: max(2rem, calc((100vw - var(--max-w)) / 2 + 2rem));--cursor-width: 16px;--cursor-height: 16px;--rail: 8rem}[data-theme=dark]{--body-bg: #0b0b0d;--fg: #ededf2;--black: #f5f5f7;--surface: #141416;--surface-dark: #1c1c21;--menu-bg: #151518;--dot-rgb: 205, 205, 215;--border: #3a3a41;--border-white: #2a2a2f;--txt-gray: #b5b5bd;--txt-dis: #4a4a53;--txt-fade: #8a8a93;--txt-body: #d0d0d6;--txt-sub: #e0e0e6;--black-10: #ffffff1a;--black-50-solid: #6f6f79}html{color-scheme:light}[data-theme=dark]{color-scheme:dark}html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .5s ease,color .5s ease,border-color .5s ease,fill .5s ease!important}@media (max-width: 991px){:root{--global-font-size: 1.009vw;--rail: 6rem}}@media (max-width: 767px){:root{--global-font-size: 2.66667vw}}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--global-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:none;text-rendering:optimizeSpeed}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{margin:0;background-color:var(--body-bg);color:var(--fg);font-family:Neue Haas Display Pro,Helvetica Neue,Inter,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.4em;overflow-x:hidden}a{display:inline-block;color:inherit;text-decoration:none}canvas{display:block}p{margin:0}button{font:inherit;border:0;background:none;cursor:pointer}picture{display:contents}.pe-none{pointer-events:none}.hidden{display:none}.ph{position:absolute;inset:0;width:100%;height:100%;background:#2b2b2b;transition:transform .4s ease-out}.ph-p2{background:radial-gradient(80% 80% at 30% 30%,#3b3b45,#141418)}.ph-p3{background:linear-gradient(160deg,#f5f1ff,#d8cfff 60%,#b3a3ff)}.ph-p4{background:linear-gradient(200deg,#0b1220,#16324a 60%,#2c6d8a)}.ph-shot{overflow:hidden;background:radial-gradient(80% 100% at 50% 110%,#9d92ff,#6a5ce0 32%,#3a2f99,#1a1546)}.ph-shot img{position:absolute;display:block;height:auto;filter:drop-shadow(0 2rem 4rem rgba(10,6,40,.4))}.ph-shot-tall{left:7%;top:7%;width:86%}.heading{margin:0;font-weight:400}.g-lines{overflow:hidden}.main-grid{z-index:2;position:relative;width:100%;display:grid;grid-template-columns:minmax(1px,1fr);grid-template-rows:var(--rail) auto}.main-grid:after{content:"";position:absolute;inset:0;background-color:var(--body-bg);z-index:100;transition:opacity .4s ease;pointer-events:none}.main-grid.loaded:after{opacity:0}.main{grid-area:1 / 1 / 3 / 2;min-width:0}.container{width:100%;max-width:none;padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.container.grid{z-index:2;display:grid;column-gap:2rem;row-gap:0;grid-template-columns:repeat(16,minmax(1px,1fr));grid-auto-columns:1fr}.line{background-color:var(--border);transition:background-color .5s;flex:none;width:100%;height:1px}.ic-embed{flex:none;display:flex;justify-content:center;align-items:center;margin-bottom:0}.ic-embed svg{width:100%;height:100%;display:block}.btn{column-gap:.8rem;background-color:var(--fg);color:var(--body-bg);border-radius:200rem;justify-content:center;align-items:center;padding:1rem 2rem;transition:color .4s,background-color .4s;display:flex;position:relative;overflow:hidden}.btn .ic-embed:not(.ic-arr-main):not(.ic-arr-clone){position:relative;z-index:2}.btn-dot,.btn-dot-inner{width:0;height:0;position:absolute}.btn-dot{z-index:1;top:0;left:0;display:flex;align-items:center;justify-content:center}.btn-dot-inner{background-color:var(--purple);border-radius:50%;transition:width .8s,height .8s;transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-cursor=btn]:hover .btn-dot-inner{width:calc(var(--cursor-width) * 2);height:calc(var(--cursor-width) * 2)}.hover-line{position:relative}.hover-line:after{display:block;position:absolute;bottom:0;background-color:currentColor}.hover-line:after{content:"";width:100%;left:0;height:.1rem;transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.59,.23,.22,.96)}.hover-line:hover:after{transform:scaleX(1);transform-origin:left}.header{z-index:777;position:fixed;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:minmax(1px,1fr);grid-template-rows:var(--rail) auto;color:var(--h-fg);filter:invert(1);mix-blend-mode:difference;pointer-events:none}.header>*{pointer-events:auto}.header .btn{background-color:var(--h-fg);color:var(--h-bg)}[data-theme=dark] .header:not(.on-open){--purple: #697f00}.btn.btn-icon.theme-toggle{width:3.8rem;height:3.8rem;padding:0;background-color:transparent;border:1px solid var(--h-line);color:var(--h-fg)}.theme-toggle .ic-embed{position:absolute!important;inset:0;margin:auto;width:1.6rem;height:1.6rem;transition:transform .5s cubic-bezier(.4,0,.1,1),opacity .4s,color .4s}.theme-toggle .ic-sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle .ic-moon{opacity:0;transform:rotate(-90deg) scale(.4)}[data-theme=dark] .theme-toggle .ic-sun{opacity:0;transform:rotate(90deg) scale(.4)}[data-theme=dark] .theme-toggle .ic-moon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle:hover .ic-embed{color:var(--h-bg)}.header-top{grid-area:1 / 1 / 2 / 2;z-index:2;background-color:#eaeeee00;transition:background-color .6s;position:relative}.nav{z-index:888;position:fixed;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:minmax(1px,1fr);grid-template-rows:var(--rail) auto;pointer-events:none}.nav.hidden{display:none}.menu{transform-origin:0 0;color:var(--white-50);border-radius:2rem;display:flex;flex-direction:column;justify-content:space-between;padding:4rem;position:relative;overflow:hidden;transform:scale(0)}.home-hero{z-index:6;background-color:var(--body-bg);padding-top:10rem;padding-bottom:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100vh;height:100svh;--hero-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}.home-hero>.container.grid{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);position:relative;z-index:2}.home-hero-title-wrap{grid-area:1 / 1 / 2 / -1;text-align:center;max-width:none;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding-bottom:2rem}.home-hero-title{margin:0;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:20rem;line-height:.9;letter-spacing:-.05em;color:var(--fg);opacity:0}.home-hero-sub{margin:2.4rem 0 0;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:2.8rem;line-height:1.2;letter-spacing:-.01em;color:var(--txt-fade);opacity:0}.hero-glow{position:absolute;inset:0;z-index:2;pointer-events:none}.hero-glow:after{content:"";position:absolute;inset:0;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:overlay;opacity:.55}:root:not([data-theme=dark]) .hero-glow:after{opacity:.45}[data-theme=dark] .hero-glow:after{opacity:.22}.hero-cube-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none}.hero-3d .home-hero-title,.home-hero.is-3d .home-hero-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.home-hero.is-3d .home-hero-title-wrap{padding-bottom:0}.hero-3d .home-hero:not(.is-3d) .home-hero-sub{visibility:hidden}.home-hero.is-3d .home-hero-sub{margin:0;font-family:var(--hero-mono);font-size:clamp(13px,calc(.95 * var(--vw)),17px);letter-spacing:.32em;text-transform:uppercase;color:var(--fg)}.hero-decor{position:absolute;inset:0 calc(var(--gutter) - 2rem);z-index:3;pointer-events:none;color:var(--fg)}.hero-decor>span{position:absolute;font-family:var(--hero-mono);line-height:1}.hd-star{font-size:1.4rem;opacity:.85;translate:-50% 0}.hd-x{font-size:1.4rem;opacity:.6;translate:-50% 0}.hd-stack{line-height:1.1;text-align:center}.dc-g{opacity:.45}.dc-c{background:var(--fg);box-shadow:0 0 0 .1em var(--fg);color:var(--body-bg)}.dc-h{color:transparent}.hero-meta-link>span{display:inline-block}.hd-stack i{display:inline-block;font-style:normal}.hero-colon{animation:hero-colon 1s steps(1) infinite}@keyframes hero-colon{50%{opacity:.15}}.hero-decor.is-alive .hd-star{animation:hd-twinkle 5s ease-in-out var(--d, 0s) infinite}.hero-decor.is-alive .hd-x:not(.hd-stack){animation:hd-spin 14s linear infinite}.hero-decor.is-alive .hd-stack i{animation:hd-scan 2.4s steps(1) infinite}.hero-decor.is-alive .hd-stack i:nth-of-type(2){animation-delay:.4s}.hero-decor.is-alive .hd-stack i:nth-of-type(3){animation-delay:.8s}@keyframes hd-twinkle{0%{rotate:0deg;opacity:.85;scale:1}50%{opacity:.3;scale:.65}to{rotate:90deg;opacity:.85;scale:1}}@keyframes hd-spin{to{rotate:360deg}}@keyframes hd-scan{0%{opacity:1}34%{opacity:.35}}@media (prefers-reduced-motion: reduce){.hero-colon,.hero-decor.is-alive span,.hero-decor.is-alive i{animation:none!important}}.hd-label{top:12rem;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;line-height:1.6!important;opacity:.7}.hd-tl{left:2rem}.hd-tr{right:2rem;text-align:right}.hero-badge{position:absolute;left:50%;bottom:2.4rem;z-index:3;translate:-50% 0;width:9rem;height:9rem;display:grid;place-items:center;color:var(--fg)}.hero-badge-ring{position:absolute;inset:0;width:100%;height:100%;animation:hero-badge-spin 14s linear infinite}.hero-badge-ring text{font-family:var(--hero-mono);font-size:8px;fill:currentColor}.hero-badge-arrow{width:2rem;height:2rem;transition:translate .4s cubic-bezier(.22,1,.36,1)}.hero-badge:hover .hero-badge-arrow{translate:0 .4rem}@keyframes hero-badge-spin{to{rotate:360deg}}@media (prefers-reduced-motion: reduce){.hero-badge-ring{animation:none}}.hero-meta{position:absolute;bottom:2.8rem;z-index:3;font-family:var(--hero-mono);font-size:var(--fs-label);line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}.hero-meta-l{left:var(--gutter);display:flex;flex-direction:column;align-items:flex-start;row-gap:1rem}.hero-meta-r{right:var(--gutter);display:flex;align-items:center;column-gap:.8rem}.hero-meta-label{color:var(--fg);opacity:.6}.hero-meta-link{color:var(--fg)}.hero-clock{width:1.4rem;height:1.4rem;flex:none}.hero-time{font-variant-numeric:tabular-nums}[data-cursor=case] .ph,[data-cursor=soon] .ph{transition:transform .4s ease-out}[data-cursor=case]:hover .ph,[data-cursor=soon]:hover .ph{transform:scale(1.1)}.home-proj{z-index:4;background-color:var(--body-bg);padding-top:4rem;position:relative;overflow:hidden}.home-proj,.gal{--proj-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--proj-display: "Geist Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace}.work-head{display:flex;justify-content:space-between;align-items:baseline;padding:2.4rem 0;margin-bottom:4rem;border-top:1px solid color-mix(in srgb,var(--fg) 22%,transparent);font-family:var(--proj-mono);font-size:var(--fs-label);letter-spacing:.125em;text-transform:uppercase;color:var(--fg)}.work-head-label:before{content:"\2726";margin-right:.9rem;letter-spacing:0}.work-head-count{opacity:.5}.work-grid{display:grid;row-gap:10rem;padding-bottom:12rem}.work-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:2rem}.work-row.mod-flip{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.work-card{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0}.work-media{position:relative;display:block;overflow:hidden;min-height:0;border-radius:.5rem;background-color:var(--surface-dark)}.work-card.mod-wide .work-media{aspect-ratio:10 / 7}.work-media .ph{transition:scale 1s cubic-bezier(.22,1,.36,1)}.work-media:hover .ph{scale:1.035}[data-cursor=case].work-media:hover .ph{transform:none}.work-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2rem;row-gap:.6rem;align-items:baseline;padding-top:1.8rem}.work-name{margin:0;font-family:var(--proj-display);font-size:clamp(16px,calc(1.15 * var(--vw)),21px);font-weight:500;line-height:1.25;letter-spacing:-.01em}.work-name a{color:var(--fg)}.work-year{font-family:var(--proj-mono);font-size:var(--fs-label);letter-spacing:.125em;color:var(--fg);opacity:.5}.work-cat{grid-column:1 / -1;margin:0;font-family:var(--proj-mono);font-size:var(--fs-label);letter-spacing:.125em;text-transform:uppercase;color:var(--fg);opacity:.55}@media (prefers-reduced-motion: reduce){.work-media .ph{transition:none}.work-media:hover .ph{scale:1}}.work-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:scale 1s cubic-bezier(.22,1,.36,1)}.work-media:hover .work-img{scale:1.035}@media (prefers-reduced-motion: reduce){.work-img{transition:none}.work-media:hover .work-img{scale:1}}.proj-video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.footer{background-color:var(--body-bg);width:100%;padding-top:8rem;overflow:hidden}.ft-bottom{grid-area:4 / 1 / 5 / -1;display:flex;justify-content:space-between;align-items:center;padding:6rem 4rem 8rem}.ft-copy{margin:0;font-size:var(--fs-label);letter-spacing:.04em;text-transform:uppercase;color:var(--txt-fade)}.ft-top{width:6.4rem;height:6.4rem;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;color:var(--txt-fade);transition:color .4s,background-color .4s,border-color .4s,scale .6s cubic-bezier(.3,1.6,.5,1)}.ft-top svg{width:2.4rem;height:2.4rem;transition:translate .5s cubic-bezier(.3,1.6,.5,1)}@media (hover: hover){.ft-top:hover{color:var(--body-bg);background-color:var(--fg);border-color:var(--fg)}.ft-top:hover svg{translate:0 -.3rem}}.ft-top:active{scale:.92}.pop-ctc-step-item:has(input:checked){color:var(--white);border-color:var(--purple)}.pop-ctc-step-item:has(input:checked) .pop-ctc-step-dot{background-color:var(--purple);border-color:var(--purple);transform:scale(1.4)}.cursor{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;width:28px;height:28px;translate:-50% -50%;mix-blend-mode:difference;opacity:0;transition:opacity .2s ease}.cursor.is-on{opacity:.25}.cursor.is-on.is-pointer,.cursor.is-on.is-link{opacity:1}.cursor-ring{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1.5px solid #fff;border-radius:50%;background-color:#fff0;transition:background-color .25s ease}.cursor.is-pointer .cursor-ring,.cursor.is-link .cursor-ring{background-color:#fff}.cursor-arrow{width:50%;height:50%;color:#000;opacity:0;scale:.6;transition:opacity .25s ease,scale .35s cubic-bezier(.22,1,.36,1)}.cursor.is-link .cursor-arrow{opacity:1;scale:1}.has-cursor,.has-cursor *{cursor:none!important}@media (max-width: 991px){.home-hero-title{font-size:15rem}.footer{padding-top:6rem}}@media (max-width: 767px){.home-hero{padding-top:12rem;height:auto;min-height:100svh}.home-hero-title{font-size:8.8rem;line-height:.92}.home-hero-sub{font-size:1.8rem;margin-top:1.6rem}.hero-meta{bottom:2rem}.hero-badge{display:none}.hd-label{top:12rem}.home-hero.is-3d .home-hero-sub{letter-spacing:.22em}.hero-meta-l{left:var(--gutter)}.hero-meta-r{right:var(--gutter)}.home-hero-title-wrap{height:auto;padding-bottom:0}.home-proj{padding-top:2rem}.work-head{margin-bottom:2.4rem}.work-grid{row-gap:5.6rem;padding-bottom:8rem}.work-row,.work-row.mod-flip{grid-template-columns:1fr;grid-template-rows:none;row-gap:5.6rem}.work-card{grid-row:auto;grid-template-rows:auto}.work-media,.work-card.mod-wide .work-media{aspect-ratio:4 / 3}.work-meta{padding-top:1.4rem}.work-name{font-size:16px}.ft-bottom{padding:4rem 0 5rem}.ft-top{width:5.2rem;height:5.2rem}.nav{height:100dvh}.menu{padding:2rem}.cursor{display:none}}.gal{--gal-gap: 2rem;--gal-mat: #dee0dd;position:relative;z-index:4;background-color:var(--body-bg);padding:10rem 0 12rem}[data-theme=dark] .gal{--gal-mat: #161817}.gal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gal-gap)}.gal-item{position:relative;margin:0;aspect-ratio:1;background-color:var(--gal-mat);transition:background-color .5s}.gal-item{overflow:hidden}.gal-item img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.gal-item img{transition:scale .7s cubic-bezier(0,0,.2,1)}.gal-item:hover img,.gal-item:focus-within img{scale:1.05}.gal-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.gal-open:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}.lightbox{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.lightbox.is-open{opacity:1;visibility:visible;transition:opacity .35s ease}.lightbox-figure{margin:0;display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:85vh}.lightbox-img{display:block;max-width:92vw;max-height:80vh;width:auto;height:auto;object-fit:contain;opacity:1;scale:1;transition:opacity .3s ease,scale .5s cubic-bezier(.22,1,.36,1)}.lightbox-img.is-swapping{opacity:0;scale:.985}.lightbox.is-open .lightbox-img{animation:lightbox-in .5s cubic-bezier(.22,1,.36,1)}@keyframes lightbox-in{0%{opacity:0;scale:.97}}.lightbox-btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#fff9;transition:color .25s ease;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:2.4rem;line-height:1}.lightbox-btn:hover,.lightbox-btn:focus-visible{color:#fff}.lightbox-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.lightbox-prev,.lightbox-next{top:50%;translate:0 -50%;padding:2.4rem 1.6rem}.lightbox-prev{left:2.4rem}.lightbox-next{right:2.4rem}.lightbox-close{top:2rem;right:2rem;width:4rem;height:4rem;color:#ffffffb3}.lightbox-close:before,.lightbox-close:after{content:"";position:absolute;left:50%;top:50%;width:2rem;height:1px;background-color:currentColor}.lightbox-close:before{translate:-50% -50%;rotate:45deg}.lightbox-close:after{translate:-50% -50%;rotate:-45deg}.lightbox-count{position:absolute;bottom:2.4rem;left:50%;translate:-50% 0;font-family:IBM Plex Mono,JetBrains Mono,ui-monospace,Menlo,monospace;font-size:13px;letter-spacing:.125em;font-variant-numeric:tabular-nums;color:#ffffff8c}@media (prefers-reduced-motion: reduce){.gal-item img{transition:none}.gal-item:hover img,.gal-item:focus-within img{scale:1}.lightbox,.lightbox.is-open,.lightbox-img{transition:opacity .15s linear}.lightbox.is-open .lightbox-img{animation:none}}@media (prefers-reduced-transparency: reduce){.lightbox{background-color:#000;-webkit-backdrop-filter:none;backdrop-filter:none}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 767px){.gal{--gal-gap: 1.2rem;padding:11rem 0 8rem}.gal-list{grid-template-columns:minmax(0,1fr)}.lightbox-prev,.lightbox-next{top:auto;bottom:.8rem;translate:none;padding:1.6rem;font-size:2rem}.lightbox-prev{left:.8rem}.lightbox-next{right:.8rem}.lightbox-count{bottom:2.6rem}}.work-lock{display:inline-block;width:.9em;height:.9em;margin-left:.5rem;vertical-align:-.08em;opacity:.55}.work-lock svg{display:block;width:100%;height:100%}.gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:2rem}.gate[hidden]{display:none}.gate-scrim{position:absolute;inset:0;background:color-mix(in srgb,#000 55%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .35s ease}.gate-panel{position:relative;width:min(100%,52rem);padding:4.8rem 4.4rem 3.6rem;border-radius:1.6rem;background:var(--body-bg);color:var(--fg);border:1px solid var(--border-white);box-shadow:0 3rem 8rem -2rem #0000008c;opacity:0;translate:0 2.4rem;scale:.97;transition:opacity .35s ease,translate .5s cubic-bezier(.22,1,.36,1),scale .5s cubic-bezier(.22,1,.36,1)}.gate.is-open .gate-scrim,.gate.is-open .gate-panel{opacity:1}.gate.is-open .gate-panel{translate:0 0;scale:1}.gate-close{position:absolute;top:1.6rem;right:1.6rem;width:4rem;height:4rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:var(--fg);cursor:pointer;transition:background-color .25s}.gate-close:hover{background:var(--black-10)}.gate-close svg{width:2rem;height:2rem}.gate-lock{width:5.6rem;height:5.6rem;display:grid;place-items:center;border-radius:50%;background:var(--fg);color:var(--body-bg)}.gate-lock svg{width:2.4rem;height:2.4rem}.gate-kicker{margin:3.2rem 0 0;font-family:var(--proj-mono, "JetBrains Mono", monospace);font-size:var(--fs-label);letter-spacing:.125em;text-transform:uppercase;color:var(--txt-fade)}.gate-title{margin:1rem 0 0;font-size:4.4rem;font-weight:500;line-height:1;letter-spacing:-.035em}.gate-desc{margin:1.6rem 0 0;font-size:1.7rem;line-height:1.55;color:var(--txt-body)}.gate-desc a{color:var(--fg)}.gate-form{margin-top:3.2rem}.gate-field{display:flex;align-items:center;gap:.8rem;padding:.6rem .6rem .6rem 2rem;border-radius:99rem;border:1px solid var(--border);transition:border-color .25s}.gate-field:focus-within{border-color:var(--fg)}.gate-field input{flex:1;min-width:0;padding:1.2rem 0;border:0;background:none;color:var(--fg);font:inherit;font-size:1.7rem;letter-spacing:.04em;outline:none}.gate-field input::placeholder{color:var(--txt-fade)}.gate-submit{flex:none;width:4.8rem;height:4.8rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--fg);color:var(--body-bg);cursor:pointer;transition:scale .3s cubic-bezier(.22,1,.36,1),opacity .25s}.gate-submit:hover{scale:1.06}.gate-submit svg{width:2rem;height:2rem}.gate.is-busy .gate-submit{opacity:.5;pointer-events:none}.gate-msg{min-height:2.2rem;margin:1.2rem 0 0 2rem;font-size:1.4rem;color:var(--txt-fade)}.gate.is-error .gate-field{border-color:#e0574f;animation:gate-shake .4s cubic-bezier(.36,.07,.19,.97)}.gate.is-error .gate-msg{color:#e0574f}.gate.is-ok .gate-field{border-color:#2f9e62}@keyframes gate-shake{20%,60%{translate:-.8rem 0}40%,80%{translate:.8rem 0}}.gate-close:focus-visible,.gate-submit:focus-visible{outline:2px solid var(--purple);outline-offset:2px}@media (max-width: 767px){.gate-panel{padding:4rem 2.4rem 2.8rem}.gate-title{font-size:3.4rem}}@media (prefers-reduced-motion: reduce){.gate-panel,.gate-scrim{transition:opacity .2s;translate:none;scale:none}.gate.is-error .gate-field{animation:none}}