.cta h2{font-size:clamp(42px,5vw,70px);position:relative;z-index:2}
.cta .kicker{color:#3f7043}
.cta .btn{position:relative;z-index:2;background:#111;color:#fff;border:0}

.contact{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.contact-copy p{color:var(--muted);line-height:1.78}
form{padding:26px;border-radius:26px;border:1px solid var(--line);background:rgba(255,255,255,.018)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;color:#b8beb9;font-size:11px}
input,textarea,select{
  width:100%;padding:15px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.12);
  background:#090c0a;color:#fff;outline:none
}
input:focus,textarea:focus,select:focus{border-color:rgba(67,182,77,.72);box-shadow:0 0 0 3px rgba(67,182,77,.07)}
form button{width:100%;border:0;cursor:pointer}
.note{font-size:10px;color:#757c77;line-height:1.5}

.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.legal-inline-link{color:#d9ded9;text-decoration:underline;text-underline-offset:3px}
.footer-legal{width:min(1280px,90vw);margin:-18px auto 0;padding:0 0 44px;color:#737a75;font-size:10px;line-height:1.75}
.footer-legal a{color:#aeb5b0;text-decoration:none}
.footer-legal a:hover{color:#fff}
.footer-legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}

footer{width:min(1280px,90vw);margin:auto;border-top:1px solid var(--line);padding:34px 0 48px;display:flex;justify-content:space-between;align-items:center;color:#7a817c;font-size:11px}
.footer-logo{height:57px;width:auto;background:#fff;border-radius:10px;padding:5px 10px}

.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:0;transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}
.reveal-up{transform:translateY(42px)}
.reveal-left{transform:translateX(-55px)}
.reveal-right{transform:translateX(55px)}
.reveal-scale{transform:scale(.95) translateY(18px)}
.in-view{opacity:1!important;transform:none!important}

@media(max-width:980px){
  nav a:not(.nav-cta){display:none}
  .services{grid-template-columns:1fr 1fr}
  .projects{grid-template-columns:1fr}
  .project.big{grid-row:auto}
  .big .placeholder,.placeholder{height:450px}
  .contact{grid-template-columns:1fr}
  .counter-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .site-header{top:10px}
  .logo-plaque{height:45px;padding:4px 7px}
  .logo-plaque img{width:112px}
  nav .nav-cta{font-size:11px;padding:10px 12px}
  .hero{padding:106px 18px 60px}
  h1{font-size:clamp(50px,15.5vw,71px)}
  .lead{font-size:15px}
  .hero-mini{gap:10px}
  .hero-mini .pill{font-size:11px;padding:10px 12px}
  .identity-strip{height:120px}
  .faces img{width:65px;height:80px}
  .faces{gap:36px;opacity:.14;animation-duration:20s}
  .identity-caption{font-size:9px;line-height:1.5;letter-spacing:.20em}
  .identity-caption:after{bottom:27px}
  .counter-journey{height:122vh}
  .counter-journey .sticky{top:86px;height:calc(100vh - 108px)}
  .counter-world{height:min(610px,80vh)}
  .counter-panel{border-radius:26px}
  .counter-label{left:16px;top:16px;font-size:9px;padding:9px 12px}
  .counter-core{padding:76px 18px 28px}
  .counter-number{font-size:74px}
  .counter-overline{font-size:10px}
  .counter-sub{font-size:14px}
  .counter-progress-wrap{width:100%;margin-top:26px}
  .counter-grid{width:100%;grid-template-columns:1fr;gap:10px;margin-top:24px}
  .phase{padding:14px 14px 13px;border-radius:16px}
  .phase strong{font-size:16px}
  section.content{width:calc(100% - 34px);padding:90px 0}
  .section-head{display:block}
  .section-head p{margin-top:20px}
  .services{grid-template-columns:1fr}
  .big .placeholder,.placeholder{height:390px}
  .step{grid-template-columns:58px 1fr}
  .cta{width:calc(100% - 34px);padding:34px 24px;display:block}
  .cta .btn{width:100%;margin-top:24px}
  .row{grid-template-columns:1fr}
  footer{display:block}
  footer div:last-child{margin-top:15px}
  .footer-logo{height:53px}
}