﻿:root{--blue:#052475;--blue2:#034a9f;--red:#e73121;--aqua:#60c4bf;--off:#f7f7f2;--ink:#07143d;--pad:clamp(24px,5vw,80px);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--ink);font-family:Montserrat,"Arial Narrow",Arial,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:20px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:white;transition:.45s var(--ease)}.site-header.scrolled{height:70px;background:rgba(247,247,242,.94);backdrop-filter:blur(16px);color:var(--blue);box-shadow:0 1px 0 rgba(5,36,117,.12)}.brand{display:block;width:184px}.logo{display:block;width:184px;height:auto}.logo-dark{display:none}.scrolled .logo-light{display:none}.scrolled .logo-dark{display:block}.desktop-nav{display:flex;gap:34px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a,.header-actions button{transition:opacity .2s}.desktop-nav a:hover,.header-actions button:hover{opacity:.58}.header-actions{display:flex;align-items:center;gap:12px}.icon-button,.bag-button,.menu-toggle{border:0;background:none;color:inherit;cursor:pointer}.icon-button{font-size:22px}.bag-button{text-transform:uppercase;font-size:12px;font-weight:700}.bag-count{display:inline-grid;place-items:center;background:var(--red);color:#fff;width:20px;height:20px;border-radius:50%;margin-left:5px}.menu-toggle{display:none;width:36px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px}.mobile-menu{display:none}.hero{position:relative;min-height:100svh;color:white;overflow:hidden;background:var(--blue)}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,13,54,.72) 0%,rgba(0,16,56,.16) 58%,rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}.hero-copy{position:absolute;left:var(--pad);bottom:12vh;z-index:2}.eyebrow{font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.blue{color:var(--blue2)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,9.2vw,150px);line-height:.79;letter-spacing:-.065em;margin:24px 0 28px;font-weight:800}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--off)}.hero-intro{font-size:clamp(16px,1.35vw,21px);max-width:480px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:.12em;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#fff}.button-white{background:var(--off);color:var(--blue)}.button-blue{background:var(--blue);color:#fff}.text-link{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{margin-left:12px}.text-link-light{color:white}.hero-index{position:absolute;right:var(--pad);bottom:30px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.16em}.hero-index .line{width:68px;height:1px;background:white}.ticker{background:var(--red);color:white;overflow:hidden;padding:14px 0;font-size:12px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.ticker div{width:max-content;animation:ticker 20s linear infinite}.ticker i{display:inline-block;width:7px;height:7px;background:white;border-radius:50%;margin:0 38px}@keyframes ticker{to{transform:translateX(-50%)}}.section-pad{padding:clamp(90px,12vw,180px) var(--pad)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-head h2,.science-title h2,.journal h2{font-size:clamp(52px,7vw,112px);line-height:.86;letter-spacing:-.065em;margin:18px 0 0}.section-note{font-size:14px;line-height:1.6;max-width:340px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.5vw,42px)}.product-visual{position:relative;display:block;aspect-ratio:4/5;background:#e9e3d9;overflow:hidden}.product-visual.coral{background:#ef6e5c}.product-visual.aqua{background:#b7dedb}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.product:hover img{transform:scale(1.035)}.demo-tag{position:absolute;z-index:2;left:15px;top:15px;background:var(--off);padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.1em}.product-meta{display:flex;justify-content:space-between;gap:20px;padding-top:20px}.product-meta>div:last-child{text-align:right}.product h3{font-size:15px;margin-bottom:8px}.product p,.product-meta span{font-size:11px;line-height:1.5;color:#566079}.quick-add{margin-top:14px;border:0;border-bottom:1px solid;background:none;padding:0 0 4px;text-transform:uppercase;font-size:10px;font-weight:700;cursor:pointer}.pillars{background:var(--blue);color:white}.pillar{min-height:78vh;padding:8vw var(--pad);display:grid;grid-template-columns:10% 90%;align-items:end;border-bottom:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.pillar:before{content:"";position:absolute;inset:0;opacity:.18;background-size:cover;background-position:center;transition:opacity .5s,transform 1s var(--ease)}.pillar:hover:before{opacity:.34;transform:scale(1.02)}.pillar-science:before{background-image:url('/public/final/recovery-spray.webp')}.pillar-movement:before{background-image:url('/public/final/tennis-athlete.webp')}.pillar-wellness:before{background-image:url('/public/final/recovery-face.webp')}.pillar>*{position:relative}.pillar>span{font-size:12px}.pillar p{text-transform:uppercase;font-size:10px;letter-spacing:.16em}.pillar h2{font-size:clamp(58px,10vw,156px);line-height:.82;letter-spacing:-.075em;margin:25px 0 0}.brand-story{background:var(--blue);color:white;padding:12vw var(--pad);display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;position:relative}.brand-statement h2{font-size:clamp(76px,11vw,170px);line-height:.73;letter-spacing:-.08em;margin:28px 0}.brand-statement em{font-style:normal;color:var(--red)}.brand-image{padding-top:18vh}.brand-image img{width:100%;aspect-ratio:4/5;object-fit:cover}.brand-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8vw;margin-top:70px;border-top:1px solid rgba(255,255,255,.3);padding-top:30px}.brand-steps span{font-size:10px;color:var(--aqua)}.brand-steps h3{text-transform:uppercase;font-size:26px;margin:14px 0}.brand-steps p{font-size:12px;line-height:1.6;max-width:220px}.science{background:var(--off)}.science-title{text-align:center}.science-stage{position:relative;min-height:720px;margin-top:35px;display:grid;place-items:center}.science-stage>img{width:min(45vw,600px);height:620px;object-fit:cover}.science-stage>p{position:absolute;bottom:10px;left:0;max-width:340px;font-size:14px;line-height:1.7}.science-label{position:absolute;padding-bottom:8px;border-bottom:1px solid var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.science-label span{color:var(--red);margin-right:20px}.label-a{left:4%;top:22%}.label-b{right:4%;top:22%}.label-c{left:0;bottom:30%}.label-d{right:0;bottom:30%}.movement{height:100svh;min-height:700px;position:relative;color:white;background:var(--blue);overflow:hidden}.movement>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform 1s var(--ease)}.movement-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,70,.8),rgba(0,0,0,.05))}.movement-content{position:absolute;left:var(--pad);right:var(--pad);bottom:8vh}.movement h2{font-size:clamp(62px,9vw,140px);line-height:.8;letter-spacing:-.07em;margin:25px 0 50px}.movement-options{display:flex;gap:28px;overflow:auto;padding-bottom:12px}.movement-options button{color:white;border:0;border-bottom:1px solid transparent;background:none;padding:0 0 7px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;white-space:nowrap;cursor:pointer}.movement-options button.active{border-color:var(--red);color:var(--aqua)}.movement-rec{position:absolute;right:0;bottom:0;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.campaign{height:92vh;min-height:650px;position:relative;color:white;overflow:hidden}.campaign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.campaign:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,13,54,.75),transparent)}.campaign>div{position:absolute;z-index:2;left:var(--pad);bottom:10vh}.campaign h2{font-size:clamp(58px,8vw,125px);line-height:.82;letter-spacing:-.07em;margin:25px 0 45px}.campaign h2 span{color:var(--aqua)}.journal h2 span{color:var(--red)}.journal-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:50px}.story{border-top:1px solid var(--blue);padding-top:16px}.story.large{grid-row:span 2}.story img{width:100%;height:260px;object-fit:cover}.story.large img{height:620px}.story>div{padding-top:18px}.story>div>p:first-child{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}.story h3{font-size:clamp(19px,2vw,30px);line-height:1.08;letter-spacing:-.025em}.story>div>p:not(:first-child){font-size:13px;line-height:1.6}.story a{font-size:10px;font-weight:700;text-transform:uppercase;border-bottom:1px solid;padding-bottom:4px}.community{display:grid;grid-template-columns:30% 70%;background:var(--red);color:white}.community-title{padding:8vw var(--pad);display:flex;flex-direction:column;justify-content:space-between}.community-title h2{font-size:clamp(58px,7vw,112px);line-height:.8;letter-spacing:-.07em}.community-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:95vh}.community-grid img{width:100%;height:100%;object-fit:cover;min-height:0}.newsletter{position:relative;overflow:hidden;background:var(--blue);color:white;padding:10vw var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.newsletter h2{font-size:clamp(58px,8vw,125px);line-height:.8;letter-spacing:-.07em;margin:22px 0}.newsletter-mark{position:absolute;width:40vw;right:-8vw;top:-20vw;opacity:.08;filter:brightness(0) invert(1)}.newsletter-form label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.15em;margin-bottom:18px}.newsletter-form>div{display:flex;border-bottom:1px solid white}.newsletter-form input{flex:1;background:none;color:white;border:0;padding:16px 0;outline:0;font-size:20px}.newsletter-form input::placeholder{color:rgba(255,255,255,.6)}.newsletter-form button{background:none;color:white;border:0;text-transform:uppercase;font-size:11px;font-weight:700;cursor:pointer}.form-status{font-size:11px;margin-top:12px;color:var(--aqua)}footer{background:#021338;color:white;padding:8vw var(--pad) 30px;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:4vw}footer h2{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--aqua);margin-bottom:22px}footer a{display:block;font-size:12px;margin-bottom:13px;color:#d5daea}.footer-brand img{width:200px}.footer-brand p{font-size:12px;line-height:1.6;max-width:260px;margin-top:30px}.footer-bottom{grid-column:1/-1;margin-top:70px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.cart{position:fixed;z-index:80;right:0;top:0;width:min(460px,100%);height:100%;background:var(--off);padding:32px;transform:translateX(105%);transition:.45s var(--ease);display:flex;flex-direction:column}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid;padding-bottom:20px}.cart-head h2{text-transform:uppercase}.cart-close{border:0;background:none;font-size:30px}.cart-items{flex:1;padding:28px 0}.cart-item{border-bottom:1px solid #cdd1dd;padding:16px 0}.cart-item strong{display:block}.cart-item span{font-size:11px;color:#68728b}.cart-foot{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.cart-foot .button{grid-column:1/-1}.scrim{position:fixed;z-index:70;inset:0;background:rgba(0,8,35,.6);opacity:0;pointer-events:none;transition:.3s}.scrim.show{opacity:1;pointer-events:auto}.search-dialog{width:100%;max-width:none;height:100%;border:0;background:var(--off);padding:10vw var(--pad);color:var(--blue)}.search-dialog::backdrop{background:var(--off)}.search-dialog form{max-width:1100px;margin:auto}.search-dialog button{float:right;border:0;background:none;font-size:40px}.search-dialog label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.search-dialog input{width:100%;border:0;border-bottom:2px solid var(--blue);background:none;padding:30px 0;font-size:clamp(34px,6vw,90px);outline:0;color:var(--blue)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
@media(max-width:900px){.site-header{height:72px}.desktop-nav,.header-actions .icon-button{display:none}.menu-toggle{display:block}.mobile-menu{display:block;position:fixed;z-index:45;inset:0;background:var(--blue);color:white;padding:120px var(--pad) 40px;transform:translateY(-105%);transition:.5s var(--ease)}.mobile-menu.open{transform:none}.mobile-menu nav a{display:block;font-size:clamp(40px,12vw,70px);font-weight:800;letter-spacing:-.05em;margin-bottom:12px}.hero-copy{bottom:12vh}.section-head{display:block}.section-note{margin-top:30px}.product-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin-right:calc(var(--pad)*-1);padding-right:var(--pad)}.product{min-width:78vw;scroll-snap-align:start}.pillar{min-height:65vh;grid-template-columns:1fr}.pillar>span{margin-bottom:30px}.brand-story{grid-template-columns:1fr}.brand-image{padding-top:0}.brand-steps{grid-template-columns:1fr;gap:30px}.science-stage{min-height:650px}.science-stage>img{width:72vw;height:520px}.science-stage>p{position:relative;grid-column:1;margin-top:35px}.science-label{font-size:9px}.label-a{left:0}.label-b{right:0}.movement-options{max-width:100%}.movement-rec{position:static;margin-top:28px}.journal-grid{grid-template-columns:1fr}.story.large img,.story img{height:62vw}.community{grid-template-columns:1fr}.community-title{min-height:50vh}.community-grid{height:90vh}.newsletter{grid-template-columns:1fr}.newsletter-form{margin-top:40px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid;gap:12px}.cart{padding:24px}}
@media(max-width:560px){.brand,.logo{width:145px}.hero-media{object-position:58% center}.hero-overlay{background:linear-gradient(0deg,rgba(0,13,54,.85),transparent 80%)}.hero h1{font-size:16vw}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-index{display:none}.section-pad{padding-top:100px;padding-bottom:100px}.section-head{margin-bottom:45px}.product{min-width:84vw}.pillar{padding-top:80px;padding-bottom:80px}.pillar h2{font-size:14vw}.brand-story{padding-top:120px;padding-bottom:100px}.brand-statement h2{font-size:20vw}.science-title{text-align:left}.science-title h2{font-size:14vw}.science-stage{display:block;padding-top:60px}.science-stage>img{display:block;width:100%;height:460px}.science-label{position:static;margin:13px 0}.science-stage>p{margin-top:30px}.movement{min-height:760px}.movement h2{font-size:15vw}.campaign{height:82vh}.campaign h2{font-size:15vw}.journal h2{font-size:14vw}.community-grid{grid-template-columns:1fr 1fr;height:65vh}.newsletter{padding-top:120px;padding-bottom:100px}.newsletter-form input{font-size:16px}footer{grid-template-columns:1fr 1fr;padding-top:90px}.footer-brand{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:560px){.product-meta{display:block}.product-meta>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;text-align:left}.quick-add{margin-top:0;white-space:nowrap}}
/* Refinamiento visual final */
html{overflow-x:clip}body{overflow-x:clip}.site-header{padding-top:env(safe-area-inset-top);height:calc(88px + env(safe-area-inset-top))}.site-header.scrolled{height:calc(70px + env(safe-area-inset-top))}.hero h1{font-size:clamp(68px,10.5vw,170px);max-width:9ch}.hero-copy{max-width:900px}.product-visual{aspect-ratio:3/4;background:#eceae4}.product-visual img{object-fit:cover}.quick-add[disabled]{border-color:rgba(7,20,61,.32);color:rgba(7,20,61,.62);cursor:default}.quick-add[disabled]:hover{transform:none}.brand-steps article{position:relative;min-height:230px;padding-top:72px}.brand-steps span{position:absolute;top:0;left:0;font-size:clamp(48px,6vw,92px);font-weight:800;line-height:.8;color:rgba(96,196,191,.28)}.science-stage{border-top:1px solid rgba(5,36,117,.18);border-bottom:1px solid rgba(5,36,117,.18);margin-top:70px;padding:45px 0}.science-stage>img{object-fit:contain;background:#efede7}.movement{touch-action:pan-y}.movement-options button{min-height:44px}.campaign>img{object-position:center 44%}footer{grid-template-columns:2fr repeat(3,1fr)}.cart-foot{display:block}.cart-foot p{font-size:13px;line-height:1.6;color:#566079}.menu-toggle,.bag-button,.icon-button{min-width:44px;min-height:44px}.bag-button{white-space:nowrap}
@media(max-width:900px){.site-header{height:calc(72px + env(safe-area-inset-top))}.mobile-menu{padding-top:calc(120px + env(safe-area-inset-top));padding-bottom:calc(40px + env(safe-area-inset-bottom))}.product-grid{scroll-padding-left:var(--pad);overscroll-behavior-inline:contain}.movement-options{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.movement-options button{scroll-snap-align:start}.brand-steps article{min-height:0}.campaign>img{object-position:58% center}}
@media(max-width:560px){.site-header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.header-actions{gap:2px}.bag-button{font-size:10px}.hero-copy{left:20px;right:20px;bottom:max(9vh,calc(40px + env(safe-area-inset-bottom)))}.hero h1{font-size:clamp(54px,17vw,82px);line-height:.8;margin-bottom:22px}.hero-intro{max-width:330px;font-size:15px}.hero-actions{margin-top:26px}.product-grid{margin-left:-20px;padding-left:20px;scroll-padding-left:20px}.product{min-width:86vw}.product-visual{aspect-ratio:4/5}.brand-steps span{font-size:56px}.science-stage{border-bottom:0;padding-bottom:0}.science-stage>img{height:420px;object-fit:contain}.movement-content{left:20px;right:20px;bottom:max(7vh,calc(30px + env(safe-area-inset-bottom)))}.movement-options{gap:18px;margin-right:-20px;padding-right:20px}.movement-rec{line-height:1.5}.campaign>img{object-position:62% center}.campaign:after{background:linear-gradient(0deg,rgba(0,13,54,.78),rgba(0,13,54,.06) 75%)}footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}}
@media(max-width:340px){.site-header{padding-left:12px;padding-right:8px}.brand,.logo{width:124px}.header-actions{gap:0}.bag-button,.menu-toggle{min-width:40px;padding-left:2px;padding-right:2px}.bag-button{font-size:9px}.bag-count{width:18px;height:18px;margin-left:2px}}
