.ddp-home-hero-overlay{position:relative;min-height:var(--ddp-home-hero-height-mobile, 600px);overflow:hidden;border-bottom:1px solid var(--ddp-text);color:var(--ddp-white);background:var(--ddp-text)}.ddp-home-hero-overlay__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--ddp-text)}.ddp-home-hero-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0000003d,#0000001a 34%,#00000052),linear-gradient(90deg,#00000070,#0003 44%,#0000 76%);pointer-events:none}.ddp-home-hero-overlay__image,.ddp-home-hero-overlay__image.media-frame,.ddp-home-hero-overlay__image picture,.ddp-home-hero-overlay__image img{width:100%;height:100%}.ddp-home-hero-overlay__image.media-frame{aspect-ratio:auto;background:var(--ddp-text)}.ddp-home-hero-overlay__image img{object-fit:cover;object-position:var(--ddp-home-hero-object-position-mobile, center center)}.ddp-home-hero-overlay.has-overlay .ddp-home-hero-overlay__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgb(0 0 0 / var(--ddp-home-hero-overlay-opacity, 35%));pointer-events:none}.ddp-home-hero-overlay__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,rgb(255 255 255 / 8%) 0 25%,transparent 25% 50%,rgb(255 255 255 / 8%) 50% 75%,transparent 75%),var(--ddp-text);background-size:34px 34px;color:#ffffff94;font-size:clamp(64px,18vw,180px);font-weight:700;line-height:1}.ddp-home-hero-overlay__content{position:relative;z-index:3;min-height:inherit;box-sizing:border-box;width:min(100%,var(--ddp-page-width));margin-inline:auto;display:grid;align-items:start;justify-items:start;padding:clamp(18px,4.5svh,48px) var(--ddp-page-gutter) calc(var(--ddp-mobile-dock-total, 96px) + 84px)}.ddp-home-hero-overlay__panel{width:min(100%,700px);display:grid;gap:16px;padding:clamp(12px,3.4vw,20px);border:1px solid rgb(255 255 255 / 18%);border-radius:18px;background:#0000002e;box-shadow:0 18px 70px #0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ddp-home-hero-overlay__title{max-width:10ch;margin:0;text-wrap:balance;font-size:clamp(42px,12vw,78px);font-weight:700;line-height:.9;letter-spacing:0;text-transform:uppercase;color:var(--ddp-home-hero-heading-color, currentColor);text-shadow:0 2px 24px rgb(0 0 0 / 36%)}.ddp-home-hero-overlay__text{max-width:460px;color:var(--ddp-home-hero-subtext-color, rgb(255 255 255 / 88%));font-size:clamp(18px,5vw,24px);line-height:1.2;text-shadow:0 1px 18px rgb(0 0 0 / 36%)}.ddp-home-hero-overlay__actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:4px}.ddp-home-hero-overlay__actions .ddp-button{min-height:46px;padding-inline:20px}.ddp-home-hero-overlay__secondary{color:var(--ddp-text);background:var(--ddp-white);outline:1px solid var(--ddp-text)}.ddp-home-hero-overlay--text-dark{color:var(--ddp-text)}.ddp-home-hero-overlay--text-dark:before{background:linear-gradient(180deg,#ffffff42,#ffffff1a 44%,#ffffff47),linear-gradient(90deg,#ffffff7a,#ffffff3d 44%,#fff0 76%)}.ddp-home-hero-overlay--text-dark .ddp-home-hero-overlay__panel{border-color:#0000002e;background:#ffffff38}.ddp-home-hero-overlay--text-dark .ddp-home-hero-overlay__text{color:var(--ddp-home-hero-subtext-color, rgb(0 0 0 / 78%));text-shadow:none}.ddp-home-hero-overlay--text-dark .ddp-home-hero-overlay__title{text-shadow:none}.ddp-home-hero-overlay--text-dark .ddp-home-hero-overlay__secondary{background:var(--ddp-surface)}.ddp-home-hero-overlay--align-center .ddp-home-hero-overlay__content{justify-items:center;text-align:center}.ddp-home-hero-overlay--align-center .ddp-home-hero-overlay__panel,.ddp-home-hero-overlay--align-center .ddp-home-hero-overlay__text{margin-inline:auto}@media(min-width:768px){.ddp-home-hero-overlay{min-height:var(--ddp-home-hero-height-desktop, 680px)}.ddp-home-hero-overlay__image img{object-position:var(--ddp-home-hero-object-position, center center)}.ddp-home-hero-overlay__content{padding:clamp(120px,10vw,148px) var(--ddp-page-gutter) clamp(72px,8vw,112px)}.ddp-home-hero-overlay--desktop-bottom-left .ddp-home-hero-overlay__content,.ddp-home-hero-overlay--desktop-bottom-center .ddp-home-hero-overlay__content,.ddp-home-hero-overlay--desktop-center-left .ddp-home-hero-overlay__content,.ddp-home-hero-overlay--desktop-center .ddp-home-hero-overlay__content{align-items:center}.ddp-home-hero-overlay--desktop-bottom-center .ddp-home-hero-overlay__content,.ddp-home-hero-overlay--desktop-center .ddp-home-hero-overlay__content{justify-items:center;text-align:center}.ddp-home-hero-overlay--desktop-bottom-center .ddp-home-hero-overlay__panel,.ddp-home-hero-overlay--desktop-center .ddp-home-hero-overlay__panel,.ddp-home-hero-overlay--desktop-bottom-center .ddp-home-hero-overlay__text,.ddp-home-hero-overlay--desktop-center .ddp-home-hero-overlay__text{margin-inline:auto}.ddp-home-hero-overlay__panel{gap:22px;padding:clamp(14px,3.8vw,24px)}.ddp-home-hero-overlay__title{max-width:10ch;font-size:clamp(68px,7.2vw,118px);line-height:.92}.ddp-home-hero-overlay__text{font-size:clamp(21px,1.55vw,28px)}.ddp-home-hero-overlay__actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.ddp-home-hero-overlay__actions .ddp-button{min-height:44px}}@media(max-width:767px){.ddp-home-hero-overlay__panel{gap:12px;padding:clamp(10px,3vw,16px)}.ddp-home-hero-overlay__title{max-width:min(100%,14.5ch);font-size:clamp(36px,10.4vw,58px);line-height:.86;white-space:pre-line;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.ddp-home-hero-overlay__text{font-size:clamp(16px,4.4vw,21px);line-height:1.16}.ddp-home-hero-overlay__actions{gap:8px;margin-top:0}}@media(max-width:374px){.ddp-home-hero-overlay__content{padding-inline:14px}.ddp-home-hero-overlay__title{font-size:clamp(34px,10.8vw,54px)}}@media(max-width:767px)and (max-height:700px){.ddp-home-hero-overlay__content{padding-top:clamp(10px,3svh,24px)}.ddp-home-hero-overlay__panel{gap:10px;padding:10px}.ddp-home-hero-overlay__title{font-size:clamp(30px,9.8vw,46px);line-height:.86}.ddp-home-hero-overlay__text{font-size:clamp(14px,4vw,18px)}.ddp-home-hero-overlay__actions{gap:8px;margin-top:2px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/ddp-home-hero-overlay.css.map */