.jp-collection-hero__banner{position:relative;display:flex;align-items:center;min-height:var(--jp-hero-height, 468px);overflow:hidden;background:linear-gradient(180deg,#f9ecdc,#fae4cb,#f4d8b9)}.jp-collection-hero__media{position:absolute;top:0;right:0;bottom:0;width:var(--jp-hero-image-width, 67%)}.jp-collection-hero__media--fade{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}.jp-collection-hero__media .image-wrapper,.jp-collection-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}.jp-collection-hero__content{position:relative;z-index:1;max-width:640px;padding:48px var(--JP-SECTION-PX);color:var(--JP-NAVY)}.jp-collection-hero__eyebrow{margin:0 0 24px;font-size:20px;font-weight:600;line-height:28px;letter-spacing:.08em;color:var(--JP-ORANGE)}.jp-collection-hero__title{margin:0 0 24px;font-family:var(--FONT-STACK-HEADING);font-size:56px;font-style:normal;font-weight:var(--JP-WEIGHT-HEADING-LIGHT);line-height:76px;letter-spacing:0;text-transform:none;color:var(--JP-NAVY)}.jp-collection-hero__line{display:block;width:fit-content;max-width:100%}.jp-collection-hero__line--gradient{background:var(--JP-GRADIENT-TEXT);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.jp-collection-hero__text{max-width:440px;margin:0;font-size:18px;font-weight:500;line-height:26px;color:var(--JP-NAVY)}@media only screen and (min-width:990px)and (max-width:1199px){.jp-collection-hero__title{font-size:44px;line-height:60px}.jp-collection-hero__text{font-size:16px;line-height:24px}}@media only screen and (max-width:989px){.jp-collection-hero__banner{flex-direction:column;align-items:stretch;min-height:0}.jp-collection-hero__media{position:relative;order:2;width:100%;aspect-ratio:1930 / 934}.jp-collection-hero__media--fade{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}.jp-collection-hero__content{max-width:none;padding:48px 32px 8px}.jp-collection-hero__title{font-size:44px;line-height:60px}}@media only screen and (max-width:749px){.jp-collection-hero__content{padding:32px 16px 8px}.jp-collection-hero__eyebrow{margin-bottom:12px;font-size:16px;line-height:24px}.jp-collection-hero__title{margin-bottom:12px;font-size:32px;line-height:44px}.jp-collection-hero__text{font-size:14px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/jp-collection-hero.css.map */