.dc-chero{overflow:hidden}.dc-chero__media{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--dc-bg-alt);color:var(--dc-on-media, #fff);aspect-ratio:4 / 5}.dc-chero__media picture{display:contents}.dc-chero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dc-chero__placeholder{fill:color-mix(in srgb,var(--dc-text) 25%,transparent)}.dc-chero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--dc-chero-overlay, .15)}.dc-chero__content{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;padding:24px var(--dc-gutter);text-align:center}.dc-chero__eyebrow{text-shadow:0 1px 12px rgb(0 0 0 / .3)}.dc-chero__heading{margin:0;font-family:var(--dc-font-heading);font-weight:var(--dc-font-heading-weight);font-size:clamp(30px,6vw,60px);line-height:1.05;letter-spacing:.02em;text-transform:var(--dc-heading-case);text-shadow:0 1px 16px rgb(0 0 0 / .3)}.dc-chero__heading--below{color:var(--dc-text);text-shadow:none}.dc-chero__below{display:grid;justify-items:center;gap:8px;padding-block:28px 4px;text-align:center}.dc-chero__badge{position:absolute;top:50%;left:5%;z-index:1;display:grid;place-content:center;justify-items:center;width:clamp(112px,22vw,190px);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--dc-btn-bg) 82%,transparent);color:var(--dc-btn-text);text-align:center;transform:translateY(-50%);line-height:1.1}.dc-chero__badge strong{font-family:var(--dc-font-heading);font-size:clamp(26px,5vw,44px);font-weight:var(--dc-font-heading-weight)}.dc-chero__badge-top,.dc-chero__badge-bottom{font-size:clamp(11px,1.6vw,15px);letter-spacing:.08em;text-transform:uppercase}.dc-chero__strip{padding:12px var(--dc-gutter);background:var(--dc-text);color:var(--dc-bg);font-size:clamp(11px,2.6vw,14px);font-weight:var(--dc-font-body-weight-medium);letter-spacing:.1em;text-align:center;text-transform:uppercase}.dc-chero__strip p{margin:0}@media(min-width:750px){.dc-chero--short .dc-chero__media{aspect-ratio:32 / 9}.dc-chero--medium .dc-chero__media{aspect-ratio:21 / 9}.dc-chero--tall .dc-chero__media{aspect-ratio:16 / 7}.dc-chero__badge{left:7%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dc-collection-hero.css.map */