body.hub-visual-system{--hub-space: clamp(20px, 3vw, 48px);--hub-tile-pad: clamp(20px, 2vw, 28px);--hub-tile-ratio: 16 / 9;--hub-title: clamp(24px, 2.3vw, 34px);--hub-eyebrow: 10px;--hub-control: 44px;--hub-ink: #26312c;--hub-paper: #f1f2f2;--hub-rule: #b9c2be}body.hub-visual-system #MainContent :is(.ss26-editorial-tile,.lh-story,.ev-shop-story--film),body.hub-visual-system #MainContent .ss26-editorial-tile__media{aspect-ratio:var(--hub-tile-ratio)!important;height:auto;min-height:0!important}body.hub-visual-system #MainContent :is(.ss26-editorial-tile__copy,.lh-story__copy,.ev-shop-story__copy){left:var(--hub-tile-pad)!important;right:var(--hub-tile-pad)!important;bottom:var(--hub-tile-pad)!important;width:auto;max-width:none;padding:0;background:none;color:#fff;text-align:left}body.hub-visual-system #MainContent :is(.ss26-editorial-tile__kicker,.lh-story__copy small,.ev-shop-story__kicker){display:block;margin:0 0 8px;font-family:var(--typeBasePrimary),Arial,sans-serif;font-size:var(--hub-eyebrow);font-weight:400;line-height:1.5;letter-spacing:.12em;color:#fff}body.hub-visual-system #MainContent :is(.ss26-editorial-tile__heading,.lh-story__copy strong,.ev-shop-story__title){display:block;max-width:22ch;margin:0;font-family:var(--typeBasePrimary),Arial,sans-serif;font-size:var(--hub-title);font-weight:400;line-height:1.25;letter-spacing:-.02em;color:inherit}body.hub-visual-system #MainContent :is(.ss26-editorial-tile__text,.ev-shop-story__text){margin:10px 0 0;font-size:13px;line-height:1.65;max-width:34em;color:#fff}body.hub-visual-system #MainContent .lh-story__one-line{font-size:14px;font-weight:400;line-height:1.5;display:flex;align-items:center;gap:16px}body.hub-visual-system #MainContent :is(.ss26-editorial-tile__button,.ev-shop-story__cta,.lh-story__cta){display:inline-flex;align-items:center;gap:16px;min-height:32px;padding:0;margin:12px 0 0;font-size:12px;font-weight:400;letter-spacing:0;color:inherit}body.hub-visual-system #MainContent .ss26-editorial-tile__shade,body.hub-visual-system #MainContent .lh-story__visual:after{background:linear-gradient(0deg,#081011cc,#08101126 55%,transparent 80%)}body.hub-visual-system #MainContent .ev-shop-story--film:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#081011cc,#08101126 55%,transparent 80%)}body.hub-visual-system #MainContent .ev-shop-story__copy{z-index:2}body.hub-visual-system #MainContent :is(.hub-icon,.ev-arrow,.lh-story__copy svg,.uc-link svg,.lh-link svg){width:20px;height:20px;min-width:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.25;vertical-align:middle}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ss26-performance__tab,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a){min-height:var(--hub-control);font-family:var(--typeBasePrimary),Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;transition:color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__nav,.ss26-performance__tablist,.lh-gender,.lh-types,.ev-shop__genders,.ev-shop__types,.ww-guide__tabs,.ev-film__nav,.g52-cinematic__nav,.long-chapter-nav,.uc-nav){--glass-fill: rgba(240,245,242,.12);--glass-edge: rgba(255,255,255,.48);--glass-ink: #21352e;--glass-active: rgba(255,255,255,.25);--glass-active-ink: #152923;flex-wrap:nowrap;gap:4px;padding:5px;box-sizing:border-box;border:1px solid var(--glass-edge);border-radius:30px;background:linear-gradient(135deg,#ffffff29,#ffffff04 38%,#ffffff03 65%,#ffffff17),var(--glass-fill);color:var(--glass-ink);backdrop-filter:blur(16px) saturate(155%);-webkit-backdrop-filter:blur(16px) saturate(155%);box-shadow:inset 0 1px #fff9,inset 0 -1px #ffffff1a,0 4px 16px #0c1c1714;mask-image:none;-webkit-mask-image:none;scrollbar-width:none;overflow-x:auto}body.hub-visual-system #MainContent :is(.g52-cinematic__nav,.long-chapter-nav,.uc-nav,.ev-film__nav){--glass-fill: rgba(15,25,31,.18);--glass-edge: rgba(245,252,255,.32);--glass-ink: #fff;--glass-active: rgba(246,252,250,.13);--glass-active-ink: #fff}body.hub-visual-system #MainContent #G52Cinematic[data-light=true] .g52-cinematic__nav,body.hub-visual-system #MainContent .long-chapter-nav[data-light=true],body.hub-visual-system #MainContent .ev-film--shirt .ev-film__nav{--glass-fill: rgba(240,245,242,.12);--glass-edge: rgba(255,255,255,.52);--glass-ink: #21352e;--glass-active: rgba(255,255,255,.25);--glass-active-ink: #152923}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a){display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--glass-ink);box-shadow:none;white-space:nowrap;flex-shrink:0;text-decoration:none}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a):is([aria-pressed=true],[aria-selected=true],[aria-current=true],[aria-current=step],[aria-current=page]){color:var(--glass-active-ink)!important;background:linear-gradient(155deg,#ffffff42,#ffffff05 55%,#ffffff1a),var(--glass-active);border-color:#fff9;box-shadow:inset 0 1px #ffffffad,inset 0 -1px #ffffff1f,0 2px 8px #0a19141a;font-weight:500;text-shadow:none}body.hub-visual-system #MainContent :is(.lh-gender,.ev-shop__genders)>button{flex:1}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a):focus-visible{outline:2px solid currentColor;outline-offset:-4px}@media(hover:hover){body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-types button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a):hover{border-color:var(--glass-edge)}}body.hub-visual-system #MainContent .ev-film__nav button{flex:1 1 0;min-width:0}body.hub-visual-system #MainContent .ev-film__nav button span{width:100%;text-align:center}body.hub-visual-system #MainContent .ev-film__nav button i{display:none}body.hub-visual-system #MainContent .ss26-performance__tablist{width:min(100%,620px);min-height:56px;margin:0 auto}body.hub-visual-system #MainContent .ss26-performance__shell{grid-template-rows:56px minmax(164px,auto);gap:14px}@media(min-width:750px){body.hub-visual-system #MainContent .ss26-performance__shell{grid-template-rows:56px minmax(284px,auto)}}body.hub-visual-system #MainContent .ss26-performance__tab:after{content:none}body.hub-visual-system #MainContent .ss26-performance__tab-number{font-size:9px;opacity:.64}body.hub-visual-system #MainContent .uc--hero .uc-nav{position:absolute;z-index:4;left:50%;bottom:28px;transform:translate(-50%);margin:0;max-width:calc(100% - 32px)}body.hub-visual-system #MainContent .uc--hero .uc-hero-copy{bottom:max(120px,13svh)}@media(max-width:749px){body.hub-visual-system #MainContent .uc--hero .uc-nav{bottom:24px;gap:2px}body.hub-visual-system #MainContent .uc--hero .uc-nav>a{padding:10px 11px;font-size:11px}body.hub-visual-system #MainContent .ss26-performance__tab{padding-inline:6px}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.hub-visual-system #MainContent :is(.ss26-grid-tabs__nav,.ss26-performance__tablist,.lh-gender,.lh-types,.ev-shop__genders,.ev-shop__types,.ww-guide__tabs){background:#f5f8f6f2}body.hub-visual-system #MainContent :is(.g52-cinematic__nav,.long-chapter-nav,.uc-nav,.ev-film__nav){background:#1a2b30eb}body.hub-visual-system #MainContent #G52Cinematic[data-light=true] .g52-cinematic__nav,body.hub-visual-system #MainContent .long-chapter-nav[data-light=true],body.hub-visual-system #MainContent .ev-film--shirt .ev-film__nav{background:#edf2ef}}@media(max-width:749px){body.hub-visual-system{--hub-tile-ratio: 4 / 3;--hub-title: 24px;--hub-tile-pad: 20px}body.hub-visual-system #MainContent :is(.lh-gender,.ev-shop__genders){width:100%}body.hub-visual-system #MainContent :is(.lh-gender,.ev-shop__genders)>button{padding-inline:10px}body.hub-visual-system #MainContent :is(.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a){font-size:11px;padding:8px 7px}body.hub-visual-system #MainContent .ev-film__nav button{padding-inline:6px;white-space:normal}body.hub-visual-system #MainContent .ss26-editorial-grid-item{padding-left:20px!important;padding-right:20px!important}}@media(prefers-reduced-motion:reduce){body.hub-visual-system #MainContent :is(.ss26-editorial-tile,.lh-story,.ev-shop-story) *{transition:none}}body.hub-visual-system #MainContent .uc-nav{width:fit-content;max-width:calc(100% - 40px);margin-inline:auto}body.hub-visual-system #MainContent :is(.lh-heading h2,.ev-shop__heading h2,.eh-heading h2,.ww-section-heading h2,.ss26-grid-tabs__heading,.ss26-performance__heading){font-family:var(--typeBasePrimary),Arial,sans-serif;font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.02em}body.hub-visual-system #MainContent .ww-link{display:inline-flex;align-items:center;gap:16px;min-height:44px}body.hub-visual-system #MainContent :is(.ev-shop__editorial,.lh-editorial){grid-column:span 2;align-self:start}body.hub-visual-system #MainContent :is(.g52-cinematic__nav,.long-chapter-nav,.uc-nav,.ev-film__nav)>:is(a,button){text-shadow:0 1px 3px rgba(0,0,0,.45)}body.hub-visual-system #MainContent #G52Cinematic[data-light=true] .g52-cinematic__nav>a,body.hub-visual-system #MainContent .long-chapter-nav[data-light=true]>:is(a,button),body.hub-visual-system #MainContent .ev-film--shirt .ev-film__nav>button,body.hub-visual-system #MainContent :is(.g52-cinematic__nav,.long-chapter-nav,.uc-nav,.ev-film__nav)>:is([aria-current=true],[aria-current=step],[aria-pressed=true]){text-shadow:none}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a):active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a){transition:none;transform:none}}@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a){text-shadow:none}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__link,.ss26-performance__tab,.lh-gender button,.lh-types button,.ev-shop__genders button,.ev-shop__types button,.ww-guide__tabs button,.ev-film__nav button,.g52-cinematic__nav>a,.long-chapter-nav>button,.long-chapter-nav>a,.uc-nav>a):is([aria-pressed=true],[aria-selected=true],[aria-current=true],[aria-current=step],[aria-current=page]){background:var(--glass-active);box-shadow:none}body.hub-visual-system #MainContent :is(.ss26-grid-tabs__nav,.ss26-performance__tablist,.lh-gender,.lh-types,.ev-shop__genders,.ev-shop__types,.ww-guide__tabs,.ev-film__nav,.g52-cinematic__nav,.long-chapter-nav,.uc-nav){--glass-fill:#edf2ef !important;--glass-ink:#172d24 !important;--glass-active:#263d32 !important;--glass-active-ink:#fff !important;background:var(--glass-fill);backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/184/assets/hub-visual-system.css.map */