.hair-ess{background:#fff}.hair-ess__inner{max-width:120rem;margin:0 auto;padding:0 2.4rem}.hair-ess__sub{text-align:center;font-size:1.6rem;line-height:1.55;color:#55646a;max-width:56rem;margin:-1.4rem auto 3.2rem}.hair-ess__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:1.8rem}.hair-ess__tile{position:relative;display:block;overflow:hidden;border-radius:1.2rem;border:1px solid rgba(43,61,66,.14);text-decoration:none;color:#fff;min-height:30rem;isolation:isolate}.hair-ess__tile--lead{grid-row:1 / 3;min-height:62rem}.hair-ess__media{position:absolute;top:0;right:0;bottom:0;left:0}.hair-ess__media img{width:100%;height:100%;object-fit:cover;object-position:var(--hair-ess-pos, center 30%);transform:scale(1);transition:transform .9s cubic-bezier(.2,.7,.2,1);will-change:transform}.hair-ess__tile:hover .hair-ess__media img,.hair-ess__tile:focus-visible .hair-ess__media img{transform:scale(1.04)}.hair-ess__scrim{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:0;line-height:0;background:linear-gradient(180deg,#141e1c00 42%,#141e1cb8);transition:background .4s}.hair-ess__tile:hover .hair-ess__scrim{background:linear-gradient(180deg,#141e1c00 36%,#141e1ccc)}.hair-ess__text{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 2.6rem 2.6rem;display:flex;flex-direction:column;gap:.5rem}.hair-ess__eyebrow{font-size:1.05rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#d8c48a}.hair-ess__title{font-family:var(--font-heading-family);font-weight:800;font-size:2.6rem;line-height:1.05;letter-spacing:.01em;margin:0;color:#fff}.hair-ess__tile--lead .hair-ess__title{font-size:3.4rem}.hair-ess__line{font-size:1.4rem;line-height:1.5;color:#ffffffdb;margin:0;max-width:42rem}.hair-ess__link{display:inline-flex;align-items:center;gap:.6rem;margin-top:.6rem;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d8c48a}.hair-ess__link svg{transition:transform .35s}.hair-ess__tile:hover .hair-ess__link svg{transform:translate(5px)}.hair-ess__tile:focus-visible{outline:2px solid #917B3D;outline-offset:3px}@media(prefers-reduced-motion:reduce){.hair-ess__media img,.hair-ess__link svg{transition:none}.hair-ess__tile:hover .hair-ess__media img{transform:none}}@media screen and (max-width:989px){.hair-ess__tile--lead{min-height:52rem}.hair-ess__tile{min-height:25rem}.hair-ess__title{font-size:2.2rem}.hair-ess__tile--lead .hair-ess__title{font-size:2.8rem}}@media screen and (max-width:749px){.hair-ess__inner{padding:0 1.6rem}.hair-ess__sub{font-size:1.4rem;margin:-1rem auto 2rem}.hair-ess__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:1rem}.hair-ess__tile--lead{grid-column:1 / 3;grid-row:1;min-height:0;aspect-ratio:16 / 10}.hair-ess__tile{min-height:0;aspect-ratio:4 / 5;border-radius:1rem}.hair-ess__text{padding:1.4rem 1.4rem 1.5rem;gap:.3rem}.hair-ess__eyebrow{font-size:.9rem}.hair-ess__title{font-size:1.7rem}.hair-ess__tile--lead .hair-ess__title{font-size:2.4rem}.hair-ess__line{font-size:1.2rem}.hair-ess__tile:not(.hair-ess__tile--lead) .hair-ess__line{display:none}.hair-ess__link{font-size:1rem;margin-top:.3rem}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/hair-essentials.css.map */