:root{
--fs-display-xl:clamp(56px,7vw,104px);/* @kind font */--fs-display-l:clamp(40px,5vw,72px);/* @kind font */--fs-display-m:clamp(30px,3.4vw,48px);/* @kind font */--fs-display-s:24px;/* @kind font */
--fs-title:22px;/* @kind font */--fs-body-l:18px;/* @kind font */--fs-body:16px;/* @kind font */--fs-body-s:14px;/* @kind font */--fs-label:13px;/* @kind font */--fs-micro:11px;/* @kind font */
--lh-display:0.92;/* @kind font */--lh-title:1.15;/* @kind font */--lh-body:1.55;/* @kind font */
--ls-display:0.005em;/* @kind font */--ls-kicker:0.14em;/* @kind font */--ls-label:0.06em;/* @kind font */--ls-body:0;/* @kind font */
--fw-body:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */
}
/* type roles */
.hdd-display{font-family:var(--font-display);font-weight:400;line-height:var(--lh-display);letter-spacing:var(--ls-display);text-transform:uppercase}
.hdd-kicker{font-family:var(--font-condensed);font-weight:700;font-size:var(--fs-label);letter-spacing:var(--ls-kicker);text-transform:uppercase}
.hdd-title{font-family:var(--font-condensed);font-weight:700;font-size:var(--fs-title);line-height:var(--lh-title);text-transform:uppercase}
.hdd-body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body)}
.hdd-label{font-family:var(--font-body);font-weight:600;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}
.hdd-price{font-family:var(--font-condensed);font-weight:700;font-variant-numeric:tabular-nums}