/* ─── SCROLL REVEAL ─── */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  #logo{left:24px}
  #menu-btn{right:24px}
  .w,.div-line-inner,.bio-sec,.svc-sec,.testi-sec,.cases-sec,.clients-sec{padding-left:24px;padding-right:24px}
  .about-content,.about-tl-eyebrow,.about-tl-h,.about-tl-sub,.about-quote,.contact-inner,.cta-sec,.footer-bar,.cs-content{padding-left:24px;padding-right:24px}
  .bio-grid{grid-template-columns:1fr;gap:24px}
  .hero-name{font-size:40px}
  .hero-role{font-size:18px;letter-spacing:4px}
  #nav-panel{width:100%}
  .contact-inner{padding-top:120px}
  .contact-card{width:100%;max-width:420px}
  .cta-box{padding:52px 28px}
}

/* ── MAVERICK footer shimmer ── */
@keyframes mav-shimmer{
  0%  {background-position:-600px 0}
  100%{background-position:600px 0}
}
.maverick-text-anim{
  position:absolute;
  bottom:100px;left:50%;transform:translateX(-50%);
  width:640px;height:90px;
  pointer-events:none;z-index:2;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 75%,transparent 100%);
  background-size:600px 100%;
  animation:mav-shimmer 3.5s ease-in-out infinite;
  mix-blend-mode:overlay;
  border-radius:4px;
}