:root{--hu-parallax-tiffany:#81D8D0;--hu-parallax-navy:#22324A}

/* Mobile parallax v4 — visible depth without hiding content, safe for full-page screenshots. */
@media(max-width:900px){
  .hero-v2,.editorial-section,.services-section,.topic-section,.journal-teaser,.parallax-glass-section,.action-section{overflow:clip}

  /* HERO: image and copy travel at clearly different speeds. */
  .hero-v2::before{
    transform:translate3d(0,var(--hu-v4-hero-bg-y,0px),0) scale(1.18)!important;
    transition:none!important;
    will-change:transform;
  }
  .hero-v2 .hero-content{
    transform:translate3d(0,var(--hu-v4-hero-copy-y,0px),0)!important;
    will-change:transform;
  }
  .hero-v2 .hero-content:before{
    transform:translate3d(var(--hu-v4-hero-orb-x,0px),var(--hu-v4-hero-orb-y,0px),0) scale(var(--hu-v4-hero-orb-scale,1))!important;
    animation:hu-v4-orb-breathe 5.2s ease-in-out infinite alternate!important;
    will-change:transform;
  }
  .hero-v2 .hero-kicker,.hero-v2 .hero-services span{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  .hero-v2 .hero-services span:nth-child(1){transform:translate3d(0,var(--hu-v4-chip-1,0px),0)}
  .hero-v2 .hero-services span:nth-child(2){transform:translate3d(0,var(--hu-v4-chip-2,0px),0)}
  .hero-v2 .hero-services span:nth-child(3){transform:translate3d(0,var(--hu-v4-chip-3,0px),0)}

  /* ABOUT: foreground copy floats over a slower light field. */
  .editorial-section:after{content:"";position:absolute;z-index:0;width:260px;height:260px;right:-120px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(129,216,208,.28) 0,rgba(129,216,208,.08) 38%,transparent 70%);transform:translate3d(0,var(--hu-v4-about-bg-y,0px),0);pointer-events:none;will-change:transform}
  .editorial-grid{position:relative;z-index:1}
  .editorial-label{transform:translate3d(0,var(--hu-v4-about-label-y,0px),0)!important;will-change:transform}
  .editorial-copy{transform:translate3d(0,var(--hu-v4-about-copy-y,0px),0)!important;will-change:transform}

  /* SERVICES: cards move on three slightly different planes. */
  .services-section:before{transform:translate3d(var(--hu-v4-services-glow-x,0px),var(--hu-v4-services-glow-y,0px),0)!important;will-change:transform}
  .services-grid>.flip-card:nth-child(1){transform:translate3d(0,var(--hu-v4-service-1-y,0px),0)!important}
  .services-grid>.flip-card:nth-child(2){transform:translate3d(0,var(--hu-v4-service-2-y,0px),0)!important}
  .services-grid>.flip-card:nth-child(3){transform:translate3d(0,var(--hu-v4-service-3-y,0px),0)!important}
  .services-grid>.flip-card{transition:none!important;will-change:transform}
  .flip-card-inner{box-shadow:0 22px 55px rgba(0,0,0,.22)!important}

  /* PROJECTS: copy and media intentionally move in opposite directions. */
  .topic-section:before{transform:translate3d(var(--hu-v4-project-orb-x,0px),var(--hu-v4-project-orb-y,0px),0) scale(1.18)!important;will-change:transform}
  .topic-section .topic-content{transform:translate3d(0,var(--hu-v4-project-copy-y,0px),0)!important;will-change:transform}
  .topic-section .topic-carousel-wrapper{
    transform:translate3d(0,var(--hu-v4-project-card-y,0px),0) rotate(var(--hu-v4-project-card-r,-1deg)) scale(var(--hu-v4-project-card-s,1))!important;
    transition:none!important;
    will-change:transform;
  }
  .topic-bg-gray .topic-carousel-wrapper{--hu-v4-project-card-r:1deg}
  .topic-carousel-wrapper:before{content:"";position:absolute;z-index:-1;inset:-11px;border:1px solid rgba(129,216,208,.22);border-radius:29px;transform:translate3d(var(--hu-v4-frame-x,8px),var(--hu-v4-frame-y,10px),0);pointer-events:none}

  /* JOURNAL: large orbit and cards move at different speeds. */
  .journal-teaser:before{transform:translate3d(var(--hu-v4-journal-orb-x,0px),var(--hu-v4-journal-orb-y,0px),0)!important;will-change:transform}
  .journal-head{transform:translate3d(0,var(--hu-v4-journal-head-y,0px),0)!important;will-change:transform}
  .journal-mini:nth-child(1){transform:translate3d(0,var(--hu-v4-journal-card-1,0px),0)!important}
  .journal-mini:nth-child(2){transform:translate3d(0,var(--hu-v4-journal-card-2,0px),0)!important}
  .journal-mini:nth-child(3){transform:translate3d(0,var(--hu-v4-journal-card-3,0px),0)!important}

  /* SOCIAL: glow and icon cluster move on separate planes. */
  .parallax-glass-section:before{transform:translate3d(var(--hu-v4-social-glow-x,0px),var(--hu-v4-social-glow-y,0px),0)!important;will-change:transform}
  .parallax-glass-section .container{transform:translate3d(0,var(--hu-v4-social-copy-y,0px),0)!important;will-change:transform}
  .glass-btn-container{transform:translate3d(0,var(--hu-v4-social-icons-y,0px),0)!important;will-change:transform}

  /* CTA gets a slow moving light sweep so one effect is visible even before scrolling. */
  .action-section:after{content:"";position:absolute;inset:-35% -50%;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(129,216,208,.08) 46%,rgba(129,216,208,.22) 50%,rgba(129,216,208,.06) 54%,transparent 64%);transform:translate3d(var(--hu-v4-cta-light-x,-18%),0,0) rotate(-5deg);animation:hu-v4-light-sweep 8s ease-in-out infinite alternate;will-change:transform}
  .action-content{position:relative;z-index:2;transform:translate3d(0,var(--hu-v4-cta-y,0px),0)!important;will-change:transform}
}

@keyframes hu-v4-orb-breathe{0%{filter:drop-shadow(0 0 0 rgba(129,216,208,0));opacity:.72}100%{filter:drop-shadow(0 0 24px rgba(129,216,208,.22));opacity:1}}
@keyframes hu-v4-light-sweep{0%{transform:translate3d(-18%,0,0) rotate(-5deg)}100%{transform:translate3d(18%,0,0) rotate(-5deg)}}

@media(prefers-reduced-motion:reduce){
  .hero-v2::before,.hero-v2 .hero-content,.hero-v2 .hero-content:before,.editorial-label,.editorial-copy,.services-grid>.flip-card,.topic-section .topic-content,.topic-section .topic-carousel-wrapper,.journal-head,.journal-mini,.parallax-glass-section .container,.glass-btn-container,.action-content{transform:none!important}
  .hero-v2 .hero-content:before,.action-section:after{animation:none!important}
}