/* CYRIL CRESPO SPORT — RESPONSIVE PAYSAGE < 1440px
   Charger après style.css */
   @media (min-width: 801px) and (max-width: 1439px) {
    .hero-content {
      left: clamp(45px, 7vw, 95px) !important;
      width: min(42vw, 540px) !important;
      max-width: 540px !important;
    }
    .hero h1 {
      width: 100% !important;
      max-width: 100% !important;
      font-size: clamp(82px, 8.8vw, 128px) !important;
      line-height: .74 !important;
    }
    .hero-intro {
      max-width: 390px !important;
    }
    .year-head {
      grid-template-columns: max-content max-content minmax(30px, 1fr) minmax(240px, 340px) !important;
      column-gap: 20px !important;
    }
    .year-head > p {
      max-width: 340px !important;
    }
    .year-main-title {
      font-size: clamp(92px, 10vw, 140px) !important;
    }
    .year-gallery,
    .journey-gallery,
    .palmares-gallery,
    .book-gallery {
      width: 100% !important;
      height: min(54vw, 570px) !important;
      min-height: 430px !important;
      grid-template-columns: 1.35fr .8fr .8fr !important;
      gap: 12px !important;
    }
    .year-gallery img,
    .journey-gallery img,
    .palmares-gallery img,
    .book-gallery img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }
    .palmares-intro,
    .year-story,
    .journey-intro {
      gap: clamp(35px, 5vw, 75px) !important;
    }
    .palmares-title h2 {
      font-size: clamp(54px, 5.5vw, 76px) !important;
    }
  }
  
  /* Sous-pages */
  @media (min-width: 801px) and (max-width: 1439px) {
    .content {
      width: min(1000px, calc(100% - 80px)) !important;
      padding: 80px 0 !important;
    }
    .content h1 {
      font-size: clamp(4rem, 8vw, 7rem) !important;
    }
    .palmares-detail article {
      grid-template-columns: 90px minmax(0, 1fr) !important;
      column-gap: 24px !important;
    }
  }

  /* Portable 1080p à 125 % (environ 1152 × 720 CSS) : même cadrage, à échelle réduite. */
  @media (min-width: 801px) and (max-width: 1439px) and (max-height: 820px) and (orientation: landscape) {
    .site-header { height: 68px; }
    .hero { min-height: calc(100svh - 68px); }
    .hero-content { left: clamp(42px, 6vw, 72px) !important; }
    .hero h1 { font-size: clamp(76px, 8.4vw, 108px) !important; }
    .hero-intro { font-size: 17px; max-width: 360px; }
    .hero-rule { margin: 24px 0 16px; }
    .hero-actions { margin-top: 22px; }
    .section { padding-top: 75px; padding-bottom: 75px; }
    .year-gallery, .journey-gallery, .palmares-gallery, .book-gallery { height: min(48vw, 460px) !important; min-height: 0 !important; }
  }