.bk-home-hero{position:relative;isolation:isolate;margin:0;background:#102631;color:#fff}.bk-home-hero [hidden]{display:none}.bk-home-hero__slide{--action-x:5%;--action-y:88%;--action-w:40%;--action-h:48px}.bk-home-hero__frame{position:relative;container-type:inline-size;width:100%;aspect-ratio:2731 / 4096;overflow:hidden}.bk-home-hero__artwork{display:contents}@media not all and (min-width:750px){.bk-home-hero__slide[data-campaign=spf] .bk-home-hero__artwork{display:block;position:absolute;width:100%;height:calc(100cqw / var(--mobile-ratio));left:0;top:50%;transform:translateY(-50%)}}.bk-home-hero picture,.bk-home-hero img{display:block;width:100%;height:100%}.bk-home-hero img{object-fit:contain;object-position:center}.bk-home-hero__action{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;left:var(--action-x);top:var(--action-y);width:var(--action-w);height:max(44px,var(--action-h));transform:translateY(-50%);border-radius:99px;color:inherit;text-decoration:none;touch-action:manipulation;font-family:var(--bk-brand-ui-family);font-weight:var(--bk-brand-ui-weight);font-synthesis:none}.bk-home-hero__action>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bk-home-hero__slide[data-campaign=custom] .bk-home-hero__action{background:#fafbf1;color:#660404;border:1px solid #660404}.bk-home-hero__slide[data-campaign=custom] .bk-home-hero__action>span{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal}.bk-home-hero__controls{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff}.bk-home-hero__controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;font-size:18px;touch-action:manipulation;cursor:pointer;pointer-events:auto}.bk-home-hero__rotation{position:absolute;right:8px;bottom:8px;text-shadow:0 1px 3px #102631}.bk-home-hero__rotation:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#1026319e;z-index:-1}.bk-home-hero__indicators{position:absolute;right:4px;bottom:0;display:flex;gap:0}.bk-home-hero__controls .bk-home-hero__indicator{width:24px;height:44px;border-radius:0}.bk-home-hero__indicator span{display:block;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#10263188;box-shadow:0 1px 2px #102631}.bk-home-hero__indicator[data-active] span{background:#fff}.bk-home-hero__keyboard-control:focus-visible{position:absolute;bottom:48px;right:8px;background:#102631}.bk-home-hero__keyboard-control[data-home-prev]:focus-visible{right:56px}.bk-home-hero__keyboard-control:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}.bk-home-hero__controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}.bk-home-hero__controls .bk-home-hero__indicator:focus-visible{outline-offset:-3px}.bk-home-hero__swipe-cue{position:absolute;z-index:2;right:12px;bottom:62px;padding:6px 10px;color:#fff;background:#102631b8;border-radius:99px;font-family:var(--bk-brand-ui-family);font-size:12px;line-height:1.5;pointer-events:none}.bk-home-hero__frame{touch-action:pan-y pinch-zoom}.bk-home-hero img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(hover:hover)and (pointer:fine){.bk-home-hero__frame{cursor:grab}.bk-home-hero__swipe-cue{left:var(--cue-x,50%);top:var(--cue-y,50%);right:auto;bottom:auto;transform:translate(-50%,-50%);opacity:0}.bk-home-hero[data-cue-ready]:hover .bk-home-hero__swipe-cue{opacity:1}}.bk-home-hero__editorial{display:none}.bk-home-hero__copy{display:contents}.bk-home-hero__slide[data-campaign=all]{--action-x:4.5%;--action-y:91.1%;--action-w:30.5%;--action-h:7%;--pill-focus-height:10cqw}.bk-home-hero__slide[data-campaign=spf]{--action-x:33.5%;--action-y:36.3%;--action-w:33%;--action-h:4%;--pill-focus-height:6.2cqw}.bk-home-hero__slide[data-campaign=lip]{--action-x:10.5%;--action-y:24.6%;--action-w:32%;--action-h:5%}.bk-home-hero__slide[data-campaign=conditioner]{--action-x:4.3%;--action-y:86.7%;--action-w:46.5%;--action-h:6.5%;--pill-focus-height:9.3cqw}.bk-home-hero__slide[data-campaign=shampoo]{--action-x:5%;--action-y:91.5%;--action-w:41%;--action-h:5.5%;--pill-focus-height:8.2cqw}.bk-home-hero__action:focus-visible{outline:none;box-shadow:none}.bk-home-hero__action:focus-visible:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:max(12px,calc(var(--pill-focus-height,40px) - 8px));transform:translateY(-50%);border:2px solid #fff;border-radius:99px;box-shadow:0 0 0 2px #660404;pointer-events:none}.bk-home-hero__slide[data-campaign=lip] .bk-home-hero__action:focus-visible:after{left:0;right:0;top:calc(50% + max(12px,1.6cqw));height:4px;transform:none;border:0;border-radius:2px;background:#fff;box-shadow:0 0 0 2px #660404}@media(min-width:750px){.bk-home-hero{overflow:hidden}.bk-home-hero__indicators{left:50%;right:auto;transform:translate(-50%)}.bk-home-hero__controls .bk-home-hero__indicator{width:32px}.bk-home-hero__frame{aspect-ratio:4096 / 1755}.bk-home-hero__slide[data-campaign=all] img{object-fit:cover}.bk-home-hero[data-locale=en] .bk-home-hero__slide[data-campaign=all] img{object-position:60% 50%}.bk-home-hero__slide[data-conditioner-editorial] img{object-fit:cover;object-position:50% 44%}.bk-home-hero__slide[data-conditioner-editorial] .bk-home-hero__copy{display:grid;gap:14px;position:absolute;z-index:1;right:3%;bottom:5%;width:25%;color:#fff;text-align:left}.bk-home-hero__slide[data-conditioner-editorial] .bk-home-hero__editorial{display:block}.bk-home-hero__eyebrow{display:inline-block;margin:0 0 8px;padding:3px 5px;border-radius:2px;background:#081921c7;font-size:clamp(10px,1cqw,14px);line-height:1.4}.bk-home-hero__headline{color:inherit;font-family:var(--bk-brand-heading-family);font-weight:var(--bk-brand-heading-weight);font-synthesis:none;margin:0 0 10px;font-size:clamp(25px,3.3cqw,52px);line-height:1.05;letter-spacing:0}.bk-home-hero__description{margin:0;font-size:clamp(13px,1.15cqw,18px);line-height:1.45}.bk-home-hero__slide[data-conditioner-editorial] .bk-home-hero__action{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-height:44px;color:#fff;background:#08192166;border:1px solid currentColor;border-radius:3px;padding:10px 12px;font-size:clamp(11px,1.1cqw,16px)}.bk-home-hero__slide[data-conditioner-editorial] .bk-home-hero__action>span{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal}.bk-home-hero__slide[data-conditioner-editorial] .bk-home-hero__action:focus-visible{outline:2px solid #fff;outline-offset:-5px}.bk-home-hero__slide[data-conditioner-editorial] .bk-home-hero__action:focus-visible:after{content:none}.bk-home-hero__slide[data-campaign=all]{--action-x:75%;--action-y:86%;--action-w:15%;--action-h:44px}.bk-home-hero__slide[data-campaign=all] .bk-home-hero__action{background:#fafbf1;color:#660404;border:0;font-size:clamp(13px,1.15vw,18px)}.bk-home-hero__slide[data-campaign=all] .bk-home-hero__action>span{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal}.bk-home-hero__slide[data-campaign=spf]{--action-x:62.2%;--action-y:68.8%;--action-w:19%;--action-h:9%;--pill-focus-height:3.8cqw}.bk-home-hero__slide[data-campaign=lip]{--action-x:5.5%;--action-y:71.7%;--action-w:21%;--action-h:9%}.bk-home-hero__slide[data-campaign=conditioner]:not([data-conditioner-editorial]){--action-x:6.5%;--action-y:68.6%;--action-w:22%;--action-h:10%;--pill-focus-height:4.9cqw}.bk-home-hero__slide[data-campaign=shampoo]{--action-x:5.8%;--action-y:80.3%;--action-w:18.2%;--action-h:11%;--pill-focus-height:4.7cqw}.bk-home-hero[data-locale=ar] .bk-home-hero__slide[data-campaign=all]{--action-y:90%;--action-x:75%;--action-w:18%}.bk-home-hero[data-locale=ar] .bk-home-hero__slide[data-campaign=conditioner]{--action-x:77.7%;--action-y:78.7%;--action-w:19.1%;--action-h:10%;--pill-focus-height:4.3cqw}.bk-home-hero[data-locale=ar] .bk-home-hero__slide[data-campaign=spf]{--action-y:68.6%;--action-w:20.1%;--action-h:9%}.bk-home-hero[data-locale=ar] .bk-home-hero__slide[data-campaign=lip]{--action-y:76.2%;--action-w:21%;--action-h:9%}.bk-home-hero[data-locale=ar] .bk-home-hero__slide[data-campaign=shampoo]{--action-y:80.1%;--action-w:18.2%;--action-h:11%}.bk-home-hero__slide[data-campaign=all] .bk-home-hero__action:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #660404}.bk-home-hero__slide[data-campaign=all] .bk-home-hero__action:focus-visible:after{content:none}}@media(min-width:1100px){.bk-home-hero[data-locale=en] .bk-home-hero__slide[data-campaign=conditioner]{--pill-focus-height:3.9cqw}}.bk-home-hero{padding-top:var(--hero-padding-top,0px)}.bk-home-hero__slide{background:var(--hero-slide-bg,#102631)}.bk-home-hero__section-copy{position:absolute;inset:5% 5% auto;z-index:3;pointer-events:none}.bk-home-hero__section-copy a{pointer-events:auto}.bk-home-hero[data-visible-arrows=true] .bk-home-hero__keyboard-control{position:absolute;top:50%;left:12px;width:44px;height:44px;padding:0;clip-path:none;overflow:visible;background:#1026319e;transform:translateY(-50%)}.bk-home-hero[data-visible-arrows=true] .bk-home-hero__keyboard-control[data-home-next]{left:auto;right:12px}.bk-home-hero[data-frame-mode=custom] .bk-home-hero__frame{aspect-ratio:var(--hero-custom-ratio-mobile,var(--hero-ratio-mobile))}.bk-home-hero[data-frame-mode=custom][data-height-mode=fixed] .bk-home-hero__frame{height:var(--hero-height-mobile);aspect-ratio:auto}.bk-home-hero[data-frame-mode=custom] .bk-home-hero__artwork{display:contents}.bk-home-hero[data-frame-mode=custom] .bk-home-hero__slide img{object-fit:var(--hero-fit-mobile);object-position:var(--hero-position-mobile)}@media(min-width:750px){.bk-home-hero[data-frame-mode=custom] .bk-home-hero__frame{aspect-ratio:var(--hero-custom-ratio-tablet,var(--hero-ratio-tablet))}.bk-home-hero[data-frame-mode=custom][data-height-mode=fixed] .bk-home-hero__frame{height:var(--hero-height-tablet)}.bk-home-hero[data-frame-mode=custom] .bk-home-hero__slide img{object-fit:var(--hero-fit-tablet);object-position:var(--hero-position-tablet)}}@media(min-width:1100px){.bk-home-hero[data-frame-mode=custom] .bk-home-hero__frame{aspect-ratio:var(--hero-custom-ratio-desktop,var(--hero-ratio-desktop))}.bk-home-hero[data-frame-mode=custom][data-height-mode=fixed] .bk-home-hero__frame{height:var(--hero-height-desktop)}.bk-home-hero[data-frame-mode=custom] .bk-home-hero__slide img{object-fit:var(--hero-fit);object-position:var(--hero-position)}}@media(max-width:749px){.bk-home-hero:not([data-frame-mode=custom]) .bk-home-hero__slide[data-mobile-intrinsic] .bk-home-hero__frame{aspect-ratio:var(--mobile-ratio)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/bk-home-hero.css.map */