/* Collection and reality chapters have their own composition; the locked opening remains unchanged. */
#home .story-stage:is([data-chapter=C05B],[data-chapter=C06],[data-chapter=C07]) .story-copy{left:7%;top:54%;width:43%;transform:translateY(-20%)}
#home .story-stage:is([data-chapter=C05B],[data-chapter=C06],[data-chapter=C07]) :is(#home-title,#home-title-next){font-size:clamp(42px,5.2vw,82px)}
#home .story-stage:is([data-chapter=C08],[data-chapter=C11]) .story-copy{left:7%;top:18%;width:76%;transform:none}
#home .story-stage[data-layout=window] .story-copy{left:7%;top:39%;width:41%;transform:none}
#home .story-stage[data-layout=window] :is(#home-title,#home-title-next){font-size:clamp(42px,5.4vw,82px)}
#home .story-stage:is([data-chapter=C05B],[data-chapter=C06],[data-chapter=C07],[data-chapter=C08],[data-chapter=C11]) .story-shade{background:linear-gradient(0deg,rgba(5,9,10,.32),transparent 35%)}
#home .story-stage[data-chapter=C11] .story-copy[data-copy=resolution] :is(#home-title,#home-title-next){font-size:clamp(38px,4.4vw,70px);letter-spacing:.02em}
#home .story-stage[data-chapter=C11] :is(#story-subtitle,#story-subtitle-next){font-family:var(--fm-serif);font-size:clamp(30px,3vw,48px);line-height:1.12}
#home .story-stage[data-chapter=C11] :is(#story-collection,#story-collection-next){width:max-content;max-width:100%;font-size:15px}
/* The authentic portrait reveal keeps its approved sky/road trim, but reads as a
   substantial architectural reveal rather than a small embedded phone screen. */
@media(min-width:701px) and (min-aspect-ratio:801/1000){
 #home .story-layer[data-frame=window]{inset:76px 4% 76px auto;width:min(47%,calc((100svh - 152px) * .82));background:#0d0f10;
  --reveal-edge:linear-gradient(90deg,transparent,#000 7%,#000 95%,transparent),linear-gradient(transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:var(--reveal-edge);-webkit-mask-composite:source-in;mask-image:var(--reveal-edge);mask-composite:intersect}
}
@media(max-width:700px),(max-aspect-ratio:4/5){
 #home .story-stage:is([data-chapter=C05B],[data-chapter=C06],[data-chapter=C07],[data-chapter=C08],[data-chapter=C11]) .story-copy{left:7%;right:7%;top:112px;width:86%;transform:none}
 #home .story-stage:is([data-chapter=C05B],[data-chapter=C06],[data-chapter=C07],[data-chapter=C08]) :is(#home-title,#home-title-next){font-size:clamp(30px,9.2vw,48px);line-height:1.05}
 #home .story-stage[data-layout=window] .story-copy{left:7%;right:7%;top:100px;width:86%;transform:none}
 #home .story-stage[data-layout=window] :is(#home-title,#home-title-next){font-size:clamp(31px,9.5vw,48px);line-height:1.02}
 #home .story-stage[data-chapter=C11] .story-copy[data-copy=resolution] :is(#home-title,#home-title-next){font-size:clamp(24px,6.8vw,42px);white-space:nowrap}
 #home .story-stage[data-chapter=C11] :is(#story-subtitle,#story-subtitle-next){font-size:28px}
 #home .story-stage[data-chapter=C11] :is(#story-collection,#story-collection-next){margin-top:14px}
}
@media(max-width:700px) and (max-height:620px){#home .story-stage:is([data-chapter=C08],[data-chapter=C11]) .story-copy{top:84px}#home .story-stage[data-chapter=C11] :is(#story-subtitle,#story-subtitle-next){font-size:24px}}

/* Source-derived colour and detail units fill the image field; copy stays above vehicle identities. */
@media(min-width:701px) and (min-aspect-ratio:801/1000){
 #home .story-stage:is([data-chapter=C06],[data-chapter=C07]) .story-copy{top:max(112px,16svh);width:50%;transform:none}
 #home .story-stage:is([data-chapter=C06],[data-chapter=C07]) :is(#home-title,#home-title-next){font-size:clamp(42px,4.7vw,68px)}
}
#home .story-stage:is([data-chapter=C06],[data-chapter=C07]) .story-shade{background:linear-gradient(180deg,rgba(5,9,10,.65),rgba(5,9,10,.3) 24%,transparent 43%)}