:root {
  --news-ink: #0b2853;
  --news-blue: #0782d6;
  --news-cyan: #58c9ff;
  --news-muted: #60738b;
  --news-line: #d8e3ec;
  --news-pale: #f3f7fa;
  --news-night: #061c3e;
  --news-max: 1180px;
}

/* Browser review 2026-07-31: keep short news headings on one desktop line. */
@media (min-width: 981px) {
  .news-center-page #exhibition-title,
  .news-center-page #journey-title {
    max-width: none;
    white-space: nowrap;
    font-size: clamp(38px, 3.55vw, 50px);
  }
}

@media (max-width: 980px) {
  .news-center-page #exhibition-title,
  .news-center-page #journey-title {
    white-space: normal;
  }
}

* { box-sizing: border-box; }
.news-center-page { color: var(--news-ink); background: #fff; }
.news-center-page .breadcrumb { width: min(var(--news-max), calc(100% - 48px)); margin: 0 auto; padding: 20px 0; color: #64778e; font-size: 13px; }
.news-center-page .breadcrumb a { color: inherit; text-decoration: none; }
.news-center-page .breadcrumb span { margin: 0 9px; color: #a6b5c3; }

.news-hero { position: relative; min-height: 610px; overflow: hidden; color: #fff; background: var(--news-night); isolation: isolate; }
.news-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(3,22,50,.98) 0%, rgba(3,22,50,.83) 45%, rgba(3,22,50,.18) 82%), url("../assets/news-center/news-hero-office-20260722.jpg") center / cover no-repeat; transform: scale(1.01); }
.news-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 62%, rgba(4,22,50,.35)), radial-gradient(circle at 80% 36%, rgba(74,186,245,.22), transparent 31%); }
.news-hero-inner { width: min(var(--news-max), calc(100% - 48px)); min-height: inherit; margin: 0 auto; padding: 92px 0 76px; display: flex; align-items: flex-end; }
.news-hero-copy { max-width: 790px; }
.news-eyebrow { margin: 0 0 22px; color: var(--news-blue); font-size: 12px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.news-hero .news-eyebrow { color: var(--news-cyan); }
.news-hero h1 { margin: 0; color: #fff; font-size: clamp(56px, 7vw, 94px); line-height: .94; letter-spacing: -.058em; }
.news-hero-copy > p:last-of-type { max-width: 680px; margin: 28px 0 0; color: rgba(255,255,255,.8); font-size: 18px; line-height: 1.65; }
.news-hero-meta { display: flex; flex-wrap: wrap; gap: 12px 34px; margin-top: 36px; color: rgba(255,255,255,.62); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.news-intro, .news-featured, .exhibition-journey, .news-source-band, .news-cta { width: min(var(--news-max), calc(100% - 48px)); margin: 0 auto; }
.news-intro { padding: 108px 0 54px; }
.news-section-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .68fr); gap: 72px; align-items: end; }
.news-section-heading h2, .journey-heading h2, .news-source-band h2 { margin: 0; color: var(--news-ink); font-size: clamp(40px, 4.8vw, 66px); line-height: 1.01; letter-spacing: -.052em; }
.news-section-heading > p { margin: 0; color: var(--news-muted); font-size: 16px; line-height: 1.75; }
.news-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 62px; border-top: 1px solid var(--news-line); border-bottom: 1px solid var(--news-line); }
.news-stat-row > div { min-height: 138px; padding: 26px 28px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--news-line); }
.news-stat-row > div:last-child { border-right: 0; }
.news-stat-row strong { color: var(--news-blue); font-size: 42px; line-height: 1; letter-spacing: -.04em; }
.news-stat-row span { color: var(--news-muted); font-size: 12px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }

.news-featured { padding: 36px 0 118px; }
.news-featured + .news-featured { padding-top: 0; }
.exhibition-story { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(350px, .95fr); min-height: 520px; overflow: hidden; color: inherit; background: #fff; border: 1px solid var(--news-line); text-decoration: none; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.exhibition-story:hover { transform: translateY(-5px); border-color: #a9d3ea; box-shadow: 0 28px 68px rgba(8,38,76,.12); }
.exhibition-story figure { position: relative; min-height: 420px; margin: 0; overflow: hidden; background: #e8eef3; }
.exhibition-story figure::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(135deg, rgba(2, 31, 67, .12), transparent 42%); opacity: .8; transition: opacity .35s ease; pointer-events: none; }
.exhibition-story figure::after { content: ""; position: absolute; z-index: 2; inset: 0; border: 0 solid var(--news-cyan); transition: border-width .3s ease; pointer-events: none; }
.exhibition-story:hover figure::after { border-width: 6px; }
.exhibition-story:hover figure::before { opacity: .38; }
.exhibition-story img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.exhibition-story:hover img { transform: scale(1.025); }
.exhibition-copy { padding: 48px; display: flex; flex-direction: column; justify-content: center; }
.story-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; color: var(--news-blue); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.story-meta time { color: #8192a4; }
.exhibition-copy h2 { margin: 30px 0 0; color: var(--news-ink); font-size: clamp(32px, 4vw, 54px); line-height: 1.04; letter-spacing: -.047em; }
.exhibition-copy p { margin: 24px 0 0; color: var(--news-muted); font-size: 15px; line-height: 1.75; }
.story-link { margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--news-line); display: flex; align-items: center; justify-content: space-between; color: var(--news-blue); font-size: 12px; font-weight: 850; }
.story-link b { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #b8d9ed; border-radius: 50%; font-size: 17px; transition: transform .25s ease, color .25s ease, background .25s ease; }
.exhibition-story:hover .story-link b { color: #fff; background: var(--news-blue); transform: translateX(4px); }
.exhibition-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 22px; }
.exhibition-pair .exhibition-story { grid-template-columns: 1fr; min-height: 100%; }
.exhibition-pair .exhibition-story figure { min-height: 440px; aspect-ratio: 4 / 5; }
.exhibition-pair .exhibition-copy { padding: 36px; justify-content: flex-start; }
.exhibition-pair .exhibition-copy h2 { font-size: clamp(30px, 3vw, 43px); }

.exhibition-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 22px; }
.exhibition-trio .exhibition-story { grid-template-columns: 1fr; min-height: 100%; }
.exhibition-trio .exhibition-story figure { min-height: 440px; aspect-ratio: 4 / 5; }
.exhibition-trio .exhibition-copy { padding: 36px; justify-content: flex-start; }
.exhibition-trio .exhibition-copy h2 { font-size: clamp(30px, 3vw, 43px); }

.exhibition-journey { padding: 110px 0; }
.journey-heading { max-width: 760px; margin-bottom: 58px; }
.journey-list { border-top: 1px solid var(--news-line); }
.journey-row { display: grid; grid-template-columns: 60px 1.05fr 1.65fr 100px 32px; gap: 28px; align-items: center; min-height: 112px; padding: 18px 20px 18px 0; border-bottom: 1px solid var(--news-line); color: inherit; text-decoration: none; transition: background .28s ease, padding .28s ease; }
.journey-row:hover { padding-left: 18px; background: #f4f9fc; }
.journey-index { color: var(--news-blue); font-size: 11px; font-weight: 900; }
.journey-place { font-size: 27px; font-weight: 800; letter-spacing: -.03em; }
.journey-event { color: var(--news-muted); line-height: 1.5; }
.journey-row time { color: #8292a3; font-size: 12px; font-weight: 750; }
.journey-arrow { color: var(--news-blue); font-size: 20px; transition: transform .25s ease; }
.journey-row:hover .journey-arrow { transform: translateX(4px); }

.exhibition-story:focus-visible,
.journey-row:focus-visible,
.news-button:focus-visible { outline: 3px solid var(--news-cyan); outline-offset: 4px; }

.news-source-band { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 70px; align-items: center; padding: 98px 0; }
.news-source-band p { margin: 20px 0 0; color: var(--news-muted); font-size: 16px; line-height: 1.7; }
.source-actions { display: flex; flex-direction: column; gap: 12px; }
.news-button { display: inline-flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 20px; border: 1px solid var(--news-blue); color: #fff; background: var(--news-blue); font-size: 13px; font-weight: 850; text-decoration: none; transition: transform .25s ease, background .25s ease; }
.news-button:hover { transform: translateY(-2px); background: #006fb9; }
.news-button.secondary { color: var(--news-ink); background: #fff; border-color: var(--news-line); }
.news-cta { margin-bottom: 110px; padding: 68px; color: #fff; background: linear-gradient(120deg, #061c3e, #0b568e); }
.news-cta h2 { max-width: 880px; margin: 0; color: #fff; font-size: clamp(38px, 4.7vw, 64px); line-height: 1.02; letter-spacing: -.05em; }
.news-cta p { max-width: 720px; margin: 22px 0 32px; color: rgba(255,255,255,.72); line-height: 1.7; }
.news-cta .news-button { width: max-content; min-width: 210px; color: var(--news-ink); background: #fff; border-color: #fff; }

.news-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.news-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } .news-reveal { opacity: 1; transform: none; } }
@media (max-width: 980px) {
  .news-section-heading, .news-source-band { grid-template-columns: 1fr; gap: 28px; }
  .exhibition-story { grid-template-columns: 1fr; }
  .exhibition-story figure { min-height: 540px; }
  .journey-row { grid-template-columns: 45px 1fr 1.3fr 85px 24px; gap: 16px; }
}
@media (max-width: 700px) {
  .news-center-page .breadcrumb, .news-hero-inner, .news-intro, .news-featured, .exhibition-journey, .news-source-band, .news-cta { width: calc(100% - 32px); }
  .news-hero { min-height: 540px; }
  .news-hero::before { background: linear-gradient(180deg, rgba(3,22,50,.32), rgba(3,22,50,.95) 84%), url("../assets/news-center/news-hero-office-20260722.jpg") center / cover no-repeat; }
  .news-hero-inner { padding: 65px 0 52px; }
  .news-hero h1 { font-size: clamp(48px, 15vw, 68px); }
  .news-intro { padding-top: 76px; }
  .news-stat-row { grid-template-columns: 1fr; }
  .news-stat-row > div { min-height: 105px; border-right: 0; border-bottom: 1px solid var(--news-line); }
  .news-stat-row > div:last-child { border-bottom: 0; }
  .news-featured { padding-bottom: 82px; }
  .exhibition-story figure, .exhibition-pair .exhibition-story figure { min-height: 390px; aspect-ratio: 4 / 5; }
  .exhibition-copy, .exhibition-pair .exhibition-copy { padding: 28px 24px 30px; }
  .exhibition-pair { grid-template-columns: 1fr; }
  .exhibition-trio { grid-template-columns: 1fr; }
  .exhibition-trio .exhibition-story figure { min-height: 340px; }
  .exhibition-journey { padding: 78px 0; }
  .journey-row { grid-template-columns: 34px 1fr 70px 24px; min-height: 100px; }
  .journey-event { grid-column: 2 / -1; grid-row: 2; font-size: 13px; }
  .news-source-band { padding: 74px 0; }
  .news-cta { padding: 44px 26px; }
}

/* Final desktop heading controls */
@media (min-width: 981px) {
  .news-center-page #exhibition-title {
    max-width: none;
    white-space: nowrap;
    font-size: clamp(38px, 3.45vw, 46px);
  }

  .news-center-page #journey-title {
    max-width: none;
    white-space: nowrap;
    font-size: clamp(36px, 3.15vw, 42px);
  }
}

@media (max-width: 980px) {
  .news-center-page #exhibition-title,
  .news-center-page #journey-title {
    white-space: normal;
  }
}