/* Altair — review 29.09: scroll-driven arrivals and white-to-white transition.
   Native alpha PNG remains /assets/block2_bg.png at its original aspect ratio. */
.about-altair{
  margin-bottom:calc(-1 * clamp(70px,7.6vw,137px));
  background:linear-gradient(to bottom,transparent 0%,#fff 54%,#fff 100%);
}
.about-altair-wave{
  overflow:hidden;
}
.about-altair-wave img{
  /* Native sizing is inherited. A short feather is confined to the existing PNG. */
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 99%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 99%);
}
.about-altair-wave::after{
  content:"";
  position:absolute;z-index:2;
  left:0;right:0;bottom:-1px;
  height:clamp(160px,17vw,265px);
  background:linear-gradient(to bottom,
    rgba(253,246,238,0) 0%,
    rgba(253,246,238,.12) 25%,
    rgba(253,246,238,.53) 59%,
    rgba(255,255,255,.90) 90%,
    #fff 100%);
  pointer-events:none;
}
.resort-main>.hero-followthrough{
  height:0;background:#fff;
}
.altair-footer{z-index:10}
/* All reveal properties are controlled by scroll position; never time-based triggers. */
html.altair-motion-ready .about-altair-copy > .about-altair-eyebrow,
html.altair-motion-ready .about-altair-copy > h2,
html.altair-motion-ready .about-altair-copy > .about-altair-lead,
html.altair-motion-ready .about-altair-copy > p:not(.about-altair-lead),
html.altair-motion-ready .about-altair-copy > .about-altair-more,
html.altair-motion-ready .about-altair-copy > .about-altair-gallery,
html.altair-motion-ready .about-altair-feature{
  opacity:0;
  will-change:opacity,transform;
}
.about-altair-feature-icon{
  transform-origin:center;will-change:transform;
}
@media(max-width:900px){
  .about-altair{margin-bottom:-clamp(47px,7vw,86px)}
  .about-altair-wave::after{height:clamp(130px,18vw,195px)}
}
@media(max-width:660px){
  .about-altair{margin-bottom:-36px}
  .about-altair-wave::after{height:130px}
  .resort-main>.hero-followthrough{height:0}
}
@media(prefers-reduced-motion:reduce){
  html.altair-motion-ready .about-altair-copy > .about-altair-eyebrow,
  html.altair-motion-ready .about-altair-copy > h2,
  html.altair-motion-ready .about-altair-copy > .about-altair-lead,
  html.altair-motion-ready .about-altair-copy > p:not(.about-altair-lead),
  html.altair-motion-ready .about-altair-copy > .about-altair-more,
html.altair-motion-ready .about-altair-copy > .about-altair-gallery,
  html.altair-motion-ready .about-altair-feature{
    opacity:1!important;transform:none!important;filter:none!important;
    will-change:auto!important;
  }
  .about-altair-feature-icon{transform:none!important}
}
