.ablp-skin{padding:clamp(58px,7vw,100px) 0;background:#f6f5f0;color:#0a1628;font-family:'General Sans',Arial,sans-serif}
.ablp-skin *,.ablp-skin *::before,.ablp-skin *::after{box-sizing:border-box}
.ablp-skin :is(h2,h3,p,figure){margin:0}
.ablp-skin__heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;margin-bottom:36px}
.ablp-skin .ablp-skin__eyebrow{margin-bottom:19px;font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#587180}
.ablp-skin .ablp-skin__heading h2{font:500 clamp(40px,4.4vw,64px)/1.04 'Cabinet Grotesk',Arial,sans-serif;letter-spacing:-.045em;text-wrap:balance;color:inherit}
.ablp-skin__intro{max-width:410px;margin-left:auto!important;color:#526775;font-size:15px;line-height:1.75}
.ablp-skin__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;margin:0;list-style:none}
.ablp-skin__grid:focus-visible{outline:2px solid #47798f;outline-offset:5px}
.ablp-skin__card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7dedf;border-radius:20px;background:#eef1ee;padding:25px 23px 24px}
.ablp-skin__card--abl{background:#e5f0f4;border-color:#a8c6d3;box-shadow:0 10px 30px #244d6008}
.ablp-skin__card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;font:10px/1.5 'General Sans',Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#5b6e79}
.ablp-skin__card-top>span{font:11px/1.5 ui-monospace,monospace;color:#718590}
.ablp-skin__card--abl .ablp-skin__card-top{color:#2c5a72}
.ablp-skin .ablp-skin__card h3{font:500 clamp(25px,2.4vw,34px)/1.08 'Cabinet Grotesk',Arial,sans-serif;letter-spacing:-.035em;min-height:2.16em;text-wrap:balance;color:inherit}
.ablp-skin .ablp-skin__measurement{margin-top:13px;font-size:12px;font-weight:500;line-height:1.5;color:#536c7a}
.ablp-skin .ablp-skin__figure{margin:0 -13px 23px}
.ablp-skin__figure svg{display:block;width:100%;height:auto;margin-top:8px}
.ablp-skin__serum-track,.ablp-skin__serum-flow{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ablp-skin__serum-track{stroke:#2899bf;stroke-width:5;opacity:.19}
.ablp-skin__serum-flow{stroke:#168ebc;stroke-width:2.8}
.ablp-skin__serum-flow path{stroke-dasharray:3 13.6667;animation:ablp-serum-flow 4.8s linear infinite;animation-play-state:paused}
.ablp-skin__serum-flow path:nth-child(2){animation-delay:-1.6s}
.ablp-skin__serum-flow path:nth-child(3){animation-delay:-3.2s}
.ablp-skin.is-serum-active .ablp-skin__serum-flow path{animation-play-state:running}
@keyframes ablp-serum-flow{to{stroke-dashoffset:-100}}
.ablp-skin__figure figcaption{padding:0 12px;text-align:center;font-size:10px;line-height:1.6;color:#697b84}
.ablp-skin__card-copy{display:flex;flex-direction:column;flex:1;font-size:13px;line-height:1.75;color:#435b69}
.ablp-skin .ablp-skin__context{margin-top:13px;padding-top:13px;border-top:1px solid #0a162816;font-size:11px;line-height:1.7;color:#627680}
.ablp-skin__card-copy a{display:inline-flex;align-items:center;width:fit-content;min-height:44px;margin-top:13px;color:#173f56;font-size:12px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#799aaa}
.ablp-skin__card-copy a:focus-visible{outline:2px solid #47798f;outline-offset:4px}
.ablp-skin__key{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 24px;margin-top:28px;color:#5c6f79;font-size:11px;line-height:1.5}
.ablp-skin__key>span{display:flex;align-items:center;gap:7px}
.ablp-skin__key i{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #0a162813}
.ablp-skin__key-surface{background:#bd8a75}.ablp-skin__key-epidermis{background:#f1ceb8}.ablp-skin__key-dermis{background:#dfb09e}.ablp-skin__key-follicle{background:#8d6654}
.ablp-skin .ablp-skin__note{max-width:930px;margin:19px auto 0;text-align:center;color:#697c86;font-size:11px;line-height:1.75}
.ablp-skin__sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:989px){.ablp-skin__heading{gap:30px}.ablp-skin__grid{gap:12px}.ablp-skin__card{padding:22px 17px}.ablp-skin .ablp-skin__card h3{font-size:28px}.ablp-skin__card-top{font-size:9px;gap:12px}.ablp-skin__card-copy{font-size:12px}}
@media(max-width:749px){
 .ablp-skin{padding:54px 0}
 .ablp-skin__heading{grid-template-columns:1fr;gap:19px;margin-bottom:28px}
 .ablp-skin .ablp-skin__heading h2{font-size:40px}
 .ablp-skin .ablp-skin__eyebrow{font-size:9px;margin-bottom:16px}
 .ablp-skin__intro{margin-left:0!important;font-size:14px;line-height:1.7;max-width:390px}
 .ablp-skin__grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:0 0 15px;scrollbar-width:thin;scrollbar-color:#96adba #e2e7e6}
 .ablp-skin__card{flex:0 0 90%;max-width:400px;padding:24px 22px;border-radius:19px;scroll-snap-align:start}
 .ablp-skin__card-top{font-size:10px;margin-bottom:23px}
 .ablp-skin .ablp-skin__card h3{font-size:32px;min-height:2.16em}
 .ablp-skin__figure svg{margin-top:8px}
 .ablp-skin__card-copy{font-size:13px}
 .ablp-skin__key{justify-content:flex-start;gap:11px 18px;margin-top:24px;font-size:10px}
 .ablp-skin .ablp-skin__note{text-align:left;font-size:10px;margin-top:18px}
}
@media(max-width:359px){.ablp-skin .ablp-skin__heading h2{font-size:36px}.ablp-skin__card{padding:23px 18px}.ablp-skin .ablp-skin__card h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ablp-skin__grid{scroll-behavior:auto}.ablp-skin__serum-flow path{animation:none}}