/* A short sticky interval keeps the photo visible while its pieces assemble. */
.home-page .entry-build-track { position:relative; background:var(--paper); overflow-anchor:none; }
.home-page .entry-build-track.is-building > .home-entry { position:sticky; top:var(--entry-build-top,78px); }
.home-page .home-entry .temple-build-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.home-page .home-entry .hero-art.entry-build-ready > img { opacity:0; }
.home-page .home-entry .hero-art.entry-build-ready::after { z-index:1; }
.home-page .home-entry .hero-art.entry-build-ready .mobile-hero-caption { z-index:2; }
.home-page .home-entry .hero-art.entry-build-ready .hero-darshan-preview { z-index:3; }
/* Fit the entire portrait photo into both the column and usable viewport. */
.home-page .home-entry {
  --entry-header-height:78px;
  --entry-photo-limit:min(640px, calc(100svh - var(--entry-header-height) - 2 * clamp(24px,3vw,48px) - 24px));
}
.home-page .home-entry .hero-art {
  width:min(100%, calc(var(--entry-photo-limit) * 1122 / 1402));
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:1122 / 1402;
  align-self:start;
  justify-self:center;
}
.home-page .home-entry .hero-art > img {
  object-fit:contain;
  object-position:center;
}
.home-page .home-entry .mobile-hero-caption { font-size:clamp(12px,1.2vw,17px); bottom:72px; }
.home-page .home-entry .hero-darshan-preview { font-size:11px; }
@media(max-width:800px) {
  .home-page .home-entry {
    --entry-header-height:70px;
    --entry-photo-limit:min(55svh, calc(100svh - var(--entry-header-height) - 28px));
  }
  .home-page .home-entry .hero-art { align-self:center; flex-shrink:0; }
  .home-page .home-entry .mobile-hero-caption { font-size:11px; bottom:66px; }
  .home-page .home-entry .hero-darshan-preview { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-page .entry-build-track.is-building > .home-entry { position:relative; top:auto; }
  .home-page .home-entry .hero-art.entry-build-ready > img { opacity:1; }
  .home-page .home-entry .temple-build-canvas { display:none; }
}
