.dd-hero{color:var(--dd-hero-text-color);min-width:320px;overflow:hidden;position:relative}.dd-hero__media{height:var(--dd-hero-desktop-height);min-height:440px;overflow:hidden;position:relative}.dd-hero__image,.dd-hero__placeholder{display:block;height:100%;object-fit:cover;width:100%}.dd-hero__image--mobile{display:none}.dd-hero__content{bottom:60px;left:60px;max-width:100%;position:absolute;z-index:2}.dd-hero--center-middle .dd-hero__content{bottom:auto;left:50%;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.dd-hero--left .dd-hero__content{text-align:left}.dd-hero--center .dd-hero__content{text-align:center}.dd-hero__heading{color:inherit;font-family:var(--font-heading-family);font-size:clamp(32px,4.45vw,64px);font-style:var(--font-heading-style);font-weight:900;letter-spacing:1.5px;line-height:1;margin:0;text-transform:uppercase}.dd-hero__subheading{color:inherit;font-size:16px;font-weight:400;line-height:1.625;margin:17px auto 5px;max-width:100%}.dd-hero__button{align-items:center;background:var(--dd-hero-button-bg);border:1px solid var(--dd-hero-button-border);color:var(--dd-hero-button-text);display:inline-flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:0;line-height:1;margin-top:18px;min-height:44px;min-width:132px;padding:14px 26px;text-decoration:none;text-transform:uppercase;transition:background-color .16s ease,color .16s ease,border-color .16s ease;border-radius:50px}.dd-hero__button:hover{background:var(--dd-hero-button-hover-bg);border-color:var(--dd-hero-button-hover-bg);color:var(--dd-hero-button-hover-text)}@media screen and (max-width:989px){.dd-hero__content{bottom:30px;left:30px;max-width:calc(100vw - 60px)}.dd-hero__heading{font-size:32px;letter-spacing:.5px}}@media screen and (max-width:749px){.dd-hero__media{height:auto;min-height:var(--dd-hero-mobile-min-height)}.dd-hero__image--desktop{display:none}.dd-hero__image--mobile{display:block}.dd-hero__image,.dd-hero__placeholder{min-height:var(--dd-hero-mobile-min-height)}.dd-hero__content,.dd-hero--center-middle .dd-hero__content{bottom:24px;left:50%;max-width:calc(100vw - 24px);padding:0 12px;text-align:center;top:auto;transform:translate(-50%);width:100%}.dd-hero__subheading{max-width:300px}.dd-hero__button{max-width:260px;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dd-hero-banner.css.map */