/* Clear Skin Teen: portrait behind the original product group. Menu stays independent. */
.kt-home-hero .kt-home-slide-teen{background:radial-gradient(ellipse at 73% 38%,#f5faf6 0%,#edf5ef 45%,#e5efe9 100%)}
.kt-home-hero .kt-home-slide-teen .kt-home-hero-copy{width:38%;max-width:550px;z-index:4}
.kt-home-hero .kt-home-slide-teen .kt-home-hero-copy>.kt-eyebrow{color:#4b6959}
.kt-home-hero .kt-home-slide-teen .kt-home-hero-copy :is(h1,h2){font-size:clamp(40px,4vw,64px);color:#304b3d}
.kt-home-hero .kt-home-slide-teen .kt-home-hero-copy :is(h1,h2)>span:last-child{color:#6e8877}
.kt-home-hero .kt-home-slide-teen .kt-home-hero-copy>p:not(.kt-eyebrow){color:#567062;max-width:340px}
.kt-home-hero .kt-home-slide-teen .kt-home-hero-visual{inset:auto 2% 0 auto;width:40%;max-width:600px;height:calc(100% - 18px);mask-image:linear-gradient(0deg,transparent,#000 8%);z-index:1}
.kt-home-hero .kt-home-slide-teen .kt-home-hero-photo{object-position:right bottom;transform-origin:75% 75%;translate:none;transition:translate .65s ease-out;animation:kt-teen-portrait-zoom 14s ease-in-out infinite;animation-play-state:paused}
.kt-home-hero .kt-home-slide-teen.is-active .kt-home-hero-photo{animation-play-state:running}
/* Independent transform properties keep the slow zoom and pointer depth smooth together. */
@keyframes kt-teen-portrait-zoom{0%,100%{transform:scale(1)}50%{transform:scale(var(--teen-portrait-zoom,1.025))}}
@media(hover:hover) and (pointer:fine){.kt-home-hero .kt-home-slide-teen.is-active .kt-home-hero-photo{translate:calc(var(--hero-x)*-12px) calc(var(--hero-y)*-6px)}}
.kt-home-hero .kt-home-slide-teen .kt-home-beauty-object{right:23%;bottom:62px;width:40%;height:clamp(310px,29vw,420px);border-radius:20px;outline-offset:0;perspective:1000px}
.kt-home-slide-teen .kt-home-object-depth{transform:rotateY(calc(var(--hero-x)*6deg)) rotateX(calc(var(--hero-y)*-4deg));translate:calc(var(--hero-x)*8px) calc(var(--hero-y)*5px)}
.kt-home-slide-teen .kt-home-beauty-object img{animation:kt-teen-object-float 8s ease-in-out infinite;filter:none}
.kt-home-slide-teen:not(.is-active) .kt-home-beauty-object img{animation-play-state:paused}
.kt-home-slide-teen .kt-home-beauty-object:hover img{filter:none}
@keyframes kt-teen-object-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
/* The catalog CTA shares the header partner button's colors, shape and type. */
.kt-home-hero .kt-home-catalog-button{width:auto;min-width:0;min-height:0;font-size:15px;font-weight:500;line-height:1.5;padding:11px 18px;border:1px solid #d5c3d0;border-radius:999px;background:#f6eff4;color:#75566c;box-shadow:0 3px 12px #8c5e7910;gap:15px;transition:background .2s,color .2s,border-color .2s}
.kt-home-hero .kt-home-catalog-button:hover{background:#efe2eb;background-image:none;color:#66455c;border-color:#b792aa;transform:none}
.kt-home-hero .kt-home-catalog-button:focus-visible{border-radius:999px;outline-offset:4px}
.kt-site .kt-chrome-menu .kt-mega-showcase--porcelain>a.kt-mega-feature--teen{grid-template-columns:58% 1fr;background:radial-gradient(ellipse at 40% 35%,#f7faf7,#e7f0e9);overflow:hidden}
.kt-menu-teen-scene{display:flex;align-items:center;justify-content:center;min-width:0;padding:12px 0 28px 12px}
.kt-menu-teen-scene img{display:block;width:100%;height:285px;object-fit:contain}
.kt-site .kt-mega-showcase--porcelain .kt-mega-feature--teen .kt-menu-porcelain-copy{padding-left:10px;color:#304b3d}
.kt-site .kt-mega-showcase--porcelain .kt-mega-feature--teen .kt-eyebrow{color:#567062}
@media(min-width:921px) and (max-width:1150px){.kt-home-hero .kt-home-catalog-button{font-size:14px;padding:10px 13px;gap:9px}}
@media(max-width:920px){
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-copy{top:32px;translate:none;width:calc(100% - 56px);max-width:none}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-copy>.kt-eyebrow{margin-bottom:18px}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-copy :is(h1,h2){font-size:40px;margin-bottom:18px}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-copy>p:not(.kt-eyebrow){max-width:420px;margin-bottom:18px;font-size:14px;line-height:1.6}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-visual{right:1.5%;bottom:44px;width:48%;height:400px}
 .kt-home-hero .kt-home-slide-teen .kt-home-beauty-object{right:22%;bottom:52px;width:54%;height:270px}
 .kt-home-hero .kt-home-catalog-button{justify-content:center;padding:13px 21px;font-size:16px;min-height:46px}
}
@media(max-width:600px){
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-photo{--teen-portrait-zoom:1.015}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-copy{width:calc(100% - 40px)}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-copy :is(h1,h2){font-size:clamp(32px,8.5vw,45px);letter-spacing:-1.35px}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-copy>p:not(.kt-eyebrow){max-width:325px}
 .kt-home-hero .kt-home-slide-teen .kt-home-hero-visual{right:-15px;bottom:48px;width:min(78%,340px);min-width:300px;height:450px}
 .kt-home-hero .kt-home-slide-teen .kt-home-beauty-object{left:0;right:auto;bottom:58px;width:84%;height:230px}
 .kt-site .kt-chrome-menu .kt-mega-showcase--porcelain>a.kt-mega-feature--teen{grid-template-columns:1fr;min-height:380px}
 .kt-menu-teen-scene{padding:10px 12px 0}
 .kt-menu-teen-scene img{height:235px}
 .kt-site .kt-mega-showcase--porcelain .kt-mega-feature--teen .kt-menu-porcelain-copy{padding:0 24px 60px;gap:8px}
 .kt-site .kt-mega-showcase--porcelain .kt-mega-feature--teen strong{font-size:24px;line-height:1.2}
}