.collection-banner{position:relative;overflow:hidden;isolation:isolate;min-height:var(--banner-min-h, 480px);padding-block-start:var(--banner-pad-top, 0px);padding-block-end:var(--banner-pad-bottom, 0px)}.collection-banner--coconut{border-top:1px solid rgba(31,31,31,.1)}.collection-banner--teal,.collection-banner--charcoal{border-top:1px solid rgba(245,238,223,.12)}.collection-banner__media{position:relative;width:100%;aspect-ratio:16 / 11;overflow:hidden}.collection-banner__img{width:100%;height:100%;object-fit:cover;display:block}.collection-banner__tag{position:absolute;top:var(--space-4);left:var(--space-4);font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1) 9px;border-radius:var(--radius-xs);background:var(--color-charcoal);color:var(--color-coconut)}.collection-banner__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:28px var(--gutter-mobile) 34px;text-align:left}.collection-banner__eyebrow{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-eyebrow);letter-spacing:.16em;text-transform:uppercase;margin:0}.collection-banner__title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(40px,9vw,72px);line-height:1;letter-spacing:.005em;margin:0;text-wrap:balance}.collection-banner__intro{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:15px;line-height:1.5;max-width:46ch;margin:var(--space-1) 0 0;text-wrap:pretty}.collection-banner__intro p{margin:0}.collection-banner__cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);min-height:48px;font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-cta);letter-spacing:.08em;text-transform:uppercase;padding:0 22px;border:none;border-radius:var(--radius-xs);cursor:pointer;text-decoration:none}.collection-banner__cta svg{display:block;flex-shrink:0}@media(min-width:768px){.collection-banner{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}.collection-banner__media{aspect-ratio:auto;height:100%;min-height:420px}.collection-banner__inner{justify-content:center;gap:var(--space-4);padding:var(--space-16) 56px}.collection-banner__intro{font-size:17px}}@media(min-width:1024px){.collection-banner__inner{padding:var(--space-20) 72px}.collection-banner__media{min-height:520px}}.collection-banner--align-center .collection-banner__inner{align-items:center;text-align:center}.collection-banner--align-center .collection-banner__intro{margin-inline:auto}.collection-banner--teal .collection-banner__inner{background:var(--color-teal)}.collection-banner--teal .collection-banner__eyebrow{color:#f5eedfcc}.collection-banner--teal .collection-banner__title{color:var(--color-text-on-teal)}.collection-banner--teal .collection-banner__intro{color:#f5eedfe0}.collection-banner--teal .collection-banner__cta{background:var(--color-coconut);color:var(--color-charcoal)}.collection-banner--coconut .collection-banner__inner{background:var(--color-coconut);border-bottom:1px solid rgba(31,31,31,.1)}.collection-banner--coconut .collection-banner__eyebrow{color:var(--color-teal)}.collection-banner--coconut .collection-banner__title{color:var(--color-charcoal)}.collection-banner--coconut .collection-banner__intro{color:#1f1f1fb8}.collection-banner--coconut .collection-banner__cta{background:var(--color-teal);color:var(--color-text-on-teal)}.collection-banner--charcoal .collection-banner__inner{background:var(--color-charcoal)}[data-template^=collection] .collection-banner--coconut .collection-banner__inner{border-bottom:none}.collection-banner--charcoal .collection-banner__eyebrow,.collection-banner--charcoal .collection-banner__title{color:var(--color-gold-campaign)}.collection-banner--charcoal .collection-banner__intro{color:#f5eedfd1}.collection-banner--charcoal .collection-banner__cta{background:var(--color-gold-campaign);color:var(--color-charcoal)}@media(prefers-reduced-motion:no-preference){.collection-banner__cta{transition:filter var(--dur-fast) var(--ease-standard)}.collection-banner__cta:hover{filter:brightness(.9)}.collection-banner__cta-arrow{transition:transform var(--dur-fast) var(--ease-standard)}.collection-banner__cta:hover .collection-banner__cta-arrow{transform:translate(3px)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-collection-banner.css.map */