/* The still canvas uses the same fixed-height camera framing as sceneEngine.
   Scaling it with cover makes the egg grow with viewport width before WebGL. */
.hero,.initial-page{--hero-height:855px;--poster-height:calc((var(--hero-height) - 104px) * 855 / 751);--poster-width:calc(var(--poster-height) * 1424 / 855);--poster-left:calc(69% - var(--poster-width) * .69);--poster-top:calc(54px - var(--poster-height) * 54 / 855)}
.scene-poster{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}
.scene-poster>img{position:absolute;display:block;max-width:none;width:var(--poster-width);height:var(--poster-height);left:var(--poster-left);top:var(--poster-top);object-fit:fill;pointer-events:none}
@media(min-width:1600px){.hero,.initial-page{--hero-height:920px}}
@media(max-width:1180px){.hero,.initial-page{--hero-height:800px}}
@media(max-width:1000px) and (min-width:601px){
  /* Below the tablet camera's width limit, the camera backs away to preserve
     the full hearth. The width cap mirrors that fitted projection. */
  .hero,.initial-page{--poster-height:min(calc((var(--hero-height) - 103px) * 780 / 677),calc(100vw * 780 / 698));--poster-width:calc(var(--poster-height) * 752 / 780);--poster-left:calc(64.5% - var(--poster-width) * .645);--poster-top:calc(58px + (var(--hero-height) - 103px) / 2 - var(--poster-height) * 396.5 / 780)}
}
@media(max-width:900px){.hero,.initial-page{--hero-height:780px}}
@media(max-width:600px){.hero,.initial-page{--hero-height:800px;--poster-height:800px;--poster-width:374px;--poster-left:calc(50% - 187px);--poster-top:0px}}