.skin-guide{--sg-moss:#33472a;--sg-sand:#e4c5a5;--sg-blue:#63838c;color:#25311e}
.skin-guide p{font-size:16px;color:#414a36;max-width:54ch}
.skin-guide h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.2;margin:10px 0}
.skin-guide section{scroll-margin-top:115px}
.sg-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding-top:85px;padding-bottom:70px;align-items:end}
.sg-hero h1{margin:24px 0}.sg-hero .sg-lede{font-size:19px;margin-bottom:28px}
.sg-hero-note{border-left:1px solid #a6af99;padding:24px 0 24px 40px}.sg-hero-note>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.sg-hero-note p{font-family:var(--serif);font-size:32px;line-height:1.25;margin:20px 0}.sg-hero-note small{font-size:14px;color:#414a36}
.sg-nav{display:flex;gap:0;margin-bottom:75px}.sg-nav a{padding:20px 25px 20px 0;border-top:1px solid #a6af99;flex:1;text-decoration:none;font-size:15px}.sg-nav span{margin-right:20px;font-size:12px;color:#56604b}
.sg-anatomy header,.sg-moisture header{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-bottom:45px}.sg-anatomy header>.ovl,.sg-moisture header>.ovl{grid-column:1/-1}.sg-anatomy header p,.sg-moisture header p{align-self:end;margin:0}
.sg-anatomy-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.sg-diagram{background:#f0eee4;padding:25px;border:1px solid #d4d5c6}.sg-switch{display:flex;gap:5px;background:#e3e4d7;padding:4px;width:fit-content}.sg-switch button{border:0;background:transparent;padding:12px 18px;min-height:44px;color:#33472a;font:500 13px var(--sans);cursor:pointer}.sg-switch button[aria-pressed=true]{background:#33472a;color:#fafaf5}.skin-cutaway{width:100%;height:auto;margin-top:20px}.water-arrows{opacity:.25}.sg-diagram[data-state=dry] .water-arrows{opacity:1}.sg-diagram[data-state=dry] .skin-cells rect:nth-child(4n){opacity:.15}.sg-diagram p{font-size:15px;margin:15px 0}.sg-diagram small{font-size:12px;color:#56604b}.sg-layer-notes article{border-top:1px solid #b9c0ac;padding:20px 0}.sg-layer-notes article>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.sg-layer-notes p{font-size:15px;margin-bottom:0}
.sg-signals{background:#eef0e6;padding:75px 0;margin-top:80px}.sg-signals h2,.sg-routine h2{margin:20px 0}.sg-intro{margin-bottom:36px}.sg-signal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.sg-signal-list article{border-top:1px solid #a6af99;padding-top:20px}.sg-symbol{font-size:42px;color:#71815c}.sg-signal-list p{font-size:15px}
.sg-moisture{padding-top:85px;padding-bottom:85px}.sg-functions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.sg-functions article{border-top:1px solid #b9c0ac}.sg-functions svg{width:100%;height:140px}.sg-functions article>span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#56604b}.sg-functions p{font-size:15px}.sg-functions small{font-size:12px;color:#56604b}
.sg-water{background:#eae7dd;padding:80px 0}.sg-water-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:75px}.sg-water h2{margin:22px 0 30px}.sg-water-visual{align-self:center}.sg-formula-row{display:grid;grid-template-columns:130px 1fr;gap:28px;align-items:center;padding:25px 0;border-bottom:1px solid #b5baa8}.sg-formula-glass{height:160px;border:1px solid #818d70;display:flex;flex-direction:column;text-align:center;overflow:hidden;border-radius:5px 5px 25px 25px;font-size:12px}.sg-formula-glass span{display:grid;place-content:center;padding:10px}.lotion span:first-child{background:#c6d7d9;flex:2}.lotion span:last-child{background:#bec59e;flex:1}.balm span{background:#bec59e;flex:1}.sg-formula-row p{font-size:15px;margin:10px 0}.sg-water-visual>small{display:block;font-size:12px;line-height:1.6;margin-top:20px;color:#4c5640}
.sg-routine{padding-top:80px;padding-bottom:70px}.sg-routine-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:40px 0}.sg-routine ol{list-style:none;counter-reset:steps;padding:0;margin:0}.sg-routine li{counter-increment:steps;border-top:1px solid #b9c0ac;padding:22px 0 22px 45px;position:relative}.sg-routine li:before{content:'0' counter(steps);position:absolute;left:0;top:24px;font-size:12px;color:#56604b}.sg-routine b{font-weight:500;font-size:18px}.sg-routine li p{margin:8px 0 0}.sg-routine figure{margin:0}.sg-routine img{width:100%;max-height:380px;object-fit:cover}.sg-talliv{border-top:1px solid #a6af99;display:flex;gap:50px;align-items:center;justify-content:space-between;padding-top:35px}.sg-talliv .btn{flex-shrink:0}.sg-sources{padding-bottom:65px}.sg-sources summary{cursor:pointer;padding:18px 0;border-top:1px solid #b9c0ac;font-size:14px}.sg-sources p{font-size:13px}.skin-guide a:focus-visible,.skin-guide button:focus-visible{outline:2px solid #33472a;outline-offset:4px}
@media(max-width:760px){.sg-hero{grid-template-columns:1fr;gap:35px;padding-top:48px;padding-bottom:40px}.sg-hero-note{padding:15px 0 15px 24px}.sg-hero-note p{font-size:26px}.sg-nav{margin-bottom:48px;gap:15px}.sg-nav a{padding:15px 0;font-size:13px}.sg-nav span{display:block;margin-bottom:8px}.sg-anatomy header,.sg-moisture header,.sg-anatomy-grid,.sg-water-grid{grid-template-columns:1fr;gap:28px}.sg-anatomy header,.sg-moisture header{margin-bottom:28px}.sg-diagram{padding:14px}.sg-switch button{padding:12px;font-size:12px}.sg-layer-notes article{padding:15px 0}.sg-signal-list,.sg-functions{grid-template-columns:1fr;gap:25px}.sg-signals,.sg-water{padding:50px 0}.sg-signals{margin-top:45px}.sg-moisture{padding-top:50px;padding-bottom:50px}.sg-functions article{display:grid;grid-template-columns:100px 1fr;gap:5px 20px;padding-top:18px}.sg-functions svg{grid-row:1/5;height:100px;align-self:center}.sg-functions h3{font-size:25px;margin:5px 0}.sg-functions p{margin:0}.sg-formula-row{grid-template-columns:100px 1fr;gap:20px}.sg-formula-glass{height:140px}.sg-routine{padding-top:50px;padding-bottom:45px}.sg-routine-grid{grid-template-columns:1fr;gap:25px;margin:25px 0}.sg-talliv{align-items:flex-start;flex-direction:column;gap:20px}.sg-sources{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.skin-guide *{animation:none!important;transition:none!important}}

.lotion span:first-child{flex:7}.lotion span:last-child{flex:3}

.sg-factbox{margin-top:55px;border:1px solid #b9c0ac;padding:32px;background:#f3f3e9}.sg-factbox h2{margin:18px 0 25px}.sg-factbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.sg-factbox-grid h3{font-size:25px}.sg-factbox-grid p{font-size:15px}.sg-factbox .btn-line{margin-top:15px}@media(max-width:760px){.sg-factbox{padding:22px;margin-top:30px}.sg-factbox-grid{grid-template-columns:1fr;gap:20px}}

.sg-note-body{font-size:16px;line-height:1.7;color:#414a36;max-width:38ch;margin-bottom:20px}.sg-hero-note small{display:block;font-weight:500}

.sg-trial{display:grid;grid-template-columns:1fr 1fr;background:#1a2a05;color:#f5f5eb;margin-top:50px;scroll-margin-top:110px}.sg-trial figure{margin:0}.sg-trial figure img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}.sg-trial-copy{padding:42px}.sg-trial-badge{display:inline-block;padding:10px 14px;background:#e4c38f;color:#1a2a05;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.skin-guide .sg-trial h3{color:#f5f5eb;font-size:clamp(32px,3.5vw,48px);margin:25px 0 18px}.skin-guide .sg-trial p{color:#e4e7db;font-size:15px}.sg-trial-sizes{font-weight:500}.sg-trial-price{display:flex;gap:18px;align-items:baseline;margin-top:22px}.sg-trial-price s{color:#c8cdbb;font-size:18px}.sg-trial-price strong{font-family:var(--serif);font-size:44px;font-weight:400}.skin-guide .sg-trial-saving{color:#e4c38f;font-size:13px;font-weight:500;margin:8px 0 24px}.sg-trial .btn{min-height:48px}@media(max-width:760px){.sg-trial{grid-template-columns:1fr;margin-top:30px}.sg-trial-copy{padding:26px}.sg-trial figure img{aspect-ratio:3/2}.sg-trial .btn{width:100%}}