@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom)}
  body.menu-open{overflow:hidden}
  body::before{display:none}
  .site-header,.site-header.scrolled{position:fixed;inset:0 0 auto;height:68px;padding:0 16px;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(228,192,124,.18);z-index:70}
  .brand{gap:9px;min-width:0}
  .brand-logo{width:36px;height:36px;flex:0 0 36px}
  .brand strong{font-size:.76rem;letter-spacing:.105em;white-space:nowrap}
  .brand small{font-size:.6rem;letter-spacing:.08em}
  .menu-button{display:flex;width:44px;height:44px;padding:8px;align-items:flex-end;position:relative;z-index:72}
  .menu-button span{width:24px;transition:transform .25s ease,width .25s ease}
  .menu-button[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:last-child{width:24px;transform:translateY(-4.5px) rotate(-45deg)}
  .nav{position:fixed;top:76px;left:12px;right:12px;display:flex!important;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:rgba(9,9,9,.97);border:1px solid rgba(226,187,113,.2);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .24s ease,transform .24s ease,visibility .24s;z-index:71}
  .nav.open{opacity:1;visibility:visible;transform:none}
  .nav a{display:block;padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.075);font-size:.95rem}
  .nav .lang{margin-top:9px;min-height:42px;border-radius:9px;text-align:center}
  .hero{height:auto;min-height:max(720px,100svh);align-items:flex-end;padding-top:68px;isolation:isolate}
  .hero-image{object-position:69% center;animation:mobileCinematic 12s ease-in-out infinite alternate}
  .hero-shade{background:linear-gradient(180deg,rgba(5,5,5,.18) 0%,rgba(5,5,5,.22) 34%,rgba(5,5,5,.9) 70%,#050505 100%),linear-gradient(90deg,rgba(5,5,5,.8),rgba(5,5,5,.12));z-index:1}
  .hero-content{width:auto;margin:0;padding:0 20px 64px;z-index:4;filter:none}
  .hero .eyebrow{font-size:.69rem;letter-spacing:.14em;margin:0}.hero .eyebrow::before{width:24px}
  .hero h1{font-size:clamp(2.75rem,13.5vw,4rem);line-height:.94;letter-spacing:-.055em;margin:14px 0 19px;max-width:540px}
  .hero-copy{max-width:520px;margin:0;color:#d1cec8;font-size:1rem;line-height:1.55}
  .hero-actions{width:100%;margin-top:25px;display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .button{width:100%;min-height:50px;padding:12px 16px}
  .hero-index,.hero-brand-watermark{display:none}
  .hero-motion span:nth-child(1){display:block;width:70vw;height:70vw;right:-32%;top:15%;opacity:.65}
  .hero-motion span:nth-child(2),.hero-motion span:nth-child(3){display:none}
  .motion-strip{height:50px}.motion-track{gap:20px;font-size:.73rem;letter-spacing:.13em}
  .section{padding:72px 20px}
  .section-tag{font-size:.7rem;letter-spacing:.16em;margin:0 0 13px}
  .statement{display:block;background:radial-gradient(circle at 100% 0,rgba(201,155,85,.12),transparent 24%),var(--paper)}
  .statement h2{font-size:clamp(2.15rem,10.5vw,3.2rem);line-height:1.08;letter-spacing:-.045em;margin:0}
  .statement>p:not(.section-tag){font-size:1rem;line-height:1.7;margin-top:24px}
  .statement::after{font-size:8rem;right:-12px;bottom:70px}
  .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:36px;padding-top:24px;position:relative;z-index:1}
  .metrics div{padding:12px 5px;border-right:1px solid #d8d1c5;text-align:center;align-items:center}.metrics div:last-child{border-right:0}
  .metrics strong{font-size:1.65rem;line-height:1.2}.metrics span{font-size:.78rem;line-height:1.35;margin-top:5px}
  .section-head{display:block;margin-bottom:30px}.section-head h2,.dealer h2{font-size:clamp(2.15rem,10vw,3rem);line-height:1.08;margin:8px 0 0}.section-head>p{margin:17px 0 0;font-size:1rem;line-height:1.65}
  .collection-grid{display:grid;grid-template-columns:1fr;gap:12px;background:transparent;border:0}
  .collection-card{min-height:360px;aspect-ratio:4/4.5;padding:24px;border:1px solid rgba(230,192,119,.18);border-radius:14px;background-size:auto 112%;box-shadow:0 18px 45px rgba(0,0,0,.18)}
  .collection-card:hover{transform:none;background-size:auto 112%}.collection-card::after{display:none}
  .collection-card h3{font-size:1.35rem;line-height:1.25}.collection-card p{font-size:.94rem;line-height:1.5}.collection-card>span{top:20px;left:20px}
  .card-sneaker{background-position:52% center}.card-sport{background-position:71% center}.card-formal{background-position:86% center}.card-sandal{background-position:98% center}
  .brands{padding-top:72px;padding-bottom:72px}
  .brand-list>div{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:19px 0}
  .brand-list>div:hover{padding-inline:0;background:transparent}.brand-list>div::before{display:none}
  .brand-list b{font-size:1rem}.brand-list span{display:block;min-width:0}.brand-list strong{display:block;font-size:1.05rem;line-height:1.35}.brand-list small{display:block;font-size:.82rem;line-height:1.4;margin-top:3px}
  .dealer{display:block;padding-top:72px;padding-bottom:72px}
  .dealer-copy>p:not(.section-tag){font-size:1rem;line-height:1.7;margin-top:22px}
  .dealer-actions{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:28px}.dealer-actions .button{width:100%;min-height:50px}.dealer-actions .text-link{align-self:flex-start}
  .dealer-art{width:100%;height:280px;aspect-ratio:auto;margin-top:45px;padding:38px 28px;border-radius:32px;animation:dealerBreathe 7s ease-in-out infinite}
  .dealer-art::before{inset:12px;border-radius:22px}.dealer-art span{font-size:clamp(2.65rem,14vw,4.2rem);line-height:.88}
  footer{display:block;padding:56px 20px calc(92px + env(safe-area-inset-bottom));text-align:left}
  .footer-brand{margin-bottom:28px}.footer-brand .brand-logo{width:48px;height:48px}
  .footer-info{margin:0;color:#bdb9b1;line-height:1.8;overflow-wrap:anywhere}.footer-info p{margin:0 0 5px}.footer-info a{display:inline-block;min-height:30px}
  .footer-social{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.footer-social a{min-height:42px;display:flex;align-items:center}
  .copyright{margin-top:22px;padding-top:18px;line-height:1.5}
  .whatsapp-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:50px;height:50px;padding:0;justify-content:center;border:1px solid rgba(255,255,255,.25)}
  .whatsapp-float span{width:23px;height:23px}.whatsapp-float b{display:none}
  .brand-intro{gap:14px;animation-duration:1.55s}.brand-intro img{width:78px;height:78px}.brand-intro span{font-size:.62rem;letter-spacing:.3em}
}
@media(max-width:380px){
  .site-header,.site-header.scrolled{padding-inline:12px}.brand strong{font-size:.7rem}.brand small{font-size:.56rem}
  .hero-content{padding-inline:16px}.hero h1{font-size:2.7rem}.hero-copy{font-size:.94rem}
  .section{padding-inline:16px}.metrics strong{font-size:1.45rem}.metrics span{font-size:.72rem}
  .collection-card{min-height:330px}.dealer-art{height:250px}footer{padding-inline:16px}
}
@keyframes mobileCinematic{from{transform:scale(1.02) translateX(0);filter:saturate(.95)}to{transform:scale(1.075) translateX(-1.5%);filter:saturate(1.08)}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none!important}}