/* Desktop homepage proportions. Keep the approved mobile/tablet rules untouched. */
@media (min-width: 1024px) {
  body.nordic.voyage-home {
    --co-desktop-gutter: max(6%, calc((100% - 1680px) / 2));
    --co-desktop-space: clamp(64px, 5vw, 96px);
    --co-desktop-copy: clamp(340px, 31vw, 480px);
  }

  /* A shared editorial measure, with full-width section backgrounds. */
  body.nordic.voyage-home > .co-masthead,
  body.nordic.voyage-home #main > .content-section,
  body.nordic.voyage-home #main > .discover-grid,
  body.nordic.voyage-home > .nordic-footer {
    padding-inline: var(--co-desktop-gutter);
  }
  body.nordic.voyage-home > .co-masthead { min-height: 96px; }
  body.nordic.voyage-home #main > .content-section {
    padding-block: var(--co-desktop-space);
  }
  body.nordic.voyage-home #main > .stays { background: #fff; }
  body.nordic.voyage-home #main > .stays::before { content: none; }
  body.nordic.voyage-home #main > .discover-grid {
    padding-block: 64px;
    gap: 24px;
  }

  /* Keep the panoramic cover; stop its height and copy drifting on big screens. */
  body.nordic.voyage-home #main > .hero {
    height: clamp(620px, 88svh, 960px);
    min-height: 0;
  }
  body.nordic.voyage-home #main .hero-copy {
    left: auto;
    right: var(--co-desktop-gutter);
    top: 50%;
    width: var(--co-desktop-copy);
    max-width: none;
  }
  body.nordic.voyage-home #main .hero-copy .hero-title {
    font-size: clamp(40px, 3.4vw, 64px) !important;
    margin-bottom: 24px;
  }
  body.nordic.voyage-home #main .hero-copy > p {
    font-size: 16px;
    line-height: 1.75;
    max-width: 45ch;
  }
  body.nordic.voyage-home #main .hero-dark {
    left: auto;
    width: calc(var(--co-desktop-gutter) + var(--co-desktop-copy) + 56px);
  }
  body.nordic.voyage-home #main .hero-facts { margin-top: 28px; gap: 24px; }
  body.nordic.voyage-home #main .hero-facts .eyebrow { font-size: 10px; }
  body.nordic.voyage-home #main .hero-facts span { font-size: 13px; }
  body.nordic.voyage-home #main .hero-copy .read { font-size: 11px; margin-top: 24px; }
  body.nordic.voyage-home #main .hero-pager { left: calc(var(--co-desktop-gutter) - 8px); }
  body.nordic.voyage-home #main .hero-vertical { left: var(--co-desktop-gutter); }
  body.nordic.voyage-home #main .hero-bottom {
    left: var(--co-desktop-gutter);
    right: var(--co-desktop-gutter);
    bottom: 32px;
  }

  /* Cards grow with the content column, rather than the entire monitor. */
  body.nordic.voyage-home #co-verhalen .opening-grid {
    grid-template-columns: minmax(0, 1.13fr) minmax(0, .87fr);
    gap: clamp(28px, 2.5vw, 40px);
  }
  body.nordic.voyage-home #co-verhalen .main-photo {
    min-height: clamp(500px, 38vw, 600px);
  }
  body.nordic.voyage-home #co-verhalen .side-stories { gap: 28px; }
  body.nordic.voyage-home #co-verhalen .text-story { padding: 20px 16px 8px; }
  body.nordic.voyage-home #main .news-grid { gap: 40px; }
  body.nordic.voyage-home #main .discover-card { min-height: 330px; }
  body.nordic.voyage-home #main .discover-card h3 { font-size: clamp(26px, 2vw, 32px); }
  body.nordic.voyage-home #main .discover-content { padding: 28px 44px 28px 26px; }

  /* Inset feature panels stop at the editorial measure, with white side gutters. */
  body.nordic.voyage-home #main > .feature-band,
  body.nordic.voyage-home #main > .duo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-inline: var(--co-desktop-gutter);
    background: #fff;
    min-height: 0;
  }
  body.nordic.voyage-home #main .feature-band .band-image {
    height: clamp(480px, 36vw, 600px);
    min-height: 0;
  }
  body.nordic.voyage-home #main .feature-band .band-copy {
    padding: 48px clamp(32px, 4vw, 72px);
  }
  body.nordic.voyage-home #main .feature-band .band-copy .display,
  body.nordic.voyage-home #main .duo .photo-copy .display {
    font-size: clamp(36px, 3.2vw, 52px) !important;
  }
  body.nordic.voyage-home #main .feature-band .band-copy p { font-size: 16px; }
  body.nordic.voyage-home #main .duo > .photo-story {
    height: clamp(460px, 34vw, 560px);
  }
  body.nordic.voyage-home #main .duo .photo-copy {
    left: clamp(32px, 3vw, 48px);
    right: clamp(32px, 3vw, 48px);
    bottom: 48px;
  }
  body.nordic.voyage-home #main .duo .destination-panel .photo-copy { bottom: auto; }
  body.nordic.voyage-home > .nordic-footer { padding-block: 64px 32px; }
  body.nordic.voyage-home .footer-main { align-items: flex-start; gap: 40px; }
  body.nordic.voyage-home .footer-links { justify-content: flex-end; row-gap: 14px; }
}