.dv-cyo-banner{--cb-ink: var(--dv-ink, #191c1e);--cb-red: var(--dv-primary, #e60021);--cb-red-dark: var(--dv-primary-dark, #b70018);position:relative;display:flex;align-items:flex-end;min-height:clamp(520px,var(--cb-h, 80svh),900px);overflow:hidden;background:var(--cb-ink);color:#fff;isolation:isolate}.dv-cyo-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.dv-cyo-banner__media video,.dv-cyo-banner__media img,.dv-cyo-banner__media picture{display:block;width:100%;height:100%}.dv-cyo-banner__media video,.dv-cyo-banner__media img{object-fit:cover}.dv-cyo-banner__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,rgb(25 28 30 / calc(var(--cb-shade, .55) + .25)),rgb(25 28 30 / var(--cb-shade, .55)) 30%,#191c1e00 72%),linear-gradient(to right,rgb(25 28 30 / calc(var(--cb-shade, .55) * .8)),#191c1e00 60%)}.dv-cyo-banner--lineup .dv-cyo-banner__media{background-color:var(--cb-ink);background-image:linear-gradient(to right,rgb(255 255 255 / .09) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .09) 1px,transparent 1px),linear-gradient(to right,rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center center}.dv-cyo-banner__lineup{position:absolute;top:6%;right:1%;width:50%;height:88%}.dv-cyo-banner--lineup .dv-cyo-banner__shade{background:linear-gradient(to right,#191c1ed9,#191c1e59 40%,#191c1e00 52%)}.dv-cyo-banner__body{position:relative;width:100%;padding-top:48px;padding-bottom:clamp(40px,7vh,80px)}.direvulf-site .dv-cyo-banner__title{max-width:11ch;margin:0;color:#fff;font-size:clamp(56px,7vw,120px);font-weight:900;line-height:.86;letter-spacing:-.04em;text-transform:uppercase}.direvulf-site .dv-cyo-banner__text{max-width:38ch;margin:20px 0 0;color:#ffffffdb;font-size:clamp(16px,1.3vw,19px);line-height:1.5}.direvulf-site .dv-cyo-banner__cta,.direvulf-site .dv-cyo-banner__cta:hover,.direvulf-site .dv-cyo-banner__cta:focus,.direvulf-site .dv-cyo-banner__cta:active{display:inline-flex;align-items:center;justify-content:center;min-height:58px;margin-top:28px;padding:0 34px;border-radius:999px;background:var(--cb-red);color:#fff;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .18s ease}@media(hover:hover)and (pointer:fine){.direvulf-site .dv-cyo-banner__cta:hover{background:var(--cb-red-dark)}}.direvulf-site .dv-cyo-banner__cta:active{background:var(--cb-red-dark)}.direvulf-site .dv-cyo-banner__cta:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.direvulf-site .dv-cyo-banner__note{margin:14px 0 0;color:#ffffffb3;font-size:13px;line-height:1.5}@media(max-width:749px){.dv-cyo-banner{min-height:clamp(520px,var(--cb-h-m, 78svh),820px)}.direvulf-site .dv-cyo-banner__title{font-size:clamp(48px,15vw,72px)}.direvulf-site .dv-cyo-banner__text{margin-top:14px;font-size:15px}.direvulf-site .dv-cyo-banner__cta,.direvulf-site .dv-cyo-banner__cta:hover,.direvulf-site .dv-cyo-banner__cta:focus,.direvulf-site .dv-cyo-banner__cta:active{width:100%;margin-top:22px}.direvulf-site .dv-cyo-banner__note{text-align:center}.dv-cyo-banner__lineup{top:4%;right:0;left:0;width:100%;height:50%}.dv-cyo-banner--lineup .dv-cyo-banner__shade{background:linear-gradient(to top,#191c1eeb,#191c1eb3 36%,#191c1e00 56%)}}@media(min-width:901px){.dv-studio-root .editor-layout>.preview-workspace{position:sticky;top:var(--dv-cb-sticky-top, 86px);align-self:start;height:calc(100vh - var(--dv-cb-sticky-top, 86px));height:calc(100dvh - var(--dv-cb-sticky-top, 86px));min-height:600px}.dv-studio-root .editor-layout>.preview-workspace>.stage-wrap{container-type:size;min-height:260px}.dv-studio-root .editor-layout>.preview-workspace>.stage-wrap>.product-stage{max-width:min(510px,calc(570px * var(--dv-aspect, 1)),calc(100cqh * var(--dv-aspect, 1)))}.dv-studio-root.dv-is-3d .editor-layout>.preview-workspace{height:auto;min-height:0}}@media(prefers-reduced-motion:reduce){.direvulf-site .dv-cyo-banner__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/cyo-banner.css.map */