.collection-banner{position:relative;display:flex;isolation:isolate;overflow:hidden;width:100%;background-color:#17110e}.collection-banner--small{min-height:clamp(26rem,40vh,34rem)}.collection-banner--medium{min-height:clamp(34rem,54vh,46rem)}.collection-banner--large{min-height:clamp(42rem,74vh,62rem)}.collection-banner--inset{width:calc(100% - 3rem);max-width:calc(var(--page-width) - 3rem);margin-inline:auto;border-radius:var(--media-radius)}.collection-banner--pos-top{align-items:flex-start}.collection-banner--pos-middle{align-items:center}.collection-banner--pos-bottom{align-items:flex-end}.collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.collection-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--banner-focal, center center)}@media screen and (max-width:749px){.collection-banner__image{object-position:var(--banner-focal-mobile, center center)}}.collection-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(to top,rgba(0,0,0,calc(var(--banner-scrim, .55) * 1.25)),rgba(0,0,0,calc(var(--banner-scrim, .55) * 1)),rgba(0,0,0,calc(var(--banner-scrim, .55) * .8)))}@media screen and (min-width:750px){.collection-banner--align-left:after{background-image:linear-gradient(95deg,rgba(0,0,0,calc(var(--banner-scrim, .55) * 1.45)),rgba(0,0,0,calc(var(--banner-scrim, .55) * 1.25)) 28%,rgba(0,0,0,calc(var(--banner-scrim, .55) * .8)),rgba(0,0,0,calc(var(--banner-scrim, .55) * .28)),rgba(0,0,0,calc(var(--banner-scrim, .55) * .12))),linear-gradient(to top,rgba(0,0,0,calc(var(--banner-scrim, .55) * .5)),#0000 60%)}.collection-banner--align-right:after{background-image:linear-gradient(265deg,rgba(0,0,0,calc(var(--banner-scrim, .55) * 1.45)),rgba(0,0,0,calc(var(--banner-scrim, .55) * 1.25)) 28%,rgba(0,0,0,calc(var(--banner-scrim, .55) * .8)),rgba(0,0,0,calc(var(--banner-scrim, .55) * .28)),rgba(0,0,0,calc(var(--banner-scrim, .55) * .12))),linear-gradient(to top,rgba(0,0,0,calc(var(--banner-scrim, .55) * .5)),#0000 60%)}.collection-banner--align-center:after{background-image:radial-gradient(125% 110% at 50% 50%,rgba(0,0,0,calc(var(--banner-scrim, .55) * 1.3)),rgba(0,0,0,calc(var(--banner-scrim, .55) * 1.05)) 40%,rgba(0,0,0,calc(var(--banner-scrim, .55) * .45)) 78%,rgba(0,0,0,calc(var(--banner-scrim, .55) * .15))),linear-gradient(to top,rgba(0,0,0,calc(var(--banner-scrim, .55) * .5)),#0000 60%)}}.collection-banner--grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.38;mix-blend-mode:overlay;background-size:300px 300px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='0.55'/%3E%3C/svg%3E")}.collection-banner__content{position:relative;z-index:3;width:100%;padding-block:clamp(4rem,7vw,7rem)}.collection-banner--inset .collection-banner__content{padding-inline:clamp(2rem,5vw,5.6rem)}.collection-banner .collection-banner__inner{max-width:64rem;background:transparent}.collection-banner--boxed .collection-banner__inner{padding:clamp(2.4rem,3.4vw,3.6rem);border:1px solid rgba(var(--color-foreground),.14);border-radius:var(--media-radius);background:rgba(var(--color-background),.38);-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}.collection-banner__kicker{margin:0 0 1.8rem;font-size:1.2rem;font-weight:600;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.94);text-shadow:0 1px 12px rgba(0,0,0,.32)}.collection-banner__kicker:before{content:"";display:inline-block;width:3.2rem;height:2px;margin-right:1.2rem;vertical-align:.32em;background:rgb(var(--color-button));transform-origin:left center}.collection-banner__kicker-dot{margin:0 .5em;opacity:.5}.collection-banner__kicker-count{white-space:nowrap}.collection-banner__title{margin:0;font-size:clamp(3.2rem,4.8vw,5.4rem);font-weight:800;line-height:1.02;letter-spacing:-.022em;color:rgb(var(--color-foreground));text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.42)}.collection-banner--uppercase .collection-banner__title{text-transform:uppercase;letter-spacing:-.012em}.collection-banner__description{max-width:54ch;margin:1.8rem 0 0;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.9);text-shadow:0 1px 16px rgba(0,0,0,.34)}.collection-banner__description>*:first-child{margin-top:0}.collection-banner__description>*:last-child{margin-bottom:0}.collection-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.6rem}@media screen and (min-width:750px){.collection-banner__description{font-size:1.7rem}}@media screen and (max-width:749px){.collection-banner--align-mobile-center .collection-banner__inner{margin-inline:auto;text-align:center}.collection-banner--align-mobile-center .collection-banner__buttons{justify-content:center}.collection-banner--align-mobile-center .collection-banner__description{margin-inline:auto}.collection-banner--align-mobile-right .collection-banner__inner{margin-left:auto;text-align:right}.collection-banner--align-mobile-right .collection-banner__buttons{justify-content:flex-end}.collection-banner--align-mobile-right .collection-banner__description{margin-left:auto}}@media screen and (min-width:750px){.collection-banner--align-center .collection-banner__inner{margin-inline:auto;text-align:center}.collection-banner--align-center .collection-banner__buttons{justify-content:center}.collection-banner--align-center .collection-banner__description{margin-inline:auto}.collection-banner--align-right .collection-banner__inner{margin-left:auto;text-align:right}.collection-banner--align-right .collection-banner__buttons{justify-content:flex-end}.collection-banner--align-right .collection-banner__description{margin-left:auto}}@media(prefers-reduced-motion:no-preference){.collection-banner--animate .collection-banner__kicker,.collection-banner--animate .collection-banner__title,.collection-banner--animate .collection-banner__description,.collection-banner--animate .collection-banner__buttons{animation:collection-banner-rise .7s cubic-bezier(.22,.61,.36,1) backwards}.collection-banner--animate .collection-banner__kicker{animation-delay:.08s}.collection-banner--animate .collection-banner__title{animation-delay:.16s}.collection-banner--animate .collection-banner__description{animation-delay:.26s}.collection-banner--animate .collection-banner__buttons{animation-delay:.36s}.collection-banner--animate .collection-banner__kicker:before{animation:collection-banner-rule .55s cubic-bezier(.22,.61,.36,1) .3s backwards}.collection-banner--animate .collection-banner__image{animation:collection-banner-settle 1.8s cubic-bezier(.22,.61,.36,1) backwards}}@keyframes collection-banner-rise{0%{opacity:0;transform:translateY(1.4rem)}}@keyframes collection-banner-rule{0%{transform:scaleX(0)}}@keyframes collection-banner-settle{0%{transform:scale(1.06)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-collection-banner-image.css.map */