/* Photographic atmosphere stays behind the unchanged hero brand and controls. */
.fantasy-atmosphere{display:contents}
.effect-definitions{position:absolute;pointer-events:none}
.hero-water{position:absolute;inset:-5%;z-index:-4;background:linear-gradient(180deg,#0d161e12 15%,#0b172552 75%,#07121e 100%),url('/assets/hero-forest.png') center 45%/cover;mask-image:radial-gradient(ellipse 30% 20% at 39% 73%,#000 15%,transparent 76%);filter:url('#water-ripple');pointer-events:none;will-change:transform}
.hero-dragon-plane{position:absolute;z-index:-3;right:3.5%;top:14%;width:clamp(190px,21vw,350px);pointer-events:none;will-change:transform}
.hero-dragon{width:100%;opacity:.72;filter:brightness(.64) saturate(.45) blur(.35px);animation:dragon-glide 28s ease-in-out infinite alternate}
.hero-mist-plane{position:absolute;pointer-events:none;will-change:transform}
.hero-mist-plane img{width:100%;max-width:none;animation:mist-drift 36s ease-in-out infinite alternate}
.mist-far{left:-15%;top:36%;width:125%;z-index:-2;opacity:.22;filter:blur(2px)}
.mist-near{left:-25%;top:61%;width:155%;z-index:3;opacity:.13;filter:blur(1px)}
.mist-near img{animation-duration:49s;animation-delay:-13s;animation-direction:alternate-reverse}
.hero-fire-plane{position:absolute;z-index:3;bottom:-4%;right:-1%;width:clamp(160px,16vw,260px);pointer-events:none;will-change:transform}
.hero-brazier{position:relative;width:100%;filter:brightness(.85);z-index:2;clip-path:inset(33% 0 0 0)}
.hero-flame{position:absolute;inset:0;width:100%;z-index:2;clip-path:inset(0 0 65% 0);filter:url('#flame-distortion') brightness(.9)}
.fire-light{position:absolute;inset:10% -45% -8%;background:radial-gradient(ellipse at 50% 42%,#d48b393b,transparent 64%);mix-blend-mode:screen;animation:fire-breath 3.7s ease-in-out infinite;z-index:1}
.fire-embers{position:absolute;inset:-45% 0 20%;width:100%;height:125%;z-index:3}
.still-scene .fantasy-atmosphere *{animation-play-state:paused!important}
.still-scene .hero-water{filter:none}
.still-scene .hero-flame{filter:brightness(.9)}
.hero-bottom .scene-toggle{background:#09121a77;padding:10px 14px;border:1px solid #c6a15b20;backdrop-filter:blur(8px)}
@keyframes dragon-glide{0%{translate:14px 0;rotate:-1deg}50%{translate:0 8px;rotate:0deg}100%{translate:-18px -4px;rotate:1deg}}
@keyframes mist-drift{from{translate:-3% 0;scale:1.02}to{translate:4% -1%;scale:1.08}}
@keyframes fire-breath{0%,100%{opacity:.65;scale:1}32%{opacity:.88;scale:1.025}61%{opacity:.6;scale:.985}80%{opacity:.8;scale:1.015}}
@media(max-width:760px){.hero-water{display:none}.hero-dragon-plane{width:145px;right:-1%;top:12%}.hero-dragon{opacity:.55}.mist-far{width:175%;left:-45%;top:48%;opacity:.13}.mist-near{width:220%;left:-65%;top:68%;opacity:.1}.hero-fire-plane{width:125px;right:-24px;bottom:1%}.hero-bottom .scene-toggle{margin-right:45px;font-size:8px}.hero-bottom .scene-toggle>span{font-size:8px}.hero-bottom>a{font-size:8px}}
@media(prefers-reduced-motion:reduce){.fantasy-atmosphere *{animation:none!important}.hero-water{filter:none}.hero-flame{filter:brightness(.9)}}
/* Forest atmosphere: independent fog drift, flame deformation and rising smoke. */
.hero-mist-plane img{animation-duration:23s}
.mist-far{top:29%;opacity:.25}
.mist-near{top:51%;opacity:.17}
.mist-near img{animation-duration:31s;animation-delay:-9s}
.hero-flame{transform-origin:50% 33%;animation:flame-shape 1.3s ease-in-out infinite alternate}
.fire-smoke{position:absolute;bottom:68%;left:19%;width:66%;height:100%;z-index:1;pointer-events:none;transform-origin:50% 100%;opacity:0;animation:smoke-rise 9s linear infinite}
.fire-smoke img{width:100%;height:100%;object-fit:contain;filter:brightness(.75) blur(.7px)}
.smoke-two{animation-delay:-4.5s;left:24%;width:56%;height:90%}
.fire-light{animation-duration:2.3s}
@keyframes mist-drift{from{translate:-9% 0;scale:1.02}to{translate:7% -2%;scale:1.08}}
@keyframes flame-shape{0%{scale:.97 1.04;rotate:-.7deg;opacity:.92}28%{scale:1.03 .97;rotate:.4deg;opacity:1}63%{scale:.98 1.06;rotate:-.3deg;opacity:.94}100%{scale:1.02 1;rotate:.6deg;opacity:1}}
@keyframes smoke-rise{0%{translate:0 20px;scale:.8 .8;opacity:0}18%{opacity:.3}55%{translate:-8px -20px;scale:1 1.1;opacity:.23}100%{translate:-27px -70px;scale:1.25 1.3;opacity:0}}
@media(max-width:760px){.mist-far{top:36%;opacity:.18}.mist-near{top:59%;opacity:.13}.fire-smoke{width:70%;height:100%}}
@media(prefers-reduced-motion:reduce){.hero-flame,.hero-mist-plane img,.fire-smoke{animation:none!important}.fire-smoke{opacity:.14}}

.hero-dragon{filter:brightness(.82) saturate(.5) blur(.35px);opacity:.6}
@media(max-width:760px){.hero .hero-foreground{inset:auto auto -3% -7.5%;width:115%;height:auto;object-fit:contain;opacity:.9}}