/* PH Metals: lightweight interface motion. All animations respect reduced-motion settings. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-enabled .button,.motion-enabled .header-quote,.motion-enabled .link-arrow,.motion-enabled .header-call,.motion-enabled .nav-dropdown>a,.motion-enabled .floating-wa{transition:transform .32s var(--motion-ease),box-shadow .32s var(--motion-ease),background-color .32s ease,color .25s ease,border-color .25s ease}
.motion-enabled .button:hover,.motion-enabled .header-quote:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(14,35,101,.2)}
.motion-enabled .button:active,.motion-enabled .header-quote:active{transform:translateY(-1px) scale(.985)}
.motion-enabled .button span,.motion-enabled .link-arrow span,.motion-enabled .text-link span{display:inline-block;transition:transform .32s var(--motion-ease)}
.motion-enabled .button:hover span,.motion-enabled .link-arrow:hover span,.motion-enabled .product-card:hover .text-link span{transform:translate(4px,-2px)}
.motion-enabled .product-card,.motion-enabled .blog-card,.motion-enabled .story-row,.motion-enabled .brand-wordmark,.motion-enabled .service-card,.motion-enabled .brand-card{transition:transform .45s var(--motion-ease),box-shadow .45s var(--motion-ease),border-color .35s ease}
.motion-enabled .product-card:hover,.motion-enabled .blog-card:hover,.motion-enabled .brand-card:hover{transform:translateY(-7px);box-shadow:0 22px 42px rgba(14,33,75,.13)}
.motion-enabled :is(.product-card,.blog-card,.story-row,.brand-card) img{transition:transform .75s var(--motion-ease)}
.motion-enabled :is(.product-card,.blog-card,.story-row,.brand-card):hover img{transform:scale(1.055)}
.motion-enabled .brand-wordmark:hover{transform:translateY(-5px)}
.motion-enabled .floating-wa:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 18px 38px rgba(13,47,117,.2)}
.motion-enabled .desktop-nav a{transition:color .24s ease}
.motion-enabled .desktop-nav a:hover{color:#ec5f5a}
@media (prefers-reduced-motion:no-preference){
  .motion-enabled.motion-ready .cms-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--motion-ease),transform .7s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
  .motion-enabled.motion-ready .cms-reveal.is-visible{opacity:1;transform:translateY(0)}
  .motion-enabled.motion-ready .hero-content>*{animation:hero-appear .86s var(--motion-ease) both}
  .motion-enabled.motion-ready .hero-content>*:nth-child(2){animation-delay:.12s}
  .motion-enabled.motion-ready .hero-content>*:nth-child(3){animation-delay:.22s}
  .motion-enabled.motion-ready .hero-content>*:nth-child(4){animation-delay:.31s}
  @keyframes hero-appear{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
  .motion-enabled .hero-visual img{animation:hero-photo-in 2.2s var(--motion-ease) both}
  @keyframes hero-photo-in{from{transform:scale(1.06);opacity:.68}to{transform:scale(1);opacity:1}}
}
.cms-social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cms-social-links a{color:#405ca6;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.cms-social-links a:hover{color:#f16663}
.mobile-nav .sub-nav{padding-left:28px;font-size:.9em;opacity:.9}
.cms-grid-placeholder{padding:45px;background:#e8ecfb;color:#324f91;border:2px dashed #9aa9dc;text-align:center;border-radius:8px}
@media(prefers-reduced-motion:reduce){.motion-enabled *,.motion-enabled *::before,.motion-enabled *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}