@media (min-width: 1920px) { body { zoom: 1 } } div[data-testid=compressed-sticky-header], div[data-testid=sticky-header] { position: relative !important } #promoBannerMain, .promoDrawer { display: none } *, :after, :before { margin: 0; padding: 0; box-sizing: border-box } .disable-scroll { overflow: hidden } .text-center { text-align: center } picture { display: block } .sds_block { display: block; width: 100% } .uppercase { text-transform: uppercase } .times { font-size: 70% } .modalwrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transform: scale(1.1) } .modalwrap .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 1rem 1.5rem } @media (max-width: 767px) { .modalwrap .modal-content { width: 90%; padding: 1rem 1rem } } .modalwrap .modal-content img { display: block; width: auto; height: auto } .close-button { float: right; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; border-radius: .25rem; background-color: #d3d3d3 } .close-button:hover { background-color: #a9a9a9 } .show-modal { opacity: 1; visibility: visible; transform: scale(1); transition: visibility 0s linear 0s, opacity .25s 0s, transform .25s } #lp-content { text-align: left; font-weight: 500; overflow: hidden; width: 100%; margin: 0 auto; background-color: #fff; z-index: 1; } #lp-content .wcd_inset { padding-left: min(4.16667vw, 60px); padding-right: min(4.16667vw, 60px); @media (max-width: 767px) { padding-left: 0; padding-right: 0; } } @media (min-width: 1920px) { #lp-content { max-width: 1920px } } #lp-content h2 { font-size: min(2.222vw, 32px); line-height: min(2.639vw, 38px); font-weight: 500 } @media (max-width: 767px) { #lp-content h2 { font-size: 6.1538vw; line-height: 7.692vw; font-weight: 500 } } #lp-content h3 { font-size: min(1.111vw, 16px); line-height: 1; font-weight: 500; letter-spacing: .32px } @media (max-width: 767px) { #lp-content h3 { font-size: 3.5897vw; line-height: 5.128vw; letter-spacing: .28px } } #lp-content h4 { font-size: min(.833333vw, 16px); line-height: min(1.14583vw, 22px); margin-bottom: min(1.111vw, 16px) } @media (max-width: 767px) { #lp-content h4 { font-size: min(2.2656vw, 14.5px); line-height: min(2.7656vw, 17.7px); padding-bottom: 4px; margin-bottom: 0 } } #lp-content .overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0 } #lp-content img { width: 100% } #lp-content section { position: relative; overflow: hidden; margin: 0 auto } #lp-content #intro { display: flex; justify-content: left; align-items: center; padding-top: min(4.16vw, 60px); padding-top: min(1.04vw, 15px) } @media (max-width: 767px) { #lp-content #intro { flex-direction: column; align-items: flex-start } } #lp-content #intro h1 { max-width: 300px; font-size: min(4.444vw, 64px); padding-right: min(2.1vw, 30px); line-height: min(4.861vw, 70px); font-weight: 500; transform: translateY(min(-.5vw, 7px)) } @media (max-width: 767px) { #lp-content #intro h1 { font-size: 15.38vw; line-height: 17.949vw; transform: initial } } #lp-content #intro .intro-wrapper { display: flex; flex-wrap: wrap; width: 100%; margin: 1em 0 } #lp-content #intro .intro-wrapper div { font-size: min(1.11vw, 16px); line-height: min(1.5278vw, 22px); font-weight: 500; flex-shrink: 0; margin-right: min(.5vw, 7px) } @media (max-width: 767px) { #lp-content #intro .intro-wrapper div { flex-basis: 100%; font-size: 4.103vw; line-height: 5.641vw } } #lp-content #intro .intro-wrapper div.wrap { flex-grow: 2; flex-basis: 60% } @media (max-width: 767px) { #lp-content #intro .intro-wrapper div.wrap { flex-basis: 100% } } #lp-content #hero { width: 100%; overflow: hidden } #lp-content #hero .aria-invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } #lp-content #hero .cta { position: absolute; top: min(2.1vw, 30px); left: min(2.1vw, 30px); width: auto; padding: min(.55vw, 8px); color: #031ba1; background: #fff; font-size: min(1.11vw, 16px) } @media (max-width: 767px) { #lp-content #hero .cta { left: 4.1vw; top: 4.1vw; font-size: 3.58vw; padding: 2.05vw } } #lp-content #hero .hero-copy { color: #fff; position: absolute; left: min(2.1vw, 30px); bottom: min(2.1vw, 30px); width: auto; @media (max-width: 767px) { left: 4.1vw; bottom: 6.41vw; } } #lp-content #hero .hero-copy h2 { margin-bottom: 0 } #lp-content #hero .hero-copy h3 { margin-bottom: 0; white-space: pre-line; padding-bottom: min(.55vw, 8px); } @media (max-width: 767px) { #lp-content #hero .hero-copy h2 { margin-top: 4.1vw; line-height: 8.5vw } } #lp-content #hero .hero-copy h3 { padding-top: min(1.111vw, 16px); line-height: min(1.111vw, 16px) } @media (max-width: 767px) { #lp-content #hero .hero-copy h3 { white-space: pre-line; margin-right: 20%; padding: 0; line-height: 4.25vw; margin-right: auto; margin-top: 2.05vw; } } #lp-content #hero .hero-copy a { font-size: min(1.11vw, 16px); letter-spacing: .32px; text-decoration: none; border-bottom: 1px solid #fff; margin-top: min(1.1vw, 16px); color: #fff; display: inline-block; } @media (max-width: 767px) { #lp-content #hero .hero-copy a { font-size: 3.5897vw; white-space: nowrap; line-height: normal; margin-top: 0; margin-top: 4.1vw; } } #lp-content .title-section { margin: min(4.16vw, 60px) 0 min(1.04vw, 15px); } @media (max-width: 767px) { #lp-content .title-section { margin: 4vw 0; } } #lp-content .title-section h2 { margin: 0; } #lp-content .title-section h3 { margin-left: 0; margin-top: min(1.111vw, 16px); } @media (max-width: 767px) { #lp-content .title-section h3 { margin-top: 2vw; } } #lp-content .title-section p { font-size: min(1.66667vw, 32px); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0; margin-bottom: 2vw; } @media (max-width: 767px) { #lp-content .title-section p { font-size: 3.75vw } } #lp-content .look-wrapper { height: 100%; overflow: hidden } #lp-content #past { margin: 0 auto min(77px, 5vw) } @media (max-width: 767px) { #lp-content #past { margin: 2vw auto 8vw; width: 100% } } #lp-content #past .wcd__recs-slide { overflow-x: auto; display: flex; justify-content: space-between; gap: min(2.1vw, 30px); width: 100%; margin: 0 auto; padding-bottom: 30px } @media (max-width: 767px) { #lp-content #past .wcd__recs-slide { flex-direction: row; justify-content: flex-start; align-items: stretch; gap: 4.1vw; } } #lp-content #past .wcd__recs-slide .wcd__product-card { position: relative; width: 33%; min-width: 29.15%; @media (min-width: 1440px) { min-width: calc(33.33% - 60px); } @media (max-width: 767px) { width: 100%; aspect-ratio: 1/1; margin: 0 auto 7.7vw; min-width: 71.8vw; } } @media (max-width: 767px) { #lp-content #past .wcd__recs-slide .wcd__product-card { width: 100%; aspect-ratio: 1/1; margin: 0 auto 7.7vw; min-width: 71.8vw; } } #lp-content #past .wcd__recs-slide .wcd__product-card__inner { padding: 0; color: #fff } #lp-content #past .wcd__recs-slide .wcd__product-card.blue { background: #031ba1 } #lp-content #past .wcd__recs-slide .wcd__product-card.blue .wcd__product-card__text__wrapper { top: 50%; transform: translateY(-25%) } @media (max-width: 767px) { #lp-content #past .wcd__recs-slide .wcd__product-card.blue .wcd__product-card__text__wrapper { transform: translateY(-44.5%) } } #lp-content #past .wcd__recs-slide .wcd__product-card__text__wrapper { position: absolute; bottom: min(2.1vw, 30px); left: min(2.1vw, 30px); height: auto; min-width: 85%; } @media (max-width: 767px) { #lp-content #past .wcd__recs-slide .wcd__product-card__text__wrapper { left: 4.1vw; bottom: 4.1vw; } } #lp-content #past .wcd__recs-slide .wcd__product-card__text__wrapper.wcd_middle-left { transform: translateY(50%); bottom: 50%; } #lp-content #past .wcd__recs-slide h4 { font-size: min(2.222vw, 32px); line-height: 1; margin-top: min(1.111vw, 16px); font-weight: 500 } @media (max-width: 767px) { #lp-content #past .wcd__recs-slide h4 { font-size: 7.6923vw } } #lp-content #past .wcd__recs-slide p { font-size: min(1.111vw, 16px); line-height: 1.5278; font-weight: 500; margin-top: .5rem; max-width: 85% } @media (max-width: 767px) { #lp-content #past .wcd__recs-slide p { font-size: 4.1026vw; line-height: 5.641vw } } #lp-content #past .wcd__recs-slide p a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff } #lp-content #past .wcd__recs-slide p a.dark { color: #000; border-bottom: 1px solid #000; } #lp-content #past #past content { height: 100%; min-height: min(46.8229vw, 899px) } @media (max-width: 767px) { #lp-content #past #past content { min-height: 112.5vw; padding-bottom: 6vw } } #lp-content #lp-certona { margin-bottom: 2vw; width: 95% } @media (max-width: 767px) { #lp-content #lp-certona { width: 100% } } @media (max-width: 767px) { #lp-content #lp-certona .mkt_reg-info { padding-left: 4vw } } #lp-content #lp-certona p { font-size: min(1.66667vw, 32px); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0; margin-bottom: 1.5vw } @media (max-width: 767px) { #lp-content #lp-certona p { font-size: 3.75vw; margin-bottom: 3vw } } #lp-content #divnav { width: 95% } @media (max-width: 767px) { #lp-content #divnav { width: 100% } } @media (max-width: 767px) { #lp-content #divnav .title-section { padding-left: 4vw } } #lp-content section.seo { margin: 3vw auto; width: 50% } @media (max-width: 767px) { #lp-content section.seo { margin-top: 10vw; width: 92% } } #lp-content section.seo p { margin: 1vw 0; font-size: min(.9375vw, 18px); line-height: 1.14583 } @media (max-width: 767px) { #lp-content section.seo p { font-size: 2.1875vw; line-height: 3.4375vw } } #lp-content section.seo a { text-decoration: underline } .carousel-wrapper { position: relative } .carousel-wrapper .play-pause-carousel-btn { position: absolute; display: inline-block; bottom: 10px; right: 10px; background: 0 0; border: none; width: 24px; height: 24px } .carousel-wrapper .play-pause-carousel-btn img { top: 0; left: 0; position: absolute; pointer-events: none } .carousel-wrapper.is-playing .play-carousel-icon { display: none } .carousel-wrapper.is-playing .pause-carousel-icon { display: block } .carousel-wrapper.is-paused .play-carousel-icon { display: block } .carousel-wrapper.is-paused .pause-carousel-icon { display: none } .gp_full { width: 100% } .row-lockupbox { position: absolute; top: 0; left: 0; width: 100%; padding: 0; margin: 0 } .hangQuote { text-indent: -.6vw } sup { font-size: medium } @media (max-width: 767px) { #gapx-lp { max-width: 100vw; overflow-x: hidden } .mb-disp-none { display: none } .dt-disp-none { display: block } .hangQuote { text-indent: -1.7vw } sup { font-size: small } } .showAtXL { display: block } .showAtSM { display: none } .hidden { display: none } .text-center { text-align: center } .no-click { pointer-events: none } #lp-content button.muteUnmute, #lp-content button.playPause { border: 0; background: 0 0; padding: 0; position: absolute; height: auto; width: min(2vw, 28px); height: min(2vw, 28px); min-width: 24px; min-height: 24px; cursor: pointer; z-index: 9 } @media (max-width: 767px) { #lp-content button.muteUnmute, #lp-content button.playPause { min-width: 20px } } #lp-content button.muteUnmute, #lp-content button.playPause { bottom: min(2.1vw, 30px); right: min(2.1vw, 30px); background-color: rgba(0, 0, 0, .17) } #lp-content button.muteUnmute img, #lp-content button.playPause img { max-width: 50% } #lp-content button.muteUnmute { right: min(6.25vw, 75px) } @media (max-width: 767px) { .showAtXL { display: none } .showAtSM { display: block } #lp-content button.muteUnmute, #lp-content button.playPause { width: 7.17vw; height: 7.17vw; bottom: 4.1vw; right: 4.1vw } #lp-content button.muteUnmute { right: 15.5vw } #lp-content .muteUnmute { right: 10vw } } .flex-grid { display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: nowrap } @media (max-width: 767px) { .flex-grid { width: 92vw; margin: 0 auto; flex-wrap: wrap; justify-content: space-between } } .flex-grid .grid-item { margin: 0 } @media (max-width: 767px) { .flex-grid .grid-item { width: 48%; margin-bottom: 7vw } } .flex-grid .grid-item:not(:first-child) { margin: 0 0 0 1vw } @media (max-width: 767px) { .flex-grid .grid-item:not(:first-child) { margin: 0 0 7vw 0 } } .flex-grid .cta-wrapper { margin-top: 1vw } .flex-grid a { text-decoration: none; border-bottom: 1px solid #000; font-size: min(.9375vw, 18px); line-height: min(1.1458vw, 22px); letter-spacing: 0 } @media (max-width: 767px) { .flex-grid a { font-size: 2.8125vw; line-height: 3.4375vw } } @media (max-width: 767px) { .lookbook-card { margin-bottom: 5vw } .lb-secondary-subcopy { margin: 4.5% 4.5% 9% } .feature-vid, .highlight-item .lookbook-card picture img, div:has(>.feature-vid) { aspect-ratio: 496/720 } } .mkt_reg-info_container { position: relative; max-width: 1920px; width: 100%; margin: 0 auto } @media (max-width: 767px) { .mkt_reg-info_container { width: 100% } } .mkt_reg-info_container h2 { margin-left: .5vw !important } .mkt_reg-info_container .wcd__product-card__text { text-align: left; letter-spacing: 0; opacity: 1; white-space: pre-line; font-size: min(.9375vw, 18px); line-height: min(1.146vw, 22px); padding: 0; color: #000; font-weight: 500; margin-top: 1vw } @media (max-width: 767px) { .mkt_reg-info_container .wcd__product-card__text { font-size: 2.1825vw; line-height: 3.4375vw; margin-top: 2.5vw } } .wcd__recs-wrapper.wcd__recs-HP-DP { max-width: 1920px } .wcd__hp-title-HP { display: none } .wcd__product-card__inner { padding: 0 } .certona-arrow { top: 40% !important; width: 15px !important; right: 0 !important; display: none } .wcd__recs-wrapper { margin: 0 auto } .mobile-bottom { display: none } .wcd__recs-slide { display: flex; margin: 0 auto; justify-content: space-between; gap: min(2.1vw, 30px) } @media (max-width: 767px) { .wcd__recs-slide { display: flex; justify-content: flex-start; width: 100% } } .wcd__product-card { min-width: 24% } @media (max-width: 767px) { .wcd__product-card { width: 40%; min-width: 40% } } .wcd__product-card .wcd__product-card__inner { padding: 0 } .wcd__product-card .product-card-marketingflag, .wcd__product-card .product-card-price, .wcd__product-card .product-card-price--highlight, .wcd__product-card .product-card-price--regular { display: none } .certona-arrow.left { opacity: 0 } @media (max-width: 767px) { .wcd__product-card__text { font-size: max(10px, 2.8vw) } .wcd__hp-title-HP { font-size: max(10px, 3vw) } .mobileHide { display: none } .mkt_body_id { font-size: 3.5vw; width: 100%; font-weight: 450; text-align: left } .mkt_reg-info_c2 { display: block } .certonaSubheader { padding: 0 } .wcd__product-card__text { padding-top: 1vw; margin-top: 2.5vw } .certona-arrow { display: none } } @media only screen and (min-width: 768px) { .mkt_font-size--3vw-at-lg { text-align: center } .mkt_font-size--1-5vw-at-lg { font-size: 1.5vw } } .mkt_reg-info_container .wcd__recs-grid.grid-root { white-space: normal } .card-copy { margin-top: 1.2vw; padding-bottom: 3vw; font-weight: 500 } @media (max-width: 767px) { .card-copy { margin-top: 3.5vw; padding-bottom: 3vw } .lookbook-card h2 { margin-bottom: 9.6% } } .disable-scroll { overflow: hidden } .text-center { text-align: center } picture { display: block } .sds_block { display: block; width: 100% } .uppercase { text-transform: uppercase } .lookbook-card { margin-bottom: 0 } .lookbook-card h2 { margin-top: 4.5%; margin-bottom: 2.6% } @media (max-width: 767px) { .sds_show-at-lg { display: none !important } .sds_hide-at-lg { display: block !important } } @media (min-width: 768px) { .sds_hide-at-lg { display: none !important } .sds_show-at-lg { display: block !important } } @media (max-width: 767px) { .sds_show-at-lg-flex { display: none !important } .sds_hide-at-lg-flex { display: flex !important } } @media (min-width: 768px) { .sds_hide-at-lg-flex { display: none !important } .sds_show-at-lg-flex { display: flex !important } } @media (max-width: 767px) { .sds_show-at-lg-inline-flex { display: none !important } .sds_hide-at-lg-inline-flex { display: inline-flex !important } } @media (min-width: 768px) { .sds_hide-at-lg-inline-flex { display: none !important } .sds_show-at-lg-inline-flex { display: inline-flex !important } } @media (max-width: 767px) { .sds_show-at-lg-inline-block { display: none !important } .sds_hide-at-lg-inline-block { display: inline-block !important } } @media (min-width: 768px) { .sds_hide-at-lg-inline-block { display: none !important } .sds_show-at-lg-inline-block { display: inline-block !important } } .row-lockupbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0 } .row-lockupbox.align-bottom { display: flex; height: 100%; align-items: flex-end } .row-lockupbox.align-bottom picture { flex: 1 1 auto } .video-play-pause-btn { border: none; padding: 0; background: 0 0 } .video-play-pause-btn img { display: block } .carousel { position: relative; overflow: hidden } .carousel>div.slide { width: 100%; display: none } .carousel>div.slide.active { display: block } .dots { position: absolute; right: 32px; bottom: 32px; display: flex } @media (max-width: 767px) { .dots { right: 20px; bottom: 10px; transform: translateY(-50%) } } .dot { width: 8px; height: 8px; border: 1px solid #fff; border-radius: 50%; margin: 0 5px; cursor: pointer } .dot.active { background-color: #fff; border: 2px solid #fff } .carousel-overlay { pointer-events: none } .carousel-wrapper { position: relative } .carousel-block { width: 100%; display: flex } .carousel-wrapper .play-pause-carousel-btn svg { width: 100%; height: 100% } #lp-content #past .wcd__recs-slide .wcd__product-card:first-of-type { margin-left: min(4.16667vw, 60px); } #lp-content #past .wcd__recs-slide .wcd__product-card:last-of-type { margin-right: 4.1vw; margin-right: min(4.16667vw, 60px); } @media (max-width: 767px) { #lp-content #intro, #lp-content #hero, #lp-content #past .title-section { padding-left: 4.1vw; padding-right: 4.1vw; } #lp-content #past .wcd__recs-slide .wcd__product-card:first-of-type { margin-left: 4.1vw; } #lp-content #past .wcd__recs-slide .wcd__product-card:last-of-type { margin-right: 4.1vw; } }