/* Velcora Media — mobile polish */
@media (max-width:900px){
  body{overflow-x:hidden}
  .nav{padding:0 5vw}
  .brand-word{font-size:12px}
  .hero{overflow:hidden}
  .hero h1{font-size:clamp(48px,12vw,82px)}
  .hero-lede{max-width:92%;font-size:15px}
  .hero-art{pointer-events:none}
  .project-image img{transform:none}
  .project-image:hover img{transform:none}
  .contact-sub{max-width:92%}
}
@media (max-width:600px){
  .nav{height:70px}
  .nav.scrolled{height:64px}
  .brand-mark{width:31px;height:31px}
  .hero{min-height:780px;padding-top:105px}
  .hero h1{font-size:clamp(46px,14vw,68px);margin-top:20px}
  .hero-proof{max-width:300px}
  .hero-art{top:48%;right:-30%;width:112vw;height:40vh}
  .hero-image{opacity:.35}
  .v-3d{width:58vw;height:58vw}
  .hero-bottom{display:none}
  .ticker-track{font-size:10px;gap:18px}
  .intro-grid,.manifesto-grid,.services-head,.process-grid{gap:30px}
  .section-head{display:block;margin-bottom:48px}
  .section-head>p{margin-top:25px}
  .project-image,.project-large .project-image{height:390px}
  .project-wide .project-image{height:300px}
  .project-meta{display:block}
  .project-meta>a{display:inline-block;margin-top:18px}
  .service{grid-template-columns:38px 1fr 20px}
  .service h3{font-size:19px}
  .service p{font-size:11px}
  .cap-grid{grid-template-columns:1fr}
  .cap-grid>div,.cap-grid>div:nth-child(n){padding:22px 0;border-right:0;border-top:1px solid #252525;min-height:auto}
  .steps{grid-template-columns:1fr}
  .step,.step:not(:first-child){border-right:0;border-top:1px solid #242424;padding:25px 0;min-height:auto}
  .about-symbol{height:205px;font-size:205px}
  .about-copy{padding:48px 7vw 58px}
  .about-copy h2{font-size:clamp(48px,13vw,62px)}
  .about-copy p{font-size:15px}
  .about-meta{gap:10px}
  .faq-item summary{font-size:16px;gap:20px}
  .faq-item p{font-size:12px;padding-right:10px}
  .contact-main{padding:55px 0}
  .contact-main h2{font-size:clamp(52px,14vw,70px)}
  .contact-button{width:132px;height:132px;flex-basis:132px}
  .contact-details{font-size:8px}
  .footer-links{gap:16px}
  .footer-bottom{line-height:1.6}
}
@media (max-width:380px){
  .hero h1{font-size:44px}
  .hero-art{top:52%}
  .project-image,.project-large .project-image{height:330px}
  .project-wide .project-image{height:260px}
}