@font-face{font-family:Bebas;src:url('assets/BebasNeue-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Lilita;src:url('assets/LilitaOne-Regular.ttf') format('truetype');font-display:swap}
:root{--pink:#f5b2d0;--coral:#ffa08f;--ink:#542d40;--white:#fff8f6;--split:50%;--floor-split:53%;font-family:Bebas,'Arial Narrow',sans-serif;color:var(--ink);background:var(--pink)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button:disabled{opacity:.3;cursor:default}main{height:100svh;min-height:560px;position:relative;overflow:hidden;isolation:isolate}.world{position:absolute;inset:0;z-index:-2;overflow:hidden}.pink-wall,.coral-wall{position:absolute;inset:0}.pink-wall{background:var(--pink);clip-path:polygon(0 0,var(--split) 0,var(--split) 74%,0 74%)}.coral-wall{background:var(--coral);clip-path:polygon(var(--split) 0,100% 0,100% 74%,var(--split) 74%)}.floor{position:absolute;inset:74% 0 0;box-shadow:0 -8px 22px #9e526319}.pink-floor,.coral-floor{position:absolute;inset:0}.pink-floor{background:#f1a8c8;clip-path:polygon(0 0,var(--split) 0,var(--floor-split) 100%,0 100%)}.coral-floor{background:#f59887;clip-path:polygon(var(--split) 0,100% 0,100% 100%,var(--floor-split) 100%)}.light{position:absolute;inset:0;background:radial-gradient(ellipse at 47% 18%,#fff8 0%,#fff2 38%,transparent 72%),linear-gradient(0deg,#d86b7e10,transparent 30%);mix-blend-mode:soft-light}.grain{position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.28' filter='url(%23n)'/%3E%3C/svg%3E")}
header{position:absolute;top:25px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;z-index:10}.wordmark{display:flex;align-items:center;gap:11px;font:26px/.95 Lilita,sans-serif;letter-spacing:-.5px}.wordmark img{width:45px;height:45px;object-fit:contain}.wordmark-small{display:block;font:11px/1.4 Arial,sans-serif;letter-spacing:.3px;margin-top:6px}nav{display:flex;gap:30px}nav button{font-size:18px;padding:9px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}nav button:hover{color:var(--white)}.categories{position:absolute;top:19%;left:0;right:0;z-index:3;pointer-events:none}.categories button{position:absolute;font-size:25px;letter-spacing:1px;color:var(--white);pointer-events:auto;text-shadow:0 1px 6px #843d4c1c;white-space:nowrap;transform:translateX(-50%)}.categories .beauty{left:25%}.categories .care{left:75%}#stage{position:absolute;inset:0;touch-action:pan-y;cursor:grab;outline-offset:-8px}#stage.dragging{cursor:grabbing}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:2}#shadows{position:absolute;inset:0;z-index:1;pointer-events:none}.product-shadow{position:absolute;left:0;top:0;width:180px;height:28px;border-radius:50%;background:radial-gradient(ellipse,#652f3f77 0%,#78323e30 40%,transparent 72%);filter:blur(6px);will-change:transform;transform-origin:center}#labels{position:absolute;inset:0;z-index:3;pointer-events:none}.product-label{position:absolute;left:0;top:0;pointer-events:auto;text-align:center;white-space:nowrap;padding:14px 8px;font-size:18px;letter-spacing:.4px;will-change:transform}.product-label span{max-width:220px;white-space:normal;display:block;font:10px/1.4 Arial,sans-serif;opacity:0;height:0;transition:opacity .3s}.product-label.active span{opacity:.8;height:auto}.product-label:hover{text-decoration:underline;text-underline-offset:5px}.product-label.active{color:#fff8f6}.selection{position:absolute;left:50%;top:10%;transform:translateX(-50%);text-align:center;z-index:4;pointer-events:none}.selection h1{font:28px/.98 Lilita,sans-serif;max-width:450px;margin:7px 0 0;white-space:nowrap}.selection>span{display:none}.selection button{pointer-events:auto;font-size:15px;margin-top:10px;text-decoration:underline;text-underline-offset:4px}footer{position:absolute;bottom:27px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;z-index:6}.footer-copy{font:12px/1.5 Arial,sans-serif}.footer-copy strong{font-weight:600}.carousel-controls{display:flex;align-items:center;gap:22px;position:absolute;left:50%;transform:translateX(-50%)}.carousel-controls>button{font:24px Arial,sans-serif;padding:10px}.progress{display:flex;gap:9px;align-items:center}.progress button{position:relative;width:14px;height:28px;padding:0}.progress button:after{content:'';display:block;width:5px;height:5px;background:var(--ink);border-radius:50%;opacity:.35;margin:auto;transition:transform .3s,opacity .3s}.progress button[aria-pressed=true]:after{transform:scale(1.65);opacity:1}#sound{font-size:15px;padding:12px 0}#sound span{margin-left:9px}dialog{background:#fff7f4;color:var(--ink);border:0;padding:48px;max-width:min(550px,90vw);max-height:80svh;box-shadow:0 20px 90px #542d4040}dialog::backdrop{background:#542d4055;backdrop-filter:blur(8px)}dialog h2{font:36px Lilita;margin:0 25px 25px 0}.close{position:absolute;right:20px;top:12px;font:32px Arial}.dialog-content{font:16px/1.6 Arial,sans-serif}.brand-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.brand-list button{text-align:left;font:20px Bebas;padding:8px;background:#f5b2d030}.loading{position:absolute;inset:0;background:#f5b2d0;z-index:30;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:17px;transition:opacity .6s}.loading-bunny{font:42px Lilita}.loaded .loading{opacity:0;pointer-events:none}.no-script{position:absolute;inset:35% 15%;z-index:40;background:var(--pink);font-size:24px}.fallback-product{position:absolute;object-fit:contain;max-height:50svh;cursor:pointer;filter:drop-shadow(5px 12px 10px #69324120)}
@media(max-width:700px){main{min-height:500px}header{top:20px;left:20px;right:20px}.wordmark{font-size:22px;gap:7px}.wordmark img{width:36px;height:36px}.wordmark-small{display:none}nav{gap:16px}nav button{font-size:15px}nav button:first-child{display:none}.categories{top:23%}.categories button{font-size:21px}.product-label{font-size:12px;padding:12px 2px}.product-label.active{font-size:19px}.product-label span{font-size:10px}.selection{top:14%;width:90%}.selection h1{font-size:24px;white-space:normal;margin:6px auto 0}.selection>span{font-size:13px}.selection button{font-size:14px;margin-top:10px}footer{left:20px;right:20px;bottom:19px;align-items:flex-end}.footer-copy{font-size:10px}.carousel-controls{bottom:50px;gap:13px}.progress{gap:7px}#sound{font-size:12px;padding:0}dialog{padding:35px 25px}dialog h2{font-size:30px}.brand-list{gap:6px}.floor{top:73%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}

/* Brand lettering follows the supplied packaging references. */
.brand-type{--brand-font:Arial,sans-serif;--brand-weight:400;--brand-spacing:0;--brand-case:none;--brand-style:normal}
.brand-bausse{--brand-font:Georgia,'Times New Roman',serif;--brand-weight:700;--brand-style:italic}
.brand-bissu{--brand-font:Arial,sans-serif;--brand-spacing:.24em;--brand-case:uppercase}
.brand-pinkup{--brand-font:'Arial Black',Arial,sans-serif;--brand-weight:900;--brand-case:uppercase;--brand-spacing:-.04em}
.brand-romand{--brand-font:Arial,sans-serif;--brand-weight:300;--brand-spacing:-.07em}
.brand-centella{--brand-font:Arial,sans-serif;--brand-spacing:.36em;--brand-case:uppercase}
.brand-althea{--brand-font:'Times New Roman',Times,serif;--brand-spacing:.10em;--brand-case:uppercase}
.brand-melaxin{--brand-font:Arial,sans-serif;--brand-weight:700;--brand-spacing:-.055em}
.brand-fromskin{--brand-font:Georgia,'Times New Roman',serif;--brand-spacing:-.04em;--brand-case:lowercase}
.product-label.brand-type,.selection h1.brand-type{font-family:var(--brand-font);font-weight:var(--brand-weight);letter-spacing:var(--brand-spacing);text-transform:var(--brand-case);font-style:var(--brand-style)}
.product-label.brand-type{font-size:14px}.product-label.brand-centella{font-size:11px}.selection h1.brand-type{font-size:32px;line-height:1.1}.selection h1.brand-centella{font-size:18px}.selection h1.brand-bissu{font-size:25px}.selection h1.brand-romand{font-size:42px}
@media(max-width:700px){.product-label.brand-type{font-size:10px}.product-label.brand-centella{font-size:9px}.product-label.active.brand-type{font-size:16px}.product-label.active.brand-centella{font-size:11px}.selection h1.brand-type{font-size:28px}.selection h1.brand-centella{font-size:16px}.selection h1.brand-romand{font-size:36px}}

/* Soft material transition and a shaded cyclorama corner. */
.pink-wall{clip-path:none;background:linear-gradient(90deg,var(--pink) calc(var(--split) - 6%),var(--coral) calc(var(--split) + 6%))}
.coral-wall,.coral-floor{display:none}
.pink-floor{clip-path:none;background:linear-gradient(100deg,#f1a8c8 calc(var(--split) - 6%),#f59887 calc(var(--split) + 6%))}
.floor{box-shadow:0 -12px 32px #79434d25}
.floor:before{content:'';position:absolute;left:0;right:0;top:-52px;height:110px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#743e4b08 20%,#743e4b29 47%,#743e4b1a 60%,transparent 100%);filter:blur(8px)}
.world:after{content:'';position:absolute;inset:36% 0 26%;pointer-events:none;background:radial-gradient(ellipse at var(--split) 100%,#80455413,transparent 65%)}
.categories{will-change:transform}
.selection h1.brand-type{font-size:37px}.selection h1.brand-centella{font-size:21px}.selection h1.brand-bissu{font-size:29px}.selection h1.brand-romand{font-size:47px}
@media(max-width:700px){.selection h1.brand-type{font-size:32px}.selection h1.brand-centella{font-size:18px}.selection h1.brand-romand{font-size:40px}}

/* Refractive lettering: translucent body, bright edge, tinted edge dispersion. */
.categories button{font-size:36px;letter-spacing:1.2px;color:transparent;text-shadow:none;padding:4px 0}
.categories button span{position:relative;display:block;color:transparent;background:linear-gradient(115deg,#fff6 0%,#fff3 28%,#fffd 36%,#fff2 43%,#fff6 68%,#fff2 81%,#fff9 100%);background-size:230% 100%;background-position:var(--glass-shift,50%) center;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.65px #ffffff80;filter:drop-shadow(0 1px 0 #fff9) drop-shadow(0 2px 2px #8e60642e);text-shadow:-.65px 0 #ffadc326,.7px .5px #e5ffff30}
.categories button span:after{content:attr(data-glass);position:absolute;inset:0;color:transparent;-webkit-text-stroke:.3px #ffffffa6;clip-path:polygon(0 0,100% 0,100% 24%,0 65%);pointer-events:none}
.room-3d .world{visibility:hidden}.room-3d #shadows{display:none}
.loaded .world{animation:room-arrives 1.4s ease-out both}.loaded header,.loaded footer{animation:interface-arrives 1.1s ease-out both}
@keyframes room-arrives{from{opacity:.5}to{opacity:1}}@keyframes interface-arrives{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.categories button{font-size:29px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.loaded .world,.loaded header,.loaded footer{animation:none}}

.product-label.active{color:var(--ink)}

.categories button span:before{content:'';position:absolute;inset:0;mask-image:var(--glass-mask);-webkit-mask-image:var(--glass-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;backdrop-filter:blur(1.6px) brightness(1.12) saturate(1.3);-webkit-backdrop-filter:blur(1.6px) brightness(1.12) saturate(1.3);background:linear-gradient(120deg,#ffffff10,#ffffff03 45%,#ffffff30 48%,#ffffff08 52%);transform:translateX(.5px);pointer-events:none}

@media(max-width:700px){.wordmark>span{transition:opacity .3s}.category-focused .wordmark>span{opacity:0;pointer-events:none}}
.categories button span{filter:drop-shadow(0 2px 2px #764d651f);text-shadow:none}
/* Solid white category titles. */
.categories button,.categories button span{color:#fff;background:none;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;text-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.categories button span:before,.categories button span:after{display:none;content:none}