@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";:root{--black: #000;--white: #fff;--off-white: #ededea;--dim-70: rgb(255 255 255 / 72%);--dim-45: rgb(255 255 255 / 45%);--line: rgb(255 255 255 / 18%);--line-soft: rgb(255 255 255 / 10%);--bg-desktop: url(/assets/makhdoom-perfume-background-BEwqPvrm.png);--bg-mobile: url(/assets/makhdoom-perfume-background-BEwqPvrm.png)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--black);scroll-behavior:smooth}body{min-width:320px;background:var(--black);color:var(--white);font-family:Montserrat,sans-serif;overflow-x:hidden}.page{position:relative;display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;overflow:hidden}.bg-layer,.bg-fallback,.grain{position:absolute;inset:0}.bg-layer{z-index:0;background:linear-gradient(90deg,#000000eb,#0000008c 42%,#0000002e 68%),linear-gradient(0deg,rgb(0 0 0 / 85%) 0%,transparent 30%),var(--bg-desktop) center / cover no-repeat}.bg-fallback{z-index:0;background:radial-gradient(ellipse at 75% 40%,rgb(255 255 255 / 5%),transparent 60%),var(--black)}.grain{z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar,.center-logo-wrap,.hero,.collection{position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.6rem clamp(1.25rem,4vw,3rem)}.logo{display:inline-flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.85}.logo-img{height:clamp(20px,2.2vw,26px);width:auto;display:block}.btn-nav,.btn{display:inline-flex;align-items:center;border-radius:8px;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn-nav{padding:.65rem 1.3rem;background:var(--white);color:var(--black)}.btn-nav:hover,.btn-primary:hover{transform:translateY(-2px);background:var(--off-white)}.center-logo-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin:auto 0;padding:1rem clamp(1.25rem,4vw,3rem)}.hero-logo{width:clamp(120px,16vw,190px);height:auto;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 4px 24px rgb(0 0 0 / 70%))}.hero{max-width:700px;margin-top:auto;padding:0 clamp(1.25rem,4vw,3rem) 3rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.pill{display:inline-flex;align-self:flex-start;gap:.5rem;margin-bottom:1.4rem;padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0f;color:var(--dim-70);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-align:left}.headline{margin-bottom:1.2rem;color:var(--white);font-size:clamp(2.4rem,5.6vw,4.2rem);font-weight:500;letter-spacing:-.02em;line-height:1.04;text-align:left}.headline span{display:block;color:var(--dim-70);text-align:left}.subtitle{max-width:480px;margin-inline:0 auto;margin-bottom:1.8rem;color:var(--dim-70);font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.6;text-align:left}.cta-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.8rem}.btn{gap:.5rem;padding:.85rem 1.5rem;font-size:.85rem}.btn-primary{background:var(--white);color:var(--black)}.btn-ghost{border:1px solid var(--line);background:#ffffff0a;color:var(--white)}.btn-ghost:hover{border-color:var(--white);background:#ffffff17}.btn svg{width:15px;height:15px}.collection{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2.5rem;padding:1.2rem clamp(1.25rem,4vw,3rem);border-top:1px solid var(--line-soft);background:#00000059}.collection-label{max-width:180px;color:var(--dim-45);font-size:.82rem;font-weight:500;line-height:1.35}.collection-row{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(1.2rem,3vw,2.6rem)}.collection-row span{color:var(--dim-70);font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:400;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}@media(max-width:900px){.bg-layer{background:linear-gradient(0deg,#000000f0,#0000008c 45%,#00000040),var(--bg-mobile) center / cover no-repeat}}@media(max-width:768px){.topbar{flex-direction:column;gap:1rem;text-align:center}.topbar .btn-nav{display:none}.hero{align-items:center;text-align:center;margin-inline:auto}.pill{align-self:center}.headline,.headline span{text-align:center}.subtitle{text-align:center;margin-inline:auto}.cta-row{justify-content:center}.collection{flex-direction:column;align-items:center;text-align:center}.collection-label{text-align:center}.collection-row{width:100%;justify-content:center;gap:1.1rem 1.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}