.fair-page { overflow-x: hidden; }
.fair-page .site-header { background: rgba(246, 241, 232, .98); color: var(--ink); box-shadow: 0 1px 0 var(--line); }

.fair-hero { padding: clamp(148px, 12vw, 190px) 0 clamp(90px, 9vw, 132px); background: var(--deep-red); color: #fff; }
.fair-hero-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(48px, 7vw, 100px); align-items: center; }
.fair-hero .eyebrow { color: #e4c1b7; }
.fair-hero h1 { margin-bottom: 28px; }
.fair-hero-copy > p:not(.eyebrow) { color: #eaded9; line-height: 1.9; }
.fair-hero-figure { min-width: 0; margin: 0; }
.fair-hero-media { aspect-ratio: 16 / 9; background: #5e2b22; }
.fair-hero-media.is-guide { min-height: 480px; aspect-ratio: auto; }
.fair-hero-figure figcaption { padding-top: 13px; color: #e4c1b7; font-size: .88rem; }
.fair-button-light { background: #fff; border-color: #fff; color: var(--deep-red); }
.fair-button-outline { background: transparent; border-color: rgba(255,255,255,.75); color: #fff; }

.fair-news { padding: clamp(76px, 8vw, 116px) 0; background: var(--red); color: #fff; }
.fair-news-grid { display: grid; grid-template-columns: 1fr .78fr; gap: clamp(55px, 9vw, 130px); align-items: end; }
.fair-news .eyebrow { color: #f1d0c7; }
.fair-news-copy { padding-top: 28px; border-top: 1px solid rgba(255,255,255,.35); }
.fair-news-copy p { margin-top: 0; color: #f2e4df; line-height: 1.85; }
.fair-news .button { background: #fff; border-color: #fff; color: var(--deep-red); }

.fair-introduction { background: var(--paper); scroll-margin-top: 84px; }
.fair-introduction-grid { display: grid; grid-template-columns: 1fr .72fr; gap: clamp(58px, 9vw, 132px); align-items: center; }
.fair-highlight-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.fair-highlight-list li { padding: 20px 0; border-bottom: 1px solid var(--line); font-family: var(--serif); font-size: 1.12rem; }
.fair-highlight-list li::before { content: ""; display: inline-block; width: 24px; height: 2px; margin: 0 18px 5px 0; background: var(--red); }
.fair-section-heading { margin-bottom: clamp(48px, 6vw, 76px); }

.fair-values { background: var(--ivory); }
.fair-number-list { border-top: 1px solid var(--line); }
.fair-number-list article { min-width: 0; padding-top: 28px; border-bottom: 1px solid var(--line); }
.fair-number-list-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 4vw, 58px); border-top: 0; }
.fair-number-list-three article { border-top: 1px solid var(--line); }
.fair-number-list b, .fair-program-list b { color: var(--red); font-family: var(--serif); font-size: clamp(2.25rem, 4vw, 3.8rem); font-weight: 400; line-height: 1; }
.fair-number-list h3, .fair-program-list h3 { margin: 26px 0 14px; font-family: var(--serif); font-size: 1.3rem; }
.fair-number-list p, .fair-program-list p { margin: 0 0 30px; color: var(--muted); line-height: 1.75; }

.fair-programs { background: var(--paper); }
.fair-program-list { border-top: 1px solid var(--line); }
.fair-program-list article { display: grid; grid-template-columns: 110px .72fr 1.2fr; gap: 28px; padding: 30px 0; border-bottom: 1px solid var(--line); align-items: start; }
.fair-program-list h3, .fair-program-list p { margin-top: 8px; }

.fair-scenes { background: var(--deep-red); color: #fff; }
.fair-scenes .eyebrow { color: #e4c1b7; }
.fair-scenes-grid { display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: 1fr 1fr; gap: 22px; }
.fair-scene { min-width: 0; margin: 0; }
.fair-scene-main { grid-row: 1 / span 2; }
.fair-scene .media { aspect-ratio: 3 / 2; background: #5e2b22; }
.fair-scene-main .media { height: calc(100% - 42px); aspect-ratio: auto; }
.fair-scene .media.is-guide { min-height: 330px; aspect-ratio: auto; }
.fair-scene-main .media.is-guide { min-height: 704px; }
.fair-scene figcaption { padding: 13px 0 6px; color: #eaded9; }
.fair-scene figcaption strong { font-family: var(--serif); font-weight: 600; }

.fair-records { background: var(--paper); }
.fair-records-layout { display: grid; grid-template-columns: 1fr .78fr; gap: clamp(60px, 9vw, 135px); align-items: start; }
.fair-year-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.fair-year-list li { padding: 22px 0; border-bottom: 1px solid var(--line); }
.fair-year-list span { color: var(--red); font-family: var(--serif); font-size: clamp(2.7rem, 5vw, 4.8rem); line-height: 1; }

.fair-operations { background: var(--green); color: #fff; }
.fair-operations .eyebrow { color: #ded5c8; }
.fair-operations .fair-number-list-three article { border-color: rgba(255,255,255,.28); }
.fair-operations .fair-number-list b { color: #e4c1b7; }
.fair-operations .fair-number-list p { color: #e3ded7; }

.fair-final { background: var(--deep-red); color: #fff; }
.fair-final .eyebrow { color: #e4c1b7; }
.fair-final-grid { display: grid; grid-template-columns: 1fr .75fr; gap: clamp(55px, 9vw, 130px); align-items: end; }
.fair-final-copy { padding-top: 30px; border-top: 1px solid rgba(255,255,255,.32); }
.fair-final-copy p { color: #eaded9; }
.fair-final .button { background: #fff; border-color: #fff; color: var(--deep-red); }
.fair-final .button-secondary { background: transparent; color: #fff; }

@media (max-width: 1024px) {
  .fair-hero-grid { grid-template-columns: 1fr; }
  .fair-hero-figure { order: -1; }
  .fair-hero-media.is-guide { min-height: 520px; }
  .fair-scenes-grid { grid-template-columns: 1.15fr .85fr; }
  .fair-scene-main .media.is-guide { min-height: 660px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fair-page .mobile-menu[aria-hidden="true"] { display: none; }
  .fair-page.menu-open .mobile-menu { display: block; }
  .fair-number-list-three { grid-template-columns: repeat(3, 1fr); gap: 24px; }
}

@media (max-width: 767px) {
  .fair-page .site-footer { padding-bottom: 100px; }
  .fair-hero { padding: 104px 0 78px; }
  .fair-hero-media.is-guide { min-height: 410px; }
  .fair-news-grid, .fair-introduction-grid, .fair-records-layout, .fair-final-grid { grid-template-columns: 1fr; }
  .fair-news-grid { gap: 34px; }
  .fair-number-list-three { grid-template-columns: 1fr; gap: 0; }
  .fair-number-list-three article { padding-bottom: 2px; }
  .fair-program-list article { grid-template-columns: 62px 1fr; gap: 16px; }
  .fair-program-list p { grid-column: 2; margin-top: 0; }
  .fair-scenes-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .fair-scene-main { grid-row: auto; }
  .fair-scene-main .media, .fair-scene .media { height: auto; aspect-ratio: 3 / 2; }
  .fair-scene-main .media.is-guide, .fair-scene .media.is-guide { min-height: 420px; aspect-ratio: auto; }
  .fair-year-list { margin-top: 12px; }
}

@media (max-width: 400px) {
  .fair-hero-media.is-guide { min-height: 430px; }
  .fair-scene-main .media.is-guide, .fair-scene .media.is-guide { min-height: 440px; }
}