.wt-haircare-match{display:block;background:var(--haircare-match-background, #ffffff);color:var(--haircare-match-text, var(--color-text, #110f0c))}.wt-haircare-match__inner{position:relative;box-sizing:border-box;width:100%;max-width:var(--site-max-width);margin-inline:auto;padding-inline:var(--haircare-match-padding-inline, 20px)}.wt-haircare-match__content{display:flex;flex-direction:column;align-items:center;gap:var(--haircare-match-content-gap, 45px);width:100%;max-width:var(--haircare-match-content-width, 840px);margin-inline:auto;text-align:center;position:relative}.wt-haircare-match__heading{margin:0;font-family:var(--font-headline);font-weight:400;font-size:clamp(calc(34px * var(--haircare-match-heading-scale, 1)),calc(20px + 3.6vw),calc(75px * var(--haircare-match-heading-scale, 1)));line-height:1;color:inherit}.wt-haircare-match__text{max-width:var(--haircare-match-body-width, 670px);margin-top:calc(var(--haircare-match-content-gap, 45px) * -1 + 30px);font-family:var(--font-base);font-size:var(--haircare-match-text-size, 24px);font-weight:400;line-height:1.5;color:inherit}.wt-haircare-match__text>:first-child{margin-top:0}.wt-haircare-match__text>:last-child{margin-bottom:0}.wt-haircare-match__ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--haircare-match-cta-gap, 20px)}.brand-button.wt-haircare-match__cta--outline{--brand-button-border: var(--haircare-match-text, #110f0c);--brand-button-fill: var(--haircare-match-background, #ffffff);--brand-button-border-hover: var(--haircare-match-text, #110f0c)}.wt-haircare-match__panel{position:relative;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--haircare-match-panel-padding, 40px 20px)}.wt-haircare-match__panel--off{padding:0}.wt-haircare-match__panel-layers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--haircare-match-panel-radius, 24px);pointer-events:none;isolation:isolate}.wt-haircare-match__panel-image,.wt-haircare-match__panel-frost,.wt-haircare-match__panel-texture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wt-haircare-match__panel-image{object-fit:cover;object-position:50% 56%}.wt-haircare-match__panel-frost{background:#dcc2b133;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}.wt-haircare-match__panel-texture{object-fit:cover;mix-blend-mode:lighten;opacity:.4}.wt-haircare-match__panel:not(.wt-haircare-match__panel--off) .brand-button.wt-haircare-match__cta--outline{--brand-button-fill: transparent}.wt-haircare-match__photo img{display:block;width:100%;height:auto;border-radius:var(--haircare-match-radius, 8px)}@media screen and (min-width:990px){.wt-haircare-match__inner{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--haircare-match-ratio, 1512 / 780)}.wt-haircare-match__photo{position:absolute;z-index:1;width:var(--haircare-match-image-width, 20%)}.wt-haircare-match__content{position:relative;z-index:2}.wt-haircare-match__photo--left{left:var(--haircare-match-left-x, 14%);top:var(--haircare-match-left-y, 38%);transform:translate(-50%,-50%) rotate(var(--haircare-match-left-rotation, -9deg))}.wt-haircare-match__photo--right{left:var(--haircare-match-right-x, 86%);top:var(--haircare-match-right-y, 82%);transform:translate(-50%,-50%) rotate(var(--haircare-match-right-rotation, 11deg))}.wt-haircare-match__panel:not(.wt-haircare-match__panel--off){width:72.4%;aspect-ratio:1095 / 569;padding:56px 40px}}@media screen and (max-width:989px){.wt-haircare-match{overflow-x:clip}.wt-haircare-match__inner{display:flex;flex-direction:column;align-items:center}.wt-haircare-match__photo{width:min(var(--haircare-match-stack-width, 42%),280px);margin-block:var(--haircare-match-stack-margin, 28px)}.wt-haircare-match__photo--left{order:1;align-self:flex-start;transform:rotate(var(--haircare-match-left-rotation, -9deg))}.wt-haircare-match__panel{order:2}.wt-haircare-match__photo--right{order:3;align-self:flex-end;transform:rotate(var(--haircare-match-right-rotation, 11deg))}}@media screen and (max-width:749px){.wt-haircare-match{--haircare-match-content-gap: 28px;--haircare-match-text-size: 16px;--haircare-match-cta-gap: 12px;--haircare-match-stack-width: 46%}.wt-haircare-match__text{margin-top:calc(var(--haircare-match-content-gap, 28px) * -1 + 16px)}.wt-haircare-match__ctas{flex-direction:column;width:100%}.wt-haircare-match__ctas .brand-button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/section-haircare-match.css.map */