/* One reading family; the display face is reserved for the hero wordmark. */
html:root{--site-font:Arial,"Helvetica Neue",sans-serif;--motion-ease:cubic-bezier(.2,.7,.2,1)}
html:root body,html:root :is(button,input,select,textarea){font-family:var(--site-font)}
html:root:root :is(h2,h3,h4,h5,h6,p,dt,dd,.car-brand,.car-price,.showcase-price,.detail-price,header nav,.ref-button,.btn){font-family:var(--site-font)}
html:root:root :is(#fahrzeuge,#baumaschinen,#anhaenger,#kontakt) .section-heading h2,
html:root:root #werkstatt .ref-hero-copy h2,
html:root:root #uber-uns h2{font-size:clamp(30px,3.5vw,48px);font-weight:700;line-height:1.15;letter-spacing:-.035em;text-transform:none}
html:root:root :is(.ref-about-bottom h3,.ref-service-heading h3){font-size:clamp(25px,2.5vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.025em}
html:root:root #werkstatt .ref-category summary strong{font-family:var(--site-font);font-size:clamp(21px,2vw,27px);font-weight:600;line-height:1.3;letter-spacing:-.02em}
html:root:root #vehicle-dialog #detail-title{font-family:var(--site-font);font-size:clamp(30px,3.5vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.035em;text-transform:none}
html:root:root .showcase-copy h3{font-family:var(--site-font);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.15;letter-spacing:-.035em;text-transform:none}
html:root:root :is(.car-specs dd,.detail-facts dd,.car-price strong,.detail-price,.showcase-price){font-variant-numeric:lining-nums tabular-nums}
html:root:root :is(.ref-category-text p,.ref-about-bottom p,.detail-description,.original-description){line-height:1.65}
/* Keep animation on the element being used, without competing decorative movement. */
html:root:root .atelier-hero-light{display:none}
html:root:root .atelier-magnet{translate:none}
html:root:root :is(.ref-button,.hero-stock):after{display:none}
html:root:root .hero-visual{animation:none;transform:none}
html:root:root .hero-visual>img{animation:none}
html:root:root .ref-about-image:hover>img{transform:none}
html:root:root .atelier-discover>a:hover{padding-left:0}
html:root:root .ref-category summary:hover .ref-expand{transform:none}
@media(prefers-reduced-motion:no-preference){
 html:root:root .hero-copy>*{animation:atelier-enter .55s var(--motion-ease) both}
 html:root:root .hero-copy>*:nth-child(2){animation-delay:.05s}
 html:root:root .hero-copy>*:nth-child(3){animation-delay:.1s}
 html:root:root .hero-copy>*:nth-child(4){animation-delay:.15s}
 html:root:root .hero-copy>*:nth-child(5){animation-delay:.2s}
 html:root:root .atelier-discover{animation:atelier-enter .55s var(--motion-ease) .2s both}
 html:root:root :is(#fahrzeuge,#baumaschinen,#anhaenger) .car-card{transition:opacity .4s var(--motion-ease),transform .25s var(--motion-ease),border-color .2s,box-shadow .25s;transition-delay:0s}
 html:root:root :is(#fahrzeuge,#baumaschinen,#anhaenger) .car-card.is-visible:hover{transform:translateY(-3px)}
 html:root:root :is(.btn,.ref-button,.car-open,.car-photo-open,.theme-toggle){transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
 html:root:root #vehicle-dialog::backdrop{animation-duration:.25s}
}
@media(prefers-reduced-motion:reduce){
 html:root{scroll-behavior:auto}
 html:root:root :is(.hero-copy>*,.atelier-discover,.hero-visual,.hero-visual>img,.car-card,.car-card:after,.ref-expand,.atelier-back-top){animation:none;transition:none}
 html:root:root :is(#fahrzeuge,#baumaschinen,#anhaenger) .car-card:hover{transform:none}
}