@font-face{font-family:Manrope;src:url(assets/manrope-regular.ttf) format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:Manrope;src:url(assets/manrope-bold.ttf) format('truetype');font-weight:600 800;font-display:swap}
:root{--paper:#eeede8;--ink:#20221f;--orange:#ed6039;--muted:#74766f;--line:#cfcec6;--pad:clamp(24px,4.3vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:var(--ink)}button,a{touch-action:manipulation}button{background:none}p,h1,h2,h3{margin:0}svg{display:block;width:100%}.orange{color:var(--orange)}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:15px;background:var(--orange)}.skip:focus{top:10px}.header{height:100px;margin:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;position:relative;z-index:5}.logo{font-weight:800;font-size:26px;letter-spacing:-1.8px;white-space:nowrap;line-height:1}.logo>span{color:var(--orange);margin:0 4px;font-weight:400}.logo small{display:block;font-size:7.4px;font-weight:600;letter-spacing:1.5px;margin-top:9px}.desktop-nav{display:flex;gap:34px;font-size:12px}.desktop-nav a,.header-phone{transition:color .2s}.desktop-nav a:hover,.header-phone:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:30px}.header-phone{font-size:12px}.btn{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 24px;font-size:12px;font-weight:600;transition:background .25s,color .25s,transform .25s}.btn span{font-size:20px;line-height:1}.btn:hover{background:var(--orange);color:var(--ink)}.btn:active{transform:scale(.97)}.btn.small{padding:15px 20px}.dark{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{position:absolute;inset:85px 0 auto;background:var(--paper);z-index:10;padding:25px var(--pad);box-shadow:0 25px 30px #20221f15}.mobile-nav a{display:block;border-bottom:1px solid var(--line);padding:18px 0;font-size:20px}.hero{padding:0 var(--pad)}.hero-top{display:flex;justify-content:space-between;gap:32px;position:relative;z-index:2;padding-top:46px;pointer-events:none}.hero-top a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:600;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--orange);flex-shrink:0;box-shadow:0 0 0 4px #ed603910}.hero h1{font-size:clamp(48px,5.8vw,94px);line-height:1.06;font-weight:500;letter-spacing:-.064em;margin-top:25px}.hero-intro{padding:56px 2% 0 0;max-width:270px;flex-shrink:0}.hero-intro p{font-size:14px;line-height:1.8}.text-link{display:inline-flex;font-size:11px;font-weight:600;gap:24px;align-items:center;padding:15px 0;border-bottom:1px solid currentColor;transition:gap .25s,color .25s}.text-link:hover{gap:34px;color:var(--orange)}.hero-intro .text-link{margin-top:15px}.text-link span{font-size:18px}.hero-stage{position:relative;height:clamp(340px,35vw,530px);margin-top:-10px}.stage-word{position:absolute;top:4%;width:100%;text-align:center;font-size:clamp(90px,15.4vw,245px);line-height:1;font-weight:700;letter-spacing:-.075em;color:#deded5;user-select:none;overflow:hidden}.stage-ring{position:absolute;left:13%;top:40%;width:74%;height:45%;border:1px solid #d0d0c5;border-radius:50%;transform:rotate(-8deg)}#car-view{position:absolute;inset:-9% -1% 4%;z-index:1;touch-action:pan-y}#car-view canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y!important}#car-view canvas:active{cursor:grabbing}.model-loading{position:absolute;inset:25% 0;display:flex;align-items:center;justify-content:center;gap:15px;font-size:9px;letter-spacing:1px}.model-loading b{margin-left:12px}.loader{width:22px;height:22px;border:1px solid #b2b3a9;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.model-label{position:absolute;left:1%;bottom:24%;display:flex;align-items:center;gap:12px;font-size:8px;line-height:1.8;letter-spacing:1px;z-index:2;pointer-events:none}.model-label b{font-weight:500;color:var(--muted)}.cross{font-size:23px;color:var(--orange)}.stage-side{position:absolute;right:0;top:28%;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.8px}.car-controls{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:2}.swatches{display:flex;align-items:center;gap:9px}.swatch{width:22px;height:22px;background:var(--swatch);border-radius:50%;border:4px solid var(--paper);outline:1px solid transparent;transition:outline-color .2s}.swatch.selected{outline-color:var(--ink)}.swatches>span{font-size:8px;letter-spacing:1.2px;margin-left:8px;min-width:60px}.rotate-controls{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.2px}.rotate-controls button{min-width:32px;height:36px;font-size:16px}.rotate-controls button:hover{color:var(--orange)}.rotate-caption{font-size:8px;color:var(--muted);margin-left:12px}.hero-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:25px 0 31px;gap:28px}.scroll-link{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:15px}.scroll-link>span{font-size:24px}.hero-fact{display:flex;align-items:center;gap:17px}.hero-fact strong{font-size:33px;font-weight:500;letter-spacing:-2px}.hero-fact strong span{font-size:19px;letter-spacing:-1px;color:var(--muted)}.hero-fact>span{font-size:9px;line-height:1.6;color:var(--muted)}.open-note{font-size:8px;letter-spacing:1px;display:flex;gap:10px;align-items:center}.section-pad{padding:65px var(--pad) 82px}.services{background:#20241f;color:var(--paper)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-index{margin-right:17px;color:var(--orange)}.mini-note{font-size:8px;letter-spacing:1.1px;opacity:.5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:42px 0 48px}.section-heading h2,.approach h2{font-size:clamp(36px,4.6vw,72px);font-weight:400;line-height:1.1;letter-spacing:-.055em}.section-heading>p{font-size:12px;line-height:1.8;color:#a7aaa0;margin-right:6%}.service-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:7%}.service-tabs{display:flex;border-bottom:1px solid #4a4e44;margin-bottom:5px;gap:25px}.service-tabs button{padding:12px 0 18px;color:#979c8f;font-size:12px;border-bottom:2px solid transparent;margin-bottom:-1px}.service-tabs button[aria-selected=true]{border-color:var(--orange);color:var(--paper)}.service-tabs span{font-size:8px;margin-left:7px;vertical-align:super}.service-row{width:100%;border-bottom:1px solid #42463d;padding:19px 0;display:flex;align-items:center;gap:24px;text-align:left;transition:padding .25s,color .25s}.service-row:hover{padding-left:8px}.service-row.active{color:var(--orange)}.row-index{font-size:9px;color:#93998d;width:20px}.row-title{font-size:21px;letter-spacing:-.7px}.row-price{margin-left:auto;font-size:11px;white-space:nowrap}.row-arrow{font-size:22px;margin-left:12px}.service-detail{padding:23px 28px 17px;border:1px solid #51564a;background:linear-gradient(130deg,#2e342b,#262b24);position:relative;overflow:hidden}.detail-top{font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between;gap:12px}.technical-art{position:relative;margin:16px -4px 22px}.technical-art svg{height:150px;overflow:visible;transition:transform .5s}.service-detail:hover .technical-art svg{transform:translateY(-4px)}.art-caption{display:block;text-align:center;font-size:6px;letter-spacing:2px;color:#878e7d;margin-top:6px}.detail-copy{display:flex;gap:23px;align-items:center}.detail-copy>span{font-size:44px;color:#737d67;letter-spacing:-3px;font-weight:400}.detail-copy h3{font-size:24px;font-weight:400;letter-spacing:-1px}.detail-copy p{font-size:10px;color:#acb39f;margin-top:5px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #505745;margin-top:20px;padding-top:18px}.detail-bottom small{font-size:7px;letter-spacing:1px;color:#a5ad98;display:block}.detail-bottom strong{font-size:28px;letter-spacing:-1px;display:block;font-weight:400;margin-top:5px}.round-arrow{border-radius:50%;background:var(--orange);color:#21251e;width:49px;height:49px;font-size:26px;transition:transform .25s}.round-arrow:hover{transform:rotate(45deg)}.price-note{font-size:8px;color:#a8b09c;margin-top:20px;line-height:1.6}.approach{padding-top:70px;padding-bottom:70px}.approach-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center;margin:55px 0 64px}.approach h2 span{color:#96998e}.approach-intro>div{max-width:340px}.approach-intro p{font-size:17px;line-height:1.7}.approach-intro p.muted{font-size:12px;line-height:1.9;margin:22px 0 14px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principles article{padding:29px 11% 10px 0;position:relative}.principles article+article{border-left:1px solid var(--line);padding-left:11%}.principle-no{font-size:8px;letter-spacing:1px}.principles h3{font-size:24px;letter-spacing:-1px;font-weight:500;line-height:1.25;margin:16px 0}.principles p{font-size:11px;line-height:1.9;color:var(--muted)}.principle-symbol{height:115px;padding-top:15px;font-size:98px;line-height:1;color:var(--orange);font-family:Arial,sans-serif;transition:transform .5s;transform-origin:left center}.principles article:hover .principle-symbol{transform:translate(8px,-5px)}.precision-symbol{position:relative;width:110px;height:115px}.precision-symbol i{border:1px solid var(--orange);border-radius:50%;position:absolute;width:78px;height:78px;top:24px;left:3px}.precision-symbol i:nth-child(2){width:54px;height:54px;top:36px;left:15px}.precision-symbol i:nth-child(3){width:28px;height:28px;top:49px;left:28px}.precision-symbol b{position:absolute;left:36px;top:53px;color:var(--orange);font-weight:400}.care-symbol{height:115px;position:relative;width:130px}.care-symbol i{position:absolute;top:28px;width:56px;height:72px;border:1px solid var(--orange);border-radius:50%;transform:rotate(30deg);left:0;transition:left .4s}.care-symbol i:nth-child(2){left:20px}.care-symbol i:nth-child(3){left:40px}.principles article:hover .care-symbol i:nth-child(3){left:55px}.process-strip{padding:29px var(--pad);background:#dedfd6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6%}.process-strip p{font-size:8px;letter-spacing:1px;max-width:130px;line-height:1.8}.process-strip>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px}.process-strip span{font-size:12px}.process-strip b{color:#888e7e;font-size:8px;margin-right:10px;font-weight:400}.process-strip i{color:#8c9282;font-size:18px;font-style:normal}.contacts{background:var(--orange);padding-bottom:44px}.contacts .section-index{color:var(--ink)}.contact-main{display:flex;justify-content:space-between;align-items:center;margin:48px 0 65px;gap:40px}.contact-main h2{font-size:clamp(38px,4.8vw,75px);line-height:1.13;letter-spacing:-.06em;font-weight:500}.contact-main h2>span{color:#f8d8c5}.contact-cta{border:1px solid #7b3e24;border-radius:50%;width:154px;height:154px;flex-shrink:0;font-size:8px;letter-spacing:1px;text-align:left;padding:28px;line-height:1.6;transition:background .3s,color .3s,transform .3s}.contact-cta span{display:block;font-size:35px;line-height:1;margin-top:12px}.contact-cta:hover{background:var(--ink);color:var(--paper);transform:rotate(-7deg)}.contact-bottom{border-top:1px solid #b84d29;display:grid;grid-template-columns:1.3fr 1fr 1fr;padding-top:28px;gap:20px}.contact-bottom small{font-size:7px;letter-spacing:1px;display:block;margin-bottom:12px}.contact-bottom p,.contact-bottom a{font-size:15px}.contact-bottom a{font-size:23px;letter-spacing:-.7px}footer{padding:30px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:25px}footer .logo{font-size:22px}footer p,footer button{font-size:8px;color:var(--muted);line-height:1.7}.back-top{font-size:25px}.credits-button{padding:14px 0}.reveal{transition:opacity .7s,transform .7s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}dialog{border:0;padding:48px;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);background:var(--paper);color:var(--ink);box-shadow:0 25px 120px #0005;overflow:auto}dialog::backdrop{background:#161c16a8;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .3s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.close-dialog{position:absolute;right:14px;top:10px;width:44px;height:44px;font-size:30px}.close-dialog:hover{color:var(--orange)}dialog h2{font-size:36px;line-height:1.12;letter-spacing:-1.8px;font-weight:400;margin:25px 0 20px}.dialog-intro{font-size:12px;color:var(--muted);margin-bottom:22px}form label{display:block;font-size:10px;margin-bottom:17px}input,select{width:100%;display:block;margin-top:8px;border:1px solid #c6c8bc;border-radius:0;padding:13px;background:transparent;color:var(--ink);min-height:46px;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:10px;color:var(--muted);line-height:1.7;margin:10px 0 20px}form .btn,#booking-result .btn{width:100%}#booking-summary{border-block:1px solid var(--line);padding:20px 0;font-size:14px;line-height:2}#booking-result .text-link{margin-top:10px}#credits-dialog>p:not(.eyebrow){font-size:13px;line-height:1.9;margin:15px 0}#credits-dialog a{text-decoration:underline}.model-fallback{position:absolute;inset:5% 10%;width:80%;height:80%;object-fit:contain}.fallback-note{position:absolute;bottom:10%;left:0;width:100%;text-align:center;font-size:10px}.hero-top{animation:hero-in .8s ease-out}@keyframes hero-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){body{max-width:1920px;margin:auto}.hero-stage{height:530px}}
@media(max-width:1050px){.header-phone{display:none}.header{height:85px}.hero-intro{padding-top:45px}.hero h1{font-size:6.1vw}.hero-stage{height:360px}.model-label{bottom:19%}.open-note{display:none}.service-layout{gap:5%}.service-tabs{gap:20px}.service-tabs button{font-size:10px}.service-detail{padding:22px}.row-title{font-size:19px}.row-price{font-size:10px}.service-row{gap:14px}.mini-note{display:none}.contact-cta{width:130px;height:130px;padding:24px}.contact-bottom a{font-size:19px}.contact-bottom p{font-size:13px}.process-strip{gap:30px}.process-strip>div{gap:10px}.process-strip span{font-size:10px}}
@media(max-width:700px){:root{--pad:22px}html{scroll-padding-top:20px}.header{height:79px;gap:16px}.logo{font-size:24px}.logo small{font-size:6.4px}.desktop-nav{display:none}.header-actions{gap:13px}.header .btn{font-size:10px;padding:12px 13px;gap:17px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:30px;height:44px;padding:4px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero-top{padding-top:32px;display:block}.eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:clamp(40px,9.3vw,63px);letter-spacing:-.065em;margin-top:22px;line-height:1.08}.hero-intro{padding:0;margin-top:22px;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.hero-intro p{font-size:10px;line-height:1.7}.hero-intro .text-link{margin:0;font-size:8px;gap:10px;padding:12px 0;white-space:nowrap}.hero-stage{height:310px;margin:18px -8px 0}.stage-word{font-size:15.5vw;top:13%;letter-spacing:-.065em}.stage-ring{left:6%;width:88%;top:39%;height:38%}#car-view{inset:-7% -4% 7%}.stage-side,.model-label{display:none}.car-controls{padding:0 8px;bottom:2px}.rotate-caption{display:none}.rotate-controls{gap:4px;font-size:8px}.rotate-controls button{min-width:27px}.swatches{gap:7px}.swatches>span{font-size:7px;margin-left:3px}.swatch{width:20px;height:20px;border-width:3px}.hero-bottom{padding:20px 0 26px;margin-top:10px;gap:15px}.scroll-link{font-size:0;gap:0}.scroll-link>span{font-size:27px}.hero-fact{gap:10px}.hero-fact strong{font-size:29px}.hero-fact strong span{font-size:15px}.hero-fact>span{font-size:8px}.section-pad{padding:39px var(--pad) 45px}.section-index{margin-right:8px}.section-heading{display:block;margin:30px 0 27px}.section-heading h2,.approach h2{font-size:40px;letter-spacing:-2px}.section-heading p{font-size:11px;line-height:1.8;margin:20px 0 0}.service-layout{grid-template-columns:1fr;gap:26px}.service-tabs{gap:24px}.service-tabs button{font-size:11px;padding-bottom:15px}.service-row{padding:17px 0}.row-title{font-size:21px}.row-price{font-size:11px}.service-detail{padding:23px}.technical-art{margin:16px 0 18px}.technical-art svg{height:145px}.detail-top{font-size:6px}.detail-copy h3{font-size:25px}.detail-copy p{font-size:10px}.detail-copy>span{font-size:43px}.detail-bottom strong{font-size:29px}.price-note{font-size:8px}.approach-intro{display:block;margin:32px 0 35px}.approach-intro>div{max-width:100%;margin-top:26px}.approach-intro p{font-size:15px}.approach-intro p.muted{font-size:11px;margin:15px 0 10px}.principles{display:block}.principles article,.principles article+article{padding:26px 102px 25px 0;border:0;border-bottom:1px solid var(--line)}.principles h3{font-size:23px;margin:15px 0 12px}.principles p{font-size:10px}.principle-symbol,.precision-symbol,.care-symbol{position:absolute;right:0;top:50px;width:85px;transform:scale(.8);transform-origin:top right}.principle-symbol{font-size:85px;padding-top:0}.precision-symbol{top:38px}.care-symbol{top:38px}.principles article:hover .principle-symbol{transform:scale(.8)}.process-strip{display:block;padding:24px var(--pad)}.process-strip p{max-width:none;margin-bottom:20px;font-size:7px}.process-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.process-strip i{display:none}.process-strip span{font-size:11px}.contact-main{display:block;margin:29px 0 30px;position:relative}.contact-main h2{font-size:37px;letter-spacing:-2px;line-height:1.15}.contact-cta{margin-top:28px;width:100%;height:auto;border-radius:0;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:15px 19px;font-size:9px;line-height:1.5}.contact-cta span{margin:0;font-size:28px}.contact-cta:hover{transform:none}.contact-bottom{grid-template-columns:1fr;gap:23px;padding-top:25px}.contact-bottom small{font-size:7px;margin-bottom:7px}.contact-bottom a{font-size:25px}.contact-bottom p{font-size:14px}footer{display:grid;grid-template-columns:1fr auto;padding:26px var(--pad);gap:22px}footer .logo{font-size:22px}footer p{font-size:7px}footer p:nth-child(2){text-align:right}.demo-note{max-width:180px}.credits-button{text-align:right}.back-top{display:none}dialog{padding:36px 24px}dialog h2{font-size:32px;margin-top:22px}dialog .eyebrow{font-size:7px}.form-row{gap:12px}input,select{font-size:16px;padding:11px;min-width:0}.form-row label{min-width:0}.model-loading{font-size:7px;gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
/* Comfortable touch targets without oversized controls. */
.swatch{position:relative}.swatch:after{content:"";position:absolute;inset:-11px;border-radius:50%}.swatches{gap:16px}.rotate-controls button{min-width:40px;height:40px}
@media(max-width:700px){.hero-intro p{font-size:11px}.hero-intro .text-link{font-size:9px}.principles p,.approach-intro p.muted{font-size:12px}.form-note{font-size:11px}.detail-copy p{font-size:11px}.swatches{gap:13px}.rotate-controls{gap:0}.rotate-controls button{min-width:32px;height:44px}.swatches>span{display:none}}
@media(max-width:350px){.hero h1{font-size:35px}.hero-intro .text-link{font-size:8px;gap:5px}.hero-intro p{font-size:10px}.row-title{font-size:19px}.row-price{font-size:10px}.service-tabs{gap:18px}.service-tabs button{font-size:10px}}
