@media (max-width:1240px){
  .site-nav{gap:18px}
  .header-btn{white-space:nowrap}
}
@media (max-width:1100px){
  .site-nav{display:none}
  .mobile-menu{display:block}
  .site-nav.nav-open{display:flex;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:1px solid var(--border);padding:8px 0}
  .site-nav.nav-open a{padding:14px 24px;border-top:1px solid var(--border)}
  .header-btn{margin-left:0}
  .hero{grid-template-columns:1fr}
  .hero-media{min-height:460px}
  .metric-bar{grid-template-columns:repeat(2,1fr);row-gap:14px}
  .metric{border-right:0}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .international{grid-template-columns:1fr}
  .contact-inner{grid-template-columns:1fr;gap:36px}
  .vt-track{grid-auto-columns:calc((100% - 24px)/2)}
  .copack-inner{grid-template-columns:1fr;gap:36px}
  .copack-media .vt-track{grid-auto-columns:calc((100% - 48px)/3)}
  .vt-prev{left:-12px}.vt-next{right:-12px}
  .intl-map-wrap{min-height:520px}
  .location-cpg{grid-template-columns:1fr}
  .channel-grid{grid-template-columns:repeat(2,1fr)}
  .channel-card.photo-card{grid-column:1/-1;min-height:0;aspect-ratio:800/580}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .site-header{height:68px;padding:0 18px;gap:14px}
  .logo img{height:34px}
  .header-btn{padding:11px 16px;font-size:12px}
  .hero-copy{padding:44px 22px 32px}
  .hero h1{font-size:42px}
  .hero-lede{font-size:17px}
  .hero-copy>p:not(.hero-lede):not(.eyebrow){font-size:16px}
  .hero-media{min-height:320px}
  .metric-bar{padding:14px}
  .metric{padding:12px 10px;gap:10px}
  .metric img{width:26px}
  .metric strong{font-size:24px}
  .section{padding:48px 0}
  .section-title.ruled{grid-template-columns:1fr;margin-bottom:24px}
  .section-title.ruled i{display:none}
  .section-title h2{text-align:left;font-size:32px}
  .founders{padding:48px 0}
  .founder-grid{grid-template-columns:1fr;gap:14px}
  .founder-card{padding:24px 22px}
  .founder-card blockquote p{font-size:16px}
  .service-grid{grid-template-columns:1fr;gap:12px}
  .service-card{display:grid;grid-template-columns:1.05fr .95fr}
  .service-copy{min-height:0;padding:18px}
  .service-media{aspect-ratio:auto;min-height:200px;position:relative}
  .service-media img,.service-media video{position:absolute;inset:0;width:100%;height:100%}
  .intl-copy{padding:44px 22px}
  .intl-map-wrap{min-height:560px;padding:22px}
  .world-map{top:150px;height:calc(100% - 330px)}
  .transit-grid{grid-template-columns:1fr 1fr;gap:18px}
  .transit-grid strong{font-size:36px}
  .process-row{left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:1fr;gap:4px}
  .process-row b{transform:rotate(90deg)}
  .process-row div{max-width:none;flex-direction:row;gap:10px}
  .locations-block{padding:44px 22px}
  .location-grid{grid-template-columns:1fr}
  .cpg-block{grid-template-columns:1fr}
  .cpg-copy{padding:40px 22px}
  .cpg-media{min-height:280px}
  .commerce-head{display:block}
  .platforms{margin-top:16px;gap:14px}
  .channel-grid{grid-template-columns:1fr 1fr;gap:12px}
  .channel-card{min-height:0;padding:14px}
  .channel-card>span{font-size:15px}
  .logo-tile{height:104px;padding:12px}
  .proof-grid{grid-template-columns:1fr}
  .faq-item summary h3{font-size:15px}
  .testimonials{padding-top:52px}
  .trust{padding:26px 0 22px}
  .trust-track{animation-duration:28s}
  .trust-track>*{margin-right:48px}
  .trust-item img{height:28px}
  .trust-item b{font-size:18px}
  .vt-track{grid-auto-columns:78%;gap:14px;padding-bottom:8px}
  .vt-card{border-radius:18px}
  .vt-arrow{display:none}
  .copack-media .vt-track{grid-auto-columns:78%;gap:14px}
  .vt-quote{padding:26px 22px}
  .vt-quote h3{font-size:24px}
  .vt-quote p{font-size:15px}
  .vt-play{width:68px;height:68px;margin:-34px 0 0 -34px}
  .footer-inner{grid-template-columns:1fr}
  .footer-locations{grid-template-columns:1fr}
  .contact{padding:52px 0}
  .contact-inner{grid-template-columns:1fr;gap:32px}
  .contact-form{padding:22px}
  .form-grid{grid-template-columns:1fr}
  .float-contact{right:14px;bottom:14px;padding:12px 16px;font-size:13px}
  .footer-inner{flex-direction:column;gap:10px}
}
