@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/bricolage-grotesque-vietnamese-wght-normal.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/bricolage-grotesque-latin-ext-wght-normal.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/bricolage-grotesque-latin-wght-normal.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 Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/instrument-sans-latin-ext-wght-normal.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/instrument-sans-latin-wght-normal.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff2)format("woff2"),url(../fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-mono-cyrillic-400-normal.woff2)format("woff2"),url(../fonts/ibm-plex-mono-cyrillic-400-normal.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-mono-vietnamese-400-normal.woff2)format("woff2"),url(../fonts/ibm-plex-mono-vietnamese-400-normal.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-mono-latin-ext-400-normal.woff2)format("woff2"),url(../fonts/ibm-plex-mono-latin-ext-400-normal.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2"),url(../fonts/ibm-plex-mono-latin-400-normal.woff)format("woff");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}:root{--paper:#fff;--ink:#031844;--ink-soft:#55607e;--cobalt:#2747e0;--pink:#f0fca8;--lime:#ddfb3f;--lemon:#ddfb3f;--red:#e3262b;--gold:#ffc23d;--line:#03184424;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--body:"Instrument Sans Variable", "Instrument Sans", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:clamp(16px, 4vw, 56px);--step--1:clamp(.78rem, .74rem + .2vw, .88rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.25rem, 1.1rem + .7vw, 1.65rem);--step-2:clamp(1.8rem, 1.4rem + 2vw, 3.2rem);--step-3:clamp(2.6rem, 1.6rem + 5vw, 6rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}img,canvas{max-width:100%}a{color:inherit}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}.mono{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.02em}#blob{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.no-webgl #blob{background:radial-gradient(closest-side at 62% 45%, var(--pink), var(--cobalt) 55%, transparent 72%);opacity:.85}.bar{z-index:10;padding:calc(env(safe-area-inset-top,0px) + 18px) var(--gutter) 18px;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.bar.scrolled{background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(14px);pointer-events:auto}.bar>*{pointer-events:auto}.logo img{width:auto;height:52px;display:block}.planet-hint{color:var(--ink-soft)}.logo{font-family:var(--display);letter-spacing:-.04em;font-size:1.35rem;font-weight:800;text-decoration:none}.bar nav{gap:.25rem;display:flex}.bar nav a{font-family:var(--mono);font-size:var(--step--1);background:color-mix(in srgb, var(--paper) 70%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:99px;padding:.5em .9em;text-decoration:none;transition:background .2s,color .2s}.bar nav a:hover,.bar nav .bar-cta{background:var(--ink);color:var(--paper)}.bar nav .bar-cta:hover{background:var(--lime);color:var(--ink)}main,.foot{padding-inline:var(--gutter)}.hero{grid-template-rows:1fr auto auto;align-content:end;gap:clamp(1rem,3vw,2.5rem);min-height:min(100svh,980px);padding-block:120px clamp(2rem,5vw,4rem);display:grid}.meta{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-self:start;gap:.5rem 2rem;margin:0;padding-top:1rem;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.065em;color:#f1ddac;mix-blend-mode:difference;white-space:nowrap;margin-left:-.04em;padding-bottom:.06em;font-size:clamp(4.2rem,20.5vw,22rem);font-weight:800;line-height:.82;overflow:hidden}.wm-inner{display:inline-block}@media (width>=761px){.wordmark{padding-bottom:.14em;font-size:clamp(4.2rem,15vw,17rem)}}.wm-inner .ch{will-change:transform;display:inline-block}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem 3rem;display:flex}.hero h1{font-family:var(--display);font-weight:500;font-size:var(--step-2);letter-spacing:-.03em;text-wrap:balance;max-width:14ch;margin:0;line-height:1.02}.pill{font-family:var(--display);font-weight:600;font-size:var(--step-1);background:var(--lemon);color:var(--ink);border:2px solid var(--ink);border-radius:99px;align-items:center;gap:.6em;padding:.7em 1.3em;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),background .2s;display:inline-flex}.pill:hover{background:var(--cobalt);color:var(--paper);transform:translateY(-3px)rotate(-2deg)}.section-label{border-top:1px solid var(--line);color:var(--ink-soft);margin:0 0 clamp(1.5rem,4vw,3rem);padding-top:1rem;font-weight:400}.work{padding-block:clamp(4rem,10vw,9rem)}.project+.project{margin-top:clamp(3rem,8vw,7rem)}.project-link{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:clamp(1.25rem,3vw,3rem);text-decoration:none;display:grid}.project:nth-child(odd of .project) .project-link{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.project:nth-child(odd of .project) .cover{order:2}.cover{aspect-ratio:16/10;touch-action:pan-y;border-radius:clamp(14px,2vw,28px);max-width:100%;position:relative;overflow:hidden;transform:translateZ(0)}.cover canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cover-breath{background:var(--lime)}.cover-strings{background:var(--red)}.cover-weltweit{background:var(--cobalt)}.player-view{color:var(--paper);background:radial-gradient(120% 90% at 80% 10%, var(--p2,#2340ff), var(--p1,#031844) 70%);background-size:140% 140%;flex:1;grid-template-rows:auto 1fr auto auto;align-content:start;gap:.3rem;padding:clamp(.9rem,2.2vw,1.6rem);text-decoration:none;animation:14s ease-in-out infinite alternate player-drift;display:grid;position:relative;overflow:hidden}.player-beauty{--p1:#3a1a4a;--p2:#e2587f}.player-crowd,.player-population{--p1:#031844;--p2:#1b6d6a}.player-snow,.player-ski{--p1:#0b2a7a;--p2:#8fc8ff}@keyframes player-drift{0%{background-position:0 0}to{background-position:100% 100%}}.player-show{opacity:.8;font-size:.72rem}.player-title{font-family:var(--display);letter-spacing:-.045em;-webkit-hyphens:manual;hyphens:manual;align-self:end;max-width:11ch;font-size:clamp(1.6rem,.6rem + 3.4vw,3.6rem);font-weight:800;line-height:.92}.player-sub{opacity:.9;font-size:clamp(.85rem,.7rem + .6vw,1.2rem)}.player-play{aspect-ratio:1;background:var(--lemon);border:2px solid var(--ink);border-radius:50%;width:clamp(3.4rem,7vw,5.6rem);transition:transform .35s cubic-bezier(.2,.9,.3,1.4);position:absolute;top:50%;right:clamp(1rem,3vw,2.2rem);translate:0 -60%}.player-play:before{content:"";border-style:solid;border-width:.9em 0 .9em 1.5em;border-color:transparent transparent transparent var(--ink);font-size:clamp(.8rem,1.2vw,1.2rem);position:absolute;top:30%;left:38%}.player-view:hover .player-play,.player-view:focus-visible .player-play{transform:scale(1.12)rotate(-6deg)}.player-foot{align-items:center;gap:.75rem;margin-top:.8rem;font-size:.72rem;display:flex}.player-bar{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.player-bar i{background:var(--lemon);transform-origin:0;width:100%;height:100%;animation:9s linear infinite player-progress;display:block}@keyframes player-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.player-view,.player-bar i{animation:none}}.carousel .slides{flex:1;position:relative;overflow:hidden}.carousel .slide{opacity:0;pointer-events:none;transition:opacity .6s,transform .8s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0;transform:translate(6%)}.carousel .slide.is-active{opacity:1;pointer-events:auto;transform:none}.carousel .slide.is-before{transform:translate(-6%)}.carousel-ui{border-top:2px solid var(--ink);background:var(--paper);align-items:stretch;gap:.5rem;padding:.6rem;display:flex}.carousel-ui button{appearance:none;font:inherit;color:var(--ink);cursor:pointer}.car-prev,.car-next{border:2px solid var(--ink);background:var(--lemon);border-radius:999px;flex:none;width:3em;transition:transform .3s cubic-bezier(.2,.9,.3,1.4),background .2s;position:relative}.car-prev:before,.car-next:before{content:"";border:solid var(--ink);border-width:0 0 3px 3px;width:.6em;height:.6em;margin:auto;position:absolute;inset:0;translate:15%;rotate:45deg}.car-next:before{translate:-15%;rotate:-135deg}.car-prev:hover,.car-next:hover{transform:scale(1.08)}.car-next{animation:2.4s ease-in-out infinite car-nudge}@keyframes car-nudge{0%,70%,to{translate:0}80%{translate:5px}90%{translate:-2px}}.car-tabs{flex:1;grid-template-columns:repeat(3,1fr);gap:.5rem;min-width:0;display:grid}.car-tabs button{border:2px solid var(--ink);background:var(--paper);text-align:left;isolation:isolate;border-radius:999px;align-items:center;gap:.5em;min-width:0;padding:.55em .8em;font-size:.75rem;transition:background .2s;display:flex;position:relative;overflow:hidden}.car-tabs button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.car-tabs button:hover,.car-tabs button[aria-current=true]{background:#ddfb3f59}.car-tabs button[aria-current=true]:after{content:"";z-index:-1;background:var(--lemon);transform-origin:0;animation:7s linear forwards car-fill;position:absolute;inset:0}.carousel:hover .car-tabs button:after,.carousel:focus-within .car-tabs button:after,.carousel.is-held .car-tabs button:after{animation-play-state:paused}@keyframes car-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.car-next,.car-tabs button[aria-current=true]:after{animation:none}}.depth .carousel-ui{gap:12px;padding:14px}.depth .car-tabs{gap:12px}.depth .car-tabs button{padding:12px 18px;font-size:19px}.depth .car-prev,.depth .car-next{width:64px;font-size:20px}@media (width<=560px){:root:not(.depth) .car-tabs button span{display:none}:root:not(.depth) .car-tabs button{justify-content:center}}.browser{background:var(--paper);border:2px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0;flex-direction:column;margin:0;transition:transform .5s cubic-bezier(.2,.9,.3,1);display:flex;position:absolute;inset:9% 7% 0;overflow:hidden;box-shadow:0 30px 60px -30px #10101473}.project-link:hover .browser{transform:translateY(-3%)}.browser-bar{border-bottom:2px solid var(--ink);color:var(--ink-soft);align-items:center;gap:6px;padding:8px 12px;font-size:.72rem;display:flex}.browser-bar i{border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px}.browser-bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:8px;overflow:hidden}.browser-view{background:var(--paper);flex:1;position:relative;overflow:hidden}.browser-view iframe{width:var(--w,1440px);height:calc(100% / var(--s,.5));max-width:none;transform:scale(var(--s,.5));transform-origin:0 0;background:var(--paper);border:0;position:absolute;top:0;left:0}.browser-note{text-align:center;place-content:center;gap:.5rem;padding:1rem;display:grid;position:absolute;inset:0}.cover-hint{color:var(--gold);opacity:.85;position:absolute;top:.9rem;left:1rem}.project-info{gap:.9rem;min-width:0;display:grid}.project-info h3{font-family:var(--display);font-weight:700;font-size:var(--step-3);letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:.92}.project-info p{max-width:36ch;color:var(--ink-soft);margin:0}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--ink);border-radius:99px;padding:.2em .75em}.visit{border-bottom:2px solid var(--cobalt);justify-self:start;padding-bottom:2px;text-decoration:none;transition:color .2s}.project-link:hover .visit,.project-link:hover h3{color:var(--cobalt)}.social{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.social a{border:2px solid var(--ink);font-size:var(--step--1);border-radius:99px;padding:.5em 1em;text-decoration:none;transition:background .2s,transform .25s cubic-bezier(.2,.9,.3,1.4);display:inline-block}.social a:hover{background:var(--lime);transform:translateY(-2px)rotate(-2deg)}.services{padding-block:clamp(3rem,8vw,7rem)}.service-list{border-bottom:2px solid var(--ink);margin:0;padding:0;list-style:none}.service{border-top:2px solid var(--ink);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:center;gap:.5rem 2rem;padding:clamp(1rem,2.4vw,2rem) clamp(.5rem,1.5vw,1.25rem);transition:color .35s;display:grid;position:relative;overflow:hidden}.service:before{content:"";background:var(--fill);transform-origin:bottom;z-index:-1;transition:transform .45s cubic-bezier(.7,0,.2,1);position:absolute;inset:0;transform:scaleY(0)}.service:hover{color:var(--on-fill)}.service:hover:before{transform:scaleY(1)}.service h3{font-family:var(--display);letter-spacing:-.05em;white-space:nowrap;margin:0;font-size:clamp(2rem,1rem + 3vw,4rem);font-weight:700;line-height:.95}.service p{max-width:32ch;margin:0}.contact{text-align:center;justify-items:center;gap:1.5rem;padding-block:clamp(5rem,12vw,11rem) clamp(4rem,8vw,7rem);display:grid}.hello{font-family:var(--display);letter-spacing:0;justify-content:center;gap:clamp(.2rem,1.6vw,1.6rem);margin:0;font-size:clamp(3.2rem,1rem + 9vw,9.5rem);font-weight:800;line-height:.85;display:flex}.hello span{display:inline-block}.hello span:first-child{color:var(--cobalt)}.hello span:nth-child(2){color:var(--ink)}.hello span:nth-child(3){color:var(--lime);-webkit-text-stroke:.03em var(--ink);paint-order:stroke fill}.hello span:nth-child(4){color:var(--ink)}.hello span:nth-child(5){color:var(--cobalt)}.contact-lead{font-size:var(--step-1);text-wrap:balance;margin:0}.mail-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.mail{font-family:var(--display);font-weight:600;font-size:var(--step-1);letter-spacing:-.02em;background:linear-gradient(var(--lime), var(--lime)) 0 88% / 100% .32em no-repeat;overflow-wrap:anywhere;text-decoration:none}.mail:hover{background-size:100% .9em}.copy{appearance:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:99px;padding:.5em 1em}.copy:hover{background:var(--ink);color:var(--paper)}.or-mail{color:var(--ink-soft);font-size:var(--step--1)}.contact-form{text-align:left;gap:1.1rem;width:min(100%,44rem);margin-top:.5rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-size:var(--step--1);color:var(--ink-soft)}.field input,.field textarea{font:inherit;font-size:var(--step-0);color:var(--ink);border:2px solid var(--ink);resize:vertical;background:#fff;border-radius:18px;width:100%;padding:.85em 1em;transition:box-shadow .2s,border-color .2s}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb, var(--ink-soft) 70%, transparent)}.field input:focus,.field textarea:focus{box-shadow:0 0 0 4px var(--lime);outline:none}.field [aria-invalid=true]{border-color:var(--red)}.form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-note{font-size:var(--step--1);color:var(--ink-soft);margin:0}.form-note a{color:inherit}.contact-form .pill{cursor:pointer;font:inherit;font-family:var(--display);font-weight:600;font-size:var(--step-0);border-width:2px;padding:.6em 1.2em}.contact-form .pill[disabled]{opacity:.6;cursor:progress}.form-status{min-height:1.2em;font-size:var(--step--1);margin:0}.form-status.is-error{color:var(--red)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.foot{padding-block:1.5rem calc(env(safe-area-inset-bottom,0px) + 1.5rem);border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;display:flex}.foot address{font-style:normal}.foot nav{gap:1.25rem;display:flex}.foot p{margin:0}.legal{max-width:46rem;padding-block:140px 5rem}.legal h1{font-family:var(--display);font-weight:800;font-size:var(--step-3);letter-spacing:-.045em;margin:0 0 2rem;line-height:.95}.legal h2{font-family:var(--display);font-weight:600;font-size:var(--step-1);margin:2rem 0 .5rem}.legal p,.legal li{margin:0 0 .75rem}.legal ul{margin:0 0 .75rem;padding-left:1.2rem}.legal .lead{color:var(--ink-soft);margin-bottom:2rem}.legal a{color:inherit}@media (width<=760px){.project-link,.project:nth-child(odd of .project) .project-link{grid-template-columns:minmax(0,1fr)}.project:nth-child(odd of .project) .cover{order:0}.service{grid-template-columns:minmax(0,1fr)}.service h3{white-space:normal}.bar nav a:not(.bar-cta){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}.browser-view iframe{pointer-events:none}.browser.live .browser-view iframe{pointer-events:auto}.browser-play{z-index:2;appearance:none;border:2px solid var(--ink);background:var(--lime);color:var(--ink);cursor:pointer;border-radius:99px;padding:.55em 1.1em;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),opacity .2s;position:absolute;bottom:14px;right:14px}.browser-play:hover{transform:translateY(-2px)rotate(-2deg)}.browser.live .browser-play,.browser.no-embed .browser-play{opacity:0;pointer-events:none}#stage,#loader,.hud{display:none}.depth #stage{z-index:1;pointer-events:none;--step--1:18px;--step-0:22px;--step-1:32px;--step-2:68px;--step-3:116px;display:block;position:fixed;inset:0;overflow:hidden}.depth #stage .is-far{pointer-events:none!important}.depth .hero{min-height:100svh;padding-inline:var(--gutter);position:absolute;top:0;left:0;right:0}.depth .work{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.depth .wm-inner .ch{will-change:transform, opacity}.depth .project{width:1560px;margin:0}.depth .project .project-link{grid-template-columns:1000px minmax(0,1fr);align-items:center;gap:72px}.depth .project:nth-child(odd of .project) .project-link{grid-template-columns:minmax(0,1fr) 1000px}.depth .cover{background:0 0;border-radius:0;width:1000px;overflow:visible}.depth .cover>canvas{display:none}.depth .browser{border-bottom:2px solid var(--ink);border-radius:16px;inset:0;box-shadow:0 50px 80px -40px #10101480}.depth .project-link:hover .browser{transform:none}.depth .project-info{gap:22px}.depth .project-info p{max-width:26ch;color:var(--ink)}.depth #loader{z-index:50;background:var(--paper);place-content:center;justify-items:center;gap:12px;display:grid;position:fixed;inset:0}.depth:not(.is-loading) #loader{pointer-events:none}.loader-logo{width:clamp(96px,16vw,150px);height:auto}.loader-count{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.loader-count:after{content:"%"}.is-loading body{overflow:hidden}.depth .hud{left:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:3;color:var(--ink);pointer-events:none;align-items:center;gap:12px;display:flex;position:fixed}.hud-track{background:var(--line);width:96px;height:2px;overflow:hidden}.hud-fill{background:var(--cobalt);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hud-depth{color:var(--ink-soft);font-variant-numeric:tabular-nums}@media (width<=760px){.depth .project{width:920px}.depth .project .project-link,.depth .project:nth-child(odd of .project) .project-link{grid-template-columns:minmax(0,1fr);gap:48px}.depth .cover{width:920px;order:0!important}.depth #stage{--step-3:110px;--step-0:30px;--step--1:24px}.depth .hud-track{width:56px}}.has-cursor,.has-cursor *{cursor:none!important}.has-cursor input,.has-cursor textarea{cursor:text!important}.cursor-dot,.cursor-ring{z-index:100;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{background:var(--ink);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transition:opacity .2s}.cursor-ring{place-items:center;width:42px;height:42px;margin:-21px 0 0 -21px;display:grid}.cursor-ring:before{content:"";border:2px solid var(--ink);border-radius:50%;transition:transform .35s cubic-bezier(.2,.9,.3,1.3),background .25s,border-color .25s;position:absolute;inset:0}.cursor-ring[data-mode=link]:before{background:var(--lime);border-color:#0000;transform:scale(1.7)}.cursor-ring[data-mode=planet]:before{background:color-mix(in srgb, var(--cobalt) 35%, transparent);border-color:var(--ink);transform:scale(1.25)}.cursor-ring.is-down:before{transform:scale(.75)}.cursor-ring[data-mode=link].is-down:before{transform:scale(1.4)}.cursor-label{white-space:nowrap;color:var(--ink);opacity:0;font-size:12px;line-height:1;transition:opacity .2s,transform .25s;position:relative;transform:translateY(4px)}.cursor-ring[data-mode=planet] .cursor-label{background:var(--ink);color:var(--paper);border-radius:99px;margin-left:18px;padding:6px 10px;position:absolute;left:100%}.cursor-ring.has-label .cursor-label{opacity:1;transform:none}.cursor-ring[data-mode=link]~.cursor-dot,.cursor-hidden .cursor-dot,.cursor-hidden .cursor-ring{opacity:0}
.project-social{justify-self:start;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-social a{border:2px solid var(--ink);width:2.15rem;height:2.15rem;color:var(--ink);border-radius:50%;place-items:center;transition:background .2s,transform .25s cubic-bezier(.2,.9,.3,1.4);display:grid}.project-social a:hover{background:var(--lime);transform:translateY(-2px)rotate(-4deg)}.project-social svg{fill:currentColor;width:.95rem;height:.95rem}.depth .project-social a{width:52px;height:52px}.depth .project-social svg{width:24px;height:24px}