/* Mobile opening: a clear film/pedal stage, followed by readable copy. */
.hero .film-replay{position:absolute;z-index:4;left:clamp(1.25rem,4vw,3rem);bottom:1rem;min-height:44px;padding:.65rem 1rem;border:1px solid rgba(236,231,220,.45);border-radius:999px;background:rgba(5,13,17,.82);color:var(--ink);font:600 .85rem/1.3 var(--sans);cursor:pointer}
.hero .film-replay[hidden]{display:none}
.hero .film-replay:hover{border-color:var(--lamp-text);color:var(--lamp-text)}
@media(max-width:860px){
 .hero.film{--fh:max(420px,calc(100svh - 68px))}
 .hero.film .hero-film{height:var(--fh)}
 .hero.film .hero-grid{padding-top:var(--fh);min-height:0}
 .hero.film .hero-copy{display:block;min-height:0;max-width:none;margin:0;padding:2rem clamp(1.25rem,4vw,3rem) 3rem;background:var(--bg)}
 .hero.film .hero-copy .lede{margin:0 0 1.5rem;max-width:60ch;font-size:1.1rem;line-height:1.65}
 .hero.film .hero-copy .btn-row{margin:0}
 .hero.film .film-shade{background:linear-gradient(0deg,rgba(5,13,17,.5),transparent 18%)}
 .hero.film .film-replay{top:calc(var(--fh) - 4rem);bottom:auto;left:1.25rem}
}
@media(max-width:400px){
 .hero.film .film-replay{left:.75rem;font-size:.75rem;padding:.6rem .7rem}
}