@import url('./style.realistic-font.css');

:root {
  --display: 'Instrument Serif', 'Libre Baskerville', 'SUIT Variable', Georgia, serif;
  --serif: 'Instrument Serif', 'Libre Baskerville', Georgia, serif;
  --sans: 'SUIT Variable', 'Inter', 'Noto Sans KR', system-ui, sans-serif;
}

.hero h1,
.card-overlay h3,
.section-heading h2,
.filter-group h3,
.detail-info h1,
.brand-mark {
  font-family: var(--display);
  font-weight: 400;
  letter-spacing: 0.005em;
}

.hero h1 {
  font-size: clamp(66px, 9.7vw, 124px);
  line-height: .83;
}

.subtitle {
  font-family: var(--sans);
  font-weight: 520;
}

.card-overlay h3 { font-size: 34px; }