/* A short natural scroll interval lets the phone or tablet browser retract its controls
   while the opening remains fitted to the visible screen. Scrolling stays native. */
@media(max-width:600px) and (orientation:portrait), (min-width:601px) and (max-width:1100px), (min-width:601px) and (pointer:coarse) {
  .pv-home .pv-scene-journey.pv-carousel-journey {
    --pv-opening-hold:clamp(110px,18svh,160px);
    height:auto;
    min-height:calc(100svh + var(--pv-opening-hold));
    min-height:calc(100dvh + var(--pv-opening-hold));
  }
  .pv-home .pv-scene-journey.pv-carousel-journey > .experience.pv-carousel {
    /* Never expose a sticky hero, even before deferred scripts run.
       Safari can retain its opaque top-edge treatment across navigation.
       The foreground hold is applied by pv-home-safari-flow instead. */
    position:relative;top:auto;
  }
}

/* Fit the tablet opening to the visible screen as its browser controls retract. */
@media(min-width:601px) and (max-width:1100px), (min-width:601px) and (pointer:coarse) {
  .pv-home .pv-scene-journey.pv-carousel-journey > .experience.pv-carousel {
    min-height:100svh;min-height:100dvh;
  }
}

/* Keep the established tablet layout, with space for its complete navigation. */
@media(min-width:601px) and (max-width:1100px) {
  .experience.pv-carousel .pv-carousel-main {
    padding-block:clamp(16px,2.5svh,28px) 14px;gap:8px;
  }
  .pv-scene-journey .experience.pv-carousel .bottom-bar {
    gap:16px;margin-bottom:max(20px,env(safe-area-inset-bottom,0px));
  }
}

/* On a wide tablet, share the available height between copy and photographs. */
@media(min-width:601px) and (max-width:1100px) and (orientation:landscape) {
  .experience.pv-carousel .pv-carousel-main {
    grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:20px;
  }
  .pv-scene-journey .experience.pv-carousel .copy-stack {text-align:left;}
  .pv-scene-journey .experience.pv-carousel .scene-copy .eyebrow {justify-content:flex-start;}
  .pv-scene-journey .experience.pv-carousel .scene-copy h1,
  .pv-scene-journey .experience.pv-carousel .scene-copy h2 {font-size:clamp(32px,4vw,44px);}
  .pv-scene-journey .experience.pv-carousel .scene-copy .description {margin:16px 0;}
  .pv-scene-journey .experience.pv-carousel .scene-copy .discover {text-align:left;}
  .experience.pv-carousel .photographs {aspect-ratio:1.72;}
  .experience.pv-carousel .photograph {width:77%;}
}