.mono-coll-hero{padding-inline:var(--mono-pad-inline, 0px)}.mono-coll-hero__media{position:relative;height:var(--mono-ch-h-mobile, 300px);overflow:hidden}@media screen and (min-width:750px){.mono-coll-hero__media{height:var(--mono-ch-h-desktop, 420px)}}.mono-coll-hero__image{width:100%;height:100%;object-fit:cover;display:block}.mono-coll-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#1212129e 0% 38%,#12121200 78%)}.mono-coll-hero__overlay-content{position:absolute;inset-inline:0;bottom:0;padding:2rem 1.5rem 2.4rem;margin-inline:auto;max-width:var(--page-width);box-sizing:border-box}@media screen and (min-width:750px){.mono-coll-hero__overlay-content{padding:2rem 5rem 3.2rem}}.mono-coll-hero--overlay .mono-coll-hero__title{color:#fff}.mono-coll-hero--overlay .mono-coll-hero__text{color:#ffffffeb}.mono-coll-hero__title{margin:0;font-size:var(--mono-ch-heading, calc(var(--font-heading-scale) * 3rem));line-height:1.15;overflow-wrap:break-word}@media screen and (min-width:750px){.mono-coll-hero__title{font-size:var(--mono-ch-heading, calc(var(--font-heading-scale) * 4rem))}}.mono-coll-hero__text{margin-top:.8rem;font-size:var(--mono-ch-text, 1.5rem);line-height:1.6;max-width:60ch}.mono-coll-hero--split .mono-coll-hero__text,.mono-coll-hero--textonly .mono-coll-hero__text{color:rgba(var(--color-foreground),.85)}.mono-coll-hero__inner{padding-top:3.2rem;padding-bottom:3.2rem}.mono-coll-hero--split:not(.mono-coll-hero--textonly) .mono-coll-hero__inner{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}@media screen and (min-width:750px){.mono-coll-hero--split:not(.mono-coll-hero--textonly) .mono-coll-hero__inner{grid-template-columns:1fr minmax(0,45%);gap:5rem}}.mono-coll-hero__side-media{height:var(--mono-ch-h-mobile, 300px)}@media screen and (min-width:750px){.mono-coll-hero__side-media{height:var(--mono-ch-h-desktop, 420px)}}.mono-coll-hero__side-media.media{padding:0;height:var(--mono-ch-h-mobile, 300px)}@media screen and (min-width:750px){.mono-coll-hero__side-media.media{height:var(--mono-ch-h-desktop, 420px)}}.mono-coll-hero__notice{margin:1.6rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.85);border:.1rem dashed rgba(var(--color-foreground),.3);padding:.8rem 1.2rem;max-width:60ch}.mono-gutter{padding-inline:calc(1.5rem + var(--mono-pad-inline, 0px))}@media screen and (min-width:750px){.mono-gutter{padding-inline:calc(5rem + var(--mono-pad-inline, 0px))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-mono-collection-hero.css.map */