@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#050807;--panel:#09120f;--jade:#0b6b55;--jade2:#13a98a;--gold:#e8ca70;--text:#f4f5f1;--muted:#a6b0aa;--line:rgba(232,202,112,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}
.header{height:78px;position:fixed;z-index:20;inset:0 0 auto;padding:8px 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(5,8,7,.75);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand img{width:160px;height:60px;object-fit:contain}.header-right{display:flex;gap:18px;align-items:center;order:3}.langs{display:flex;gap:4px}.lang{border:0;background:transparent;color:#aeb7b2;padding:7px 9px;border-radius:3px;cursor:pointer;font-weight:600}.lang.active,.lang:hover{color:var(--gold);background:rgba(232,202,112,.08)}nav{display:flex;gap:26px}nav a{font-size:14px;color:#e0e6e2}nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:var(--gold);font-size:27px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:120px 7% 70px;background:radial-gradient(circle at 8% 75%,rgba(11,107,85,.45),transparent 40%)}.hero-photo{position:absolute;right:5%;top:12%;width:min(50vw,680px);height:80vh;border-radius:6px 6px 110px 6px;overflow:hidden;border:1px solid var(--line)}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(.8)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050807 0%,rgba(5,8,7,.88) 43%,rgba(5,8,7,.2) 100%)}.hero-content{position:relative;z-index:2}.number{font:900 clamp(100px,17vw,230px)/.78 Arial;color:transparent;-webkit-text-stroke:1px rgba(232,202,112,.32);letter-spacing:-.08em}.eyebrow,.heading span,.about-copy>span,.contact-card span{font-size:12px;letter-spacing:4px;color:var(--gold);font-weight:700}.hero h1{font-size:clamp(55px,9vw,110px);line-height:1;margin:22px 0 8px}.hero p{font-size:20px;color:#ccd4d0}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{padding:12px 24px;border:1px solid var(--gold);font-weight:700;font-size:14px;border-radius:3px}.btn.gold{background:var(--gold);color:#10130f}.btn.outline{background:rgba(0,0,0,.2)}
.section{padding:110px 7%}.heading{margin-bottom:42px}.heading h2,.about-copy h2,.contact-card h2{font-size:clamp(40px,6vw,66px);line-height:1.15;margin:5px 0 10px}.heading p,.contact-card p{color:var(--muted)}
.tracks{display:grid;gap:14px;max-width:1100px}.track{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;padding:20px;background:rgba(255,255,255,.025);border:1px solid rgba(232,202,112,.12)}.track:hover{border-color:var(--line);background:rgba(11,107,85,.1)}.num{font:700 23px Arial;color:var(--gold)}.track h3{font-size:20px;margin:0}.track small{color:var(--muted)}audio{display:none}.player{display:flex;align-items:center;gap:12px;margin-top:9px}.play{width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);background:var(--jade);color:var(--gold);cursor:pointer}.bars{height:27px;flex:1;min-width:90px;background:repeating-linear-gradient(90deg,rgba(232,202,112,.45) 0 3px,transparent 3px 8px);mask-image:linear-gradient(to bottom,transparent 0 20%,#000 20% 80%,transparent 80%)}time{font:12px Arial;color:var(--muted);direction:ltr}.download{border:1px solid rgba(232,202,112,.35);color:var(--gold);padding:9px 15px;font-size:13px;white-space:nowrap}.download:hover{background:var(--gold);color:#111}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#07100d}.about-photo{height:620px;overflow:hidden;border-radius:4px 90px 4px 4px}.about-photo img{width:100%;height:100%;object-fit:cover}.about-copy{max-width:560px}.about-copy p{font-size:17px;color:#c6cfca}.signature{font:700 45px Georgia;color:var(--gold);margin-top:30px}.signature span{color:var(--jade2)}
.gallery-section{background:#050807}.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:300px 300px;gap:14px}.gallery img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line);transition:.4s}.gallery img:first-child{grid-row:span 2}.gallery img:hover{transform:scale(1.015)}
.contact{background:#07100d}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(11,107,85,.2),rgba(0,0,0,.15))}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{border:1px solid rgba(232,202,112,.35);color:var(--gold);padding:11px 17px}.socials a:hover{background:var(--gold);color:#111}
footer{padding:32px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer img{width:150px;height:52px;object-fit:contain}footer strong{font:800 35px Arial;color:rgba(232,202,112,.35)}
@media(max-width:800px){.header{height:70px}.brand img{width:135px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:5%;right:5%;padding:8px;flex-direction:column;gap:0;background:#07110d;border:1px solid var(--line)}nav.open{display:flex}nav a{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.hero{min-height:900px;padding:100px 6% 55px;align-items:flex-end}.hero-photo{top:85px;right:5%;width:90%;height:57%;opacity:.48;border-radius:5px 5px 70px 5px}.hero-shade{background:linear-gradient(180deg,rgba(5,8,7,.2),rgba(5,8,7,.96) 73%)}.number{font-size:110px}.hero h1{font-size:58px}.section{padding:80px 6%}.track{grid-template-columns:45px 1fr;gap:10px}.download{grid-column:1/-1;text-align:center}.about{grid-template-columns:1fr;gap:35px}.about-photo{height:470px}.gallery{grid-template-columns:1fr;grid-template-rows:380px 260px 260px}.gallery img:first-child{grid-row:auto}.contact-card{display:block;padding:28px}.contact-card h2{font-size:34px}.socials{margin-top:24px}footer{flex-direction:column;text-align:center}}
[dir=ltr]{font-family:Arial,sans-serif}[dir=ltr] .header nav{direction:ltr}[dir=ltr] .hero-shade{background:linear-gradient(90deg,rgba(5,8,7,.2),rgba(5,8,7,.88) 57%,#050807 100%)}[dir=ltr] .hero-photo{right:auto;left:5%}[dir=ltr] .hero-content{margin-left:auto;direction:ltr}[dir=ltr] .hero{text-align:left}[dir=ltr] .track{text-align:left}