@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Condensed;src:url('assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--coal:#171717;--graphite:#292929;--cream:#efe3cb;--orange:#ff850a;--purple:#66398d;--muted:#b9b5ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--coal);color:var(--cream);font-family:Barlow,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--cream);color:var(--coal);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.header{height:98px;padding:0 5.5%;position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efe3cb24;background:linear-gradient(#101010cf,#10101033)}.brand{display:flex;gap:12px;align-items:center}.brand>span{font-family:Condensed;font-size:23px;line-height:.9;letter-spacing:.8px}.brand>span>span{display:block;font-size:27px;color:var(--orange)}.brand img{width:52px;height:52px}.header nav{display:flex;gap:35px;align-items:center;font-weight:600;font-size:15px}.header nav a:hover{color:var(--orange)}.nav-cta{border:1px solid #efe3cb6b;padding:12px 18px;display:flex;gap:22px}.menu-toggle{display:none}.hero{min-height:850px;height:min(950px,100svh);position:relative;isolation:isolate;overflow:hidden;background:#111}.hero-photo{position:absolute;inset:0;background: url(assets/garage.png) 62% center / cover no-repeat;z-index:-3}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141414 0%,transparent 60%),linear-gradient(90deg,#1115,#1111)}.paint{position:absolute;z-index:-1;inset:0 auto 0 0;width:62%;background:#171717eb;clip-path:polygon(0 0,90% 0,88% 9%,94% 13%,89% 17%,93% 23%,87% 26%,92% 31%,89% 35%,96% 38%,88% 43%,93% 48%,90% 53%,95% 58%,88% 63%,92% 69%,86% 72%,91% 78%,87% 81%,93% 88%,90% 93%,96% 100%,0 100%)}.hero-copy{position:relative;z-index:6;padding:208px 0 0 5.5%;width:64%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--orange);margin:0 0 25px;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;background:var(--orange);width:22px;height:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Condensed;font-weight:700}h1{font-size:clamp(72px,7.8vw,132px);line-height:.91;letter-spacing:-1px;margin:0 0 30px}h1>span{color:var(--orange);font-size:.74em}h2{font-size:clamp(52px,5.5vw,84px);line-height:.96;letter-spacing:-.5px;margin-bottom:28px}h2 span{color:var(--muted)}h3{font-size:36px;line-height:1;margin:0 0 20px}.hero-intro{color:#d2cbbb;font-size:18px;line-height:1.6;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;font-weight:600;border:1px solid transparent}.orange{background:var(--orange);color:#171717}.orange:hover{background:#ffa037}.text-link{font-weight:600;display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #efe3cb66;padding:10px 0}.text-link:hover{color:var(--orange)}.burnout-stage{position:absolute;inset:0;z-index:3;pointer-events:none;perspective:1000px}.wheel{position:absolute;width:clamp(260px,33vw,540px);aspect-ratio:1;left:63%;top:35%;filter:drop-shadow(0 24px 20px #0008);will-change:transform}.wheel img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.wheel-front{opacity:1}.wheel-angled{opacity:0}.rubber-track{position:absolute;height:12px;left:5%;right:8%;top:78%;background:linear-gradient(transparent,#0008,transparent);opacity:.5;filter:blur(2px);transform:rotate(-3deg)}#smoke{position:absolute;inset:0;width:100%;height:100%}.hero-bottom{position:absolute;z-index:7;bottom:40px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center}.scroll-link{font-size:11px;letter-spacing:1.5px;font-weight:600;display:flex;align-items:center;gap:17px}.scroll-link>span{border:1px solid #efe3cb66;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;font-size:18px}.motion-controls{display:flex;gap:8px}.motion-controls button{padding:10px 15px;background:#171717b0;color:var(--cream);border:1px solid #efe3cb33;font-size:12px;display:flex;gap:16px}.motion-controls button:hover{border-color:var(--orange)}.statement{min-height:90px;background:var(--orange);color:var(--coal);padding:18px 5.5%;display:flex;align-items:center;gap:32px;font-family:Condensed;font-size:42px}.statement-small{margin-left:auto;font-family:Barlow;font-size:10px;font-weight:600;letter-spacing:1.5px}.section{padding:110px 5.5%}.section-heading{display:grid;grid-template-columns:1fr 1fr;position:relative;padding-top:40px;gap:30px}.section-heading>.eyebrow{position:absolute;top:0}.section-heading>p:last-child{align-self:end;font-size:18px;line-height:1.7;max-width:420px;margin-left:auto;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #efe3cb33;margin-top:35px}.services article{padding:35px 35px 10px 0;position:relative}.services article+article{padding-left:35px;border-left:1px solid #efe3cb33}.number{color:var(--orange);font-size:12px;display:block;letter-spacing:1px;margin-bottom:40px}.services p{line-height:1.7;color:var(--muted);max-width:330px;min-height:115px}.service-link{background:none;border:0;border-bottom:1px solid #efe3cb44;color:var(--cream);padding:12px 0;display:flex;width:100%;max-width:330px;justify-content:space-between;font-weight:600}.service-link:hover{color:var(--orange)}footer{padding:40px 5.5%;border-top:1px solid #efe3cb25;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}.footer-brand{font-family:Condensed;font-size:25px;color:var(--cream)}
@media(min-width:1800px){.hero-copy{padding-top:230px}.hero{height:950px}}@media(max-width:1050px){.header nav{gap:23px}.hero{min-height:800px}.hero-copy{width:70%}h1{font-size:92px}.wheel{left:64%;top:41%;width:36vw}.hero-intro{font-size:16px}.statement-small{display:none}.services p{min-height:165px}.services article{padding-right:25px}.services article+article{padding-left:25px}}
@media(max-width:700px){html{scroll-padding-top:80px}.header{height:80px;padding:0 6%;background:#141414c9}.brand img{width:44px;height:44px}.brand>span{font-size:19px}.brand>span>span{font-size:23px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #efe3cb55;background:transparent;color:var(--cream)}.menu-toggle span{display:block;width:23px;height:2px;background:currentColor}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#171717f5;padding:24px 6%;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 30px #0008}.header nav.open{display:flex}.header nav a{padding:16px 0}.header nav .nav-cta{margin-top:15px;padding:16px;display:flex;justify-content:space-between}.hero{height:920px;min-height:920px;max-height:none}.paint{width:100%;opacity:.84;clip-path:polygon(0 0,100% 0,100% 55%,87% 58%,97% 60%,80% 62%,92% 65%,74% 68%,90% 71%,55% 74%,0 75%)}.hero-photo{background-position:65% center}.hero-copy{padding:140px 6% 0;width:100%}h1{font-size:clamp(64px,13vw,90px);letter-spacing:-.4px;margin-bottom:22px}h1>span{font-size:.74em}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:22px}.hero-intro{font-size:16px;max-width:350px;line-height:1.5;margin-bottom:23px}.hero-actions{gap:20px;flex-wrap:wrap}.button{padding:15px 18px;gap:15px;font-size:14px}.text-link{font-size:14px}.wheel{width:280px;left:calc(50% - 140px);top:57%}.rubber-track{top:84%;right:0}.hero-bottom{bottom:24px;left:6%;right:6%}.scroll-link{font-size:9px;letter-spacing:.8px;gap:8px}.scroll-link>span{width:28px;height:28px}.motion-controls{gap:5px}.motion-controls button{padding:9px 10px;font-size:11px;gap:8px}.statement{font-size:31px;gap:24px;padding:18px 6%;min-height:78px;justify-content:space-between}.section{padding:75px 6%}.section-heading{display:block;padding-top:35px}.section-heading>p:last-child{font-size:17px;margin-left:0}h2{font-size:58px}.services{display:block;margin-top:28px}.services article,.services article+article{padding:28px 0;border-left:0;border-bottom:1px solid #efe3cb33}.number{margin-bottom:23px}.services p{min-height:0;max-width:100%}.service-link{max-width:none}footer{flex-wrap:wrap;padding:30px 6%}footer>span{width:100%;order:3;font-size:10px}}
.about{display:grid;grid-template-columns:1fr 1fr;background:#232323;min-height:650px}.about-image{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#66398d38,transparent 60%),#121212}.about-image:before{content:'SG';position:absolute;left:8%;top:50%;transform:translateY(-53%);font-family:Condensed;font-size:clamp(250px,35vw,560px);color:#efe3cb08;letter-spacing:-30px;line-height:1}.about-image img{width:62%;max-width:380px;z-index:1;filter:drop-shadow(0 15px 30px #0006)}.image-caption{position:absolute;bottom:35px;left:11%;font-size:10px;letter-spacing:2px;color:var(--muted)}.about-copy{padding:85px 11%;align-self:center}.about-copy h2{font-size:clamp(48px,4.2vw,70px)}.about-copy p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);max-width:440px}.journal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px}.journal-heading>p{font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:30px}.journal-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #efe3cb44}.journal-item{position:relative;text-align:left;background:none;color:var(--cream);border:0;border-bottom:1px solid #efe3cb44;padding:30px 30px 30px 0;display:flex;flex-direction:column;min-height:280px;transition:color .2s}.journal-item+.journal-item{border-left:1px solid #efe3cb44;padding-left:30px}.journal-item:hover{color:var(--orange)}.journal-index{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.journal-name{font-family:Condensed;font-size:44px;line-height:1.03;margin:36px 0}.journal-meta{font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.journal-meta span{font-size:25px;color:var(--orange)}#vlog-channel{margin-top:30px}.contact{background:var(--cream);color:var(--coal);display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2 span{color:var(--coal)}.contact .eyebrow{color:#8e4300}.contact-copy>p:not(.eyebrow){font-size:20px;line-height:1.6;color:#59554d}.contact-note{display:flex;gap:20px;border-top:1px solid #17171735;padding-top:25px;margin-top:70px}.contact-note>span{color:#8e4300;font-size:30px}.contact-note p{font-size:15px;line-height:1.6;color:#59554d}.contact-links{display:flex;flex-direction:column;gap:15px}.contact-links:empty{display:none}.contact-links a{font-weight:600;border-bottom:1px solid #17171744;align-self:start;padding:8px 0}.enquiry label{display:block;font-weight:600;font-size:13px;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enquiry input,.enquiry select,.enquiry textarea{display:block;width:100%;border:0;border-bottom:1px solid #17171766;background:transparent;color:var(--coal);border-radius:0;font-size:16px;font-weight:400;padding:14px 0;resize:vertical}.enquiry input::placeholder,.enquiry textarea::placeholder{color:#706b60;opacity:1}.enquiry select{padding-right:25px}.enquiry .button{width:100%;justify-content:space-between}.form-note{font-size:12px;line-height:1.5;margin-top:15px;color:#59554d}.enquiry #enquiry-result{border-top:1px solid #17171755;margin-top:30px;padding-top:25px}.enquiry #enquiry-result h3{font-size:26px}.enquiry #enquiry-text{border:1px solid #17171755;padding:15px;background:#fff5;font-size:14px;line-height:1.6}.result-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px}.result-actions button,.result-actions a{color:var(--coal);padding:10px 0;border:0;border-bottom:1px solid #17171766;background:none;font-size:13px;font-weight:600}.enquiry #enquiry-status{font-size:13px;line-height:1.5;min-height:20px;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:var(--cream);color:var(--coal);padding:60px;max-width:750px;width:calc(100% - 40px);max-height:85svh;border:0}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:58px;max-width:540px}dialog h3{font-size:27px;margin:25px 0 10px}dialog p,dialog li{line-height:1.7;font-size:17px}dialog ol,dialog ul{padding-left:24px}dialog li{margin-bottom:12px}dialog .eyebrow{color:#8e4300;font-size:10px;margin-top:20px}.dialog-close{position:absolute;right:25px;top:20px;border:0;background:none;color:var(--coal);font-size:13px;display:flex;gap:15px;align-items:center}.dialog-close span{font-size:30px}dialog .button{margin-top:20px}[hidden]{display:none!important}.wheel{transform-style:preserve-3d;filter:none}.wheel img{filter:drop-shadow(0 24px 20px #0008)}.wheel-front{backface-visibility:visible}.wheel-angled{transform:rotateY(180deg);backface-visibility:visible}button:disabled{cursor:default;opacity:.5}
@media(max-width:1050px){.about-copy{padding:65px 9%}.about-copy h2{font-size:51px}.journal-name{font-size:36px}.contact{gap:6%}.contact h2{font-size:62px}.contact .form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.about{grid-template-columns:1fr}.about-image{min-height:380px;order:2}.about-image:before{font-size:340px;left:calc(50% - 150px)}.about-image img{width:230px}.image-caption{bottom:24px;left:6%;font-size:9px}.about-copy{padding:75px 6%}.about-copy h2{font-size:55px}.about-copy p:not(.eyebrow){font-size:17px}.journal-heading{display:block;margin-bottom:28px}.journal-heading>p{font-size:17px}.journal-list{display:block}.journal-item,.journal-item+.journal-item{border-left:0;padding:24px 0;min-height:0;display:grid;grid-template-columns:1fr auto;gap:15px}.journal-index{grid-column:1/-1}.journal-name{font-size:37px;margin:10px 0}.journal-meta{flex-direction:column;gap:20px;justify-content:end;font-size:9px;padding-bottom:8px;margin:0}.contact{display:block}.contact h2{font-size:58px}.contact-copy>p:not(.eyebrow){font-size:18px}.contact-note{margin-top:30px;margin-bottom:40px}.contact .form-row{grid-template-columns:1fr}.enquiry input,.enquiry select,.enquiry textarea{font-size:16px}dialog{padding:48px 25px 30px;width:calc(100% - 26px)}dialog h2{font-size:45px}dialog p,dialog li{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Supplied film fills the hero; the live slogan follows its final frame. */
.hero{height:100svh;min-height:680px;max-height:1100px}
.hero-film{position:absolute;inset:0;z-index:-3;background:#171717;overflow:hidden}
.hero-film video,.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-poster,.hero-film video{display:block}.show-poster .hero-film video{visibility:hidden}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#101010b8 0%,#10101082 31%,#10101018 48%,transparent 60%);opacity:0;transition:opacity .8s ease}
.hero.intro-complete:before{opacity:1}
.has-intro:not(.intro-complete) .hero-copy{opacity:0;visibility:hidden;pointer-events:none}
.hero-copy{width:44%;padding:clamp(145px,21svh,235px) 0 110px 6.5%}
.hero-copy h1{font-size:clamp(66px,6.7vw,120px);line-height:1.04;letter-spacing:-.5px;margin-bottom:24px}
.hero-copy h1>.hero-line{display:block;font-size:1em;color:var(--cream);white-space:nowrap}
.hero-copy h1>.hero-line+span{font-size:.7em;color:var(--orange);margin-top:12px}
.hero-copy .eyebrow{font-size:12px;letter-spacing:1.6px;margin-bottom:25px}
.hero-intro{font-size:clamp(16px,1.2vw,20px);line-height:1.6;margin-bottom:36px}
.hero-actions{gap:18px;flex-wrap:wrap}
.hero-actions .button{min-height:54px;font-size:16px;padding:16px 22px;justify-content:center;white-space:nowrap}
.outline{border:1px solid var(--cream);background:#17171730;color:var(--cream)}
.outline:hover{background:var(--cream);color:var(--coal)}
.intro-complete .hero-copy .eyebrow{animation:copy-in .5s both .12s}
.intro-complete .hero-line:first-child{animation:copy-in .65s both .24s}
.intro-complete .hero-line:nth-child(2){animation:copy-in .65s both .42s}
.intro-complete .hero-intro{animation:copy-in .6s both .62s}
.intro-complete .hero-actions{animation:copy-in .6s both .8s}
@keyframes copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:701px) and (max-width:1050px){.hero-copy{width:45%;padding-left:5%}.hero-copy h1{font-size:clamp(52px,6.7vw,70px)}.hero-actions{gap:12px}.hero-actions .button{font-size:14px;padding:14px 16px}.hero-intro br{display:none}}
@media(max-width:700px){
 .hero{height:auto;min-height:850px;max-height:none;padding-bottom:105px;background:#171717}
 .hero-film{inset:80px 0 auto;height:320px}
 .hero-film video,.hero-poster{object-fit:cover;object-position:76% center}
 .hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#171717,transparent 24%);pointer-events:none}
 .hero:before{display:none}
 .hero-copy{padding:420px 6% 15px;width:100%}
 .hero-copy h1{font-size:clamp(62px,14vw,90px)}
 .hero-copy .eyebrow{font-size:12px;letter-spacing:1px}
 .hero-intro{font-size:16px;margin-bottom:25px}.hero-intro br{display:none}
 .hero-actions{gap:12px}.hero-actions .button{font-size:14px;padding:15px 18px;min-height:50px}
 .hero-bottom{bottom:22px;flex-wrap:wrap;gap:15px}.motion-controls{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.hero:before{transition:none}.intro-complete .hero-copy *{animation:none}}

/* Brand guide: solid coal header, supplied cream wordmark, consistent heading scale. */
.header{background:var(--coal);border-bottom:1px solid #efe3cb24}
.brand .brand-wordmark{width:120px;height:auto;display:block}
.hero-film{inset:98px 0 0;background:var(--coal)}
.hero-film video,.hero-poster{inset:auto 2% auto auto;top:6%;width:auto;height:88%;max-width:98%;aspect-ratio:16/9;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 94%,transparent);mask-composite:intersect}
.hero-copy{width:51%;padding-top:clamp(155px,22svh,255px)}
.hero-copy h1{font-size:clamp(80px,8vw,164px);line-height:1.12;letter-spacing:-.5px}
.hero-copy h1>.hero-line+span{font-size:1em;margin-top:10px}
.intro-complete .hero-line:first-child,.intro-complete .hero-line:nth-child(2){animation:none}
.type-char{position:relative;visibility:hidden;white-space:pre}
.type-char.is-visible{visibility:visible}
.type-char.is-cursor:before{content:'';position:absolute;visibility:visible;left:0;top:14%;height:.8em;border-left:.035em solid var(--orange)}
.has-intro:not(.copy-ready) .hero-intro,.has-intro:not(.copy-ready) .hero-actions{opacity:0;visibility:hidden;pointer-events:none}
.intro-complete .hero-intro,.intro-complete .hero-actions{animation:none}
.intro-complete.copy-ready .hero-intro{animation:copy-in .45s both}
.intro-complete.copy-ready .hero-actions{animation:copy-in .45s both .12s}
@media(min-width:701px) and (max-width:1050px){.hero-copy{width:51%;padding-left:5%}.hero-copy h1{font-size:clamp(58px,7.5vw,80px)}}
@media(max-width:700px){
 .header{background:var(--coal)}.brand .brand-wordmark{width:100px;height:auto}
 .hero-film{inset:80px 0 auto;height:320px}
 .hero-film video,.hero-poster{inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:76% center;mask-image:none}
 .hero-copy{width:100%;padding:420px 6% 15px}
 .hero-copy h1{font-size:clamp(48px,11.7vw,78px);line-height:1.16}
 .hero-copy h1>.hero-line+span{font-size:1em;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.intro-complete.copy-ready .hero-copy *{animation:none}.type-char.is-cursor:before{display:none}}

/* Full-hero playback transforms into the existing settled composition. */
.hero-film video,.hero-poster{transform-origin:0 0;will-change:transform}
.intro-full .hero-film video,.intro-full .hero-poster{mask-image:none}
@media(max-width:700px){
 .hero-film{inset:80px 0 0;height:auto}
 .hero-film video,.hero-poster{inset:0 auto auto 0;width:100%;height:320px;max-width:none;mask-image:linear-gradient(180deg,#000 80%,transparent)}
.hero-film:after{display:none}
}

/* Desktop composition scales from the approved 2048 x 1049 reference. */
@media(min-width:701px){
 .hero{--scene-unit:.048828125vw;--scene-header:max(80px,calc(var(--scene-unit)*98));height:max(580px,calc(var(--scene-unit)*1049));min-height:0;max-height:none}
 .header{height:max(80px,4.78515625vw)}
 .brand .brand-wordmark{width:5.859375vw;height:auto}
 .header nav{font-size:max(14px,.732421875vw);gap:1.708984375vw}
 .nav-cta{padding:.5859375vw .87890625vw;gap:1.07421875vw}
 .hero-film{inset:var(--scene-header) 0 0}
 .hero-film video,.hero-poster{top:calc(var(--scene-unit)*57.06);right:2%;left:auto;bottom:auto;width:calc(var(--scene-unit)*1487.79);height:calc(var(--scene-unit)*836.88);max-width:none}
 .hero-copy{width:53%;padding:calc(var(--scene-unit)*230.78) 0 0 6.5%}
 .hero-copy h1{font-size:calc(var(--scene-unit)*164);line-height:1.12;letter-spacing:calc(var(--scene-unit)*-.5);margin-bottom:calc(var(--scene-unit)*24)}
 .hero-copy h1>.hero-line+span{font-size:1em;margin-top:calc(var(--scene-unit)*10)}
 .hero-copy .eyebrow{font-size:max(12px,calc(var(--scene-unit)*12));letter-spacing:calc(var(--scene-unit)*1.6);margin-bottom:calc(var(--scene-unit)*25)}
 .hero-copy .eyebrow>span{width:calc(var(--scene-unit)*22);height:2px}
 .hero-copy .hero-intro{font-size:max(16px,calc(var(--scene-unit)*20));line-height:1.6;margin-bottom:calc(var(--scene-unit)*36)}
 .hero-intro br{display:initial}
 .hero-actions{gap:calc(var(--scene-unit)*18)}
 .hero-actions .button{font-size:max(14px,calc(var(--scene-unit)*16));min-height:max(44px,calc(var(--scene-unit)*54));padding:calc(var(--scene-unit)*16) calc(var(--scene-unit)*22)}
 .hero-bottom{bottom:calc(var(--scene-unit)*40)}
}

/* Tuning uses the same desktop canvas and brand rhythm as the hero. */
.tuning{--tuning-unit:.048828125vw;padding:clamp(64px,5.37109375vw,150px) 6.5%;scroll-margin-top:24px}
.tuning .section-heading{grid-template-columns:1.6fr 1fr;gap:24px;padding-top:40px;margin-bottom:34px}
.tuning h2{font-size:clamp(56px,5.078125vw,150px);margin-bottom:0;line-height:1.02}
.tuning .section-heading>p:last-child{font-size:max(16px,.9765625vw);line-height:1.6;margin-bottom:5px;max-width:420px}
.tuning .eyebrow{font-size:max(12px,.5859375vw)}
.vehicle-finder{padding:28px 30px 22px;background:#232323;border:1px solid #efe3cb29;border-top:3px solid var(--orange)}
.finder-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}
.finder-heading h3{font-size:28px;margin:0;letter-spacing:.2px}
#reset-vehicle,#retry-catalogue{border:0;background:none;color:var(--cream);font-size:14px;min-height:44px;padding:8px 0;display:flex;gap:12px;align-items:center}
#reset-vehicle:hover,#retry-catalogue:hover{color:var(--orange)}
#reset-vehicle:disabled{opacity:.4}
.vehicle-fields{display:grid;grid-template-columns:1fr 1.1fr 1fr 1.7fr;gap:20px}
.vehicle-fields label{font-size:14px;font-weight:600;min-width:0}
.field-step{color:var(--orange);font-size:11px;margin-right:7px;font-variant-numeric:tabular-nums}
.vehicle-fields select{display:block;appearance:auto;width:100%;height:58px;margin-top:12px;padding:0 12px;border:1px solid #efe3cb59;border-radius:0;background:#171717;color:var(--cream);font-size:16px;text-overflow:ellipsis;color-scheme:dark;cursor:pointer}
.vehicle-fields select:disabled{opacity:.5;cursor:default}
.vehicle-fields select:not(:disabled):hover{border-color:var(--orange)}
.finder-help{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-top:18px;font-size:14px;line-height:1.5;color:var(--muted)}
.finder-help p{margin:0;flex:1}
.finder-help a{color:var(--cream);white-space:nowrap;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.tuning-empty{display:flex;align-items:center;gap:22px;padding:36px 0;border-bottom:1px solid #efe3cb29;min-height:140px}
.empty-mark{color:var(--orange);font-size:42px;font-weight:600}
.tuning-empty h3{font-size:28px;margin:0 0 10px}
.tuning-empty p{font-size:16px;color:var(--muted);margin:0;line-height:1.5}
.catalogue-count{margin-left:auto;font-size:13px;letter-spacing:.5px;color:var(--muted);white-space:nowrap}
.result-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:36px 0 24px}
.result-heading .eyebrow{margin-bottom:12px;font-size:11px}
.result-heading h3{font-size:40px;margin-bottom:8px}
.selected-engine{margin:0;font-size:17px;color:var(--muted);line-height:1.5}
.generation-note{font-size:12px;letter-spacing:.5px;line-height:1.5;color:var(--muted);text-align:right}
.tune-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tune-card{padding:28px 30px;background:#232323;border:1px solid #efe3cb33;display:flex;flex-direction:column;min-width:0}
.tune-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.tune-card h4{font-family:Condensed;font-size:36px;line-height:1;margin:0;font-weight:700}
.stage-status{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--orange);padding:8px 10px;background:#ff850a0d;border:1px solid #ff850a55;white-space:nowrap}
.tune-metrics{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-bottom:22px}
.tune-metrics thead th{font-size:12px;font-weight:400;color:var(--muted);padding:0 0 14px;text-align:right}
.tune-metrics thead th:first-child{text-align:left}
.tune-metrics tbody th{font-size:14px;text-align:left;font-weight:400;padding:18px 8px 18px 0;white-space:nowrap}
.tune-metrics td{text-align:right;font-size:clamp(16px,1.171875vw,32px);font-weight:600;white-space:nowrap;padding-left:12px}
.tune-metrics tr{border-bottom:1px solid #efe3cb22}
.metric-tuned{color:var(--orange)}
.stage-description{line-height:1.5;font-size:15px;color:var(--muted);margin-bottom:24px;min-height:45px}
.tune-card .button{margin-top:auto;align-self:start;min-height:48px;font-size:15px;padding:14px 20px}
.tune-unavailable{background:transparent;border-style:dashed}
.tune-unavailable .stage-status{color:var(--muted);border-color:#efe3cb33;background:none}
.unavailable-copy{max-width:450px;font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:25px}
.tune-unavailable .text-link{align-self:start;margin-top:auto;font-size:15px;min-height:44px}
.catalogue-note{display:flex;gap:32px;justify-content:space-between;align-items:start;padding:22px 0;font-size:13px;line-height:1.7;color:var(--muted)}
.catalogue-note p{max-width:850px;margin:0}
.catalogue-note a{flex:none;text-decoration:underline;text-underline-offset:4px;color:var(--cream);padding:2px 0;min-height:44px}
.tuning .services{margin-top:36px}
.tuning .services article{padding-top:25px;padding-bottom:0}
.tuning .services .number{margin-bottom:22px;font-size:11px}
.tuning .services h3{font-size:clamp(28px,1.7578125vw,48px);margin-bottom:16px}
.tuning .services p{font-size:max(16px,.78125vw);min-height:60px;max-width:90%;line-height:1.6;margin-bottom:18px}
.tuning .services .service-link{font-size:max(14px,.68359375vw);max-width:90%;min-height:44px}
@media(max-width:360px){.hero-copy h1{font-size:40px}.journal h2{font-size:50px!important}.tune-metrics td{font-size:14px!important;padding-left:4px!important}.tune-metrics tbody th{font-size:11px!important}}
@media(min-width:1800px){.vehicle-finder,.tune-card{padding:1.3671875vw 1.46484375vw}.vehicle-fields select{height:2.83203125vw;font-size:.78125vw}.vehicle-fields label,.finder-help{font-size:.68359375vw}.finder-heading h3{font-size:1.3671875vw}.result-heading h3{font-size:1.953125vw}.tune-card h4{font-size:1.7578125vw}}
@media(min-width:701px) and (max-width:1050px){.vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tune-card{padding:24px 20px}.tune-metrics td{font-size:16px;padding-left:8px}.tune-metrics tbody th{font-size:12px}.stage-status{font-size:9px;padding:6px}.finder-help{align-items:start}.tuning .section-heading>p:last-child br{display:none}}
@media(max-width:700px){
 .tuning{padding:64px 6%}.tuning .section-heading{display:block;margin-bottom:28px;padding-top:34px}.tuning h2{font-size:clamp(44px,11.7vw,70px);margin-bottom:22px}.tuning .section-heading>p:last-child{font-size:16px;margin-left:0}.tuning .section-heading>p:last-child br{display:none}
 .vehicle-finder{padding:20px 18px 14px}.finder-heading{margin-bottom:20px}.finder-heading h3{font-size:26px}.vehicle-fields{grid-template-columns:1fr;gap:20px}.vehicle-fields select{height:56px;margin-top:9px}.finder-help{flex-wrap:wrap;gap:8px;margin-top:20px}.finder-help p{flex-basis:100%;font-size:13px}.finder-help a{font-size:13px}
 .tuning-empty{align-items:start;flex-wrap:wrap;gap:14px;padding:26px 0}.empty-mark{font-size:30px}.tuning-empty>div{flex:1}.tuning-empty h3{font-size:24px}.tuning-empty p{font-size:15px}.catalogue-count{margin-left:44px;width:100%;font-size:12px}
 .result-heading{display:block;margin:28px 0 20px}.result-heading h3{font-size:34px}.selected-engine{font-size:16px}.generation-note{display:block;text-align:left;margin-top:12px;font-size:11px}.tune-grid{grid-template-columns:1fr;gap:16px}.tune-card{padding:22px 18px}.tune-card h4{font-size:32px}.stage-status{font-size:9px;padding:6px 7px}.tune-metrics td{font-size:17px;padding-left:8px}.tune-metrics tbody th{font-size:12px;padding-right:0}.tune-metrics thead th{font-size:11px}.stage-description{min-height:0;font-size:14px}.unavailable-copy{font-size:16px}
 .catalogue-note{display:block;padding:20px 0;font-size:12px}.catalogue-note a{display:inline-flex;align-items:center;margin-top:8px}.tuning .services{margin-top:18px}.tuning .services p{min-height:0;max-width:none}.tuning .services .service-link{max-width:none}.tuning .services article{padding:26px 0}
}