:root{--paper:#edeae1;--paper-2:#e7e3d9;--ink:#15171e;--ink-soft:#3a3c44;--muted:#8c887d;--line:#15171e;--hair:#15171e1f;--orange:#df7000;--orange-ink:#1c1003;--orange-soft:#1c100399;--brown:#5c3a2e;--glacier-1:#8fa9e6;--glacier-2:#c9d6f2;--moss-1:#5e7c63;--moss-2:#a9c0a4;--dusk-1:#f0703a;--dusk-2:#f4b38c;--rose-1:#e7c4d2;--rose-2:#f2e0e6;--maxw:720px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-weight:300;line-height:1.55}.howto-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}.howto-page a{color:inherit;text-decoration:none}.howto-page .topbar{z-index:60;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.howto-page .topbar .wrap{justify-content:space-between;align-items:center;height:56px;display:flex}.howto-page .brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.howto-page .brand svg{width:auto;height:26px;color:var(--ink)}.howto-page .brand .wm{letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:17px;font-weight:900}.howto-page .topbar .tag{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.howto-page .title{background:var(--orange);color:var(--orange-ink);border-bottom:1px solid var(--line);text-align:center;padding:40px 0 38px}.howto-page .title .k{letter-spacing:.2em;text-transform:uppercase;color:var(--orange-soft);margin-bottom:14px;font-size:11px;font-weight:600}.howto-page .title h1{text-transform:uppercase;letter-spacing:-.02em;font-family:Archivo,sans-serif;font-size:clamp(30px,7vw,44px);font-weight:800;line-height:.95}.howto-page .title p{color:var(--orange-soft);max-width:34ch;margin-top:14px;margin-left:auto;margin-right:auto;font-size:14px}.howto-page .tabs{border-bottom:1px solid var(--line);background:var(--paper);z-index:50;gap:0;display:flex;position:sticky;top:56px}.howto-page .tab{text-align:center;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:16px 8px;font-family:Archivo,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s}.howto-page .tab.active{color:var(--ink);border-bottom-color:var(--ink)}.howto-page .tab+.tab{border-left:1px solid var(--hair)}.howto-page .panel{padding:36px 0 8px;display:none}.howto-page .panel.active{display:block}.howto-page .methods{gap:8px;margin-bottom:28px;display:flex}.howto-page .method-btn{text-align:center;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);cursor:pointer;color:var(--ink);background:0 0;border-radius:100px;flex:1;padding:11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.howto-page .method-btn.active{background:var(--ink);color:var(--paper)}.howto-page .method{display:none}.howto-page .method.active{display:block}.howto-page .step-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-family:Archivo,sans-serif;font-size:12px;font-weight:700}.howto-page .photo{aspect-ratio:16/10;border-radius:6px;align-items:flex-end;margin-bottom:22px;display:flex;position:relative;overflow:hidden}.howto-page .photo.wash{background:linear-gradient(150deg, var(--glacier-2), var(--glacier-1))}.howto-page .photo.hand{background:linear-gradient(150deg, var(--rose-2), var(--rose-1))}.howto-page .photo.treat{background:linear-gradient(150deg, var(--moss-2), var(--moss-1))}.howto-page .photo .ph-tag{letter-spacing:.14em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;margin:16px;font-size:10.5px;font-weight:600}.howto-page .photo .blob{aspect-ratio:1;filter:blur(2px);opacity:.8;background:radial-gradient(circle at 35% 30%,#fff,#fff0 62%);border-radius:48% 52% 56% 44%/54% 46%;width:44%;position:absolute;top:12%;left:28%}.howto-page .dose{border-top:1px solid var(--hair)}.howto-page .dose .row{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:baseline;padding:14px 2px;display:flex}.howto-page .dose .row .load{color:var(--ink-soft);font-size:14px}.howto-page .dose .row .amt{letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:18px;font-weight:700}.howto-page .note{color:var(--ink-soft);background:var(--paper-2);border-radius:6px;margin-top:18px;padding:16px;font-size:13.5px}.howto-page .note b{color:var(--ink);font-weight:600}.howto-page .steps3{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}.howto-page .steps3 .s{background:var(--paper-2);text-align:center;border-radius:6px;padding:18px 14px}.howto-page .steps3 .s .num{color:var(--orange);margin-bottom:8px;font-family:Archivo,sans-serif;font-size:20px;font-weight:800}.howto-page .steps3 .s .t{text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-family:Archivo,sans-serif;font-size:12px;font-weight:700}.howto-page .steps3 .s p{color:var(--ink-soft);font-size:12px}.howto-page .sec-head{border-top:1px solid var(--line);margin-top:20px;padding:44px 0 20px}.howto-page .sec-head h2{text-transform:uppercase;letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:22px;font-weight:800}.howto-page .sec-head p{color:var(--muted);margin-top:6px;font-size:13px}.howto-page .chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:4px 0 18px;display:flex;overflow-x:auto}.howto-page .chips::-webkit-scrollbar{display:none}.howto-page .chip{white-space:nowrap;border:1px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink);background:0 0;border-radius:100px;padding:9px 15px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.howto-page .chip.active{background:var(--ink);color:var(--paper)}.howto-page .videos{grid-template-columns:1fr 1fr;gap:12px;display:grid}.howto-page .vid{background:var(--paper-2);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border:none;border-radius:8px;padding:0;transition:transform .2s;overflow:hidden}.howto-page .vid:hover{transform:translateY(-3px)}.howto-page .vid .thumb{aspect-ratio:9/16;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.howto-page .vid .thumb.g1{background:linear-gradient(160deg, var(--glacier-2), var(--glacier-1))}.howto-page .vid .thumb.g2{background:linear-gradient(160deg, var(--moss-2), var(--moss-1))}.howto-page .vid .thumb.g3{background:linear-gradient(160deg, var(--dusk-2), var(--dusk-1))}.howto-page .vid .thumb.g4{background:linear-gradient(160deg, var(--rose-2), var(--rose-1))}.howto-page .vid .thumb.has-img{background-position:50%;background-size:cover}.howto-page .vid .play{z-index:2;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.howto-page .vid .play:after{content:"";border-left:13px solid var(--ink);border-top:8px solid #0000;border-bottom:8px solid #0000;margin-left:3px}.howto-page .vid .meta{z-index:2;background:linear-gradient(#0000,#0000008c);padding:12px 12px 14px;position:absolute;bottom:0;left:0;right:0}.howto-page .vid .meta .ti{color:#fff;letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:12.5px;font-weight:700;line-height:1.15}.howto-page .vid .brandmark{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.howto-page .vid .brandmark .ic{background:#ffffffe6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.howto-page .vid .brandmark .ic svg{width:auto;height:13px;color:var(--ink)}.howto-page .vid .brandmark .lb{color:#fff;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 3px #0006;font-family:Archivo,sans-serif;font-size:9.5px;font-weight:700}.howto-page .vid .brandmark .du{color:#fff;text-shadow:0 1px 3px #0006;margin-left:auto;font-size:10px;font-weight:500}.howto-page .vid .meta.with-brand{padding-bottom:40px}.howto-page .more-wrap{justify-content:center;margin-top:22px;display:flex}.howto-page .more-btn{white-space:nowrap;border:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--ink);background:0 0;border-radius:100px;padding:11px 22px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.howto-page .more-btn:hover{background:var(--ink);color:var(--paper)}.howto-page .more-btn:disabled{opacity:.5;cursor:default}.howto-page .videos-skeleton{grid-template-columns:1fr 1fr;gap:12px;display:grid}.howto-page .skel-card{aspect-ratio:9/16;background:var(--paper-2);border-radius:8px;animation:1.2s ease-in-out infinite howto-pulse}@keyframes howto-pulse{0%,to{opacity:.55}50%{opacity:1}}.howto-page .ugc-sec{margin-top:8px}.howto-page .ugc-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding:4px 0 20px;display:flex;overflow-x:auto}.howto-page .ugc-row::-webkit-scrollbar{display:none}.howto-page .ugc{background:var(--paper-2);cursor:pointer;border-radius:10px;flex:none;width:172px;transition:transform .2s;overflow:hidden}.howto-page .ugc:hover{transform:translateY(-3px)}.howto-page .ugc .uthumb{aspect-ratio:9/16;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.howto-page .ugc .uthumb.u1{background:linear-gradient(160deg,#c9d6f2,#8fa9e6)}.howto-page .ugc .uthumb.u2{background:linear-gradient(160deg,#f4b38c,#f0703a)}.howto-page .ugc .uthumb.u3{background:linear-gradient(160deg,#a9c0a4,#5e7c63)}.howto-page .ugc .uthumb.u4{background:linear-gradient(160deg,#e7c4d2,#c98ba6)}.howto-page .ugc .uthumb.u5{background:linear-gradient(160deg,#d8cfd6,#9a8fa6)}.howto-page .ugc .uthumb.has-img{background-position:50%;background-size:cover}.howto-page .ugc .play-sm{z-index:2;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.howto-page .ugc .play-sm:after{content:"";border-left:11px solid var(--ink);border-top:7px solid #0000;border-bottom:7px solid #0000;margin-left:3px}.howto-page .ugc .social-ic{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:10px;right:10px}.howto-page .ugc .social-ic svg{fill:#fff;width:13px;height:13px}.howto-page .ugc .uinfo{align-items:center;gap:9px;padding:12px 12px 14px;display:flex}.howto-page .ugc .uavatar{background:linear-gradient(150deg,#a9c0a4,#5e7c63) 50%/cover;border-radius:50%;flex:none;width:30px;height:30px}.howto-page .ugc .uwho .un{font-family:Archivo,sans-serif;font-size:12px;font-weight:700;line-height:1.1}.howto-page .ugc .uwho .uh{color:var(--muted);margin-top:1px;font-size:10.5px}.howto-page .faq{border-top:1px solid var(--line);margin-top:44px;padding-top:8px}.howto-page .faq-item{border-bottom:1px solid var(--hair)}.howto-page .faq-q{cursor:pointer;letter-spacing:-.01em;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 2px;font-family:Archivo,sans-serif;font-size:15px;font-weight:600;list-style:none;display:flex}.howto-page .faq-q-main{flex-direction:column;gap:6px;min-width:0;display:flex}.howto-page .faq-product{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);font-size:10.5px;font-weight:600;line-height:1.2}.howto-page .faq-q-text{line-height:1.35}.howto-page .faq-q .ic{color:var(--muted);font-size:20px;font-weight:400;line-height:1;transition:transform .2s}.howto-page .faq-item.open .faq-q .ic{transform:rotate(45deg)}.howto-page .faq .ans{color:var(--ink-soft);max-width:56ch;padding:0 2px 20px;font-size:14px}.howto-page .review-cta{background:var(--brown);color:#fff;text-align:center;margin-top:52px;padding:56px 0}.howto-page .review-cta h3{text-transform:uppercase;letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:clamp(24px,5vw,32px);font-weight:800;line-height:1}.howto-page .review-cta p{color:#ffffffb3;max-width:38ch;margin:14px auto 26px;font-size:13.5px}.howto-page .review-cta a{color:var(--brown);letter-spacing:.12em;text-transform:uppercase;background:#fff;border-radius:100px;padding:15px 34px;font-family:Archivo,sans-serif;font-size:12px;font-weight:700;display:inline-block}.howto-page footer{border-top:1px solid var(--line);text-align:center;padding:30px 0}.howto-page footer .fm{letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:18px;font-weight:900}.howto-page footer .fl{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:10.5px}@media (width>=721px){.howto-page .videos,.howto-page .videos-skeleton{grid-template-columns:repeat(4,1fr)}.howto-page .title{padding:56px 0 52px}}.video-modal-overlay{z-index:200;background:#15171e73;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}.video-modal-sheet{width:100%;max-width:var(--maxw);background:var(--paper);min-height:100%;color:var(--ink)}.video-modal-head{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 18px;display:flex}.video-modal-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:10px;font-size:10.5px;font-weight:600}.video-modal-title{letter-spacing:-.02em;text-transform:none;font-family:Archivo,sans-serif;font-size:clamp(22px,5vw,28px);font-weight:800;line-height:1.05}.video-modal-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;margin-top:2px;padding:0;font-size:28px;line-height:1}.video-modal-player-wrap{padding:0 22px}.video-modal-player{aspect-ratio:1;object-fit:cover;background:#000;border-radius:6px;width:100%;display:block}.video-modal-placeholder{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-modal-placeholder.g1{background:linear-gradient(160deg, var(--glacier-2), var(--glacier-1))}.video-modal-placeholder.g2{background:linear-gradient(160deg, var(--moss-2), var(--moss-1))}.video-modal-placeholder.g3{background:linear-gradient(160deg, var(--dusk-2), var(--dusk-1))}.video-modal-placeholder.g4{background:linear-gradient(160deg, var(--rose-2), var(--rose-1))}.video-modal-placeholder.has-img{background-position:50%;background-size:cover}.video-modal-placeholder .play{z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.video-modal-placeholder .play:after{content:"";border-left:16px solid var(--ink);border-top:10px solid #0000;border-bottom:10px solid #0000;margin-left:4px}.video-modal-body{padding:20px 22px 32px}.modal-callout{border:1px solid var(--orange);border-radius:6px;margin-bottom:20px;padding:18px 16px 16px}.modal-callout-k,.modal-box-k{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:10px;font-size:10.5px;font-weight:600}.modal-callout-t{letter-spacing:-.01em;margin-bottom:10px;font-family:Archivo,sans-serif;font-size:17px;font-weight:700}.modal-callout p,.modal-box p{color:var(--ink-soft);font-size:14px;line-height:1.55}.modal-box{border:1px solid var(--ink);border-radius:6px;margin-bottom:16px;padding:18px 16px 14px}.modal-box--note{border-color:var(--hair);background:var(--paper-2)}.modal-box--note .modal-box-k{color:var(--muted)}.modal-dose-group+.modal-dose-group{border-top:1px solid var(--hair);margin-top:16px;padding-top:14px}.modal-dose-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:Archivo,sans-serif;font-size:11px;font-weight:700}.modal-dose-row{border-bottom:1px solid var(--hair);color:var(--ink-soft);justify-content:space-between;align-items:baseline;padding:10px 0;font-size:14px;display:flex}.modal-dose-row:last-child{border-bottom:none}.modal-dose-row .amt{color:var(--ink);font-family:Archivo,sans-serif;font-size:16px;font-weight:700}.modal-accordion{background:var(--paper-2);border-radius:6px;margin-top:8px;overflow:hidden}.modal-accordion-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:16px 16px 8px;font-size:10.5px;font-weight:600}.modal-accordion-item{border-top:1px solid var(--hair)}.modal-accordion-q{cursor:pointer;letter-spacing:-.01em;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 16px;font-family:Archivo,sans-serif;font-size:15px;font-weight:600;display:flex}.modal-accordion-q .ic{color:var(--muted);flex:none;font-size:20px;font-weight:400;line-height:1;transition:transform .2s}.modal-accordion-item.open .modal-accordion-q .ic{transform:rotate(45deg)}.modal-accordion-a{color:var(--ink-soft);max-width:56ch;padding:0 16px 18px;font-size:14px;line-height:1.55}.howto-page .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.howto-page .guide-feedback{border-top:1px solid var(--line);margin-top:44px;padding-top:44px;padding-bottom:8px}.howto-page .guide-feedback-k{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;font-size:10.5px;font-weight:600}.howto-page .guide-feedback-title{letter-spacing:-.02em;margin-bottom:12px;font-family:Archivo,sans-serif;font-size:clamp(22px,5vw,28px);font-weight:800;line-height:1.05}.howto-page .guide-feedback-sub{color:var(--ink-soft);max-width:42ch;margin-bottom:24px;font-size:14px}.howto-page .guide-feedback-form{position:relative}.howto-page .guide-feedback-field{margin-bottom:16px;position:relative}.howto-page .guide-feedback-field textarea{border:1px solid var(--ink);background:var(--paper);width:100%;min-height:140px;color:var(--ink);resize:vertical;border-radius:6px;padding:16px 16px 36px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;line-height:1.55}.howto-page .guide-feedback-field textarea::placeholder{color:var(--muted)}.howto-page .guide-feedback-field textarea:focus{outline:2px solid var(--orange);outline-offset:2px}.howto-page .guide-feedback-count{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;bottom:12px;right:14px}.howto-page .guide-feedback-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.howto-page .guide-feedback-send{white-space:nowrap;border:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--ink);background:0 0;border-radius:100px;padding:11px 22px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.howto-page .guide-feedback-send:hover:not(:disabled){background:var(--ink);color:var(--paper)}.howto-page .guide-feedback-send:disabled{opacity:.45;cursor:default}.howto-page .guide-feedback-success{color:var(--ink);margin-bottom:8px;font-size:14px}.howto-page .guide-feedback-error{color:#a33;margin-bottom:8px;font-size:14px}
