@font-face{font-family:geist;src:url(../media/Geist_Variable-s.p.0lgj6eykvd73r.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geist Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geist_8b8931cd-module__7SD6Ma__className{font-family:geist,geist Fallback}.geist_8b8931cd-module__7SD6Ma__variable{--font-geist:"geist", "geist Fallback"}
:root{--paper:#fff;--ink:#000;--muted:#595959;--line:#d8d8d8;--soft:#f2f2f2;--gutter:clamp(20px,5vw,80px);--space:clamp(40px,7vw,112px);--body:clamp(17px,1.4vw,20px);--ease:cubic-bezier(.23,1,.32,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121212;--ink:#fff;--muted:#aaa;--line:#333;--soft:#171717;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#121212;--ink:#fff;--muted:#aaa;--line:#333;--soft:#171717;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist),Arial,sans-serif;font-size:var(--body);-webkit-font-smoothing:antialiased;margin:0}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:2px solid}::selection{color:#000;background:#ff4f00}header,main,footer{max-width:1760px;padding-inline:var(--gutter);margin:auto}header{justify-content:space-between;align-items:start;gap:24px;padding-block:32px;display:flex}.signature{letter-spacing:-.04em;font-size:18px;font-weight:550}.signature span{letter-spacing:0;color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;display:block}nav{align-items:center;gap:clamp(12px,2.4vw,38px);font-size:14px;display:flex}nav>a{font-variation-settings:"wght" 450;min-width:45px;min-height:44px;transition:font-variation-settings .16s var(--ease);place-items:center;display:grid}.hero{padding:clamp(40px,6vw,90px) 0 var(--space)}.eyebrow,.section-label{letter-spacing:.035em;color:var(--muted);font-size:13px;line-height:1.5}h1{letter-spacing:-.065em;max-width:1100px;margin:30px 0 42px;font-size:clamp(56px,10vw,144px);font-weight:500;line-height:.98}h2,h3{letter-spacing:-.05em;font-weight:500;line-height:1.06}.lead{letter-spacing:-.025em;font-size:clamp(22px,2.5vw,32px);line-height:1.3}.hero-bottom{grid-template-columns:1fr 1fr auto;align-items:end;gap:40px;display:grid}.hero-bottom p{max-width:480px;margin:0}.hero-bottom p:not(.lead){color:var(--muted);font-size:17px;line-height:1.6}.round-link{border:1px solid var(--line);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.section-label{justify-content:space-between;margin-bottom:24px;display:flex}.section-label h2{font-size:inherit;letter-spacing:inherit;margin:0;font-weight:400}.project-world{color:#151515;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:20px;padding:clamp(16px,3vw,48px)}.project-world .eyebrow{color:#505050}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:12px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;flex:0 0 100%;min-width:0}.carousel-controls{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;display:flex}.carousel-controls>div{gap:8px;display:flex}.carousel-controls button{background:0 0;border:1px solid #737373;border-radius:50%;width:44px;height:44px;font-size:22px}.project-info{grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,80px);padding-block:24px;display:grid}.project-info h2{margin:14px 0;font-size:clamp(36px,5vw,80px)}.project-info p:not(.eyebrow){max-width:50ch;font-size:clamp(17px,1.5vw,20px);line-height:1.6}.text-link{border-bottom:1px solid;padding-block:10px;font-size:14px;display:inline-block}.palette-note{color:#555;margin:30px 0 0;font-size:11px}.placeholder{color:#222;background:#e9e9e9;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;min-height:150px;padding:clamp(18px,3vw,44px);display:flex;position:relative;overflow:hidden}.placeholder-label{letter-spacing:.09em;font-size:11px}.placeholder-title{letter-spacing:-.05em;max-width:16ch;font-size:clamp(24px,4vw,64px);font-weight:450;line-height:1.1}.placeholder-foot{border-top:1px solid #bbb;justify-content:space-between;padding-top:14px;font-size:12px;display:flex}.supporting{margin:clamp(28px,5vw,80px) 0 var(--space);grid-template-columns:1.5fr 1fr;align-items:start;gap:clamp(24px,5vw,80px);display:grid}figure{min-width:0;margin:0}figcaption{color:var(--muted);padding-top:15px;font-size:13px;line-height:1.6}.supporting figure:nth-child(2){padding-top:15%}.about,.story-section{padding-block:var(--space);grid-template-columns:1fr 2fr;gap:40px;display:grid}.about h2,.story-section h2{margin:0 0 32px;font-size:clamp(36px,4.5vw,68px)}.about p:not(.eyebrow),.story-section p:not(.eyebrow){max-width:65ch;color:var(--muted);line-height:1.65}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-block:32px;font-size:13px;display:flex}.skip{background:var(--ink);color:var(--paper);z-index:100;padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:15px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.detail-intro{padding:48px 0}.detail-intro .eyebrow{margin-top:64px}.detail-intro .lead{max-width:42ch}.detail-intro h1{font-size:clamp(52px,8vw,112px)}dl{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0 48px;display:grid}dt{color:var(--muted);margin-bottom:12px;font-size:13px}dd{margin:0;font-size:15px}.next-project{border-top:1px solid var(--line);padding:var(--space) 0;letter-spacing:-.04em;flex-direction:column;gap:20px;font-size:clamp(30px,5vw,72px);display:flex}.draft-note{color:var(--muted);max-width:65ch;font-size:14px;line-height:1.6}.image-story{gap:var(--space);padding:40px 0 var(--space);display:grid}.image-story figure:nth-child(2){width:75%;margin:auto}.asset-guide{max-width:760px;padding:24px 0 36px}.asset-guide p{color:var(--muted);font-size:15px;line-height:1.6}.asset-placeholder img{background:#e2e5df;border-radius:12px;width:100%;height:auto;display:block}.asset-placeholder figcaption{padding:18px 0 32px}.asset-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.asset-heading strong{font-size:14px;font-weight:500}.asset-heading span{white-space:nowrap;font-size:12px}.asset-placeholder figcaption p{max-width:740px;margin:10px 0;font-size:14px;line-height:1.6}.asset-placeholder summary{cursor:pointer;padding:10px 0}.asset-grid{gap:28px;display:grid}.asset-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-pair .asset-heading{display:block}.asset-pair .asset-heading span{margin-top:8px;display:block}.case-chapter{padding-bottom:40px}.case-chapter .story-section{border-top:1px solid var(--line);padding-bottom:42px}.pixels-intro{padding:64px 0 var(--space)}.pixels-intro>p{max-width:50ch;line-height:1.5}.pixels-grid{gap:var(--space) clamp(24px,5vw,80px);padding:20px 0 var(--space);grid-template-columns:repeat(12,1fr);display:grid}.pixel-item{grid-column:span 6}.pixel-0{grid-column:1/span 7}.pixel-1{grid-column:9/span 4;padding-top:25%}.pixel-2{grid-column:2/span 5}.pixel-3{grid-column:8/span 5;padding-top:15%}.pixel-4{grid-column:1/span 7}.pixel-5{grid-column:9/span 4;padding-top:25%}.pixel-media{will-change:transform}.expand-trigger{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;padding:0;display:block;position:relative}.expand-symbol{color:#000;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:16px;right:16px}.pixels-grid figcaption{padding-top:28px;position:relative}.pixels-grid figcaption p{margin:6px 0}.media-dialog{background:var(--paper);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);padding:24px var(--gutter);border:0;margin:0;position:fixed;inset:0;overflow:auto}.media-dialog::backdrop{background:var(--paper)}.viewer-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.viewer-toolbar h2{font-size:18px}.viewer-toolbar button{border:1px solid var(--line);background:var(--paper);border-radius:30px;min-height:44px;padding:10px 20px}.viewer-stage{transform-origin:0 0;width:min(900px,100%,65vh);margin:24px auto}.media-dialog>p,.media-dialog>a{text-align:center;font-size:14px;display:block}.media-dialog>a{text-decoration:underline}.media-dialog .placeholder{max-height:68vh}.viewer-stage .placeholder-title{font-size:clamp(30px,5vw,64px)}@media (hover:hover) and (pointer:fine){nav>a:hover{font-variation-settings:"wght" 650}.text-link:hover{opacity:.65}.expand-trigger:hover .expand-symbol{transform:scale(1.06)}}button,.round-link,.expand-symbol{transition:transform .16s var(--ease)}button:active:not(:disabled),.round-link:active{transform:scale(.97)}@media (max-width:760px){header{flex-wrap:wrap;padding-block:24px}.signature{font-size:16px}.signature span{display:none}nav{gap:8px;font-size:13px}.hero-bottom{grid-template-columns:1fr auto;gap:24px}.hero-bottom p:not(.lead){grid-area:2/1}.hero-bottom .round-link{grid-area:2/2}.project-info,.about,.story-section{grid-template-columns:1fr;gap:20px}.project-world{border-radius:14px}.supporting{grid-template-columns:1fr 1fr;gap:20px}.supporting .placeholder-title{font-size:24px}.supporting .placeholder-foot{font-size:10px}.supporting .placeholder-label{font-size:9px}.asset-pair{grid-template-columns:1fr}.asset-heading{display:block}.asset-heading span{margin-top:8px;display:block}dl{grid-template-columns:1fr}.pixels-grid{grid-template-columns:1fr 1fr;gap:48px 20px}.pixel-item{grid-column:auto;padding-top:0}.pixel-item:nth-child(3n+1){grid-column:1/-1}.pixel-item .placeholder-title{font-size:28px}.pixel-media{will-change:auto}.image-story figure:nth-child(2){width:100%}footer span:nth-child(2){display:none}}@media (max-width:420px){header{gap:12px}nav{justify-content:space-between;width:100%}.supporting{grid-template-columns:1fr}.supporting figure:nth-child(2){justify-self:end;width:80%;padding-top:0}.pixels-grid{grid-template-columns:1fr}.pixel-item{grid-column:1!important}.placeholder-foot{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.pixel-media{will-change:auto;transform:none!important}}html{scrollbar-gutter:stable}html:has(.media-dialog[open]){overflow:hidden}.site-shell{--menu-rail:clamp(250px,22vw,360px);--menu-inset:16px;--menu-radius:24px;--menu-duration:.4s;background:var(--soft);min-height:100dvh}.page-frame{background:var(--paper);clip-path:inset(0);min-height:100dvh;transition:clip-path var(--menu-duration) var(--ease)}.site-header{align-items:center;max-width:none;height:92px;padding:24px 36px}.site-header .signature{letter-spacing:-.025em;font-size:20px;font-weight:550}.menu-toggle{z-index:30;width:86px;min-width:0;height:40px;transition:width .25s var(--ease);background:var(--ink);color:var(--paper);border:0;border-radius:999px;place-items:center;padding:0;font-size:20px;font-weight:550;display:grid;position:fixed;top:24px;right:24px;overflow:hidden}.navigation-panel{z-index:20;width:var(--menu-rail);opacity:0;visibility:hidden;transition:opacity .2s var(--ease),transform var(--menu-duration) var(--ease),visibility var(--menu-duration);flex-direction:column;justify-content:center;padding:48px 28px 48px 36px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(24px)}.navigation-panel nav{flex-direction:column;align-items:flex-start;gap:8px;width:auto;display:flex}.navigation-panel nav a{letter-spacing:-.04em;min-height:44px;font-size:clamp(40px,4.2vw,64px);font-weight:500;line-height:1.2;display:block}.navigation-settings{flex-direction:column;align-items:flex-start;gap:12px;margin-top:36px;display:flex}.site-shell[data-menu-open=true] .page-frame{clip-path:inset(calc(var(--menu-inset) + var(--scroll-offset,0px) * -1) var(--menu-rail) calc(100% - 100dvh + var(--menu-inset) + var(--scroll-offset,0px)) var(--menu-inset) round var(--menu-radius))}.site-shell[data-menu-open=true] .menu-toggle{width:40px}.site-shell[data-menu-open=true] .navigation-panel{visibility:visible;opacity:1;transform:translate(0)}@media (max-width:600px){.site-shell{--menu-rail:min(72vw,300px);--menu-inset:10px;--menu-radius:18px}.site-header{height:84px;padding:20px}.menu-toggle{font-size:16px;top:20px;right:20px}.navigation-panel{justify-content:center;padding:100px 20px 40px 24px}.navigation-panel nav a{font-size:44px}}@media (prefers-reduced-motion:reduce){.page-frame,.menu-toggle,.navigation-panel{transition:none}}.page-content{transform-origin:0 calc(var(--scroll-offset,0px) * -1);transition:transform var(--menu-duration) var(--ease)}.site-shell[data-menu-open=true] .page-content{transform:translate(var(--menu-inset),var(--menu-inset)) scale(var(--page-scale,1))}@media (prefers-reduced-motion:reduce){.page-content{transition:none}}.theme-control{background:var(--paper);border-radius:999px;gap:4px;padding:6px;display:flex}.theme-control button{width:48px;height:48px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.theme-control button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.navigation-settings{gap:0;margin:0;position:fixed;top:24px;right:80px}.navigation-settings .theme-control{gap:4px;height:40px;padding:4px}.navigation-settings .theme-control button{width:32px;height:32px}.navigation-settings .theme-control svg{width:20px;height:20px}@media (max-width:600px){.navigation-settings{top:20px;right:76px}}.menu-label{opacity:1;transition:opacity .15s var(--ease),transform .25s var(--ease);grid-area:1/1;transform:translateY(0)}.menu-close-icon{opacity:0;transition:opacity .15s var(--ease),transform .25s var(--ease);position:absolute;top:10px;right:10px;transform:rotate(-90deg)scale(.9)}.site-shell[data-menu-open=true] .menu-label{opacity:0;transform:translateY(-12px)}.site-shell[data-menu-open=true] .menu-close-icon{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:reduce){.menu-toggle{transition:none}.menu-label,.menu-close-icon{transition:opacity .15s linear}.site-shell .menu-label,.site-shell .menu-close-icon{transform:none}}.home-main{max-width:none;padding-inline:0}.home-main>.hero,.home-main>.about,.home-main>#work>.section-label{width:100%;max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.home-project{color:#151515;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.home-project .project-world{max-width:1440px;padding:clamp(40px,6vw,96px) var(--gutter);border-radius:0;margin-inline:auto}.home-project .supporting{margin-bottom:0}.home-project figcaption{color:#505050}.about-intro{padding-block:clamp(40px,6vw,90px) clamp(40px,6vw,96px)}.about-intro h1{max-width:1200px}.about-profile{padding-bottom:var(--space);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,7vw,120px);display:grid}.about-copy{padding-top:clamp(0px,3vw,48px)}.about-copy p{max-width:52ch;line-height:1.65}.about-copy p:not(.lead){color:var(--muted)}.about-links{flex-wrap:wrap;gap:16px 32px;margin-top:32px;display:flex}@media (max-width:760px){.about-profile{grid-template-columns:1fr}.about-copy{padding-top:0}.about-profile figure{width:100%;max-width:540px}}.project-image{border-radius:12px;width:100%;height:auto;margin-inline:auto;display:block}.overview-image{aspect-ratio:16/10;object-fit:contain;background:#eee}.project-introduction{max-width:65ch;color:var(--muted);margin-bottom:var(--space);line-height:1.7}.project-story{gap:var(--space);padding-block:32px var(--space);display:grid}.project-module{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:clamp(24px,5vw,80px);display:grid}.project-module-copy h2{margin-top:0;font-size:clamp(28px,3vw,48px)}.project-module-copy p{color:var(--muted);line-height:1.65}.project-module-images{gap:40px;min-width:0;display:grid}@media (max-width:760px){.project-module{grid-template-columns:1fr}}.case-study{max-width:none;padding-inline:0}.case-study>.detail-intro,.case-study>.project-introduction,.case-study>.project-credits,.case-study>.next-project{width:calc(100% - var(--gutter)*2);max-width:1600px;margin-inline:auto}.case-study .detail-intro h1{max-width:1200px;margin-block:24px;font-size:clamp(48px,7vw,104px)}.case-study .detail-intro .lead{max-width:36ch;margin-bottom:0}.case-hero{max-width:1920px;margin:0 auto}.case-study .project-image{border-radius:0}.case-hero figcaption{padding-inline:var(--gutter)}.case-study>.project-introduction{max-width:850px;width:calc(100% - var(--gutter)*2);letter-spacing:-.025em;color:var(--ink);padding-block:var(--space);margin-bottom:0;font-size:clamp(23px,2.6vw,36px);line-height:1.4}.case-study .project-story{gap:var(--space);padding-top:0}.case-study .project-module{display:block}.case-study .project-module-copy{max-width:1200px;padding-inline:var(--gutter);grid-template-columns:1fr 1fr;gap:clamp(24px,7vw,112px);margin:0 auto clamp(32px,5vw,72px);display:grid}.case-study .project-module-copy h2{max-width:14ch;margin:0;font-size:clamp(32px,4vw,60px)}.case-study .project-module-copy p{max-width:48ch;margin:0}.case-study .project-module-images{max-width:1760px;padding-inline:var(--gutter);gap:clamp(16px,3vw,48px);margin:auto}.case-study .project-module-images:empty{display:none}.case-study .media-pair{grid-template-columns:1.15fr 1fr;align-items:start}.case-study .media-pair figure:nth-child(2n){padding-top:clamp(40px,8vw,128px)}.case-study .media-single{max-width:1440px}.case-study .project-credits{padding-block:40px var(--space);border-top:1px solid var(--line)}@media (max-width:760px){.case-study .project-module-copy{grid-template-columns:1fr;gap:20px}.case-study .media-pair{grid-template-columns:1fr}.case-study .media-pair figure:nth-child(2n){padding-top:0}.case-study .project-module-images{gap:32px}}.case-study .project-module-website{width:100%;max-width:1440px;padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,7vw,112px);margin-inline:auto;display:grid}.case-study .project-module-website .project-module-copy{align-self:start;max-width:480px;margin:0;padding:0;display:block;position:sticky;top:96px}.case-study .project-module-website .project-module-copy h2{margin-bottom:28px}.case-study .project-module-website .project-module-images{grid-template-columns:1fr;width:100%;min-width:0;margin:0;padding:0;display:grid}.case-study .project-module-website .project-image{margin-inline:0}.case-study .project-module-website figure:nth-child(2n){padding-top:0}@media (max-width:760px),(max-height:600px){.case-study .project-module-website .project-module-copy{position:static}}@media (max-width:760px){.case-study .project-module-website{grid-template-columns:1fr;gap:32px}}:root{--space:clamp(72px,10vw,160px)}.case-study>.detail-intro{padding-block:clamp(64px,9vw,144px) clamp(56px,7vw,112px)}.case-study .detail-intro .eyebrow{margin-top:64px}.case-study>.project-introduction{max-width:780px;padding-block:clamp(88px,12vw,192px)}.case-study .project-module-copy{column-gap:clamp(48px,10vw,160px);max-width:1320px;margin-bottom:clamp(48px,7vw,112px)}.case-study .project-module-copy p{max-width:42ch;line-height:1.75}.case-study .project-story{gap:clamp(88px,12vw,192px)}.case-slider{max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.case-slider .carousel-track{border-radius:0}.case-slider .overview-image{aspect-ratio:16/10;object-fit:contain;background:var(--soft)}.case-slider .carousel-controls button{border-color:var(--line);color:var(--ink)}.carousel-caption{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.5}.case-study .project-module-website .project-module-copy{margin-bottom:0}@media (max-width:760px){.case-study .detail-intro .eyebrow{margin-top:40px}.case-study .project-module-copy{row-gap:24px}.case-slider .overview-image{aspect-ratio:4/3}}.case-slider{max-width:none;padding:0}.image-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);padding:0 var(--gutter) 24px;scrollbar-width:thin;scrollbar-color:var(--muted) var(--soft);gap:clamp(20px,3vw,48px);display:flex;overflow-x:auto}.image-strip:focus-visible{outline-offset:-4px}.image-strip-item{scroll-snap-align:start;flex:0 0 min(72vw,1100px);min-width:0;margin:0}.image-strip-item .project-image{aspect-ratio:16/10;object-fit:contain;background:var(--soft);width:100%;max-width:none!important}.image-strip-item figcaption{max-width:60ch;line-height:1.5}@media (max-width:760px){.image-strip-item{flex-basis:84vw}}.home-project .carousel-controls button{background:#0000000d;border:0}.carousel-controls .carousel-dots{gap:0}.carousel-controls .carousel-dots button{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.carousel-dots button span{opacity:.25;width:7px;height:7px;transition:opacity .15s var(--ease);background:currentColor;border-radius:50%}.carousel-dots button[aria-pressed=true] span{opacity:1}html{scroll-behavior:smooth}.home-main .hero .round-link{background:color-mix(in srgb,var(--ink) 5%,transparent);border:0;width:44px;height:44px;font-size:22px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.home-project .carousel-controls{justify-content:flex-end;gap:8px}.home-project .carousel-controls .carousel-dots{background:#0000000d;border-radius:999px;gap:0;height:44px;padding-inline:6px}.home-project .carousel-controls .carousel-dots button{background:0 0;width:22px;height:44px}.home-project .carousel-controls .carousel-dots{padding-inline:11px}.carousel-controls button:disabled{opacity:1}.carousel-controls button:disabled .carousel-arrow-icon{opacity:.35}.home-project .carousel-controls>button,.home-main .hero .round-link{transition:background-color .15s var(--ease),transform .16s var(--ease)}@media (hover:hover) and (pointer:fine){.home-project .carousel-controls>button:hover:not(:disabled){background:#0000001a}.home-main .hero .round-link:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}.carousel-dots button:hover:not([aria-pressed=true]) span{opacity:.6}}.home-project .project-info .text-link{border-bottom:0;font-size:clamp(17px,1.5vw,20px);text-decoration:none}.project-link-arrow{vertical-align:-4px;width:44px;height:20px;margin-left:8px;display:inline-block;overflow:visible}.project-link-arrow-stem{transform-box:view-box;transform-origin:2px 10px;transition:transform .2s var(--ease)}.project-link-arrow-head{transition:transform .2s var(--ease)}.home-project .project-info .text-link{opacity:.65;transition:opacity .2s var(--ease)}@media (hover:hover) and (pointer:fine){.home-project .project-info .text-link:hover{opacity:1}.home-project .text-link:hover .project-link-arrow-stem{transform:scaleX(1.68293)}.home-project .text-link:hover .project-link-arrow-head{transform:translate(14px)}}@media (prefers-reduced-motion:reduce){.home-project .text-link:hover .project-link-arrow-stem,.home-project .text-link:hover .project-link-arrow-head{transform:none}}.home-project .supporting{align-items:start;gap:clamp(12px,2.5vw,40px)}.home-project .supporting figure,.home-project .supporting figure:nth-child(2){justify-self:stretch;width:100%;min-width:0;padding-top:0}.home-project .supporting .project-image{width:100%;height:auto;max-width:none!important}.home-project .supporting .placeholder{min-height:0}@media (max-width:600px){.home-project .supporting .placeholder{padding:12px}.home-project .supporting .placeholder-title{font-size:16px}.home-project .supporting .placeholder-foot{display:none}.home-project .supporting figcaption{font-size:11px}}.home-project .overview-image{object-fit:cover;object-position:center}.home-project{--project-ink:#000;--project-control:#0000000d;--project-control-hover:#0000001a}.home-project[data-project-tone=dark]{--project-ink:#fff;--project-control:#ffffff1a;--project-control-hover:#ffffff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.home-project .project-world{color:var(--project-ink);color-scheme:normal}.home-project .project-world .eyebrow,.home-project figcaption,.home-project .palette-note{color:var(--project-ink);opacity:.8}.home-project .carousel-controls>button,.home-project .carousel-controls .carousel-dots{background:var(--project-control);color:var(--project-ink)}.home-project .project-info .text-link{opacity:.8}@media (hover:hover) and (pointer:fine){.home-project .carousel-controls>button:hover:not(:disabled){background:var(--project-control-hover)}.home-project .project-info .text-link:hover{opacity:1}}.home-project .project-world .eyebrow,.home-project figcaption,.home-project .palette-note,.home-project .project-info .text-link{opacity:.85}.home-project .project-info .text-link:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.home-project .project-info .text-link:hover{opacity:1}}.home-project{background:var(--project-light);color:var(--project-light-ink);--project-ink:var(--project-light-ink)}:root[data-theme=dark] .home-project{background:var(--project-dark);color:#fff;--project-ink:#fff;--project-control:#ffffff1a;--project-control-hover:#ffffff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-project{background:var(--project-dark);color:#fff;--project-ink:#fff;--project-control:#ffffff1a;--project-control-hover:#ffffff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.home-project[data-project=skripta] .overview-image{object-fit:cover}.project-header{background:var(--paper);color:var(--ink);color-scheme:normal}.project-header .eyebrow,.project-header .sk-breadcrumb{color:var(--muted)}:root{font-feature-settings:"ss02" 1,"ss06" 1,"ss08" 1}button,input,select,textarea{font-feature-settings:inherit}.navigation-panel nav a{opacity:0;transition:opacity 80ms var(--ease),transform .12s var(--ease),font-variation-settings .16s var(--ease);transform:translateY(20px)}.navigation-panel nav a:first-child{--link-delay:.27s}.navigation-panel nav a:nth-child(2){--link-delay:.34s}.navigation-panel nav a:nth-child(3){--link-delay:.41s}.site-shell[data-menu-open=true] .navigation-panel nav a{opacity:1;transition:opacity .64s var(--ease) var(--link-delay),transform .38s var(--ease) var(--link-delay),font-variation-settings .16s var(--ease);transform:translateY(0)}.site-shell[data-menu-open=true] .navigation-panel nav a:focus-visible{transition:none}@media (prefers-reduced-motion:reduce){.navigation-panel nav a,.site-shell[data-menu-open=true] .navigation-panel nav a{transition:none;transform:none}}@media (max-width:600px){.navigation-settings{top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:auto;right:20px}}:is(h1,h2,h3,h4,h5,h6)::selection,:is(h1,h2,h3,h4,h5,h6) ::selection{color:#ff4f00;background:0 0}:root{--text-strong:color-mix(in srgb,var(--ink) 88%,transparent);--text-body:color-mix(in srgb,var(--ink) 76%,transparent);--text-subtle:color-mix(in srgb,var(--ink) 60%,transparent)}:root,:root[data-theme=dark]{--muted:var(--text-subtle)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--muted:var(--text-subtle)}}body{color:var(--text-body)}:where(.hero,.about-page,.pixels-intro,.story-section,.project-module-copy,.project-header) :is(h1,h2,h3),.next-project,.navigation-panel nav,.site-header .signature{color:var(--text-strong)}.project-header,.about-copy p:not(.lead),.story-section p:not(.eyebrow),.project-module-copy p,.case-study>.project-introduction{color:var(--text-body)}.site-shell[data-menu-open=true]{--menu-duration:.8s}@keyframes project-slide-over{0%{transform:translateY(100%)}to{transform:translateY(0)}}html[data-project-transition]::view-transition-group(root){animation:none}html[data-project-transition]::view-transition-image-pair(root){isolation:isolate}html[data-project-transition]::view-transition-old(root){opacity:1;mix-blend-mode:normal;z-index:1;animation:none}html[data-project-transition]::view-transition-new(root){animation:project-slide-over .975s var(--ease) both;mix-blend-mode:normal;z-index:2}@media (prefers-reduced-motion:reduce){html[data-project-transition]::view-transition-new(root){animation:none}}.about-clients{padding-block:var(--space)}.about-clients h2{margin:20px 0 48px;font-size:clamp(36px,4.5vw,68px)}.client-logo-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.client-logo-grid li{text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:160px;color:var(--text-body);justify-content:center;align-items:center;padding:28px;display:flex}.client-logo-grid span{letter-spacing:-.025em;max-width:20ch;font-size:clamp(16px,1.6vw,23px);font-weight:550;line-height:1.3}.client-logo-note{color:var(--text-subtle);margin-top:20px;font-size:13px;line-height:1.5}@media (max-width:900px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-grid li{min-height:128px;padding:20px}}.menu-toggle{transition:width .25s var(--ease),top .4s var(--ease),right .4s var(--ease)}@media (max-width:600px){.menu-toggle{top:20px;bottom:auto}}@media (prefers-reduced-motion:reduce){.menu-toggle{transition:none}}.page-shadow{filter:drop-shadow(0 12px 28px #0000);transition:filter var(--menu-duration) var(--ease)}.site-shell[data-menu-open=true] .page-shadow{filter:drop-shadow(0 12px 28px #0000001f)}@media (prefers-reduced-motion:reduce){.page-shadow{transition:none}}.navigation-socials{color:var(--text-body);opacity:0;transition:opacity 80ms var(--ease);flex-direction:column;gap:4px;margin-top:24px;font-size:16px;display:flex}.navigation-socials a{align-items:center;width:fit-content;min-height:44px;display:flex}.site-shell[data-menu-open=true] .navigation-socials{opacity:1;transition:opacity .64s var(--ease) .41s}.navigation-socials a{font-variation-settings:"wght" 450}.navigation-socials a:focus-visible{font-variation-settings:"wght" 650}@media (hover:hover) and (pointer:fine){.navigation-socials a:hover{font-variation-settings:"wght" 650}}@media (max-width:600px){.navigation-socials{flex-direction:column;gap:4px;margin-top:24px;padding-inline:0}}@media (prefers-reduced-motion:reduce){.navigation-socials,.site-shell[data-menu-open=true] .navigation-socials{transition:none}}.navigation-socials,.site-shell[data-menu-open=true] .navigation-socials{opacity:1;transition:none}.navigation-socials a{opacity:0;transition:opacity 80ms var(--ease),transform .12s var(--ease),font-variation-settings .16s var(--ease);transform:translateY(20px)}.navigation-socials a:first-child{--link-delay:.48s}.navigation-socials a:nth-child(2){--link-delay:.55s}.site-shell[data-menu-open=true] .navigation-socials a{opacity:1;transition:opacity .64s var(--ease) var(--link-delay),transform .38s var(--ease) var(--link-delay),font-variation-settings .16s var(--ease);transform:translateY(0)}.site-shell[data-menu-open=true] .navigation-socials a:focus-visible{transition:none}@media (prefers-reduced-motion:reduce){.navigation-socials a,.site-shell[data-menu-open=true] .navigation-socials a{transition:none;transform:none}}.home-project .carousel-controls .carousel-eyebrow{flex:1;min-width:0;margin:0 auto 0 0;padding-right:16px}.home-project .project-info{align-items:start}.home-project .project-info h2,.home-project .project-info>div>p:first-child{margin-top:0}@media (max-width:600px){.home-project .carousel-controls{flex-wrap:wrap}.home-project .carousel-controls .carousel-eyebrow{flex-basis:100%;margin-bottom:12px;padding:0}}html[data-project-transition] .menu-toggle{view-transition-name:site-menu}::view-transition-group(site-menu){z-index:30;animation:none}::view-transition-old(site-menu){display:none}::view-transition-new(site-menu){animation:none}.project-back{z-index:15;color:#171717;width:40px;height:40px;transition:transform .16s var(--ease),opacity .15s var(--ease);background:#f2f2f2;border-radius:50%;place-items:center;display:grid;position:fixed;top:24px;left:24px}.project-back:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.project-back:hover{opacity:.8}}@media (max-width:600px){.project-back{top:auto;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.site-shell[data-menu-open=true] .project-back{visibility:hidden}.site-brand{z-index:15;letter-spacing:-.025em;color:var(--text-strong);transition:left .45s var(--ease),transform .45s var(--ease);font-size:20px;font-weight:550;position:fixed;top:32px;left:36px;transform:translate(0)}.site-shell[data-project-open=true] .site-brand{left:76px;transform:translate(0)}html[data-project-transition] .site-brand{view-transition-name:site-brand}::view-transition-group(site-brand){z-index:30;animation-duration:.45s;animation-timing-function:var(--ease)}::view-transition-old(site-brand){display:none}::view-transition-new(site-brand){animation:none}@media (max-width:600px){.site-brand{top:30px;left:20px}}@media (prefers-reduced-motion:reduce){.site-brand{transition:none}}.site-brand{color:#171717;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f2f2f2cc;border-radius:999px;align-items:center;height:40px;padding:0 16px;display:flex;top:24px}@media (max-width:600px){.site-brand{top:20px}.site-shell[data-project-open=true] .site-brand{top:20px;left:72px}}@keyframes project-slide-away{0%{transform:translateY(0)}to{transform:translateY(100%)}}html[data-project-transition=back]::view-transition-old(root){animation:project-slide-away .65s var(--ease) both;z-index:2}html[data-project-transition=back]::view-transition-new(root){z-index:1;animation:none}@media (prefers-reduced-motion:reduce){html[data-project-transition=back]::view-transition-old(root){animation:none}}.menu-toggle{color:#171717;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f2f2f2cc}.site-brand,.site-shell[data-project-open=true] .site-brand{gap:10px;left:24px;transform:none}.site-brand svg{flex:none}@media (max-width:600px){.site-brand,.site-shell[data-project-open=true] .site-brand{left:20px}}.site-brand,.site-shell[data-project-open=true] .site-brand{gap:0;overflow:hidden}.brand-back-icon{opacity:0;flex:none;align-items:center;width:0;display:flex;overflow:hidden}.site-shell[data-project-open=true] .brand-back-icon{opacity:1;width:30px}::view-transition-group(site-brand){background:#f2f2f2;border-radius:999px;overflow:clip}::view-transition-image-pair(site-brand){border-radius:inherit;overflow:clip}::view-transition-old(site-brand){object-fit:none;object-position:left center;mix-blend-mode:normal;border-radius:999px;width:100%;height:100%}::view-transition-new(site-brand){object-fit:none;object-position:left center;mix-blend-mode:normal;border-radius:999px;width:100%;height:100%}@keyframes brand-snapshot-out{to{opacity:0}}@keyframes brand-snapshot-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-group(site-brand){animation:none}::view-transition-old(site-brand){animation:none}::view-transition-new(site-brand){animation:none}}html[data-project-transition] .brand-label{view-transition-name:brand-label}::view-transition-group(brand-label){z-index:31;animation-duration:.45s;animation-timing-function:var(--ease)}::view-transition-old(brand-label){display:none}::view-transition-new(brand-label){object-fit:none;object-position:left center;mix-blend-mode:normal;width:100%;height:100%;animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(brand-label){animation:none}}@keyframes homepage-recede{0%{filter:blur()brightness();transform:translateY(0)scale(1)}to{filter:blur(8px)brightness(.5);transform:translateY(-24px)scale(.95)}}html[data-project-transition]::view-transition{background:var(--transition-backdrop,var(--paper))}@keyframes homepage-return{0%{filter:blur(8px)brightness(.5);transform:translateY(-24px)scale(.95)}to{filter:blur()brightness();transform:translateY(0)scale(1)}}html[data-project-transition=forward]::view-transition-old(root){transform-origin:top;animation:homepage-recede .975s var(--ease) both}html[data-project-transition=back]::view-transition-new(root){transform-origin:top;animation:homepage-return .65s var(--ease) both}@media (prefers-reduced-motion:reduce){html[data-project-transition=forward]::view-transition-old(root){filter:none;animation:none;transform:none}html[data-project-transition=back]::view-transition-new(root){filter:none;animation:none;transform:none}}.menu-toggle{isolation:isolate;clip-path:inset(0 round 999px)}::view-transition-group(site-menu){border-radius:999px;overflow:clip}::view-transition-image-pair(site-menu){border-radius:999px;overflow:clip}::view-transition-new(site-menu){clip-path:inset(0 round 999px);object-fit:none;object-position:center;mix-blend-mode:normal;border-radius:999px}@supports (corner-shape:squircle){.carousel-track,.placeholder,.asset-placeholder img,.project-image,.overview-image,.skripta-case .sk-logo-hover,.skripta-case .sk-social-card img{corner-shape:squircle}}.page-frame{--cut-l:0px;--cut-r:100%;--cut-t:0px;--cut-b:100%;--cut-radius:0px}@supports (clip-path:shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.site-shell[data-menu-open=true] .page-frame{--cut-l:var(--menu-inset);--cut-r:calc(100% - var(--menu-rail));--cut-t:calc(var(--menu-inset) - var(--scroll-offset,0px));--cut-b:calc(100dvh - var(--menu-inset) - var(--scroll-offset,0px));--cut-radius:28px}.site-shell .page-frame,.site-shell[data-menu-open=true] .page-frame{clip-path:shape(from calc(var(--cut-l) + var(--cut-radius)) var(--cut-t), line to calc(var(--cut-r) - var(--cut-radius)) var(--cut-t), curve to var(--cut-r) calc(var(--cut-t) + var(--cut-radius)) with calc(var(--cut-r) - var(--cut-radius) * .35) var(--cut-t) / var(--cut-r) calc(var(--cut-t) + var(--cut-radius) * .35), line to var(--cut-r) calc(var(--cut-b) - var(--cut-radius)), curve to calc(var(--cut-r) - var(--cut-radius)) var(--cut-b) with var(--cut-r) calc(var(--cut-b) - var(--cut-radius) * .35) / calc(var(--cut-r) - var(--cut-radius) * .35) var(--cut-b), line to calc(var(--cut-l) + var(--cut-radius)) var(--cut-b), curve to var(--cut-l) calc(var(--cut-b) - var(--cut-radius)) with calc(var(--cut-l) + var(--cut-radius) * .35) var(--cut-b) / var(--cut-l) calc(var(--cut-b) - var(--cut-radius) * .35), line to var(--cut-l) calc(var(--cut-t) + var(--cut-radius)), curve to calc(var(--cut-l) + var(--cut-radius)) var(--cut-t) with var(--cut-l) calc(var(--cut-t) + var(--cut-radius) * .35) / calc(var(--cut-l) + var(--cut-radius) * .35) var(--cut-t),close)}}.home-project{--preview-radius:clamp(20px,2.2vw,32px)}.home-project .carousel-track,.home-project .project-image,.home-project .placeholder{border-radius:var(--preview-radius)}.case-study .project-image,.case-study .carousel-track,.case-chapter .project-image,.case-chapter .placeholder{border-radius:clamp(20px,2.2vw,32px)}@supports (corner-shape:squircle){.case-study .project-image,.case-study .carousel-track,.case-chapter .project-image,.case-chapter .placeholder{corner-shape:squircle}}@supports (clip-path:shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.home-project .carousel-track,.home-project .project-image,.home-project .placeholder,.case-study .project-image,.case-study .carousel-track,.skripta-case .sk-logo-hover,.skripta-case .sk-art-panel,.skripta-case .sk-textures img,.skripta-case .sk-website .sk-art,.skripta-case .sk-mockups .sk-social-card img,.skripta-case .sk-hero .sk-art{--r:clamp(16px,1.7vw,24px);--c:calc(var(--r) * .35);corner-shape:round;clip-path:shape(from var(--r) 0px, line to calc(100% - var(--r)) 0px, curve to 100% var(--r) with calc(100% - var(--c)) 0px / 100% var(--c), line to 100% calc(100% - var(--r)), curve to calc(100% - var(--r)) 100% with 100% calc(100% - var(--c)) / calc(100% - var(--c)) 100%, line to var(--r) 100%, curve to 0px calc(100% - var(--r)) with var(--c) 100% / 0px calc(100% - var(--c)), line to 0px var(--r), curve to var(--r) 0px with 0px var(--c) / var(--c) 0px,close);border-radius:0}}.case-study .case-hero .project-image,.skripta-case .sk-hero .sk-art{corner-shape:round;clip-path:none;border-radius:0}html[data-project-transition] .site-shell[data-menu-open=false] .page-frame{clip-path:none;transition:none}html[data-project-transition] .site-shell[data-menu-open=false] .page-shadow{filter:none;transition:none}html[data-project-transition] .site-shell[data-menu-open=false] .page-content{transition:none;transform:none}@keyframes backdrop-recede{0%{background-color:var(--transition-backdrop,var(--paper))}to{background-color:color-mix(in srgb,var(--transition-backdrop,var(--paper)) 50%,#000)}}@keyframes backdrop-return{0%{background-color:color-mix(in srgb,var(--transition-backdrop,var(--paper)) 50%,#000)}to{background-color:var(--transition-backdrop,var(--paper))}}html[data-project-transition=forward]::view-transition{animation:backdrop-recede .975s var(--ease) both}html[data-project-transition=back]::view-transition{animation:backdrop-return .65s var(--ease) both}@media (prefers-reduced-motion:reduce){html[data-project-transition]::view-transition{animation:none}}.carousel-track,.sk-mockups,.sk-color-scroll{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y}.carousel-track:active,.sk-mockups:active,.sk-color-scroll:active{cursor:grabbing}.carousel-track .slide,.sk-mockups .sk-social-card,.sk-color-snap{scroll-snap-stop:always}.site-shell{background:#000}.navigation-panel{color:#ffffffe0;--ink:#fff;--muted:#fff9;--text-strong:#ffffffe0;--text-body:#ffffffc2;--text-subtle:#fff9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0}.navigation-panel nav{color:#ffffffe0}.navigation-settings .theme-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f2f2f2cc}.navigation-settings .theme-control button{color:#171717;transition:background-color .16s var(--ease),color .16s var(--ease)}.navigation-settings .theme-control button:hover{color:#171717;background:#ffffff73}.navigation-settings .theme-control button[aria-pressed=true]{color:#171717;background:#fff}.navigation-settings .theme-control button:focus-visible{outline-color:#fff}@media (prefers-reduced-motion:reduce){.navigation-settings .theme-control button{transition:none}}.page-content,.site-header{background:var(--paper)}.site-shell[data-menu-open=true] .project-header{box-shadow:0 -1px 0 var(--paper)}:root{--surface-primary:var(--paper);--surface-secondary:var(--soft)}[data-surface=emphasis]{--paper:#121212;--soft:#171717;--ink:#fff;--line:#333;--text-strong:#ffffffe0;--text-body:#ffffffc2;--text-subtle:#fff9;--muted:var(--text-subtle);--surface-primary:var(--paper);--surface-secondary:var(--soft);background:var(--surface-primary);color:var(--text-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lucide{vertical-align:middle;flex-shrink:0}.carousel-arrow-icon{justify-content:center;align-items:center;display:inline-flex}.round-link,.expand-symbol{place-items:center;display:grid}.text-link .lucide,footer a .lucide,.next-project .lucide{margin-left:.2em;display:inline-block}.carousel-controls>button{place-items:center;padding:0;line-height:1;display:grid}.carousel-controls .carousel-arrow-icon{place-items:center;width:20px;height:20px;line-height:0;display:grid;transform:none}.carousel-controls .carousel-arrow-icon .lucide{vertical-align:initial;margin:0;display:block}.theme-control .lucide-contrast path{fill:currentColor;stroke:none}@media (max-width:600px){.navigation-panel{background:#000;width:100%;padding:100px 36px 110px;inset:0;transform:none}.site-shell[data-menu-open=true] .navigation-panel{transform:none}.site-shell[data-menu-open=true] .page-shadow{visibility:hidden}.site-shell[data-menu-open=true] .page-content{transform:none}}@media (min-width:601px){.site-shell{--menu-rail:25vw}.site-shell[data-menu-open=false] .page-frame[data-menu-clip=true]{clip-path:inset(calc(0px - var(--scroll-offset,0px)) 0 calc(100% - 100dvh + var(--scroll-offset,0px)) 0 round 0)}@supports (clip-path:shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.site-shell[data-menu-open=false] .page-frame[data-menu-clip=true]{--cut-t:calc(0px - var(--scroll-offset,0px));--cut-b:calc(100dvh - var(--scroll-offset,0px));clip-path:shape(from 0px var(--cut-t),line to 100% var(--cut-t),curve to 100% var(--cut-t) with 100% var(--cut-t) / 100% var(--cut-t),line to 100% var(--cut-b),curve to 100% var(--cut-b) with 100% var(--cut-b) / 100% var(--cut-b),line to 0px var(--cut-b),curve to 0px var(--cut-b) with 0px var(--cut-b) / 0px var(--cut-b),line to 0px var(--cut-t),curve to 0px var(--cut-t) with 0px var(--cut-t) / 0px var(--cut-t),close)}}html[data-project-transition] .site-shell[data-menu-open=false] .page-frame[data-menu-clip=true]{clip-path:none}}.site-shell[data-menu-open=false] .page-frame:not([data-menu-clip]){clip-path:none}.site-shell[data-menu-open=true] .page-content{will-change:transform;backface-visibility:hidden}.page-frame{background:0 0}.site-shell .page-shadow{filter:none;transition:none}@media (min-width:601px){.site-shell[data-menu-open=true] .page-frame{clip-path:inset(calc(var(--menu-inset) - var(--scroll-offset,0px)) var(--menu-rail) calc(100% - 100dvh + var(--menu-inset) + var(--scroll-offset,0px)) var(--menu-inset) round 28px)}.site-shell[data-menu-open=false] .page-frame[data-menu-clip=true]{clip-path:inset(calc(0px - var(--scroll-offset,0px)) 0 calc(100% - 100dvh + var(--scroll-offset,0px)) 0 round 0px)}html[data-project-transition] .site-shell[data-menu-open=false] .page-frame{clip-path:none}}@media (max-width:600px){.site-brand{z-index:30}.site-shell .page-shadow,.site-shell[data-menu-open=true] .page-shadow{visibility:visible}.site-shell .page-frame,.site-shell[data-menu-open=true] .page-frame{clip-path:none;transition:none}.navigation-panel{opacity:1;clip-path:inset(0 0 100%);transition:clip-path .25s var(--ease),visibility 0s linear .25s}.site-shell[data-menu-open=true] .navigation-panel{clip-path:inset(0);transition:clip-path .3s var(--ease),visibility 0s}.navigation-panel nav a:first-child{--link-delay:60ms}.navigation-panel nav a:nth-child(2){--link-delay:.1s}.navigation-panel nav a:nth-child(3){--link-delay:.14s}.navigation-socials a:first-child{--link-delay:.18s}.navigation-socials a:nth-child(2){--link-delay:.22s}.site-shell[data-menu-open=true] .navigation-panel nav a,.site-shell[data-menu-open=true] .navigation-socials a{transition:opacity .25s var(--ease) var(--link-delay),transform .3s var(--ease) var(--link-delay),font-variation-settings .16s var(--ease)}}@media (max-width:600px) and (prefers-reduced-motion:reduce){.navigation-panel{clip-path:none;opacity:0}.site-shell[data-menu-open=true] .navigation-panel{opacity:1}.navigation-panel nav a,.navigation-socials a{transform:none}}@media (min-width:601px) and (max-width:1024px) and (orientation:portrait){.site-shell{--menu-rail:33.3333vw}}:is(html:has(.site-shell[data-menu-open=true]),html:has(.page-frame[data-menu-clip=true]),body:has(.site-shell[data-menu-open=true]),body:has(.page-frame[data-menu-clip=true])){background:#000}@media (max-width:600px){.site-shell[data-mobile-handoff=true] .navigation-panel{background:0 0}}@property --menu-progress{syntax:"<number>";inherits:true;initial-value:0}@media (min-width:601px){.site-shell{--menu-progress:0;transition:--menu-progress var(--menu-duration) var(--ease)}.site-shell[data-menu-open=true]{--menu-progress:1}.site-shell .page-frame[data-menu-clip=true],.site-shell[data-menu-open=true] .page-frame{clip-path:inset(calc(var(--menu-inset) * var(--menu-progress) - var(--scroll-offset,0px)) calc(var(--menu-rail) * var(--menu-progress)) calc(100% - 100dvh + var(--menu-inset) * var(--menu-progress) + var(--scroll-offset,0px)) calc(var(--menu-inset) * var(--menu-progress)) round calc(28px * var(--menu-progress)));transition:none}.site-shell .page-content,.site-shell[data-menu-open=true] .page-content{transform:translate(calc(var(--menu-inset) * var(--menu-progress)),calc(var(--menu-inset) * var(--menu-progress))) scale(calc(1 + (var(--page-scale,1) - 1) * var(--menu-progress)));transition:none}html[data-project-transition] .site-shell[data-menu-open=false] .page-frame{clip-path:none}html[data-project-transition] .site-shell[data-menu-open=false] .page-content{transform:none}}