/* HST / Altair: two independent edge-frond depth planes, original alpha PNGs. */
.about-edge-palms{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}
.about-edge-palm{position:absolute;display:block;transform:translate3d(0,var(--edge-scroll-y,0px),0);
  will-change:transform;pointer-events:none;backface-visibility:hidden}
.about-edge-palm img{display:block;width:100%;height:auto;max-width:none;
  pointer-events:none;user-select:none;-webkit-user-select:none;filter:blur(.3px);will-change:transform}
@media(min-width:901px){
 .about-edge-palms{display:block}
 .about-edge-palm--front{z-index:2}
 .about-edge-palm--back{z-index:1}
 .about-edge-palm--left-front{left:-118px;top:42px;width:clamp(255px,21vw,385px)}
 .about-edge-palm--right-front{right:-255px;top:285px;width:clamp(390px,31vw,560px)}
 .about-edge-palm--left-back{left:-86px;top:535px;width:clamp(185px,14vw,255px)}
 .about-edge-palm--right-back{right:-122px;top:735px;width:clamp(235px,18vw,325px)}
 .about-edge-palm--left-front img{opacity:.78;transform-origin:-18% 0%;
   animation:altair-edge-left-front 10.7s ease-in-out infinite alternate}
 .about-edge-palm--right-front img{opacity:.84;transform-origin:120% 6%;
   animation:altair-edge-right-front 12.4s ease-in-out infinite alternate}
 .about-edge-palm--left-back img{opacity:.54;transform-origin:-12% 10%;
   animation:altair-edge-left-back 15.2s ease-in-out infinite alternate}
 .about-edge-palm--right-back img{opacity:.61;transform-origin:115% 12%;
   animation:altair-edge-right-back 13.8s ease-in-out infinite alternate}
}@keyframes altair-edge-left-front {
  0%{transform:rotate(10deg) scale(1.03)} 52%{transform:rotate(13deg) scale(1.03)}
  100%{transform:rotate(11deg) scale(1.03)}
}
@keyframes altair-edge-right-front {
  0%{transform:rotate(-9deg) scale(1.03)} 52%{transform:rotate(-12deg) scale(1.03)}
  100%{transform:rotate(-10deg) scale(1.03)}
}
@keyframes altair-edge-left-back {
  0%{transform:rotate(-16deg) scale(.96)} 54%{transform:rotate(-12deg) scale(.96)}
  100%{transform:rotate(-15deg) scale(.96)}
}
@keyframes altair-edge-right-back {
  0%{transform:rotate(15deg) scale(.94)} 54%{transform:rotate(11deg) scale(.94)}
  100%{transform:rotate(14deg) scale(.94)}
}
@media(min-width:901px) and (max-width:1199px){
 .about-edge-palm--left-front{left:-105px;top:65px;width:265px}
 .about-edge-palm--right-front{right:-205px;top:315px;width:405px}
 .about-edge-palm--left-back{left:-75px;top:540px;width:185px}
 .about-edge-palm--right-back{right:-102px;top:720px;width:240px}
}
@media(prefers-reduced-motion:reduce){
 .about-edge-palm{transform:none!important;will-change:auto!important}
 .about-edge-palm img{animation:none!important;will-change:auto!important}
 .about-edge-palm--left-front img{transform:rotate(11deg) scale(1.03)}
 .about-edge-palm--right-front img{transform:rotate(-10deg) scale(1.03)}
 .about-edge-palm--left-back img{transform:rotate(-14deg) scale(.96)}
 .about-edge-palm--right-back img{transform:rotate(13deg) scale(.94)}
}


/* 2026-10-01 — keep all lower palms above content, with image edges pushed off-canvas. */
@media(min-width:901px){
  .about-edge-palms{z-index:9!important}

  .about-edge-palm--left-front{left:-145px!important;top:34px!important}
  .about-edge-palm--right-front{right:-300px!important;top:270px!important}
  .about-edge-palm--left-back{left:-115px!important;top:520px!important}
  .about-edge-palm--right-back{right:-165px!important;top:720px!important}

  .about-edge-palm--left-front img{
    animation:altair-edge-left-front-polish 10.7s ease-in-out infinite alternate!important;
  }
  .about-edge-palm--right-front img{
    animation:altair-edge-right-front-polish 12.4s ease-in-out infinite alternate!important;
  }
  .about-edge-palm--left-back img{
    animation:altair-edge-left-back-polish 15.2s ease-in-out infinite alternate!important;
  }
  .about-edge-palm--right-back img{
    animation:altair-edge-right-back-polish 13.8s ease-in-out infinite alternate!important;
  }
}

@keyframes altair-edge-left-front-polish{
  from{transform:rotate(18deg) scale(1.03)}
  to{transform:rotate(22deg) scale(1.03)}
}
@keyframes altair-edge-right-front-polish{
  from{transform:rotate(16deg) scale(1.03)}
  to{transform:rotate(21deg) scale(1.03)}
}
@keyframes altair-edge-left-back-polish{
  from{transform:rotate(12deg) scale(.96)}
  to{transform:rotate(17deg) scale(.96)}
}
@keyframes altair-edge-right-back-polish{
  from{transform:rotate(15deg) scale(.94)}
  to{transform:rotate(20deg) scale(.94)}
}

@media(min-width:901px) and (max-width:1199px){
  .about-edge-palm--left-front{left:-125px!important;top:55px!important}
  .about-edge-palm--right-front{right:-245px!important;top:300px!important}
  .about-edge-palm--left-back{left:-95px!important;top:530px!important}
  .about-edge-palm--right-back{right:-135px!important;top:710px!important}
}


/* 2026-10-01 — all lower about palms farther from the center; keep their hard image crop outside the viewport. */
@media(min-width:901px){
  .about-edge-palm--left-front{left:-220px!important}
  .about-edge-palm--right-front{right:-420px!important}
  .about-edge-palm--left-back{left:-185px!important}
  .about-edge-palm--right-back{right:-255px!important}
}
@media(min-width:901px) and (max-width:1199px){
  .about-edge-palm--left-front{left:-185px!important}
  .about-edge-palm--right-front{right:-355px!important}
  .about-edge-palm--left-back{left:-150px!important}
  .about-edge-palm--right-back{right:-220px!important}
}


/* 2026-10-01 — final outward palm offset after visual QA. */
@media(min-width:1200px){
  .about-edge-palm--left-front{left:-300px!important}
  .about-edge-palm--right-front{right:-500px!important}
  .about-edge-palm--left-back{left:-260px!important}
  .about-edge-palm--right-back{right:-330px!important}
}
@media(min-width:901px) and (max-width:1199px){
  .about-edge-palm--left-front{left:-235px!important}
  .about-edge-palm--right-front{right:-420px!important}
  .about-edge-palm--left-back{left:-205px!important}
  .about-edge-palm--right-back{right:-275px!important}
}
