.content-over-media--portrait-desktop{--video-hero-brand-color: 45 27 105;--video-hero-copy-bg: rgb(var(--video-hero-brand-color) / .62);--video-hero-copy-border: rgb(255 255 255 / .14);--video-hero-copy-shadow: 0 10px 28px rgb(var(--video-hero-brand-color) / .28)}@media screen and (min-width:700px){.content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: calc(85vh - var(--sticky-area-height, 0px));--content-over-media-height: var(--portrait-hero-height);height:var(--portrait-hero-height);min-height:var(--portrait-hero-height);max-height:var(--portrait-hero-height);overflow:hidden;--content-over-media-gradient-overlay: linear-gradient( to top, rgb(0 0 0 / .72) 0%, rgb(0 0 0 / .28) 38%, rgb(0 0 0 / .08) 62%, rgb(0 0 0 / .18) 100% )}.shopify-section:first-child .content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: calc( 85vh - (var(--announcement-bar-height, 0px) + var(--header-height, 0px)) )}@supports (height: 100svh){.content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: calc(85svh - var(--sticky-area-height, 0px))}.shopify-section:first-child .content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: calc( 85svh - (var(--announcement-bar-height, 0px) + var(--header-height, 0px)) )}}.content-over-media--portrait-desktop>.video-hero-portrait-bg{display:none!important}.content-over-media--portrait-desktop>.video-hero-portrait-main{grid-area:full-start / full-start / full-end / full-end!important;place-self:stretch;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;z-index:0;overflow:hidden;-webkit-mask-image:none;mask-image:none}.content-over-media--portrait-desktop>.video-hero-portrait-main:after{display:none}.content-over-media--portrait-desktop>.video-hero-portrait-main video{object-fit:cover!important;object-position:center}.content-over-media--portrait-desktop>.place-self-center{z-index:2}.content-over-media--portrait-desktop>.video-hero-portrait-copy{grid-area:full-start / full-start / full-end / full-end!important;place-self:end center;position:relative;width:calc(100% - 3rem);max-width:none;padding:0 0 1.25rem;z-index:3;text-shadow:none;box-sizing:border-box}.content-over-media--portrait-desktop>.video-hero-portrait-copy:before{display:none}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose{width:100%;margin:0 auto;padding:1rem 1.25rem .875rem;background:var(--video-hero-copy-bg);border:1px solid var(--video-hero-copy-border);box-shadow:var(--video-hero-copy-shadow);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-sizing:border-box}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(.h3,.h4,.h5,.h6){margin-block:0;max-width:100%;margin-inline:auto;font-size:1.05rem!important;line-height:1.4!important;letter-spacing:.07em;text-transform:uppercase;font-weight:600;text-wrap:pretty;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;text-shadow:none}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(p){max-width:100%;margin-inline:auto;font-size:.875rem;line-height:1.45;letter-spacing:.04em;text-shadow:none;opacity:.92}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose>div{max-width:100%;margin-inline:auto}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(:not(meta,span)+*){margin-block-start:.625rem}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :last-child{margin-block-end:0!important}.content-over-media--portrait-desktop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / .35) 0%,transparent 28%),radial-gradient(ellipse 58% 72% at center,#0000,#0000001a)}}@media screen and (min-width:700px)and (max-width:1099px){.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose{padding:.875rem 1rem .75rem}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(.h3,.h4,.h5,.h6){font-size:.875rem!important;line-height:1.45!important;letter-spacing:.045em}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(p){font-size:.8125rem}}@media screen and (min-width:1200px){.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose{padding:1.125rem 1.5rem 1rem}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(.h3,.h4,.h5,.h6){font-size:1.15rem!important}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(p){font-size:.9375rem}}@media screen and (max-width:699px){.content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: min(72vh, 34rem);--content-over-media-height: var(--portrait-hero-height);height:var(--portrait-hero-height);min-height:var(--portrait-hero-height);max-height:var(--portrait-hero-height);overflow:hidden;--content-over-media-gradient-overlay: linear-gradient( to top, rgb(0 0 0 / .55) 0%, rgb(0 0 0 / .18) 28%, transparent 52% )}@supports (height: 100svh){.content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: min(72svh, 34rem)}}.shopify-section:first-child .content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: min( calc(72vh - var(--announcement-bar-height, 0px) - var(--header-height, 0px)), 34rem );--content-over-media-height: var(--portrait-hero-height);height:var(--portrait-hero-height);min-height:var(--portrait-hero-height);max-height:var(--portrait-hero-height)}@supports (height: 100svh){.shopify-section:first-child .content-over-media.content-over-media--portrait-desktop{--portrait-hero-height: min( calc(72svh - var(--announcement-bar-height, 0px) - var(--header-height, 0px)), 34rem )}}.content-over-media--portrait-desktop>.video-hero-portrait-copy{grid-area:full-start / full-start / full-end / full-end!important;place-self:end center;width:calc(100% - 1.5rem);max-width:none;padding:0 0 1rem}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose{padding:.875rem 1rem .75rem;background:var(--video-hero-copy-bg);border:1px solid var(--video-hero-copy-border);box-shadow:var(--video-hero-copy-shadow);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(.h3,.h4,.h5,.h6){font-size:.8125rem!important;line-height:1.45!important;letter-spacing:.07em;text-transform:uppercase;font-weight:600;text-wrap:pretty;-webkit-hyphens:none;hyphens:none;text-shadow:none}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(p){font-size:.75rem;line-height:1.4;letter-spacing:.04em;text-shadow:none;opacity:.92}.content-over-media--portrait-desktop>.video-hero-portrait-copy .prose :where(:not(meta,span)+*){margin-block-start:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-video-portrait.css.map */