/* Photographic direction: restrained typography, real materials, static compositions. */
:root{--ink:#101113;--paper:#f2f0eb;--muted:#a4a6a9;--red:#ed2638}
.car-line,h1 span,.hero-description{animation:none}
.header{background:#101113f5;height:90px}
.hero{isolation:isolate;min-height:750px;background:#08090a}
.hero-image{inset:0;background-image:url('assets/hero-caliper.png');background-position:center;transform:none;transition:none}
.hero-shade{background:linear-gradient(90deg,#08090aec 0%,#08090aaa 35%,#08090a08 75%),linear-gradient(0deg,#08090a,transparent 28%)}
.hero-content{padding-top:110px;padding-bottom:30px}
h1{font-size:clamp(76px,8.2vw,126px);line-height:.92;letter-spacing:-1.5px;max-width:850px}
.hero-description{max-width:520px;font-size:15px;line-height:1.9;margin-top:32px}
.hero .actions{margin-bottom:110px}
.hero-bottom{color:#c4c4c4}
.trust-strip{border-block:1px solid #ffffff1a;background:#191a1c}
.trust-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px;gap:24px}
.trust-strip span{font-size:11px;color:#9d9fa3;letter-spacing:.4px}
.trust-strip b{display:block;color:#eee;font-size:13px;letter-spacing:1.5px;margin-bottom:3px}
.services{background:#141517;color:#f2f0eb}
.section-heading>p,.service-card p{color:#a7a9ad}
.service-grid{border-color:#33363a;background:#191a1d}
.service-card{border-color:#33363a;padding-top:28px;padding-bottom:25px}
.service-card a{border-color:#33363a;font-size:11px}
.service-card:hover{background:#232529;transform:translateY(-4px)}
.service-number{color:#95989e}
.service-note{color:#a7a9ad}.service-note a{color:#f2f0eb}
.engineering{height:auto;min-height:0;overflow:hidden;background:#0b0c0f;border-block:1px solid #292b30}
.engineering-sticky{position:relative;top:auto;min-height:0;height:auto;max-height:none;padding-block:95px;grid-template-columns:.85fr 1.4fr;gap:25px}
.engineering-copy h2{font-size:clamp(44px,4.3vw,66px)}
.engineering-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:380px}
.realistic-assembly{height:450px;perspective:none;transform:none;margin:0;left:0;width:100%}
.assembly:before{display:none}.realistic-brake{width:100%;height:100%;object-fit:contain;display:block}
.assembly-caption{bottom:5px;letter-spacing:2px;font-size:8px}
.about{background:#f2f0eb;color:#151619}
.about-copy>p:not(.eyebrow){color:#606166}.about .text-link{border-color:#ccc}
.about-visual{height:520px;border:0;background:#121315}
.about-visual img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.about-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 40%);pointer-events:none}
.visual-label{z-index:1;color:#fff}
.diagnostic-feature{padding:90px 0;background:#161719}
.diagnostic-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.diagnostic-photo img{display:block;aspect-ratio:1.35;width:100%;height:auto;object-fit:cover}
.diagnostic-copy h2{font-size:clamp(40px,4vw,60px)}
.diagnostic-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b0b1b4;margin:30px 0}
.process{background:#f2f0eb}.process .section-heading>p{color:#626262}
.faq{background:#e9e7e2}
.cta{background:#c91e30}.cta:after{background:linear-gradient(110deg,transparent 45%,#65001450)}
.cta .wrap{position:relative;z-index:1}
.contact{background:#101113}.map-caption{background:#1b1c20}
@media(min-width:1600px){.hero{min-height:850px}}
@media(max-width:1100px){.header{padding-inline:30px}.header nav{gap:18px}.engineering-sticky{grid-template-columns:1fr 1.2fr}.realistic-assembly{height:370px}.diagnostic-grid{gap:35px}.service-card{border-color:#33363a}.about-visual{height:460px}}
@media(max-width:760px){
 html{scroll-padding-top:80px}.header{height:80px;padding-inline:20px}
 .hero{min-height:780px;align-items:flex-start}.hero-content{padding-top:65px}
 .hero-image{background-position:70% 0;background-size:auto 580px;background-repeat:no-repeat}
 .hero-shade{background:linear-gradient(90deg,#08090ab5,#08090a25),linear-gradient(0deg,#08090a 10%,#08090a77 45%,#08090a15 90%)}
 h1{font-size:clamp(61px,12.5vw,92px);letter-spacing:-1px}.hero-description{margin-top:240px;font-size:13px;max-width:400px}
 .hero .actions{margin-top:24px;margin-bottom:35px}.hero-bottom{font-size:8px}
 .trust-strip .wrap{grid-template-columns:1fr;gap:12px;padding-block:22px}.trust-strip span{display:flex;justify-content:space-between;gap:15px;font-size:10px}.trust-strip b{font-size:10px;letter-spacing:1px;margin:0}
 .service-card{border-color:#33363a!important}.service-card:last-child{border-bottom:0}
 .engineering-sticky{grid-template-columns:1fr;padding-block:65px;gap:15px}.engineering-copy h2{font-size:43px}.engineering-copy>p:not(.eyebrow){font-size:13px}
 .realistic-assembly{height:290px;transform:none;width:100%;margin:0;left:0}.assembly-caption{font-size:7px;bottom:0;letter-spacing:1px}
 .about-visual{height:360px;min-height:0}.about-grid{gap:35px}
 .diagnostic-feature{padding:60px 0}.diagnostic-grid{grid-template-columns:1fr;gap:35px}.diagnostic-copy h2{font-size:43px}.diagnostic-copy>p:not(.eyebrow){font-size:13px}
 .cta h2{font-size:55px}.phone{font-size:40px}
}
@media(max-width:360px){h1{font-size:56px}.hero-description{margin-top:220px}.actions .button{padding:14px 12px;gap:14px}.realistic-assembly{height:240px}.trust-strip span{font-size:9px}}
