.hero-birds{position:absolute;z-index:2;top:clamp(128px,14%,205px);right:clamp(16px,4.5vw,85px);left:auto;bottom:auto;width:clamp(240px,31vw,470px);height:clamp(145px,19vw,255px);max-width:46%;overflow:hidden;isolation:isolate;contain:paint;pointer-events:none;--bird-color:#242b37;--bird-opacity:.64}:root[data-theme=dark] .hero-birds{--bird-color:#e9cbff;--bird-opacity:.85;filter:drop-shadow(0 0 4px #c86dff55)}.hero-sky-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s;background-image:radial-gradient(circle at 23% 19%,#c9b2f9 0 1px,transparent 2px),radial-gradient(circle at 73% 12%,#f6c7ff 0 1px,transparent 2px),radial-gradient(circle at 81% 68%,#b5b5ff 0 1px,transparent 2px)}:root[data-theme=dark] .hero-sky-grain{opacity:.65}.hero-flock{position:absolute;left:11%;width:max-content;display:flex;gap:clamp(7px,1vw,17px);align-items:center;color:var(--bird-color);opacity:var(--bird-opacity);will-change:transform}.hero-flock-distant{top:12%;animation:corner-bird-drift-one 12s ease-in-out -4s infinite alternate}.hero-flock-high{top:42%;left:35%;animation:corner-bird-drift-two 15s ease-in-out -7s infinite alternate}.hero-flock-near{top:73%;left:17%;animation:corner-bird-drift-three 11s ease-in-out -3s infinite alternate}.gull{width:clamp(23px,2.2vw,39px);height:auto;overflow:visible;filter:drop-shadow(0 2px 2px #0003)}.gull path{fill:currentColor;transform-box:fill-box}.gull-left{transform-origin:100% 88%;animation:corner-flap-left 2.8s ease-in-out infinite}.gull-right{transform-origin:0 88%;animation:corner-flap-right 2.8s ease-in-out infinite}.gull-body{opacity:.92}.gull-2{transform:translateY(9px) scale(.8)}.gull-3{transform:translateY(-9px) scale(.85)}.gull-4{transform:translateY(17px) scale(.69)}.gull-2 .gull-left,.gull-2 .gull-right{animation-delay:-1.1s}.gull-3 .gull-left,.gull-3 .gull-right{animation-delay:-1.9s}.gull-4 .gull-left,.gull-4 .gull-right{animation-delay:-.6s}@keyframes corner-flap-left{0%,to{transform:rotate(-8deg) scaleY(1)}45%{transform:rotate(20deg) scaleY(.75)}70%{transform:rotate(-16deg) scaleY(1.04)}}@keyframes corner-flap-right{0%,to{transform:rotate(8deg) scaleY(1)}45%{transform:rotate(-20deg) scaleY(.75)}70%{transform:rotate(16deg) scaleY(1.04)}}@keyframes corner-bird-drift-one{0%{transform:translate3d(0,6px,0) scale(.72) rotate(-2deg)}50%{transform:translate3d(28px,-15px,0) scale(.77) rotate(3deg)}to{transform:translate3d(53px,9px,0) scale(.71) rotate(-1deg)}}@keyframes corner-bird-drift-two{0%{transform:translate3d(0,-8px,0) scale(.78) rotate(2deg)}45%{transform:translate3d(-25px,8px,0) scale(.73) rotate(-2deg)}to{transform:translate3d(-43px,-12px,0) scale(.79) rotate(1deg)}}@keyframes corner-bird-drift-three{0%{transform:translate3d(0,9px,0) scale(.81) rotate(-2deg)}55%{transform:translate3d(33px,-11px,0) scale(.76) rotate(4deg)}to{transform:translate3d(55px,5px,0) scale(.8) rotate(1deg)}}@media (max-width:720px){.hero-birds{top:13%;right:3%;width:47vw;height:132px;max-width:47vw}.gull{width:21px}.hero-flock{gap:5px}.hero-flock-high{left:29%}}@media (prefers-reduced-motion:reduce){.hero-flock{animation:none!important;transform:translate3d(9px,0,0) scale(.72)!important}.gull-left,.gull-right{animation:none!important}}:root{font-family:DM Sans,Arial,sans-serif;--bg:#f7f6f2;--fg:#191a1d;--muted:#7b7979;--line:#d9d8d4;--soft:#eeece7;--panel:#fff;--accent:#282932;background:var(--bg);color:var(--fg);color-scheme:light;scroll-behavior:smooth}:root[data-theme=dark]{--bg:#101017;--fg:#f0edf6;--muted:#aaa4bb;--line:#36333f;--soft:#201e2b;--panel:#181723;--accent:#be8cf4;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;overflow-x:hidden;color:var(--fg);background:var(--bg);transition:background .7s,color .7s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p,figure{margin:0}img,video{display:block;max-width:100%}::selection{background:#9e9edc;color:#fff}:focus-visible{outline:2px solid #a47cff;outline-offset:5px}.wrap{width:min(89%,1400px);margin-inline:auto}.section-kicker{font:500 12px/1.4 DM Sans,sans-serif;letter-spacing:.105em;text-transform:uppercase;color:var(--muted)}.site-nav{position:absolute;inset:0 0 auto;z-index:150;height:105px;color:var(--fg);transition:color .5s}.site-nav-hero{color:#fff}.nav-wrap{width:min(89%,1400px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:15px;font-weight:600;letter-spacing:-.035em;white-space:nowrap}.desktop-links{display:flex;align-items:center;gap:42px;margin-left:auto;font-size:14px}.desktop-links a{position:relative;padding-block:10px}.desktop-links a:after{content:"";position:absolute;left:0;bottom:5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s}.desktop-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:16px}.mode-toggle,.menu-toggle{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:none;border:0;color:inherit;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.mode-toggle{height:44px;width:44px;border:1px solid currentColor;border-radius:100%;font-weight:600}.menu-toggle{font-size:14px;min-height:44px}.site-nav-open{color:#fff!important}.fullscreen-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a21;z-index:140;color:#fff;clip-path:inset(0 0 100% 0 round 0 0 38% 38%);transition:clip-path .82s cubic-bezier(.77,0,.18,1);pointer-events:none;overflow-y:auto}.fullscreen-menu-open{clip-path:inset(0 0 0 0 round 0);pointer-events:auto}.fullscreen-inner{width:min(85%,1000px);margin:120px auto 0;padding-bottom:35px}.fullscreen-inner>span{color:#bcbcc5}.fullscreen-inner nav{margin-block:40px 60px;border-top:1px solid #5b5960}.fullscreen-inner nav a{display:flex;align-items:center;gap:28px;font:500 clamp(3.2rem,7vw,7rem)/1.28 "Manrope",sans-serif;letter-spacing:-.075em;border-bottom:1px solid #5b5960;transition:color .35s,padding .4s}.fullscreen-inner nav a:hover{padding-left:20px;color:#aaa9d1}.fullscreen-inner nav a span{font:400 11px DM Sans;letter-spacing:0;width:34px;color:#aaa}.fullscreen-inner nav a svg{margin-left:auto;transition:transform .3s}.fullscreen-inner nav a:hover svg{transform:translate(6px,-6px)}.menu-bottom{display:flex;justify-content:space-between;color:#9e9aa5;font-size:12px;gap:20px}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#202025;color:#fff;z-index:400;display:grid;place-items:center;overflow:hidden;transition:transform .85s cubic-bezier(.77,0,.18,1),border-radius .85s;pointer-events:none}.preloader span{font:600 clamp(55px,9vw,150px)/1 "Manrope";letter-spacing:-.09em}.preloader .period{color:#9990b4}.preloader-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#b9b1d8;animation:load-progress 1.2s ease-out both}.preloader-finished{transform:translateY(-110%);border-radius:0 0 50% 50%}.route-stage{animation:route-arrive .85s cubic-bezier(.22,1,.36,1) both}.route-curtain{position:absolute;z-index:120;top:0;left:0;width:100%;height:100vh;pointer-events:none;background:var(--fg);clip-path:inset(0 0 0 0);animation:route-wipe 1.02s cubic-bezier(.75,0,.2,1) forwards}.cursor-orb{pointer-events:none;position:fixed;z-index:151;top:0;left:0;height:100px;width:100px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#25252b;font-size:13px;opacity:0;scale:.55;transition:opacity .2s,scale .25s}.cursor-orb[data-active=true]{opacity:1;scale:1}@keyframes load-progress{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes route-arrive{0%{opacity:.8}to{opacity:1}}@keyframes route-wipe{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}.hero{position:relative;isolation:isolate;overflow:hidden;height:min(950px,100svh);min-height:650px;background:#383640;color:#fff}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 51%;transform:scale(1.02);transition:opacity 1s cubic-bezier(.22,1,.36,1),filter 1s;will-change:opacity}.light-scene{background-image:url(/images/hero-light.webp);opacity:1}.dark-scene{background-image:url(/images/hero-dark.webp);opacity:0}:root[data-theme=dark] .light-scene{opacity:0}:root[data-theme=dark] .dark-scene{opacity:1}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08090c48 0%,transparent 27%,#07080b35 76%,#07080b7b 100%)}.hero-corner{position:absolute;left:5.5%;right:5.5%;display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:.02em}.hero-corner-top{top:140px;opacity:.9}.hero-corner-bottom{bottom:38px;opacity:.92}.hero-corner-bottom a{display:flex;align-items:center;gap:11px}.availability-dot{display:inline-block;vertical-align:middle;margin-left:5px;background:#d4faac;height:6px;width:6px;border-radius:50%;box-shadow:0 0 10px #dafaaa}.hero-side-label{position:absolute;top:42%;right:5.5%;font-size:clamp(18px,2vw,29px);line-height:1.3}.hero-side-label svg{margin-top:30px;animation:arrow-float 2.3s ease-in-out infinite}.hero-title-wrap{position:absolute;bottom:13%;left:0;width:100%;overflow:hidden}.hero-title{width:100%;text-align:center;font:600 clamp(4.2rem,12.9vw,15.8rem)/.9 "Manrope",sans-serif;letter-spacing:-.105em;white-space:nowrap;animation:title-up 1.3s 1s cubic-bezier(.22,1,.36,1) both}.hero-title sup{vertical-align:top;font:400 clamp(11px,1.2vw,18px) "DM Sans";letter-spacing:0;margin-left:9px}.hero:has(.hero-photo:hover) .hero-photo{filter:saturate(1.08)}@keyframes title-up{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes arrow-float{50%{transform:translateY(10px)}}.intro{display:grid;grid-template-columns:1.6fr .7fr;gap:11%;padding-top:160px;padding-bottom:150px}.intro h2,.approach h2,.about-personal h2{font:500 clamp(2.2rem,4.1vw,4.6rem)/1.28 "Manrope";letter-spacing:-.064em;margin-top:30px}.intro h2 em,.approach h2 em,.about-personal h2 em,.about-ending h2 em,.page-header h1 em{color:var(--muted);font-style:normal}.intro-right{padding-top:72px}.intro-right p,.approach>div:last-child p,.about-personal p{font-size:16px;line-height:1.86;color:var(--muted)}.intro-right p em{font-style:normal;color:var(--fg)}.round-cta{margin-top:35px;height:145px;width:145px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--fg);color:var(--bg);border-radius:50%;font-size:13px;transition:transform .3s}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:42px;font-size:13px;color:var(--muted)}.works{padding-bottom:105px;scroll-margin-top:40px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:76px 32px}.work-card{min-width:0}.work-cover{position:relative;aspect-ratio:1.22;background:var(--soft);display:grid;place-items:center;overflow:hidden;isolation:isolate}.work-cover img,.work-cover video{height:85%;width:85%;object-fit:contain;filter:drop-shadow(0 30px 18px #0002);transition:transform .85s cubic-bezier(.22,1,.36,1)}.work-cover video{height:100%;width:100%;object-fit:cover;filter:none;image-rendering:auto}.work-card:hover .work-cover img,.work-card:hover .work-cover video{transform:scale(1.035)}.work-cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0003,transparent 34%);pointer-events:none;opacity:0;transition:opacity .4s}.work-card:hover .work-cover-shade{opacity:1}.view-chip{position:absolute;right:25px;bottom:25px;border-radius:50%;background:#1e1e22;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;width:94px;height:94px;transform:translateY(150%);transition:transform .48s cubic-bezier(.22,1,.36,1)}.work-card:hover .view-chip,.work-card:focus-visible .view-chip{transform:translateY(0)}.work-info{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:28px 0 30px}.work-info h3{font:600 clamp(27px,2.7vw,42px) "Manrope";letter-spacing:-.065em;margin-bottom:9px}.work-info span,.project-number{color:var(--muted);font-size:13px}.work-more{display:flex;justify-content:center;padding:85px 0 75px}.work-more a,.load-screens{background:var(--fg);color:var(--bg);border:0;border-radius:60px;padding:23px 36px;display:inline-flex;gap:15px;align-items:center;font-size:14px;transition:transform .3s}.approach{border-top:1px solid var(--line);padding-top:105px;padding-bottom:130px;display:grid;grid-template-columns:1.6fr .7fr;gap:10%}.approach>div:last-child{padding-top:80px}.underlined-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--fg);padding-bottom:9px;margin-top:27px;font-size:14px}.marquee-band{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;white-space:nowrap;margin-bottom:110px}.marquee-band>div{width:max-content;animation:marquee 40s linear infinite}.marquee-band span{font:600 clamp(20px,3vw,45px) "Manrope";letter-spacing:-.045em}.marquee-band b{color:var(--muted);padding:0 20px;font-weight:400}@keyframes marquee{to{transform:translate(-50%)}}.inner-page{padding-top:180px;min-height:75vh}.page-header{padding-bottom:110px}.page-header h1{font:600 clamp(64px,9vw,145px)/1.05 "Manrope";letter-spacing:-.09em;margin:30px 0}.page-header>p{font-size:19px;color:var(--muted);line-height:1.6;max-width:620px}.case-heading{padding-bottom:85px}.back-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:100px}.case-heading h1{font:600 clamp(75px,11vw,175px)/.98 "Manrope";letter-spacing:-.09em;margin:23px 0}.case-heading h1 span{color:var(--muted)}.case-heading [data-reveal]>p{font-size:21px;color:var(--muted)}.case-feature{position:relative;height:min(780px,65vw);min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.case-feature video{width:100%;height:100%;object-fit:contain;background:#111114}.case-feature img{height:82%;max-width:80%;object-fit:contain;box-shadow:0 30px 55px #0002}.feature-label{position:absolute;bottom:20px;left:5.5%;color:#fff;background:#202026a8;padding:10px 15px;border-radius:30px;font-size:11px}.case-body{padding-top:105px}.case-overview{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding-bottom:100px;border-bottom:1px solid var(--line)}.case-overview h2{font:500 clamp(28px,3.6vw,52px)/1.36 "Manrope";letter-spacing:-.055em}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:16%;padding:90px 0 120px}.case-facts p{font-size:20px;line-height:1.65;margin-top:22px;max-width:550px}.screen-gallery>.section-head{margin-bottom:34px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screen-card{min-width:0;background:var(--soft);overflow:hidden;transition:background .7s}.screen-art{height:620px;display:grid;place-items:center;padding:38px 14px 22px}.device-frame{position:relative;height:min(100%,555px);aspect-ratio:9/19;border:8px solid #17171c;border-radius:45px;background:#fff;box-shadow:0 20px 55px #08090b30;overflow:hidden;padding:10px 0 14px}.device-camera{position:absolute;top:9px;left:50%;transform:translate(-50%);height:21px;width:37%;border-radius:20px;background:#17171c;z-index:2;pointer-events:none}.device-scroller{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;outline-offset:-3px;background:#fff}.device-scroller::-webkit-scrollbar{display:none}.device-scroller img{display:block;width:100%;height:auto;max-width:none}.device-homebar{position:absolute;bottom:7px;left:35%;width:30%;height:4px;background:#222;border-radius:6px;pointer-events:none}.screen-details{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 19px}.screen-details span{font-size:12px;color:var(--muted)}.screen-details button{border:0;background:transparent;color:var(--fg);display:flex;gap:6px;align-items:center;font-size:12px}.load-screens{display:flex;margin:50px auto 110px}.next-project{margin:80px 0 120px;padding-top:45px;border-top:1px solid var(--line)}.next-project a{display:flex;justify-content:space-between;align-items:center;font:600 clamp(45px,7vw,110px) "Manrope";letter-spacing:-.08em;margin-top:27px}.next-project a svg{width:clamp(34px,4vw,60px);height:auto}.lightbox{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;background:#080810ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;gap:15px;padding:65px 22px 50px}.lightbox button{color:#fff;border:1px solid #ffffff7a;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;background:#ffffff15}.lightbox-close{position:absolute;top:20px;right:25px}.lightbox-scroll{max-height:100%;width:min(780px,78vw);overflow:auto;scrollbar-width:thin;background:#fff}.lightbox-scroll img{width:100%;height:auto}.lightbox-count{position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:#fff9;font-size:12px}.about-page .page-header{padding-bottom:80px}.about-portrait-section{display:grid;grid-template-columns:1fr .92fr;gap:10%;align-items:center;padding-bottom:155px}.about-portrait{position:relative;background:#efebe1;overflow:hidden}.about-portrait>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 21%;transition:transform 1s}.about-portrait:hover img{transform:scale(1.03)}.about-portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1010178e);display:flex;justify-content:space-between;padding:35px 22px 20px;gap:10px;font-size:12px;color:#fff}.about-personal h2{margin:35px 0 34px}.about-personal p+p{margin-top:18px}.about-services{padding-bottom:155px}.service-row{border-bottom:1px solid var(--line);display:grid;grid-template-columns:100px 1fr 1fr 35px;gap:25px;align-items:center;padding:38px 0;transition:padding .3s}.service-row:hover{padding-left:20px}.service-row>span{color:var(--muted);font-size:12px}.service-row h3{font:500 clamp(23px,3vw,38px) "Manrope";letter-spacing:-.05em}.service-row p{max-width:420px;color:var(--muted);font-size:15px;line-height:1.6}.about-ending{padding-bottom:140px}.about-ending h2{font:600 clamp(43px,7vw,110px)/1.18 "Manrope";letter-spacing:-.08em;margin-top:24px}.contact-links{margin-top:20px;margin-bottom:150px}.contact-links>a{border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 45px;align-items:center;gap:20px;padding:35px 0}.contact-links>a:last-child{border-bottom:1px solid var(--line)}.contact-links>a>span{color:var(--muted);font-size:14px}.contact-links strong{font:500 clamp(30px,5vw,70px) "Manrope";letter-spacing:-.065em;overflow-wrap:anywhere}.contact-links a svg{transition:transform .35s}.contact-links a:hover svg{transform:translate(6px,-6px)}.error-page{padding-bottom:180px}.error-page h1{font:600 9vw Manrope;letter-spacing:-.08em;margin:30px 0}.error-page>a{display:flex;align-items:center;gap:10px}.footer{background:#1c1d23;color:#fff;padding:105px 0 27px}.footer .section-kicker{color:#bab9c2}.footer-top{padding-bottom:95px}.footer-top>a{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;border-bottom:1px solid #777680;padding-bottom:30px;font:500 clamp(39px,7.1vw,110px)/1.08 "Manrope";letter-spacing:-.075em}.footer-top>a svg{flex-shrink:0}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;color:#bdbcc6;font-size:12px}.footer-bottom>div{display:flex;gap:21px}.footer-bottom button{background:none;border:0;color:#fff}[data-reveal]{opacity:0;transform:translateY(57px);transition:transform 1.08s cubic-bezier(.22,1,.36,1),opacity .85s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.work-card:nth-child(2n)[data-reveal]{transition-delay:.15s}@media (max-width:1100px){.wrap,.nav-wrap{width:calc(100% - 90px)}.intro,.approach{gap:5%}.hero-title{font-size:12.7vw}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-row{grid-template-columns:60px 1fr 1fr 28px}.screen-art{height:540px}}@media (max-width:720px){.wrap,.nav-wrap{width:calc(100% - 42px)}.site-nav{height:78px}.desktop-links{display:none}.nav-actions{gap:10px}.menu-toggle span{display:none}.hero{min-height:660px;height:93svh}.hero-corner-top{top:115px;left:21px;right:21px}.hero-corner-top span:last-child{display:none}.hero-corner-bottom{left:21px;right:21px;bottom:25px}.hero-corner-bottom>span{display:none}.hero-side-label{top:auto;bottom:8%;right:21px;font-size:18px}.hero-side-label svg{margin-top:15px}.hero-title-wrap{bottom:27%}.hero-title{font-size:13.5vw}.hero-title sup{font-size:8px;margin-left:2px}.intro,.approach{grid-template-columns:1fr;gap:30px;padding-block:85px}.intro h2,.approach h2{font-size:clamp(32px,7vw,50px)}.intro-right,.approach>div:last-child{padding-top:0}.work-grid{grid-template-columns:1fr;row-gap:44px}.works{padding-bottom:70px}.view-chip{transform:none;width:70px;height:70px;font-size:11px;bottom:14px;right:14px}.work-more{padding:50px 0 35px}.approach{padding-bottom:95px}.marquee-band{margin-bottom:60px}.inner-page{padding-top:135px}.page-header{padding-bottom:65px}.page-header h1{font-size:clamp(56px,12vw,90px)}.page-header>p{font-size:16px}.case-heading{padding-bottom:48px}.back-link{margin-bottom:62px}.case-heading h1{font-size:clamp(60px,12vw,90px)}.case-heading [data-reveal]>p{font-size:18px}.case-feature{min-height:300px;height:55vw}.case-body{padding-top:72px}.case-overview,.case-facts{grid-template-columns:1fr;gap:26px;padding-bottom:65px}.case-overview h2{font-size:29px}.case-facts{padding-top:55px}.case-facts p{font-size:17px}.screen-grid{grid-template-columns:1fr;gap:19px}.screen-art{height:575px}.screen-details{padding:16px}.next-project{margin-bottom:80px}.about-portrait-section{grid-template-columns:1fr;gap:70px;padding-bottom:95px}.about-services{padding-bottom:90px}.service-row{grid-template-columns:40px 1fr 20px;gap:15px}.service-row p{grid-column:2/3;grid-row:2}.service-row svg{grid-column:3;grid-row:1}.about-ending{padding-bottom:90px}.contact-links>a{grid-template-columns:1fr 28px;gap:12px}.contact-links>a>span{grid-column:1/3}.contact-links strong{font-size:clamp(24px,6vw,39px)}.contact-links a svg{grid-column:2;grid-row:2}.footer{padding-top:65px}.footer-top{padding-bottom:70px}.footer-top>a svg{width:30px;height:30px}.footer-bottom{gap:18px}.lightbox{padding-inline:3px;gap:3px}.lightbox button{width:30px;height:30px}.lightbox-scroll{width:calc(100% - 72px)}.fullscreen-inner{margin-top:110px}.fullscreen-inner nav a{font-size:55px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.preloader,.route-curtain{display:none}[data-reveal]{opacity:1!important;transform:none!important}.hero-photo{transition:none!important}.cursor-orb{display:none}}.hero-photo{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.085)}.hero-title-wrap{transform:translate3d(0,var(--title-drift,0px),0)}.case-player{position:relative;width:100%;height:100%;background:#111114;display:flex;align-items:center;justify-content:center}.case-player>video{width:100%;height:100%;object-fit:contain}.video-quality{position:absolute;top:18px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:12px;pointer-events:none}.video-quality>div{display:flex;gap:7px;pointer-events:auto}.video-quality button{color:#fff;background:#15151baf;border:1px solid #ffffff70;border-radius:40px;padding:8px 14px;font-size:11px}.video-quality button.active{background:#f7f6f2;color:#17171a;border-color:#f7f6f2}@media (max-width:600px){.video-quality{top:8px;left:10px;right:10px}.video-quality>span{display:none}}.hero-title-wrap{overflow:visible;inset-inline:0;padding-inline:clamp(16px,3vw,60px);bottom:12%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.hero-title{width:auto;max-width:100%;margin:0;letter-spacing:-.065em;font-size:clamp(2.65rem,10.3vw,10.8rem);line-height:1.13;text-align:center;white-space:nowrap;text-shadow:0 2px 26px #0004}.hero-title span{display:inline-block;vertical-align:baseline;padding-block:.09em .13em}.hero-title sup{vertical-align:top;font-size:clamp(9px,1vw,15px);letter-spacing:0;margin-left:.24em}.hero-photo{background-color:#211827;background-repeat:no-repeat;transform:translate3d(0,var(--hero-drift,0px),0) scale(1.04);background-size:cover;background-position:center 50%;image-rendering:auto}:root[data-theme=dark] .hero{background:#080915}:root[data-theme=dark] .hero-shade{background:linear-gradient(180deg,#05051080 0%,transparent 26%,#09071533 65%,#05050a88 100%)}.works-featured{padding-top:8px;padding-bottom:80px}.works-explorations{padding-top:25px;padding-bottom:135px}.work-grid-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.work-grid-featured .work-cover{aspect-ratio:1.14}.work-grid-featured .work-info h3{font-size:clamp(25px,2.1vw,35px)}.favorite-indicator{position:absolute;top:20px;left:20px;z-index:2;font-size:10px;letter-spacing:.15em;font-weight:700;background:#101115aa;color:#fff;padding:10px 14px;border-radius:99px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.works-explorations .work-grid{row-gap:65px}.cover-devices{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background-image:radial-gradient(ellipse at 45% 38%,#ffffffcc,transparent 67%)}.cover-devices:after{content:"";position:absolute;z-index:-1;width:74%;height:15%;left:13%;bottom:5%;background:#29253434;filter:blur(40px);border-radius:50%}.cover-device{position:absolute;width:31%;aspect-ratio:9/19.5;max-height:86%;padding:6px;background:#11131a;border-radius:clamp(17px,2.2vw,32px);box-shadow:0 27px 38px #0004,0 0 0 1px #fff4 inset;overflow:hidden;transition:transform .85s cubic-bezier(.2,1,.2,1)}.cover-device-back{transform:translate(-42%,9%) rotate(-14deg) scale(.93);z-index:1}.cover-device-front{transform:translate(41%) rotate(11deg);z-index:2}.work-card:hover .cover-device-back{transform:translate(-53%,4%) rotate(-20deg) scale(.96)}.work-card:hover .cover-device-front{transform:translate(52%,-3%) rotate(16deg) scale(1.02)}.cover-bezel{width:100%;height:100%;border-radius:clamp(13px,1.8vw,26px);background:#0c0e14;padding:8px 2px 4px;overflow:hidden}.cover-screen{width:100%;height:100%;overflow:hidden;border-radius:clamp(9px,1.3vw,20px);background:#fff}.cover-screen img{width:100%;height:auto;max-width:none;max-height:none;display:block;object-fit:initial;filter:none;transform:none}.work-card:hover .cover-screen img{transform:none!important}.cover-browser{position:absolute;width:71%;aspect-ratio:1.65;border:5px solid #222631;background:#fff;border-radius:11px;box-shadow:0 30px 40px #0004;overflow:hidden;left:11%;top:17%;z-index:1;transform:rotate(-6deg);transition:transform .8s}.cover-browser .browser-top{height:24px;background:#e5e7eb;border-bottom:1px solid #ccc;display:flex;align-items:center;gap:4px;padding-left:9px}.cover-browser .browser-top i{height:5px;width:5px;background:#abb0bb;border-radius:50%}.cover-browser .browser-top span{font-size:7px;color:#666;margin-left:9px}.cover-browser .browser-viewport{height:calc(100% - 24px);overflow:hidden;background:#fff}.cover-browser img{width:100%;height:auto;max-width:none;filter:none;object-fit:initial;transform:none}.cover-devices-browser .cover-device{width:21%;right:8%;left:auto;top:18%;height:72%;transform:rotate(11deg);z-index:2}.cover-devices-browser .cover-device-back{display:none}.cover-devices-browser .cover-device-front{transform:rotate(11deg)}.work-card:hover .cover-browser{transform:rotate(-8deg) scale(1.02)}.work-card:hover .cover-devices-browser .cover-device-front{transform:rotate(15deg) translateY(-5px)}.screen-art{height:620px;padding:30px 18px 22px}.device-frame{height:min(100%,558px);width:auto;aspect-ratio:9/19.5;border:0;border-radius:clamp(32px,3.2vw,47px);padding:0;background:#15161a;box-shadow:0 25px 48px #0003,0 0 0 2px #6665 inset;position:relative;overflow:hidden}.device-scroller{position:absolute;top:21px;bottom:22px;left:7px;right:7px;height:auto;width:auto;border-radius:clamp(22px,2.7vw,35px);overflow-y:auto;overflow-x:hidden;background:#fff;scrollbar-width:none;overscroll-behavior:contain}.device-scroller img{display:block;width:100%;height:auto;min-height:0;object-fit:contain;max-width:none;max-height:none}.device-camera{top:8px;left:50%;width:23%;height:5px;border-radius:6px;background:#5c5e63;z-index:3}.device-homebar{bottom:8px;left:39%;width:22%;height:4px;background:#85888e;border-radius:4px;z-index:3}.screen-card{border-radius:5px;min-width:0;overflow:hidden}.screen-art>.device-frame{max-width:100%}.work-card .work-cover video{object-position:center;filter:none}@media (max-width:1100px){.work-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid-featured .work-card:nth-child(3){grid-column:1/-1;width:calc(50% - 12.5px);margin:auto}.hero-title{font-size:10vw}}@media (max-width:720px){.hero-title-wrap{bottom:30%;padding-inline:14px}.hero-title{font-size:10.2vw;letter-spacing:-.07em}.hero-title sup{font-size:8px}.work-grid-featured{grid-template-columns:1fr;gap:35px}.work-grid-featured .work-card:nth-child(3){grid-column:auto;width:100%}.work-grid-featured .work-cover{aspect-ratio:1.36}.cover-device{width:35%;padding:5px}.screen-art{height:560px;padding:20px 12px}.works-featured,.works-explorations{padding-bottom:70px}.favorite-indicator{top:15px;left:15px}}@media (prefers-reduced-motion:reduce){.cover-device,.cover-browser,.hero-photo{transition:none!important}}.dark-scene{background-image:url(/images/hero-dark-4k.webp)}.contact-page{overflow:hidden}.contact-heading{padding-bottom:74px}.contact-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:67px;color:var(--muted);font-size:13px;transition:color .25s,gap .25s}.contact-back:hover{color:var(--fg);gap:15px}.contact-heading .section-kicker{display:block;margin-bottom:22px}.contact-heading h1{font:600 clamp(50px,6.5vw,104px)/1.13 "Manrope",sans-serif;letter-spacing:-.075em;max-width:1080px;margin:0 0 25px;overflow:visible}.contact-heading h1 em{font-weight:400;font-style:normal;color:var(--muted)}.contact-heading>p{max-width:670px;font-size:clamp(16px,1.55vw,21px);line-height:1.6;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:minmax(280px,.87fr) minmax(0,1.13fr);gap:clamp(28px,6.4vw,110px);align-items:start;padding-bottom:110px}.contact-column-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted);font-weight:600}.contact-aside>.contact-column-label{display:block;margin:12px 0 27px}.contact-methods{border-top:1px solid var(--line)}.contact-method{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:17px;padding:22px 6px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.contact-method:hover,.contact-method:focus-visible{padding-left:16px;padding-right:12px;background:var(--soft)}.contact-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:var(--soft);color:var(--fg)}.contact-method:hover .contact-icon{background:var(--fg);color:var(--bg)}.contact-method-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.contact-method-copy small{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:10px}.contact-method-copy strong{font-weight:500;font-size:clamp(13px,1.15vw,17px);overflow-wrap:anywhere;line-height:1.45}.contact-method-arrow{justify-self:end;transition:transform .25s}.contact-method:hover .contact-method-arrow{transform:translate(3px,-3px)}.contact-availability{margin-top:27px;background:var(--soft);border:1px solid var(--line);padding:24px 25px;display:flex;flex-direction:column;gap:19px}.contact-availability>div{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;line-height:1.5}.contact-availability svg{flex:0 0 auto;color:var(--fg)}.contact-availability>div:first-child{color:var(--fg);font-weight:500}.availability-dot{width:9px;height:9px;border-radius:100%;background:#49bd84;box-shadow:0 0 0 4px #49bd8419;flex-shrink:0;margin:0 4px}.contact-form-panel{background:var(--panel);border:1px solid var(--line);padding:clamp(25px,3.5vw,58px);box-shadow:0 18px 65px #00000005}:root[data-theme=dark] .contact-form-panel{box-shadow:0 20px 80px #00000025}.contact-form-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:43px}.contact-form-decor{font:400 40px/.8 Manrope,sans-serif;color:var(--muted)}.contact-form{display:flex;flex-direction:column;gap:25px}.contact-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{display:flex;flex-direction:column;gap:11px;min-width:0}.contact-field label{color:var(--muted);font-weight:600;letter-spacing:.11em;text-transform:uppercase;font-size:11px}.contact-field label span{color:var(--muted)}.contact-field input,.contact-field textarea{width:100%;font:400 15px/1.5 DM Sans,sans-serif;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:0;padding:18px 19px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;transition:border-color .25s,background .25s,box-shadow .25s;resize:vertical}.contact-field textarea{min-height:190px;resize:vertical}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--muted);opacity:.7}.contact-field input:hover,.contact-field textarea:hover{border-color:var(--muted)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--fg);box-shadow:0 0 0 2px color-mix(in srgb,var(--fg) 12%,transparent)}.contact-field input:disabled,.contact-field textarea:disabled{opacity:.65;cursor:wait}.contact-form-actions{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.contact-form-actions>span{font-size:11px;color:var(--muted)}.contact-send,.contact-reset{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:19px 27px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);cursor:pointer;font:600 13px DM Sans,sans-serif;transition:transform .25s,background .25s,color .25s}.contact-send:hover:not(:disabled),.contact-reset:hover{transform:translateY(-3px);background:var(--panel);color:var(--fg)}.contact-send:focus-visible,.contact-reset:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.contact-send:disabled{opacity:.6;cursor:wait}.contact-error{padding:16px 18px;border:1px solid #c75a6b;background:#c75a6b12;color:var(--fg);font-size:13px;line-height:1.6}.contact-error a{display:inline-flex;gap:4px;align-items:center;text-decoration:underline;text-underline-offset:3px}.contact-success{min-height:460px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact-success-icon{display:grid;place-items:center;width:69px;height:69px;border:1px solid var(--line);border-radius:50%;margin-bottom:28px}.contact-success h2{font:600 clamp(37px,4vw,60px)/1.1 "Manrope",sans-serif;letter-spacing:-.065em;margin-bottom:14px}.contact-success p{color:var(--muted);font-size:16px;line-height:1.65;max-width:360px}.contact-reset{margin-top:30px}.contact-outro{border-top:1px solid var(--line);padding-top:20px;padding-bottom:105px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;color:var(--muted);font-size:12px}@media (max-width:930px){.contact-layout{grid-template-columns:1fr;gap:50px}.contact-heading{padding-bottom:55px}.contact-back{margin-bottom:45px}.contact-aside{max-width:none}.contact-form-panel{padding:clamp(25px,5vw,45px)}}@media (max-width:560px){.contact-heading h1{font-size:clamp(42px,10vw,62px)}.contact-layout{gap:35px;padding-bottom:65px}.contact-fields-row{grid-template-columns:1fr;gap:25px}.contact-form{gap:24px}.contact-form-top{margin-bottom:30px}.contact-method{grid-template-columns:44px minmax(0,1fr) 18px;gap:12px}.contact-icon{height:42px;width:42px}.contact-form-actions{align-items:flex-start;flex-direction:column}.contact-outro{padding-bottom:70px}}@media (prefers-reduced-motion:reduce){.contact-method,.contact-method-arrow,.contact-send,.contact-reset{transition:none!important}}.light-scene{background-image:url(/images/hero-light-4k.webp)!important}.dark-scene{background-image:url(/images/hero-dark-4k.webp)!important}.hero-photo{image-rendering:auto;filter:none!important;background-position:center 50%;background-size:cover}:root[data-theme=dark] .hero-shade{background:linear-gradient(180deg,rgba(9,7,21,.4) 0%,transparent 36%,rgba(6,5,18,.15) 70%,rgba(5,4,14,.48) 100%)}.brand{font-size:clamp(17px,1.25vw,21px);font-weight:600;letter-spacing:-.04em;line-height:1.2}.desktop-links{font-size:clamp(15px,1.06vw,18px);font-weight:500;gap:clamp(26px,3.25vw,53px)}.desktop-links a{padding-block:14px}.menu-toggle{font-size:16px;font-weight:600}.site-nav .nav-wrap{max-width:1480px}@media (max-width:850px){.brand{font-size:17px}.desktop-links{font-size:15px;gap:19px}}@media (max-width:720px){.brand{font-size:16px}}.screen-art{height:640px;min-height:0;padding:19px 14px;overflow:visible}.screen-preview{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.screen-preview .device-frame{flex:0 1 auto;min-height:0;max-height:calc(100% - 37px);max-width:min(100%,330px)}.screen-preview-tall .device-frame{max-height:calc(100% - 96px)}.screen-preview-hint{font-size:10px;letter-spacing:.08em;line-height:1.4;color:var(--muted);text-align:center;max-width:100%;text-transform:uppercase}.screen-view-toggle{flex:0 0 auto;display:flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line);padding:3px;border-radius:99px;z-index:3}.screen-view-toggle button{cursor:pointer;background:transparent;border:0;color:var(--muted);padding:9px 14px;font-size:11px;border-radius:99px;transition:background .3s,color .3s}.screen-view-toggle button.active{background:var(--fg);color:var(--bg)}.screen-view-toggle button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.screen-preview .device-scroller{overscroll-behavior:contain}.screen-preview .device-scroller img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:center top;transform:none}.screen-preview .device-frame:not(.device-frame-full){width:auto;aspect-ratio:9 / 19.5;padding:0;overflow:hidden}.screen-preview .device-frame:not(.device-frame-full) .device-scroller{top:21px;right:7px;bottom:22px;left:7px;width:auto;height:auto;border-radius:clamp(22px,2.7vw,35px);overflow-x:hidden;overflow-y:auto;display:block}.screen-preview .device-frame-full{width:min(100%,340px);height:calc(100% - 96px);max-height:none;aspect-ratio:auto;border:1px solid var(--line);background:var(--panel);padding:14px;border-radius:6px;box-shadow:0 20px 48px #00000012,0 0 0 6px var(--soft);overflow:hidden;display:grid;place-items:center}.screen-preview .device-frame-full .device-scroller{position:relative;inset:auto!important;width:100%;height:100%;overflow:hidden!important;background:transparent;border-radius:0!important;display:flex!important;align-items:center;justify-content:center}.screen-preview .device-frame-full .device-scroller img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important}.screen-preview .device-frame-full .device-camera,.screen-preview .device-frame-full .device-homebar{display:none}.screen-art-long{background-image:radial-gradient(circle at 50% 46%,#ffffff70,transparent 70%)}:root[data-theme=dark] .screen-art-long{background-image:radial-gradient(circle at 50% 43%,#b29de51e,transparent 70%)}.screen-card{overflow:hidden;min-width:0}.screen-card:focus-within{outline:1px solid var(--fg);outline-offset:2px}.screen-details button{min-height:38px;cursor:pointer}.screen-details button:hover{text-decoration:underline;text-underline-offset:4px}.lightbox-scroll{overscroll-behavior:contain;max-height:calc(100dvh - 125px);overflow:auto;scrollbar-width:thin}.lightbox-scroll img{max-width:100%;width:100%;height:auto;display:block;object-fit:contain}.cover-device .cover-screen{display:grid;place-items:center;background:#f8f7f4}.cover-device .cover-screen img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}.cover-browser .browser-viewport{display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.cover-browser .browser-viewport img{height:auto;width:100%;object-fit:contain;object-position:top center}@media (max-width:1100px){.screen-art{height:590px}}@media (max-width:720px){.screen-art{height:580px;padding:16px 10px}.screen-preview .device-frame{max-width:calc(100% - 10px)}.screen-preview .device-frame-full{width:min(100%,350px)}.screen-view-toggle button{padding:8px 11px}}@media (prefers-reduced-motion:reduce){.screen-view-toggle button{transition:none}}.site-nav .nav-wrap{width:min(91%,1480px)}.site-nav .brand{font-family:DM Sans,sans-serif;font-size:clamp(19px,1.47vw,23px);font-weight:600;letter-spacing:-.043em;line-height:1.2;transition:opacity .25s}.site-nav .brand:hover{opacity:.66}.site-nav .desktop-links{gap:clamp(28px,3.1vw,50px);font-family:DM Sans,sans-serif;font-size:clamp(17px,1.23vw,20px);font-weight:500;letter-spacing:-.032em}.site-nav .desktop-links a{padding-block:15px}.site-nav .desktop-links a:after{bottom:9px;height:1.5px}.site-nav .menu-toggle{font-size:17px;font-weight:600;letter-spacing:-.025em}.site-nav .mode-toggle{height:45px;width:45px}.fullscreen-inner nav a{font-size:clamp(4rem,7.4vw,8.4rem);line-height:1.24}.page-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#1b1b20;color:#f7f6f4;overflow:hidden;transform:translate3d(0,105%,0)}.page-transition-center{display:flex;align-items:center;gap:clamp(13px,1.65vw,27px);font:500 clamp(56px,7.9vw,142px)/1.1 "Manrope",sans-serif;letter-spacing:-.073em;max-width:94vw}.page-transition-center span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80vw;animation:transition-word .5s .16s both cubic-bezier(.2,.8,.2,1)}.page-transition-dot{color:#d3c5ff;font-size:.45em;line-height:1;align-self:center;transform:translateY(-.04em)}.page-transition-signature{position:absolute;bottom:7.5vh;left:50%;transform:translate(-50%);font:500 15px DM Sans,sans-serif;letter-spacing:-.02em;white-space:nowrap;opacity:.72}.page-transition-cover{animation:page-curtain-cover .62s cubic-bezier(.77,0,.18,1) forwards}.page-transition-hold{transform:translateZ(0)}.page-transition-uncover{transform:translateZ(0);animation:page-curtain-uncover .72s cubic-bezier(.77,0,.18,1) forwards}@keyframes page-curtain-cover{0%{transform:translate3d(0,105%,0);border-radius:48% 48% 0 0}to{transform:translateZ(0);border-radius:0}}@keyframes page-curtain-uncover{0%{transform:translateZ(0);border-radius:0}to{transform:translate3d(0,-105%,0);border-radius:0 0 47% 47%}}@keyframes transition-word{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}@media (max-width:950px){.site-nav .nav-wrap{width:92%}.site-nav .brand{font-size:18px}.site-nav .desktop-links{gap:23px;font-size:16px}.site-nav .menu-toggle{font-size:15px}}@media (max-width:720px){.site-nav .nav-wrap{width:calc(100% - 42px)}.site-nav .brand{font-size:16px}.page-transition-center{font-size:clamp(43px,10vw,72px);gap:13px}.page-transition-signature{font-size:13px}}@media (prefers-reduced-motion:reduce){.page-transition-overlay{display:none!important}.page-transition-center span:last-child{animation:none!important}}.screen-grid-tablet{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.screen-grid-tablet .screen-art{height:535px}.screen-preview-tablet{gap:14px}.screen-preview-tablet .device-frame-tablet:not(.device-frame-full){aspect-ratio:4 / 3;width:min(100%,650px);height:auto;max-height:min(385px,calc(100% - 55px));background:#202028;border-radius:clamp(22px,2.8vw,37px);padding:0;box-shadow:0 22px 55px #0003,0 0 0 2px #ffffff2c inset}.screen-preview-tablet .device-frame-tablet:not(.device-frame-full) .device-scroller{top:17px;right:17px;bottom:19px;left:17px;position:absolute;width:auto;height:auto;border-radius:clamp(11px,1.5vw,22px);overflow-x:hidden;overflow-y:auto;background:#fff}.screen-preview-tablet .device-camera{top:6px;left:50%;width:4px;height:4px;background:#9ea2aa;border-radius:50%}.screen-preview-tablet .device-homebar{display:none}.screen-preview-tablet .device-frame-full{width:min(100%,610px);height:calc(100% - 98px)}.screen-preview .device-scroller{scroll-behavior:auto;overscroll-behavior:contain;touch-action:pan-y}.screen-preview .device-scroller img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.screen-preview .screen-view-toggle{order:0}.screen-preview .device-frame{order:1}.screen-preview .screen-preview-hint{order:2;max-width:100%;line-height:1.45}.screen-grid-tablet .screen-card{min-width:0}@media (max-width:900px){.screen-grid-tablet{grid-template-columns:1fr;gap:28px}.screen-grid-tablet .screen-art{height:520px}.screen-preview-tablet .device-frame-tablet:not(.device-frame-full){width:min(100%,620px);max-height:365px}}@media (max-width:720px){.screen-grid-tablet .screen-art{height:440px}.screen-preview-tablet .device-frame-tablet:not(.device-frame-full){max-height:300px;border-radius:24px}.screen-preview-tablet .device-frame-tablet:not(.device-frame-full) .device-scroller{top:12px;right:12px;bottom:12px;left:12px;border-radius:13px}.screen-preview-hint{font-size:9px}}@media (prefers-reduced-motion:reduce){.screen-preview .device-scroller{scroll-behavior:auto!important}}.case-feature-tablet{width:min(84%,760px);height:100%;display:flex;justify-content:center;align-items:center;padding:30px 0}.case-feature-tablet .screen-preview{height:100%;gap:8px}.case-feature-tablet .device-frame-tablet:not(.device-frame-full){max-height:min(470px,calc(100% - 80px));width:min(100%,720px)}.case-feature-tablet .device-frame-full{height:calc(100% - 80px)}.case-feature-tablet .screen-view-toggle{background:var(--panel)}@media (max-width:720px){.case-feature-tablet{width:96%;padding:10px 0}.case-feature-tablet .device-frame-tablet:not(.device-frame-full){max-height:220px}.case-feature-tablet .screen-preview-hint{display:none}.case-feature-tablet .screen-view-toggle button{padding:6px 9px;font-size:10px}}.work-archive.inner-page{padding-top:0;overflow:clip}.archive-intro{min-height:min(800px,98svh);padding-top:clamp(165px,22vh,255px);padding-bottom:clamp(65px,10vh,110px);display:flex;flex-direction:column;justify-content:center;gap:32px}.archive-kicker{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}.archive-intro h1{font:600 clamp(75px,12vw,210px)/.98 "Manrope",sans-serif;letter-spacing:-.105em;max-width:100%;padding-bottom:.09em}.archive-intro h1 em{font-style:normal;color:var(--muted);font-weight:400}.archive-title-count{font:500 clamp(15px,1.5vw,25px)/1 "DM Sans",sans-serif;letter-spacing:0;vertical-align:top;display:inline-block;margin:1vw 0 0 1.5vw;color:var(--muted)}.archive-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.archive-intro-bottom p{font-size:clamp(16px,1.45vw,21px);line-height:1.6;max-width:625px;color:var(--muted)}.archive-intro-bottom a{display:inline-flex;align-items:center;gap:15px;flex-shrink:0;font-size:14px;border-bottom:1px solid var(--line);padding:10px 0}.archive-rail{position:fixed;z-index:50;right:clamp(12px,2.2vw,40px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;align-items:flex-end;mix-blend-mode:normal}.archive-rail-caption{font-size:9px;letter-spacing:.22em;margin:0 0 8px;color:var(--muted)}.archive-rail a{display:flex;gap:10px;align-items:center;padding:7px 0 7px 10px;color:var(--muted);transition:color .3s,transform .3s;font:500 12px DM Sans,sans-serif;white-space:nowrap}.archive-rail a:hover,.archive-rail a.active{color:var(--fg);transform:translate(-4px)}.archive-rail a:after{content:"";height:1px;width:12px;background:currentColor;transition:width .35s}.archive-rail a.active:after{width:30px}.archive-rail-label{position:absolute;right:46px;opacity:0;transform:translate(5px);pointer-events:none;transition:opacity .3s,transform .3s;background:var(--bg);padding:4px 7px}.archive-rail a:hover .archive-rail-label,.archive-rail a:focus-visible .archive-rail-label{opacity:1;transform:translate(0)}.archive-panel{position:relative;min-height:clamp(730px,100svh,1120px);background:var(--bg);display:flex;align-items:center;scroll-margin-top:0;isolation:isolate;overflow:hidden;border-top:1px solid var(--line)}.archive-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 70% at 79% 50%,var(--archive-accent) 0%,transparent 78%);opacity:.55;pointer-events:none}:root[data-theme=dark] .archive-panel:before{opacity:.12}.archive-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:.045;font:600 clamp(360px,70vw,1250px)/1 "Manrope",sans-serif;letter-spacing:-.1em;-webkit-user-select:none;user-select:none}.archive-panel-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(26px,6vw,118px);padding-block:95px;width:min(87%,1360px)}.archive-panel-reverse .archive-panel-copy{grid-column:2;grid-row:1}.archive-panel-reverse .archive-panel-visual{grid-column:1;grid-row:1}.archive-panel-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.archive-panel-counter{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em;margin-bottom:clamp(26px,5vh,65px)}.archive-panel-copy h2{font:600 clamp(53px,6.2vw,119px)/1.03 "Manrope",sans-serif;letter-spacing:-.086em;overflow-wrap:anywhere;padding-block:.08em;max-width:100%}.archive-name-dot{color:var(--muted);font-weight:400}.archive-panel-subtitle{margin-top:16px;color:var(--fg);font-size:clamp(18px,1.55vw,24px);line-height:1.45}.archive-panel-summary{margin-top:22px;color:var(--muted);font-size:clamp(15px,1.25vw,18px);line-height:1.68;max-width:470px}.archive-panel-meta{display:flex;gap:13px 23px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:32px;text-transform:uppercase;letter-spacing:.09em}.archive-open-project{display:inline-flex;gap:32px;align-items:center;background:var(--fg);border:1px solid var(--fg);color:var(--bg);padding:19px 23px 19px 26px;margin-top:40px;font:600 14px DM Sans,sans-serif;transition:transform .3s,color .3s,background .3s}.archive-open-project:hover{transform:translateY(-4px);background:transparent;color:var(--fg)}.archive-panel-visual{position:relative;aspect-ratio:1 / 1.06;min-height:330px;overflow:hidden;border-radius:3px;box-shadow:0 30px 70px #00000020;display:grid;place-items:center;transform:rotate(-1.1deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.archive-panel-reverse .archive-panel-visual{transform:rotate(1.1deg)}.archive-panel-visual:hover,.archive-panel-reverse .archive-panel-visual:hover{transform:rotate(0) scale(1.025)}.archive-panel-visual>video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#151515}.archive-panel-visual .cover-devices{width:100%;height:100%}.archive-panel-visual .cover-device{width:36%;max-height:87%}.archive-panel-visual .cover-browser{width:76%;top:19%}.archive-panel-visual-label{position:absolute;bottom:18px;left:18px;right:18px;color:#fff;background:#121318b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2px;padding:13px 17px;display:flex;justify-content:space-between;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.archive-panel-bottom-index{position:absolute;right:6.5%;bottom:28px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.archive-end{padding-block:115px 150px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}.archive-end span{color:var(--muted);font-size:14px}.archive-end a{font:500 clamp(28px,4vw,62px)/1.15 "Manrope";letter-spacing:-.06em;display:flex;align-items:center;gap:20px}.archive-end a svg{width:35px;flex-shrink:0}@media (max-width:1080px){.archive-panel-layout{width:85%;gap:28px}.archive-panel-copy h2{font-size:clamp(48px,6vw,82px)}.archive-rail{right:10px}.archive-panel-visual{min-height:270px}}@media (max-width:740px){.archive-intro{min-height:76svh;padding-top:150px;padding-bottom:65px}.archive-intro h1{font-size:clamp(58px,12.2vw,90px)}.archive-intro-bottom{align-items:flex-start;flex-direction:column}.archive-rail{right:6px;top:auto;bottom:15px;transform:none;flex-direction:row;gap:2px;padding:6px 8px;background:var(--panel);box-shadow:0 5px 20px #0002;border:1px solid var(--line);border-radius:99px}.archive-rail-caption,.archive-rail-label{display:none}.archive-rail a{font-size:10px;padding:8px}.archive-rail a:after{display:none}.archive-rail a.active{background:var(--fg);color:var(--bg);border-radius:50%;transform:none}.archive-panel{min-height:auto}.archive-panel-layout{grid-template-columns:1fr;gap:32px;padding-block:72px 90px;width:calc(100% - 42px)}.archive-panel-copy,.archive-panel-reverse .archive-panel-copy{grid-column:1;grid-row:1}.archive-panel-visual,.archive-panel-reverse .archive-panel-visual{grid-column:1;grid-row:2;aspect-ratio:1.22;max-height:480px;min-height:270px}.archive-panel-copy h2{font-size:clamp(50px,10vw,84px)}.archive-panel-counter{margin-bottom:18px}.archive-panel-summary{margin-top:14px}.archive-panel-meta{margin-top:22px}.archive-open-project{margin-top:26px}.archive-panel-bottom-index{bottom:22px}.archive-end{padding-block:80px 115px;align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.archive-panel-visual,.archive-rail a{transition:none}}@media (min-width:1120px){.site-nav{height:116px}.site-nav .nav-wrap{width:min(90.8%,1510px);gap:26px}.site-nav .brand{font-size:clamp(21px,1.7vw,27px)!important;font-weight:600;letter-spacing:-.055em}.site-nav .desktop-links{font-size:clamp(21px,1.58vw,25px)!important;gap:clamp(34px,3.5vw,65px);font-weight:500;letter-spacing:-.045em}.site-nav .desktop-links a{padding:16px 0}.site-nav .desktop-links a:after{height:2px;bottom:7px}.site-nav .menu-toggle{font-size:21px!important;font-weight:600}}@media (min-width:740px) and (max-width:1119px){.site-nav .brand{font-size:19px}.site-nav .desktop-links{font-size:18px;gap:22px}.site-nav .menu-toggle{font-size:17px}}.hero-living-elements{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;isolation:isolate}.hero-water-motion,.hero-fabric-motion{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center 50%;background-size:cover;pointer-events:none;will-change:transform,opacity}.hero-water-motion{-webkit-mask-image:radial-gradient(ellipse 45% 28% at 80% 59%,#000 27%,#000b 49%,transparent 84%);mask-image:radial-gradient(ellipse 45% 28% at 80% 59%,#000 27%,#000b 49%,transparent 84%);transform-origin:78% 58%;animation:hero-wave-life 9.8s ease-in-out infinite alternate}.hero-water-light{background-image:url(/images/hero-light-4k.webp);opacity:.64}.hero-water-dark{background-image:url(/images/hero-dark-4k.webp);opacity:0}:root[data-theme=dark] .hero-water-light{opacity:0}:root[data-theme=dark] .hero-water-dark{opacity:.76}.hero-water-reflection{position:absolute;left:55%;top:42%;width:53%;height:38%;border-radius:50%;opacity:.2;mix-blend-mode:screen;pointer-events:none;background:repeating-linear-gradient(175deg,transparent 0 8px,rgba(255,230,188,.22) 9px 11px,transparent 14px 29px);-webkit-mask-image:radial-gradient(ellipse at 55% 65%,#000 3%,transparent 67%);mask-image:radial-gradient(ellipse at 55% 65%,#000 3%,transparent 67%);transform:rotate(-10deg);animation:hero-water-glitter 12s linear infinite}.hero-water-reflection-two{opacity:.12;animation-duration:17s;animation-direction:reverse;transform:rotate(3deg)}:root[data-theme=dark] .hero-water-reflection{background:repeating-linear-gradient(175deg,transparent 0 9px,rgba(229,113,255,.32) 10px 12px,transparent 16px 30px);opacity:.24}.hero-fabric-motion{-webkit-mask-image:radial-gradient(ellipse 6.5% 13% at 48.1% 50%,#0009 18%,#0003 55%,transparent 83%);mask-image:radial-gradient(ellipse 6.5% 13% at 48.1% 50%,#0009 18%,#0003 55%,transparent 83%);transform-origin:48% 50%;animation:hero-fabric-breathe 6.7s ease-in-out infinite}.hero-fabric-light{background-image:url(/images/hero-light-4k.webp);opacity:.45}.hero-fabric-dark{background-image:url(/images/hero-dark-4k.webp);opacity:0}:root[data-theme=dark] .hero-fabric-light{opacity:0}:root[data-theme=dark] .hero-fabric-dark{opacity:.57}.hero-air-trails{position:absolute;right:0;bottom:0;opacity:.16;background:linear-gradient(111deg,transparent 25%,#fff5 49%,transparent 67%);width:45%;height:38%;left:-30%;top:17%;filter:blur(48px);animation:hero-air-pass 16s ease-in-out infinite;pointer-events:none}:root[data-theme=dark] .hero-air-trails{opacity:.13;filter:blur(55px) hue-rotate(80deg)}@keyframes hero-wave-life{0%{transform:translate3d(-.3%,.15%,0) scale(1.001) skew(-.12deg)}50%{transform:translate3d(.5%,-.12%,0) scale(1.013) skew(.2deg)}to{transform:translate3d(-.1%,.2%,0) scale(1.006) skew(-.17deg)}}@keyframes hero-fabric-breathe{0%,to{transform:translateZ(0) scale(1)}35%{transform:translate3d(.12%,-.11%,0) scale(1.004) skew(.22deg)}70%{transform:translate3d(-.08%,.1%,0) scale(.998) skew(-.18deg)}}@keyframes hero-water-glitter{0%{background-position:0 0;opacity:.13}50%{opacity:.27}to{background-position:0 140px;opacity:.15}}@keyframes hero-air-pass{0%,to{transform:translateZ(0);opacity:0}42%{opacity:.14}72%{transform:translate3d(70vw,-6vh,0);opacity:0}}@media (max-width:720px){.hero-water-motion{-webkit-mask-image:radial-gradient(ellipse 45% 24% at 80% 59%,#000 12%,transparent 85%);mask-image:radial-gradient(ellipse 45% 24% at 80% 59%,#000 12%,transparent 85%)}.hero-water-reflection{opacity:.1}.hero-fabric-motion{-webkit-mask-image:radial-gradient(ellipse 7% 14% at 48% 50%,#0009 10%,transparent 80%);mask-image:radial-gradient(ellipse 7% 14% at 48% 50%,#0009 10%,transparent 80%)}}@media (prefers-reduced-motion:reduce){.hero-water-motion,.hero-fabric-motion,.hero-water-reflection,.hero-air-trails{animation:none!important}.hero-water-motion,.hero-fabric-motion,.hero-water-reflection,.hero-air-trails{display:none!important}}.hero-photo{background-size:cover;background-position:center 50%;background-repeat:no-repeat}.hero-title-wrap{position:absolute;left:0;right:0;width:100%;bottom:12%;padding-inline:clamp(24px,4vw,88px);display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:visible;transform:translate3d(0,var(--title-drift,0px),0)}.hero-title{width:100%;max-width:100%;margin:0;font:600 clamp(44px,7.6vw,142px)/1.08 "Manrope",sans-serif;letter-spacing:-.074em;text-align:center;white-space:nowrap;text-shadow:0 3px 22px #0005;animation:title-up 1.3s 1s cubic-bezier(.22,1,.36,1) both}.hero-title span{display:inline;padding:0;vertical-align:baseline}.hero-title sup{display:inline-block;vertical-align:top;line-height:1;font:500 clamp(10px,1.1vw,16px)/1 "DM Sans",sans-serif;letter-spacing:0;margin-left:6px;padding-top:.36em}.hero-shade{z-index:2}.hero-birds{z-index:3}.hero-corner,.hero-side-label,.hero-title-wrap{z-index:4}@media (min-width:721px) and (max-width:1020px){.hero-title{font-size:7.35vw}.hero-title-wrap{padding-inline:30px}}@media (max-width:720px){.hero-title-wrap{bottom:24%;padding-inline:22px}.hero-title{font-size:clamp(40px,10.9vw,75px);line-height:1.07;white-space:normal;letter-spacing:-.07em;text-wrap:balance;overflow-wrap:normal}.hero-title span{display:inline}.hero-title sup{font-size:9px;margin-left:4px}.hero-side-label{bottom:11%}}@media (max-width:390px){.hero-title{font-size:10.3vw}}@media (prefers-reduced-motion:reduce){.hero-title{animation:none!important;transform:none!important}}