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

.news-hero { padding: clamp(150px, 12vw, 192px) 0 clamp(90px, 9vw, 136px); background: var(--paper); }
.news-hero-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(48px, 7vw, 100px); align-items: center; }
.news-hero h1 { margin-bottom: 28px; }
.news-hero-media { aspect-ratio: 16 / 9; }
.news-hero-media.is-guide { min-height: 480px; aspect-ratio: auto; }
.news-hero-grid:has(.news-hero-media[hidden]) { grid-template-columns: 1fr; }
.news-hero-media[hidden] { display: none; }

.news-blog { padding: clamp(78px, 8vw, 118px) 0; background: var(--green); color: #fff; }
.news-blog-grid { display: grid; grid-template-columns: 1fr .78fr; gap: clamp(55px, 9vw, 130px); align-items: end; }
.news-blog .eyebrow { color: #ded5c8; }
.news-blog-copy { padding-top: 28px; border-top: 1px solid rgba(255,255,255,.32); }
.news-blog-copy p { margin-top: 0; color: #e3ded7; line-height: 1.85; }
.news-blog .button { background: #fff; border-color: #fff; color: var(--green); }
.news-section-heading { margin-bottom: clamp(48px, 6vw, 76px); }

.news-activities { background: var(--ivory); }
.news-activity-list { border-top: 1px solid var(--line); }
.news-activity-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; }
.news-activity-list b, .news-channel-list b { color: var(--red); font-family: var(--serif); font-size: clamp(2.25rem, 4vw, 3.8rem); font-weight: 400; line-height: 1; }
.news-activity-list h3, .news-channel-list h3 { margin: 8px 0 0; font-family: var(--serif); font-size: 1.3rem; }
.news-activity-list p, .news-channel-list p { margin: 8px 0 0; color: var(--muted); line-height: 1.75; }

.news-records { background: var(--paper); scroll-margin-top: 84px; }
.news-record-grid { display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: 1fr 1fr; gap: 28px; }
.news-record { min-width: 0; display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; align-items: center; }
.news-record-featured { grid-row: 1 / span 2; display: block; }
.news-record .media { aspect-ratio: 3 / 2; }
.news-record .media.is-guide { min-height: 330px; aspect-ratio: auto; }
.news-record-featured .media.is-guide { min-height: 690px; }
.news-record-copy { padding: 8px 0; }
.news-record-copy h3 { margin: 0 0 12px; font-family: var(--serif); font-size: 1.28rem; }
.news-record-copy p { margin: 0; color: var(--muted); line-height: 1.75; }
.news-record-featured .news-record-copy { padding-top: 20px; }
.news-record:has(.media[hidden]) { display: none; }
.news-record-grid:not(:has(.news-record:not(:has(.media[hidden])))) { display: none; }
.news-record-grid:has(.media.is-guide) { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.news-record-grid:has(.media.is-guide) .news-record { display: block; }
.news-record-grid:has(.media.is-guide) .news-record-featured { grid-column: 1 / span 2; grid-row: auto; }
.news-record-grid:has(.media.is-guide) .news-record-copy { padding-top: 18px; }

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

.news-channels { background: var(--ivory); }
.news-channel-list { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px, 6vw, 90px); }
.news-channel-list article { padding-top: 28px; border-top: 1px solid var(--line); }
.news-channel-list h3 { margin-top: 26px; }
.news-channel-list p { margin: 14px 0 0; }

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

@media (max-width: 1024px) {
  .news-hero-grid { grid-template-columns: 1fr; }
  .news-hero-media { order: -1; }
  .news-hero-media.is-guide { min-height: 520px; }
  .news-record-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
  .news-record, .news-record-featured { display: block; grid-row: auto; }
  .news-record-featured { grid-column: 1 / span 2; }
  .news-record-featured .media.is-guide { min-height: 560px; }
  .news-record .media.is-guide { min-height: 440px; }
  .news-record-copy { padding-top: 18px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .news-page .mobile-menu[aria-hidden="true"] { display: none; }
  .news-page.menu-open .mobile-menu { display: block; }
}

@media (max-width: 767px) {
  .news-page .site-footer { padding-bottom: 100px; }
  .news-hero { padding: 104px 0 78px; }
  .news-hero-media.is-guide { min-height: 410px; }
  .news-blog-grid, .news-fair-grid, .news-final-grid { grid-template-columns: 1fr; gap: 38px; }
  .news-activity-list article { grid-template-columns: 62px 1fr; gap: 16px; }
  .news-activity-list p { grid-column: 2; margin-top: 0; }
  .news-record-grid { grid-template-columns: 1fr; }
  .news-record-featured { grid-column: auto; }
  .news-record-featured .media.is-guide, .news-record .media.is-guide { min-height: 420px; }
  .news-channel-list { grid-template-columns: 1fr; gap: 42px; }
}

@media (max-width: 400px) {
  .news-hero-media.is-guide { min-height: 430px; }
  .news-record-featured .media.is-guide, .news-record .media.is-guide { min-height: 440px; }
}