/* A dreamlike Maky Mirage atelier, with real products in the foreground. */
body{background:#f0e5ef url('assets/magical-atelier.webp') center/cover fixed}
header{background:#2b1832f2;border-bottom:1px solid #e7c49e60}
.hero{isolation:isolate;min-height:760px;background:linear-gradient(90deg,rgba(35,18,43,.91),rgba(47,25,52,.62) 42%,rgba(57,30,59,.12) 75%),url('assets/magical-atelier.webp') center 55%/cover;padding-top:75px;padding-bottom:85px}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#2d183446,transparent 40%),radial-gradient(ellipse at 72% 12%,#ffe8bc44,transparent 50%)}
.hero h1{font-size:clamp(48px,5.5vw,80px);text-shadow:0 4px 24px #1d102a55}
.hero h1 em{color:#f4cfe9}.hero .eyebrow{color:#ffe3b4}.hero-copy>p:not(.eyebrow){color:#fff3fa}
.hero .button,.custom .button{border-radius:40px;background:linear-gradient(120deg,#ffe8bf,#edc798);box-shadow:0 5px 28px #f1cc9b33;color:#321b35}
.hero-note{border-color:#f5deb86b}.hero-note strong{color:#ffe1ad}.hero-note span{font-size:12px;color:#fff4f9}
.hero-gallery{z-index:1;padding-left:65px}.hero-photo{height:490px;transform:rotate(2deg);border:2px solid #f8dfb7;box-shadow:0 0 0 10px #fff3de12,0 0 60px #e8bef34d,0 25px 65px #21102788}
.mini-photo{left:18px;border-color:#f6dfc2;border-radius:16px}.edition{color:#fff0d6;text-shadow:0 2px 5px #28152d}
.benefits{background:#f4e6dbe8;backdrop-filter:blur(14px);border-block:1px solid #fff7ed}
.collection{max-width:1400px;background:#fff8f5ed;margin:36px auto;border:1px solid #fff8ed;border-radius:30px;box-shadow:0 15px 65px #57334d12;backdrop-filter:blur(16px)}
.card .img{border-radius:140px 140px 14px 14px;border:1px solid #dfc5ba;box-shadow:0 9px 24px #61395012}.card .plus{border-radius:50%;background:#fff6e8}.card h3{color:#49223e}
.filters button{border-radius:25px;background:#fffaf8}.filters button.selected{background:#542c52}.search-label input{background:#ffffff80;border:1px solid #d9c2d3;border-radius:12px;padding:12px}
.how-it-works{background:#f5e8f2ee;border-color:#fff4df}.steps>div>span{color:#92622f}
.custom{background:linear-gradient(90deg,#2d1934e8,#3e2344d9),url('assets/magical-atelier.webp') center 65%/cover}.custom h2 em{color:#f5cee8}
.details{background:#fff9f5ef;max-width:1000px;border-radius:26px;margin:40px auto;border:1px solid #fff7eb;backdrop-filter:blur(16px)}
footer{background:#29172ff5}.magic-lights{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.magic-lights i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff1bc;box-shadow:0 0 12px 4px #ffe3ac66;animation:glow-drift 9s ease-in-out infinite}.magic-lights i:nth-child(1){left:52%;top:18%}.magic-lights i:nth-child(2){left:72%;top:73%;animation-delay:-3s}.magic-lights i:nth-child(3){left:92%;top:34%;animation-delay:-6s}.magic-lights i:nth-child(4){left:43%;top:64%;animation-delay:-2s}.magic-lights i:nth-child(5){left:65%;top:9%;animation-delay:-7s}.magic-lights i:nth-child(6){left:31%;top:91%;animation-delay:-5s}
@keyframes glow-drift{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:.9;transform:translateY(-22px)}}
@media(max-width:1000px){.collection{margin:24px 3%}.hero-gallery{padding-left:32px}.hero-photo{height:460px}.mini-photo{left:0}.details{margin:30px 3%}}
@media(max-width:650px){body{background-attachment:scroll}.hero{min-height:0;padding:42px 6% 50px;background:linear-gradient(180deg,#2b1839d9,#33203c80 53%,#51375933),url('assets/magical-atelier.webp') 66% center/cover}.hero h1{font-size:clamp(44px,12vw,64px)}.hero-gallery{padding:0 15px 25px 38px}.hero-photo{height:400px}.hero-copy{padding-bottom:5px}.collection{padding:38px 5%;border-radius:22px;margin:20px 3%}.card .img{border-radius:90px 90px 10px 10px}.card .meta{font-size:11px}.details{padding:35px 6%}.hero-note span{font-size:12px}.benefits{font-size:10px}.magic-lights i{width:3px;height:3px}}
@media(prefers-reduced-motion:reduce){.magic-lights i{animation:none}}
