/* Four stationary messages fade in sequence while the cloud scene descends. */
.main>.cloud-reference-field{z-index:1}
.main .section.visual.forest-hero{position:relative;z-index:3}
.main:has(.cloud-story-enabled)>.motions-group{z-index:2;overflow:clip}
.cloud-reference-field .cloud-deck{
 top:-35%;
 mask-image:url('nature/cloud-story-mask.svg');
 -webkit-mask-image:url('nature/cloud-story-mask.svg');
}
.main #story.cloud-story-enabled{height:450svh;padding:0}
.main #story.cloud-story-enabled>.gutter{position:sticky;top:0;height:100svh;padding:0;overflow:clip}
.main #story.cloud-story-enabled .max-inner{position:relative;height:100%;max-width:none;width:100%;display:block}
.main #story.cloud-story-enabled .text-area,
.main #story.cloud-story-enabled .img-area{
 position:absolute;top:46%;width:min(500px,40vw);padding:0;display:block;
 opacity:0;visibility:hidden;transform:translate3d(var(--card-x,0px),-50%,0);will-change:opacity;
 text-shadow:0 1px 18px #ffffff70;
}
.main #story.cloud-story-enabled .text-area.text-01,
.main #story.cloud-story-enabled .text-area.text-03{left:23%;right:auto;padding:0}
.main #story.cloud-story-enabled .text-area.text-02{left:auto;right:17%;padding:0}
.main #story.cloud-story-enabled .text-area .text-wrap{width:100%;max-width:none}
.main #story.cloud-story-enabled .text-area h2{font-size:clamp(28px,2.8vw,40px);color:#1b3654;line-height:1.25}
.main #story.cloud-story-enabled .text-area p{font-size:clamp(18px,1.8vw,25px);color:#284660;line-height:1.5}
.main #story.cloud-story-enabled .img-area{--card-x:-50%;left:50%;top:48%;width:min(600px,80vw);text-align:center}
.main #story.cloud-story-enabled .img-area .img-wrap{width:min(260px,30svh);max-width:none}
.main #story.cloud-story-enabled .img-area .title-wrap{padding-top:12px;margin-top:0}
.main #story.cloud-story-enabled .img-area .title{font-size:clamp(32px,3.7vw,56px);color:#1b3654;line-height:1.25}
.main .motions-group>.svg-wrap{z-index:3;visibility:visible;pointer-events:none}
@media(max-width:767px){
 .main #story.cloud-story-enabled .text-area,
 .main #story.cloud-story-enabled .text-area.text-01,
 .main #story.cloud-story-enabled .text-area.text-02,
 .main #story.cloud-story-enabled .text-area.text-03{left:8%;right:auto;width:84%;top:46%;padding:0}
 .main #story.cloud-story-enabled .text-area .text-wrap{gap:18px}
 .main #story.cloud-story-enabled .text-area h2{font-size:30px}
 .main #story.cloud-story-enabled .text-area p{font-size:18px;line-height:1.55;letter-spacing:-.035em}
 .main #story.cloud-story-enabled .img-area{left:8%;width:84%;--card-x:0px}
 .main #story.cloud-story-enabled .img-area .img-wrap{width:min(220px,26svh)}
 .main #story.cloud-story-enabled .img-area .title{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
 .main .cloud-reference-field .cloud-deck{mask-image:none;-webkit-mask-image:none}
}