@media (max-width:1200px) {
  .site-header { grid-template-columns:190px 1fr auto; }
  .site-header__nav { gap:clamp(.85rem,1.8vw,1.6rem); }
  .hero__content { padding-right:clamp(2rem,4vw,3.75rem); padding-left:clamp(2rem,5vw,4.5rem); }
  .why__grid { gap:3rem; }
  .academy__content { padding-right:clamp(2rem,5vw,4.5rem); }
}

@media (max-width:1024px) {
  .site-header { grid-template-columns:1fr auto auto; gap:1.25rem; }
  .hero__content { width:56%; }
  .hero__content { padding-block:7rem 2.5rem; }
  .why__grid { gap:2.25rem; }
  .academy__content { padding-block:5rem; }
  .gallery__grid { gap:1.75rem; }
  .metrics__list { grid-template-columns:repeat(3,1fr); }
  .metrics__list > div:nth-child(3)::after,.metrics__list > div:nth-child(3)::before { display:none; }
}

@media (max-width:768px) {
  html { scroll-padding-top:5.5rem; }
  .site-header { grid-template-columns:1fr auto; padding-block:.85rem; }
  .site-header__toggle { position:relative; z-index:1; display:flex; width:44px; min-height:44px; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:8px; border:0; background:transparent; color:var(--white); cursor:pointer; }
  .site-header__toggle > span:not(.sr-only) { width:100%; height:1px; background:var(--white); transition:transform .25s ease,opacity .25s ease; }
  .site-header__nav { display:none; }
  .mobile-navigation { position:fixed; z-index:10000; inset:0; display:flex; width:100%; height:100dvh; min-height:100vh; flex-direction:column; overflow-y:auto; background:#090909; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s var(--ease),visibility 0s linear .3s; }
  .mobile-navigation.is-open { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
  .mobile-navigation__top { display:flex; align-items:center; justify-content:space-between; padding:clamp(1.05rem,4vw,1.5rem) var(--page-gutter); }
  .mobile-navigation__brand img { width:clamp(145px,40vw,180px); height:auto; }
  .mobile-navigation__close { display:grid; width:44px; height:44px; place-items:center; border:0; background:transparent; color:var(--white); cursor:pointer; font-size:2.5rem; line-height:1; }
  .mobile-navigation__links { display:flex; flex:1; flex-direction:column; align-items:flex-start; justify-content:center; gap:clamp(1.5rem,4vh,2.5rem); padding:2rem var(--page-gutter) 4rem; }
  .mobile-navigation__links > a { color:var(--white); font:clamp(1.875rem,8vw,2.5rem)/1.05 var(--font-display); letter-spacing:-.04em; text-decoration:none; }
  .mobile-navigation__whatsapp { display:inline-flex; align-items:center; gap:.75rem; margin-top:1rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.2); font:normal .72rem/1.3 var(--font-ui)!important; letter-spacing:.12em!important; text-transform:uppercase; }
  .mobile-navigation__whatsapp svg { width:28px; height:28px; flex:0 0 auto; fill:currentColor; }
  .hero { display:block; min-height:0; }
  .hero::before { display:none; }
  .hero__content { width:100%; min-height:0; padding:7rem var(--page-gutter) 3.5rem; background:var(--black); backdrop-filter:none; -webkit-backdrop-filter:none; }
  .hero__lead { margin:2.25rem 0 2.75rem; }
  .asset-frame--hero { position:relative; inset:auto; width:100%; height:auto; aspect-ratio:1 / 1; }
  .hero__background,.hero__background img { width:100%; height:100%; }
  .hero__media { position:relative; inset:auto; width:100%; }
  .asset-frame--hero img { object-position:center; }
  .metrics__list { grid-template-columns:repeat(3,1fr); row-gap:1rem; }
  .why__grid { grid-template-columns:1fr; gap:3.5rem; }
  .feature-card:nth-child(2) { margin-top:0; }
  .feature-card .asset-frame { height:min(92vw,31rem); }
  .academy { grid-template-columns:1fr; }
  .academy__media { height:clamp(20rem,65vw,31rem); }
  .academy__content { max-width:none; padding:4.75rem var(--page-gutter) 5.5rem; }
  .academy__discipline-icon { width:34px; height:34px; flex-basis:34px; }
  .section-intro--split { display:block; }
  .section-intro--split > p { margin-top:1.5rem; }
  .asset-frame--store { min-height:20rem; height:52vw; }
  .store__categories { grid-template-columns:repeat(2,1fr); }
  .category-card { min-height:16rem; }
  .gallery__grid { grid-template-columns:repeat(2,1fr); gap:1.25rem; }
  .brands__item { min-width:165px; }
  .brands__item img { max-width:165px; height:40px; }
  .locations__grid { grid-template-columns:1fr; }
  .location-card { min-height:19rem; }
  .site-footer__main { grid-template-columns:1fr 1fr; gap:2rem; }
  .site-footer__main > a { grid-column:1/-1; }
  .lightbox { padding:1rem; }
  .lightbox__next,.lightbox__previous { position:absolute; bottom:1rem; }
  .lightbox__previous { left:1rem; }
  .lightbox__next { right:1rem; }
}

@media (max-width:480px) {
  h1 { font-size:clamp(2.85rem,14vw,4rem); }
  .section-shell { padding-inline:1.5rem; }
  .hero__content { padding:6.5rem 1.5rem 3rem; }
  .hero__lead { max-width:21rem; font-size:1rem; }
  .asset-frame--hero { height:auto; }
  .metrics { padding-block:2.35rem; }
  .metrics__list { grid-template-columns:repeat(2,1fr); gap:1rem 0; }
  .metrics__list > div { min-height:8.5rem; }
  .metrics__list > div::before,.metrics__list > div::after { display:none; }
  .metrics dt { font-size:2.35rem; }
  .metrics dd { font-size:.57rem; }
  .feature-card .asset-frame { height:82vw; }
  .academy__content { padding:4rem 1.5rem 4.75rem; }
  .academy__specialties { gap:.65rem 1rem; }
  .academy__discipline { min-width:calc(50% - .5rem); }
  .academy__discipline-icon { width:32px; height:32px; flex-basis:32px; }
  .asset-frame--store { min-height:16rem; height:58vw; }
  .store__categories { grid-template-columns:repeat(2,1fr); margin-top:2.25rem; }
  .category-card { min-height:12.5rem; padding:1rem; }
  .gallery__grid { grid-template-columns:1fr; gap:1.25rem; margin-top:4rem; }
  .brands__group { gap:2rem; padding-right:2rem; }
  .brands__item { min-width:145px; }
  .brands__item img { max-width:145px; height:34px; }
  .locations__grid { margin-top:3.5rem; }
  .site-footer__main { grid-template-columns:1fr; gap:1.5rem; }
  .site-footer__main > a { grid-column:auto; }
  .site-footer__legal { margin-top:2.5rem; }
  .final-cta { min-height:90svh; }
  .final-cta h2 { font-size:clamp(3rem,14vw,4.5rem); }
  .hero__button,.academy__button { width:100%; }
}
