/* A quiet, reference-inspired guide. All typography uses the site's local Sans. */
.skin-guide{position:relative;isolation:isolate;background:#f8f6fa;color:#363246;padding:108px 4.5% 90px}
.skin-guide:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:1000px;background:radial-gradient(ellipse at 10% 0%,#afc1b5a3,transparent 51%),radial-gradient(ellipse at 92% 4%,#f5d7caad,transparent 50%),radial-gradient(ellipse at 50% 26%,#e8dff3bb,transparent 65%),linear-gradient(#e8e3e4,transparent 80%);pointer-events:none}
.skin-guide-head{text-align:center;position:relative;z-index:2}.skin-guide .section-index{color:#67616e;font-size:10px;letter-spacing:.16em;margin:0 0 24px}.skin-guide-head h2{font-size:clamp(54px,6.3vw,96px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:0}.skin-guide-head>p:not(.section-index){font-size:15px;line-height:1.6;color:#6e6875;margin:25px 0 22px}.skin-playback{display:inline-flex;align-items:center;gap:11px;border:1px solid #ffffff78;background:#ffffff52;border-radius:40px;padding:3px 4px 3px 17px;box-shadow:0 3px 14px #42364203}.skin-playback>span:nth-child(2){font-size:9px;letter-spacing:.08em}.skin-live-dot{width:5px;height:5px;background:#7e718e;border-radius:100%;box-shadow:0 0 0 4px #776d8612}.skin-playback button{display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffffa3;min-height:40px;min-width:84px;padding:8px 14px;border-radius:30px;font-size:11px}.skin-playback button:hover{background:#fff}.skin-playback button:focus-visible{outline-offset:3px}.skin-guide[data-paused=true] .skin-live-dot{background:#a59da9;box-shadow:none}
.skin-stage{position:relative;max-width:1280px;height:610px;margin:28px auto 0}.skin-atmosphere{position:absolute;inset:4% 10% 10%;background:radial-gradient(ellipse,#eddef550,transparent 65%);filter:blur(20px);pointer-events:none}.skin-orbit{position:absolute;inset:0;width:100%;height:100%;stroke:#bcb2c77d;stroke-width:.8;pointer-events:none}.skin-orbit-trace{stroke:#9182a6;stroke-width:1.2;stroke-dasharray:180 2500;stroke-dashoffset:0;transition:stroke-dashoffset 1s ease}.skin-guide[data-step="1"] .skin-orbit-trace{stroke-dashoffset:-680}.skin-guide[data-step="2"] .skin-orbit-trace{stroke-dashoffset:-1380}.skin-guide[data-step="3"] .skin-orbit-trace{stroke-dashoffset:-2090}
.skin-portraits{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:min(65%,790px);height:500px;display:flex;justify-content:center;gap:12px}.skin-person{position:relative;width:50%;align-self:flex-start;isolation:isolate;aspect-ratio:1122/1402}.skin-person>img{width:100%;height:auto;mask-image:linear-gradient(#000 68%,transparent 98%)}.skin-person-man{margin-top:24px}.skin-person-caption{position:absolute;bottom:6%;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.18em;color:#766c83}.skin-face-map{position:absolute;inset:0;width:100%;height:100%;stroke:#fff8;stroke-width:.2;opacity:.47;filter:drop-shadow(0 0 3px #f5d4ff);pointer-events:none}.skin-face-map g{fill:#fffe;stroke:none}.skin-scan{position:absolute;z-index:1;top:11%;left:23%;right:23%;height:60%;overflow:hidden;clip-path:ellipse(50% 50% at 50% 50%);pointer-events:none;mix-blend-mode:screen}.skin-scan:before{content:'';position:absolute;left:-10%;right:-10%;top:-22%;height:30%;background:linear-gradient(transparent,#c7ccff77 30%,#f5edffa8 49%,#ffffffd9 50%,#efb9ff73 55%,transparent);filter:blur(4px);animation:skin-sweep 6.5s ease-in-out infinite}.skin-person-man .skin-scan:before{animation-delay:-1.4s}.skin-zone{position:absolute;z-index:1;left:25%;top:35%;width:50%;height:25%;background:radial-gradient(ellipse,#f9e6ff57,transparent 67%);mix-blend-mode:screen;transition:top 1.1s,height 1.1s,background 1.1s;pointer-events:none}.skin-guide[data-step="1"] .skin-zone{top:38%;height:22%;background:radial-gradient(ellipse,#fac4e76c,transparent 70%)}.skin-guide[data-step="2"] .skin-zone{top:45%;height:15%;background:radial-gradient(ellipse,#ffddebb0,transparent 69%)}.skin-guide[data-step="3"] .skin-zone{top:57%;height:30%;background:radial-gradient(ellipse,#e3f1dd80,transparent 67%)}.skin-guide[data-paused=true] .skin-scan:before{animation-play-state:paused}
.skin-step{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:160px;padding:12px 10px;transform:translateX(-50%);color:#746e7d}.skin-step-one{left:7.5%;top:55%}.skin-step-two{left:33%;bottom:8px}.skin-step-three{left:67%;bottom:8px}.skin-step-four{left:92.5%;top:55%}.skin-step-number{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b9afc7;border-radius:100%;font-size:10px;background:#f8f6fa;transition:background .35s,color .35s,box-shadow .35s}.skin-step strong{font-size:18px;line-height:1.2;font-weight:400;letter-spacing:-.025em;margin:15px 0 7px}.skin-step small{font-size:11px;line-height:1.4}.skin-step[aria-selected=true]{color:#393044}.skin-step[aria-selected=true] .skin-step-number{background:#5e4d73;border-color:#5e4d73;color:#fff;box-shadow:0 0 0 6px #b6a8c326}.skin-step:hover .skin-step-number{box-shadow:0 0 0 7px #b6a8c326}.skin-step:focus-visible{border-radius:12px;outline-offset:0}
.skin-step-panel{max-width:770px;min-height:205px;display:grid;grid-template-columns:148px 1fr;gap:30px;margin:38px auto 0;padding:15px 27px 15px 15px;border:1px solid #ded7e480;border-radius:20px;background:#ffffff63;box-shadow:0 14px 50px #5e3c7a04}.skin-panel-image{overflow:hidden;border-radius:11px;background:#e8e0e8}.skin-panel-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}.skin-panel-copy{padding:13px 0 8px;align-self:center}.skin-panel-copy>span{display:block;font-size:9px;letter-spacing:.14em;color:#7d718a}.skin-panel-copy h3{font-weight:400;font-size:29px;line-height:1.08;letter-spacing:-.035em;margin:13px 0 10px}.skin-panel-copy>p{color:#786f80;font-size:12px;line-height:1.6;margin:0;max-width:440px}.skin-panel-actions{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:9px}.skin-guide .text-cta{font-size:11px;min-height:44px;line-height:1.4}.skin-panel-actions [hidden]{display:none}.skin-progress{height:1px;background:#ded6e5;margin-top:11px;overflow:hidden}.skin-progress span{display:block;width:100%;height:100%;background:#796487;transform:scaleX(0);transform-origin:left}.skin-guide-note{text-align:center;color:#817987;font-size:10px;letter-spacing:.01em;margin:16px 0 0}
.care-journal{max-width:1320px;margin:126px auto 0}.care-journal-head{text-align:center}.care-journal-head h3{font-size:clamp(44px,5vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0}.care-journal-head>p:last-child{font-size:13px;line-height:1.65;color:#7c7483;margin:22px 0 0}.care-journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:72px;padding:0 16px}.care-journal-card{padding-top:var(--lift)}.care-journal-photo{display:block;position:relative;width:100%;padding:0;aspect-ratio:4/5;border-radius:15px;transform:rotate(var(--tilt));transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s;box-shadow:0 14px 35px #57476813;isolation:isolate}.care-journal-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.care-journal-photo>span{position:absolute;bottom:13px;right:13px;width:35px;height:35px;display:grid;place-items:center;border:1px solid #fff9;background:#fff9;backdrop-filter:blur(6px);border-radius:100%;font-size:18px}.care-journal-photo:hover,.care-journal-photo:focus-visible{transform:rotate(0) translateY(-10px);box-shadow:0 20px 45px #57476826}.care-journal-copy{margin-top:36px;padding:0 4px}.care-journal-copy>small{font-size:8px;letter-spacing:.09em;color:#8a8094}.care-journal-copy h4{font-size:23px;line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:12px 0}.care-journal-copy p{font-size:12px;line-height:1.6;color:#7b7184;min-height:58px;margin:0 0 13px}.care-journal-copy .text-cta{font-size:10px;gap:15px;min-height:44px}.skin-all-rituals{display:flex!important;width:max-content;margin:80px auto 0;text-decoration:none;border-bottom:1px solid #bdb1c8}
@keyframes skin-sweep{0%,100%{transform:translateY(0);opacity:0}12%{opacity:.8}50%{opacity:.9}85%{opacity:.7}92%{transform:translateY(400%);opacity:0}}
@media(min-width:1800px){.skin-guide{padding-top:130px}.skin-stage{height:650px}.skin-portraits{height:530px;width:790px}.care-journal{max-width:1450px}.care-journal-grid{gap:44px}}
@media(max-width:1050px){.skin-guide{padding-left:5%;padding-right:5%}.skin-stage{height:540px;margin-top:35px}.skin-portraits{width:72%;top:25px;gap:0}.skin-step-one{left:4%;top:53%}.skin-step-four{left:96%;top:53%}.skin-step{min-width:140px}.skin-step small{font-size:10px;max-width:115px}.skin-step strong{font-size:16px}.care-journal-grid{gap:24px;padding:0}.care-journal-copy h4{font-size:20px}.care-journal-copy p{min-height:77px}.care-journal-copy .text-cta{font-size:10px;gap:7px}.care-journal-copy>small{font-size:7px;letter-spacing:.03em}}
@media(max-width:760px){.skin-guide{padding:74px 6% 65px}.skin-guide-head h2{font-size:clamp(47px,10vw,68px)}.skin-guide-head>p:not(.section-index){font-size:12px;margin-top:20px}.skin-guide .section-index{font-size:8px;letter-spacing:.13em;margin-bottom:21px}.skin-playback{gap:9px;padding-left:13px}.skin-playback>span:nth-child(2){font-size:7px}.skin-playback button{font-size:10px;min-width:70px}.skin-stage{height:auto;margin:25px -4% 0;padding-top:67%;padding-bottom:0}.skin-portraits{width:100%;height:auto;top:5px;gap:0}.skin-person{width:50%}.skin-person-man{margin-top:9px}.skin-person-caption{font-size:6px;letter-spacing:.12em;bottom:0}.skin-orbit{inset:0 0 auto;height:75%;width:114%;left:-7%;opacity:.6}.skin-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:15px 0 0}.skin-step{position:relative;left:auto;top:auto;bottom:auto;transform:none;min-width:0;padding:10px 3px}.skin-step-number{width:31px;height:31px;font-size:9px}.skin-step strong{font-size:13px;margin:13px 0 0}.skin-step small{display:none}.skin-step-panel{grid-template-columns:88px 1fr;gap:16px;margin-top:25px;padding:12px;min-height:190px;border-radius:15px}.skin-panel-image{align-self:stretch}.skin-panel-image img{object-fit:cover}.skin-panel-copy{padding:8px 0}.skin-panel-copy>span{font-size:7px}.skin-panel-copy h3{font-size:22px;margin:10px 0}.skin-panel-copy>p{font-size:10px;line-height:1.55}.skin-panel-actions{gap:0;margin-top:5px}.skin-panel-actions .text-cta{font-size:9px;gap:9px;min-height:38px}.skin-progress{margin-top:6px}.skin-guide-note{font-size:8px;margin-top:13px}.care-journal{margin-top:85px}.care-journal-head h3{font-size:43px}.care-journal-head>p:last-child{font-size:11px;margin-top:20px}.care-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px;margin-top:43px;padding:0 4px}.care-journal-card{padding-top:0}.care-journal-photo{transform:rotate(calc(var(--tilt)*.45));border-radius:11px}.care-journal-photo>span{width:29px;height:29px;right:9px;bottom:9px;font-size:15px}.care-journal-copy{margin-top:24px;padding:0}.care-journal-copy>small{font-size:6px;letter-spacing:.02em}.care-journal-copy h4{font-size:18px;line-height:1.15;margin:10px 0}.care-journal-copy p{font-size:10px;min-height:64px;line-height:1.55;margin-bottom:6px}.care-journal-copy .text-cta{font-size:9px;gap:5px;letter-spacing:0}.skin-all-rituals{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.skin-scan:before{animation:none;transform:translateY(150%);opacity:.35}.skin-zone,.skin-orbit-trace,.care-journal-photo{transition:none}}