.ww-hero{display:block;position:relative;height:100svh;min-height:560px;isolation:isolate;background:#002927;color:#f4f1e6;font-family:WW Spartan,Arial,sans-serif;font-weight:700}.ww-hero__picture,.ww-hero__video,.ww-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ww-hero__picture img,.ww-hero__video{width:100%;height:100%;object-fit:cover;object-position:var(--ww-position) center}.ww-hero__video{opacity:0;transition:opacity .3s}.ww-hero[data-ready] .ww-hero__video{opacity:1}.ww-hero__shade{pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 25%,transparent 57%,rgba(0,0,0,.5))}.ww-hero a{color:inherit;text-decoration:none}.ww-hero button{font:inherit;color:inherit;cursor:pointer}.ww-hero__header{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 20px;gap:16px}.ww-hero__menu{justify-self:start;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;margin-left:-8px}.ww-hero__logo{display:flex;align-items:center;justify-content:center;width:148px;min-height:44px}.ww-hero__logo img{width:100%;height:auto;opacity:0}.ww-hero__cart{justify-self:end;display:flex;align-items:center;min-height:44px;font-size:18px;letter-spacing:-.025em}.ww-hero .ww-hero__headline{position:absolute;left:20px;bottom:35px;margin:0;max-width:calc(100% - 76px);font:700 clamp(40px,10.8vw,60px)/.94 "WW Spartan",Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;color:inherit;text-wrap:balance}.ww-hero__headline a{display:block;max-width:9.5em}.ww-hero :focus-visible{outline:2px solid currentColor;outline-offset:6px}.ww-menu{position:fixed;inset:0 auto 0 0;width:min(520px,100%);height:100dvh;max-height:none;max-width:100%;margin:0;padding:100px 28px 40px;border:0;background:#f4f1e6;color:#002927;font-family:WW Spartan,Arial,sans-serif;overflow-y:auto}.ww-menu::backdrop{background:#00000061}.ww-menu__close{position:absolute;top:22px;left:20px;width:44px;height:44px;border:0;background:none;font-size:40px!important;line-height:1}.ww-menu ul{list-style:none;margin:0;padding:0}.ww-menu__links>li{padding:8px 0;font-size:22px;line-height:1.2;letter-spacing:.015em;text-transform:uppercase}.ww-menu summary{cursor:pointer}.ww-menu li ul{padding:15px 0 0 16px;font-size:16px;line-height:1.4}.ww-menu li ul li{padding:7px 0}.ww-menu__search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:24px 0 0 -10px}html:has(.ww-menu[open]){overflow:hidden}@media(min-width:750px){.ww-hero{min-height:640px}.ww-hero__header{padding:24px 36px}.ww-hero__logo{width:200px}.ww-hero__cart{font-size:22px}.ww-hero .ww-hero__headline{left:36px;bottom:40px;font-size:clamp(64px,6.8vw,112px);max-width:850px}}@media(prefers-reduced-motion:reduce){.ww-hero__video{transition:none}}.ww-hero__cart:before{content:attr(data-label)}.ww-hero__cart>*{display:none}.ww-hero .ww-hero__shade{display:block;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 28%,transparent 57%,rgba(0,0,0,.48))}.ww-hero__logo--image{position:relative}.ww-hero__logo--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;-webkit-mask-image:var(--ww-logo);mask-image:var(--ww-logo);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ww-menu__links a,.ww-menu summary{display:inline-block;min-height:44px;padding:10px 0;transform-origin:left center;transition:color .18s ease,transform .18s ease;text-decoration:none}.ww-menu summary{display:list-item}.ww-menu__search{transition:color .18s ease,transform .18s ease;transform-origin:center}.ww-menu a:focus-visible,.ww-menu summary:focus-visible{color:#dd6e42;transform:scale(1.035)}@media(hover:hover)and (pointer:fine){.ww-menu a:hover,.ww-menu summary:hover{color:#dd6e42;transform:scale(1.035);text-decoration:none}}.ww-menu a:active,.ww-menu summary:active{color:#dd6e42;transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.ww-menu a,.ww-menu summary{transition:none;transform:none!important}}.ww-hero__headline .ww-headline-desktop{display:none}.ww-hero__header{isolation:isolate}@media(min-width:750px){.ww-hero__header:before{content:"";position:absolute;top:0;right:0;bottom:-80px;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.5) 55%,transparent)}}@media(min-width:750px){.ww-hero__headline .ww-headline-mobile{display:none}.ww-hero__headline .ww-headline-desktop{display:block}}@media(min-width:750px){.ww-hero .ww-menu{width:min(480px,45vw);padding:110px 36px 36px;background:transparent;color:#f4f1e6}.ww-menu::backdrop{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.62) 32%,rgba(0,0,0,.16) 66%,transparent)}.ww-menu__close{left:28px;top:24px}.ww-menu[open] nav{animation:ww-menu-reveal .18s ease-out both}.ww-hero:has(.ww-menu[open]) .ww-hero__headline{opacity:0;pointer-events:none}.ww-hero__headline{transition:opacity .18s ease}}@keyframes ww-menu-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ww-menu[open] nav{animation:none}.ww-hero__headline{transition:none}}.ww-hero__content{position:absolute;left:20px;right:20px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;gap:14px;transition:opacity .18s ease}.ww-hero .ww-hero__content .ww-hero__headline{position:static;max-width:310px;font-size:clamp(36px,10vw,48px)}.ww-hero .ww-hero__shop{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:0 14px;border:1px solid rgba(244,241,230,.7);font:700 14px/1 WW Spartan,Arial,sans-serif;letter-spacing:.04em;color:#f4f1e6;background:transparent;transition:background-color .18s ease,color .18s ease}.ww-hero__shop span{font-size:20px;transition:transform .18s ease}.ww-hero .ww-shop-desktop{display:none}@media(hover:hover){.ww-hero__shop:hover{background:#f4f1e6;color:#002927}.ww-hero__shop:hover span{transform:translate(2px,-2px)}}@media(min-width:750px){.ww-hero__content{left:36px;right:36px;bottom:32px;gap:20px}.ww-hero .ww-hero__content .ww-hero__headline{font-size:clamp(60px,6vw,96px);max-width:780px}.ww-hero .ww-shop-mobile{display:none}.ww-hero .ww-shop-desktop{display:inline-flex}.ww-hero:has(.ww-menu[open]) .ww-hero__content{opacity:0;pointer-events:none}}@media(prefers-reduced-motion:reduce){.ww-hero__content,.ww-hero__shop,.ww-hero__shop span{transition:none}.ww-hero__shop:hover span{transform:none}}.ww-hero:has(.ww-menu[open]) .ww-hero__menu{visibility:hidden}.ww-hero .ww-menu__close{display:grid;place-items:center;padding:0;left:12px;top:22px}.ww-hero[data-input-mode=pointer] :focus{outline:none!important;box-shadow:none!important}.ww-hero[data-input-mode=keyboard] :focus-visible{outline:2px solid currentColor;outline-offset:4px;box-shadow:none}.ww-hero:has(.ww-menu[open]) .ww-hero__content{opacity:0;pointer-events:none}@media(max-width:749px){.ww-hero .ww-menu{width:100%;padding:100px 28px 32px;background:transparent;color:#f4f1e6}.ww-menu::backdrop{background:linear-gradient(90deg,#000c,#0000008c 68%,#0000004d)}.ww-menu[open] nav{animation:ww-menu-reveal .18s ease-out both}}@media(min-width:750px){.ww-hero .ww-menu__close{left:28px;top:24px}}@media(prefers-reduced-motion:reduce){.ww-menu[open] nav{animation:none}}@media(max-width:749px){.ww-hero .ww-shop-mobile{min-height:48px;padding:0 18px;background:#f4f1e6;color:#002927;border-color:#f4f1e6;transition:transform .1s ease,background-color .1s ease}.ww-hero .ww-shop-mobile:active{background:#e6e0cf;border-color:#e6e0cf;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.ww-hero .ww-shop-mobile{transition:none}.ww-hero .ww-shop-mobile:active{transform:none}}.ww-hero .ww-hero__shop{justify-content:center;gap:0;font-size:16px;padding-inline:20px}.ww-hero--phase .ww-hero__shade{background:linear-gradient(rgba(0,20,18,.45),transparent 30%,transparent 50%,rgba(0,20,18,.6))}.ww-hero__eyebrow{margin:0;font:700 12px/1.3 WW Spartan,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f4f1e6}.ww-hero .ww-hero__headline--phase a{max-width:12em}.ww-hero__sub{margin:0;max-width:30em;font:500 16px/1.4 WW Spartan,Arial,sans-serif;color:#f4f1e6;opacity:.92}.ww-hero .ww-hero__shop--phase{min-height:52px;padding:0 26px;border:0;background:#dd6e42;color:#f4f1e6;letter-spacing:.08em;text-transform:uppercase}@media(hover:hover){.ww-hero .ww-hero__shop--phase:hover{background:#c95d33;color:#f4f1e6}}@media(max-width:749px){.ww-hero--phase .ww-hero__picture img{object-position:var(--ww-position-m,var(--ww-position)) center}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/ww-world-hero.css.map */