/* United Earth Living Galleries — dedicated large-screen / landscape layouts.
   Media FIRST. Artwork remains uncropped and text never overlaps sharp frames.
   Portrait/touch layouts are unchanged by these opt-in desktop rules. */

/* Wide-screen story reading is a gallery wall, not a stretched phone overlay. */
@media (min-width:1100px) and (min-aspect-ratio:13/10) and (pointer:fine) {
  :root{--ue-landscape-media:73.5%;--ue-landscape-rail:26.5%}

  .journey-stage,.film-stage{
    background:#031728;
  }

  /* PHOTO CHAPTERS: the photo fills an independent media region. */
  .journey-image,
  .journey-scene.cover .journey-image,
  .journey-scene.closing .journey-image{
    inset:0 auto 0 0;
    width:var(--ue-landscape-media);
    height:100%;
    object-fit:contain;
    object-position:center;
  }
  .journey-photo-backdrop{
    top:-32px;bottom:-32px;left:-32px;right:auto;
    width:calc(var(--ue-landscape-media) + 64px);
    filter:blur(32px) brightness(.57) saturate(.82);
  }
  .journey-stage::after{
    inset:0;
    background:linear-gradient(90deg,transparent 0%,transparent 72%,rgba(3,23,40,.72) 73.5%,#031728 74.5%,#031728 100%);
  }
  .journey-copy,.journey-scene.is-landscape .journey-copy{
    position:absolute;
    top:0;right:0;bottom:0;left:var(--ue-landscape-media);
    width:var(--ue-landscape-rail);
    padding:clamp(32px,4.3vw,80px);
    display:flex;align-items:center;justify-content:flex-start;
    text-align:left;
    pointer-events:none;
  }
  .journey-copy::before{display:none}
  .journey-copy-inner,.journey-scene.is-landscape .journey-copy-inner{
    min-width:0;width:100%;max-width:none;margin:0;
  }
  .journey-copy h2,.journey-scene.is-landscape .journey-copy h2,
  .journey-scene.cover h2,.journey-scene.closing .journey-copy h2{
    font-size:clamp(28px,2.7vw,52px);
    font-weight:390;line-height:1.09;letter-spacing:-.037em;
    text-wrap:pretty;overflow-wrap:anywhere;
  }
  .journey-copy p,.journey-scene.is-landscape .journey-copy p{
    font-size:clamp(13px,1.05vw,18px);
    line-height:1.5;
  }
  .journey-label,.journey-credit{font-size:10px;letter-spacing:.11em}
  .journey-scene.closing .journey-copy{text-align:left}
  .journey-scene.closing .journey-copy p{margin-left:0;margin-right:0}
  .journey-scene.closing .journey-copy-inner{padding-bottom:0}
  .journey-scene.closing .journey-actions{justify-content:flex-start}
  .journey-scene-zoom{
    right:calc(var(--ue-landscape-rail) + 17px);
    top:20px;
    opacity:.75;
  }
  .journey-related,.journey-scene.chapter .journey-related{
    right:clamp(18px,2vw,38px);top:max(80px,11vh);
    max-width:calc(var(--ue-landscape-rail) - 35px);
  }
  .journey-head{padding:16px 20px;justify-content:space-between}
  .journey-head #journey-language{margin-right:auto}
  .journey-scroll-hint{margin-top:16px}
  /* Never force desktop readers to view decorative blurred wallpaper on the text rail. */
  .journey-stage{background:linear-gradient(90deg,#0b2940 0%,#0b2940 var(--ue-landscape-media),#031728 var(--ue-landscape-media),#031728 100%)}

  /* FILM CHAPTERS: the full original video frame and independent text rail. */
  .film-backdrop{
    top:-32px;bottom:-32px;left:-32px;right:auto;
    width:calc(var(--ue-landscape-media) + 64px);
    filter:blur(36px) brightness(.55) saturate(.82);
  }
  .film-foreground{left:calc(var(--ue-landscape-media) / 2);top:50%}
  .film-stage::after{
    content:"";position:absolute;z-index:1;inset:0;
    background:linear-gradient(90deg,transparent 0%,transparent 72%,rgba(3,23,40,.72) 73.5%,#031728 74.5%,#031728 100%);
    pointer-events:none;
  }
  .film-enter{z-index:2}
  .film-copy,.film-scene.has-letterbox-copy .film-copy{
    top:0;bottom:0;left:var(--ue-landscape-media);right:0;
    width:var(--ue-landscape-rail);
    padding:clamp(32px,4vw,80px);
    display:flex;align-items:center;text-align:left;
    z-index:4;pointer-events:none;
  }
  .film-copy::before{display:none!important}
  .film-copy-inner{max-width:none;margin:0;width:100%;min-width:0}
  .film-copy h2,.film-scene.has-letterbox-copy .film-copy h2{
    font-size:clamp(27px,2.6vw,49px);
    line-height:1.08;letter-spacing:-.04em;
  }
  .film-copy p,.film-scene.has-letterbox-copy .film-copy p{
    font-size:clamp(13px,1.03vw,18px);line-height:1.5;
  }
  .film-scene-zoom{
    right:calc(var(--ue-landscape-rail) + 17px);top:20px;
  }
  .film-scene-play{left:20px;bottom:20px}
  .film-scene-sound{left:76px;bottom:20px}
  html[dir=rtl] .journey-copy,html[dir=rtl] .film-copy{text-align:right}
  html[dir=rtl] .journey-scene.closing .journey-copy{text-align:right}
  html[dir=rtl] .journey-scene.closing .journey-copy p{margin-left:0;margin-right:0}
}
@media (min-width:1100px) and (min-aspect-ratio:13/10) and (pointer:fine) and (max-height:720px) {
  .journey-copy,.journey-scene.is-landscape .journey-copy,
  .film-copy,.film-scene.has-letterbox-copy .film-copy{padding:28px}
  .journey-copy h2,.journey-scene.is-landscape .journey-copy h2,
  .film-copy h2,.film-scene.has-letterbox-copy .film-copy h2{font-size:clamp(27px,2.2vw,39px)}
}