.dela-formula{position:relative;isolation:isolate;scroll-margin-top:24px;padding:135px clamp(20px,4vw,70px) 110px;color:#f4f3f5;background:linear-gradient(180deg,#f9f9f7 0,#e3e4e4 30px,#5b6063 85px,#212528 150px,#111517 330px,#131719 85%,#252b2d 100%)}.formula-shell{max-width:1640px;margin:auto;display:grid;grid-template-columns:minmax(250px,.87fr) minmax(350px,1.1fr) minmax(330px,1fr);gap:clamp(15px,2vw,38px);align-items:center;min-width:0}.formula-intro{position:relative;z-index:2;padding:35px 0}.formula-intro .overline{color:#d0d1d7;letter-spacing:.22em;font-size:12px}.formula-intro h2{font-family:var(--serif);font-size:clamp(44px,4.1vw,69px);font-weight:400;letter-spacing:-.025em;line-height:1.04;margin:28px 0 28px}.formula-intro p{color:#c6c8ce;font-size:17px;line-height:1.7;font-weight:300;max-width:380px;margin:0 0 36px}.pearl-button{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffffe0;border-radius:99px;min-height:58px;padding:18px 27px;font-size:14px;color:#20242a;background:linear-gradient(110deg,#f5edef,#e7e8ec 35%,#f8f6f4 60%,#e1d9ec);box-shadow:inset 0 1px 1px #fff,0 0 24px #e7ddee17;transition:transform .25s,box-shadow .4s}.pearl-button:after{content:'';position:absolute;inset:-100% -60%;background:linear-gradient(100deg,transparent 40%,#ffffff90 50%,transparent 60%);transform:translateX(-65%);transition:transform 1.4s cubic-bezier(.2,.7,.2,1);pointer-events:none}.pearl-button:hover:after,.pearl-button:focus-visible:after{transform:translateX(65%)}.pearl-button:hover{box-shadow:inset 0 1px 1px #fff,0 0 35px #e7ddee30}.pearl-button:active{transform:scale(.975)}.dela-formula button:focus-visible,.dela-formula a:focus-visible{outline:2px solid #d6cbe7;outline-offset:5px}
.formula-map{position:relative;aspect-ratio:440/630;width:100%;min-width:0;isolation:isolate}.formula-halo{position:absolute;inset:10% -15% 0;z-index:-2;background:radial-gradient(ellipse,#c7c1d929,transparent 62%);filter:blur(25px);transition:opacity 1s}.formula-serum{position:absolute;z-index:2;width:160%;max-width:none;height:103%;left:-30%;top:-1%;object-fit:contain;filter:drop-shadow(0 20px 24px #0005);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1.4s;pointer-events:none}.formula-cloud{position:absolute;max-width:none;width:74%;height:auto;aspect-ratio:1/1;object-fit:contain;opacity:.32;filter:saturate(.5);z-index:1;pointer-events:none;transition:opacity 1.2s,filter 1.2s;animation:formulaFloat 14s ease-in-out infinite alternate}.cloud-one{left:-8%;top:3%;transform:rotate(-22deg)}.cloud-two{right:-13%;top:26%;width:64%;animation-delay:-7s}.cloud-three{left:2%;bottom:0;width:66%;animation-delay:-4s}.formula-map[data-category=peptides] .cloud-one,.formula-map[data-category=conditioning] .cloud-two,.formula-map[data-category=supporting] .cloud-three{opacity:.7;filter:saturate(.75)}.formula-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.formula-connectors path{fill:none;stroke:#c6c7cd;stroke-width:.7;opacity:.18;transition:opacity .8s,stroke .8s;vector-effect:non-scaling-stroke}.formula-connectors path.is-active{stroke:#e4d9ef;opacity:.7}.map-category{position:absolute;z-index:4;text-align:left;border:0;background:transparent;color:#a4a5ad;padding:12px 0;line-height:1.45;transition:color .7s,text-shadow .7s;max-width:37%}.map-category:before{content:'';position:absolute;left:-11px;top:19px;width:4px;height:4px;border-radius:50%;background:#9c9fa5;transition:box-shadow .7s,background .7s}.map-category strong{display:block;font-size:11px;letter-spacing:.12em;font-weight:500}.map-category span{display:block;font-size:12px;font-weight:300;margin-top:5px}.map-category.is-active{color:#f1eaf6}.map-category.is-active:before{background:#ede3f3;box-shadow:0 0 12px #d8c6eb70}.map-peptides{left:73%;top:16%}.map-conditioning{left:4%;top:66%}.map-supporting{left:74%;top:80%}.peptide-point{position:absolute;z-index:5;border:1px solid #ffffff65;border-radius:50%;width:23px;height:23px;padding:0;background:#232830a8;color:#c0c1c7;display:grid;place-items:center;transition:background .7s,box-shadow .7s,color .7s,border-color .7s}.peptide-point:after{content:'';position:absolute;inset:-10px}.peptide-point span{font-size:9px;letter-spacing:.03em}.point-one{left:48%;top:24%}.point-two{left:36%;top:35%}.point-three{left:54%;top:52%}.peptide-point.is-active{color:#24232c;background:#f1e9f6;border-color:#fff;box-shadow:0 0 0 6px #ddcdec0d,0 0 20px #d6c4e840;animation:pointBreath 5s ease-in-out infinite}
.ingredient-panel{position:relative;z-index:5;min-width:0;background:linear-gradient(140deg,#ffffff0b,#ffffff03 60%);border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff09,0 20px 70px #0002;backdrop-filter:blur(22px);border-radius:26px;padding:17px 20px 23px;overflow:hidden}.ingredient-tabs{display:flex;gap:3px;background:#ffffff05;border:1px solid #ffffff12;border-radius:99px;padding:5px;margin-bottom:31px}.ingredient-tabs button{border:0;border-radius:99px;padding:13px 6px;background:transparent;color:#b9bbc3;font-size:12px;flex:1;min-width:0;transition:color .5s,box-shadow .5s,background .5s}.ingredient-tabs button[aria-selected=true]{background:linear-gradient(115deg,#f0e4e8,#edeff0 45%,#dcd2e6);color:#24242c;box-shadow:inset 0 1px 1px white,0 1px 14px #ddd4e214}.ingredient-content{min-height:243px;padding:0 5px;transition:opacity .22s,transform .35s}.ingredient-content.is-changing{opacity:0;transform:translateY(7px)}.ingredient-count{font-size:12px;letter-spacing:.1em;color:#9e9fa9}.ingredient-content h3{font-family:var(--serif);font-weight:400;font-size:31px;letter-spacing:-.018em;line-height:1.15;margin:17px 0}.ingredient-tags{display:flex;gap:7px;flex-wrap:wrap}.ingredient-tags span{border:1px solid #ffffff28;border-radius:99px;padding:5px 10px;font-size:10px;letter-spacing:.075em;color:#dedbe3}.ingredient-description{font-size:15px;line-height:1.65;color:#c5c5ce;font-weight:300;margin:20px 0 0}.ingredient-art{position:relative;height:195px;width:100%;isolation:isolate;touch-action:pan-y}.ingredient-art:before{content:'';position:absolute;inset:15%;background:radial-gradient(ellipse,#c6b7dd18,transparent 65%);filter:blur(20px)}.ingredient-molecule{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(8px) scale(.94);transition:opacity .9s,transform 1s;filter:saturate(.65);pointer-events:none}.ingredient-molecule.active{opacity:.9;transform:translateY(0) scale(1)}.ingredient-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px}.ingredient-navigation>button{width:44px;height:44px;display:grid;place-items:center;background:#ffffff07;border:1px solid #ffffff28;border-radius:50%;color:#eeedf1;transition:background .3s,transform .2s}.ingredient-navigation>button:hover{background:#ffffff15}.ingredient-navigation>button:active{transform:scale(.94)}.ingredient-navigation svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.ingredient-pagination{display:flex;gap:7px;align-items:center}.ingredient-pagination button{position:relative;width:25px;height:25px;border:0;background:none;padding:0}.ingredient-pagination button:before{content:'';height:3px;border-radius:4px;width:100%;position:absolute;left:0;top:11px;background:#ffffff28;transition:background .5s}.ingredient-pagination button[aria-current=true]:before{background:linear-gradient(90deg,#e3cfdc,#eeeaf5)}.formula-enter .formula-serum{opacity:0;transform:translateY(20px)}.formula-enter .formula-cloud{opacity:0}.dela-formula+.manifest{background:#252b2d;padding-top:110px}
.ingredients-dialog{position:fixed;max-width:750px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;border:1px solid #ffffff2b;border-radius:24px;background:linear-gradient(145deg,#303438,#191e21);color:#eeeef1;padding:35px;box-shadow:0 25px 100px #0006}.ingredients-dialog::backdrop{background:#0d1116b3;backdrop-filter:blur(8px)}.ingredients-dialog-head{display:flex;justify-content:space-between;align-items:center}.ingredients-dialog .overline{color:#c6c7cf}.ingredients-close{border:1px solid #ffffff30;width:40px;height:40px;border-radius:50%;background:transparent;color:#fff;font-size:24px}.ingredients-dialog h2{font-family:var(--serif);font-weight:400;font-size:46px;line-height:1.06;margin:24px 0}.ingredients-dialog-note{color:#bfc3cb;line-height:1.7;font-size:15px}.ingredients-overview h3{font-weight:400;letter-spacing:.1em;text-transform:uppercase;font-size:12px;margin:32px 0 12px;color:#bab3c6}.ingredients-overview dl{margin:0}.ingredients-overview dl>div{padding:16px 0;border-bottom:1px solid #ffffff15}.ingredients-overview dt{font-size:17px;margin-bottom:7px}.ingredients-overview dd{font-size:14px;color:#b7bcc5;line-height:1.6;margin:0}.ingredients-note-link{display:inline-block;font-size:14px;border-bottom:1px solid #ffffff50;padding-bottom:6px;margin-top:28px}
@keyframes formulaFloat{from{translate:0 -5px}to{translate:0 7px}}@keyframes pointBreath{50%{box-shadow:0 0 0 9px #ddcdec06,0 0 24px #d6c4e830}}
@media(min-width:1800px){.formula-shell{gap:45px}.ingredient-content{min-height:260px}.ingredient-art{height:230px}}
@media(max-width:1240px) and (min-width:801px){.formula-shell{grid-template-columns:1.05fr 1fr;gap:15px 45px;max-width:920px}.formula-intro{grid-column:1/-1;max-width:700px;padding:25px 0}.formula-intro h2{font-size:62px}.formula-intro h2 br{display:none}.formula-intro p{max-width:580px}.formula-map{max-width:460px}.ingredient-content{min-height:230px}}
@media(max-width:800px){.dela-formula{padding:130px 22px 74px;background:linear-gradient(180deg,#f9f9f7 0,#e3e4e4 25px,#5b6063 70px,#212528 125px,#111517 250px,#131719 88%,#252b2d 100%)}.formula-shell{display:flex;flex-direction:column;gap:0;max-width:550px}.formula-intro{width:100%;padding:25px 0 0}.formula-intro h2{font-size:clamp(46px,8.5vw,64px);margin:24px 0}.formula-intro p{font-size:16px;max-width:420px;margin-bottom:28px}.pearl-button{min-height:57px}.formula-map{width:100%;max-width:460px;margin:33px 0 17px}.formula-serum{height:103%}.map-category strong{font-size:10px;letter-spacing:.08em}.map-category span{font-size:11px;line-height:1.5}.map-category{max-width:29%}.map-peptides{left:74%;top:15%}.map-conditioning{left:4%;top:65%}.map-supporting{left:74%;top:82%}.ingredient-panel{width:100%;padding:17px 20px 22px;border-radius:24px;scroll-margin-top:25px}.ingredient-tabs{margin-bottom:28px}.ingredient-tabs button{font-size:13px;min-height:45px}.ingredient-content{min-height:240px}.ingredient-content h3{font-size:33px}.ingredient-description{font-size:16px}.ingredient-art{height:205px}.dela-formula+.manifest{padding-top:75px}.ingredients-dialog{padding:25px}.ingredients-dialog h2{font-size:39px}}
@media(max-width:370px){.dela-formula{padding-left:18px;padding-right:18px}.ingredient-panel{padding:14px 15px 20px}.ingredient-tabs button{font-size:11px}.ingredient-content h3{font-size:29px}.ingredient-content{min-height:270px}.map-category span{font-size:10px}.map-category strong{font-size:9px}.formula-intro h2{font-size:45px}.peptide-point{width:20px;height:20px}.peptide-point span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dela-formula *, .dela-formula *:before,.dela-formula *:after{animation:none!important;transition:none!important}.formula-enter .formula-serum,.formula-enter .formula-cloud{opacity:1;transform:none}}
.formula-map[data-category=peptides] .formula-cloud{opacity:.24}.formula-map[data-category=peptides][data-peptide="0"] .cloud-one,.formula-map[data-category=peptides][data-peptide="1"] .cloud-two,.formula-map[data-category=peptides][data-peptide="2"] .cloud-three{opacity:.65;filter:saturate(.75)}.ingredient-card{touch-action:pan-y}.formula-enter .formula-map .formula-cloud{opacity:0}
/* Pearl illumination adds depth without changing the composition. */
.dela-formula:before{content:'';position:absolute;inset:150px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 40%,#b6a2cc12 0,transparent 36%),radial-gradient(ellipse at 88% 57%,#d6b6c412 0,transparent 32%),radial-gradient(ellipse at 58% 77%,#bcc8d111 0,transparent 40%);mask-image:linear-gradient(transparent,#000 14%,#000 76%,transparent)}
.formula-halo{inset:3% -14% -4%;background:radial-gradient(ellipse at 50% 46%,#f0e8fa31 0,#c6b2db22 25%,#a2afc015 46%,transparent 68%),radial-gradient(ellipse at 23% 32%,#d9b7c029,transparent 43%),radial-gradient(ellipse at 80% 67%,#bcb0d932,transparent 44%);filter:blur(20px);opacity:.88;transform:translate(0,0);transition:transform 1.4s ease,opacity 1.4s ease;animation:formulaAura 17s ease-in-out infinite alternate}
.formula-halo:after{content:'';position:absolute;inset:82% 14% 5%;background:radial-gradient(ellipse,#e4d4ee45,#d4b9c21c 40%,transparent 72%);filter:blur(14px)}
.formula-map[data-category=peptides][data-peptide="1"] .formula-halo{transform:translate(-12px,-8px);opacity:1}.formula-map[data-category=peptides][data-peptide="2"] .formula-halo{transform:translate(12px,12px);opacity:1}.formula-map[data-category=conditioning] .formula-halo{transform:translate(-13px,10px)}.formula-map[data-category=supporting] .formula-halo{transform:translate(12px,20px)}
.formula-cloud{filter:saturate(.82) brightness(1.08) drop-shadow(0 0 18px #d8c9e226)}
.formula-map[data-category=peptides][data-peptide="0"] .cloud-one,.formula-map[data-category=peptides][data-peptide="1"] .cloud-two,.formula-map[data-category=peptides][data-peptide="2"] .cloud-three,.formula-map[data-category=conditioning] .cloud-two,.formula-map[data-category=supporting] .cloud-three{opacity:.83;filter:saturate(.88) brightness(1.13) drop-shadow(0 0 22px #d6c5e740)}
.ingredient-panel{background:radial-gradient(ellipse at 28% 94%,#bca9ca12,transparent 65%),linear-gradient(140deg,#ffffff0e,#ffffff04 60%);border-color:#d8cede35;box-shadow:inset 0 1px #ffffff14,0 20px 70px #0002,0 0 65px #c4acd30a}
.ingredient-art:before{inset:3% 2% -3%;background:radial-gradient(ellipse at 46% 55%,#e6d8f248 0,#c4a9df36 22%,#aabcca16 43%,transparent 68%),radial-gradient(ellipse at 72% 54%,#edbecd30,transparent 54%);filter:blur(13px);opacity:.85;transform:translateX(0) scale(1);transition:transform 1.1s ease,opacity 1.1s ease;animation:ingredientLight 13s ease-in-out infinite alternate}
.ingredient-art:after{content:'';position:absolute;inset:72% 15% 9%;z-index:-1;background:radial-gradient(ellipse,#d6c2e538,#e3c2ca16 40%,transparent 72%);filter:blur(12px);pointer-events:none}
.ingredient-panel[data-visual="1"] .ingredient-art:before{transform:translateX(-8px) scale(1.08);opacity:1}.ingredient-panel[data-visual="2"] .ingredient-art:before{transform:translateX(9px) scale(.96);opacity:.94}
.ingredient-molecule{filter:saturate(.88) brightness(1.08) drop-shadow(0 0 14px #d6c7e637)}.ingredient-molecule.active{opacity:1}.ingredient-molecule:nth-child(2){filter:saturate(.9) brightness(1.09) drop-shadow(0 0 17px #c8c5e642)}.ingredient-molecule:nth-child(3){filter:saturate(.9) brightness(1.1) drop-shadow(0 0 16px #e2c3d03d)}
.ingredient-tabs button[aria-selected=true]{background:linear-gradient(115deg,#f4e3e9,#f1eef2 43%,#dfd3ec 85%,#ede6f3);box-shadow:inset 0 1px 2px #fff,0 0 17px #decae52a}
.pearl-button{background:linear-gradient(110deg,#f4e6ec,#e8e8f0 32%,#fbf8f6 57%,#e2d7ed 86%,#f0e7ed);box-shadow:inset 0 1px 2px #fff,0 0 30px #e6cfdf25,0 5px 25px #a7a3c014}.pearl-button:hover{box-shadow:inset 0 1px 2px #fff,0 0 38px #e6cfdf3a,0 5px 25px #a7a3c022}
.formula-connectors path.is-active{stroke:#ece1f4;filter:drop-shadow(0 0 3px #d6bdea50)}.map-category.is-active:before{box-shadow:0 0 6px #ede3f34d,0 0 18px #d8c6eb65}
@keyframes formulaAura{from{scale:1;filter:blur(20px)}to{scale:1.035;filter:blur(24px)}}@keyframes ingredientLight{from{filter:blur(13px)}to{filter:blur(17px)}}
@media(max-width:800px){.dela-formula:before{background:radial-gradient(ellipse at 50% 45%,#b6a2cc14 0,transparent 24%),radial-gradient(ellipse at 52% 85%,#d6b6c414 0,transparent 27%)}.formula-halo{inset:3% -8% -4%;filter:blur(17px)}.ingredient-art:before{inset:1% 0 -1%}}
@media(prefers-reduced-motion:reduce){.formula-halo,.ingredient-art:before{animation:none!important;transition:none!important}}
/* Keep the three ingredient controls clear of the physical product. */
.peptide-point{z-index:8;width:32px;height:32px;border-color:#ded8e694;background:linear-gradient(140deg,#42414bf5,#23272af5);color:#efebf2;box-shadow:inset 0 1px #ffffff24,0 3px 12px #0003;transition:background .6s,box-shadow .6s,color .6s,border-color .6s,transform .25s}
.peptide-point span{font-size:12px;font-weight:500;letter-spacing:.025em;line-height:1}
.point-one{left:13%;top:25%}.point-two{left:81%;top:40%}.point-three{left:13%;top:54%}
.peptide-point:hover{border-color:#f2eaf8;box-shadow:inset 0 1px #ffffff30,0 0 18px #d3bfdf25;transform:scale(1.07)}.peptide-point:active{transform:scale(.95)}
.peptide-point.is-active{background:linear-gradient(135deg,#fcf6f7,#e5dcee);color:#272431;border-color:#fff;box-shadow:0 0 0 5px #ddcdec13,0 0 22px #d6c4e83d}
@media(max-width:800px){.peptide-point{width:30px;height:30px}.peptide-point span{font-size:12px}.peptide-point:after{inset:-7px}}