:root{--bg:#060606;--panel:#0e0e0e;--text:#f7f2e8;--muted:#aaa39a;--gold:#d6ad5c;--gold2:#f2d48f;--line:rgba(214,173,92,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 5vw;background:rgba(6,6,6,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-family:"Bebas Neue",sans-serif;letter-spacing:.14em;font-size:2rem;color:var(--gold2)}.nav{display:flex;gap:28px}.nav a{color:#ddd6cc;font-size:.9rem}.nav a:hover{color:var(--gold2)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.6rem;cursor:pointer}
.hero{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;padding:120px 6vw 90px;background:radial-gradient(circle at 50% 35%,rgba(214,173,92,.12),transparent 28%),linear-gradient(180deg,#060606,#0a0907 70%,#060606)}.hero:before{content:"HABIBI";position:absolute;font:400 clamp(11rem,32vw,34rem)/.8 "Bebas Neue";letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px rgba(214,173,92,.06);white-space:nowrap;transform:translateY(12%)}.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.5}.orb-one{width:280px;height:280px;top:18%;left:5%;background:radial-gradient(circle,rgba(214,173,92,.18),transparent 68%)}.orb-two{width:420px;height:420px;right:-8%;bottom:2%;background:radial-gradient(circle,rgba(125,86,32,.17),transparent 68%)}.hero-content{max-width:1100px;text-align:center;position:relative;z-index:2}.eyebrow{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.hero h1,h2,.records-card h2{font-family:"Bebas Neue",sans-serif;margin:0;letter-spacing:.035em;line-height:.9}.hero h1{font-size:clamp(6rem,19vw,15rem);text-shadow:0 0 70px rgba(214,173,92,.08)}.hero-copy{font-size:clamp(1.05rem,2vw,1.55rem);color:#c8c1b6;margin:20px auto 34px;max-width:650px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:999px;font-weight:800;transition:.25s transform,.25s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171109}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.02)}.scroll-cue{position:absolute;bottom:24px;z-index:3;color:var(--gold2);font-size:1.4rem;animation:bob 1.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(7px)}}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#ad8b4b;background:#0b0907}.ticker div{width:max-content;padding:12px 0;font-size:.72rem;font-weight:800;letter-spacing:.2em;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:110px 6vw;max-width:1450px;margin:0 auto}.section-heading{max-width:760px;margin-bottom:44px}h2{font-size:clamp(3.4rem,7vw,7rem)}.section-heading p:last-child,.about-copy,.records-copy{color:var(--muted)}
.music-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.release-card{background:linear-gradient(180deg,#111,#0c0c0c);border:1px solid rgba(255,255,255,.06);border-radius:26px;overflow:hidden;transition:.3s transform,.3s border-color}.release-card:hover{transform:translateY(-5px);border-color:var(--line)}.release-card.featured{grid-row:span 2}.cover-art{min-height:300px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;font-family:"Bebas Neue",sans-serif;font-size:clamp(3rem,6vw,6.2rem);line-height:.85;letter-spacing:.03em;overflow:hidden}.featured .cover-art{min-height:620px}.cover-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72));pointer-events:none}.cover-art span,.cover-art small{position:relative;z-index:2}.cover-kicker{position:absolute!important;top:25px;left:28px;font:700 .72rem/1 "Inter"!important;letter-spacing:.25em!important;color:rgba(255,255,255,.75)}.cover-art small{font:700 .68rem/1 "Inter";letter-spacing:.24em;color:var(--gold2);margin-top:16px}.cover-one{background:radial-gradient(circle at 62% 28%,#9d722e 0,#3d2b10 24%,#100c08 53%,#080808 74%)}.cover-two{background:radial-gradient(circle at 44% 35%,#9b8c2c 0,#463f10 25%,#100f07 58%,#080808 78%)}.cover-three{background:radial-gradient(circle at 67% 35%,#7b3f27 0,#2e1610 30%,#0c0908 66%,#070707 82%)}.release-info{padding:25px}.release-info h3{margin:0 0 7px;font-size:1.5rem}.release-info p{color:var(--muted);margin-top:8px}.tag{color:var(--gold)!important;font-size:.72rem;font-weight:800;letter-spacing:.2em}.card-actions{display:flex;gap:16px;flex-wrap:wrap}.card-actions a,.text-link{color:var(--gold2);font-weight:800}.platform-bar{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:17px 20px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:rgba(214,173,92,.025)}.platform-bar span{font-size:.7rem;font-weight:800;letter-spacing:.2em;color:var(--muted)}.platform-bar a{font-weight:700}.platform-bar a:hover{color:var(--gold2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.about-copy{font-size:1.05rem;max-width:650px}.about-copy .lead{font-size:1.3rem;color:#ddd6cc}.records{max-width:1520px}.records-card{padding:70px 6vw;border-radius:34px;border:1px solid var(--line);background:radial-gradient(circle at 20% 10%,rgba(214,173,92,.11),transparent 34%),linear-gradient(145deg,rgba(214,173,92,.06),rgba(255,255,255,.015));display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end}.records-card h2{font-size:clamp(4.2rem,9vw,9rem)}.records-side{padding-bottom:8px}.records-label{font-size:1.15rem;color:var(--gold2)}.records-copy{margin:14px 0 26px}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contact-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.015);display:flex;flex-direction:column;gap:7px;min-height:130px;transition:.25s}.contact-card:hover{background:rgba(214,173,92,.06);transform:translateY(-3px)}.contact-card span{color:var(--muted);font-size:.85rem}.contact-card strong{color:var(--gold2)}.contact-card b{position:absolute;right:18px;bottom:17px;color:var(--gold)}footer{padding:38px 6vw 48px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:end;justify-content:space-between;gap:20px;color:var(--muted)}footer small{letter-spacing:.16em;font-size:.62rem}.back-top{color:var(--gold2);font-weight:700}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu-toggle{display:block}.nav{position:absolute;top:72px;right:5vw;display:none;flex-direction:column;gap:16px;padding:20px;min-width:230px;background:#111;border:1px solid var(--line);border-radius:18px}.nav.open{display:flex}.music-grid,.split,.records-card{grid-template-columns:1fr}.release-card.featured{grid-row:auto}.featured .cover-art,.cover-art{min-height:390px}.contact-grid{grid-template-columns:1fr 1fr}.section{padding:90px 6vw}.records-card{padding:48px 7vw}.hero:before{font-size:42vw}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.hero h1{font-size:29vw}.hero-actions .btn{width:100%}.featured .cover-art,.cover-art{min-height:330px}.contact-grid{grid-template-columns:1fr}.platform-bar{align-items:flex-start;flex-direction:column;gap:12px}.section{padding:78px 5vw}.site-header{padding-inline:5vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.scroll-cue{animation:none}.reveal{opacity:1;transform:none}}

/* Final artist imagery */
.hero-photo{position:absolute;inset:0;background:url('assets/habibi-artist.png') center 20%/cover no-repeat;opacity:.46;filter:saturate(.82) contrast(1.08)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,6,.90) 0%,rgba(6,6,6,.62) 42%,rgba(6,6,6,.38) 65%,rgba(6,6,6,.78) 100%),linear-gradient(180deg,rgba(6,6,6,.18),rgba(6,6,6,.80) 88%,#060606)}
.hero-content{text-shadow:0 3px 35px rgba(0,0,0,.55)}
.actual-cover{background-image:url('assets/before-dusk.jpg');background-size:cover;background-position:center;aspect-ratio:1/1;min-height:0!important}
.actual-cover:after{background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.18))}
.about-visual-wrap{min-width:0}.about-visual{width:100%;display:block;margin-top:34px;border-radius:28px;border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.38);aspect-ratio:1/1;object-fit:cover}.email-card strong{overflow-wrap:anywhere}
@media(max-width:900px){.hero-photo{background-position:center top}.actual-cover{min-height:0!important}.about-visual{max-height:680px}}

/* Official shop */
.shop-section{position:relative}.shop-grid{display:grid;grid-template-columns:minmax(0,980px);gap:22px}.product-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(214,173,92,.06),rgba(255,255,255,.018));box-shadow:0 24px 80px rgba(0,0,0,.24)}.product-image-wrap{background:#0a0a0a;min-height:460px}.product-image{width:100%;height:100%;display:block;object-fit:cover}.product-info{padding:44px;display:flex;flex-direction:column;justify-content:center}.product-info h3{font-family:"Bebas Neue",sans-serif;font-size:clamp(2.6rem,5vw,4.8rem);line-height:.95;letter-spacing:.03em;margin:4px 0 16px}.product-description{color:var(--muted);max-width:560px;margin:0 0 28px}.product-purchase{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.price{font-family:"Bebas Neue",sans-serif;font-size:3rem;color:var(--gold2);letter-spacing:.04em}.buy-btn{min-width:220px}.checkout-note{display:block;color:var(--muted);margin-top:16px}.nav a[href="#shop"]{color:var(--gold2)}
@media(max-width:760px){.product-card{grid-template-columns:1fr}.product-image-wrap{min-height:0}.product-image{aspect-ratio:1/1;object-fit:cover}.product-info{padding:28px 24px}.product-purchase{align-items:stretch;flex-direction:column;gap:10px}.buy-btn{width:100%}}

/* Expanded HABIBI discography */
.discography-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);margin-bottom:24px}.discography-hero .release-info{display:flex;flex-direction:column;justify-content:center;padding:42px}.discography-hero .release-info h3,.discography-block h3,.release-library h3,.spotify-cta h3{font-family:"Bebas Neue",sans-serif;letter-spacing:.035em}.discography-hero .release-info h3{font-size:clamp(3rem,6vw,5.8rem);line-height:.9}.discography-block,.release-library{border:1px solid var(--line);border-radius:26px;padding:34px;background:linear-gradient(145deg,rgba(214,173,92,.045),rgba(255,255,255,.012));margin-top:22px}.discography-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.discography-title-row h3{font-size:clamp(2.4rem,5vw,4.3rem);line-height:.9;margin:5px 0 0}.track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.track-list span,.track-list a{display:flex;gap:14px;align-items:center;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);color:#ddd6cc}.track-list a:hover{border-color:var(--gold);color:var(--gold2)}.track-list b{color:var(--gold);font-size:.72rem;letter-spacing:.1em}.track-list em{color:var(--muted);font-size:.8rem;margin-left:auto}.release-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.release-chips>span{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 17px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.02);font-weight:700}.release-chips small{color:var(--gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.spotify-cta{margin-top:24px;padding:30px 34px;border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 0 0,rgba(214,173,92,.11),transparent 40%),#0d0d0d}.spotify-cta h3{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.95;margin:7px 0}.spotify-cta p:not(.eyebrow){color:var(--muted);margin-bottom:0}
@media(max-width:900px){.discography-hero{grid-template-columns:1fr}.discography-hero .actual-cover{aspect-ratio:1/1}.release-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.spotify-cta{align-items:flex-start;flex-direction:column}.discography-title-row{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.discography-hero .release-info{padding:28px 24px}.discography-block,.release-library{padding:24px 18px}.track-list,.release-chips{grid-template-columns:1fr}.spotify-cta{padding:26px 22px}.spotify-cta .btn{width:100%}.track-list span,.track-list a{font-size:.92rem}}

/* Before Dusk album spotlight */
.before-dusk-album{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:34px;align-items:center;margin:24px 0 34px;padding:30px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 10% 10%,rgba(214,173,92,.13),transparent 34%),linear-gradient(145deg,#111,#0b0b0b);overflow:hidden}.before-dusk-art{border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.42)}.before-dusk-art img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.before-dusk-copy h3{font-family:"Bebas Neue",sans-serif;font-size:clamp(3.3rem,7vw,6.4rem);line-height:.86;margin:8px 0 16px;letter-spacing:.035em}.album-lead{color:var(--muted);font-size:1.04rem;max-width:720px}.album-badges{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.album-badges span{padding:8px 11px;border:1px solid rgba(214,173,92,.25);border-radius:999px;color:var(--gold2);font-size:.68rem;font-weight:800;letter-spacing:.13em}.album-actions{margin-top:4px}.album-actions .btn{display:inline-flex;align-items:center;justify-content:center}.album-actions .ghost{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:13px 18px}.album-actions .ghost:hover{border-color:var(--gold);color:var(--gold2)}
@media(max-width:900px){.before-dusk-album{grid-template-columns:1fr;padding:22px}.before-dusk-copy{padding:4px 4px 10px}}
@media(max-width:600px){.before-dusk-album{gap:20px}.before-dusk-copy h3{font-size:3.7rem}.album-actions{display:grid}.album-actions .btn{width:100%}}


/* Compact HABIBI music player */
.background-music{
  position:fixed;right:16px;bottom:16px;z-index:1000;
  width:min(370px,calc(100vw - 24px));height:68px;
  display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:11px;
  padding:10px 12px;border:1px solid rgba(215,180,106,.38);border-radius:18px;
  background:linear-gradient(135deg,rgba(17,15,11,.97),rgba(6,6,6,.97));
  box-shadow:0 14px 45px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(18px)
}
.music-play{width:44px;height:44px;border:1px solid rgba(242,212,143,.55);border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#140f08;box-shadow:0 0 0 5px rgba(214,173,92,.07);transition:.2s transform,.2s box-shadow}
.music-play:hover{transform:scale(1.04);box-shadow:0 0 0 6px rgba(214,173,92,.1)}
.play-icon{font-size:.85rem;margin-left:2px;line-height:1}
.background-music-copy{min-width:0;display:flex;flex-direction:column;gap:1px;margin:0}
.music-kicker{color:var(--gold);font-size:.55rem;font-weight:900;letter-spacing:.18em;line-height:1.2}
.background-music-copy strong{min-width:0;color:#fff;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
.background-music-copy strong span{color:#aaa39a;font-weight:600}
.music-bars{display:flex;align-items:center;gap:2px;height:20px;width:22px;opacity:.65}
.music-bars i{display:block;width:2px;height:6px;border-radius:2px;background:var(--gold2)}
.background-music.is-playing .music-bars i{animation:musicbar .7s ease-in-out infinite alternate}
.background-music.is-playing .music-bars i:nth-child(2){animation-delay:.18s}.background-music.is-playing .music-bars i:nth-child(3){animation-delay:.32s}.background-music.is-playing .music-bars i:nth-child(4){animation-delay:.1s}
@keyframes musicbar{to{height:18px}}
.music-sc-link{font-size:.62rem;font-weight:900;letter-spacing:.08em;color:var(--gold2);padding:7px 5px}
.soundcloud-hidden-player{position:absolute!important;width:2px!important;height:2px!important;opacity:.001!important;pointer-events:none!important;left:-9999px!important;bottom:0!important;border:0!important}
@media(max-width:600px){.background-music{left:10px;right:10px;bottom:10px;width:auto;height:64px;grid-template-columns:42px minmax(0,1fr) auto auto;padding:9px 11px}.music-play{width:42px;height:42px}.background-music-copy strong{font-size:.78rem}.music-bars{display:none}.music-sc-link{font-size:.58rem}footer{padding-bottom:105px}}

/* Before Dusk official Spotify album player */
.before-dusk-player{margin:24px 0 34px;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(214,173,92,.055),rgba(255,255,255,.012));overflow:hidden}
.before-dusk-player h3{font-family:"Bebas Neue",sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.92;letter-spacing:.035em;margin:5px 0 0}
.album-player-note{color:var(--muted);max-width:760px;margin:-4px 0 20px}
.spotify-album-embed{display:block;width:100%;border:0;border-radius:18px;background:#121212}
.release-chips>a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 17px;border:1px solid rgba(214,173,92,.24);border-radius:14px;background:rgba(214,173,92,.045);font-weight:700;color:#fff}
.release-chips>a:hover{border-color:var(--gold);color:var(--gold2);transform:translateY(-1px)}
.release-chips>a small{color:var(--gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}
@media(max-width:600px){.before-dusk-player{padding:24px 18px}.spotify-album-embed{height:352px}}


/* HABIBI upcoming merch collection */
.shop-grid{gap:28px}.coming-soon-card{border-color:rgba(255,182,213,.30);background:linear-gradient(145deg,rgba(255,182,213,.075),rgba(255,255,255,.018))}.merch-preview-wrap{background:#050505}.merch-preview{object-position:center}.pink-tag{color:#ffb6d5}.coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:4px;padding:13px 20px;border:1px solid rgba(255,182,213,.55);border-radius:999px;color:#ffb6d5;font-weight:900;letter-spacing:.16em;font-size:.76rem;background:rgba(255,182,213,.06)}