/* ==========================================================================
   RESPONSIVE — most sizing is fluid via clamp()/vw already; this file only
   holds the exceptions that need a hard breakpoint.
   ========================================================================== */

@media (max-width: 760px){
  .journey-timeline::before{ left:6px; }
  .journey-chapter,
  .journey-chapter:nth-child(odd),
  .journey-chapter:nth-child(even){
    width:100%;
    left:0;
    text-align:left;
    padding-left:34px;
    padding-right:0;
  }
  .journey-chapter:nth-child(odd) .journey-chapter__marker,
  .journey-chapter:nth-child(even) .journey-chapter__marker{
    left:0; right:auto;
  }
  .journey-chapter:nth-child(odd) .journey-chapter__text,
  .journey-chapter:nth-child(even) .journey-chapter__text{
    margin-left:0; margin-right:0;
  }
}

@media (max-width: 380px){
  .hero-cta{ flex-direction:column; align-items:stretch; }
  .countdown-grid{ gap:5px; }
  .countdown-unit{ padding:var(--space-md) 4px var(--space-sm); }
  .lightbox__nav{ width:38px; height:38px; font-size:1.4rem; }
  .lightbox__nav--prev{ left:8px; }
  .lightbox__nav--next{ right:8px; }
}

@media (max-height: 620px) and (orientation: landscape){
  #hero{ min-height:auto; padding-top:14vh; padding-bottom:8vh; }
  .hero-scroll{ display:none; }
}

@media (hover: none){
  .btn:hover{ transform:none; }
}