/* Final visual corrections requested after UX-audit pass. */

/* Restore the exact former landing-page hero image and gradient treatment. */
.hero-editorial .hero-bg{
  background-image:
    linear-gradient(90deg,rgba(3,7,11,.94) 0%,rgba(3,7,11,.66) 52%,rgba(3,7,11,.24) 80%),
    linear-gradient(0deg,rgba(3,7,11,.78),rgba(3,7,11,.16) 48%),
    url('https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=2400&q=88')!important;
}
.hero-editorial h1{color:#fff!important;text-shadow:0 2px 22px rgba(0,0,0,.22)}
.hero-editorial .hero-copy{color:#f5f7fa!important}
.hero-editorial .hero-kicker,.hero-editorial .hero-scroll{color:#f4f7fa!important}

/* Selected projects: improve copy contrast locally without flattening the photography. */
.project-slide:after{
  background:
    linear-gradient(180deg,rgba(3,8,13,.03) 24%,rgba(3,8,13,.16) 55%,rgba(3,8,13,.72) 100%),
    linear-gradient(90deg,rgba(3,8,13,.72) 0%,rgba(3,8,13,.36) 42%,rgba(3,8,13,.08) 72%,rgba(3,8,13,.13) 100%)!important;
}
.project-slide-copy,.project-count{text-shadow:0 2px 18px rgba(0,0,0,.34)}
.project-slide-copy>span:first-child{color:#edf2f6!important}
.project-slide-copy p{color:#eef2f5!important}
.project-slide-copy h3,.project-link,.project-count{color:#fff!important}

/* Footer kinetic word: restore the uploaded V5 animation model + V5 Manrope typography.
   Keep the later approved filled treatment and breathing room. */
.footer-kinetic-word{
  --footer-word-gap:clamp(12px,1.2vw,20px);
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  background:#e9ecee!important;
  height:clamp(160px,20vw,314px)!important;
  padding-block:clamp(14px,1.5vw,24px)!important;
  border-bottom:1px solid rgba(10,17,24,.17)!important;
}
.footer-kinetic-word>.footer-kinetic-track{display:none!important}
.footer-kinetic-word>span{
  position:absolute!important;
  display:block!important;
  white-space:nowrap!important;
  top:50%!important;
  width:auto!important;
  inset-block-start:50%!important;
  font-family:'Manrope',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:clamp(8rem,22vw,23rem)!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
  line-height:.8!important;
  color:rgba(17,52,88,.30)!important;
  -webkit-text-fill-color:rgba(17,52,88,.30)!important;
  -webkit-text-stroke:0!important;
  transform:translate3d(0,-47%,0);
  will-change:transform;
}
.footer-kinetic-word>span:first-child{
  left:0!important;
  right:auto!important;
  animation:footerDrift 24s linear infinite!important;
}
.footer-kinetic-word>span:last-child{
  left:calc(100% + var(--footer-word-gap))!important;
  right:auto!important;
  animation:footerDrift2 24s linear infinite!important;
}
@keyframes footerDrift{from{transform:translate3d(0,-47%,0)}to{transform:translate3d(calc(-100% - var(--footer-word-gap)),-47%,0)}}
@keyframes footerDrift2{from{transform:translate3d(0,-47%,0)}to{transform:translate3d(calc(-100% - var(--footer-word-gap)),-47%,0)}}

@media(max-width:780px){
  .footer-command{padding:58px 0 48px!important}
  .footer-command-top{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
    margin-bottom:38px!important;
  }
  .footer-command-status{font-size:.62rem!important}
  .footer-command-grid{gap:30px!important}
  .footer-command h2{
    font-size:clamp(2.9rem,13.5vw,4.2rem)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
  }
  .footer-command-side{gap:20px!important}
  .footer-command-side p{font-size:.84rem!important;line-height:1.65!important}
  .footer-launch{padding:15px 2px!important}

  .footer-network-grid{
    padding-top:38px!important;
    padding-bottom:38px!important;
    gap:40px!important;
  }
  .footer-identity .brand-logo{width:168px!important}
  .footer-identity p{margin-top:20px!important;font-size:.8rem!important;line-height:1.65!important}
  .footer-big-email{
    margin-top:28px!important;
    max-width:100%;
    font-size:clamp(1.12rem,5.4vw,1.38rem)!important;
    overflow-wrap:anywhere;
  }
  .footer-link-cluster{
    grid-template-columns:1fr 1fr!important;
    gap:32px 24px!important;
    margin-top:0!important;
  }
  .footer-link-cluster>div:last-child{grid-column:1/-1!important}
  .footer-eclipse h4{margin-bottom:12px!important}
  .footer-eclipse .footer-link-cluster a{
    padding:7px 0!important;
    line-height:1.45!important;
  }

  .footer-office-rail>div,
  .footer-office-rail>div+div{padding:22px 0!important}
  .footer-office-rail span{margin-bottom:10px!important}
  .footer-office-rail strong{line-height:1.45!important}
  .footer-office-rail small{margin-top:7px!important;line-height:1.45!important}

  .footer-kinetic-word{
    --footer-word-gap:14px;
    height:118px!important;
    padding-block:10px!important;
  }
  .footer-kinetic-word>span{
    font-size:clamp(4.35rem,22vw,6rem)!important;
    line-height:.8!important;
  }

  .footer-legal{padding:18px 0 22px!important}
  .footer-legal .shell{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:14px!important;
    line-height:1.6!important;
  }
  .footer-legal .shell>span:last-child{display:flex;gap:18px;flex-wrap:wrap}
  .footer-legal .legal-link{margin-left:0!important}
}

@media(max-width:420px){
  .footer-command{padding:52px 0 44px!important}
  .footer-command-top{margin-bottom:34px!important}
  .footer-command h2{font-size:clamp(2.72rem,13.2vw,3.5rem)!important}
  .footer-network-grid{gap:36px!important}
  .footer-link-cluster{gap:28px 18px!important}
  .footer-kinetic-word{height:108px!important;padding-block:9px!important}
}

@media(max-width:340px){
  .footer-link-cluster{grid-template-columns:1fr!important}
  .footer-link-cluster>div:last-child{grid-column:auto!important}
  .footer-kinetic-word{--footer-word-gap:10px}
}

@media(prefers-reduced-motion:reduce){
  .footer-kinetic-word>span{animation:none!important;transform:translate3d(0,-47%,0)}
  .footer-kinetic-word>span:last-child{display:none!important}
}