#brume-mist{position:absolute;inset:0;z-index:3;visibility:hidden;overflow:hidden;pointer-events:none;background:#101412}
#brume-mist.is-visible{visibility:visible}
#brume-mist canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
#brume-mist .mist-sprouts{z-index:0}
#brume-mist .mist-field{z-index:1}
#brume-mist .mist-static{z-index:1;display:none}
#brume-mist.is-static .mist-field{visibility:hidden}
#brume-mist.is-static .mist-static{display:block}
body.mist-scene-active #canva>img[data-botanical]{visibility:hidden!important}
body.mist-scene-active .step[data-section="1"] .text{text-shadow:0 2px 25px #07130c70}
body.mist-scene-active .step[data-section="1"] .scene-note{color:#d6e9d8;text-shadow:0 1px 12px #07130c}
body:not(.reduced) .step[data-section="1"]{height:100svh}
@media(max-height:500px) and (orientation:landscape){
  body:not(.reduced) .step[data-section="1"] .wrap{top:53%;width:86%}
  body:not(.reduced) .step[data-section="1"] .text{font-size:clamp(36px,7.5vh,48px);line-height:1.05}
  body:not(.reduced) .step[data-section="1"] .scene-note{font-size:14px;line-height:1.35;margin-top:14px;max-width:620px}
}
body.reduced .step[data-section="1"]{position:relative!important;overflow:hidden;background:#101412}
body.reduced .step[data-section="1"] .wrap{position:relative;z-index:4}