/* The Bharatpur miniature recedes behind the scroll-linked lotus bloom. */
.hero{min-height:1020px;max-height:none;background:#f8f0e3}
.hero:before{content:'';position:absolute;top:0;left:0;right:0;height:285px;z-index:-1;background:url('assets/palace-garden.png') center top/min(100%,1000px) auto no-repeat;mask-image:linear-gradient(to bottom,#000 18%,transparent 95%);pointer-events:none}
.hero-depth{z-index:-2;perspective:1400px}
.hero-depth .hero-art{transform:none!important;opacity:1!important;overflow:visible;perspective:none}
.fort-plane{position:absolute;bottom:0;left:0;width:100%;aspect-ratio:2/1;transform-origin:50% 55%;will-change:transform,opacity}
.fort-plane>img{width:100%;height:100%;object-fit:fill;display:block;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%)}
.wetland-foreground{position:absolute;bottom:-5px;left:0;width:100%;aspect-ratio:2/1;transform-origin:center bottom;pointer-events:none;will-change:transform,opacity}
.wetland-foreground img{width:100%;height:100%;object-fit:contain;display:block}
.hero-copy{z-index:3;will-change:opacity}
.hero-wash{position:absolute;inset:0;z-index:4;background:radial-gradient(ellipse at 50% 76%,#fff9ee 0%,#fff8eb 45%,#f8f0e3 100%);opacity:0;pointer-events:none;will-change:opacity}
.hero-border{z-index:5;will-change:opacity}
.hero-birds{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.tree-perch{position:absolute;aspect-ratio:100/64;transform:translate(-50%,-34.375%);pointer-events:none}
.tree-perch svg{width:100%;height:100%;display:block}
.flight-bird{position:absolute;width:calc(clamp(66px,8vw,112px)*var(--bird-size));aspect-ratio:180/125;transform:translate(-50%,-50%) rotate(var(--lift-tilt,0deg));will-change:left,top,opacity}
.flight-bird>svg{display:block;width:100%;height:100%;overflow:visible;transform:scaleX(var(--bird-side));filter:drop-shadow(0 2px 1px #53624812)}
.bird-rest{opacity:var(--perch,1)}.bird-flying{opacity:var(--flight,0)}
.bird-wing-near,.bird-wing-far{transform-origin:87px 67px;transform-box:view-box}
.is-flying .bird-wing-near{animation:wing-near var(--wing-time,1.25s) var(--flap-offset) ease-in-out infinite}
.is-flying .bird-wing-far{animation:wing-far var(--wing-time,1.25s) var(--flap-offset) ease-in-out infinite}
@keyframes wing-near{0%,100%{transform:rotate(4deg) scaleY(1)}50%{transform:rotate(-16deg) scaleY(.55)}}
@keyframes wing-far{0%,100%{transform:rotate(-7deg) scaleY(.72)}50%{transform:rotate(14deg) scaleY(1)}}
@media(min-width:1600px){.fort-plane,.wetland-foreground{width:min(100%,1800px);left:50%;margin-left:calc(min(100vw,1800px)/-2)}}
@media(max-width:760px){
  .hero{min-height:900px}
  .hero:before{height:280px;background-size:100% auto}
  .fort-plane{width:200%;left:-50%;bottom:0}
  .wetland-foreground{width:170%;left:-35%;bottom:-3px}
  .flight-bird{width:calc(65px*var(--bird-size))}
  .flight-bird[data-phone="false"],.tree-perch[data-phone="false"]{display:none}
}
html[data-motion="reduce"] .fort-plane,html[data-motion="reduce"] .wetland-foreground{transform:none!important;opacity:1!important}html[data-motion="reduce"] .hero-wash{opacity:0!important}html[data-motion="reduce"] .flight-bird,html[data-motion="reduce"] .flight-bird *{animation:none!important}html[data-motion="reduce"] .hero-depth{transform:none!important}

@media print{.hero-birds{display:none}.fort-plane,.wetland-foreground{transform:none!important;opacity:1!important}.hero-wash{display:none}.hero-copy{opacity:1!important}}