.c-sale-hero{position:relative;overflow:hidden}.c-sale-hero__media{position:relative;width:100%;aspect-ratio:375 / 230;overflow:hidden;z-index:0}.c-sale-hero__bg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.c-sale-hero__mask{display:none}.c-sale-hero__container{position:relative;z-index:2;background:var(--pdp-white);padding-inline:20px;padding-block:40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.c-sale-hero__heading{color:#141719;text-transform:capitalize}.c-sale-hero__subhead{max-width:54ch}.c-sale-hero__actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding-bottom:97px}.c-sale-hero__cta-primary{width:100%;justify-content:center;padding-inline:40px;padding-block:13px;min-height:54px;font-weight:700;text-transform:capitalize}.c-sale-hero__cta-secondary{display:inline-flex;align-items:center;gap:16px;padding-bottom:4px;border-bottom:1px solid var(--pdp-red);color:var(--pdp-red);font-family:var(--pdp-sans);font-size:1rem;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;transition:opacity .15s ease}.c-sale-hero__cta-secondary:hover{color:var(--pdp-red);opacity:.85}.c-sale-hero__cta-secondary:focus-visible{outline:2px solid var(--pdp-ink);outline-offset:3px}.c-sale-hero__cta-arrow{width:16px;height:16px;flex:0 0 auto}@media(min-width:768px){.c-sale-hero__container{padding-inline:32px}.c-sale-hero__actions{padding-bottom:0}}@media(min-width:978px){.c-sale-hero__media{position:absolute;top:0;right:0;bottom:0;left:38.42%;width:71.26%;aspect-ratio:auto;z-index:0}.c-sale-hero__mask{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,#fff 0% 51.7%,#fff0 51.7%);pointer-events:none}.c-sale-hero__container{background:transparent;padding-inline:64px;padding-block:80px;max-width:639px}.c-sale-hero__subhead{font-size:1.25rem;line-height:24px}.c-sale-hero__actions{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;width:auto}.c-sale-hero__cta-primary{width:auto}}@media(min-width:1200px){.c-sale-hero__container{padding-inline:64px;padding-block:80px}}@media(min-width:1980px){.c-sale-hero__container{padding-inline:96px}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/c-sale-hero.css.map */
