@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#ededeb;font-synthesis:none;--ink:#111213;--panel:#1b1c1e;--paper:#eeeeec;--muted:#a4a5a6;--line:#343638;--silver:#c3c5c8;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(22px, 5.6vw, 108px);background:#111213;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}button,summary{touch-action:manipulation}button:active,.button:active{transform:scale(.97)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:6px;outline:2px solid}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}svg{flex-shrink:0}.section{padding:110px var(--gutter)}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font:10px/1.6 DM Mono,monospace}.serif{letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.skip-link{color:#000;z-index:100;background:#fff;padding:14px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:10px}.header{height:88px;padding:0 var(--gutter);z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111213f2;justify-content:space-between;align-items:center;gap:30px;display:flex;position:sticky;top:0}.brand{flex-shrink:0;width:143px;height:45px;position:relative;overflow:hidden}.brand img{filter:brightness(0)invert();width:210px;max-width:none;position:absolute;top:-34px;left:-29px}.desktop-nav{align-items:center;gap:34px;font-size:12px;display:flex}.desktop-nav sup{color:#a4a5a6;margin-left:3px;font:9px DM Mono}.desktop-nav a{padding:10px 0;position:relative}.desktop-nav a:after{content:"";transform-origin:0;height:1px;transition:transform .3s var(--ease);background:currentColor;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform:scaleX(1)}.header-contact{border-bottom:1px solid #777;align-items:center;gap:24px;padding:10px 0;font-size:12px;display:flex}.menu-button,.mobile-nav[hidden]{display:none}.mobile-nav{padding:20px var(--gutter) 30px;background:var(--ink);border-bottom:1px solid var(--line);position:absolute;top:100%;left:0;right:0}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;font-size:22px;display:flex}.hero{padding:36px var(--gutter) 0;background:var(--ink);overflow:clip}.hero-topline{justify-content:space-between;gap:20px;display:flex}.status-dot{background:var(--paper);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin:0 10px 2px 0;display:inline-block;box-shadow:0 0 0 4px #25272a}.hero-composition{grid-template-columns:1.05fr 1fr;align-items:center;gap:3vw;min-height:min(650px,72vh);padding:70px 0 76px;display:grid}.hero-copy{z-index:2;position:relative}.hero h1{letter-spacing:-.068em;font-size:clamp(45px,5.8vw,103px);font-weight:500;line-height:1.12}.hero h1 .serif{color:#bfc1c5}.line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.line>span{animation:line-enter 1s var(--ease) both;display:block}.line:nth-child(2)>span{animation-delay:.12s}.line:nth-child(3)>span{animation-delay:.24s}.hero-copy>p{color:var(--muted);animation:soft-enter .9s .4s var(--ease) both;margin:30px 0 28px;font-size:13px;line-height:1.85}.button{border:1px solid #626469;border-radius:3px;justify-content:space-between;align-items:center;gap:28px;min-height:48px;padding:16px 22px;font-size:12px;transition:color .25s,background .25s,transform .18s;display:inline-flex}.button:hover{background:var(--paper);color:var(--ink)}.hero-stage{perspective:1000px;min-width:0;animation:stage-enter 1.3s .25s var(--ease) both;padding:65px 12px 65px 6px;position:relative}.stage-grid{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0 -30px;-webkit-mask-image:radial-gradient(#000 5%,#0000 72%);mask-image:radial-gradient(#000 5%,#0000 72%)}.stage-cross{color:#73777d;font-size:18px;font-weight:300;position:absolute}.cross-top{top:18px;right:0}.cross-bottom{bottom:30px;left:-15px}.stage-moving{transition:transform .65s var(--ease);transform-style:preserve-3d;position:relative}.stage-backplate{background:#212326;border:1px solid #52565b;border-radius:6px;position:absolute;inset:0 12px 47px;transform:translateY(-18px)rotate(-7deg)}.stage-backplate.second{background:linear-gradient(120deg,#34373b,#1b1c1f);border-color:#6a6d72;transform:translateY(-10px)rotate(5deg)}.stage-window{aspect-ratio:1.58;background:#17191b;border:1px solid #61646a;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 22px 55px #0006}.stage-slide{opacity:0;pointer-events:none;transition:opacity .55s ease, transform .9s var(--ease);visibility:hidden;position:absolute;inset:0;transform:scale(1.035)}.stage-slide.active{opacity:1;pointer-events:auto;visibility:visible;transform:scale(1)}.stage-slide img{object-fit:cover;object-position:top;width:100%;height:100%}.stage-open{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111d;border:1px solid #ffffff40;align-items:center;gap:16px;padding:9px 12px;font-size:10px;display:flex;position:absolute;bottom:12px;right:12px}.stage-label{grid-template-columns:1fr auto;align-items:center;gap:5px;margin:18px 5px 0;display:grid}.stage-label .eyebrow{grid-column:1/-1;font-size:9px}.stage-label strong{animation:soft-enter .35s var(--ease);font-size:13px;font-weight:500}.stage-label svg{width:15px;height:15px}.stage-controls{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}.stage-controls button{color:#858990;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:10px 0;font:9px DM Mono;display:flex}.stage-controls i{transform-origin:0;background:#515358;width:21px;height:1px;transition:background .25s,transform .35s;display:block}.stage-controls button[aria-pressed=true]{color:#fff}.stage-controls button[aria-pressed=true] i{background:#fff;transform:scaleX(1.25)}.hero-foot{border-top:1px solid var(--line);color:#a4a5a6;justify-content:space-between;align-items:center;gap:24px;padding:25px 0 28px;font-size:10px;display:flex}.hero-foot a{align-items:center;gap:16px;display:flex}.hero-foot svg{width:15px;height:15px}.work{background:#1a1b1d}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:66px;display:flex}.section-heading h2{letter-spacing:-.06em;margin-top:24px;font-size:clamp(42px,5.2vw,88px);line-height:1.05}.section-heading>p{color:var(--muted);max-width:330px;padding-bottom:6px;font-size:13px;line-height:1.85}.work-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:85px 44px;display:grid}.work-item-1,.work-item-3{margin-top:130px}.work-cover{aspect-ratio:1.45;background:#303235;border-radius:4px;display:block;position:relative;overflow:hidden}.project-image{object-fit:contain;width:100%;height:auto}.work-cover>.project-image{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .9s var(--ease)}.work-cover:hover>.project-image{transform:scale(1.035)}.work-item-0 .work-cover{background:#08110d}.work-item-1 .work-cover{aspect-ratio:1.22;background:#0b0c12;padding:20px}.work-item-3 .work-cover{background:#eeeeeb}.work-item-2 .work-cover{aspect-ratio:1.22;background:#d3cfcb;padding:45px 70px 55px 22px}.work-item-2 .work-cover>.project-image{object-fit:contain;height:auto;margin-top:20px;box-shadow:0 14px 35px #0002}.phone-preview{width:24%;transition:transform .9s var(--ease);border:5px solid #fafafa;border-radius:15px;position:absolute;bottom:20px;right:24px;box-shadow:0 12px 28px #0003}.work-cover:hover .phone-preview{transform:translateY(-8px)}.image-action{color:#111;opacity:0;transition:opacity .3s, transform .4s var(--ease);z-index:3;background:#f7f7f4;border-radius:3px;align-items:center;gap:20px;padding:13px 16px;font-size:11px;display:flex;position:absolute;bottom:20px;left:20px;transform:translateY(8px)}.work-cover:hover .image-action,.work-cover:focus-visible .image-action{opacity:1;transform:none}.work-caption{justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.work-caption .eyebrow{font-size:9px;line-height:1.8}.work-caption h3{letter-spacing:-.045em;margin-top:8px;font-size:clamp(23px,2.3vw,38px);line-height:1.2}.round-link{border:1px solid #55595e;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;transition:background .3s,color .3s;display:grid}.round-link:hover{color:var(--ink);background:var(--paper)}.round-link svg{width:17px}.work-description{color:var(--muted);max-width:450px;margin-top:14px;font-size:12px;line-height:1.9}.archive-heading{justify-content:space-between;margin-top:100px;padding-bottom:25px;display:flex}.archive-row{transition:padding .4s var(--ease), background .3s;border-top:1px solid #414347;grid-template-columns:110px 1fr 100px 24px;align-items:center;gap:28px;padding:20px 0;display:grid}.archive-row:last-child{border-bottom:1px solid #414347}.archive-row img{object-fit:cover;object-position:top;border-radius:2px;width:110px;height:64px}.archive-row h3{letter-spacing:-.03em;font-size:clamp(19px,2vw,28px)}.archive-row>span{color:var(--muted);font-size:11px}.archive-row:hover{background:#25272a;padding-left:14px;padding-right:14px}.expertise{background:var(--paper);color:var(--ink)}.expertise .eyebrow,.expertise .section-heading>p{color:#65676b}.expertise-list{margin-top:70px}.expertise details{border-top:1px solid #b9bbbd}.expertise-list>:last-child{border-bottom:1px solid #b9bbbd}.expertise summary{cursor:pointer;align-items:center;gap:30px;padding:30px 0;list-style:none;display:flex}.expertise summary::-webkit-details-marker{display:none}.expertise summary h3{letter-spacing:-.04em;flex:1;font-size:clamp(22px,3vw,44px)}.expand-icon{transition:transform .3s var(--ease);font-size:28px;font-weight:400}details[open] .expand-icon{transform:rotate(45deg)}.expertise-content{animation:soft-enter .35s var(--ease);grid-template-columns:1fr 1fr;gap:40px;padding:0 0 32px 50px;display:grid}.expertise-content h4{letter-spacing:-.035em;font-size:19px}.expertise-content p{color:#5b5e62;max-width:400px;font-size:13px;line-height:1.85}.studio-statement{letter-spacing:-.065em;margin-top:45px;font-size:clamp(42px,6.5vw,110px);line-height:1.07}.studio-statement .serif{color:#aaadb1}.studio-bottom{justify-content:space-between;align-items:flex-end;gap:50px;margin-top:55px;display:flex}.studio-symbol{letter-spacing:-.14em;color:#404246;font-size:125px;font-weight:800;line-height:.8}.studio-symbol sup{vertical-align:top;font-size:65px}.studio-bottom p{max-width:400px;color:var(--muted);font-size:13px;line-height:1.9}.process{grid-template-columns:repeat(5,1fr);gap:22px;margin-top:90px;display:grid}.process h3{margin:18px 0 24px;font-size:15px}.process-line{transform-origin:0;background:#676b71;height:1px;display:block}.contact{color:var(--ink);background:#d8dadd}.contact .eyebrow{color:#595c61}.contact-title{letter-spacing:-.07em;justify-content:space-between;align-items:center;gap:30px;margin:45px 0 55px;font-size:clamp(60px,9vw,155px);line-height:1.02;display:flex}.contact-title .serif{color:#555961}.contact-arrow{width:140px;height:140px;transition:color .4s, background .4s, transform .6s var(--ease);border:1px solid #a0a3a8;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.contact-arrow svg{width:60px;height:60px}.contact-title:hover .contact-arrow{color:#fff;background:var(--ink);transform:rotate(45deg)}.contact-bottom{border-top:1px solid #a0a3a8;justify-content:space-between;align-items:end;gap:25px;padding-top:28px;font-size:12px;line-height:1.9;display:flex}.contact-bottom a{align-items:center;gap:18px;display:flex}.footer{padding:35px var(--gutter);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:10px;display:flex}.footer-brand{color:var(--paper);letter-spacing:-.07em;font-size:24px;font-weight:700}.footer>a:last-child{align-items:center;gap:15px;display:flex}.footer svg{width:15px;height:15px}.reveal{transition:opacity .8s var(--ease), transform 1s var(--ease)}.reveal[data-reveal=waiting]{opacity:0;transform:translateY(38px)}.reveal[data-reveal=visible]{opacity:1;transform:none}.case-intro{padding-top:45px;padding-bottom:0}.text-link{color:var(--muted);padding:10px 0;font-size:12px;display:inline-block}.case-heading{margin:70px 0 60px}.case-heading h1{letter-spacing:-.06em;max-width:1100px;animation:soft-enter .7s var(--ease) both;margin:25px 0 35px;font-size:clamp(52px,8vw,140px);line-height:1.08}.case-heading-bottom{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.case-heading-bottom p{max-width:500px;color:var(--muted);font-size:15px;line-height:1.85}.internal-label{border:1px solid #686c71;margin-top:24px;padding:9px 12px;font:10px DM Mono;display:inline-block}.case-large-image{border-radius:5px;overflow:hidden}.case-story-grid{grid-template-columns:1fr 1fr;gap:10vw;margin-bottom:80px;display:grid}.case-story h2{letter-spacing:-.055em;margin-top:25px;font-size:clamp(38px,4.5vw,76px);line-height:1.08}.case-story-grid p{color:var(--muted);margin-bottom:45px;font-size:15px;line-height:1.9}.deliverables{margin:18px 0 0;padding:0;list-style:none}.deliverables li{border-top:1px solid #45484c;justify-content:space-between;padding:14px 0;font-size:13px;display:flex}.deliverables svg{width:15px}.device-gallery{background:#c6c8ca;border-radius:5px;align-items:center;min-height:500px;padding:70px 120px 90px 40px;display:flex;position:relative}.desktop-device{border:7px solid #28292b;border-radius:12px;width:95%;overflow:hidden;box-shadow:0 20px 45px #0003}.mobile-device{border:7px solid #222;border-radius:22px;width:19%;position:absolute;bottom:55px;right:35px;overflow:hidden;box-shadow:0 20px 40px #0004}.mobile-device img{width:100%}.gallery-caption{color:#42474d;position:absolute;bottom:23px;left:40px}.next-project{border-top:1px solid var(--line)}.next-project>a{align-items:center;gap:35px;margin-top:35px;display:flex}.next-project img{aspect-ratio:1.6;object-fit:cover;border-radius:4px;width:170px}.next-project h2{letter-spacing:-.055em;flex:1;font-size:clamp(30px,4vw,65px)}.next-project svg{width:40px;height:40px}.not-found{min-height:65vh}.not-found h1{margin-bottom:35px}@keyframes line-enter{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes soft-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes stage-enter{0%{opacity:0;transform:translateY(35px)rotate(3deg)}to{opacity:1;transform:none}}@media (width>=1800px){.hero-composition{min-height:760px}}@media (width<=1050px){.hero-location{display:none}.hero-composition{gap:20px;min-height:550px}.hero h1{font-size:5.7vw}.desktop-break{display:none}.work-grid{gap:70px 28px}.stage-backplate{inset-inline:8px}.section{padding-top:85px;padding-bottom:85px}.section-heading>p{max-width:260px}}@media (width<=700px){html{scroll-padding-top:90px}.header{gap:18px;height:74px}.brand{width:123px;height:36px}.brand img{width:185px;top:-32px;left:-27px}.desktop-nav,.header-contact{display:none}.menu-button{background:0 0;border:0;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:12px 8px;display:flex}.menu-button span{background:#fff;width:26px;height:1px;transition:transform .25s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.hero{padding-top:25px}.hero-topline .eyebrow{font-size:8px}.hero-composition{flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:45px 0 15px;display:flex}.hero h1{letter-spacing:-.065em;font-size:clamp(40px,10.4vw,70px)}.hero-copy>p{max-width:320px;margin-top:22px;margin-bottom:22px;font-size:12px}.button{padding:13px 17px;font-size:11px}.hero-stage{margin-top:5px;padding:48px 10px 0}.stage-label{margin-top:15px}.stage-controls{margin-top:8px}.stage-label strong{font-size:12px}.stage-label .eyebrow{font-size:8px}.cross-top{top:12px}.cross-bottom{display:none}.hero-foot{margin-top:15px;padding:22px 0;font-size:9px}.hero-foot>span{max-width:135px;line-height:1.7}.hero-foot a{gap:8px}.section{padding:70px var(--gutter)}.section-heading{margin-bottom:38px;display:block}.section-heading h2{margin-top:19px;font-size:clamp(36px,10.5vw,60px)}.section-heading>p{max-width:300px;margin-top:24px;font-size:12px}.work-grid{display:block}.work-item{margin:0 0 48px}.work-cover,.work-item-1 .work-cover{aspect-ratio:1.45}.work-item-2 .work-cover{aspect-ratio:1.22;padding:30px 60px 40px 17px}.phone-preview{border-width:3px;border-radius:9px;width:27%;bottom:15px;right:15px}.work-caption{gap:12px;margin-top:19px}.work-caption h3{font-size:25px}.work-caption .eyebrow{font-size:8px}.work-description{font-size:12px;line-height:1.8}.image-action{display:none}.archive-heading{margin-top:55px}.archive-heading>span:last-child{display:none}.archive-row{grid-template-columns:72px 1fr 20px;gap:16px;padding:18px 0}.archive-row img{width:72px;height:50px}.archive-row h3{font-size:17px;line-height:1.3}.archive-row>span{display:none}.archive-row svg{width:17px}.expertise-list{margin-top:40px}.expertise summary{gap:16px;padding:24px 0}.expertise summary h3{font-size:22px;line-height:1.2}.expertise summary .eyebrow{font-size:9px}.expertise-content{padding:0 0 25px 32px;display:block}.expertise-content h4{margin-bottom:13px;font-size:16px}.expertise-content p{font-size:12px}.studio-statement{margin-top:30px;font-size:clamp(34px,9.5vw,64px)}.studio-bottom{align-items:center;gap:28px;margin-top:40px}.studio-symbol{font-size:60px}.studio-symbol sup{font-size:28px}.studio-bottom p{font-size:12px}.process{grid-template-columns:1fr;gap:0;margin-top:50px}.process>div{border-top:1px solid var(--line);grid-template-columns:35px 1fr;align-items:center;padding:20px 0;display:grid}.process h3{margin:0;font-size:17px}.process-line{display:none}.contact-title{gap:8px;margin:35px 0;font-size:clamp(44px,13vw,80px)}.contact-arrow{width:49px;height:49px}.contact-arrow svg{width:24px;height:24px}.contact-bottom{font-size:12px;display:block}.contact-bottom a{margin-top:22px}.footer{padding:28px var(--gutter);flex-wrap:wrap;gap:23px 15px;font-size:9px}.footer-brand{width:45%;font-size:23px}.footer>span:nth-child(2){flex:1}.footer>span:nth-child(3){width:45%}.footer>a:last-child{flex:1;gap:5px}.case-intro{padding-top:30px;padding-bottom:0}.case-heading{margin:45px 0 35px}.case-heading h1{margin:20px 0 25px;font-size:clamp(44px,12vw,75px);line-height:1.1}.case-heading-bottom{display:block}.case-heading-bottom p{font-size:13px}.case-heading-bottom .button{margin-top:25px}.case-story-grid{margin-bottom:40px;display:block}.case-story h2{margin-bottom:28px;font-size:37px}.case-story-grid p{font-size:13px}.device-gallery{min-height:280px;padding:35px 50px 75px 15px}.desktop-device{border-width:4px;border-radius:6px;width:100%}.mobile-device{border-width:4px;border-radius:11px;width:27%;bottom:42px;right:13px}.gallery-caption{font-size:8px;bottom:17px;left:16px}.next-project>a{gap:18px}.next-project img{width:75px}.next-project h2{font-size:24px}.next-project svg{width:23px;height:23px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal[data-reveal=waiting]{opacity:1;transform:none}.stage-moving{transform:none!important}}