.accessories-hero{position:relative;display:grid;overflow:hidden;background:var(--acc-hero-bg, #F6F3EF);color:var(--acc-hero-color, #0424E6)}.accessories-hero__media{position:relative;overflow:hidden}.accessories-hero__img{display:block;width:100%;height:100%;object-fit:cover}.accessories-hero__content{display:flex;align-items:center}.accessories-hero__copy{max-width:30rem}.accessories-hero__heading{margin:0 0 14px;color:inherit;font-size:calc(var(--font-10, 2.8rem) * var(--FONT-ADJUST-HEADING, 1));line-height:1.05}.accessories-hero__text{color:inherit;font-size:calc(var(--font-4, 1.15rem) * var(--FONT-ADJUST-BODY, 1));line-height:1.45}.accessories-hero__text p{margin:0}.accessories-hero__text p+p{margin-top:.6em}.accessories-hero--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:var(--acc-hero-h, 400px)}.accessories-hero--split .accessories-hero__media{order:2}.accessories-hero--split .accessories-hero__content{order:1;padding:40px 48px 40px max(20px,calc((100vw - 1036px)/2 + 20px))}.accessories-hero--split.accessories-hero--fade .accessories-hero__media:before{content:"";position:absolute;inset:0 auto 0 0;z-index:1;width:35%;background:linear-gradient(90deg,var(--acc-hero-bg, #F6F3EF) 0%,rgba(255,255,255,0) 100%);pointer-events:none}.accessories-hero--overlay{height:var(--acc-hero-h, 400px)}.accessories-hero--overlay .accessories-hero__media,.accessories-hero--overlay .accessories-hero__content{grid-area:1 / 1}.accessories-hero--overlay .accessories-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,var(--acc-hero-overlay, .35)),#0000 70%)}.accessories-hero--overlay .accessories-hero__content{position:relative;z-index:1;padding:40px max(20px,calc((100vw - 1036px)/2 + 20px));color:#fff}@media only screen and (max-width:749px){.accessories-hero--split,.accessories-hero--overlay{grid-template-columns:minmax(0,1fr);height:auto}.accessories-hero--split .accessories-hero__media,.accessories-hero--overlay .accessories-hero__media{order:1;height:var(--acc-hero-h-mobile, 240px)}.accessories-hero--split .accessories-hero__content{order:2;padding:24px 16px 28px}.accessories-hero--split.accessories-hero--fade .accessories-hero__media:before{inset:auto 0 0 0;width:auto;height:30%;background:linear-gradient(0deg,var(--acc-hero-bg, #F6F3EF) 0%,rgba(255,255,255,0) 100%)}.accessories-hero--overlay .accessories-hero__content{align-items:flex-end;padding:20px 16px}.accessories-hero--overlay .accessories-hero__media:after{background:linear-gradient(0deg,rgba(0,0,0,var(--acc-hero-overlay, .35)),#0000 75%)}.accessories-hero__heading{margin-bottom:8px;font-size:calc(var(--font-8, 2rem) * var(--FONT-ADJUST-HEADING, 1))}.accessories-hero__text{font-size:calc(var(--font-3, 1.05rem) * var(--FONT-ADJUST-BODY, 1))}}.accessories-hero--split.accessories-hero--reverse .accessories-hero__media{order:1}.accessories-hero--split.accessories-hero--reverse .accessories-hero__content{order:2;padding:40px max(20px,calc((100vw - 1036px)/2 + 20px)) 40px 64px}.accessories-hh .accessories-hero__text{color:var(--acc-hh-body, #494949)}.accessories-hh__price{margin:18px 0 22px;color:inherit;font-family:var(--FONT-STACK-NAV);font-size:calc(var(--font-4, 1.15rem) * var(--FONT-ADJUST-BODY, 1))}@media only screen and (max-width:749px){.accessories-hero--split.accessories-hero--reverse .accessories-hero__content{padding:24px 16px 32px}.accessories-hh__price{margin:12px 0 16px}}.accessories-hero--split.accessories-hero--full-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:min(calc(50vw / var(--acc-img-ratio, 1)),66.667vh)}@media only screen and (max-width:749px){.accessories-hero--split.accessories-hero--full-image{grid-template-columns:minmax(0,1fr);height:auto}.accessories-hero--split.accessories-hero--full-image .accessories-hero__media{height:auto;aspect-ratio:var(--acc-img-ratio, 1)}}.accessories-hh__heading{font-size:calc(var(--font-6, 1.6rem) * var(--FONT-ADJUST-HEADING, 1));line-height:1.2}@media only screen and (max-width:749px){.accessories-hh__heading{font-size:calc(var(--font-5, 1.4rem) * var(--FONT-ADJUST-HEADING, 1))}}@media only screen and (min-width:750px){.accessories-hero--split.accessories-hero--full-image.accessories-hh--whole{--acc-hh-media-w: min(50vw, calc(66.667vh * var(--acc-img-ratio, 1)));grid-template-columns:var(--acc-hh-media-w) minmax(0,560px);justify-content:center;height:calc(var(--acc-hh-media-w) / var(--acc-img-ratio, 1))}.accessories-hero--split.accessories-hero--reverse.accessories-hh--whole .accessories-hero__content{padding:40px 20px 40px 64px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/accessories-collection-hero.css.map */