/* Phone layout follows content height so film, caption and biography never overlap. */
@media(max-width:700px){
 #home.cinema-hero{height:auto;min-height:0}
 #home .cinema-stage{position:relative;top:auto;display:flex;flex-direction:column;gap:0;height:auto;min-height:100svh;padding:144px 5vw 58px}
 #home .hero-view-controls{position:relative;inset:auto;align-self:flex-start;order:0;margin:0 0 20px;max-width:100%}
 #home .hero-view-controls button{min-height:40px;font-size:12px}
 #home .cinema-reel{position:relative;inset:auto;order:1;width:100%;height:auto;padding:8px;border-radius:18px;transform:none}
 #home .cinema-reel video{height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:9px}
 #home .reel-caption{position:static!important;inset:auto!important;width:auto!important;display:block;margin:0;padding:10px 6px 4px;font-size:10px;line-height:1.6;text-align:center;letter-spacing:.025em;background:#100e0b}
 #home .cinema-title{position:relative;inset:auto;order:2;width:100%;max-width:none;margin:28px 0 0;transform:none;transition:none;text-align:start}
 #home .cinema-title>.eyebrow{font-size:11px;line-height:1.8;margin:0 0 16px;max-width:none}
 #home .cinema-title h1{font-size:clamp(48px,14vw,98px);line-height:.95;display:block;margin:0 0 12px}
 #home .cinema-persian{font-size:27px;margin:0 0 16px;line-height:1.8}
 #home .hero-life-dates{margin:0;padding-top:16px;gap:16px 24px;font-size:13px}
 #home .hero-life-dates dd span{font-size:12px}
 #home .cinema-caption{position:relative;inset:auto;order:3;display:flex;margin:24px 0 0;padding:0;gap:0}
 #home .cinema-caption a{display:block;min-height:44px;padding:12px 0;font-size:14px;line-height:1.5}
 #home .cinema-caption .scene-number,#home .cinema-caption p,#home .cinema-instruction,#home .frame-lines{display:none}
 #home.film-view .cinema-image{display:none}
 #home.portrait-view .cinema-reel{display:none}
 #home.portrait-view .cinema-warm{display:block;position:relative;inset:auto;order:1;width:100%;height:clamp(300px,95vw,480px);background:transparent}
 #home.portrait-view .cinema-warm .portrait-room{inset:0;width:100%;height:100%;object-fit:contain;transform:none}
 #home.portrait-view .cinema-mono{display:none}
 #home .cinema-stage:after{background:linear-gradient(0deg,#160f0b33,transparent 60%)}
 #home .signature-home{top:auto;bottom:12%;right:4%;left:auto;width:38%;opacity:.12}
}