#pdrn-use-v2-sae269b{overflow:hidden;padding:clamp(60px,7vw,104px) 20px;background:radial-gradient(circle at 8% 8%,rgba(255,228,230,.92),transparent 34%),radial-gradient(circle at 92% 18%,rgba(254,202,202,.8),transparent 34%),linear-gradient(145deg,#fff,#f7f9ff);color:#101828}#pdrn-use-v2-sae269b .pdrn-use-v2__inner{width:min(1180px,100%);margin:0 auto}#pdrn-use-v2-sae269b .pdrn-use-v2__header{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:end;margin-bottom:clamp(34px,5vw,58px)}#pdrn-use-v2-sae269b .pdrn-use-v2__eyebrow{margin:0 0 14px;color:#be123c;font-size:.78rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}#pdrn-use-v2-sae269b .pdrn-use-v2__heading{margin:0;color:#0b1324;font-family:var(--font-heading-family);font-size:clamp(2.5rem,5.8vw,6rem);line-height:.92;letter-spacing:-.07em}#pdrn-use-v2-sae269b .pdrn-use-v2__heading em{display:block;color:#e11d48;font-style:italic;font-weight:900}#pdrn-use-v2-sae269b .pdrn-use-v2__lede{margin:0;color:#101828b8;font-size:clamp(1.16rem,1.5vw,1.4rem);line-height:1.62}#pdrn-use-v2-sae269b .pdrn-use-v2__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(22px,4vw,48px);align-items:stretch}#pdrn-use-v2-sae269b .pdrn-use-v2__visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:560px;overflow:hidden;border:1px solid rgba(225,29,72,.14);border-radius:36px;background:#fff;box-shadow:0 28px 80px #1b2f5c1a;padding:clamp(24px,4vw,42px)}#pdrn-use-v2-sae269b .pdrn-use-v2__visual:before{content:"";position:absolute;inset:auto -24% -22% 18%;height:340px;border-radius:999px;background:radial-gradient(circle,rgba(251,113,133,.16),transparent 68%);pointer-events:none}#pdrn-use-v2-sae269b .pdrn-use-v2__map-title{position:relative;z-index:2;margin:0;color:#0b1324;font-family:var(--font-heading-family);font-size:clamp(1.9rem,3vw,3rem);line-height:1;letter-spacing:-.06em}#pdrn-use-v2-sae269b .pdrn-use-v2__face{position:relative;z-index:2;width:min(410px,100%);aspect-ratio:.82;margin:28px auto;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.9),transparent 18%),radial-gradient(circle at 50% 68%,rgba(247,215,200,.58),transparent 32%),linear-gradient(145deg,#f8d8cc,#f6b9ad 56%,#e89a9c);box-shadow:inset 0 0 0 16px #ffffff3d,0 30px 80px #0f172a1f;overflow:hidden}#pdrn-use-v2-sae269b .pdrn-use-v2__face:before,#pdrn-use-v2-sae269b .pdrn-use-v2__face:after{content:"";position:absolute;top:33%;width:19px;height:19px;border-radius:50%;background:#0f172a6b;box-shadow:0 0 0 8px #ffffff2e}#pdrn-use-v2-sae269b .pdrn-use-v2__face:before{left:34%}#pdrn-use-v2-sae269b .pdrn-use-v2__face:after{right:34%}#pdrn-use-v2-sae269b .pdrn-use-v2__glow-path{position:absolute;z-index:3;top:18%;right:20%;bottom:20%;left:20%;border-radius:999px 999px 46% 46%;border:2px dashed rgba(225,29,72,.32);animation:ghkcu-use-path-sae269b 4.8s ease-in-out infinite}#pdrn-use-v2-sae269b .pdrn-use-v2__drop{position:absolute;z-index:4;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#fb7185 42%,#f97316);box-shadow:0 0 0 10px #fb718524;animation:ghkcu-use-drop-sae269b 4.8s ease-in-out infinite}#pdrn-use-v2-sae269b .pdrn-use-v2__drop--one{top:22%;left:50%}#pdrn-use-v2-sae269b .pdrn-use-v2__drop--two{top:44%;left:28%;animation-delay:.72s}#pdrn-use-v2-sae269b .pdrn-use-v2__drop--three{top:44%;right:28%;animation-delay:1.18s}#pdrn-use-v2-sae269b .pdrn-use-v2__drop--four{bottom:25%;left:50%;animation-delay:1.6s}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-board{position:relative;z-index:2;display:grid;gap:14px;margin:28px 0;padding:clamp(18px,2.8vw,26px);border:1px solid rgba(225,29,72,.12);border-radius:30px;background:radial-gradient(circle at 100% 0%,rgba(251,113,133,.1),transparent 36%),linear-gradient(180deg,#fff,#f7f9ff);box-shadow:0 20px 60px #1b2f5c14}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-board:before{content:"";position:absolute;top:48px;bottom:48px;left:49px;width:2px;border-radius:999px;background:linear-gradient(180deg,#fb718524,#fdba7442)}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-row{position:relative;z-index:2;display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:center;border:1px solid rgba(15,23,42,.06);border-radius:24px;background:#ffffffe0;padding:14px}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#1f070f,#be123c);color:#fff;font-size:1.02rem;font-weight:950;box-shadow:0 14px 26px #be123c29}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-copy strong{display:block;margin-bottom:3px;color:#0b1324;font-size:clamp(1.18rem,1.42vw,1.34rem);line-height:1.1}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-copy span{display:block;color:#101828a6;font-size:clamp(.98rem,1.06vw,1.08rem);line-height:1.38}#pdrn-use-v2-sae269b .pdrn-use-v2__layer-demo{position:relative;z-index:2;min-height:370px;margin:28px 0;overflow:hidden;border:1px solid rgba(225,29,72,.12);border-radius:32px;background:radial-gradient(circle at 50% 36%,rgba(251,113,133,.12),transparent 30%),linear-gradient(180deg,#fff,#f6f8ff);box-shadow:0 20px 60px #1b2f5c14}#pdrn-use-v2-sae269b .pdrn-use-v2__skin-plate{position:absolute;left:50%;bottom:54px;width:min(72%,360px);height:118px;transform:translate(-50%) perspective(620px) rotateX(62deg);border-radius:999px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#f8d8cc,#f1a8a5);box-shadow:0 34px 60px #b5565b2e,inset 0 0 0 12px #fff3}#pdrn-use-v2-sae269b .pdrn-use-v2__serum-drop{position:absolute;top:58px;left:var(--x);width:22px;height:22px;border-radius:999px;background:radial-gradient(circle at 32% 28%,#fff,#fb7185 42%,#f97316);box-shadow:0 0 0 10px #fb71851f,0 18px 34px #be123c2e;animation:ghkcu-use-serum-drop-sae269b 4.8s ease-in-out infinite;animation-delay:var(--delay, 0s)}#pdrn-use-v2-sae269b .pdrn-use-v2__seal-layer{position:absolute;left:50%;bottom:var(--bottom);width:min(var(--w),380px);height:54px;transform:translate(-50%) perspective(620px) rotateX(62deg);border-radius:999px;background:var(--bg);box-shadow:0 18px 40px #be123c1a;opacity:0;animation:ghkcu-use-layer-settle-sae269b 4.8s ease-in-out infinite;animation-delay:var(--delay, 0s)}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip{position:absolute;z-index:3;border-radius:999px;background:#ffffffe6;color:#0b1324;padding:9px 12px;font-size:.86rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 34px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip--skin{left:22px;bottom:70px}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip--serum{left:50%;top:34px;transform:translate(-50%);color:#be123c}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip--seal{right:22px;bottom:132px}#pdrn-use-v2-sae269b .pdrn-use-v2__glow-ring{position:absolute;left:50%;bottom:96px;width:min(58%,300px);height:60px;transform:translate(-50%) perspective(620px) rotateX(62deg);border:2px solid rgba(225,29,72,.22);border-radius:999px;opacity:.26;animation:ghkcu-use-glow-ring-sae269b 4.8s ease-in-out infinite}#pdrn-use-v2-sae269b .pdrn-use-v2__visual-note{position:relative;z-index:2;margin:0;border-radius:24px;background:#1f070f;color:#ffffffdb;padding:20px;font-size:1.06rem;line-height:1.54}#pdrn-use-v2-sae269b .pdrn-use-v2__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#pdrn-use-v2-sae269b .pdrn-use-v2__step{position:relative;overflow:hidden;border:1px solid rgba(225,29,72,.12);border-radius:26px;background:linear-gradient(135deg,#fffffff5,#eff6ffc7),#fff;box-shadow:0 20px 60px #1b2f5c14;padding:clamp(18px,2.2vw,24px)}#pdrn-use-v2-sae269b .pdrn-use-v2__step:after{content:"";position:absolute;right:-42px;top:-42px;width:128px;height:128px;border-radius:50%;background:#e11d480f;pointer-events:none}#pdrn-use-v2-sae269b .pdrn-use-v2__step-num{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:48px;margin-bottom:16px;border-radius:999px;background:linear-gradient(145deg,#1f070f,#be123c);color:#fff;font-size:1rem;font-weight:950;box-shadow:0 12px 24px #be123c2e}#pdrn-use-v2-sae269b .pdrn-use-v2__step h3{margin:0 0 8px;color:#0b1324;font-family:var(--font-heading-family);font-size:clamp(1.52rem,2.2vw,2.12rem);line-height:1.04;letter-spacing:-.05em}#pdrn-use-v2-sae269b .pdrn-use-v2__step p{margin:0;color:#101828ad;font-size:clamp(1.03rem,1.15vw,1.14rem);line-height:1.56}#pdrn-use-v2-sae269b .pdrn-use-v2__tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}#pdrn-use-v2-sae269b .pdrn-use-v2__tip{border-radius:22px;background:#0f172a0d;color:#101828b8;padding:18px;font-size:1.06rem;line-height:1.46}#pdrn-use-v2-sae269b .pdrn-use-v2__tip strong{display:block;margin-bottom:4px;color:#0b1324;font-size:.98rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}@keyframes ghkcu-use-path-sae269b{0%,to{opacity:.42;transform:scale(.98)}50%{opacity:.88;transform:scale(1.02)}}@keyframes ghkcu-use-drop-sae269b{0%,to{transform:translate(-50%) scale(.9);opacity:.58}50%{transform:translate(-50%,8px) scale(1.12);opacity:1}}@keyframes ghkcu-use-serum-drop-sae269b{0%{opacity:0;transform:translateY(0) scale(.72)}14%{opacity:1}48%{opacity:1;transform:translateY(166px) scale(1)}70%{opacity:.72;transform:translateY(214px) scale(.68)}to{opacity:0;transform:translateY(232px) scale(.5)}}@keyframes ghkcu-use-layer-settle-sae269b{0%,26%{opacity:0;transform:translate(-50%) translateY(-20px) perspective(620px) rotateX(62deg) scale(.92)}48%,82%{opacity:.84;transform:translate(-50%) translateY(0) perspective(620px) rotateX(62deg) scale(1)}to{opacity:0;transform:translate(-50%) translateY(10px) perspective(620px) rotateX(62deg) scale(1.03)}}@keyframes ghkcu-use-glow-ring-sae269b{0%,to{opacity:.12;transform:translate(-50%) perspective(620px) rotateX(62deg) scale(.82)}54%{opacity:.52;transform:translate(-50%) perspective(620px) rotateX(62deg) scale(1.06)}}@media(max-width:920px){#pdrn-use-v2-sae269b .pdrn-use-v2__header,#pdrn-use-v2-sae269b .pdrn-use-v2__grid{grid-template-columns:1fr}#pdrn-use-v2-sae269b .pdrn-use-v2__visual{min-height:auto}}@media(max-width:620px){#pdrn-use-v2-sae269b{padding:46px 14px}#pdrn-use-v2-sae269b .pdrn-use-v2__header{gap:16px;margin-bottom:22px}#pdrn-use-v2-sae269b .pdrn-use-v2__eyebrow{margin-bottom:10px;font-size:.78rem}#pdrn-use-v2-sae269b .pdrn-use-v2__heading{font-size:clamp(3rem,13vw,4.35rem)}#pdrn-use-v2-sae269b .pdrn-use-v2__lede{font-size:1.04rem;line-height:1.48}#pdrn-use-v2-sae269b .pdrn-use-v2__grid{gap:16px}#pdrn-use-v2-sae269b .pdrn-use-v2__steps,#pdrn-use-v2-sae269b .pdrn-use-v2__tips{grid-template-columns:1fr;gap:10px}#pdrn-use-v2-sae269b .pdrn-use-v2__visual,#pdrn-use-v2-sae269b .pdrn-use-v2__step{border-radius:24px}#pdrn-use-v2-sae269b .pdrn-use-v2__visual{padding:20px}#pdrn-use-v2-sae269b .pdrn-use-v2__map-title{font-size:2.24rem}#pdrn-use-v2-sae269b .pdrn-use-v2__layer-demo{min-height:390px;margin:22px 0;border-radius:26px}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip{padding:8px 10px;font-size:.78rem}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip--skin{left:14px;bottom:68px}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip--seal{right:14px;bottom:140px}#pdrn-use-v2-sae269b .pdrn-use-v2__visual-note{border-radius:18px;padding:17px;font-size:1.15rem;line-height:1.5}#pdrn-use-v2-sae269b .pdrn-use-v2__step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px 14px;padding:17px}#pdrn-use-v2-sae269b .pdrn-use-v2__step:after{width:92px;height:92px}#pdrn-use-v2-sae269b .pdrn-use-v2__step-num{min-width:52px;height:48px;margin:0}#pdrn-use-v2-sae269b .pdrn-use-v2__step h3{align-self:center;margin:0;font-size:1.68rem}#pdrn-use-v2-sae269b .pdrn-use-v2__step p{grid-column:1 / -1;font-size:1.16rem;line-height:1.52}#pdrn-use-v2-sae269b .pdrn-use-v2__tips{margin-top:10px}#pdrn-use-v2-sae269b .pdrn-use-v2__tip{border-radius:17px;padding:16px;font-size:1.12rem;line-height:1.5}#pdrn-use-v2-sae269b .pdrn-use-v2__tip strong{font-size:1.04rem}#pdrn-use-v2-sae269b{padding:66px 16px}#pdrn-use-v2-sae269b .pdrn-use-v2__header{gap:22px;margin-bottom:30px}#pdrn-use-v2-sae269b .pdrn-use-v2__eyebrow{font-size:1.08rem}#pdrn-use-v2-sae269b .pdrn-use-v2__heading{font-size:clamp(3.65rem,13vw,5rem);line-height:.94}#pdrn-use-v2-sae269b .pdrn-use-v2__lede{font-size:1.56rem;line-height:1.62}#pdrn-use-v2-sae269b .pdrn-use-v2__visual{padding:22px}#pdrn-use-v2-sae269b .pdrn-use-v2__map-title{font-size:2.72rem;line-height:1.08}#pdrn-use-v2-sae269b .pdrn-use-v2__layer-demo{min-height:430px;margin:26px 0}#pdrn-use-v2-sae269b .pdrn-use-v2__skin-plate{bottom:72px;width:min(82%,360px)}#pdrn-use-v2-sae269b .pdrn-use-v2__serum-drop{top:94px;animation-name:pdrn-use-serum-drop-mobile-sae269b}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip{font-size:1.02rem}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip--skin{bottom:82px}#pdrn-use-v2-sae269b .pdrn-use-v2__routine-chip--seal{bottom:158px}#pdrn-use-v2-sae269b .pdrn-use-v2__visual-note{font-size:1.5rem;line-height:1.56}#pdrn-use-v2-sae269b .pdrn-use-v2__steps{gap:14px}#pdrn-use-v2-sae269b .pdrn-use-v2__step{grid-template-columns:58px minmax(0,1fr);gap:12px 15px;padding:18px}#pdrn-use-v2-sae269b .pdrn-use-v2__step-num{min-width:58px;height:52px;font-size:1.22rem}#pdrn-use-v2-sae269b .pdrn-use-v2__step h3{font-size:1.92rem;line-height:1.1}#pdrn-use-v2-sae269b .pdrn-use-v2__step p{font-size:1.48rem;line-height:1.56}#pdrn-use-v2-sae269b .pdrn-use-v2__tip{font-size:1.42rem;line-height:1.54}#pdrn-use-v2-sae269b .pdrn-use-v2__tip strong{font-size:1.1rem}@keyframes pdrn-use-serum-drop-mobile-sae269b{0%{opacity:0;transform:translateY(0) scale(.72)}14%{opacity:1}48%{opacity:1;transform:translateY(132px) scale(1)}72%{opacity:.72;transform:translateY(154px) scale(.68)}to{opacity:0;transform:translateY(166px) scale(.5)}}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/section-df-pdrn-serum-how-to-use-v2.css.map */