@font-face{font-family:'Space Grotesk';src:url('assets/fonts/SpaceGrotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--font-display:'Space Grotesk',sans-serif;--font-body:'Space Grotesk',sans-serif}
body{font-family:var(--font-body)}
h1,h2,h3,.section-heading h2,.card-content h3,.promo h2,.compatibility h2,.contact h2{font-family:var(--font-display);font-weight:400;letter-spacing:.015em;line-height:1.2}
h1,.catalog-intro h1,.contact h2{line-height:1.1}
button,.button,.button.small,.category-action,.models a,.product-choice span,.category-word,.promo-display,.hero-stamp,.missing-image{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}
.piece-info h3 button{font-family:var(--font-display);font-weight:400}
.category-word{letter-spacing:0}.promo-display{line-height:1}
.piece-price strong,.price-table td:last-child,.extras-list strong,#price-reference{font-family:var(--font-body);font-weight:700;font-variant-numeric:tabular-nums}
input,select,textarea,.piece-tag,.missing-image small,.icon-button,.circle-link,.button [aria-hidden]{font-family:var(--font-body)}
.button{line-height:1.35}.hero-stamp strong{font-weight:400}
@media(max-width:600px){h1{font-size:clamp(40px,10.5vw,57px)}.header .button.small{max-width:160px}.category h3{overflow-wrap:anywhere}}
h1,h2,h3,.section-heading h2,.card-content h3,.promo h2,.compatibility h2,.contact h2,.piece-info h3 button{font-weight:700;letter-spacing:-.025em}
button,.button,.button.small,.category-action,.models a,.product-choice span,.hero-stamp{font-weight:600;letter-spacing:0}
.category-word,.promo-display,.missing-image{font-weight:700}