.mobile-portal{display:none}
@media(max-width:700px){
  /* Chapter doors are local to their own scene; they never cover the page UI. */
  .mobile-cinema .mobile-portal{display:block;position:relative;height:140svh;background:#0c160e;isolation:isolate;overflow:visible}
  .mobile-cinema.in-mobile-transition .chapter-dock{opacity:0;pointer-events:none}
  .mobile-portal-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#102015;pointer-events:none}
  .mobile-portal-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--portal-position,50% 50%);transform:scale(var(--portal-zoom,1.12));filter:none;z-index:0}
  .mobile-portal-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07120ef2,transparent 65%,#07120e55);z-index:1}
  .mobile-portal-caption{position:absolute;bottom:12%;left:7%;right:7%;z-index:2;transform:translateY(var(--portal-caption-y,24px));color:#e6dfcf}
  .mobile-portal-caption small{font:500 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#c5ef77;display:block;margin-bottom:22px}
  .mobile-portal-caption strong{display:block;font:500 clamp(38px,11vw,62px)/1.06 'DM Sans',sans-serif;letter-spacing:-.055em;max-width:350px;text-wrap:balance}
  .mobile-portal-caption p{font:italic 25px/1.25 'Cormorant Garamond',Georgia,serif;margin:20px 0 0;color:#d0d5bf}
  .mobile-portal-door{position:absolute;top:0;bottom:0;width:50.2%;z-index:3;background:#122619;overflow:hidden}
  .mobile-portal-door:after{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#c5ef770b,transparent 60%);border-top:1px solid #b8cb9c25;border-bottom:1px solid #b8cb9c25}
  .mobile-portal-door.is-left{left:0;transform:translateX(var(--door-left,0%));border-right:1px solid #c5ef7750}
  .mobile-portal-door.is-right{right:0;transform:translateX(var(--door-right,0%));background:#211a2a;border-left:1px solid #a179c740}
  .mobile-portal-door span{position:absolute;top:22%;font:400 230px/1 'Anton',Impact,sans-serif;letter-spacing:-.06em;color:#d5e5bd0a;-webkit-text-stroke:1px #b6cb9e20}
  .mobile-portal-door.is-left span{right:-.02em}.mobile-portal-door.is-right span{left:-.02em;color:#d9c3ec0a;-webkit-text-stroke-color:#ae8dcb25}
  .mobile-portal-cover{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;text-align:center;padding:0 8%;opacity:var(--cover-opacity,1);transform:translateY(var(--cover-y,0px));pointer-events:none}
  .mobile-portal-cover small{font:500 8px 'DM Sans',sans-serif;letter-spacing:2.5px;color:#b3c2a7}
  .mobile-portal-cover strong{font:400 clamp(41px,12vw,68px)/1.02 'UnifrakturCook',Georgia,serif;color:#c5ef77;max-width:320px;text-wrap:balance}
  .mobile-portal-cover i{display:block;width:1px;height:54px;background:linear-gradient(#c5ef77,transparent);margin-top:12px}
  .mobile-portal-stage:after{content:'GROVE STREET / UNA HISTORIA QUE SIGUE';position:absolute;bottom:25px;left:7%;right:7%;z-index:5;color:#d4dec2a0;font:7px 'DM Sans',sans-serif;letter-spacing:1.5px}
  .mobile-cinema .interlude{display:block;position:relative;height:160svh;min-height:0;overflow:visible;background:#0a140e;isolation:isolate}
  .mobile-cinema .interlude:after{display:none}
  .phone-interlude-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center}
  .phone-interlude-stage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:45% 50%;translate:0 0!important;scale:1!important;transform:scale(var(--memory-zoom,1.18))!important;filter:brightness(.44) saturate(.75);z-index:-2}
  .phone-interlude-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(#0d160d80,transparent 40%,#081308e0);z-index:-1;pointer-events:none}
  .mobile-cinema .phone-interlude-stage .interlude-content{position:relative;z-index:1;transform:translateY(var(--memory-copy-y,24px));padding:25px 7%;max-width:100%}
  .phone-interlude-stage .interlude-content .eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.8;max-width:250px;margin:0 auto 32px}
  .phone-interlude-stage h2{font-size:clamp(43px,11.5vw,70px);line-height:1.13;letter-spacing:-.04em}
  .phone-interlude-stage .interlude-foot{bottom:38px;max-width:270px;font-size:8px;letter-spacing:1.3px;line-height:1.7;color:#c3cfb5}
  .mobile-cinema .phone-interlude-stage .memory-cassette{display:block!important;position:absolute;width:64%;right:-13%;top:69%;opacity:.28;transform:translateY(-50%) rotate(var(--memory-tape-turn,-18deg));z-index:0}
  .mobile-cinema .memory-image{clip-path:inset(0 var(--memory-inset,0%) round var(--memory-radius,0px))}
}
@media(prefers-reduced-motion:reduce){.mobile-portal{display:none!important}}