.shopify-section.section--plp-hero{margin-top:0}.shopify-section.section--plp-hero+.shopify-section{margin-top:0}.plp-hero{position:relative;display:flex;align-items:flex-end;width:100%;max-width:100%;height:40vh;min-height:220px;margin-inline:0;overflow:hidden;background-color:var(--plp-hero-placeholder, #4a4a4a)}.plp-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.plp-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.plp-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 45%,#0000002e 72%,#0000008c)}.plp-hero--placeholder .plp-hero__scrim{background:linear-gradient(180deg,#0000 55%,#0000001f)}.plp-hero__content{position:relative;z-index:1;width:100%;padding:24px;box-sizing:border-box}.plp-hero__title{margin:0;max-width:28ch;color:#fff;font-family:var(--ds-font-family, var(--font-heading-family));font-size:clamp(2.8rem,4.2vw,4.8rem);font-weight:var(--ds-weight-regular, 400);letter-spacing:var(--ds-tracking-tight, -.02em);line-height:1.05;text-shadow:0 1px 18px rgba(0,0,0,.35)}.plp-hero__description{margin:12px 0 0;max-width:52ch;color:#ffffffe0;font-size:clamp(1.4rem,1.2vw,1.6rem);line-height:1.45;text-shadow:0 1px 12px rgba(0,0,0,.35)}.plp-hero__description>*:first-child{margin-top:0}.plp-hero__description>*:last-child{margin-bottom:0}@media screen and (max-width:989px){.plp-hero{height:20vh;min-height:110px}}@media screen and (min-width:990px){.plp-hero__content{padding:32px 24px}}.plp-intro{width:100%;max-width:var(--ds-content-max, 1520px);margin-inline:auto;padding:28px var(--plp-gutter, 40px) 4px;box-sizing:border-box}.plp-intro__text{max-width:none;margin:0;font-family:var(--ds-font-family, var(--font-body-family))}.plp-intro__text p{margin:0}.plp-intro__lead{max-width:62ch;color:var(--ds-ink, #111);font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.55}.plp-intro__body{max-width:66ch;margin-top:14px;color:#111111a8;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.75}.plp-intro__body p+p{margin-top:14px}.plp-intro__text a{color:var(--ds-ink, #111);text-decoration:underline;text-decoration-color:#11111147;text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s ease}.plp-intro__text a:hover,.plp-intro__text a:focus-visible{text-decoration-color:currentColor}.plp-intro__toggle{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:4px 0;border:0;background:none;color:var(--ds-ink, #111);font-family:var(--ds-font-family, var(--font-body-family));font-size:11px;font-weight:var(--ds-weight-medium, 500);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.plp-intro__toggle:after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s ease,margin .2s ease}.plp-intro.is-expanded .plp-intro__toggle:after{margin-top:3px;transform:rotate(-135deg)}.plp-intro__toggle[hidden]{display:none}.plp-intro__toggle:focus-visible{outline:2px solid var(--ds-ink, #111);outline-offset:2px}@media screen and (min-width:990px){.plp-intro{padding-top:56px;padding-bottom:8px}.plp-intro:after{content:"";display:block;margin-top:40px;border-bottom:1px solid rgba(17,17,17,.1)}.plp-intro--clampable:not(.is-expanded) .plp-intro__text{display:block}.plp-intro__lead{font-size:16px;font-weight:300;letter-spacing:-.01em;line-height:1.55}.plp-intro--split .plp-intro__text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(48px,6vw,120px);align-items:start}.plp-intro--split .plp-intro__lead{max-width:62ch}.plp-intro--split .plp-intro__body{max-width:62ch;margin-top:0;padding-top:2px;font-size:13px}}@media screen and (max-width:749px){.plp-intro{padding-top:22px}.plp-intro__lead{font-size:13px;line-height:1.6}.plp-intro__body{font-size:12px}}.plp-intro--clampable:not(.is-expanded) .plp-intro__lead{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.plp-intro--clampable:not(.is-expanded) .plp-intro__lead>*{display:inline}.plp-intro--clampable:not(.is-expanded) .plp-intro__body{display:none}@media screen and (max-width:749px){.plp-intro--clampable:not(.is-expanded) .plp-intro__lead{-webkit-line-clamp:2;line-clamp:2}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-collection-hero.css.map */