.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.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))}@media screen and (max-width:749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.collection-hero--with-brand-banner{padding-top:1.5rem;padding-bottom:2.5rem}@media screen and (max-width:749px){.collection-hero--with-brand-banner .collection-hero__inner{display:flex;flex-direction:column;padding-bottom:1.5rem}.collection-hero--with-brand-banner .collection-hero__text-wrapper{padding:0;width:100%}.collection-hero--with-brand-banner .collection-hero__title{margin:1.5rem 0 1rem}.collection-hero--with-brand-banner .collection-hero__description{max-width:100%;margin-bottom:0}.collection-hero--with-brand-banner .collection-hero__brand-banner{margin-top:2rem;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background-color:#faf8f5;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000008;position:relative}.collection-hero--with-brand-banner .collection-hero__brand-banner picture,.collection-hero--with-brand-banner .collection-hero__brand-banner-image{width:100%;height:100%;object-fit:cover;display:block}}@media screen and (min-width:750px){.collection-hero.collection-hero--with-brand-banner{padding:2.5rem 0 3.5rem;overflow:visible}.collection-hero--with-brand-banner .collection-hero__inner{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-between!important;gap:4rem!important}.collection-hero--with-brand-banner .collection-hero__text-wrapper{flex:1 1 58%!important;max-width:62%!important;padding:0!important}.collection-hero--with-brand-banner .collection-hero__title{margin-top:0;margin-bottom:1.5rem}.collection-hero--with-brand-banner .collection-hero__description{max-width:100%!important;margin-top:1.5rem;margin-bottom:0}.collection-hero--with-brand-banner .collection-hero__brand-banner{flex:0 0 38%!important;max-width:38%!important;min-width:280px;min-height:360px;max-height:540px;border-radius:12px;overflow:hidden;background-color:#faf8f5;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 16px #0000000a;position:relative;display:flex;align-self:flex-start;aspect-ratio:4 / 5}.collection-hero--with-brand-banner .collection-hero__brand-banner picture,.collection-hero--with-brand-banner .collection-hero__brand-banner-image{width:100%;height:100%;object-fit:cover;display:block}}.collection-hero--swapped{padding-top:1.5rem;padding-bottom:2.5rem}@media screen and (max-width:749px){.collection-hero--swapped .collection-hero__inner{display:flex;flex-direction:column;padding-bottom:1.5rem;gap:1.6rem}.collection-hero--swapped .collection-hero__intro-area{order:1;width:100%}.collection-hero--swapped .collection-hero__title{margin:1.2rem 0 1rem;font-size:2.6rem;color:#1f1f1f;font-weight:700;line-height:1.2}.collection-hero--swapped .collection-hero__intro{font-size:1.5rem;line-height:1.65;color:#333}.collection-hero--swapped .collection-hero__why-pick-area{order:2;width:100%;margin-top:.5rem}.collection-hero--swapped .collection-hero__banner-area{order:3;width:100%;margin-top:.8rem;container-type:inline-size}.collection-hero--swapped .collection-hero__brand-banner-wrap{width:100%;aspect-ratio:2 / 1;border-radius:8px;overflow:hidden;background-color:transparent;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #00000008;position:relative}.collection-hero--swapped .collection-hero__brand-banner-image{width:100%;height:100%;object-fit:cover;display:block}}.collection-hero__curator-note{background:#faf8f5;border:1px solid #E8E2D8;border-radius:12px;padding:2.2rem 2rem;box-shadow:0 4px 16px #4e5f500a;position:relative}.collection-hero__note-badge{display:inline-block;font-size:1.15rem;font-weight:700;letter-spacing:.08em;color:#4e5f50;text-transform:uppercase;margin-bottom:1.2rem;background:#4e5f5014;padding:.3rem .8rem;border-radius:4px}.collection-hero__why-pick-card{background:transparent;border:none;box-shadow:none;padding:0}.collection-hero__why-pick-heading{font-size:1.55rem;font-weight:700;color:#243325;margin-top:0;margin-bottom:1.2rem;line-height:1.45;letter-spacing:.02em}.collection-hero__why-pick-heading strong{color:#243325}.collection-hero__why-pick-card blockquote{margin:0;padding:0 0 0 1.2rem;background:transparent;border-left:2.5px solid #4E5F50;border-radius:0;font-style:normal;color:#2c3e50;font-size:1.38rem;line-height:1.75}.collection-hero__why-pick-card blockquote p{margin:0}.collection-hero__why-pick-card blockquote p+p{margin-top:1rem}@media screen and (min-width:750px){.collection-hero.collection-hero--swapped{padding:2.5rem 0 3.5rem;overflow:visible}.collection-hero--swapped .collection-hero__inner{display:grid!important;grid-template-columns:1fr 330px!important;grid-template-rows:auto auto!important;column-gap:4.5rem!important;row-gap:2rem!important;align-items:start!important}.collection-hero--swapped .collection-hero__intro-area{grid-column:1 / 2;grid-row:1 / 2}.collection-hero--swapped .collection-hero__title{margin-top:0;margin-bottom:1.5rem;font-size:3.2rem;font-weight:700;color:#1f1f1f;letter-spacing:.02em}.collection-hero--swapped .collection-hero__intro{font-size:1.6rem;line-height:1.75;color:#333}.collection-hero--swapped .collection-hero__banner-area{grid-column:1 / 2;grid-row:2 / 3;width:100%;container-type:inline-size}.collection-hero--swapped .collection-hero__brand-banner-wrap{width:100%;aspect-ratio:2 / 1;border-radius:10px;overflow:hidden;background-color:transparent;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 14px #0000000a;position:relative}.collection-hero--swapped .collection-hero__brand-banner-image{width:100%;height:100%;object-fit:cover;display:block}.collection-hero--swapped .collection-hero__why-pick-area{grid-column:2 / 3;grid-row:1 / 3;width:330px;max-width:100%;height:auto;display:block;padding-top:.6rem}.collection-hero--swapped .collection-hero__curator-note{width:100%}}@media screen and (min-width:1200px){.collection-hero--swapped .collection-hero__inner{grid-template-columns:1fr 350px!important;column-gap:5rem!important}.collection-hero--swapped .collection-hero__why-pick-area{width:350px}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-collection-hero.css.map */