@import url('/assets/orbit-bg.css?v=20260912-orbit-safe-v2');
@import url('/assets/projects-invert.css?v=20260912-projects-invert-v1');

/* AR PROPERTIES — hero artwork source. Phone layout now lives in mobile-universal.css. */
.hero-section::before{
  background-image:url('/header.png?v=20260912-mobile-rebuild-v1')!important;
  transform-origin:center center!important;
}

@media(min-width:768px){
  .hero-section::before{
    animation:arHeroSlowBreath 65.8s cubic-bezier(.45,.05,.55,.95) infinite alternate!important;
  }
}

@media(max-width:767px){
  .hero-section::before{
    background-position:right center!important;
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}

@keyframes arHeroSlowBreath{
  0%{transform:scale(1.035) translate3d(0,0,0)}
  50%{transform:scale(1.055) translate3d(-.14%,.06%,0)}
  100%{transform:scale(1.075) translate3d(-.32%,.14%,0)}
}

@media(prefers-reduced-motion:reduce){
  .hero-section::before{
    animation:none!important;
    transform:none!important;
  }
}