:root{--paper:#eeede6;--ink:#20241f;--muted:#60645b;--blue:#2455eb;--line:#c9cbc0;--ease:cubic-bezier(.22,.8,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:500 17px/1.55 Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(1440px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;z-index:30;top:10px;left:10px;background:var(--ink);color:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}
.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:15px;font-size:16px;font-weight:750;line-height:1.15}.brand-symbol{width:48px;height:48px;object-fit:contain;flex:none}.header nav{display:flex;gap:36px;font-size:16px}.header a:hover{color:var(--blue)}.header-contact{border-bottom:1px solid currentColor;font-size:16px;padding:7px 0;display:flex;gap:30px}.menu-toggle{display:none}.mobile-menu{padding:20px 24px;border-bottom:1px solid var(--line)}.mobile-menu a{display:block;padding:12px;font-size:21px}
.hero{position:relative;min-height:760px;height:calc(100svh - 106px);max-height:1000px;display:flex;flex-direction:column;padding-top:27px}.hero-intro{display:flex;justify-content:space-between;font-size:15px;color:var(--muted)}.hero h1{position:relative;z-index:2;font-size:clamp(72px,9.25vw,142px);line-height:.98;font-weight:600;letter-spacing:-.068em;margin:40px 0 0;pointer-events:none;width:max-content;max-width:100%}.hero h1>span{color:var(--blue)}.hero-bottom{flex:1;position:relative;display:flex;align-items:center}.hero-offer{position:relative;z-index:3;width:43%;padding:26px 0 40px}.hero-offer p{font-size:19px;line-height:1.65;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;padding:16px 24px;font-size:16px;font-weight:700;border:1px solid transparent;border-radius:3px;transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--blue);color:white}.primary:hover{background:#153bbb}.light{background:var(--paper);color:var(--ink)}.light:hover{background:white}.quiet-link{display:table;border-bottom:1px solid var(--line);font-size:16px;padding:10px 0}.hero-offer .quiet-link{margin-top:11px}.hero-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:21px 0;font-size:15px}.hero-footer a{display:flex;gap:70px}.ribbon-stage{position:absolute;right:-3%;bottom:0;width:67%;height:clamp(380px,36vw,570px);z-index:1}.ribbon-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.motion-toggle{position:absolute;right:6%;bottom:17px;background:transparent;border:0;border-bottom:1px solid var(--line);font-size:14px;padding:7px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:50px}.eyebrow{font-size:16px;color:var(--muted);margin-bottom:25px}.section-head h2,h2{font-size:clamp(43px,5.4vw,82px);font-weight:500;line-height:1.04;letter-spacing:-.055em}.section-head>p{font-size:18px;color:var(--muted);max-width:440px;line-height:1.7}
.work{padding-top:125px}.case-stage{position:relative;background:#20241f;color:var(--paper);overflow:hidden;isolation:isolate}.case-top{display:flex;align-items:center;justify-content:space-between;padding-block:27px;border-bottom:1px solid #454a43;gap:24px;font-size:16px;position:relative;z-index:3}.case-top>span:first-child{font-weight:750;font-size:26px;letter-spacing:.16em}.case-top>span:nth-child(2){color:#c5c9bf}.case-top a{border-bottom:1px solid currentColor}.car-scene{position:relative;height:530px;max-width:1200px;margin:auto}.car-scene img{position:absolute;width:88%;height:auto;right:1%;top:-12%;z-index:2;filter:drop-shadow(0 18px 18px #0005)}.car-ring{position:absolute;height:88%;aspect-ratio:1;left:27%;top:3%;border:2px solid #f35a2a;border-radius:50%;box-shadow:0 0 0 16px #f35a2a0e,0 0 0 33px #f35a2a0b;transform:rotateY(25deg)}.car-floor{position:absolute;bottom:12%;left:10%;right:10%;height:1px;background:#69715b}.case-bottom{display:flex;align-items:end;justify-content:space-between;padding-bottom:48px;gap:30px;position:relative;z-index:3}.case-bottom h3{font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.04em}.case-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-block:36px;border-bottom:1px solid var(--line);font-size:16px;color:var(--muted)}.case-notes b{display:block;margin-bottom:9px;color:var(--ink);font-size:18px;font-weight:650}
.services{padding-block:130px}.service-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:280px 280px;grid-auto-flow:dense;gap:12px}.service{position:relative;overflow:hidden;padding:34px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;transition:background .3s}.service-title{display:flex;justify-content:space-between;align-items:start;width:100%;gap:15px;position:relative;z-index:2}.service h3{font-size:clamp(28px,2.75vw,41px);font-weight:550;letter-spacing:-.05em;line-height:1.12}.service-title>span{font-size:26px;transition:transform .3s}.service:hover .service-title>span{transform:translate(4px,-4px)}.service p{font-size:16px;line-height:1.6;margin:18px 0 20px;position:relative;z-index:2}.service strong{font-size:25px;font-weight:650;letter-spacing:-.04em;position:relative;z-index:2}.service-main{grid-row:span 2;background:#dfe2d6;border-bottom-right-radius:60px;justify-content:space-between}.service-design{background:var(--blue);color:white;border-top-left-radius:60px;padding-left:42px}.service-auto{background:#20241f;color:var(--paper)}.service-design p,.service-auto p{color:inherit;opacity:.88}.service-design strong,.service-auto strong{margin-top:auto}.page-model{position:absolute;top:33%;right:7%;width:52%;height:38%;padding:18px;border:1px solid #9da68e;background:#f7f7ef;box-shadow:14px 20px 0 #bdc5af;transform:perspective(800px) rotateY(-20deg) rotateZ(-8deg);transition:transform .65s var(--ease)}.service-main:hover .page-model{transform:perspective(800px) rotateY(5deg) rotateZ(-3deg)}.page-model>span{display:block;width:23%;height:8px;background:var(--blue);margin-bottom:18px}.page-model>div{display:flex;gap:10px;height:62%}.page-model i:first-child{width:45%;background:repeating-linear-gradient(transparent 0 10px,#20241f 10px 15px,transparent 15px 25px)}.page-model i:last-child{flex:1;background:var(--blue);border-radius:50% 0 0 0}.page-model>b{display:block;width:30%;height:17px;background:var(--ink);margin-top:13px}.orbit-icon{position:absolute;right:-4%;bottom:-27%;width:235px;height:235px;transform:rotate(-30deg);opacity:.4;z-index:0}.orbit-icon i{position:absolute;inset:0;border:2px solid #fff;border-radius:50%}.orbit-icon i:nth-child(2){inset:20px}.orbit-icon i:nth-child(3){inset:40px}.flow-icon{position:absolute;right:25px;bottom:35px;display:flex;align-items:center;opacity:.65}.flow-icon i{width:30px;height:30px;border:1px solid #bbcbff}.flow-icon i:last-child{border-radius:50%}.flow-icon b{width:55px;height:1px;background:#8c9ab8;position:relative}.flow-icon b:after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;background:#8eacff;border-radius:50%;animation:travel 2s infinite}@keyframes travel{to{transform:translateX(50px)}}.price-note{font-size:16px;margin-top:24px;color:var(--muted);max-width:840px}
.process{background:#e2e3da;padding-block:110px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.process-intro>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:410px;margin-top:30px}.process-intro .quiet-link{margin-top:22px}.process-steps article{display:flex;gap:30px;padding:26px 0 32px;border-top:1px solid #abb2a2}.process-steps article>span{font-size:16px;color:var(--blue);padding-top:5px}.process-steps h3{font-size:27px;font-weight:550;letter-spacing:-.04em;margin-bottom:12px}.process-steps p{color:var(--muted);font-size:17px;max-width:410px}
.contact{background:var(--blue);color:#fff;padding:48px 0 70px}.contact-top{display:flex;justify-content:space-between;font-size:16px;border-bottom:1px solid #ffffff50;padding-bottom:24px}.contact h2{font-size:clamp(68px,10vw,150px);letter-spacing:-.06em;line-height:.99;margin-block:54px}.contact h2 em{font-style:normal;color:#b8ccff}.contact-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end}.contact-bottom p{font-size:19px;line-height:1.65;margin-bottom:26px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:20px}.contact-links a{overflow-wrap:anywhere;max-width:100%;border-bottom:1px solid #ffffff70}.copy-email{background:none;border:0;border-bottom:1px solid #ffffff70;padding:8px 0;font-size:16px}.copy-status{font-size:15px;min-height:24px}.contact-bottom .selected-service{font-size:16px}.footer{display:flex;justify-content:space-between;align-items:start;padding-block:42px;gap:35px;font-size:14px;color:var(--muted)}.footer b{color:var(--ink);font-size:18px}.footer p{margin-top:12px;line-height:1.8}.footer nav{display:flex;flex-direction:column;gap:10px}.footer>a{white-space:nowrap;font-size:16px}
@media(min-width:1600px){.hero h1{font-size:142px}.ribbon-stage{right:-1%}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header nav{gap:20px}.hero{min-height:730px}.hero h1{font-size:9.5vw}.hero-offer{width:47%}.hero-offer p{font-size:17px}.ribbon-stage{width:62%;right:-5%}.section-head{gap:25px}.case-title{font-size:36px}.service p{font-size:15px}.process-grid{gap:55px}.contact-links{font-size:17px}.car-scene{height:440px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:84px}.brand{font-size:14px;gap:11px}.brand-symbol{font-size:48px}.header nav,.header-contact{display:none}.menu-toggle{display:block;border:1px solid #aeb5a5;background:transparent;padding:10px 15px;border-radius:2px;font-size:15px;min-height:44px}.hero{height:auto;min-height:0;padding-top:23px}.hero-intro{font-size:14px}.hero-intro span:last-child{display:none}.hero h1{font-size:clamp(43px,10.5vw,78px);margin-top:28px;line-height:1.05;letter-spacing:-.06em}.hero-bottom{display:flex;flex-direction:column;align-items:stretch}.hero-offer{width:100%;padding:25px 0 0}.hero-offer p{font-size:17px;margin-bottom:20px;max-width:33ch}.desktop-br{display:none}.button{font-size:16px;min-height:54px;padding:14px 20px;gap:25px}.hero-offer .quiet-link{margin-top:10px;font-size:15px}.ribbon-stage{position:relative;right:auto;bottom:auto;width:100%;height:310px;margin-top:-8px}.motion-toggle{right:0;bottom:0;font-size:14px}.hero-footer{padding-block:20px;font-size:14px;gap:20px}.hero-footer a{gap:10px}.hero-footer>span{max-width:150px}.work{padding-top:76px}.section-head{display:block;margin-bottom:32px}.eyebrow{font-size:15px;margin-bottom:17px}h2,.section-head h2{font-size:clamp(39px,9.3vw,60px)}.section-head>p{font-size:17px;margin-top:24px;max-width:34ch}.case-top{flex-wrap:wrap;padding:23px 0;gap:10px;font-size:14px}.case-top>span:first-child{font-size:24px;flex:1}.case-top>span:nth-child(2){order:3;width:100%}.case-top a{font-size:15px}.car-scene{height:260px}.car-scene img{width:120%;max-width:none;right:-11%;top:-3%}.car-ring{height:85%;left:19%;top:5%}.case-bottom{display:block;padding-bottom:28px}.case-bottom h3{font-size:29px}.case-bottom .button{margin-top:24px}.case-notes{grid-template-columns:1fr;gap:24px;padding-block:28px}.case-notes p{font-size:16px;max-width:36ch}.services{padding-block:76px}.service-grid{grid-template-columns:1fr;grid-template-rows:440px 300px 300px;gap:12px}.service-main{grid-row:auto}.service{padding:26px}.service-design{padding:32px}.service h3{font-size:32px}.service p{font-size:16px;max-width:30ch}.service p br{display:none}.service strong{font-size:27px}.page-model{top:27%;height:38%;width:49%;right:8%}.service-main>div:last-child{padding-top:10px}.orbit-icon{right:-20%;bottom:-25%;opacity:.25}.flow-icon{bottom:40px;right:22px;opacity:.4}.price-note{font-size:15px}.process{padding-block:76px}.process-grid{grid-template-columns:1fr;gap:40px}.process-intro h2 br:last-child{display:none}.process-intro>p:not(.eyebrow){font-size:17px}.process-steps article{gap:22px}.process-steps h3{font-size:24px}.process-steps p{font-size:17px}.contact{padding:32px 0 48px}.contact-top{font-size:14px;gap:20px}.contact h2{font-size:clamp(48px,11.5vw,88px);margin-block:38px}.contact-bottom{display:block}.contact-bottom p{font-size:17px}.contact-links{margin-top:40px;font-size:17px;max-width:100%}.footer{flex-direction:column;gap:25px;font-size:14px}.footer p{overflow-wrap:anywhere}.footer>a{align-self:flex-end}}
@media(max-width:760px){.page-model{top:27%;height:30%;width:44%;right:9%}.service-main>div:last-child{position:relative;z-index:2}.service-main>div:last-child p{max-width:26ch}.process-intro h2 br:last-child{display:initial}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:10.3vw}.ribbon-stage{height:265px}.hero-footer{font-size:14px}.service-title h3{font-size:29px}.contact h2{font-size:11vw}.car-scene{height:230px}}
.arrow{position:relative;display:inline-block;flex:none;width:18px;height:18px;vertical-align:middle}.arrow:before{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor}.arrow:after{content:"";position:absolute;right:2px;top:2px;width:17px;height:1.6px;background:currentColor;transform-origin:right center;transform:rotate(-45deg)}
.skip{left:-10000px}.skip:focus-visible{left:10px;transform:none}
@media(min-width:761px) and (max-width:1100px){.ribbon-stage{right:0;width:57%}.hero-offer{width:48%}.header nav{gap:18px}.header-contact{gap:12px}.service-design{padding-left:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}

/* The ribbon is the visual anchor of the first screen: let it span the full chapter. */
@media(min-width:761px){.ribbon-stage{top:-351px;bottom:-1px;height:auto}}
@media(min-width:761px) and (max-width:1100px){.ribbon-stage{top:-330px}}
@media(min-width:761px){.hero-bottom{position:static}.ribbon-stage{top:0;bottom:0;height:auto}}
.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.contact-button{justify-content:center;min-width:260px}.contact-max{display:flex!important;align-items:center;justify-content:center;width:260px;min-height:58px;padding:16px 24px;border:1px solid #ffffff70;text-decoration:none!important;transition:background .25s,color .25s,transform .25s}.contact-max:hover{background:#fff;color:var(--blue);transform:translateY(-3px)}
@media(max-width:760px){.contact-button,.contact-max{width:100%;min-width:0}}