
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f5f2ea;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
nav{position:fixed;z-index:50;top:0;left:0;width:100%;padding:22px 5vw;display:flex;justify-content:space-between;backdrop-filter:blur(10px);background:#0004}nav div{display:flex;gap:24px}.brand{font-weight:900;font-size:22px}
section{position:relative;padding:8vw 7vw}.stage{min-height:100vh}.hero{height:100vh;padding:0;display:grid;place-items:center;overflow:hidden}.bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#40382b 0,#111 38%,#050505 78%);background-image:linear-gradient(#0003,#000a),url('assets/images/artist/kaash-hero.webp');background-size:cover;background-position:center}.hero-copy{position:relative;text-align:center;z-index:2}.hero h1{font-size:clamp(64px,12vw,180px);line-height:.76;letter-spacing:-.07em;margin:20px 0}.hero p,.hero span{letter-spacing:.25em;font-size:12px}
.identity{display:grid;place-items:center;overflow:hidden}.fixed-title{font-size:clamp(42px,8vw,120px);font-weight:900;opacity:.12}.float,.song{position:absolute;border:1px solid #ffffff35;background:#151515cc;padding:18px 24px;border-radius:16px;backdrop-filter:blur(10px)}.f1{left:8%;top:35%}.f2{right:8%;top:45%}.f3{left:42%;bottom:12%}
.feature{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.art{aspect-ratio:1;display:grid;place-items:center;text-align:center;font-weight:900;font-size:clamp(45px,7vw,100px);background:linear-gradient(145deg,#332a22,#0c0c0c)}.copy h2,.panel h2,.about h2{font-size:clamp(48px,7vw,110px);margin:.1em 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions a,.panel a{border:1px solid #777;padding:14px 18px;border-radius:99px}
.universe{display:grid;place-items:center;overflow:hidden}.universe h2{font-size:clamp(50px,9vw,130px);opacity:.12}.s1{left:8%;top:20%}.s2{right:7%;top:20%}.s3{left:42%;bottom:8%}.s4{left:12%;bottom:27%}.s5{right:10%;bottom:28%}.s6{left:43%;top:14%}
.panel{min-height:80vh;display:flex;flex-direction:column;justify-content:center;max-width:1200px;margin:auto}.bhola{display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#382d20,#080808 55%)}.bhola h2,.writer h2{font-size:clamp(70px,13vw,190px);line-height:.78;margin:.15em 0}.writer{text-align:center;display:grid;place-items:center}.credits{margin-top:40px;letter-spacing:.15em}
.video{min-height:100vh}.video h2,.discography h2,.contact h2{font-size:clamp(55px,9vw,130px)}.video-box{max-width:1100px;aspect-ratio:16/9;margin:auto}.video-box iframe{width:100%;height:100%;border:0;border-radius:22px}
.discography{min-height:100vh}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid div{aspect-ratio:1;background:#121212;border:1px solid #333;border-radius:18px;padding:25px;display:flex;align-items:flex-end;font-size:24px;font-weight:700}.about{max-width:1200px;margin:auto;min-height:80vh}.about p{font-size:clamp(20px,3vw,38px);line-height:1.4;color:#bbb}.contact{min-height:80vh}footer{padding:35px 7vw;border-top:1px solid #222;display:flex;justify-content:space-between}
@media(max-width:700px){nav div{display:none}.feature{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.float,.song{font-size:11px;padding:12px}.hero h1{font-size:22vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
