.dugz-banner{position:relative;isolation:isolate;container-type:inline-size;background:var(--dugz-background);color:var(--dugz-text-color)}.dugz-banner--contained{max-width:var(--dugz-page-width);margin-inline:auto}.dugz-banner__stage{display:grid;min-height:var(--dugz-min-height)}.dugz-banner__media,.dugz-banner__layout{grid-area:1 / 1;min-width:0}.dugz-banner__media{position:relative;align-self:stretch;width:100%;aspect-ratio:var(--dugz-desktop-ratio);z-index:0}.dugz-banner__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--dugz-tint);pointer-events:none;content:""}picture.dugz-banner__image,img.dugz-banner__image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}img.dugz-banner__image{object-fit:var(--dugz-image-fit)}.dugz-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12}.dugz-banner__placeholder svg{width:100%;height:100%;fill:currentColor}.dugz-banner__layout{display:grid;grid-template-columns:minmax(0,var(--dugz-x-before)) minmax(0,var(--dugz-desktop-width)) minmax(0,var(--dugz-x-after));grid-template-rows:minmax(0,var(--dugz-y-before)) auto minmax(0,var(--dugz-y-after));position:relative;z-index:1;width:100%;max-width:var(--dugz-page-width);margin-inline:auto;padding:var(--dugz-pad-y) clamp(24px,3.333cqw,var(--dugz-pad-x));pointer-events:none}.dugz-banner__content{display:flex;grid-area:2 / 2;flex-direction:column;gap:clamp(14px,1.25cqw,20px);min-width:0;text-align:var(--dugz-text-align);overflow-wrap:anywhere;pointer-events:auto}.dugz-banner__content>*{margin:0}.dugz-banner__eyebrow{color:var(--dugz-eyebrow-color);font-family:var(--heading-font-family);font-size:var(--dugz-eyebrow-size);font-style:var(--heading-font-style);font-weight:700;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}.dugz-banner .dugz-banner__heading{color:var(--dugz-heading-color);font-family:var(--heading-font-family);font-size:clamp(calc(var(--dugz-heading-size) * .6),var(--dugz-heading-fluid),var(--dugz-heading-size));font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);line-height:1.06;letter-spacing:-.025em;text-transform:var(--dugz-heading-transform)}.dugz-banner__text{color:var(--dugz-text-color);font-size:var(--dugz-body-size);line-height:1.55}.dugz-banner__text>:last-child{margin-bottom:0}.dugz-banner__text a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.dugz-banner__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--dugz-text-align);gap:8px 20px;padding-top:4px}.dugz-banner__actions--stacked{flex-direction:column;align-items:var(--dugz-align-items)}.dugz-banner .dugz-banner__action{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:44px;font-size:15px;font-weight:700;line-height:1.35;text-decoration:none;text-transform:none}.dugz-banner .dugz-banner__action--filled,.dugz-banner .dugz-banner__action--outline{padding:14px 22px}.dugz-banner .dugz-banner__action--filled{color:rgb(var(--btn-text-color))}.dugz-banner__action--outline{border:var(--btn-border-width, 1px) solid currentColor;border-radius:var(--btn-border-radius, 0);color:var(--dugz-secondary-color);background:transparent}.dugz-banner__action--link{padding-block:8px;color:var(--dugz-secondary-color)}.dugz-banner__action--link>span{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}.dugz-banner__action .icon{flex:0 0 20px;width:20px;height:20px}.dugz-banner__action:focus-visible,.dugz-banner__text a:focus-visible{outline:2px solid var(--dugz-heading-color);outline-offset:5px}.dugz-banner__action[aria-disabled=true]{opacity:.5;cursor:default}@media(hover:hover){.dugz-banner__action--outline[href]:hover,.dugz-banner__action--link[href]:hover{opacity:.8}}@media(max-width:767px){.dugz-banner__stage{min-height:0}.dugz-banner__media{aspect-ratio:var(--dugz-mobile-ratio)}.dugz-banner__layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,var(--dugz-mobile-y-before)) auto minmax(0,var(--dugz-mobile-y-after));padding:var(--dugz-mobile-pad-y) var(--dugz-mobile-pad-x)}.dugz-banner__content{grid-area:2 / 1;gap:16px;text-align:var(--dugz-mobile-align)}.dugz-banner .dugz-banner__heading{font-size:var(--dugz-heading-mobile-size)}.dugz-banner__text{font-size:var(--dugz-body-mobile-size)}.dugz-banner__actions{justify-content:var(--dugz-mobile-align)}.dugz-banner__actions--stacked{align-items:var(--dugz-mobile-align-items)}.dugz-banner__actions--mobile-full .dugz-banner__action{display:flex;width:100%}.dugz-banner--mobile-above .dugz-banner__stage,.dugz-banner--mobile-below .dugz-banner__stage{display:flex;flex-direction:column}.dugz-banner--mobile-above .dugz-banner__layout,.dugz-banner--mobile-below .dugz-banner__layout{display:block}.dugz-banner--mobile-above .dugz-banner__layout{order:0}.dugz-banner--mobile-above .dugz-banner__media{order:1;flex:0 0 auto;margin-top:calc(-1 * var(--dugz-mobile-overlap))}.dugz-banner--mobile-below .dugz-banner__media{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dugz-image-banner.css.map */
