/* Portada v04: common 16:9 canvas, exact v04 registration, opacity only. */
[data-story="obj001"] { height:calc(200svh - 76px); }
[data-story="obj001"] .story-stage { min-height:0; background:#e3e3df; }
[data-story="obj001"] .story-stage::before { content:''; position:absolute; inset:0; background:#211b0e; opacity:var(--light); z-index:-3; }
[data-story="obj001"] .story-stage::after { display:none; }
[data-story="obj001"] .story-visual { inset:0; transform:none; will-change:auto; }
[data-story="obj001"] .portada-frame { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:max(100%,calc((100svh - 76px) * 16 / 9)); aspect-ratio:16/9; overflow:hidden; }
[data-story="obj001"] .portada-frame picture { position:absolute; inset:0; display:block; }
[data-story="obj001"] .portada-frame img { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; display:block; }
[data-story="obj001"] .story-off { transform:none; }
[data-story="obj001"] .story-on { clip-path:none; opacity:var(--light); transform-origin:50% 50%; transform:translate(-0.537109375%, -0.2604166667%) rotate(0.4deg) scale(1.026); will-change:opacity; }
[data-story="obj001"] .story-title { transform:none; top:18%; font-size:clamp(48px,6.3vw,100px); }
[data-story="obj001"] .story-copy { width:30%; bottom:25%; min-height:100px; }
[data-story="obj001"] .story-copy p { font-size:clamp(24px,2.8vw,44px); }
[data-story="obj001"] .story-title,
[data-story="obj001"] .story-topline,
[data-story="obj001"] .story-copy,
[data-story="obj001"] .story-after,
[data-story="obj001"] .scroll-cue { color:var(--portada-ink,#171717); text-shadow:none; }
@media(max-width:820px) {
  [data-story="obj001"] { height:calc(200svh - 66px); }
  /* Full lamp in portrait: crop only empty lateral space in the shared canvas. */
  [data-story="obj001"] .portada-frame { width:max(100%,calc((100svh - 66px) / 2)); max-width:none; aspect-ratio:1/2; top:auto; bottom:0; transform:translateX(-50%); }
  [data-story="obj001"] .story-title { top:24px; left:20px; font-size:clamp(36px,11vw,48px); opacity:1; }
  [data-story="obj001"] .story-copy, [data-story="obj001"] .story-topline { display:none; }
  [data-story="obj001"] .story-on { transform-origin:50% 59.5%; transform:translate(-1.27%, -.11%) rotate(.4deg) scale(1.019); }
  [data-story="obj001"] .story-copy p { font-size:24px; }
  [data-story="obj001"] .scroll-cue { top:86px; bottom:auto; left:20px; }
}
@media(prefers-reduced-motion:reduce) {
  [data-story="obj001"] { height:auto; }
  [data-story="obj001"] .story-on { opacity:0; }
  [data-story="obj001"] .story-stage { height:calc(100svh - 76px); }
}
@media(max-width:820px) and (prefers-reduced-motion:reduce) {
  [data-story="obj001"] .story-stage { height:calc(100svh - 66px); }
}

@media(max-width:820px) and (max-height:740px) { [data-story="obj001"] .scroll-cue { display:none; } }