:root{--pink:#fbddeb;--ink:#51213d;--cherry:#c32c64;--lilac:#e6dcfb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,Arial,sans-serif;background:#fff6fa;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cherry);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--pink)}.logo{font:900 43px/.85 Arial;letter-spacing:-3px}.logo span{display:block;font:9px Pretendard;letter-spacing:2px;margin-top:12px}nav{display:flex;gap:32px;font-size:13px}.nav-cta{font-size:11px;border-bottom:1px solid #51213d66;padding:12px 0;letter-spacing:1px}.hero{min-height:620px;height:calc(100svh - 100px);max-height:1000px;position:relative;isolation:isolate;overflow:hidden;background:var(--pink)}.film{position:absolute;inset:0 0 0 25%;z-index:-1}.film video{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}.film::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pink),#fbddeb00 26%);pointer-events:none}.hero-copy{position:absolute;left:7%;top:20%;max-width:49%}.eyebrow{font-size:10px;letter-spacing:2px}.hero h1{font-size:clamp(50px,5.8vw,92px);line-height:1.17;letter-spacing:-4px;font-weight:800;margin:26px 0;color:#662241;animation:enter .8s both}.hero h1 em{color:var(--cherry);font-style:normal}.hero-copy p{font-size:15px;line-height:1.9;margin:25px 0 30px}.pill{display:inline-flex;background:var(--cherry);color:white;border-radius:40px;gap:50px;padding:18px 26px;font-size:14px;transition:transform .25s}.pill:hover{transform:translateY(-3px)}.campaign-label{position:absolute;right:4%;top:20px;font-size:10px;letter-spacing:2px}.campaign-label span{display:block;font-size:8px;text-align:right;margin-top:8px}.hero-footer{position:absolute;left:5%;right:5%;bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.motion{font-size:9px;border-radius:30px;padding:12px 16px;background:#fff2f8d9}.ticker{overflow:hidden;background:var(--cherry);color:#ffe9f3;padding:21px 0}.ticker div{width:max-content;white-space:nowrap;font-size:34px;line-height:1;font-weight:800;letter-spacing:-1px;animation:marquee 28s linear infinite}.moods{padding:70px 7% 95px}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid #e7c9d9;padding-bottom:20px;font-size:10px;letter-spacing:1px}.mood-heading{display:flex;justify-content:space-between;align-items:end;padding:45px 0}.mood-heading h2{font-size:55px;letter-spacing:-3px;line-height:1.2;margin:0;position:relative}.mood-heading h2>span{position:absolute;right:-80px;top:10px;font-size:64px;color:#ba89dc}.mood-heading p{font-size:14px;line-height:1.9;color:#91677e}.mood-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.mood-art{height:520px;position:relative;overflow:hidden;border-radius:140px 140px 10px 10px;background:var(--pink)}.mood-art img{width:100%;height:100%;object-fit:cover;object-position:85% center}.mood-stamp{position:absolute;left:28px;bottom:25px;font-size:55px;font-weight:900;line-height:.9;letter-spacing:-3px;color:white}.swatches{display:flex;gap:20px;margin-top:25px}.swatches button{font-size:11px;padding:0}.swatches i{display:block;width:50px;height:50px;border-radius:50%;border:5px solid #fff6fa;outline:1px solid #e8cada;margin:0 auto 14px;transition:transform .2s}.swatches button[aria-pressed=true] i{outline:2px solid var(--cherry);transform:scale(1.08)}.mood-title{font-size:33px;letter-spacing:-1.5px;margin:35px 0 18px}.mood-description{font-size:14px;line-height:1.9;color:#89647a}.mood-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.mood-tags span{border:1px solid #dac4d4;padding:8px 11px;border-radius:30px;font-size:8px;letter-spacing:1px}.save{border-bottom:1px solid var(--ink);padding:16px 0;width:100%;text-align:left;font-size:14px}.saved{min-height:20px;font-size:12px;color:var(--cherry)}.statement{background:var(--lilac);padding:90px 7%;text-align:center}.statement h2{font-size:55px;line-height:1.3;letter-spacing:-2px;margin:35px 0}.statement h2 em{font-style:normal;color:#9361b2}.statement p{font-size:15px;line-height:1.9}.statement-sign{display:block;font:italic 55px Georgia;color:#a13c77;margin-top:40px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 5%}footer .logo{font-size:33px}footer p{font-size:10px;line-height:1.9;color:#926c82}footer>a:last-child{font-size:11px}.paused *,.offscreen *{animation-play-state:paused!important}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){header{height:85px;padding:0 6%}.logo{font-size:35px}.logo span{font-size:7px}nav{display:none}.nav-cta{font-size:8px}.hero{height:auto;min-height:820px}.hero-copy{top:36px;left:7%;max-width:88%;z-index:2}.hero h1{font-size:47px;letter-spacing:-2.5px;margin:18px 0}.eyebrow{font-size:8px}.hero-copy p{font-size:13px;margin:18px 0}.pill{font-size:12px;padding:13px 19px;gap:25px}.film{inset:330px 0 0}.film video{object-position:65% center}.film::after{background:linear-gradient(var(--pink),transparent 22%)}.campaign-label{display:none}.hero-footer{bottom:15px;left:6%;right:6%;font-size:7px}.hero-footer>span{display:none}.motion{font-size:8px}.ticker{padding:17px 0}.ticker div{font-size:25px}.moods{padding:40px 6% 55px}.section-top{font-size:8px;gap:15px}.mood-heading{display:block;padding:30px 0}.mood-heading h2{font-size:37px;letter-spacing:-2px;display:inline-block}.mood-heading h2>span{font-size:45px;right:-60px}.mood-heading p{font-size:12px;margin-top:25px}.mood-layout{grid-template-columns:1fr;gap:30px}.mood-art{height:360px;border-radius:100px 100px 8px 8px}.mood-title{font-size:28px}.mood-description{font-size:13px}.statement{padding:55px 6%}.statement h2{font-size:32px;letter-spacing:-1.5px}.statement p{font-size:12px}.statement-sign{font-size:40px}footer{flex-wrap:wrap;padding:30px 6%}footer p{order:3;font-size:9px}footer>a:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Header and campaign light effects */
header{position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(#fbddebe6,#fbddeb00)}
.hero{height:100svh;min-height:720px;max-height:none}.hero-copy{top:27%}.campaign-label{top:115px}.hero-copy,.hero-footer,.campaign-label{z-index:2}
.glow-effects{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;mix-blend-mode:screen}
.light-bloom{position:absolute;width:48%;height:65%;right:-20%;top:0;background:radial-gradient(ellipse,#fffaf7dd 0%,#ffe5fa88 16%,#cbb2ff44 35%,transparent 65%);animation:beauty-bloom 8s ease-in-out infinite}
.light-sweep{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 51%,#fff1fb00 54%,#fff1fb65 56%,#fff9ff99 57%,#fff1fb00 59%,transparent 63%);transform:translateX(-25%);animation:beauty-sweep 10s ease-in-out infinite;opacity:0}
.spark{position:absolute;display:block;width:34px;height:34px;background:radial-gradient(circle,#fff 0 5%,#fff7fd77 12%,transparent 55%);opacity:0;animation:beauty-spark 5.8s ease-in-out infinite}.spark::before,.spark::after{content:"";position:absolute;inset:0;background:#fffafc;clip-path:polygon(50% 0,57% 42%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%)}.spark::after{transform:rotate(45deg) scale(.42);opacity:.7}.s1{left:47%;top:23%;animation-delay:-1s}.s2{right:5%;top:47%;width:48px;height:48px;animation-delay:-3.4s}.s3{left:51%;bottom:16%;width:25px;height:25px;animation-delay:-2.2s}.s4{right:18%;bottom:12%;animation-delay:-4.7s}.s5{left:38%;top:15%;width:19px;height:19px;animation-delay:-.2s}
@keyframes beauty-bloom{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:.85;transform:scale(1.2) translate(-6%,6%)}}
@keyframes beauty-sweep{0%,25%{opacity:0;transform:translateX(-30%)}40%{opacity:.6}65%{opacity:0;transform:translateX(28%)}100%{opacity:0;transform:translateX(28%)}}
@keyframes beauty-spark{0%,18%,58%,100%{opacity:0;transform:scale(.2) rotate(-15deg)}35%{opacity:.95;transform:scale(1) rotate(0)}45%{opacity:.5;transform:scale(.7) rotate(12deg)}}
@media(max-width:760px){header{background:linear-gradient(#fbddebc9,transparent)}.hero{height:auto;min-height:900px}.hero-copy{top:115px}.film{inset:0}.film video{object-position:65% center}.film::after{background:linear-gradient(var(--pink) 0%,#fbddebf5 25%,#fbddebdb 35%,#fbddeb00 53%)}.glow-effects{top:35%}.light-bloom{width:90%;right:-50%}.s1{left:8%;top:30%}.s2{right:4%;top:65%}.s3{left:12%;bottom:9%}.s4{right:10%;bottom:4%}.s5{left:9%;top:10%}.light-sweep{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){.glow-effects{display:none}}
@media(max-width:760px){.film video{position:absolute;bottom:0;height:570px;width:100%;object-position:65% center}.film::after{background:linear-gradient(var(--pink) 0%,var(--pink) 32%,#fbddeb99 43%,transparent 56%)}}
@media(max-width:760px){.film video{mask-image:linear-gradient(transparent,#000 20%);-webkit-mask-image:linear-gradient(transparent,#000 20%)}}
/* Soft pink accents and more readable navigation */
.hero h1 em{color:#ec82ad}.pill{background:#f3a4c5;color:#612b47;box-shadow:0 6px 24px #ee96be24}.pill:hover{background:#f7b4d0}
header nav{font-size:17px;font-weight:700;gap:36px}header .nav-cta{font-size:13px;font-weight:750;letter-spacing:.8px}header .logo{font-size:49px;font-weight:900}header .logo span{font-size:10px;font-weight:700;letter-spacing:2px}
@media(max-width:760px){header .logo{font-size:40px}header .logo span{font-size:8px}header .nav-cta{font-size:10px;font-weight:750;letter-spacing:.3px}}
/* White hero typography, preserving soft pink accents */
header,.hero,.hero h1,.hero-copy p,.hero .pill,.hero .motion{color:#fff}.hero .motion{background:#ffffff26;border:1px solid #ffffff80}header .nav-cta{border-bottom-color:#ffffff80}.hero-copy h1,.hero-copy p,.hero-copy .eyebrow,header,.hero-footer,.campaign-label{text-shadow:0 1px 8px #71365324}
.products{padding:75px 7% 90px;background:#fff9fc}.products-heading{padding:40px 0}.products-heading h2{font-size:48px;line-height:1.25;letter-spacing:-2px;margin:0}.products-heading p{font-size:14px;color:#92677e;margin-top:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-card{text-align:left;padding:0;min-width:0}.product-photo{display:block;background-image:url('assets/products-campaign.png');background-size:300% 100%;background-repeat:no-repeat;aspect-ratio:1/1.35;border-radius:18px;transition:transform .35s,box-shadow .35s}.product-0{background-position:left center}.product-1{background-position:center center}.product-2{background-position:right center}.product-card:hover .product-photo{transform:translateY(-6px);box-shadow:0 16px 32px #a7547a1c}.product-category{display:block;font-size:9px;letter-spacing:1.5px;margin:23px 0 10px;color:#ab668a}.product-card strong{display:block;font-size:22px;letter-spacing:-.7px}.product-sub{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#946d82;margin-top:12px;line-height:1.6}.product-sub b{font-size:20px;color:#b74a7c}.product-disclaimer{font-size:10px;color:#947386;line-height:1.8;margin-top:30px}.product-dialog{position:fixed;border:0;border-radius:22px;width:min(1060px,94vw);max-height:90svh;overflow:auto;padding:0;background:#fff9fc;color:#51213d}.product-dialog::backdrop{background:#49203977;backdrop-filter:blur(8px)}.detail-close{position:sticky;top:14px;float:right;margin:14px 15px -56px 0;z-index:3;width:40px;height:40px;background:#fff8fce6;border-radius:50%;font-size:28px;line-height:1}.detail-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start}.detail-photo{position:sticky;top:0;border-radius:0;aspect-ratio:1/1.5}.detail-info{padding:55px 40px 35px}.detail-info h2{font-size:34px;letter-spacing:-1px;line-height:1.25;margin:20px 0}.detail-intro{font-size:15px;line-height:1.8;color:#856077}.detail-specs{display:flex;gap:20px;border-bottom:1px solid #ead5e1;padding:16px 0 22px;font-size:12px}.detail-options{border:0;padding:0;margin:26px 0 12px}.detail-options legend{font-size:12px;font-weight:700;margin-bottom:13px}.detail-choices{display:flex;gap:8px;flex-wrap:wrap}.detail-choices button{border:1px solid #d9c2d0;border-radius:30px;padding:10px 14px;font-size:11px}.detail-choices button[aria-pressed=true]{background:#f6bfd8;border-color:#e886b3}.detail-option-note{font-size:11px;color:#906d80;line-height:1.7}.detail-save{background:#f3a4c5;border-radius:35px;padding:16px 20px;width:100%;font-size:13px;margin-top:12px}.detail-status{font-size:12px;color:#b1497c;min-height:18px;line-height:1.6}.detail-story{border-top:1px solid #ead5e1;padding-top:12px}.detail-story h3{font-size:15px;margin-top:20px}.detail-story p{font-size:13px;line-height:1.9;color:#856077}body.product-open{overflow:hidden}
@media(max-width:760px){.products{padding:45px 6%}.products-heading h2{font-size:34px}.products-heading p{font-size:12px}.product-grid{grid-template-columns:1fr;gap:32px}.product-photo{aspect-ratio:1/1.15}.product-card strong{font-size:21px}.product-category{margin-top:16px}.product-dialog{width:94vw;max-height:92svh;border-radius:16px}.detail-layout{grid-template-columns:1fr}.detail-photo{position:static;aspect-ratio:1/1.12}.detail-info{padding:28px 24px}.detail-info h2{font-size:28px}.detail-close{top:10px}.detail-specs{font-size:11px}}
.product-photo{background-size:300% auto;background-color:#fae2eb}.product-card .product-photo{aspect-ratio:1/1.65}.detail-photo{aspect-ratio:1/1.8}@media(max-width:760px){.product-card .product-photo,.detail-photo{aspect-ratio:1/1.6}}
.detail-photo{position:static}@media(min-width:761px){.detail-photo{width:min(100%,40svh);aspect-ratio:1/2;justify-self:center}.detail-layout{background:linear-gradient(90deg,#fae8f0 50%,#fff9fc 50%)}}
