@font-face{font-family:SUIT;src:url(/demos/cosmetics/assets/SUIT-Variable-gqD86R3M.woff2);font-weight:100 900;font-display:swap}@font-face{font-family:Albert;src:url(/demos/cosmetics/assets/AlbertSans-BJ0ssN8N.woff2);font-weight:100 900;font-display:swap}:root{--chalk:#f7f8f5;--water:#173e43;--cloud:#c8e2e6;--pool:#89b9c3;--line:#c7d2cf;--gutter:clamp(24px,5vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--chalk);color:var(--water);margin:0;font:450 15px/1.75 SUIT,sans-serif}body:has(dialog[open]){overflow:hidden}button,input,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button,a{touch-action:manipulation}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--water);outline-offset:5px}button:disabled{cursor:default;opacity:.45}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;text-wrap:balance;font-weight:500}p{word-break:keep-all}h1{letter-spacing:-.055em;font-size:clamp(40px,3.7vw,56px);line-height:1.25}h2{letter-spacing:-.045em;font-size:clamp(29px,2.7vw,42px);line-height:1.3}h3{font-size:23px;line-height:1.3}.page-space{padding-inline:var(--gutter)}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--water);color:#fff;padding:14px 24px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:20px}.small-title{letter-spacing:.01em;margin-bottom:18px;font:450 14px Albert,SUIT,sans-serif}.announcement{background:var(--water);color:var(--chalk);min-height:33px;padding:4px var(--gutter);justify-content:center;align-items:center;font-size:11px;display:flex;position:relative}.announcement>a{right:var(--gutter);font-size:10px;position:absolute}.nuum-header{height:90px;padding:0 var(--gutter);z-index:10;background:var(--chalk);grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;display:grid;position:relative}.nuum-header nav{gap:28px;display:flex}.nuum-header nav a{align-items:center;min-height:44px;font-size:13px;display:flex}.nuum-header nav a:hover{text-underline-offset:6px;text-decoration:underline}.nuum-brand{align-items:center;min-height:44px;display:flex}.nuum-brand img{width:134px;height:auto}.bag-button{justify-self:end;align-items:center;gap:12px;min-height:44px;padding:0;font-size:12px;display:flex}.bag-count{background:var(--cloud);border-radius:50%;place-items:center;width:24px;height:24px;font:13px Albert,sans-serif;display:grid}.mobile-menu{display:none}.nuum-campaign{isolation:isolate;background:#c8e2e6;height:clamp(610px,49vw,780px);position:relative;overflow:hidden}.campaign-image{z-index:-1;position:absolute;inset:0;overflow:hidden}.campaign-image img{transform-origin:75%;width:auto;max-width:none;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.campaign-copy{height:100%;padding:60px var(--gutter) 100px;flex-direction:column;justify-content:center;align-items:start;max-width:630px;display:flex}.campaign-note{margin-bottom:26px;font:400 18px Albert,sans-serif}.campaign-copy>p:not(.campaign-note){margin-top:26px;font-size:14px;line-height:1.95}.nuum-button{background:var(--water);min-height:52px;color:var(--chalk);border:1px solid var(--water);border-radius:3px;justify-content:space-between;align-items:center;gap:35px;padding:15px 25px;font-size:13px;transition:background .2s,transform .2s;display:inline-flex}.nuum-button:hover{background:#28555a}.campaign-copy .nuum-button{min-width:218px;margin-top:32px}.campaign-bottom{bottom:20px;left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:30px;font:12px Albert,SUIT,sans-serif;display:flex;position:absolute}.campaign-bottom button{border-bottom:1px solid;min-height:44px;padding:0 5px;font:11px SUIT,sans-serif}.shop-section{padding-block:85px 95px}.shop-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px;display:flex}.product-filters{gap:22px;display:flex}.product-filters button{border-bottom:1px solid #0000;min-height:44px;padding:5px 0;font-size:12px}.product-filters button[aria-pressed=true]{border-color:var(--water)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.nuum-product{min-width:0}.product-picture{isolation:isolate;background:#f0f2ee;width:100%;padding:0;display:block;position:relative;overflow:hidden}.product-picture>img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:100%;transition:transform .35s}.product-picture:hover>img{transform:scale(1.025)}.product-volume{font:12px Albert,sans-serif;position:absolute;top:20px;left:22px}.image-detail{opacity:0;justify-content:space-between;align-items:center;font-size:11px;transition:opacity .25s;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.image-detail>span{font-size:24px}.product-picture:hover .image-detail,.product-picture:focus-visible .image-detail{opacity:1}.product-caption{justify-content:space-between;gap:15px;padding:24px 0 20px;display:flex}.product-caption h3{letter-spacing:-.5px;font:450 24px Albert,sans-serif}.product-caption h3 button{text-align:left;padding:0}.product-caption div>p{opacity:.8;margin-top:8px;font-size:11px}.product-price{white-space:nowrap;margin-top:6px;font:450 14px Albert,sans-serif}.product-add{border-top:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:10px 0;font-size:12px;display:flex}.product-add>span{font-size:22px}.product-add:hover{color:#3d737c}.nuum-ritual{background:var(--cloud);grid-template-columns:.8fr 1.4fr;align-items:center;padding-block:75px;transition:background .6s;display:grid;overflow:hidden}.nuum-ritual.pm{background:#b6d0d4}.ritual-heading{padding-right:25px}.ritual-heading>p:not(.small-title){margin-top:24px;font-size:13px;line-height:1.9}.routine-switch{border:1px solid #173e4355;border-radius:40px;margin-top:35px;padding:4px;display:inline-flex}.routine-switch button{border-radius:30px;align-items:center;gap:12px;min-height:44px;padding:10px 25px;font-size:12px;display:flex}.routine-switch button[aria-pressed=true]{background:var(--chalk)}.routine-switch button>span{font-size:22px;line-height:1}.ritual-stage{padding:0 var(--gutter) 0 30px;position:relative}.routine-line{color:#4c8892;opacity:.6;pointer-events:none;width:100%;height:340px;position:absolute;top:0;left:0}.routine-products{grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:18px;display:grid;position:relative}.routine-product{text-align:center;min-width:0;padding:0;position:relative}.routine-product>img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:100%;margin-bottom:18px}.routine-product>strong{margin-top:8px;font:450 22px Albert,sans-serif;display:block}.routine-step{font-size:11px;display:block}.routine-summary{border-top:1px solid #173e4340;margin-top:50px;padding-top:30px}.routine-summary h3{font-size:18px;font-weight:500}.routine-summary p{margin-top:10px;font-size:12px}.routine-summary .nuum-button{min-width:285px;margin-top:25px}.nuum-story{grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;padding-block:100px 110px;display:grid}.story-photo{position:relative}.story-photo img{aspect-ratio:1/1.16;object-fit:cover;object-position:52% 50%;width:100%}.story-photo>span{color:#fff;font:18px Albert,sans-serif;position:absolute;bottom:25px;left:25px}.story-copy{padding-block:35px}.story-copy>p:not(.small-title){max-width:390px;margin-top:28px;font-size:15px;line-height:1.95}.quiet-link{border-bottom:1px solid;align-items:center;gap:35px;min-height:44px;margin-top:28px;font-size:12px;display:inline-flex}.story-signature{align-items:center;gap:24px;margin-top:55px;display:flex}.story-signature>img{width:90px}.story-signature>span{font:14px Albert,sans-serif}.nuum-footer{background:var(--water);color:var(--chalk);padding-block:60px 28px}.footer-top{justify-content:space-between;align-items:start;gap:30px;display:flex}.footer-top>p{letter-spacing:-1px;font-size:29px;font-weight:400;line-height:1.5}.footer-top>div{grid-template-columns:1fr 1.6fr;gap:5px 50px;font-size:12px;display:grid}.footer-top>div>a,.footer-top>div>button{text-align:left;align-items:center;min-height:44px;padding:0;display:flex}.footer-wordmark{padding-block:40px 20px}.footer-wordmark>img{object-fit:contain;object-position:left;width:100%;height:auto;max-height:280px}.footer-bottom{border-top:1px solid #f7f8f533;justify-content:space-between;align-items:start;gap:30px;padding-top:25px;font-size:10px;line-height:1.7;display:flex}.footer-bottom p:nth-child(2){opacity:.7}.footer-bottom a{min-height:44px}.nuum-modal{background:var(--chalk);color:var(--water);overscroll-behavior:contain;border:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:0;box-shadow:0 15px 100px #173e4320}.nuum-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#173e4366}.modal-close{z-index:2;background:var(--chalk);border-radius:50%;width:44px;height:44px;font-size:30px;font-weight:300;position:absolute;top:13px;right:13px}.product-modal{width:1020px}.product-modal[open]{grid-template-columns:1fr 1fr;display:grid}.detail-image{background:#eef1ed;align-items:center;display:flex}.detail-image img{mix-blend-mode:multiply;width:100%}.detail-copy{padding:55px 45px 40px}.detail-copy h2{letter-spacing:-1.2px;font:450 40px Albert,sans-serif}.detail-copy>p:not(.small-title){margin-top:22px;font-size:13px;line-height:1.9}.detail-copy>.detail-korean{margin-top:8px!important;font-size:12px!important}.detail-copy dl{margin:30px 0}.detail-copy dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;font-size:12px;display:flex}.detail-copy dd{margin:0}.detail-copy dt{opacity:.75}.detail-copy .nuum-button{gap:15px;width:100%;margin-top:28px}.detail-note{opacity:.7;margin-top:18px!important;font-size:10px!important}.bag-modal{width:540px;max-width:100%;height:100dvh;max-height:none;margin:0;padding:65px 35px 30px;position:fixed;inset:0 0 0 auto}.bag-heading h2{font-size:28px}.bag-heading h2>span{margin-left:10px;font:20px Albert,sans-serif}.bag-heading>p{margin-top:12px;font-size:12px}.bag-items{margin-top:30px}.bag-item{border-top:1px solid var(--line);grid-template-columns:90px 1fr auto;align-items:center;gap:18px;padding:23px 0;display:grid}.bag-item>img{mix-blend-mode:multiply}.bag-item h3{font:450 18px Albert,sans-serif}.bag-item p{margin-top:8px;font:12px Albert,sans-serif}.quantity{border:1px solid var(--line);align-items:center;width:max-content;margin-top:10px;display:flex}.quantity button{width:36px;min-height:44px}.quantity output{text-align:center;min-width:25px;font:13px Albert,sans-serif}.bag-item-end{text-align:right;flex-direction:column;align-items:end;gap:25px;font:13px Albert,sans-serif;display:flex}.remove-product{min-height:44px;font:11px SUIT,sans-serif;text-decoration:underline}.bag-summary{border-top:1px solid var(--water);margin-top:20px;padding-top:25px}.bag-summary>p:first-child{justify-content:space-between;font-size:14px;display:flex}.bag-summary strong{font:450 24px Albert,sans-serif}.bag-summary .nuum-button{width:100%;margin-top:24px}.confirmation{background:var(--cloud);margin-top:22px;padding:20px;font-size:13px}.bag-empty{text-align:center;padding-top:75px}.bag-empty>svg{width:30px;height:30px;margin:0 auto 30px}.bag-empty h3{font-size:20px}.bag-empty p{margin:18px 0 28px;font-size:13px}.guide-modal{width:550px;padding:65px 40px 40px}.guide-modal>img{width:100px;margin-bottom:35px}.guide-modal h2{font-size:28px}.guide-modal>p{margin-top:25px;font-size:14px;line-height:1.9}.guide-modal .nuum-button{margin-top:30px}.nuum-toast{opacity:0;pointer-events:none;z-index:100;background:var(--water);color:var(--chalk);align-items:center;gap:30px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px 12px 22px;font-size:12px;transition:transform .25s,opacity .25s;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);box-shadow:0 7px 30px #173e4325}.nuum-toast.shown{opacity:1;pointer-events:auto;transform:translate(-50%)}.nuum-toast>button{white-space:nowrap;border-bottom:1px solid #f7f8f566;min-height:44px;padding:0}@media (prefers-reduced-motion:no-preference){.campaign-image>img{animation:2.4s cubic-bezier(.22,.68,.25,1) both nuum-arrive}.routine-line path{stroke-dasharray:1;animation:.6s both ritual-trace}.routine-products{animation:.28s ease-out both ritual-change}.nuum-modal[open]{animation:.22s ease-out both modal-arrive}.bag-modal[open]{animation:.28s cubic-bezier(.22,.68,.25,1) both bag-arrive}@keyframes nuum-arrive{0%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes ritual-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ritual-change{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modal-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bag-arrive{0%{transform:translate(100%)}to{transform:none}}}.nuum-ritual{align-items:stretch;padding-block:0}.ritual-heading{align-content:center;padding-block:70px}.ritual-stage{background:var(--chalk);padding-top:60px;padding-bottom:60px}.routine-products{isolation:isolate}.routine-line{top:60px}.routine-product>img{z-index:1;position:relative}.routine-summary{position:relative}.motion-paused *{animation-play-state:paused!important}.motion-paused .routine-line path{stroke-dashoffset:0;animation:none}.motion-paused .routine-products,.motion-paused .nuum-modal{animation:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.routine-products:before{content:"";left:calc(50% / var(--steps));right:calc(50% / var(--steps));transform-origin:0;background:#89b9c3;height:1px;position:absolute;bottom:55px}.routine-product:after{content:"";background:var(--water);border-radius:50%;width:7px;height:7px;position:absolute;bottom:52px;left:calc(50% - 3px)}@media (prefers-reduced-motion:no-preference){.routine-products:before{animation:.6s ease-out both step-connect}@keyframes step-connect{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.motion-paused .routine-products:before{animation:none}@media (width<=1100px){.nuum-header nav{gap:18px}.nuum-header{gap:15px}.bag-label{display:none}.campaign-copy{max-width:510px}.campaign-copy h1{font-size:43px}.product-grid{gap:20px}.product-caption{flex-direction:column;gap:5px}.product-price{margin:0}.nuum-ritual{grid-template-columns:1fr 1.35fr}.ritual-stage{padding-left:10px}.routine-products{gap:5px}.routine-product>strong{font-size:18px}.routine-step{font-size:10px}.ritual-heading h2{font-size:31px}.routine-summary .nuum-button{gap:15px;width:100%;min-width:0}.nuum-story{gap:6%}.story-copy h2{font-size:30px}.detail-copy{padding:60px 30px 35px}.footer-top>div{column-gap:25px}}@media (width<=800px){.nuum-header nav{background:var(--chalk);padding:20px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;gap:6px;display:none;position:absolute;top:80px;left:0;right:0}.nuum-header nav.open{display:flex}.mobile-menu{justify-self:start;min-height:44px;padding:0;font-size:12px;display:block}.nuum-header{height:80px}.nuum-brand img{width:116px}.nuum-campaign{height:550px}.campaign-copy{max-width:420px;padding-bottom:100px}.campaign-copy h1{font-size:36px}.campaign-copy>p:not(.campaign-note){font-size:12px}.campaign-note{font-size:15px}.campaign-image img{right:-130px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.nuum-ritual{grid-template-columns:1fr;gap:35px;padding-top:55px}.ritual-heading{text-align:center;padding-right:var(--gutter)}.ritual-heading h2{font-size:35px}.ritual-heading>p:not(.small-title){margin-top:20px}.routine-switch{margin-top:25px}.ritual-stage{padding-inline:var(--gutter)}.routine-products{gap:20px;max-width:600px;margin:auto}.routine-products img{object-fit:contain;max-height:240px}.routine-summary{justify-content:space-between;align-items:center;gap:25px;max-width:600px;margin:35px auto 0;display:flex}.routine-summary .nuum-button{flex-direction:column;flex-shrink:0;gap:3px;width:auto;min-width:190px;margin:0}.nuum-story{padding-block:75px}.story-signature{margin-top:35px}.shop-heading{flex-direction:column;align-items:start;gap:22px}.shop-heading h2{font-size:34px}.product-filters{gap:28px}.shop-section{padding-block:65px}.shop-heading{margin-bottom:25px}.product-caption h3{font-size:21px}.product-caption div>p{font-size:10px}.product-volume{font-size:10px;top:14px;left:14px}.product-modal[open]{width:560px;display:block}.detail-image img{object-fit:contain;height:310px}.detail-copy{padding:30px}.footer-top>p{font-size:25px}.footer-wordmark>img{max-height:200px}.footer-bottom{flex-wrap:wrap}.footer-bottom>p:first-child{width:100%}}@media (width<=600px){.announcement{justify-content:start;min-height:30px;font-size:10px}.announcement>a{font-size:9px}.nuum-header{height:76px}.nuum-header nav{top:76px}.nuum-brand img{width:108px}.bag-button{gap:8px}.bag-count{width:21px;height:21px;font-size:11px}.nuum-campaign{background:#c8e2e6;flex-direction:column;height:auto;display:flex}.campaign-image{z-index:auto;order:0;width:100%;height:100vw;position:relative;inset:auto}.campaign-image img{width:150%;height:auto;top:0;right:0;-webkit-mask-image:none;mask-image:none}.campaign-copy{height:auto;padding:35px var(--gutter) 40px;order:1;max-width:none}.campaign-note{margin-bottom:17px;font-size:14px}.campaign-copy h1{font-size:36px}.campaign-copy>p:not(.campaign-note){margin-top:20px;font-size:13px}.campaign-copy .nuum-button{min-width:215px;margin-top:25px}.campaign-bottom{padding:0 var(--gutter) 15px;order:2;gap:15px;font-size:10px;position:static}.campaign-bottom>span{max-width:210px}.campaign-bottom button{flex-shrink:0;font-size:10px}.shop-section{padding-block:50px 55px}.small-title{margin-bottom:13px;font-size:12px}.shop-heading h2{font-size:31px}.product-filters{gap:25px}.product-grid{grid-template-columns:1fr;gap:35px}.product-caption{flex-direction:row;justify-content:space-between;padding:21px 0 18px}.product-caption h3{font-size:24px}.product-caption div>p{font-size:11px}.product-price{margin-top:6px;font-size:14px}.product-volume{font-size:12px;top:22px;left:22px}.image-detail{opacity:1}.product-add{font-size:12px}.nuum-ritual{padding-block:50px}.ritual-heading h2{font-size:30px}.routine-products{gap:10px}.routine-products img{object-fit:cover;min-height:130px;margin-bottom:12px}.routine-product>strong{letter-spacing:-.5px;font-size:16px}.routine-step{font-size:10px;line-height:1.6}.routine-line{height:230px}.routine-summary{margin-top:30px;padding-top:25px;display:block}.routine-summary h3{font-size:17px}.routine-summary p{font-size:12px}.routine-summary .nuum-button{flex-direction:row;gap:15px;width:100%;margin-top:22px;font-size:12px;display:flex}.nuum-story{grid-template-columns:1fr;gap:35px;padding-block:55px}.story-photo img{aspect-ratio:1.13}.story-photo>span{font-size:15px;bottom:20px;left:20px}.story-copy{padding:0}.story-copy h2{font-size:29px}.story-copy>p:not(.small-title){margin-top:24px;font-size:14px}.story-signature{margin-top:38px}.nuum-footer{padding-block:45px 25px}.footer-top{display:block}.footer-top>p{font-size:27px}.footer-top>div{grid-template-columns:1fr 1.5fr;column-gap:20px;margin-top:28px;font-size:11px}.footer-wordmark{padding:35px 0 20px}.footer-wordmark>img{height:auto}.footer-bottom{gap:18px;font-size:9px}.footer-bottom>p{max-width:310px}.bag-modal{padding:65px 24px 30px}.bag-item{grid-template-columns:70px 1fr auto;gap:12px}.bag-item h3{font-size:17px}.bag-item-end{gap:20px;font-size:12px}.quantity button{width:30px}.quantity output{min-width:22px}.detail-copy{padding:28px 25px}.detail-copy h2{font-size:34px}.detail-image img{height:290px}.nuum-toast{gap:20px;padding:9px 16px 9px 20px;font-size:11px;bottom:15px}.guide-modal{padding:65px 30px 35px}}
