/* Shared type system: display lettering stays in larger editorial moments;
   reading text and controls use Inter for consistent legibility. */
:root {
  --font-display: "Black Ops One", Impact, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --font-symbol: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --event-section-title-size: clamp(3.1rem, 7vw, 7rem);
}

body,
button,
input,
select,
textarea,
.desktop-nav,
.mobile-nav,
.brand,
.events-page,
.about-page,
.robot-section,
.shock-section,
.investigation-section,
.bike-stunt-section,
.soccer-section,
.paattoholic-section {
  font-family: var(--font-body);
}

.brand-title,
.brand-subtitle,
.filter-chip,
.department-tab,
.event-search input,
.dialog-close,
.dialog-section h3,
.association-heading h2,
.card-label,
.site-footer,
.site-footer * {
  font-family: var(--font-body);
}

/* Display scale */
.hero-title-frame h1 {
  font-family: var(--font-display);
  font-size: clamp(3.3rem, 8.8vw, 8.2rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: 0;
}

.events-hero h1,
.about-heading h1,
.explore-heading h2,
.investigation-intro h2,
.robot-content h2,
.robot-finish,
.shock-copy h2,
.bike-stunt-copy h2,
.soccer-copy h2,
.paattoholic-title-frame h2 {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0;
  text-wrap: balance;
}

.events-hero h1 { font-size: clamp(2.9rem, 6vw, 5.7rem); font-weight: 700; line-height: 1.12; }
.about-heading h1 { font-size: clamp(2.85rem, 5.5vw, 5.15rem); line-height: 1.14; }
.explore-heading h2 { font-size: clamp(1.3rem, 2.75vw, 2.95rem); line-height: 1.3; }
.investigation-intro h2,
.robot-content h2,
.shock-copy h2,
.bike-stunt-copy h2,
.soccer-copy h2 { font-size: var(--event-section-title-size); line-height: 1.04; }
.robot-finish { font-size: clamp(2.85rem, 5.5vw, 5.5rem); line-height: 1.08; }
.paattoholic-title-frame h2 { max-width: 100%; font-size: clamp(1.9rem, 9.2vw, 11.2rem); line-height: 1.08; }
.college-copy h2 { font-family: var(--font-display); font-size: clamp(1.05rem, 1.8vw, 1.65rem); line-height: 1.65; letter-spacing: 0; }
.dialog-inner h2 { font-family: var(--font-display); font-size: clamp(1.25rem, 3.5vw, 2.2rem); font-weight: 700; line-height: 1.5; letter-spacing: 0; }

/* Selected supporting lines use the display face only when they remain large. */
.events-hero-caption,
.about-subtitle,
.investigation-tagline,
.shock-tagline,
.bike-stunt-tagline,
.soccer-tagline {
  font-family: var(--font-display);
  font-size: clamp(.75rem, 1vw, .9rem);
  line-height: 1.8;
  letter-spacing: .025em;
}

.tagline,
.paattoholic-subtitle { font-family: var(--font-body); }
.event-name,
.fact-card h3 { font-family: var(--font-body); }

@media (max-width: 760px) {
  .hero-title-frame h1 { font-size: clamp(2.55rem, 12.2vw, 4.9rem); line-height: 1.08; }
  .events-hero h1 { font-size: clamp(2.5rem, 10.7vw, 4.55rem); line-height: 1.12; }
  .about-heading h1 { font-size: clamp(2.75rem, 12.7vw, 4.4rem); line-height: 1.12; }
  .explore-heading h2 { font-size: clamp(1.15rem, 5.25vw, 2rem); line-height: 1.32; }
  :root { --event-section-title-size: clamp(2.4rem, 11.5vw, 5rem); }
  .investigation-intro h2,
  .robot-content h2,
  .shock-copy h2,
  .bike-stunt-copy h2,
  .soccer-copy h2 { line-height: 1.06; }
  .robot-finish { font-size: clamp(2.2rem, 9.6vw, 3.75rem); line-height: 1.12; }
  .paattoholic-title-frame h2 { font-size: clamp(1.8rem, 9.2vw, 4.9rem); line-height: 1.1; }
  .college-copy h2 { font-size: clamp(.95rem, 4.6vw, 1.25rem); line-height: 1.7; }
  .dialog-inner h2 { font-size: clamp(1.1rem, 5vw, 1.7rem); line-height: 1.5; }
  .events-hero-caption,
  .about-subtitle,
  .investigation-tagline,
  .shock-tagline,
  .bike-stunt-tagline,
  .soccer-tagline { font-size: clamp(.75rem, 2.8vw, .8rem); line-height: 1.8; letter-spacing: .015em; }
}