/* why: bespoke AR/CAR page; house tokens, hairline bands like home, one blue panel in the hero */
.car .wrap{padding-inline:var(--s-48)}
.car h2{font-size:var(--t-40);line-height:1.12;font-weight:400;margin:0 0 var(--s-48)}
.car-hero{padding:var(--s-96) 0;border-bottom:1px solid var(--line)}
.car-hero__grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-64);align-items:center}
.car-hero h1{font-size:var(--t-56);line-height:1.08;font-weight:400;margin:0}
.car-hero__lead{font-size:var(--t-20);line-height:1.5;color:var(--ink-2);max-width:34rem;margin:var(--s-32) 0 var(--s-24)}
.car-hero .btn{height:40px}
.car-hero__panel{background:var(--accent);color:var(--on-accent);border-radius:var(--r-container);padding:var(--s-32)}
.car-hero__firm{font:500 var(--t-28)/1.2 var(--serif);font-kerning:none;margin:0 0 var(--s-24)}
.car-hero__panel dl{margin:0}
.car-hero__panel dl div{display:flex;justify-content:space-between;gap:var(--s-16);padding:var(--s-12) 0;border-top:1px solid rgba(248,250,254,.3)}
.car-hero__panel dt{opacity:.8;font-size:var(--t-14)}
.car-hero__panel dd{margin:0;font-weight:500;text-align:right}
.car .band{border-top:0;padding:var(--s-96) 0}
.car .split{display:grid;grid-template-columns:4fr 8fr;gap:var(--s-64);align-items:start}
.car .band+.band{border-top:1px solid var(--line)}
.car-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-32)}
.car-card{background:var(--tint);border:1px solid var(--line);border-radius:var(--r-container);padding:var(--s-32)}
.car-card h3{font-size:var(--t-28);line-height:1.2;font-weight:500;margin:0 0 var(--s-16)}
.car-card>p{color:var(--ink-2);line-height:1.6;margin:0 0 var(--s-24)}
.car-card ul{list-style:none;margin:0;padding:0}
.car-card li{padding:var(--s-12) 0;border-top:1px solid var(--line);line-height:1.5}
.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-48) var(--s-32)}
.car-grid article{border-top:1px solid var(--line-strong);padding-top:var(--s-16)}
.car-grid h3{font:600 var(--t-16)/1.3 var(--sans);letter-spacing:0;margin:0 0 var(--s-8)}
.car-grid p{color:var(--ink-2);line-height:1.6;margin:0}
.car-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-32)}
.car-steps li{border-top:1px solid var(--line-strong);padding-top:var(--s-16)}
.car-steps__n{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid var(--accent-ink);border-radius:50%;color:var(--accent-ink);font-weight:500;font-size:var(--t-14);margin-bottom:var(--s-16)}
.car-steps h3{font:600 var(--t-16)/1.3 var(--sans);letter-spacing:0;margin:0 0 var(--s-8)}
.car-steps p{color:var(--ink-2);line-height:1.6;margin:0}
.car-cases__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-32)}
.car-case{background:var(--tint);border:1px solid var(--line);border-radius:var(--r-container);padding:var(--s-32)}
.car-case h3{font-size:var(--t-28);line-height:1.2;font-weight:500;margin:0 0 var(--s-16)}
.car-case p{color:var(--ink-2);line-height:1.6;margin:0 0 var(--s-16)}
.car-case p:last-child{margin-bottom:0}
.car-case:last-child:nth-child(odd){grid-column:1/-1}
.car-case:last-child:nth-child(odd) p{max-width:44rem}
.car-contact h2{margin-bottom:0}
.car-contact .split{gap:var(--s-64)}
.car-contact header p{margin:var(--s-16) 0 0;color:var(--ink-2);max-width:20rem}
.car-form .mf-form{margin:0}
@media(max-width:900px){
.car-hero__grid,.car-contact .split{grid-template-columns:1fr;gap:var(--s-32)}
.car-grid{grid-template-columns:1fr 1fr}
.car-steps{grid-template-columns:1fr 1fr}
.car-contact header p{max-width:none}
}
@media(max-width:760px){
.car .wrap{padding-inline:var(--s-16)}
.car h2{font-size:var(--t-28);margin-bottom:var(--s-32)}
.car-hero{padding:var(--s-48) 0 var(--s-64)}
.car-hero h1{font-size:var(--t-40)}
.car-hero__lead{font-size:var(--t-18);margin:var(--s-24) 0}
.car-hero .btn{width:100%}
.car-hero__panel{padding:var(--s-24)}
.car-cards,.car-grid,.car-steps,.car-cases__grid{grid-template-columns:1fr}
.car-card,.car-case{padding:var(--s-24)}
.car-card h3,.car-case h3{font-size:var(--t-20)}
.car .band{padding:var(--s-64) 0}
.car-form .mf-form{max-width:none}
}