.collection-hero__inner{display:flex;flex-direction:column;gap:1.5rem}.collection-hero--editorial .collection-hero__text-wrapper{flex-basis:100%;text-align:center;max-width:42rem;margin-inline:auto}.collection-hero__eyebrow{margin:0 0 .75rem;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.collection-hero__title{margin:0;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:500;letter-spacing:.04em;line-height:1.15;text-transform:uppercase;word-break:break-word}.collection-hero__description{margin:1rem 0 0;font-size:1rem;line-height:1.55;color:rgba(var(--color-foreground),.78)}.collection-hero__description>*:first-child{margin-top:0}.collection-hero__description>*:last-child{margin-bottom:0}.collection-hero--text-only.collection-hero--no-description .collection-hero__title{margin-bottom:0}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));overflow:hidden}.collection-hero__image{display:block;width:100%;height:100%;object-fit:cover}.collection-hero__placeholder{margin:0;text-align:center;font-size:.9rem;opacity:.65;line-height:1.5}@media screen and (max-width:749px){.collection-hero--with-image .collection-hero__image-container{aspect-ratio:4 / 3;max-height:16rem}.collection-hero__description{font-size:.95rem}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__inner{flex-direction:row;align-items:center;gap:3rem;text-align:left}.collection-hero--with-image .collection-hero__text-wrapper{flex:1 1 50%;max-width:none;margin-inline:0;text-align:left}.collection-hero--with-image .collection-hero__image-container{flex:1 1 50%;align-self:stretch;min-height:18rem}.collection-hero__description{font-size:1.05rem;max-width:36rem}.collection-hero--with-image .collection-hero__description{max-width:none}}@media screen and (min-width:990px){.collection-hero--with-image .collection-hero__inner{gap:4rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-collection-hero.css.map */