:root{--bg:#0A0A0B;--ink:#F2F2F2;--muted:#9A9AA0;--accent:#FFFFFF;--onaccent:#0A0A0B;--alt:#131315;--card:#131315;--line:rgba(255,255,255,.13);--head:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow",Arial,sans-serif;--headw:800;--headls:.01em;--brandw:800;--brandls:.2em;--phbg:#1b1b1e;--ftrbg:#000}
h1,h2{text-transform:uppercase}
h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.95}
.hero h1{max-width:11ch}
.eyebrow{color:#C9C9CF}
.pk{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.pk .card{padding:2rem}
.pk .card.hot{border-color:#fff}
.pk .p{font-family:var(--head);font-size:3.2rem;font-weight:800;line-height:1;margin:.6rem 0 .2rem}
.pk ul{list-style:none;padding:0;margin:1.4rem 0 1.8rem;flex:1}
.pk li{padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
.pk .badge{font:700 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;background:#fff;color:#000;padding:.4rem .6rem;align-self:flex-start}
.mult{margin-bottom:2rem}
@media (max-width:860px){.pk{grid-template-columns:1fr}}