.cover{--cover-gap: var(--gutter);--cover-gap-y: var(--cover-gap);position:relative;display:grid;grid-template-rows:var(--cover-gap-y) minmax(0,1fr) var(--cover-gap-y);grid-template-columns:var(--cover-gap) minmax(0,1fr) var(--cover-gap);place-items:center;min-height:var(--cover-height, auto);overflow:hidden;isolation:isolate}.cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;background:var(--overlay-gradient, rgb(var(--overlay-color, 0 0 0) / var(--overlay-opacity, 0)))}.cover>picture{display:contents}.cover>:is(img,video,svg,iframe,av-video,.cover__media),.cover>picture>img{grid-area:1 / 1 / -1 / -1;width:100%;min-width:100%;height:var(--cover-height, auto);min-height:100%;max-height:100%;object-fit:cover;object-position:var(--focal, center);border-radius:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cover>.cover__content{grid-area:2 / 2;position:relative;z-index:2;max-width:min(var(--cover-content-max, 48rem),100%)}.cover--xs{--cover-height: clamp(15rem, 65vw, 25rem)}.cover--sm{--cover-height: clamp(20rem, 85vw, 32rem)}.cover--md{--cover-height: clamp(25rem, 100vw, 36rem)}.cover--lg{--cover-height: clamp(30rem, 125vw, 42rem)}.cover--fill{--cover-height: calc(100vh - var(--sticky-offset, 0px))}.shopify-section:first-child .cover--fill{--cover-height: calc(100vh - var(--announcement-height, 0px) - var(--header-height, 0px))}.shopify-section:first-child:has([data-transparent-header]) .cover--fill{--cover-height: calc(100vh - var(--announcement-height, 0px))}@supports (height: 100svh){.cover--fill{--cover-height: calc(100svh - var(--sticky-offset, 0px))}.shopify-section:first-child .cover--fill{--cover-height: calc(100svh - var(--announcement-height, 0px) - var(--header-height, 0px))}.shopify-section:first-child:has([data-transparent-header]) .cover--fill{--cover-height: calc(100svh - var(--announcement-height, 0px))}}.shopify-section:first-child [data-transparent-header] .cover>.cover__content{padding-block-start:var(--header-height, 0px)}.cover-text>*+*{margin-block-start:1rem}.cover-text>.btn-group,.cover-text>.cover-text__buttons{margin-block-start:1.5rem}.cover-text>.btn{margin-block-start:1.5rem}.cover-text .prose{--prose-gap: 1rem}@media screen and (min-width:700px){.btn-group--equal:not(:has(.link)){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}@media screen and (min-width:1000px){.cover-text>*+*{margin-block-start:1.25rem}.cover-text>.btn-group,.cover-text>.cover-text__buttons,.cover-text>.btn{margin-block-start:2rem}}.cover>svg.placeholder{height:var(--cover-height, 100%)}.text-start .btn-group{justify-content:flex-start}.text-center .btn-group{justify-content:center}.text-end .btn-group{justify-content:flex-end}@media screen and (min-width:700px){.sm\:text-start .btn-group{justify-content:flex-start}.sm\:text-center .btn-group{justify-content:center}.sm\:text-end .btn-group{justify-content:flex-end}}.scheme--on-media .btn--outline{--btn-border: var(--c-text)}@media(prefers-reduced-motion:no-preference){.js av-cover-reveal[reveal]:not(.is-revealed){opacity:0}av-cover-reveal.is-revealed.is-animated>:is(img,svg,picture>img){animation:cover-reveal-media .8s cubic-bezier(.215,.61,.355,1) both}av-cover-reveal.is-revealed.is-animated>picture>img{animation:cover-reveal-media .8s cubic-bezier(.215,.61,.355,1) both}av-cover-reveal.is-revealed.is-animated>.cover__content{animation:cover-reveal-text .8s ease .8s both}}@keyframes cover-reveal-media{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes cover-reveal-text{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.js av-slide-in [data-slide-in]:not(.is-revealed){opacity:0}av-slide-in [data-slide-in].is-animated{animation:cover-slide-in .8s cubic-bezier(.215,.61,.355,1) both}}@keyframes cover-slide-in{0%{opacity:0;transform:translate(var(--slide-from, -25px))}to{opacity:1;transform:translate(0)}}.cover-text>.link{display:inline-block}.cover-text>.link+.link{margin-inline-start:.75rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-media-cover.css.map */
