.terms-main { max-width: 1100px; padding-block: 50px 90px; }
.terms-hero { padding: clamp(28px, 5vw, 56px); border-bottom: 7px solid var(--signal); background: var(--paper); }
.terms-hero .eyebrow { margin-bottom: 18px; }
.terms-hero h1 { margin: 0; font: 400 clamp(42px, 7vw, 76px)/1 "Anton", sans-serif; text-transform: uppercase; }
.terms-hero small { display: block; margin-top: 18px; color: #606673; line-height: 1.5; }
.terms-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.terms-nav a { padding: 10px 14px; border: 1px solid var(--line); background: #fff; color: var(--ink); font: 700 16px "Barlow Condensed", sans-serif; text-decoration: none; text-transform: uppercase; }
.terms-nav a:hover { border-color: var(--brand-blue); color: var(--brand-blue); }
.terms-content { padding: clamp(24px, 5vw, 56px); background: #fff; }
.terms-content section + section { margin-top: 48px; padding-top: 44px; border-top: 1px solid var(--line); }
.terms-content .section-kicker { margin: 0 0 8px; color: var(--brand-blue); }
.terms-content h2 { margin: 0 0 26px; font: 400 clamp(30px, 4vw, 42px)/1.1 "Anton", sans-serif; text-transform: uppercase; }
.terms-content h3 { margin: 24px 0 7px; font: 700 20px/1.2 "Barlow Condensed", sans-serif; text-transform: uppercase; }
.terms-content p:not(.section-kicker) { max-width: 75ch; margin: 0; color: var(--body-copy); font-size: 15px; line-height: 1.7; }
.terms-content a { color: var(--brand-blue); text-underline-offset: 3px; }
@media (max-width: 600px) {
  .terms-main { width: min(100% - 28px, 1100px); padding-block: 18px 44px; }
  .terms-content section + section { margin-top: 34px; padding-top: 32px; }
}