@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@500;600;700&family=Paytone+One&display=swap";:root{--ink:#4f4a50;--blue:#776a9f;--coral:#d84b82;--cream:#fff0f8;--paper:#fffafd;--yellow:#edbd45;--lavender:#d7c9ed;--blush:#f5a9ce;--rose:#bf356d;--line:#4f4a5033}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#fffafd 0%,#fff7fb 100%);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}.announcement{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.13em;background:#625c63;padding:.65rem 1rem;font-size:.72rem}.announcement span{color:var(--yellow);padding:0 .8rem}.site-header{border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffafdf0;align-items:center;gap:4vw;height:82px;padding:0 clamp(1.2rem,4vw,4.5rem);display:flex;position:sticky;top:0}.logo{letter-spacing:-.055em;white-space:nowrap;color:#fff7fb;-webkit-text-stroke:1.35px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--coral);font-family:Paytone One,sans-serif;font-size:1.72rem;font-weight:400;line-height:1;transition:transform .2s,text-shadow .2s}.logo span{color:inherit}.logo:hover{text-shadow:4px 4px 0 var(--coral);transform:translate(-1px,-1px)}.desktop-nav{gap:2rem;margin:auto;font-size:.87rem;font-weight:600;display:flex}.desktop-nav a,.text-link{position:relative}.desktop-nav a:after,.text-link:after{content:"";background:var(--coral);width:0;height:2px;transition:all .2s;position:absolute;bottom:-5px;left:0}.desktop-nav a:hover:after,.text-link:hover:after{width:100%}.header-actions{align-items:center;gap:1.4rem;font-size:.84rem;font-weight:700;display:flex}.bag{background:var(--rose);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:.7rem 1.05rem;transition:all .2s;box-shadow:3px 3px #bda8b3}.bag:hover{background:#a92e5e;transform:translateY(-2px)}.mobile-menu{display:none}.hero{background:linear-gradient(135deg,#fff7fb 0%,#f9c5df 62%,#efabd0 100%);grid-template-columns:46% 54%;min-height:690px;display:grid;overflow:hidden}.hero-copy{z-index:2;padding:clamp(4rem,7vw,7.5rem) 3vw 3rem clamp(1.4rem,6vw,7rem);position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--coral);margin:0 0 1rem;font-size:.72rem;font-weight:700}.eyebrow.light{color:var(--yellow)}h1,h2,h3{letter-spacing:-.04em;margin:0;font-family:Fredoka,sans-serif;line-height:.96}h1{font-size:clamp(3.4rem,6vw,6.8rem)}h1 em{color:var(--coral);font-style:normal}h2{font-size:clamp(2.7rem,5vw,5.3rem)}.hero-intro{color:#625b63;max-width:580px;margin:2rem 0;font-size:1.05rem;line-height:1.75}.button-row{flex-wrap:wrap;gap:.85rem;display:flex}.button{border:2px solid var(--ink);border-radius:3px;justify-content:center;align-items:center;gap:1.2rem;min-height:52px;padding:.8rem 1.3rem;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.button.primary{background:var(--rose);color:#fff}.button.primary:hover{background:#a92e5e}.button.ghost{background:#ffffff8c}.hero-proof{flex-wrap:wrap;gap:1.3rem;margin-top:3rem;font-size:.72rem;font-weight:700;display:flex}.hero-proof span:first-letter{color:var(--coral)}.hero-visual{background-image:linear-gradient(90deg,#f9c5df 0%,#f9c5df00 20%),url(/milopopart-hero-luxe.png);background-position:100%;background-repeat:no-repeat;background-size:auto 100%;min-height:690px;position:relative}.sticker{background:var(--yellow);border:2px solid var(--ink);text-align:center;width:112px;height:112px;box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-content:center;font-family:Fredoka;font-size:.85rem;line-height:1.05;display:grid;position:absolute;top:8%;right:6%;transform:rotate(9deg)}.sticker strong{color:var(--coral);font-size:1.3rem}.edition-note{background:var(--paper);border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.1em;padding:.75rem 1rem;font-size:.7rem;font-weight:700;position:absolute;bottom:4%;left:7%;transform:rotate(-3deg)}.ticker{background:var(--rose);color:#fff;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);white-space:nowrap;letter-spacing:.08em;padding:1rem 0;font-family:Fredoka;font-size:.9rem;overflow:hidden}.ticker div{width:max-content;animation:28s linear infinite drift}.ticker span{color:var(--yellow);padding:0 2.5rem}@keyframes drift{to{transform:translate(-35%)}}.section{padding:clamp(5rem,9vw,9rem) clamp(1.3rem,6vw,7rem)}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.arrow-link{border-bottom:2px solid;padding-bottom:.3rem;font-weight:700}.product-grid{grid-template-columns:repeat(3,1fr);gap:3.2rem 1.3rem;display:grid}.product-image{aspect-ratio:1/1.03;border:1px solid var(--line);background-color:#fff3f9;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;display:block;position:relative;overflow:hidden;box-shadow:0 8px 22px #6e485e14}.product-image:after{content:"";opacity:0;background:linear-gradient(#0000 60%,#17204d47);transition:all .25s;position:absolute;inset:0}.product-card:hover .product-image:after{opacity:1}.product-badge{z-index:2;background:var(--yellow);border:1.5px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;padding:.4rem .65rem;font-size:.62rem;font-weight:800;position:absolute;top:.8rem;left:.8rem}.quick-view{z-index:3;background:var(--paper);border:1.5px solid var(--ink);text-align:center;padding:.75rem;font-size:.72rem;font-weight:800;transition:all .25s;position:absolute;bottom:-3rem;left:.8rem;right:.8rem}.product-card:hover .quick-view{bottom:.8rem}.product-meta{justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}.product-meta h3{font-size:1.35rem}.product-meta p{color:#646988;margin:.4rem 0 0;font-size:.75rem}.product-meta strong{font-family:Fredoka;font-size:1.2rem}.placeholder-note{color:#70758f;max-width:720px;margin:2rem 0 0;font-size:.72rem}.collections-section{color:#fff;background:#625c63}.collection-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3.5rem;display:grid}.collection-card{border:2px solid #fff;flex-direction:column;min-height:340px;padding:1.8rem;transition:all .22s;display:flex;position:relative;overflow:hidden}.collection-card:after{content:"";opacity:.35;border:2px solid;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-65px}.collection-card:hover{transform:translateY(-7px)rotate(-1deg);box-shadow:8px 8px #fff}.collection-card.coral{background:var(--rose)}.collection-card.blue{background:var(--blue)}.collection-card.yellow{background:var(--yellow);color:var(--ink)}.collection-card>span{font-size:.7rem;font-weight:800}.collection-card h3{margin:auto 0 1rem;font-size:2.2rem}.collection-card p{max-width:290px;font-size:.9rem;line-height:1.6}.collection-card b{margin-top:1.3rem;font-size:.8rem}.trust-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.trust-strip>div{border-right:1px solid var(--line);align-items:center;gap:1.2rem;padding:2.2rem clamp(1.2rem,4vw,4rem);display:flex}.trust-strip b{color:var(--coral);font-family:Fredoka;font-size:1.6rem}.trust-strip span{flex-direction:column;gap:.35rem;display:flex}.trust-strip strong{font-size:.86rem}.trust-strip small{color:#6c718c;line-height:1.4}.about{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.about-image{background:linear-gradient(145deg,var(--lavender),var(--blush));border:2px solid var(--ink);place-items:center;min-height:610px;display:grid;position:relative;overflow:hidden}.about-image:before{content:"";background:var(--yellow);border-radius:50%;width:68%;height:68%;position:absolute}.about-image p{background:var(--paper);border:2px solid var(--ink);padding:1rem;font-family:Fredoka;font-size:1.3rem;position:absolute;bottom:1.5rem;left:1.5rem;transform:rotate(-3deg)}.mini-figure{background:var(--rose);border:3px solid var(--ink);z-index:1;border-radius:48% 48% 35% 35%;width:170px;height:230px;position:relative;box-shadow:inset 18px -10px #0000001f}.mini-figure:before{content:"• ᴗ •";color:var(--yellow);white-space:nowrap;font-size:2.5rem;position:absolute;top:65px;left:27px}.mini-figure:after{content:"";background:var(--coral);border:3px solid var(--ink);border-radius:50%;width:60px;height:60px;position:absolute;bottom:25px;right:-34px}.paint-dot{border:2px solid var(--ink);border-radius:50%;position:absolute}.paint-dot.one{background:var(--coral);width:70px;height:70px;top:9%;left:8%}.paint-dot.two{background:var(--blue);width:42px;height:42px;top:18%;right:10%}.about-copy>p:not(.eyebrow){color:#525875;max-width:570px;line-height:1.8}.about-copy .button{margin-top:1.2rem}.faq{background:linear-gradient(135deg,#fff4fa,#f7d7e8);grid-template-columns:.75fr 1.25fr;gap:8vw;display:grid}.faq-intro{color:#5a607c;max-width:320px;margin:2rem 0;line-height:1.7}.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--ink);padding:1.4rem 0}.faq-list summary{cursor:pointer;justify-content:space-between;gap:1rem;font-family:Fredoka;font-size:1.25rem;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--coral)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#555b78;max-width:620px;line-height:1.7}.contact{color:#fff;background:linear-gradient(135deg,#c83b73,#e676a6);grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:clamp(5rem,9vw,9rem) clamp(1.3rem,8vw,9rem);display:grid}.contact-card{background:#4f4a502e;border:2px solid #fff;padding:clamp(1.5rem,4vw,3rem)}.contact-card p{margin-top:0;line-height:1.8}.button.cream{color:var(--ink);background:#fff7fb;margin:1rem 0}.contact-card small{opacity:.8;display:block}footer{color:#fff;background:#504b51;grid-template-columns:1fr 1fr;gap:2rem;padding:4rem clamp(1.3rem,6vw,7rem) 2rem;display:grid}.footer-logo{color:#fff7fb;-webkit-text-stroke:1.35px #2f2a2e;text-shadow:4px 4px 0 var(--coral);font-size:2.6rem}.footer-logo+p{color:#ded4da;align-self:center;margin:0}.footer-logo span{color:inherit}footer nav{border-top:1px solid #fff3;border-bottom:1px solid #fff3;grid-column:1/-1;gap:2rem;padding:2rem 0;display:flex}.footer-bottom{color:#c7bac2;grid-column:1/-1;justify-content:space-between;font-size:.7rem;display:flex}@media (max-width:900px){.desktop-nav,.header-actions{display:none}.mobile-menu{margin-left:auto;display:block;position:relative}.mobile-menu summary{border:1.5px solid var(--ink);padding:.55rem .8rem;font-weight:700;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{background:var(--paper);border:2px solid var(--ink);width:200px;box-shadow:6px 6px 0 var(--ink);padding:.5rem;position:absolute;top:3rem;right:0}.mobile-menu nav a{padding:.75rem;font-weight:700;display:block}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:2rem}.hero-visual{background-image:url(/milopopart-hero-luxe.png);background-position:50%;background-size:cover;min-height:500px}.product-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:1fr}.collection-card{min-height:280px}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0;border-bottom:1px solid var(--line)}.about,.faq,.contact{grid-template-columns:1fr}.about-image{min-height:480px}.faq{gap:4rem}}@media (max-width:560px){.announcement{font-size:.58rem}.announcement span{padding:0 .35rem}.site-header{height:66px}.logo{font-size:1.5rem}.hero-copy{padding-top:4rem}.hero-visual{min-height:370px}.sticker{width:86px;height:86px;font-size:.7rem}.edition-note{font-size:.55rem}.hero-proof{flex-direction:column}.section-heading{flex-direction:column;align-items:start}.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:1.08}.quick-view{bottom:.8rem}.about-image{min-height:400px}.mini-figure{transform:scale(.8)}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button,.collection-card{transition:none}}
