@font-face{font-family:Bricolage;src:url('assets/bricolage-grotesque.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#fefef9;--ink:#191a24;--muted:#63656d;--blue:#183ed8;--red:#ef3329;--yellow:#ffd525;--font:Bricolage,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.055em;line-height:1.02}h2{font-size:clamp(44px,4.7vw,68px)}em{font-weight:400;font-style:normal}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.work :focus-visible,.layers-section :focus-visible{outline-color:var(--yellow)}[hidden]{display:none!important}::selection{background:var(--yellow);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow,.section-label{font:600 10px/1.5 var(--font);letter-spacing:1.5px;text-transform:uppercase}.section-label{font-size:9px;letter-spacing:1.7px}.skip{position:fixed;top:-100px;left:20px;padding:12px 22px;background:var(--yellow);z-index:100}.skip:focus{top:20px}.header{min-height:133px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:4}.brand{width:154px;flex-shrink:0}.header nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:600}.header nav a{position:relative;padding-block:12px}.header nav a:not(.header-cta):after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--blue);transition:width .2s}.header nav a:hover:after{width:100%}.header .header-cta{padding:14px 19px;background:white;border-radius:8px;box-shadow:0 2px 3px #1819230b,0 8px 20px #18192309,inset 0 0 0 1px #1819230b;display:flex;align-items:center;gap:22px}.header-cta span{font-size:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;border:0;border-radius:8px;font-size:13px;line-height:1.4;font-weight:600;transition:transform .25s,box-shadow .25s}.button>span{font-size:22px;line-height:1}.button:hover{transform:translateY(-3px)}.button-blue{color:#fff;background:linear-gradient(150deg,#2a51ed,var(--blue));box-shadow:inset 0 1px 1px #fff4,inset 0 -2px 2px #0a228c50,0 6px 12px #183ed81c,0 2px 3px #183ed832}.button-blue:hover{box-shadow:inset 0 1px 1px #fff4,0 10px 22px #183ed830,0 3px 4px #183ed830}.button-light{color:var(--ink);background:linear-gradient(#fff,#e9e9e4);box-shadow:inset 0 1px #fff,0 6px 12px #0003}.quiet-link{font-size:12px;font-weight:600;display:flex;align-items:center;gap:18px;min-height:44px}.quiet-link:hover{color:var(--blue)}.quiet-link span{font-size:18px}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;column-gap:24px;position:relative;padding-top:40px}.hero-copy{position:relative;z-index:2;padding-bottom:25px}.studio-label{display:flex;align-items:center;gap:12px;margin-bottom:30px;font-size:9px;letter-spacing:1.35px}.studio-light{position:relative;display:block;width:12px;height:12px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c6 0%,#ffaea3 9%,#ff4f3b 25%,#d51c1b 72%);box-shadow:0 0 0 3px #e5e2dd,inset 0 -1px 2px #700c0c,0 0 14px #ef33295c;animation:studio-glow 3.5s ease-in-out infinite}.studio-light:after{content:'';position:absolute;left:3px;top:2px;width:4px;height:2px;background:#ffffff9c;border-radius:50%;transform:rotate(-25deg)}@keyframes studio-glow{50%{box-shadow:0 0 0 3px #e5e2dd,inset 0 -1px 2px #700c0c,0 0 9px #ef33292c}}.hero h1{font-size:clamp(72px,7.35vw,106px);line-height:.93;letter-spacing:-.065em;font-weight:700}.hero h1>span{color:var(--blue)}.hero-intro{max-width:400px;margin-top:27px;font-size:16px;line-height:1.65;color:#54565f}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:27px;flex-wrap:wrap}.hero-visual{position:relative;min-width:0;align-self:center;padding-top:8px}.hero-visual:before{content:'';position:absolute;inset:12px -28px 80px;background:radial-gradient(ellipse at 55% 42%,#fff 18%,#edecea60 57%,transparent 74%);pointer-events:none}.scene-topline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#6b6d75;gap:15px;padding-inline:12px}.scene-topline button{border:0;background:transparent;min-height:40px;font-size:10px;letter-spacing:0;padding:8px;display:flex;gap:13px;align-items:center}.scene-topline button:hover{color:var(--blue)}.scene-topline button>span{font-size:17px}.scene{position:relative;width:100%;height:475px;isolation:isolate;overflow:hidden}.scene canvas{position:relative;z-index:2;display:block;width:100%;height:100%;touch-action:pan-y;opacity:0;transition:opacity .6s}.scene.ready canvas{opacity:1}.scene-orbit{position:absolute;pointer-events:none;z-index:0;border:1px solid #dcded846;border-radius:50%;width:85%;height:56%;left:8%;top:23%;transform:rotate(-22deg)}.orbit-two{width:62%;height:84%;left:20%;top:7%;transform:rotate(39deg);opacity:.5}.scene.ready .scene-fallback{display:none}.scene-control-panel{position:relative;z-index:3;margin:-6px auto 0;width:min(405px,96%);background:#fff;border-radius:14px;padding:7px 8px 12px;box-shadow:0 2px 2px #191a2406,0 8px 15px #191a2407,0 22px 38px -12px #191a2426,inset 0 0 0 1px #191a2408}.scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.scene-buttons button{border:0;background:transparent;border-radius:8px;padding:12px 6px;min-height:44px;font-size:12px;font-weight:600;transition:background .25s,color .25s,box-shadow .25s}.scene-buttons button span{font-size:8px;font-weight:400;opacity:.65;margin-right:6px}.scene-buttons button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 3px 6px #191a2424,inset 0 1px #fff3}.scene-buttons button:hover:not([aria-pressed=true]){background:#f0f1f4}.scene-control-panel p{font-size:10px;text-align:center;color:var(--muted);padding-top:12px;min-height:29px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:58px 0 42px;gap:20px}.hero-bottom>span{font-size:8px;letter-spacing:1.2px;line-height:1.7}.hero-bottom>a{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted)}.scroll-disc{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:white;box-shadow:0 2px 3px #191a2411,0 6px 14px #191a2409;font-size:20px;color:var(--ink)}.hero-index{color:#92939b}.scene-fallback{position:absolute;inset:6% 6% 12%;perspective:800px}.fallback-form{position:absolute;width:33%;aspect-ratio:1;border-radius:50% 50% 3px 50%;box-shadow:inset -9px -8px 18px #0003,inset 6px 6px 12px #fff6,8px 12px 0 #071d7c,18px 30px 28px #121b4b29;transform:rotate(-12deg) rotateY(-20deg);background:var(--blue);left:10%;top:12%}.fallback-form:after{content:'';position:absolute;width:24%;height:24%;left:38%;top:38%;border-radius:50%;background:var(--paper);box-shadow:inset 4px 4px 5px #0004}.form-red{background:var(--red);left:57%;top:18%;border-radius:50% 50% 50% 3px;transform:rotate(16deg) rotateY(20deg);box-shadow:inset -9px -8px 18px #0003,inset 6px 6px 12px #fff6,8px 12px 0 #af1712,18px 30px 28px #121b4b29}.form-yellow{left:12%;top:58%;background:var(--yellow);border-radius:50% 3px 50% 50%;box-shadow:inset -9px -8px 18px #0003,inset 6px 6px 12px #fff6,8px 12px 0 #af8400,18px 30px 28px #121b4b29}.form-ink{left:60%;top:63%;width:25%;background:var(--ink);border-radius:3px 50% 50% 50%;box-shadow:inset -9px -8px 18px #0003,inset 6px 6px 12px #fff3,8px 12px 0 #06070c,18px 30px 28px #121b4b29}
.work{position:relative;isolation:isolate;padding:67px 0 80px;border-radius:32px 32px 0 0;background:#183ed8;color:#fff;box-shadow:0 -5px 8px #12298505,0 -15px 35px #12298508,inset 0 2px 1px #ffffff46;overflow:hidden}.work:after{content:'';position:absolute;inset:auto 0 0;height:20px;box-shadow:inset 0 -5px 10px #05134526;pointer-events:none}.work-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 2%,#557aff96,transparent 50%),radial-gradient(ellipse at 85% 45%,#0728a06e,transparent 60%);pointer-events:none}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:37px}.work .section-label{color:#d8e1ff}.work-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:50px}.work h2{font-weight:600}.work h2 em{color:var(--yellow)}.project-client{font-size:20px;font-weight:600;letter-spacing:-.02em}.project-intro p{color:#e0e7ff;font-size:14px;line-height:1.7;max-width:345px;margin:12px 0 17px}.project-tags{font-size:9px;letter-spacing:.5px;color:#d0dcff}.project-object{position:relative;padding-bottom:15px;perspective:1800px}.project-backplate{position:absolute;left:14px;right:14px;top:20px;bottom:0;background:#7794ff;border-radius:14px;transform:rotate(-1.3deg);box-shadow:0 22px 30px -8px #03185b80}.project-shell{position:relative;background:#fff;border-radius:14px;color:var(--ink);box-shadow:0 3px 3px #071a5b66,0 15px 20px #071a5b35,0 35px 55px -15px #071a5b75;overflow:hidden;padding:0 10px}.project-toolbar{min-height:77px;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:white}.project-name{display:flex;align-items:center;gap:17px;min-width:0}.project-name strong{font-size:13px;font-weight:600;white-space:nowrap}.project-url{font-size:9px;color:var(--muted)}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;display:block;border-radius:50%;background:#ef3329;box-shadow:inset 0 1px #fff6}.window-dots i:nth-child(2){background:#ffcf1c}.window-dots i:nth-child(3){background:var(--blue)}.view-tabs{display:flex;gap:3px;background:#edf0f6;padding:4px;border-radius:8px;flex-shrink:0;box-shadow:inset 0 1px 3px #13223a0a}.view-tabs button{display:flex;align-items:center;gap:8px;min-height:39px;border:0;padding:8px 15px;background:transparent;border-radius:6px;font-size:11px;font-weight:600;color:#505766}.view-tabs button[aria-selected=true]{color:white;background:var(--blue);box-shadow:0 2px 4px #193b8b29,inset 0 1px #fff3}.view-tabs button>span{font-family:Arial,sans-serif;font-size:20px;line-height:1}.project-views{border-radius:4px;overflow:hidden;background:#efeee8}.desktop-crop{position:relative;aspect-ratio:1250/660;overflow:hidden;background:#071619}.desktop-crop>img{max-width:none;width:101.2%;height:auto}.project-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:6px 18px;min-height:44px;color:#707480;font-size:8px;letter-spacing:1.1px}.project-bottom button{border:0;background:transparent;min-height:36px;padding:5px 0;font-size:10px;letter-spacing:0}.project-bottom button span{font-size:16px;margin-left:7px}.project-bottom button:disabled{opacity:.35;cursor:default}.mobile-setting{display:flex;align-items:center;justify-content:center;gap:100px;padding:43px 65px 48px;min-height:700px;background:radial-gradient(ellipse at 60% 20%,#fff 0%,#efeee8 60%,#e9e7e0);box-shadow:inset 0 10px 20px #25283505}.mobile-side-note{max-width:240px}.mobile-side-note .eyebrow{color:var(--blue);font-size:9px;line-height:1.8;letter-spacing:1.3px}.mobile-side-note h3{font-size:38px;margin:23px 0 20px;line-height:1.04}.mobile-side-note p{font-size:12px;line-height:1.7;color:var(--muted);max-width:200px}.phone-object{position:relative;flex:none;width:300px;padding:7px;border:1px solid #a8aab0;border-radius:25px;background:linear-gradient(120deg,#b3b3ba,#42434a 15%,#919298 70%,#3a3b42);box-shadow:inset 1px 1px 2px #fff8,inset -1px -1px 2px #0009,10px 15px 16px #131b2621,24px 40px 35px #131b2633;transform:rotate(-2deg)}.phone-key{position:absolute;right:-3px;top:22%;height:10%;width:3px;background:#5d5e64;border-radius:0 2px 2px 0}.phone-screen{position:relative;aspect-ratio:591/1120;overflow:hidden;border-radius:17px;background:#06171a}.phone-screen>img{width:100%;height:auto;transform:translateY(-11.25%)}.detail-highlight{position:absolute;display:block;pointer-events:none;border:3px solid #ffe948;border-radius:5px;box-shadow:0 0 0 1px #242d134d,0 0 0 2000px #020d1754,0 0 18px #ffef8b66;opacity:0;transition:left .4s,top .4s,width .4s,height .4s,opacity .3s}.project-views:not([data-detail=none]) .detail-highlight{opacity:1}.desktop-crop .detail-highlight{left:3%;top:12%;width:94%;height:11%}.project-views[data-detail=navigation] .desktop-crop .detail-highlight{left:2%;top:26%;width:53%;height:9%}.project-views[data-detail=action] .desktop-crop .detail-highlight{left:3%;top:78%;width:52%;height:14%}.phone-screen .detail-highlight{left:1%;top:10%;width:98%;height:17%}.project-views[data-detail=navigation] .phone-screen .detail-highlight{left:1%;top:27%;width:98%;height:14%}.project-views[data-detail=action] .phone-screen .detail-highlight{left:1%;top:74%;width:98%;height:11%}.project-insights{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.project-insights .eyebrow{color:#d7e0ff;font-size:9px;margin-bottom:18px}.detail-buttons{display:flex;flex-direction:column;gap:8px}.detail-buttons button{display:flex;align-items:center;gap:17px;min-height:52px;padding:12px 17px;border:1px solid #ffffff2c;border-radius:7px;color:#fff;background:#ffffff06;text-align:left;font-size:13px;transition:background .2s,color .2s,box-shadow .2s}.detail-buttons button>span{font-size:9px;opacity:.6}.detail-buttons button>b{margin-left:auto;font-size:21px;font-weight:400}.detail-buttons button:hover,.detail-buttons button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 7px 12px #08258538}.insight-copy{max-width:380px;min-height:165px}.insight-copy>span{font-size:9px;letter-spacing:1.5px;color:var(--yellow)}.insight-copy h3{font-size:31px;line-height:1.1;font-weight:550;margin:15px 0 14px;letter-spacing:-.04em}.insight-copy p{font-size:14px;line-height:1.75;color:#e0e7ff}
.services{padding-block:88px 98px}.services .eyebrow,.services .section-label{color:var(--muted)}.services-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:52px}.services-heading h2{font-size:clamp(40px,4.2vw,60px)}.services-heading h2 em{color:var(--blue)}.services-heading>p{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:5px;flex-shrink:0}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:9px 4px 0}.service-card{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:30px 28px 18px;border-radius:13px;background:#fff;box-shadow:0 1px 1px #191a2412,0 6px 10px #191a2406,0 23px 38px -20px #191a2438,inset 0 0 0 1px #191a2409;transition:transform .4s,box-shadow .4s}.service-card:hover{transform:translateY(-8px);box-shadow:0 1px 1px #191a2412,0 8px 15px #191a240a,0 30px 42px -20px #191a2440}.card-edge{position:absolute;inset:7px 6px -7px;border-radius:13px;background:#e3e6ee;border:1px solid #d9dce5;z-index:-1}.service-card:after{content:'';position:absolute;inset:0;background:#fff;z-index:-1;border-radius:13px;box-shadow:inset 0 0 0 1px #191a240b}.service-number{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin:27px 0 19px}.service-card h3{font-size:39px;line-height:1.03;margin-bottom:18px;font-weight:600}.service-card>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:260px}.service-card ul{list-style:none;padding:0;margin:22px 0 28px;font-size:11px;line-height:1.75;flex:1}.service-card li{position:relative;padding-left:13px;margin-bottom:5px}.service-card li:before{content:'+';position:absolute;left:0;color:var(--blue)}.service-card>a{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;min-height:49px;border-top:1px solid #191a2410}.service-card>a span{font-size:24px}.service-card>a:hover{color:var(--blue)}.service-icon{position:relative;width:82px;height:76px;margin:7px 0 2px 9px;transform:perspective(550px) rotateY(-18deg) rotateX(10deg) rotateZ(-6deg)}.browser-icon{background:linear-gradient(140deg,#5378ff,#1536c0);border:2px solid #6988ff;border-bottom:6px solid #092491;border-radius:8px;box-shadow:5px 9px 0 #102b9a,11px 20px 17px #183ed825}.browser-icon:before{content:'•••';position:absolute;left:8px;top:-5px;color:#fff9;letter-spacing:1px;font-size:14px}.browser-icon i{position:absolute;left:10%;top:30%;width:35%;height:50%;border-radius:4px;background:#fff;box-shadow:inset 0 1px 2px #0002}.browser-icon b,.browser-icon span{position:absolute;right:10%;width:35%;height:9%;top:34%;border-radius:2px;background:#fff}.browser-icon span{top:55%;height:5%;opacity:.5}.bag-icon{width:70px;height:65px;margin-top:18px;margin-bottom:2px;background:linear-gradient(125deg,#ff6c54,#ee3825 60%,#ca2117);border-radius:8px 8px 12px 12px;box-shadow:inset 2px 2px 2px #ffbd9d,inset -3px -3px 5px #a4121280,7px 8px 0 #af211c,15px 20px 17px #a2251525}.bag-icon i{position:absolute;left:18px;top:-19px;width:33px;height:33px;border:6px solid #f34c35;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:inset 2px 2px 2px #b61d19}.bag-icon b{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff5;left:25px;top:25px;box-shadow:inset 1px 1px #fff9}.tool-icon{width:79px;height:76px;background:linear-gradient(135deg,#ffe96b,#f8c519);border-radius:10px;border-bottom:5px solid #c89906;box-shadow:inset 1px 2px #ffff9c,7px 9px 0 #b78e05,14px 20px 17px #b18a102a}.tool-icon i,.tool-icon b,.tool-icon span{position:absolute;left:16px;right:16px;top:20px;height:4px;background:#725c1480;border-radius:5px}.tool-icon b{top:36px}.tool-icon span{top:52px}.tool-icon i:after,.tool-icon b:after,.tool-icon span:after{content:'';position:absolute;top:-4px;left:7px;width:11px;height:12px;background:#fff3bc;border-radius:3px;box-shadow:1px 2px 3px #775a1570}.tool-icon b:after{left:28px}.tool-icon span:after{left:17px}
.layers-section{color:#fff;background:#20212b;position:relative;isolation:isolate;overflow:hidden;padding:88px 0 76px;box-shadow:inset 0 2px 2px #fff1,0 -8px 24px #20212b0a}.layers-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 25%,#5d60795c,transparent 62%);z-index:-1}.layers-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px}.layers-copy .eyebrow{font-size:9px;color:#b7bac9;margin-bottom:25px}.layers-copy h2{font-size:clamp(49px,5vw,72px);font-weight:550}.layers-copy h2 em{color:var(--yellow)}.layers-copy>p:not(.eyebrow){font-size:15px;color:#bfc1ce;line-height:1.75;max-width:350px;margin:26px 0 29px}.layer-study{height:460px;position:relative;perspective:1200px;transform-style:preserve-3d}.layer{position:absolute;width:370px;height:220px;left:50%;top:50%;padding:23px 27px;display:flex;flex-direction:column;justify-content:space-between;border-radius:13px;backface-visibility:hidden;transition:transform 1s cubic-bezier(.18,.7,.2,1),box-shadow 1s;box-shadow:inset 0 2px 1px #ffffff85,inset 0 -4px 1px #0002,4px 12px 3px #0002,20px 35px 35px #0003;transform:translate(-50%,-50%) rotateX(37deg) rotateY(-25deg) rotateZ(-15deg);transform-style:preserve-3d}.layer>span{font-size:9px;letter-spacing:1.6px;font-weight:600}.layer>strong{font-size:25px;font-weight:500;letter-spacing:-.035em}.layer-design{background:linear-gradient(135deg,#fffef8,#e6e5de);color:var(--ink);transform:translate(-48%,-73%) rotateX(37deg) rotateY(-25deg) rotateZ(-15deg) translateZ(45px)}.layer-experience{background:linear-gradient(135deg,#ffe96a,#ffcf20);color:#4b3c00;transform:translate(-48%,-42%) rotateX(37deg) rotateY(-25deg) rotateZ(-15deg) translateZ(0)}.layer-build{background:linear-gradient(135deg,#6180ff,#203fd6);color:#fff;transform:translate(-48%,-13%) rotateX(37deg) rotateY(-25deg) rotateZ(-15deg) translateZ(-45px)}.layer-study[data-separated=true] .layer-design{transform:translate(-58%,-113%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(50px)}.layer-study[data-separated=true] .layer-experience{transform:translate(-48%,-41%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(0)}.layer-study[data-separated=true] .layer-build{transform:translate(-38%,32%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(-45px)}.layer-shadow{position:absolute;bottom:12%;left:13%;width:80%;height:70px;background:#0005;filter:blur(20px);border-radius:50%;transform:rotate(-14deg)}.design-shapes{display:flex;gap:8px;height:65px;align-items:center}.design-shapes i,.design-shapes b,.design-shapes span{width:60px;height:60px;background:var(--blue);border-radius:50% 50% 0 50%;box-shadow:inset 0 1px 2px #fff4,2px 3px 2px #0002}.design-shapes b{background:var(--red);border-radius:50% 50% 50% 0}.design-shapes span{width:22px;background:var(--yellow);border-radius:0}.experience-route{display:flex;align-items:center;gap:8px;width:90%}.experience-route i{width:43px;height:43px;border:2px solid #7b650c55;border-radius:50%;background:#fff7;box-shadow:0 3px 1px #936e1233}.experience-route b{height:2px;background:#8c6b1766;flex:1}.build-shapes{display:flex;align-items:end;gap:11px;height:65px}.build-shapes i{height:35px;width:38px;background:#fff8;border-radius:4px;box-shadow:0 3px 3px #0003}.build-shapes i:nth-child(2){height:55px}.build-shapes i:nth-child(3){height:45px}.build-shapes i:nth-child(4){height:65px;background:#fff}
.start{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:100px 108px;align-items:center}.start-copy .eyebrow{color:var(--muted);font-size:9px;margin-bottom:26px}.start h2{font-size:clamp(53px,5.4vw,78px);line-height:.99}.start h2>span{color:var(--blue)}.start-copy>p:not(.eyebrow){max-width:350px;font-size:15px;line-height:1.75;color:var(--muted);margin-top:27px}.start-arrow{display:block;font-size:110px;line-height:1;font-weight:300;color:var(--blue);margin-top:25px}.brief-panel{position:relative;background:#fff;padding:38px 32px 24px;border-radius:12px;box-shadow:0 2px 2px #191a2410,0 13px 17px #191a2407,0 25px 55px -18px #191a242f,inset 0 0 0 1px #191a240a}.brief-tab{position:absolute;top:-20px;right:25px;padding:11px 18px 14px;color:white;background:var(--blue);border-radius:6px 6px 0 0;font-size:8px;letter-spacing:1.2px;z-index:-1}.brief-panel fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.brief-panel legend,.field-label{font-size:15px;font-weight:550;display:block;padding:0;margin:0 0 13px}.brief-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.brief-options label{position:relative;cursor:pointer}.brief-options input{position:absolute;top:15px;left:13px;width:14px;height:14px;accent-color:var(--blue);margin:0}.brief-options span{display:block;padding:12px 10px 12px 35px;border:1px solid #dfe1e8;border-radius:6px;font-size:12px;line-height:1.6;transition:background .2s,border-color .2s}.brief-options input:checked+span{background:#edf1ff;border-color:var(--blue);color:var(--blue)}.brief-options input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}textarea{display:block;resize:vertical;min-height:135px;width:100%;padding:15px;border:1px solid #dfe1e8;border-radius:6px;font-size:13px;line-height:1.65;margin-bottom:20px;background:#fcfcfc;color:var(--ink)}textarea::placeholder{color:#747883}.brief-panel form>.button{width:100%;font-size:12px}.form-note{font-size:10px;color:var(--muted);line-height:1.65;margin-top:16px}.contact-note{margin-top:22px;padding-top:17px;font-size:9px;line-height:1.7;color:var(--muted);border-top:1px solid #191a2410}.brief-panel h3{font-size:33px;line-height:1.08;margin-top:12px}.brief-panel pre{font:11px/1.8 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f9;border-radius:5px;padding:17px;margin-block:20px}.brief-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.brief-actions .button{font-size:11px}.plain-button{background:transparent;border:0;min-height:44px;font-size:11px;text-decoration:underline}.footer{background:#f2f1ec;box-shadow:inset 0 2px 3px #191a2405}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:34px}.footer img{width:138px;mix-blend-mode:multiply}.footer p{font-size:11px;color:var(--muted);line-height:1.7}.footer span,.footer-content>a:last-child{font-size:10px}.footer-content>a:last-child{display:flex;align-items:center;gap:18px;min-height:44px}.footer b{font-size:21px;font-weight:400}
@media(min-width:1550px){.hero{padding-top:60px}.scene{height:525px}.hero-bottom{padding-top:70px;padding-bottom:55px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.header nav{gap:23px}.hero h1{font-size:clamp(65px,8vw,85px)}.hero{column-gap:8px}.hero-intro{font-size:14px;max-width:335px}.hero-actions{gap:18px}.hero-actions .button{padding:16px 18px;gap:22px}.hero-actions .quiet-link{font-size:10px;gap:10px}.studio-label{font-size:8px;letter-spacing:.9px}.scene{height:440px}.scene-topline{font-size:7px;letter-spacing:1px;padding:0}.scene-control-panel{width:98%}.work-intro{gap:50px}.project-url{display:none}.project-insights{gap:60px}.services-heading>p{max-width:220px}.service-cards{gap:18px}.service-card{padding:27px 22px 16px}.service-card h3{font-size:34px}.service-card ul{font-size:10px}.layers-grid{gap:15px;grid-template-columns:.85fr 1.15fr}.layer{width:330px;height:210px}.start{gap:50px}.brief-panel{padding:32px 25px 24px}.mobile-setting{gap:65px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.header{min-height:110px}.brand{width:133px}.header nav{gap:23px;font-size:11px}.header nav>a[href='#layers']{display:none}.header .header-cta{padding:12px 15px;gap:15px}.hero{padding-top:30px;grid-template-columns:1fr 1fr;column-gap:0}.hero h1{font-size:clamp(58px,8.4vw,72px)}.hero-copy{padding-bottom:0}.studio-label{font-size:7px;letter-spacing:.5px;gap:9px;max-width:290px}.studio-light{width:10px;height:10px}.hero-intro{font-size:13px;max-width:285px}.hero-actions{gap:10px;align-items:start;flex-direction:column}.hero-actions .quiet-link{font-size:11px}.hero-visual{margin-left:-5px}.scene{height:400px}.scene-topline{gap:4px;letter-spacing:.3px;font-size:6px}.scene-topline button{font-size:8px;gap:5px}.scene-control-panel{padding:5px 5px 10px}.scene-buttons button{font-size:10px;padding:12px 4px}.scene-buttons button span{display:none}.scene-control-panel p{font-size:8px;padding-top:10px;min-height:35px;max-width:90%;margin-inline:auto}.hero-bottom{padding:40px 0 32px}.work{padding-block:50px 60px}.work-intro{gap:28px;grid-template-columns:1.1fr .9fr}.work h2{font-size:47px}.project-client{font-size:18px}.project-intro p{font-size:12px;line-height:1.65}.project-tags{font-size:8px}.project-toolbar{padding-inline:10px;min-height:66px}.project-name{gap:10px}.project-name strong{font-size:11px}.view-tabs button{padding-inline:12px;font-size:10px}.project-insights{gap:40px}.insight-copy h3{font-size:27px}.insight-copy p{font-size:12px}.detail-buttons button{font-size:11px;gap:12px}.mobile-setting{padding:35px 40px;min-height:640px;gap:50px}.mobile-side-note h3{font-size:30px}.phone-object{width:270px}.services{padding-block:65px 75px}.services-heading{display:block;margin-bottom:40px}.services-heading h2{font-size:48px}.services-heading>p{max-width:none;margin-top:20px}.service-cards{gap:15px}.service-card{padding:23px 17px 14px}.service-card h3{font-size:29px}.service-card>p{font-size:11px}.service-card ul{font-size:9px}.service-number{font-size:8px;letter-spacing:.8px}.service-card>a{font-size:10px}.service-icon{scale:.85;transform-origin:left center;margin-left:4px}.layers-grid{grid-template-columns:.8fr 1.2fr;gap:20px}.layers-copy h2{font-size:49px}.layers-copy>p:not(.eyebrow){font-size:13px}.layer-study{height:420px}.layer{width:285px;height:190px;padding:20px}.layer>strong{font-size:22px}.design-shapes{height:50px}.design-shapes i,.design-shapes b{width:45px;height:45px}.design-shapes span{height:45px;width:18px}.layer>span{font-size:8px}.build-shapes{scale:.85;transform-origin:left center}.layers-section{padding-block:70px}.start{gap:40px;padding-block:80px}.start h2{font-size:53px}.start-copy>p:not(.eyebrow){font-size:13px}.brief-panel{padding:27px 20px 20px}.brief-options{grid-template-columns:1fr;gap:7px}.brief-options span{font-size:11px;padding-block:10px}.brief-options input{top:12px}.brief-panel legend,.field-label{font-size:13px}.footer-content{gap:25px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{min-height:104px;gap:20px}.brand{width:120px}.header nav>a:not(.header-cta){display:none}.header .header-cta{font-size:10px;gap:13px;padding:11px 13px}.hero{display:block;padding-top:27px}.studio-label{font-size:8px;letter-spacing:.8px;max-width:none;margin-bottom:24px}.hero h1{font-size:clamp(64px,16vw,92px);line-height:.94;letter-spacing:-.065em}.hero-intro{font-size:14px;max-width:370px;margin-top:23px;line-height:1.7}.hero-actions{flex-direction:row;gap:24px;align-items:center;margin-top:25px}.hero-actions .button{font-size:12px;padding:16px 18px}.hero-actions .quiet-link{font-size:10px}.hero-visual{margin:28px 0 0;padding:0}.scene-topline{font-size:7px;letter-spacing:1px;padding-inline:2px}.scene-topline button{font-size:9px;gap:10px;min-height:40px}.scene{height:auto;aspect-ratio:1.06}.hero-visual:before{inset:15px -12px 50px}.scene-control-panel{width:94%;margin-top:-15px;padding:6px 7px 10px;border-radius:12px}.scene-buttons button{font-size:11px;padding:10px 6px}.scene-buttons button span{display:inline;font-size:7px;margin-right:5px}.scene-control-panel p{font-size:9px;min-height:26px;padding-top:10px;max-width:none}.hero-bottom{padding:34px 0 28px;gap:15px}.hero-bottom>span{font-size:7px;letter-spacing:.5px}.hero-bottom .hero-index{display:none}.hero-bottom>a{font-size:9px;gap:8px}.scroll-disc{width:31px;height:31px;font-size:17px}.work{border-radius:23px 23px 0 0;padding:40px 0 45px}.section-top{gap:20px;margin-bottom:29px;align-items:start}.section-top .eyebrow{font-size:8px;letter-spacing:1px}.section-label{font-size:7px;letter-spacing:.8px;text-align:right;max-width:90px}.work-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.work h2{font-size:clamp(41px,10.7vw,60px)}.project-client{font-size:18px}.project-intro p{font-size:13px;max-width:360px;margin:10px 0 12px}.project-tags{font-size:8px}.project-object{padding-bottom:10px}.project-shell{padding:0 5px;border-radius:9px}.project-backplate{border-radius:9px;left:9px;right:9px;top:12px;transform:rotate(-1.4deg)}.project-toolbar{padding:10px 7px;gap:8px;min-height:58px}.project-name{gap:0}.project-name strong{font-size:9px;line-height:1.3;max-width:100px;white-space:normal}.window-dots{display:none}.view-tabs{gap:1px;padding:3px;border-radius:6px}.view-tabs button{font-size:9px;min-height:34px;padding:6px 9px;gap:5px}.view-tabs button>span{font-size:15px}.project-bottom{padding:4px 7px;min-height:37px;font-size:6px;letter-spacing:.6px;gap:8px}.project-bottom button{font-size:8px;min-height:30px}.project-bottom button span{font-size:13px;margin-left:3px}.detail-highlight{border-width:2px;border-radius:3px}.mobile-setting{padding:27px 26px 30px;min-height:0}.mobile-side-note{display:none}.phone-object{width:235px;max-width:92%;padding:5px;border-radius:20px;transform:rotate(0);box-shadow:inset 1px 1px 2px #fff8,8px 12px 13px #131b2621,14px 23px 22px #131b2633}.phone-screen{border-radius:14px}.project-insights{grid-template-columns:1fr;gap:27px;margin-top:31px}.project-insights .eyebrow{font-size:8px;margin-bottom:14px}.detail-buttons{gap:7px}.detail-buttons button{min-height:48px;font-size:12px;padding:10px 14px}.detail-buttons button>span{font-size:8px}.insight-copy{min-height:145px;max-width:360px}.insight-copy>span{font-size:8px}.insight-copy h3{font-size:26px;margin-block:12px}.insight-copy p{font-size:13px}.services{padding-block:45px 55px}.services-heading{margin-bottom:31px}.services-heading h2{font-size:clamp(37px,9.5vw,53px)}.services-heading>p{font-size:12px;margin-top:20px}.service-cards{grid-template-columns:1fr;gap:24px;padding-inline:3px}.service-card{padding:26px 25px 15px;display:grid;grid-template-columns:1fr 100px;column-gap:18px}.service-card .service-icon{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;scale:.85;margin:0 0 0 8px}.service-number{margin:0 0 15px;font-size:9px;grid-column:1}.service-card h3{font-size:37px;grid-column:1;grid-row:2;margin-bottom:17px}.service-card>p{font-size:13px;max-width:310px;grid-column:1/-1}.service-card ul{font-size:11px;grid-column:1/-1;margin-block:18px}.service-card>a{font-size:12px;grid-column:1/-1}.layers-section{padding-block:49px 29px}.layers-grid{grid-template-columns:1fr;gap:0}.layers-copy h2{font-size:55px}.layers-copy .eyebrow{font-size:8px;margin-bottom:22px}.layers-copy>p:not(.eyebrow){font-size:14px;margin-block:22px 25px;max-width:350px}.layers-copy .button{font-size:12px;padding:15px 19px}.layer-study{height:390px;margin:20px -10px 5px;perspective:1000px}.layer{width:260px;height:173px;padding:19px;left:48%;top:49%}.layer>strong{font-size:21px}.layer>span{font-size:7px;letter-spacing:1.3px}.layer-study[data-separated=true] .layer-design{transform:translate(-53%,-113%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(30px)}.layer-study[data-separated=true] .layer-experience{transform:translate(-48%,-41%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg)}.layer-study[data-separated=true] .layer-build{transform:translate(-43%,32%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(-30px)}.design-shapes{height:46px}.design-shapes i,.design-shapes b{width:42px;height:42px}.design-shapes span{height:42px;width:16px}.experience-route i{width:33px;height:33px}.build-shapes{height:48px;scale:.75;transform-origin:left center}.start{display:block;padding-block:54px 60px}.start h2{font-size:clamp(52px,13vw,72px)}.start-copy .eyebrow{margin-bottom:22px;font-size:8px}.start-copy>p:not(.eyebrow){font-size:14px;max-width:300px;margin-top:23px}.start-arrow{display:none}.brief-panel{margin-top:48px;padding:29px 23px 22px}.brief-options{grid-template-columns:1fr 1fr;gap:8px}.brief-options span{font-size:11px;padding:12px 6px 12px 30px}.brief-options input{left:10px;top:13px;width:13px;height:13px}.brief-panel legend,.field-label{font-size:14px}.brief-panel textarea{font-size:14px;min-height:150px;padding:12px}.form-note{font-size:11px}.contact-note{font-size:10px}.brief-tab{font-size:7px;right:20px;top:-19px}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:30px}.footer img{width:125px}.footer p{justify-self:end;font-size:10px}.footer span{font-size:9px}.footer-content>a:last-child{font-size:10px;justify-self:end;min-height:33px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{width:108px}.header .header-cta{font-size:9px;padding:11px 10px;gap:8px}.hero h1{font-size:61px}.studio-label{font-size:7px;letter-spacing:.55px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;gap:17px;padding-inline:15px}.hero-actions .quiet-link{font-size:9px;gap:7px}.hero-bottom>a{font-size:8px}.hero-bottom>span{font-size:6px}.scene-topline{font-size:6px;letter-spacing:.6px}.scene-control-panel p{font-size:8px}.scene-buttons button{font-size:10px}.project-name strong{font-size:8px;max-width:75px}.view-tabs button{padding-inline:7px;font-size:8px}.project-bottom>span{font-size:5px;letter-spacing:.3px}.service-card{padding-inline:21px;grid-template-columns:1fr 85px;gap:0 10px}.service-card h3{font-size:33px}.service-card .service-icon{scale:.75}.layer{width:238px;height:167px}.layer-study{height:375px}.brief-panel{padding-inline:18px}.brief-options span{font-size:10px;padding-left:28px}.brief-options input{left:9px}}
.layer-study[data-separated=true] .layer-design{transform:translate(-55%,-101%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(35px)}
.layer-study[data-separated=true] .layer-experience{transform:translate(-48%,-43%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg)}
.layer-study[data-separated=true] .layer-build{transform:translate(-41%,15%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(-35px)}
@media(max-width:360px){.layer-study[data-separated=true] .layer-build{transform:translate(-44%,15%) rotateX(20deg) rotateY(-18deg) rotateZ(-9deg) translateZ(-35px)}}
@media(min-width:1101px){.project-stage{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:35px;align-items:center}.project-stage .project-insights{display:flex;flex-direction:column;gap:26px;align-items:stretch;margin:0}.project-stage .project-insights .eyebrow{font-size:8px}.project-stage .detail-buttons button{font-size:11px;gap:10px;padding:10px 13px}.project-stage .project-name strong{font-size:11px}.project-stage .project-url{display:none}.project-stage .project-toolbar{padding-inline:12px;min-height:65px}.project-stage .insight-copy h3{font-size:26px}.project-stage .insight-copy p{font-size:12px}.project-stage .mobile-setting{gap:45px;padding:30px;min-height:555px}.project-stage .phone-object{width:245px}.project-stage .mobile-side-note h3{font-size:31px}}
.motion-paused .studio-light{animation:none}.motion-paused .layer{transition:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.service-card:hover{transform:none}}

/* Keep the company credit with the footer tagline. */
.footer-credit .footer-copyright{display:block;margin-top:8px;color:var(--ink)}
@media(max-width:600px){.footer-content>a:last-child{grid-column:2}}