/* Cosmetics: the vanity table — an eyeshadow palette whose pans pop in, a lipstick, swatch dots.
   Palette: UI UX Pro Max "Beauty/Spa/Wellness" (#EC4899, #8B5CF6, #831843) on lavender. Font: Marhey. */
body.skin-cosmetics{--bg:#FBF4FF;--card:#FFFFFF;--card-2:#F3E8FF;--border:#E9D5FF;--fg:#3B0D3A;--secondary-fg:#4C1D4B;--muted:#6E4D6C;
  --primary:#A21CAF;--on-primary:#FFFFFF;--accent:#DB2777;--i-font:"Marhey";--i-w:700;--i-r:28px;--peak:#1D4ED8;color-scheme:light}
.skin-cosmetics .btn{border-radius:999px}
.skin-cosmetics .ih{align-content:center;gap:8px}
.skin-cosmetics .ih-art{position:relative;inset:auto;z-index:0}
.skin-cosmetics .ih-art .art{width:min(480px,86vw)}
.skin-cosmetics .ih h1{font-size:clamp(40px,5.8vw,80px);line-height:1.25}
.skin-cosmetics .compact > rect{fill:#fff;stroke:var(--border);stroke-width:5}
.skin-cosmetics .pan{stroke:#fff;stroke-width:4;transform-box:fill-box;transform-origin:center}
.skin-cosmetics .p0{fill:#F9A8D4}.skin-cosmetics .p1{fill:#FDBA74}.skin-cosmetics .p2{fill:#C4B5FD}
.skin-cosmetics .p3{fill:#A21CAF}.skin-cosmetics .p4{fill:#FB7185}.skin-cosmetics .p5{fill:#FDE68A}
.skin-cosmetics .alive .pan{animation:co-pop .7s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--d)}
@keyframes co-pop{from{transform:scale(.2);opacity:0}}
.skin-cosmetics .tube{fill:#3B0D3A}.skin-cosmetics .ring{fill:#B7791F}.skin-cosmetics .bullet{fill:#DB2777}
.skin-cosmetics .stick{animation:co-tilt 4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
@keyframes co-tilt{from{rotate:-3deg}to{rotate:3deg}}
/* services: pill cards, each icon in a pigment circle */
.skin-cosmetics .is-ico{border-radius:50%}
.skin-cosmetics .is-list li:nth-child(1) .is-ico{background:#F9A8D4;color:#3B0D3A}
.skin-cosmetics .is-list li:nth-child(2) .is-ico{background:#C4B5FD;color:#3B0D3A}
.skin-cosmetics .is-list li:nth-child(3) .is-ico{background:#FDBA74;color:#3B0D3A}
.skin-cosmetics .is-list li{border-color:var(--border)}
.skin-cosmetics .ic-box{background:linear-gradient(var(--card-2),var(--card-2))}
