/* Shared motion language for content created in WordPress and Elementor. */
.site-scroll-progress{position:fixed;inset:0 auto auto 0;z-index:100;width:100%;height:3px;background:linear-gradient(90deg,#4bc0e9,#69dcf1,#a6e6f7);box-shadow:0 0 12px rgba(91,200,235,.5);pointer-events:none;transform:scaleX(0);transform-origin:left center}
.motion-reveal{opacity:0;translate:0 20px;transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0ms)}
.motion-reveal.motion-visible{opacity:1;translate:0 0}

@media(hover:hover) and (pointer:fine){
  .project-card,.renewable-card,.office-card,.project-info-panel,.project-inquiry-panel,.contact-form-card,.contact-info,.investment-figure,.carbon-figure{transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,border-color .32s ease}
  .project-card:hover,.renewable-card:hover,.office-card:hover,.project-info-panel:hover,.project-inquiry-panel:hover,.contact-form-card:hover,.contact-info:hover,.investment-figure:hover,.carbon-figure:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(17,39,72,.15)}
  .project-card-media,.office-map,.business-image,.infrastructure-image,.investment-figure,.carbon-figure{overflow:hidden}
  .project-card-media img,.office-map iframe,.business-image img,.infrastructure-image img,.investment-figure img,.carbon-figure img{transition:transform .55s cubic-bezier(.22,1,.36,1)}
  .project-card:hover .project-card-media img,.business-image:hover img,.infrastructure-image:hover img,.investment-figure:hover img,.carbon-figure:hover img{transform:scale(1.035)}
  .button .icon,.nav-contact .icon,.location-link .icon,.project-back-link,.office-map-link{transition:transform .28s cubic-bezier(.22,1,.36,1)}
  .button:hover .icon,.nav-contact:hover .icon,.location-link:hover .icon{transform:translateX(3px) rotate(-7deg)}
  .project-back-link:hover,.office-map-link:hover{transform:translateX(4px)}
  .service-card .icon,.finance-card .icon,.purpose-card .icon,.hydrogen-card-icon,.contact-info-icon,.office-detail-icon,.funding-sector-icon{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
  .service-card:hover .icon,.finance-card:hover .icon,.purpose-card:hover .icon,.hydrogen-card:hover .hydrogen-card-icon,.contact-info-item:hover .contact-info-icon,.office-detail:hover .office-detail-icon,.funding-sector-card:hover .funding-sector-icon{transform:translateY(-3px) scale(1.07)}
  .contact-form input[type="submit"]{transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
  .contact-form input[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(23,85,143,.2)}
  .footer-links a{transition:color .25s ease,translate .25s ease}
  .footer-links a:hover{translate:4px 0}
}

.motion-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),translate .7s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,border-color .32s ease}
@media(max-width:680px){.motion-reveal{translate:0 12px;transition-duration:.55s}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;translate:none;transition:none}.site-scroll-progress{box-shadow:none}}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.project-card:hover,.renewable-card:hover,.office-card:hover,.project-info-panel:hover,.project-inquiry-panel:hover,.contact-form-card:hover,.contact-info:hover,.investment-figure:hover,.carbon-figure:hover,.project-card:hover .project-card-media img,.business-image:hover img,.infrastructure-image:hover img,.investment-figure:hover img,.carbon-figure:hover img,.button:hover .icon,.nav-contact:hover .icon,.location-link:hover .icon,.project-back-link:hover,.office-map-link:hover,.service-card:hover .icon,.finance-card:hover .icon,.purpose-card:hover .icon,.hydrogen-card:hover .hydrogen-card-icon,.contact-info-item:hover .contact-info-icon,.office-detail:hover .office-detail-icon,.funding-sector-card:hover .funding-sector-icon,.contact-form input[type="submit"]:hover{transform:none}.footer-links a:hover{translate:none}}