/* ---- One reveal: the cover's critical rules are inlined in index.html; this is the rest ---- */
/* When the cap lifts the cover before the photo has decoded, the photo fades in instead of popping. */
.cinematic-hero .hero-image-mask{transition:opacity .9s cubic-bezier(.2,.75,.2,1)}
.hero-photo-pending .cinematic-hero .hero-image-mask{opacity:0;transition:none}
@media (prefers-reduced-motion:reduce){.cinematic-hero .hero-image-mask{transition-duration:.25s}}

/* ---- Hero composition for desktop and wide screens (published site and studio preview alike) ----
   The photo covers the whole stage with the faces held high; the name lockup is sized by the smaller
   of width and height, kept inside the stage with a safe inset clear of the side drapes. */
@media (min-width:761px){
  .cinematic-hero .hero-stage{overflow:hidden}
  .cinematic-hero .hero-stage .ensemble{top:0;left:0;right:auto;width:100%;height:100%;object-fit:cover;object-position:50% 26%}
  .cinematic-hero .hero-stage .hero-name{left:max(9vw,72px);right:max(9vw,72px);bottom:max(7svh,44px);font-size:min(13vw,25svh)}
  .cinematic-hero .hero-stage .hero-name .surname{padding-right:0}
}