/* v2.6 — approved desktop ambient motion: window light only. */
@media (min-width:821px){
  html body .hero .hero-art{z-index:0 !important;}
  html body .hero .hero-ambient{
    position:absolute;
    top:62px;
    left:var(--hero-left);
    width:calc(100vw - var(--hero-left) - var(--hero-right));
    height:375px;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
    isolation:isolate;
  }
  html body .hero::after{z-index:2;}
  html body .hero .hero-shell{z-index:3;}
  html body .hero .ambient-window{
    position:absolute;
    top:-32px;
    right:232px;
    width:242px;
    height:274px;
    border-radius:50%;
    background:radial-gradient(ellipse at 50% 43%,rgba(255,232,168,.38) 0%,rgba(235,185,92,.23) 30%,rgba(184,119,38,.10) 52%,rgba(0,0,0,0) 74%);
    filter:blur(5px);
    mix-blend-mode:screen;
    opacity:.58;
    transform-origin:50% 45%;
    animation:windowBreath 7.6s ease-in-out infinite;
    will-change:opacity,transform,filter;
  }
  html body .hero .ambient-window::after{
    content:"";
    position:absolute;
    left:28px;
    right:28px;
    top:88px;
    height:236px;
    background:linear-gradient(180deg,rgba(255,229,164,.19),rgba(223,160,73,.07) 44%,rgba(0,0,0,0) 100%);
    clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);
    filter:blur(14px);
    opacity:.62;
  }
  @keyframes windowBreath{
    0%,100%{opacity:.54;transform:scale(.99);filter:blur(5.2px)}
    38%{opacity:.72;transform:scale(1.022);filter:blur(4px)}
    68%{opacity:.60;transform:scale(1.007);filter:blur(4.8px)}
  }
}
@media (max-width:820px){html body .hero .hero-ambient{display:none !important}}
@media (prefers-reduced-motion:reduce){
  html body .hero .hero-ambient *{animation:none !important}
  html body .hero .ambient-window{opacity:.58 !important}
}