/* Bruma de perfume · Vice City */
.intro,.brand-universe,.collection{position:relative;isolation:isolate;overflow:hidden}
.intro>*,.brand-universe>*,.collection>*{position:relative;z-index:1}
.intro{background:radial-gradient(ellipse at 0% 10%,#00f0ff1c,transparent 58%),radial-gradient(ellipse at 95% 80%,#ff5ca830,transparent 63%),linear-gradient(125deg,#0b0f2b,#251343 65%,#0b0f2b)}
.brand-universe{background:radial-gradient(ellipse at 5% 35%,#00f0ff18,transparent 55%),radial-gradient(ellipse at 100% 75%,#ff5ca835,transparent 63%),linear-gradient(155deg,#0b0f2b,#251343 48%,#0b0f2b)}
.collection{background:radial-gradient(ellipse 95% 700px at 10% 0%,#bc6cff38,transparent 70%),radial-gradient(ellipse 80% 650px at 100% 350px,#ff5ca82b,transparent 75%),#0b0f2b}
.intro:before,.brand-universe:before,.collection:before{content:'';pointer-events:none;position:absolute;z-index:0;inset:-8%;background:radial-gradient(ellipse at 75% 35%,#bc6cff30,transparent 35%),radial-gradient(ellipse at 60% 48%,#ff5ca826,transparent 29%),radial-gradient(ellipse at 80% 58%,#00f0ff21,transparent 35%);filter:blur(28px);transform:rotate(-12deg);animation:perfume-haze 22s ease-in-out infinite alternate}
.intro:after,.brand-universe:after,.collection:after{content:'';pointer-events:none;position:absolute;z-index:0;inset:0;opacity:.5;background-image:radial-gradient(circle at 84% 62%,#ff5ca8a6 0 1px,transparent 2.1px),radial-gradient(circle at 26% 10%,#ff5ca8a6 0 0.7px,transparent 1.8px),radial-gradient(circle at 70% 43%,#ff5ca8a6 0 1px,transparent 2.1px),radial-gradient(circle at 52% 24%,#00f0ff8c 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 63% 10%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 79% 55%,#ffffffb8 0 1.2px,transparent 2.3px),radial-gradient(circle at 85% 57%,#ffffffb8 0 1px,transparent 2.1px),radial-gradient(circle at 83% 62%,#00f0ff8c 0 1px,transparent 2.1px),radial-gradient(circle at 79% 44%,#00f0ff8c 0 1.5px,transparent 2.6px),radial-gradient(circle at 91% 68%,#ffffffb8 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 51% 97%,#ffffffb8 0 1px,transparent 2.1px),radial-gradient(circle at 88% 68%,#00f0ff8c 0 0.7px,transparent 1.8px),radial-gradient(circle at 59% 91%,#ff5ca8a6 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 70% 7%,#ffffffb8 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 58% 20%,#ffb86b99 0 1px,transparent 2.1px),radial-gradient(circle at 74% 54%,#ff5ca8a6 0 0.7px,transparent 1.8px),radial-gradient(circle at 57% 60%,#ffffffb8 0 1px,transparent 2.1px),radial-gradient(circle at 47% 21%,#00f0ff8c 0 1px,transparent 2.1px),radial-gradient(circle at 62% 46%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 67% 32%,#00f0ff8c 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 98% 95%,#ffb86b99 0 1.2px,transparent 2.3px),radial-gradient(circle at 12% 43%,#ffffffb8 0 1px,transparent 2.1px),radial-gradient(circle at 51% 44%,#ff5ca8a6 0 0.7px,transparent 1.8px),radial-gradient(circle at 33% 72%,#ff5ca8a6 0 0.7px,transparent 1.8px),radial-gradient(circle at 59% 60%,#ffb86b99 0 1px,transparent 2.1px),radial-gradient(circle at 16% 75%,#ff5ca8a6 0 0.7px,transparent 1.8px),radial-gradient(circle at 28% 99%,#ffb86b99 0 1.2px,transparent 2.3px),radial-gradient(circle at 70% 88%,#ffffffb8 0 0.7px,transparent 1.8px),radial-gradient(circle at 76% 8%,#00f0ff8c 0 1px,transparent 2.1px),radial-gradient(circle at 38% 90%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 5% 72%,#bc6cffb3 0 1.2px,transparent 2.3px),radial-gradient(circle at 96% 59%,#00f0ff8c 0 0.7px,transparent 1.8px),radial-gradient(circle at 46% 95%,#ffb86b99 0 0.7px,transparent 1.8px),radial-gradient(circle at 25% 30%,#00f0ff8c 0 1.2px,transparent 2.3px),radial-gradient(circle at 96% 43%,#ffffffb8 0 1.2px,transparent 2.3px),radial-gradient(circle at 45% 6%,#ffffffb8 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 11% 38%,#00f0ff8c 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 60% 78%,#ffffffb8 0 1.2px,transparent 2.3px),radial-gradient(circle at 30% 77%,#ff5ca8a6 0 1px,transparent 2.1px),radial-gradient(circle at 4% 85%,#00f0ff8c 0 1.2px,transparent 2.3px),radial-gradient(circle at 40% 69%,#00f0ff8c 0 1.2px,transparent 2.3px),radial-gradient(circle at 56% 39%,#ffb86b99 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 20% 92%,#ffb86b99 0 1px,transparent 2.1px),radial-gradient(circle at 89% 8%,#ffffffb8 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 61% 78%,#ffb86b99 0 1.5px,transparent 2.6px),radial-gradient(circle at 90% 11%,#bc6cffb3 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 41% 40%,#00f0ff8c 0 0.7px,transparent 1.8px),radial-gradient(circle at 14% 52%,#ff5ca8a6 0 0.7px,transparent 1.8px),radial-gradient(circle at 27% 22%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 24% 57%,#ffb86b99 0 0.7px,transparent 1.8px),radial-gradient(circle at 77% 67%,#ffb86b99 0 1.2px,transparent 2.3px),radial-gradient(circle at 7% 29%,#ffb86b99 0 1px,transparent 2.1px),radial-gradient(circle at 26% 13%,#ffb86b99 0 1.5px,transparent 2.6px),radial-gradient(circle at 70% 99%,#ff5ca8a6 0 1.2px,transparent 2.3px),radial-gradient(circle at 43% 82%,#00f0ff8c 0 1.5px,transparent 2.6px),radial-gradient(circle at 51% 90%,#00f0ff8c 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 2% 45%,#ffb86b99 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 26% 93%,#bc6cffb3 0 1px,transparent 2.1px),radial-gradient(circle at 61% 44%,#00f0ff8c 0 0.7px,transparent 1.8px),radial-gradient(circle at 77% 10%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 90% 81%,#ffffffb8 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 78% 63%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 58% 14%,#ff5ca8a6 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 85% 74%,#ff5ca8a6 0 1.2px,transparent 2.3px),radial-gradient(circle at 92% 68%,#bc6cffb3 0 1.5px,transparent 2.6px),radial-gradient(circle at 44% 80%,#bc6cffb3 0 0.7px,transparent 1.8px),radial-gradient(circle at 45% 47%,#ff5ca8a6 0 1.2px,transparent 2.3px),radial-gradient(circle at 63% 25%,#00f0ff8c 0 1.5px,transparent 2.6px),radial-gradient(circle at 68% 94%,#ffb86b99 0 1.5px,transparent 2.6px),radial-gradient(circle at 31% 29%,#ffffffb8 0 1px,transparent 2.1px),radial-gradient(circle at 40% 89%,#00f0ff8c 0 1px,transparent 2.1px),radial-gradient(circle at 98% 52%,#ff5ca8a6 0 1.2px,transparent 2.3px),radial-gradient(circle at 54% 34%,#00f0ff8c 0 0.7px,transparent 1.8px),radial-gradient(circle at 15% 68%,#ffb86b99 0 1.2px,transparent 2.3px),radial-gradient(circle at 6% 98%,#bc6cffb3 0 0.7px,transparent 1.8px),radial-gradient(circle at 31% 34%,#ffffffb8 0 0.7px,transparent 1.8px),radial-gradient(circle at 20% 32%,#ffb86b99 0 1px,transparent 2.1px),radial-gradient(circle at 91% 73%,#ffb86b99 0 1.2px,transparent 2.3px),radial-gradient(circle at 34% 36%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 23% 83%,#bc6cffb3 0 0.7px,transparent 1.8px),radial-gradient(circle at 94% 16%,#00f0ff8c 0 0.7px,transparent 1.8px),radial-gradient(circle at 70% 44%,#ffffffb8 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 93% 97%,#00f0ff8c 0 0.7px,transparent 1.8px),radial-gradient(circle at 4% 69%,#bc6cffb3 0 1px,transparent 2.1px),radial-gradient(circle at 44% 94%,#bc6cffb3 0 0.7px,transparent 1.8px),radial-gradient(circle at 81% 11%,#ffffffb8 0 1.5px,transparent 2.6px),radial-gradient(circle at 48% 37%,#ffffffb8 0 0.7px,transparent 1.8px),radial-gradient(circle at 23% 79%,#00f0ff8c 0 0.8px,transparent 1.9000000000000001px),radial-gradient(circle at 3% 72%,#bc6cffb3 0 1px,transparent 2.1px),radial-gradient(circle at 83% 96%,#ff5ca8a6 0 0.7px,transparent 1.8px);background-size:740px 640px;mask-image:linear-gradient(120deg,transparent 8%,#000 42%,#000 82%,transparent);animation:perfume-drift 16s ease-in-out infinite alternate}
.collection:before{bottom:auto;height:760px}.collection:after{bottom:auto;height:850px;mask-image:linear-gradient(transparent,#000 18%,#000 65%,transparent)}
@keyframes perfume-haze{from{transform:translate3d(-1%,2%,0) rotate(-12deg);opacity:.65}to{transform:translate3d(3%,-2%,0) rotate(-7deg);opacity:1}}
@keyframes perfume-drift{from{transform:translate3d(0,8px,0);opacity:.35}to{transform:translate3d(-8px,-12px,0);opacity:.65}}
html[data-motion=off] .intro:before,html[data-motion=off] .intro:after,html[data-motion=off] .brand-universe:before,html[data-motion=off] .brand-universe:after,html[data-motion=off] .collection:before,html[data-motion=off] .collection:after{animation:none}
@media(prefers-reduced-motion:reduce){.intro:before,.intro:after,.brand-universe:before,.brand-universe:after,.collection:before,.collection:after{animation:none}}
@media(max-width:800px){.intro:after,.brand-universe:after,.collection:after{background-size:460px 560px;opacity:.45}.intro:before,.brand-universe:before{filter:blur(22px);background:radial-gradient(ellipse at 90% 25%,#bc6cff33,transparent 45%),radial-gradient(ellipse at 10% 55%,#00f0ff21,transparent 40%),radial-gradient(ellipse at 80% 80%,#ff5ca82b,transparent 45%)}}
