/* The animated doorway is aligned to the original 1672 × 941 hero artwork. */
.hero-scene{position:absolute;inset:0;z-index:-3;transform:scale(1.035);will-change:transform;pointer-events:none}
.hero-scene .hero-image{z-index:0;transform:none!important}
.temple-doorway{position:absolute;visibility:hidden;overflow:hidden;isolation:isolate;background:#0b0c0c;perspective:650px;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);contain:layout paint;z-index:1}
.door-ready .temple-doorway{visibility:visible}
.temple-interior{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.68);transform:scale(1.05)}
.door-leaf{position:absolute;top:0;bottom:0;width:50.1%;background-repeat:no-repeat;backface-visibility:hidden;will-change:transform;transform:rotateY(0);z-index:2}
.door-left{left:0;transform-origin:left center}
.door-right{right:0;transform-origin:right center}
.door-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#eac17b22,transparent 65%);opacity:0;pointer-events:none;z-index:1}
.door-opening .door-left{animation:door-open-left 3.4s .85s cubic-bezier(.38,.02,.24,1) both}
.door-opening .door-right{animation:door-open-right 3.4s .85s cubic-bezier(.38,.02,.24,1) both}
.door-opening .temple-interior{animation:interior-light 3.5s 1s ease-out both}
.door-opening .door-glow{animation:door-light 3.5s 1s ease-out both}
.sky-streak{position:absolute;left:53%;top:13%;width:60px;height:1px;background:linear-gradient(90deg,transparent,#f4dfbb);opacity:0;z-index:-2;pointer-events:none;transform:rotate(-36deg)}
.sky-streak:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#fff4dc;box-shadow:0 0 7px #f4dfbb}
.door-opening+.sky-streak{animation:sky-crossing 1.6s 1.8s ease-out both}
@keyframes door-open-left{from{transform:rotateY(0)}to{transform:rotateY(-100deg)}}
@keyframes door-open-right{from{transform:rotateY(0)}to{transform:rotateY(100deg)}}
@keyframes interior-light{from{filter:brightness(.4);transform:scale(1.05)}to{filter:brightness(.98);transform:scale(1)}}
@keyframes door-light{from{opacity:0}to{opacity:1}}
@keyframes sky-crossing{0%{opacity:0;transform:translate(0,0) rotate(-36deg)}18%{opacity:.55}70%{opacity:.35}100%{opacity:0;transform:translate(-175px,127px) rotate(-36deg)}}
.no-motion .hero-scene{transform:none!important}.no-motion .temple-doorway,.no-motion .sky-streak{visibility:hidden}
@media(max-width:680px){.hero-scene{transform:none!important}.sky-streak{left:63%;top:8%}}
@media(prefers-reduced-motion:reduce){.hero-scene{transform:none!important}.temple-doorway,.sky-streak{visibility:hidden!important}}