.kks-home .kks-scope *,.kks-home .kks-scope *:before,.kks-home .kks-scope *:after{box-sizing:border-box;margin:0;padding:0}html:has(body.kks-home){-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-8)}body.kks-home{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}.kks-home .kks-scope img,.kks-home .kks-scope picture,.kks-home .kks-scope video,.kks-home .kks-scope canvas,.kks-home .kks-scope svg{display:block;max-width:100%;height:auto}.kks-home .kks-scope input,.kks-home .kks-scope button,.kks-home .kks-scope textarea,.kks-home .kks-scope select{font:inherit;color:inherit}.kks-home .kks-scope h1,.kks-home .kks-scope h2,.kks-home .kks-scope h3{font-weight:400;text-wrap:balance;line-height:1.1}.kks-home .kks-scope p{max-width:65ch;text-wrap:pretty}.kks-home .kks-scope a{color:inherit;text-decoration:none}.kks-home .kks-scope button{cursor:pointer;background:none;border:none}.kks-home .kks-scope a,.kks-home .kks-scope button{transition:color .2s,background .2s,opacity .2s}.kks-home .kks-scope a:active,.kks-home .kks-scope button:active{opacity:.7}.kks-home .kks-scope :focus-visible{outline:2px solid var(--color-primary);outline-offset:5px}.kks-home .kks-scope ::selection{background:var(--color-primary);color:var(--color-bg)}.kks-home .kks-scope [hidden]{display:none!important}.kks-home .kks-scope .skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;background:var(--color-bg);padding:var(--space-4)}.kks-home .kks-scope .skip-link:focus{top:var(--space-4)}@media(prefers-reduced-motion:reduce){.kks-home .kks-scope *,.kks-home .kks-scope *:before,.kks-home .kks-scope *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.kks-home{--font-body:"DM Sans",sans-serif;--font-display:"Cormorant Garamond",Georgia,serif;--text-xs:clamp(calc(.75 * var(--kks-rem)),calc(.71 * var(--kks-rem)) + .15vw,calc(.8125 * var(--kks-rem)));--text-sm:clamp(calc(.875 * var(--kks-rem)),calc(.82 * var(--kks-rem)) + .2vw,calc(.9375 * var(--kks-rem)));--text-base:clamp(calc(1 * var(--kks-rem)),calc(.96 * var(--kks-rem)) + .15vw,calc(1.0625 * var(--kks-rem)));--text-lg:clamp(calc(1.2 * var(--kks-rem)),calc(1.1 * var(--kks-rem)) + .4vw,calc(1.5 * var(--kks-rem)));--text-xl:clamp(calc(2 * var(--kks-rem)),calc(1.4 * var(--kks-rem)) + 1.8vw,calc(3.1 * var(--kks-rem)));--text-hero:clamp(calc(3.6 * var(--kks-rem)),calc(2.1 * var(--kks-rem)) + 4.2vw,calc(6.3 * var(--kks-rem)));--space-1:calc(.25 * var(--kks-rem));--space-2:calc(.5 * var(--kks-rem));--space-3:calc(.75 * var(--kks-rem));--space-4:calc(1 * var(--kks-rem));--space-5:calc(1.25 * var(--kks-rem));--space-6:calc(1.5 * var(--kks-rem));--space-8:calc(2 * var(--kks-rem));--space-10:calc(2.5 * var(--kks-rem));--space-12:calc(3 * var(--kks-rem));--space-16:calc(4 * var(--kks-rem));--space-20:calc(5 * var(--kks-rem));--space-24:calc(6 * var(--kks-rem));--space-32:calc(8 * var(--kks-rem));--color-bg:oklch(96% .013 77);--color-surface:oklch(93% .019 75);--color-text:oklch(24% .028 48);--color-text-muted:oklch(45% .025 58);--color-primary:oklch(50% .075 74);--color-border:oklch(24% .028 48 / .18);--color-dark:oklch(23% .025 48);--color-light:oklch(96% .013 77);--gutter:clamp(var(--space-6),5vw,var(--space-20));--radius-sm:2px }body.kks-home[data-kks-theme=dark]{--color-bg:oklch(23% .025 48);--color-surface:oklch(28% .025 48);--color-text:oklch(94% .02 77);--color-text-muted:oklch(76% .025 70);--color-primary:oklch(75% .08 75);--color-border:oklch(94% .02 77 / .2)}.kks-home .kks-scope .announcement{background:var(--color-dark);color:var(--color-light);text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);letter-spacing:.07em}.kks-home .kks-scope .announcement span{margin-left:var(--space-2);opacity:.75}.kks-home .kks-scope .site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:112px;padding:var(--space-5) var(--gutter);border-bottom:1px solid var(--color-border)}.kks-home .kks-scope .nav-left,.kks-home .kks-scope .nav-right{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-xs)}.kks-home .kks-scope .nav-right{justify-content:flex-end;gap:var(--space-5)}.kks-home .kks-scope .nav-left a,.kks-home .kks-scope .shop-nav{padding-block:var(--space-3)}.kks-home .kks-scope .nav-left a:hover,.kks-home .kks-scope .shop-nav:hover,.kks-home .kks-scope footer a:hover{color:var(--color-primary)}.kks-home .kks-scope .brand{display:flex;align-items:center;gap:var(--space-3)}.kks-home .kks-scope .brand-mark{width:34px;color:var(--color-primary)}.kks-home .kks-scope .brand>span{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.2;font-weight:500;letter-spacing:-.02em}.kks-home .kks-scope .brand sup{font-family:var(--font-body);font-size:var(--text-xs);vertical-align:super;margin-left:var(--space-1)}.kks-home .kks-scope .brand small{display:block;text-align:center;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.13em;margin-top:var(--space-1);font-weight:400}.kks-home .kks-scope .brand .brand-mark{width:60px;height:auto;flex-shrink:0;background:transparent}.kks-home .kks-scope .theme-toggle{width:44px;height:44px;font-size:var(--text-lg);color:var(--color-primary)}.kks-home .kks-scope .menu-toggle{display:none;min-height:44px;font-size:var(--text-xs)}.kks-home .kks-scope .mobile-menu{padding:var(--space-4) var(--gutter);border-bottom:1px solid var(--color-border)}.kks-home .kks-scope .mobile-menu a{display:flex;justify-content:space-between;padding-block:var(--space-3);font-size:var(--text-sm)}.kks-home .kks-scope .hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.kks-home .kks-scope .hero-copy{padding:var(--space-16) var(--gutter) var(--space-10);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.kks-home .kks-scope .eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;font-weight:500;color:var(--color-primary);line-height:1.5}.kks-home .kks-scope .hero .eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.kks-home .kks-scope .little-line{width:28px;height:1px;background:currentColor}.kks-home .kks-scope h1{font-family:var(--font-display);font-size:var(--text-hero);line-height:.98;letter-spacing:-.045em}.kks-home .kks-scope em{font-style:italic;font-weight:400;color:var(--color-primary)}.kks-home .kks-scope .hero-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.85;max-width:380px;margin:var(--space-6) 0 var(--space-8)}.kks-home .kks-scope .button{display:inline-flex;justify-content:space-between;gap:var(--space-12);align-items:center;min-height:54px;padding:var(--space-4) var(--space-6);font-size:var(--text-xs);letter-spacing:.07em}.kks-home .kks-scope .button span{font-size:var(--text-lg);line-height:1}.kks-home .kks-scope .primary{color:var(--color-bg);background:var(--color-text)}.kks-home .kks-scope .primary:hover{background:var(--color-primary)}.kks-home .kks-scope .hero-note{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-10)}.kks-home .kks-scope .hero-note p{font-size:var(--text-xs);line-height:1.6;color:var(--color-text-muted)}.kks-home .kks-scope .note-star{font-size:var(--text-xl);color:var(--color-primary);line-height:1}.kks-home .kks-scope .hero-image{position:relative;min-height:100%;overflow:hidden;background:var(--color-surface)}.kks-home .kks-scope .hero-image>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%}.kks-home .kks-scope .hero-image figcaption{position:absolute;bottom:var(--space-5);left:var(--space-6);right:var(--space-6);display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;background:#f7f1e8e8;color:var(--color-dark);padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.kks-home .kks-scope .hero-image figcaption>span{letter-spacing:.1em}.kks-home .kks-scope .hero-image figcaption a{white-space:nowrap;min-height:30px;display:flex;gap:var(--space-5);align-items:center}.kks-home .kks-scope .promise-strip{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--gutter);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);letter-spacing:.04em}.kks-home .kks-scope .promise-strip span:nth-child(2n){color:var(--color-primary);font-size:var(--text-lg)}.kks-home .kks-scope .section-wrap{padding:var(--space-24) var(--gutter)}.kks-home .kks-scope .section-top{display:flex;justify-content:space-between;gap:var(--space-6);align-items:end;margin-bottom:var(--space-10)}.kks-home .kks-scope h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.025em}.kks-home .kks-scope .section-top h2{margin-top:var(--space-3)}.kks-home .kks-scope .text-link{display:inline-flex;gap:var(--space-8);align-items:center;font-size:var(--text-xs);border-bottom:1px solid var(--color-primary);padding-block:var(--space-3)}.kks-home .kks-scope .text-link:hover{color:var(--color-primary)}.kks-home .kks-scope .text-link span{font-size:var(--text-lg)}.kks-home .kks-scope .collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.kks-home .kks-scope .product-image{position:relative;aspect-ratio:4/4.5;background:var(--color-surface);overflow:hidden}.kks-home .kks-scope .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.kks-home .kks-scope .collection-card:hover img{transform:scale(1.035)}.kks-home .kks-scope .image-label{position:absolute;top:var(--space-4);left:var(--space-4);background:#f7f1e8f0;color:var(--color-dark);padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.kks-home .kks-scope .product-title{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-5);gap:var(--space-3)}.kks-home .kks-scope .product-title h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500}.kks-home .kks-scope .product-title>span{color:var(--color-primary);font-size:var(--text-lg)}.kks-home .kks-scope .collection-card>p{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.kks-home .kks-scope .philosophy{display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface)}.kks-home .kks-scope .texture-image{min-height:540px}.kks-home .kks-scope .texture-image img{width:100%;height:100%;object-fit:cover}.kks-home .kks-scope .philosophy-copy{padding:var(--space-16) var(--gutter);align-self:center}.kks-home .kks-scope .philosophy-copy h2{margin:var(--space-5) 0 var(--space-6)}.kks-home .kks-scope .philosophy-copy>p:not(.eyebrow){font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.9}.kks-home .kks-scope .philosophy-copy .text-link{margin-top:var(--space-4);gap:var(--space-5)}.kks-home .kks-scope .skincare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);padding-block:var(--space-20)}.kks-home .kks-scope .skincare-intro h2{margin:var(--space-4) 0 var(--space-5)}.kks-home .kks-scope .skincare-intro>p:last-child{font-size:var(--text-sm);color:var(--color-text-muted);max-width:330px}.kks-home .kks-scope .skincare-steps>a{display:flex;align-items:center;gap:var(--space-6);border-top:1px solid var(--color-border);padding:var(--space-6) 0}.kks-home .kks-scope .skincare-steps>a:last-child{border-bottom:1px solid var(--color-border)}.kks-home .kks-scope .step-number{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary);align-self:flex-start}.kks-home .kks-scope .skincare-steps h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500}.kks-home .kks-scope .skincare-steps p{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.kks-home .kks-scope .step-arrow{margin-left:auto;color:var(--color-primary);font-size:var(--text-lg)}.kks-home .kks-scope .skincare-steps>a:hover h3{color:var(--color-primary)}.kks-home .kks-scope .closing{position:relative;overflow:hidden;text-align:center;background:var(--color-dark);color:var(--color-light);padding:var(--space-20) var(--gutter) var(--space-24)}.kks-home .kks-scope .closing .eyebrow{color:#ceb38d;margin-inline:auto}.kks-home .kks-scope .closing h2{font-size:var(--text-xl);margin:var(--space-5) 0 var(--space-8);position:relative;z-index:1}.kks-home .kks-scope .closing em{color:#ceb38d}.kks-home .kks-scope .light{background:var(--color-light);color:var(--color-dark);position:relative;z-index:1}.kks-home .kks-scope .light:hover{background:#ceb38d}.kks-home .kks-scope .closing-word{position:absolute;right:3%;bottom:-35%;font-family:var(--font-display);font-style:italic;font-size:clamp(calc(10 * var(--kks-rem)),25vw,calc(25 * var(--kks-rem)));line-height:1;color:#f7f1e80b;pointer-events:none}.kks-home .kks-scope footer{padding:var(--space-10) var(--gutter) var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-8);align-items:center}.kks-home .kks-scope .footer-brand{font-family:var(--font-display);font-size:var(--text-lg)}.kks-home .kks-scope .footer-brand sup{font-family:var(--font-body);font-size:var(--text-xs)}.kks-home .kks-scope footer>p{grid-row:2;font-size:var(--text-xs);color:var(--color-text-muted)}.kks-home .kks-scope footer>div{grid-column:2;grid-row:1 / 3;display:flex;justify-content:flex-end;gap:var(--space-6);font-size:var(--text-xs)}.kks-home .kks-scope footer a{padding-block:var(--space-2)}.kks-home .kks-scope footer small{grid-column:1/-1;border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:700px){.kks-home .kks-scope .brand .brand-mark{width:44px}}@media(min-width:1600px){.kks-home .kks-scope .hero{min-height:790px}.kks-home .kks-scope .hero-copy{padding-left:max(var(--gutter),calc((100vw - 1440px)/2))}.kks-home .kks-scope .hero-description{max-width:430px}}@media(max-width:1000px){.kks-home .kks-scope .nav-left{gap:var(--space-4)}.kks-home .kks-scope .hero{min-height:620px}.kks-home .kks-scope .hero-copy{padding-block:var(--space-12)}.kks-home .kks-scope .hero .eyebrow{letter-spacing:.08em}.kks-home .kks-scope .hero-image figcaption>span{display:none}.kks-home .kks-scope .hero-image figcaption{right:auto}.kks-home .kks-scope .promise-strip{gap:var(--space-3)}.kks-home .kks-scope .promise-strip span:last-child,.kks-home .kks-scope .promise-strip span:nth-last-child(2){display:none}.kks-home .kks-scope .philosophy-copy{padding:var(--space-12) var(--space-8)}.kks-home .kks-scope .texture-image{min-height:490px}.kks-home .kks-scope .section-wrap{padding-block:var(--space-16)}}@media(max-width:700px){.kks-home .kks-scope .announcement{padding-block:var(--space-2)}.kks-home .kks-scope .announcement span{display:none}.kks-home .kks-scope .site-header{min-height:92px;grid-template-columns:1fr auto;padding-block:var(--space-4)}.kks-home .kks-scope .nav-left,.kks-home .kks-scope .shop-nav{display:none}.kks-home .kks-scope .brand-mark{width:27px}.kks-home .kks-scope .brand>span{font-size:var(--text-lg)}.kks-home .kks-scope .brand small{font-size:var(--text-xs);letter-spacing:.05em}.kks-home .kks-scope .brand{gap:var(--space-2)}.kks-home .kks-scope .nav-right{gap:var(--space-1)}.kks-home .kks-scope .menu-toggle{display:flex;align-items:center;gap:var(--space-2)}.kks-home .kks-scope .theme-toggle{width:36px}.kks-home .kks-scope .hero{grid-template-columns:1fr;min-height:0}.kks-home .kks-scope .hero-copy{padding:var(--space-12) var(--gutter) var(--space-10)}.kks-home .kks-scope h1{font-size:clamp(calc(3.7 * var(--kks-rem)),10.4vw,calc(5 * var(--kks-rem)))}.kks-home .kks-scope .hero .eyebrow{margin-bottom:var(--space-6);font-size:var(--text-xs);letter-spacing:.09em}.kks-home .kks-scope .hero-description{margin-block:var(--space-5) var(--space-6);max-width:40ch}.kks-home .kks-scope .hero-note{margin-top:var(--space-6)}.kks-home .kks-scope .hero-image{height:auto;aspect-ratio:4/4.4}.kks-home .kks-scope .hero-image>img{object-position:50% 58%}.kks-home .kks-scope .hero-image figcaption{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.kks-home .kks-scope .hero-image figcaption>span{display:block;font-size:var(--text-xs);max-width:130px}.kks-home .kks-scope .promise-strip{flex-wrap:wrap;justify-content:center;padding:var(--space-5) var(--gutter);column-gap:var(--space-4);row-gap:var(--space-2)}.kks-home .kks-scope .promise-strip span:nth-child(n+4){display:none}.kks-home .kks-scope .section-top{display:block;margin-bottom:var(--space-8)}.kks-home .kks-scope .section-top h2{max-width:300px}.kks-home .kks-scope .section-top .text-link{margin-top:var(--space-4)}.kks-home .kks-scope .collection-grid{grid-template-columns:1fr;gap:var(--space-10)}.kks-home .kks-scope .product-image{aspect-ratio:1/1}.kks-home .kks-scope .product-title h3{font-size:var(--text-lg)}.kks-home .kks-scope .section-wrap{padding-block:var(--space-12)}.kks-home .kks-scope .philosophy{grid-template-columns:1fr}.kks-home .kks-scope .texture-image{min-height:0;aspect-ratio:4/3}.kks-home .kks-scope .philosophy-copy{padding:var(--space-12) var(--gutter)}.kks-home .kks-scope .skincare{grid-template-columns:1fr;gap:var(--space-8)}.kks-home .kks-scope .skincare-steps>a{gap:var(--space-4)}.kks-home .kks-scope .closing{padding:var(--space-16) var(--gutter)}.kks-home .kks-scope .closing .eyebrow{max-width:250px}.kks-home .kks-scope .closing-word{bottom:-10%}.kks-home .kks-scope footer{grid-template-columns:1fr;padding-top:var(--space-8)}.kks-home .kks-scope footer>div{grid-column:1;grid-row:3;justify-content:flex-start;margin-top:var(--space-3)}.kks-home .kks-scope footer small{margin-top:var(--space-3)}}.kks-home .kks-scope .hero h1{font-size:clamp(calc(3 * var(--kks-rem)),6vw,calc(6.3 * var(--kks-rem)))}.kks-home .kks-scope .skincare-steps>a>div{min-width:0}.kks-home .kks-scope .skincare-steps .step-number,.kks-home .kks-scope .skincare-steps .step-arrow{flex-shrink:0}.kks-home .kks-scope .image-fallback{background:var(--color-surface);color:var(--color-text-muted);height:100%;min-height:200px;display:grid;place-items:center;padding:var(--space-8);font-size:var(--text-sm);text-align:center}.kks-home .kks-scope .hero-image>.image-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.kks-home .kks-scope .promise-strip{display:block;overflow:hidden;padding-inline:var(--gutter)}.kks-home .kks-scope .promise-track{width:100%}.kks-home .kks-scope .promise-group{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);animation:promise-arrive .8s ease-out both}.kks-home .kks-scope .promise-strip .promise-group span{display:block}@keyframes promise-arrive{0%{opacity:0}to{opacity:1}}@media(max-width:1000px){.kks-home .kks-scope .promise-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-6);text-align:center}.kks-home .kks-scope .promise-strip .promise-group span[aria-hidden]{display:none}}@media(max-width:700px){.kks-home .kks-scope .hero h1{font-size:clamp(calc(2.9 * var(--kks-rem)),10vw,calc(4.6 * var(--kks-rem)))}.kks-home .kks-scope .promise-strip{padding-block:var(--space-5)}.kks-home .kks-scope .promise-group{gap:var(--space-4)}.kks-home .kks-scope .hero-image figcaption{gap:var(--space-3)}.kks-home .kks-scope .hero-image figcaption a{gap:var(--space-3)}}body.kks-home{--kks-rem:16px;font-weight:400}.kks-home>.skip-to-content-link{position:absolute;left:16px;top:-999px;z-index:10000}.kks-home>.skip-to-content-link:focus{top:16px}.kks-home .site-wrapper{min-height:0}.kks-home .content-for-layout{padding:0;margin:0;max-width:none}.kks-home .kks-scope{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);letter-spacing:normal}.kks-home .kks-scope h1,.kks-home .kks-scope h2,.kks-home .kks-scope h3{font-weight:400}.kks-home .kks-scope a.button{border:0;border-radius:0;box-shadow:none;text-transform:none;font-weight:400;min-width:0;letter-spacing:.07em;line-height:1.6}.kks-home .kks-scope a.button:before,.kks-home .kks-scope a.button:after{display:none}.kks-home .kks-scope a.text-link:before,.kks-home .kks-scope a.text-link:after{display:none}.kks-home .kks-scope .theme-toggle,.kks-home .kks-scope .menu-toggle{border:0;border-radius:0;box-shadow:none}.kks-home .kks-scope .closing h2{color:var(--color-light)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/kks-home.css.map */