body { font-family: "Avenir Next", "Trebuchet MS", sans-serif; font-size: 18px; line-height: 1.75; font-weight: 400; }
button, input, select, textarea, summary { font: inherit; }
a { font-size: inherit; }
h1, h2, h3, h4, h5, h6, .card-title, .brand-name, .note-title, .price-amount { font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; font-weight: 700; letter-spacing: 0; text-wrap: balance; }
h1 { font-size: clamp(38px, 4.15vw, 58px); line-height: 1.18; }
h2 { font-size: clamp(28px, 2.6vw, 36px); line-height: 1.3; }
h3 { font-size: 24px; line-height: 1.4; }
h4, .note-title { font-size: 19px; line-height: 1.5; }
.kicker, .card-tag { font-size: 17px; line-height: 1.5; font-weight: 600; letter-spacing: 0; text-transform: none; }
.brand-name { font-size: 25px; line-height: 1.2; }
.brand-label, .utility-inner, .menu-panel, .site-menu > summary, .small-note, .art-note, .card-action, .footer-inner, .drawer-bar { font-size: 16px; line-height: 1.5; }
.lead { font-size: 21px; line-height: 1.7; }
.card-title { font-size: 23px; line-height: 1.4; }
.price-amount { font-size: 50px; line-height: 1.2; }
.page-link, .text-link { font-weight: 600; line-height: 1.5; }
.drawer-label { font-weight: 600; }
@media (max-width: 620px) {
  body { font-size: 17px; }
  .lead { font-size: 19px; }
  .brand-name { font-size: 23px; }
  h3 { font-size: 22px; }
  .price-amount { font-size: 44px; }
}