.kbh{--kbh-top:144px;--kbh-peek:128px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:clamp(340px,calc(100svh - var(--kbh-top) - var(--kbh-peek)),640px);background:var(--ground-inverse);color:var(--ink-inverse);gap:var(--hairline)}
.kbh,.kbh *{box-sizing:border-box}
.kbh__panel{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:var(--ground-inverse)}
.kbh__image,.kbh__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kbh__panel--film .kbh__image,.kbh__video{object-position:64% center}
.kbh__panel--serum .kbh__image{object-position:center 42%}
.kbh__panel--protocol .kbh__image{object-position:center}
.kbh__panel::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 25%,color-mix(in srgb,var(--ground-inverse) 25%,transparent) 48%,color-mix(in srgb,var(--ground-inverse) 94%,transparent) 100%)}
.kbh__video{opacity:0;transition:opacity var(--motion) var(--ease)}
.kbh__video.is-ready{opacity:1}
.kbh__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:100%;padding:var(--space-8);pointer-events:none}
body #MainContent .kbh .kbh__eyebrow{margin:0 0 var(--space-3);color:var(--ink-inverse-muted);font:var(--weight-medium) var(--text-label)/var(--leading-label) var(--font-sans);text-transform:uppercase;letter-spacing:var(--track-eyebrow)}
body #MainContent .kbh h1,body #MainContent .kbh h2{font-family:var(--font-sans);font-weight:var(--weight-medium)!important;line-height:1.45!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:var(--ink-inverse)!important;text-wrap:balance;max-width:28ch;margin:0 0 var(--space-2)}
body #MainContent .kbh h1{font-size:var(--editorial-page)!important}
body #MainContent .kbh h2{font-size:var(--editorial-heading)!important}
body #MainContent .kbh .kbh__intro{font:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink-inverse-muted);max-width:32ch;margin:0}
body #MainContent .kbh .kbh__link,body #MainContent .kbh .kbh__film-toggle{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) 0;margin-top:var(--space-3);color:var(--ink-inverse);background:transparent;border:0;font:var(--weight-medium) var(--text-label)/var(--leading-label) var(--font-sans);letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer}
body #MainContent .kbh .kbh__link{text-decoration:underline;text-decoration-thickness:var(--hairline);text-underline-offset:var(--space-2)}
body #MainContent .kbh .kbh__link:hover{text-decoration-thickness:2px}
.kbh__film-icon{display:grid;place-items:center;border:var(--hairline) solid var(--ink-inverse);border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:12px}
.kbh [hidden]{display:none!important}
.kbh :focus-visible{outline:2px solid var(--ink-inverse);outline-offset:var(--space-1)}
@media(min-width:750px) and (max-width:989px){.kbh__copy{padding:var(--space-5)}}
@media(max-width:749px){.kbh{--kbh-top:112px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:56% 44%;height:clamp(432px,calc(100svh - var(--kbh-top) - var(--kbh-peek)),560px);gap:var(--hairline)}.kbh__panel--film{grid-column:1/-1}.kbh__copy{padding:var(--space-4)}.kbh__panel--film .kbh__copy{padding:var(--space-5)}body #MainContent .kbh h1{max-width:25ch}body #MainContent .kbh .kbh__eyebrow{margin-bottom:var(--space-2)}body #MainContent .kbh .kbh__panel:not(.kbh__panel--film) .kbh__intro{font-size:var(--text-body-sm)!important;line-height:var(--leading-body-sm)!important}body #MainContent .kbh .kbh__link,body #MainContent .kbh .kbh__film-toggle{margin-top:var(--space-2);gap:var(--space-2)}.kbh__panel--film .kbh__intro{max-width:29ch}.kbh__panel::after{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--ground-inverse) 35%,transparent) 35%,color-mix(in srgb,var(--ground-inverse) 96%,transparent) 100%)}}
@media(prefers-reduced-motion:reduce){.kbh__video{transition:none}}
@media(max-width:374px){.kbh__panel--film .kbh__copy{padding:var(--space-4)}body #MainContent .kbh .kbh__eyebrow{margin-bottom:var(--space-1)}}

.kbh{height:var(--kbh-height,480px)}@media(max-width:749px){.kbh{height:var(--kbh-mobile-height,520px)}}