@font-face{font-family:"Koko Russo";src:url("koko-russo-one.ttf") format("truetype");font-display:swap}
.kle-section{padding-block:0!important}
.kle{--kle-ink:#67665f;--kle-paper:#f1f1ed;--kle-line:#cfcec7;box-sizing:border-box;display:block;margin:0 24px 16px;border-radius:12px;overflow:hidden;background:var(--kle-paper);color:var(--kle-ink);font-family:Arial,Helvetica,sans-serif}
.kle *{box-sizing:border-box}
.kle figure,.kle p{margin:0}
.kle img{display:block;width:100%;height:100%;object-fit:cover}
.kle .kle-eyebrow{font:400 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.045em}
body.template-product-koko-line-erase .kle h2{margin:0;font-family:"Koko Russo",Arial,sans-serif;font-weight:400;font-size:clamp(40px,4.5vw,68px)!important;line-height:1.04;letter-spacing:-.045em;color:inherit;text-transform:none}
.kle [hidden]{display:none!important}
.kle button:focus-visible,.kle a:focus-visible,.kle [tabindex]:focus-visible{outline:2px solid var(--kle-ink);outline-offset:4px}
.kle-intro__scene{height:680px;position:relative;background:#e9e5df}
.kle-intro__scene>img{position:absolute;right:0;top:0;width:53%;object-position:50% 23%}
.kle-intro__copy{position:absolute;left:4.5%;top:50%;transform:translateY(-50%);width:43%;color:var(--kle-ink)}
body.template-product-koko-line-erase .kle-intro h2{font-size:clamp(48px,5.5vw,84px)!important;margin:26px 0}
.kle-intro__copy h2 span{color:#8b8983}
.kle-intro__copy>p:last-child{font-size:19px;line-height:1.45}
.kle-intro__strip{display:flex;justify-content:space-around;gap:14px;padding:20px 24px;font-size:13px}
.kle-focus{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px}
.kle-focus__visual{position:relative;min-height:650px;overflow:hidden;background:#e6e0d7}
.kle-focus__visual img{position:absolute;inset:0;object-position:50% 34%;transform:scale(1.7);transform-origin:50% 30%}
.kle-focus[data-active=brow] .kle-focus__visual img{transform:scale(2.15);transform-origin:50% 8%}
.kle-focus[data-active=smile] .kle-focus__visual img{transform:scale(1.9);transform-origin:50% 57%}
.kle-focus__visual:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,rgba(37,30,25,.35));pointer-events:none}
.kle-focus__visual figcaption{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;color:white;font-size:12px;line-height:1.3}
.kle-focus__copy{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
body.template-product-koko-line-erase .kle-focus h2{margin:20px 0 30px;font-size:clamp(38px,3.7vw,56px)!important}
.kle-focus__choices{display:grid;border-top:1px solid var(--kle-line)}
.kle-focus__choices button{width:100%;display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:12px;min-height:64px;padding:10px 0;border:0;border-bottom:1px solid var(--kle-line);background:transparent;text-align:left;font:400 19px/1.25 Arial,sans-serif;color:#83827b;cursor:pointer;appearance:none;border-radius:0}
.kle-focus__choices button[aria-pressed=true]{color:var(--kle-ink);font-weight:700}
.kle-focus__index{font-size:12px;font-weight:400}
.kle-focus__mark{width:8px;height:8px;border-radius:50%;border:1px solid #8d8c84;justify-self:end}
.kle-focus__choices button[aria-pressed=true] .kle-focus__mark{background:var(--kle-ink);border-color:var(--kle-ink)}
.kle-focus__answer{min-height:84px;padding-top:22px;max-width:365px}
.kle-focus__answer p{font-size:16px;line-height:1.5}
.kle-focus__note{font-size:12px;line-height:1.5;margin-top:14px}
.kle-days{padding:38px 28px 0}
.kle-days header{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:0 10px 32px}
body.template-product-koko-line-erase .kle-days header h2{margin-top:18px;font-size:clamp(38px,4vw,58px)!important}
.kle-days__intro{font-size:16px;line-height:1.5;text-align:right;padding-bottom:4px}
.kle-days__track{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;scrollbar-width:none;scroll-snap-type:x mandatory}
.kle-days__track::-webkit-scrollbar{display:none}
.kle-days__slide{position:relative;min-width:0;height:620px;border-radius:10px;overflow:hidden;scroll-snap-align:start;background:#e2dcd3}
.kle-days__slide>img{object-position:50% 26%}
.kle-days__slide:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(33,26,24,.62));pointer-events:none}
.kle-days__number{position:absolute;top:20px;left:22px;font-size:12px;letter-spacing:.04em;color:#514b45}
.kle-days__slide figcaption{position:absolute;z-index:1;left:28px;right:22px;bottom:28px;color:#fff}
.kle-days h3{margin:0 0 12px;font:400 clamp(24px,2.6vw,40px)/1.08 "Koko Russo",Arial,sans-serif;letter-spacing:-.04em;color:inherit}
.kle-days figcaption p{font-size:16px;line-height:1.45}
.kle-days__nav{padding:18px 10px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.035em}
.kle-days__nav>div{display:none;gap:12px;align-items:center}
.kle-days__nav button{width:44px;height:44px;border:1px solid #aaa9a2;border-radius:50%;background:transparent;color:var(--kle-ink);font:400 22px/1 Arial,sans-serif;cursor:pointer;padding:0}
.kle-finale{padding:30px 36px 32px;background:#e9e8e2}
.kle-finale>.kle-eyebrow{text-align:center}
.kle-finale__stage{height:490px;position:relative}
.kle-finale__words{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:clamp(180px,19vw,290px);font:400 clamp(88px,11.3vw,170px)/1 "Koko Russo",Arial,sans-serif;letter-spacing:-.065em;color:#85837b}
.kle-finale__stage img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(11deg);width:500px;height:460px;object-fit:contain;filter:drop-shadow(16px 18px 12px rgba(56,48,39,.12))}
.kle-finale__detail{position:absolute;bottom:14px;left:8px;font-size:13px;line-height:1.5}
.kle-finale__footer{border-top:1px solid #bcbab1;padding-top:26px;display:grid;grid-template-columns:1fr minmax(260px,.62fr);align-items:center;gap:32px}
body.template-product-koko-line-erase .kle-finale h2{font-size:32px!important;line-height:1.1}
.kle-finale__footer p{margin-top:12px;font-size:14px;line-height:1.5;max-width:340px}
.kle-finale__action a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:16px 24px;background:white;border:1px solid #aaa9a1;border-radius:999px;color:var(--kle-ink);font-size:15px;text-decoration:none}
.kle-finale__action a:hover,.kle-finale__action a:active{background:#67665f;color:white}
.kle-finale__action>span{display:block;margin-top:10px;font-size:12px;text-align:center;line-height:1.4}
@media(prefers-reduced-motion:no-preference){.kle-focus__visual img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.kle-finale__action a{transition:background .2s,color .2s}}
@media(max-width:1023px) and (min-width:768px){
.kle-intro__scene{height:560px}
.kle-focus__copy{padding:28px}
.kle-focus__visual{min-height:620px}
.kle-focus__choices button{font-size:17px}
.kle-days__slide{height:510px}
.kle-finale__words{font-size:94px;gap:190px}
}
@media(max-width:767px){
.kle{margin:0 12px 12px;border-radius:10px}
.kle .kle-eyebrow{font-size:11px}
.kle-intro__scene{height:550px}
.kle-intro__scene>img{width:100%;object-position:50% 25%}
.kle-intro__scene:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(36,29,25,.7))}
.kle-intro__copy{z-index:1;top:auto;bottom:26px;left:22px;right:18px;width:auto;transform:none;color:#fff}
body.template-product-koko-line-erase .kle-intro h2{font-size:43px!important;margin:18px 0}
.kle-intro__copy h2 span{color:inherit}
.kle-intro__copy>p:last-child{font-size:15px;line-height:1.4}
.kle-intro__strip{font-size:11px;padding:16px 10px;gap:8px;text-align:center;align-items:center}
.kle-intro__strip span{flex:1}
.kle-focus{grid-template-columns:minmax(0,1fr);min-height:0}
.kle-focus__copy{display:contents}
.kle-focus__copy>.kle-eyebrow{grid-row:1;padding:26px 20px 0}
body.template-product-koko-line-erase .kle-focus h2{grid-row:2;font-size:34px!important;margin:14px 20px 24px}
.kle-focus__visual{grid-row:3;min-height:0;height:335px}
.kle-focus__visual img{transform:scale(1.7);transform-origin:50% 28%}
.kle-focus[data-active=brow] .kle-focus__visual img{transform:scale(2.15);transform-origin:50% 7%}
.kle-focus[data-active=smile] .kle-focus__visual img{transform:scale(1.9);transform-origin:50% 55%}
.kle-focus__visual figcaption{bottom:18px;left:20px;right:20px;font-size:11px}
.kle-focus__choices{grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 16px;border-top:0}
.kle-focus__choices button{min-height:86px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:14px 6px;font-size:12px;line-height:1.25}
.kle-focus__choices button[aria-pressed=true]{border-bottom:2px solid #67665f}
.kle-focus__index{font-size:11px}
.kle-focus__mark{display:none}
.kle-focus__answer{grid-row:5;padding:19px 20px 0;min-height:74px;max-width:none}
.kle-focus__answer p{font-size:15px;line-height:1.5}
.kle-focus__note{grid-row:6;margin:12px 20px 24px;font-size:11px}
.kle-days{padding:26px 0 0}
.kle-days header{padding:0 20px 24px}
body.template-product-koko-line-erase .kle-days header h2{font-size:34px!important;margin-top:14px}
.kle-days__intro{display:none}
.kle-days__track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:12px;padding:0 16px;scroll-padding-left:16px}
.kle-days__slide{flex:0 0 88%;height:430px;border-radius:9px}
.kle-days__slide>img{object-position:50% 25%}
.kle-days__number{left:16px;top:16px;font-size:11px}
.kle-days__slide figcaption{left:18px;right:16px;bottom:22px}
.kle-days h3{font-size:27px}
.kle-days figcaption p{font-size:14px;line-height:1.4}
.kle-days__nav{padding:14px 18px;font-size:10px;gap:10px;letter-spacing:0}
.kle-days__nav>div{display:flex;gap:9px}
.kle-days__nav button{width:40px;height:40px}
.kle-finale{padding:26px 20px}
.kle-finale>.kle-eyebrow{max-width:260px;margin:auto;font-size:10px}
.kle-finale__stage{height:350px}
.kle-finale__words{display:block;font-size:86px}
.kle-finale__words span:first-child{position:absolute;top:35px;left:0}
.kle-finale__words span:last-child{position:absolute;bottom:20px;right:0}
.kle-finale__stage img{width:320px;height:320px}
.kle-finale__detail{display:none}
.kle-finale__footer{display:block;padding-top:24px}
body.template-product-koko-line-erase .kle-finale h2{font-size:30px!important}
.kle-finale__footer p{font-size:14px;margin-top:12px;max-width:270px}
.kle-finale__action{margin-top:24px}
.kle-finale__action a{width:fit-content;max-width:100%;min-height:44px;margin-inline:auto;justify-content:center;text-align:center;gap:0;font-size:14px;line-height:1.2;padding:12px 24px}
.kle-finale__action>span{font-size:11px}
}
@media(max-width:359px){
body.template-product-koko-line-erase .kle-intro h2{font-size:36px!important}
body.template-product-koko-line-erase .kle-focus h2,body.template-product-koko-line-erase .kle-days header h2{font-size:29px!important}
.kle-focus__choices button{font-size:11px}
.kle-days__slide{height:400px}
.kle-days h3{font-size:24px}
.kle-days__nav>span{max-width:105px;line-height:1.4}
.kle-finale__words{font-size:72px}
}