/*
Theme Name: VKAD Music
Theme URI: https://vkadmusic.com/
Author: VKAD Music
Author URI: https://vkadmusic.com/
Description: قالب اختصاصی فارسی و راست‌چین VKAD Music برای آثار، ویولن‌کده، نت‌ها و اخبار موسیقی.
Version: 1.0.12
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: vkad-music
*/

:root{--bg:#070808;--bg-soft:#0d0f10;--card:#121415;--card-2:#17191a;--text:#f5f2ec;--muted:#aaa69e;--gold:#d7a92f;--gold-2:#f1c855;--line:rgba(215,169,47,.28);--shadow:0 24px 70px rgba(0,0,0,.38);--radius:22px;--container:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.85;direction:rtl}body.admin-bar .site-header{top:32px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{padding:100px 0;position:relative}.eyebrow{display:inline-block;color:var(--gold-2);font-size:.87rem;font-weight:700;letter-spacing:.02em;margin-bottom:7px}.button{min-height:52px;padding:11px 25px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:.25s ease}.button:hover{transform:translateY(-2px);border-color:var(--gold)}.button--gold{background:linear-gradient(135deg,var(--gold-2),#bd8619);color:#18130a;border-color:transparent;box-shadow:0 12px 30px rgba(215,169,47,.14)}.button--outline{background:rgba(7,8,8,.55)}.button--full{width:100%;margin-top:18px}.is-disabled{opacity:.45;pointer-events:none}.notice-inline{border:1px dashed var(--line);padding:12px 16px;border-radius:10px;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,6,6,.89);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.06)}.site-header__inner{height:84px;display:grid;grid-template-columns:190px 1fr 205px;align-items:center;gap:20px}.site-header__brand{justify-self:start}.vkad-brand{display:block}.vkad-brand img,.custom-logo{width:auto;max-height:55px;max-width:170px;object-fit:contain}.site-navigation{justify-self:center}.vkad-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px}.vkad-menu a{font-size:.93rem;color:#e4e1da;position:relative;white-space:nowrap}.vkad-menu a:after{content:"";position:absolute;inset:auto 0 -10px;width:0;height:1px;margin:auto;background:var(--gold);transition:.25s}.vkad-menu a:hover{color:var(--gold-2)}.vkad-menu a:hover:after{width:100%}.site-header__social{justify-self:end}.vkad-social{display:flex;align-items:center;gap:9px;direction:ltr}.vkad-social__link{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);transition:.25s}.vkad-social__link:hover{background:var(--gold);color:#0b0c0c;transform:translateY(-2px)}.vkad-social__link.is-pending{opacity:.45}.vkad-social svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vkad-social svg path:first-child,.vkad-social svg circle:first-child{fill:none}.vkad-social svg .fill{fill:currentColor;stroke:none}.vkad-social svg .fill-dark{fill:#080909;stroke:none}.menu-toggle{display:none;background:none;border:0;padding:6px}.menu-toggle span:not(.screen-reader-text){display:block;width:26px;height:2px;background:var(--gold);margin:5px}
.hero{min-height:calc(100vh - 84px);position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.hero__bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 38%,rgba(0,0,0,.88) 72%,#050606 100%),url('../images/hero-violin.webp');background-size:cover;background-position:left center}.hero__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(215,169,47,.08),transparent 35%),linear-gradient(0deg,#070808 0%,transparent 20%)}.hero__inner{position:relative;z-index:2;display:flex;justify-content:flex-start}.hero__content{width:min(620px,100%);margin:0;text-align:right}.hero__logo{width:380px;max-width:80%;margin:0 0 4px auto}.hero__kicker{font-family:Georgia,serif;color:#d2aa55;letter-spacing:.13em;font-size:.82rem}.hero h1{font-size:clamp(3.1rem,6vw,6.2rem);line-height:1.12;margin:18px 0 23px;letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,#fff 0 65%,var(--gold-2) 65%);-webkit-background-clip:text;color:transparent}.hero__lead{font-size:1.15rem;color:#dad5cb;max-width:590px}.hero__actions{display:flex;gap:14px;margin-top:32px}.hero__scroll{position:absolute;z-index:3;bottom:24px;left:50%;width:34px;height:56px;border:1px solid var(--line);border-radius:20px;display:grid;place-items:center;color:var(--gold);animation:vkadFloat 2s infinite}@keyframes vkadFloat{50%{transform:translateY(7px)}}
.about-section{background:linear-gradient(180deg,#090a0a,#0d0e0f)}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.about-copy h2,.section-heading h2,.page-hero h1{font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1.25;margin:4px 0 24px}.about-copy p{font-size:1.1rem;color:#cbc7be;max-width:720px}.skill-pills{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.skill-pills span{border:1px solid var(--line);padding:8px 17px;border-radius:999px;color:#e2d9c7}.about-visual{position:relative;padding:26px}.about-visual:before,.about-visual:after{content:"";position:absolute;border:1px solid var(--line);border-radius:36px;inset:0 40px 40px 0}.about-visual:after{inset:25px 0 0 45px}.about-visual img{position:relative;z-index:2;border-radius:28px;aspect-ratio:1.08/1;object-fit:cover;box-shadow:var(--shadow)}.about-visual__slogan{position:absolute;z-index:3;bottom:0;right:0;background:linear-gradient(135deg,#e8ba3e,#b77e12);color:#100d07;padding:18px 30px;border-radius:17px;text-align:center;box-shadow:var(--shadow)}.about-visual__slogan strong{font-family:Georgia,serif;display:block;font-size:2rem;letter-spacing:.12em}.about-visual__slogan span{font-weight:700}
.works-preview,.notes-preview{background:#090a0a}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:45px}.section-heading p{color:var(--muted);margin:6px 0 0}.section-heading>a{color:var(--gold-2);font-weight:700;border-bottom:1px solid transparent}.section-heading>a:hover{border-color:var(--gold)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.work-card{background:linear-gradient(160deg,var(--card-2),#101111);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.work-card__cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}.work-card__cover img{width:100%;height:100%;object-fit:cover;transition:.5s}.work-card:hover .work-card__cover img{transform:scale(1.035)}.work-card__play{position:absolute;bottom:22px;left:22px;width:56px;height:56px;border-radius:50%;background:var(--gold-2);color:#171109;display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.4)}.work-card__body{padding:25px}.work-card h3{font-size:1.45rem;margin:3px 0 11px}.work-card p{color:var(--muted)}.work-card audio{width:100%;height:42px;filter:sepia(.3) saturate(.7)}
.violin-section{background:radial-gradient(circle at 85% 0,rgba(215,169,47,.055),transparent 35%),#0b0c0c}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.video-card{border-radius:var(--radius);background:var(--card);border:1px solid rgba(255,255,255,.07);overflow:hidden;box-shadow:var(--shadow)}.video-card__trigger{display:block;width:100%;padding:0;border:0;background:#000;position:relative;cursor:pointer;aspect-ratio:9/14;overflow:hidden}.video-card__trigger img{width:100%;height:100%;object-fit:cover;transition:.45s}.video-card:hover img{transform:scale(1.03)}.video-card__trigger:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%)}.video-card__play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:rgba(215,169,47,.94);color:#171109;font-size:1.25rem}.video-card__body{padding:23px}.video-card h3{font-size:1.5rem;margin:2px 0 8px}.video-card p{margin:0;color:var(--muted)}.video-modal{position:fixed;inset:0;z-index:2000;display:none;place-items:center;padding:20px}.video-modal.is-open{display:grid}.video-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.video-modal__dialog{position:relative;z-index:2;width:min(620px,95vw);height:min(88vh,900px);background:#000;border:1px solid var(--line);border-radius:20px;overflow:hidden}.video-modal video{width:100%;height:100%;object-fit:contain;background:#000}.video-modal__close{position:absolute;z-index:3;top:12px;left:12px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;font-size:1.7rem;cursor:pointer}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.note-card{background:linear-gradient(160deg,var(--card-2),#0d0e0f);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}.note-card.is-member{border-color:rgba(215,169,47,.2)}.note-card__media{aspect-ratio:1.3/1;position:relative;overflow:hidden;background:#080909}.note-card__media img{width:100%;height:100%;object-fit:cover}.note-card__badge{position:absolute;top:14px;right:14px;background:var(--gold-2);color:#171109;font-weight:700;padding:4px 12px;border-radius:7px}.note-card.is-member .note-card__badge{background:#171819;color:var(--gold-2);border:1px solid var(--line)}.note-card__body{padding:23px}.note-card h3{font-size:1.55rem;margin:2px 0}.note-card__composer{color:var(--gold-2);margin:4px 0 14px}.note-card__tutorial{display:flex;align-items:center;gap:7px;color:#d6a930;border-top:1px solid rgba(255,255,255,.07);padding-top:14px;font-size:.88rem}.note-card__tutorial.is-disabled{color:#807a70}.notes-preview .notes-grid .note-card:nth-child(n+4){opacity:.84}
.news-preview{background:radial-gradient(circle at 15% 30%,rgba(215,169,47,.05),transparent 35%),#0b0c0c}.featured-news{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:35px}.featured-news>a{display:block;position:relative;min-height:480px}.featured-news img{position:absolute;width:100%;height:100%;object-fit:cover}.featured-news__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:45px;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.1) 72%)}.featured-news h3{font-size:clamp(2rem,4vw,3.7rem);margin:4px 0 8px}.featured-news p{max-width:760px;color:#d3cec4}.featured-news__overlay>span:last-child{color:var(--gold-2);font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.news-card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden}.news-card__image{display:block;aspect-ratio:1.5/1;overflow:hidden;background:#111}.news-card__image img{width:100%;height:100%;object-fit:cover;transition:.4s}.news-card:hover img{transform:scale(1.035)}.news-card__body{padding:20px}.news-card time{font-size:.8rem;color:var(--gold)}.news-card h3,.news-card h2{font-size:1.15rem;line-height:1.6;margin:7px 0}.news-card p{color:var(--muted);font-size:.9rem}.news-card__body>a{color:var(--gold-2);font-size:.9rem;font-weight:700}
.page-hero{padding:105px 0 65px;background:radial-gradient(circle at 78% 20%,rgba(215,169,47,.1),transparent 30%),linear-gradient(180deg,#0d0f10,#080909);border-bottom:1px solid rgba(255,255,255,.06)}.page-hero h1{margin-bottom:12px}.page-hero p{color:var(--muted);font-size:1.1rem}.works-list{display:grid;gap:32px}.work-release{display:grid;grid-template-columns:360px 1fr;gap:45px;align-items:center;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:30px}.work-release.is-featured{grid-template-columns:minmax(340px,500px) 1fr}.work-release__cover img{border-radius:16px;aspect-ratio:1/1;object-fit:cover}.work-release__content h2{font-size:2.4rem;margin:5px 0}.work-release__content audio,.single-work audio{width:100%;margin:22px 0}.work-release__meta,.single-news__meta{display:flex;gap:12px;color:var(--gold-2);font-size:.9rem}.work-release__meta span{border:1px solid var(--line);border-radius:999px;padding:4px 12px}.single-work__grid{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:70px;align-items:center}.single-work__cover img{border-radius:24px;box-shadow:var(--shadow)}.single-work__content h1{font-size:4rem;margin:5px 0}.note-single{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.note-single>div:first-child img{border-radius:20px}.content-prose,.single-news__content{max-width:900px;font-size:1.07rem}.content-prose h1{font-size:3rem}.content-prose img,.single-news__content img{border-radius:18px}.news-archive__layout{display:grid;grid-template-columns:1fr 300px;gap:35px;align-items:start}.news-grid--archive{grid-template-columns:repeat(2,1fr)}.news-search{display:flex;gap:10px;margin-bottom:25px}.news-search input{flex:1;background:var(--card);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 15px}.news-search button{background:var(--gold);border:0;border-radius:10px;padding:0 22px;font-weight:700}.news-sidebar{display:grid;gap:20px;position:sticky;top:105px}.news-sidebar section{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:17px;padding:22px}.news-sidebar h2{margin-top:0;font-size:1.25rem;border-right:3px solid var(--gold);padding-right:10px}.news-sidebar ul{list-style:none;padding:0;margin:0}.news-sidebar a,.news-sidebar li{display:block;padding:8px 0;color:#ccc;border-bottom:1px solid rgba(255,255,255,.05)}.single-news__header{padding:90px 0 50px;text-align:center;background:linear-gradient(180deg,#101213,#080909)}.single-news__header h1{font-size:clamp(2.5rem,5vw,5rem);max-width:1000px;margin:10px auto}.single-news__meta{justify-content:center}.single-news__hero{margin-top:35px}.single-news__hero img{width:100%;max-height:680px;object-fit:cover;border-radius:25px}.single-news__content{padding-top:55px;padding-bottom:100px}.single-news__nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:25px;color:var(--gold-2)}.pagination,.nav-links{display:flex;gap:7px;justify-content:center;margin-top:35px}.page-numbers{min-width:42px;height:42px;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;border-radius:8px}.page-numbers.current{background:var(--gold);color:#111}.empty-state{text-align:center;padding:60px;border:1px dashed var(--line);border-radius:20px}.empty-state img{max-width:440px;margin:0 auto 25px;border-radius:20px}
.site-footer{background:#070808;border-top:1px solid rgba(255,255,255,.06);padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px;padding-bottom:55px}.footer-brand .vkad-brand img{max-height:90px;max-width:260px;margin-right:0}.footer-brand p{color:var(--muted);max-width:500px}.site-footer h2{font-size:1.15rem;color:#eee}.footer-links__cols{display:grid;grid-template-columns:1fr 1fr;gap:7px 25px}.footer-links a,.footer-contact>a{color:#aaa}.footer-links a:hover,.footer-contact>a:hover{color:var(--gold)}.footer-contact .vkad-social{margin-top:25px;justify-content:flex-start}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 0;color:#817d75;font-size:.83rem}.site-footer__bottom .container{display:flex;justify-content:space-between}.site-footer__bottom a{color:#9c968b}
@media(max-width:1150px){.site-header__inner{grid-template-columns:160px 1fr 160px}.vkad-menu{gap:17px}.vkad-menu a{font-size:.86rem}.news-grid{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:35px}.hero__content{width:550px}}
@media(max-width:900px){body.admin-bar .site-header{top:46px}.site-header__inner{grid-template-columns:1fr auto auto;height:72px}.site-header__brand{grid-column:1}.menu-toggle{display:block;grid-column:2}.site-header__social{grid-column:3}.site-header__social .vkad-social__link:nth-child(-n+2){display:none}.site-navigation{position:absolute;top:100%;right:0;left:0;background:#080909;border-bottom:1px solid var(--line);padding:15px 20px;display:none}.site-navigation.is-open{display:block}.vkad-menu{display:grid;gap:0}.vkad-menu li a{display:block;padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.hero{min-height:780px}.hero__bg{background-position:25% center;opacity:.65}.hero__inner{justify-content:center}.hero__content{text-align:center;margin:0;width:100%}.hero__logo{margin:0 auto}.hero__lead{margin-inline:auto}.hero__actions{justify-content:center}.about-grid,.single-work__grid,.note-single{grid-template-columns:1fr}.about-grid{gap:45px}.about-visual{max-width:620px;margin:auto}.works-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.video-grid .video-card:last-child{grid-column:1/-1;max-width:440px;margin:auto}.work-release,.work-release.is-featured{grid-template-columns:280px 1fr}.news-archive__layout{grid-template-columns:1fr}.news-sidebar{position:static;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.hero h1{font-size:4.4rem}}
@media(max-width:650px){.container{width:min(calc(100% - 26px),var(--container))}.section{padding:68px 0}.site-header__social{display:none}.site-header__inner{grid-template-columns:1fr auto}.hero{min-height:720px}.hero__bg{background-position:34% center}.hero h1{font-size:3rem}.hero__kicker{font-size:.67rem}.hero__lead{font-size:1rem}.hero__actions{flex-direction:column;align-items:stretch;padding:0 20px}.about-copy h2,.section-heading h2,.page-hero h1{font-size:2.35rem}.section-heading{align-items:start;flex-direction:column;margin-bottom:28px}.works-grid,.video-grid,.notes-grid,.news-grid,.news-grid--archive{grid-template-columns:1fr}.video-grid .video-card:last-child{grid-column:auto;max-width:none}.video-card__trigger{aspect-ratio:9/13}.featured-news>a{min-height:430px}.featured-news__overlay{padding:24px}.featured-news h3{font-size:2rem}.work-release,.work-release.is-featured{grid-template-columns:1fr;padding:18px}.work-release__content h2,.single-work__content h1{font-size:2.4rem}.news-sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.site-footer__bottom .container{flex-direction:column;gap:8px;text-align:center}.about-visual__slogan{padding:12px 20px}.about-visual__slogan strong{font-size:1.45rem}.skill-pills span{font-size:.83rem}.hero__logo{width:300px}}

/* Robust navigation and logo fixes */
.vkad-brand{line-height:0}
.site-header__brand,.site-header__social,.site-navigation{min-width:0}
.vkad-menu>li{position:relative}
.vkad-menu .sub-menu{display:none;position:absolute;top:calc(100% + 14px);right:0;min-width:210px;margin:0;padding:8px;list-style:none;background:#0b0c0c;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:50}
.vkad-menu>li:hover>.sub-menu,.vkad-menu>li:focus-within>.sub-menu{display:block}
.vkad-menu .sub-menu a{display:block;padding:8px 11px}
@media(max-width:900px){.vkad-menu .sub-menu{display:block;position:static;min-width:0;margin-right:14px;padding:0;background:transparent;border:0;box-shadow:none}.vkad-menu .sub-menu a{padding-right:22px}}


/* ===== VKAD final visual pass v1.0.2 ===== */
:root{--font-fa:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif;--container:1380px}
body{font-family:var(--font-fa);font-weight:500;letter-spacing:0}
h1,h2,h3,h4,h5,h6,.button,.vkad-menu a,.eyebrow{font-family:var(--font-fa);font-weight:800}
p,li,a,span,time{font-family:var(--font-fa)}
.site-header{background:rgba(4,5,5,.94);border-bottom-color:rgba(215,169,47,.15)}
.site-header__inner{height:92px;grid-template-columns:225px 1fr 235px}
.vkad-brand img,.custom-logo{max-height:72px;max-width:220px;width:auto}
.vkad-menu{gap:31px}.vkad-menu a{font-size:1rem;font-weight:700;color:#eeeae2}
.vkad-social{gap:11px}.vkad-social__link{width:42px;height:42px;border-color:rgba(215,169,47,.42);color:#e1b33d}
.vkad-social svg{width:20px;height:20px}
.hero{min-height:calc(100vh - 92px);background:#040505}
.hero__bg{background-image:linear-gradient(90deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 42%,rgba(2,3,3,.76) 64%,#040505 84%),url('assets/images/hero-violin.webp');background-size:cover;background-position:left center}
.hero__bg:after{background:radial-gradient(circle at 73% 38%,rgba(215,169,47,.09),transparent 35%),linear-gradient(0deg,#070808 0%,transparent 18%)}
.hero__inner{justify-content:flex-start}
.hero__content{width:min(665px,100%);padding:38px 0;text-align:right}
.hero__logo{width:520px;max-width:91%;margin:0 0 4px auto}
.hero__kicker{font-family:var(--font-fa);font-weight:700;color:#d8ad4d;letter-spacing:.12em;font-size:.88rem}
.hero h1{font-size:clamp(3.35rem,5.55vw,6rem);font-weight:900;line-height:1.16;margin:19px 0 20px;letter-spacing:-.035em}
.hero h1 span{background:linear-gradient(90deg,#fff 0 54%,var(--gold-2) 54%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__lead{font-size:1.18rem;font-weight:600;line-height:2;color:#ded8cd}
.hero__actions .button{font-size:1rem;min-width:175px}

/* About section: cleaner typography and a refined floating slogan card. */
.about-section{background:radial-gradient(circle at 10% 15%,rgba(215,169,47,.045),transparent 35%),linear-gradient(180deg,#090a0a,#0b0d0e)}
.about-grid{grid-template-columns:1.02fr .98fr;gap:92px}
.about-copy{position:relative;padding:12px 0}
.about-copy h2{font-size:clamp(2.75rem,4.8vw,4.8rem);font-weight:900;line-height:1.18;margin:8px 0 25px}
.about-copy h2 bdi{display:block;font-size:.78em;color:#fff;margin-top:4px}
.about-copy:after{content:"";display:block;width:92px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:28px}
.about-copy p{font-size:1.12rem;font-weight:550;line-height:2.15;color:#d4cfc5}
.skill-pills span{font-weight:700;background:rgba(255,255,255,.015)}
.about-visual{padding:34px 34px 45px 8px}
.about-visual:before{inset:0 52px 58px 0;border-radius:42px}.about-visual:after{inset:30px 2px 8px 58px;border-radius:42px}
.about-visual img{border-radius:30px;aspect-ratio:1.08/1;filter:saturate(.94) contrast(1.04)}
.about-visual__slogan{bottom:2px;right:-4px;min-width:230px;padding:17px 28px 20px;border:1px solid rgba(255,230,155,.33);border-radius:15px;background:linear-gradient(145deg,#f0c249,#b9780d);box-shadow:0 20px 50px rgba(0,0,0,.48)}
.about-visual__slogan strong{font-family:var(--font-fa);font-size:2rem;font-weight:900;letter-spacing:.06em}
.about-visual__slogan span{display:block;font-size:1rem;font-weight:800;margin-top:1px}

/* News preview: content and image are separate columns so text can never overlap. */
.news-preview{overflow:hidden}
.news-preview .section-heading{margin-bottom:34px}
.featured-news{background:linear-gradient(145deg,#141616,#0d0e0f);margin-bottom:26px;border-color:rgba(215,169,47,.36);box-shadow:var(--shadow)}
.featured-news>a{display:grid;grid-template-columns:.88fr 1.18fr;min-height:390px;position:relative;direction:rtl}
.featured-news__content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:44px 46px;direction:rtl;background:radial-gradient(circle at 90% 15%,rgba(215,169,47,.07),transparent 40%)}
.featured-news__media{position:relative;min-height:390px;overflow:hidden;direction:ltr}
.featured-news__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#111314 100%)}
.featured-news__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.featured-news__content h3{font-size:clamp(1.75rem,3vw,3rem);font-weight:900;line-height:1.45;margin:8px 0 12px}
.featured-news__content p{max-width:610px;color:#cbc6bc;font-size:1rem;line-height:1.95;margin:0 0 20px}
.featured-news__content>a,.featured-news__content>span:last-child{color:var(--gold-2);font-weight:800}
.news-card h3,.news-card h2{font-weight:800;line-height:1.75}.news-card p{line-height:1.9}

@media(max-width:1150px){.site-header__inner{grid-template-columns:190px 1fr 190px}.vkad-menu{gap:19px}.vkad-menu a{font-size:.9rem}.hero__logo{width:440px}}
@media(max-width:900px){.site-header__inner{height:76px}.vkad-brand img,.custom-logo{max-height:57px;max-width:170px}.hero{min-height:790px}.hero__bg{background-position:22% center}.hero__content{padding-top:85px}.hero__logo{width:420px}.featured-news>a{grid-template-columns:1fr}.featured-news__content{order:2;padding:30px}.featured-news__media{order:1;min-height:300px}.featured-news__media:after{background:linear-gradient(0deg,#111314,transparent 36%)}.about-grid{gap:52px}}
@media(max-width:650px){.hero{min-height:735px}.hero__bg{background-position:29% center;opacity:.78}.hero__content{padding-top:60px}.hero__logo{width:340px}.hero h1{font-size:3.15rem}.hero__actions .button{min-width:0}.about-copy h2{font-size:2.65rem}.about-visual{padding:22px 20px 40px 0}.about-visual__slogan{right:0;min-width:185px}.featured-news__media{min-height:235px}.featured-news__content{padding:24px 21px}.featured-news__content h3{font-size:1.75rem}}


/* ===== VKAD typography + motion pass v1.0.4 ===== */
:root{
	--font-fa:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
	--header-offset:112px;
}
html{
	scroll-behavior:smooth;
	scroll-padding-top:var(--header-offset);
}
body,
button,
input,
textarea,
select{
	font-family:var(--font-fa)!important;
	font-synthesis:none;
	font-stretch:normal;
	font-kerning:normal;
	text-rendering:optimizeLegibility;
	letter-spacing:0!important;
}
body{font-weight:400}
p,li,time,.news-card p,.featured-news__content p,.about-copy p,.hero__lead{font-weight:400}
h1,h2,h3,h4,h5,h6,.button,.eyebrow{font-family:var(--font-fa)!important;font-stretch:normal;letter-spacing:0!important}
h1,h2{font-weight:800}
h3,h4,h5,h6{font-weight:700}
.section[id],#about,#violin-kadeh,#contact{scroll-margin-top:var(--header-offset)}

/* A calmer, more formal navigation weight and animated underline. */
.vkad-menu a{
	font-family:var(--font-fa)!important;
	font-weight:600;
	letter-spacing:0!important;
	transition:color .28s ease,transform .28s ease;
}
.vkad-menu a:after{height:2px;bottom:-12px;transition:width .34s cubic-bezier(.2,.75,.25,1)}
.vkad-menu a:hover,.vkad-menu a:focus-visible{transform:translateY(-1px)}
.button{font-weight:700;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.button:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.3)}

/* Formal Persian headline proportions without stretched glyphs. */
.hero__kicker{font-family:var(--font-fa)!important;font-weight:600;letter-spacing:.045em!important}
.hero h1{font-weight:800;letter-spacing:0!important;line-height:1.22}
.hero__lead{font-size:1.12rem;line-height:2.05}
.about-copy h2{font-weight:800;letter-spacing:0!important}
.about-copy p{line-height:2.15}
.skill-pills span{font-weight:600}

/* News typography: tighter sizing and natural Persian line lengths. */
.featured-news__content h3{
	font-size:clamp(1.8rem,2.65vw,2.75rem);
	font-weight:800;
	font-stretch:normal;
	line-height:1.52;
	letter-spacing:0!important;
	max-width:18ch;
}
.featured-news__content p{font-size:.98rem;line-height:2;max-width:58ch}
.news-card h3,.news-card h2{
	font-family:var(--font-fa)!important;
	font-size:1.22rem;
	font-weight:700;
	font-stretch:normal;
	line-height:1.72;
	letter-spacing:0!important;
}
.news-card p{font-size:.93rem;line-height:1.95}
.news-card__body>a,.featured-news__content>span:last-child{font-weight:650}

/* Subtle page entrance/exit animation for internal navigation. */
.site-main,.site-footer{
	opacity:0;
	transform:translateY(8px);
	transition:opacity .32s ease,transform .32s ease;
}
body.vkad-page-ready .site-main,
body.vkad-page-ready .site-footer{opacity:1;transform:none}
body.vkad-page-leaving .site-main,
body.vkad-page-leaving .site-footer{opacity:0;transform:translateY(5px);transition-duration:.18s}

@media(max-width:900px){:root{--header-offset:96px}}
@media(max-width:650px){
	:root{--header-offset:84px}
	.hero h1{line-height:1.28}
	.featured-news__content h3{max-width:none;font-size:1.72rem}
	.news-card h3,.news-card h2{font-size:1.16rem}
}
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
	.site-main,.site-footer{opacity:1!important;transform:none!important}
}


/* ===== VKAD exact visual pass v1.0.5 ===== */
:root{
	--font-fa:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
	--font-display:"Lalezar","Vazirmatn",Tahoma,sans-serif;
	--header-offset:124px;
	--gold:#d8aa31;
	--gold-2:#f2c855;
}
body,button,input,textarea,select{font-family:var(--font-fa)!important}
h1,h2,.hero h1,.about-copy h2,.page-hero h1{font-family:var(--font-display)!important;font-weight:400!important}
h3,h4,h5,h6,.button,.eyebrow,.vkad-menu a{font-family:var(--font-fa)!important}

/* Header proportions from the approved mockup. */
.site-header{background:rgba(3,4,4,.97);border-bottom:1px solid rgba(216,170,49,.22)}
.site-header__inner{height:104px;grid-template-columns:265px 1fr 265px;gap:28px}
.vkad-brand img,.custom-logo{max-height:86px;max-width:255px;width:auto}
.vkad-menu{gap:34px}
.vkad-menu a{font-size:1rem;font-weight:650;color:#f0ece3}
.vkad-menu a:after{bottom:-15px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-2),transparent)}
.vkad-social{gap:12px}.vkad-social__link{width:46px;height:46px;border-color:rgba(216,170,49,.58);color:#e5b637}
.vkad-social__link:hover{background:linear-gradient(145deg,#f0c24b,#b7790e);box-shadow:0 10px 24px rgba(216,170,49,.18)}
.vkad-social svg{width:21px;height:21px}

/* Hero: larger cropped logo and the approved two-line headline. */
.hero{min-height:calc(100vh - 104px)}
.hero__bg{background-image:linear-gradient(90deg,rgba(0,0,0,.01) 0%,rgba(0,0,0,.04) 42%,rgba(2,3,3,.74) 63%,#040505 87%),url('assets/images/hero-violin.webp');background-position:left center}
.hero__content{width:min(720px,100%);padding:38px 0 52px}
.hero__logo{width:650px;max-width:100%;margin:0 0 7px auto}
.hero__kicker{font-family:Georgia,"Times New Roman",serif!important;font-weight:600;letter-spacing:.15em!important;font-size:.92rem;color:#d9ae4f}
.hero h1{font-size:clamp(4rem,6.25vw,7rem);line-height:1.04;margin:22px 0 24px;letter-spacing:0!important}
.hero h1 span{color:var(--gold-2);background:none;-webkit-text-fill-color:initial}
.hero__lead{font-size:1.18rem;line-height:2.05;font-weight:500;color:#ded8cd;max-width:650px}
.hero__actions{gap:22px;margin-top:34px}.hero__actions .button{min-width:205px;min-height:58px;font-size:1.06rem;border-radius:11px}

/* About section recreated from the approved design. */
.about-section{background:radial-gradient(circle at 12% 12%,rgba(216,170,49,.055),transparent 38%),linear-gradient(180deg,#080909,#0a0c0d);overflow:hidden}
.about-grid{grid-template-columns:1fr 1fr;gap:92px;align-items:center}
.about-copy{text-align:center;padding:18px 0 12px;max-width:780px;margin-inline:auto}
.about-copy:after{display:none}
.about-copy__eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--gold-2);font-weight:700;margin-bottom:16px}
.about-copy__eyebrow i{width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.about-copy__eyebrow i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.about-copy h2{font-size:clamp(3.1rem,5vw,5.7rem);line-height:1.08;margin:0;color:#e4b63e;text-shadow:0 8px 28px rgba(216,170,49,.08)}
.about-copy__stage-name{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,4vw,4.8rem);line-height:1.1;color:#fff;margin:14px 0 26px;direction:ltr}
.about-copy p{font-size:1.13rem;line-height:2.35;color:#ddd7cd;max-width:700px;margin:0 auto;font-weight:450}
.about-copy__divider{display:flex;align-items:center;justify-content:center;gap:9px;margin:28px auto 30px;max-width:390px}
.about-copy__divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}
.about-copy__divider span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.about-copy__divider i{width:10px;height:10px;border:1px solid var(--gold);transform:rotate(45deg)}
.skill-pills{justify-content:center;gap:14px;margin-top:0}
.skill-pills .skill-pill{position:relative;min-height:52px;padding:11px 48px 11px 20px;border:1px solid rgba(216,170,49,.48);background:rgba(255,255,255,.012);color:#f0ece5;font-weight:650;display:inline-flex;align-items:center}
.skill-pills .skill-pill:before{position:absolute;right:18px;color:var(--gold-2);font-size:1.15rem;line-height:1}
.skill-pill--compose:before{content:"♫"}.skill-pill--arrange:before{content:"☷"}.skill-pill--violin:before{content:"♩"}.skill-pill--content:before{content:"◖"}
.about-visual{padding:48px 44px 60px 8px}
.about-visual:before{inset:0 82px 78px 0;border-radius:42px;border-color:rgba(216,170,49,.34)}
.about-visual:after{inset:30px 42px 38px 48px;border-radius:42px;border-color:rgba(216,170,49,.27)}
.about-visual img{border-radius:30px;aspect-ratio:1.06/1;box-shadow:0 28px 80px rgba(0,0,0,.52);border:1px solid rgba(216,170,49,.38)}
.about-visual__slogan{bottom:0;right:0;min-width:270px;padding:24px 34px 26px;border-radius:18px;background:linear-gradient(145deg,rgba(21,20,16,.98),rgba(9,10,10,.98));border:1px solid rgba(237,190,66,.72);color:#eab944;box-shadow:0 22px 55px rgba(0,0,0,.55)}
.about-visual__slogan:after{content:"";display:block;width:74px;height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.about-visual__slogan strong{font-family:Georgia,"Times New Roman",serif;font-size:2.45rem;color:#e8b742;letter-spacing:.08em}
.about-visual__slogan span{font-size:1.03rem;color:#e2ad35;font-weight:700}

/* Keep news Persian typography natural, never horizontally stretched. */
.featured-news__content h3,.news-card h3,.news-card h2{font-family:var(--font-fa)!important;font-stretch:normal;transform:none;letter-spacing:0!important}
.featured-news__content h3{font-weight:800}.news-card h3,.news-card h2{font-weight:700}

@media(max-width:1180px){
	.site-header__inner{grid-template-columns:210px 1fr 210px}.vkad-brand img,.custom-logo{max-width:205px;max-height:72px}.vkad-menu{gap:20px}.hero__logo{width:540px}
	.about-grid{gap:55px}.skill-pills .skill-pill{padding-right:42px}
}
@media(max-width:900px){
	:root{--header-offset:98px}.site-header__inner{height:78px}.hero{min-height:790px}.hero__logo{width:470px}.hero h1{font-size:4.6rem}
	.about-grid{grid-template-columns:1fr;gap:54px}.about-copy{order:1}.about-visual{order:2;max-width:680px;margin-inline:auto}
}
@media(max-width:650px){
	:root{--header-offset:86px}.hero__logo{width:360px}.hero h1{font-size:3.3rem}.hero__lead{font-size:1rem}.hero__actions{gap:12px}
	.about-copy h2{font-size:3.2rem}.about-copy__stage-name{font-size:2.75rem}.about-copy p{font-size:1rem;line-height:2.15}
	.about-copy__eyebrow i{width:42px}.skill-pills{display:grid;grid-template-columns:1fr 1fr;width:100%}.skill-pills .skill-pill{justify-content:center;padding:10px 36px 10px 12px;font-size:.82rem}
	.about-visual{padding:34px 18px 56px 0}.about-visual__slogan{min-width:210px;padding:18px 22px}.about-visual__slogan strong{font-size:1.8rem}
}


/* ===== VKAD precision refinement v1.0.6 ===== */
:root{
  --font-fa:"Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  --font-display:"Vazirmatn","B Titr","BTitr",Tahoma,sans-serif;
  --header-offset:132px;
}

/* Use one formal Persian family consistently; display weight comes from the typeface, not artificial stretching. */
html,body,button,input,textarea,select,
.vkad-menu a,.button,.eyebrow,p,li,a,span,time,
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-fa)!important;
  font-stretch:normal!important;
  font-synthesis:none!important;
  letter-spacing:0!important;
}
body{font-weight:400}
h1,h2,.hero h1,.about-copy h2,.page-hero h1{font-family:var(--font-display)!important;font-weight:900!important}
h3,h4,h5,h6{font-weight:750}
p,.hero__lead,.about-copy p,.news-card p,.featured-news__content p{font-weight:400}

/* Stronger, more balanced header proportions. */
.site-header__inner{height:112px;grid-template-columns:305px minmax(0,1fr) 305px;gap:30px}
.vkad-brand img,.custom-logo{max-height:98px;max-width:292px;width:auto;filter:drop-shadow(0 5px 18px rgba(216,170,49,.08))}
.vkad-menu{gap:32px}
.vkad-menu a{font-size:1.01rem;font-weight:650}
.vkad-social__link{width:47px;height:47px}
.vkad-social svg{width:22px;height:22px}

/* Approved hero scale and reliable background image path. */
.hero{min-height:calc(100vh - 112px)}
.hero__bg{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.015) 0%,rgba(0,0,0,.045) 40%,rgba(2,3,3,.72) 63%,#040505 88%),
    url('assets/images/hero-violin.webp')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  opacity:1!important;
}
.hero__content{width:min(770px,100%);padding:34px 0 50px}
.hero__logo{width:735px;max-width:100%;margin:0 0 8px auto;filter:drop-shadow(0 14px 34px rgba(216,170,49,.06))}
.hero__kicker{font-family:Georgia,"Times New Roman",serif!important;font-size:.94rem;letter-spacing:.145em!important}
.hero h1{font-size:clamp(4rem,6.15vw,6.85rem);line-height:1.08;margin:20px 0 20px}
.hero__lead{font-size:1.16rem;line-height:2.05;max-width:670px}
.hero__actions{margin-top:30px}

/* More elegant and readable artist introduction. */
.about-section{padding-block:112px;background:radial-gradient(circle at 12% 12%,rgba(216,170,49,.07),transparent 37%),linear-gradient(180deg,#080909,#0a0c0d)}
.about-grid{grid-template-columns:1.03fr .97fr;gap:96px}
.about-copy{max-width:735px;padding:18px 0}
.about-copy__eyebrow{font-size:1rem;margin-bottom:20px}
.about-copy__eyebrow i{width:82px}
.about-copy h2{font-size:clamp(3.35rem,5.15vw,5.65rem);line-height:1.12;color:#e7b83f;text-shadow:0 10px 30px rgba(216,170,49,.1)}
.about-copy__stage-name{font-size:clamp(2.45rem,3.7vw,4.25rem);margin:12px 0 27px;color:#f7f4ed}
.about-copy p{max-width:665px;font-size:1.08rem;line-height:2.28;color:#d8d2c7}
.about-copy__divider{margin:30px auto 31px;max-width:420px}
.skill-pills{gap:12px}
.skill-pills .skill-pill{min-height:50px;padding:10px 46px 10px 18px;font-size:.95rem;border-color:rgba(216,170,49,.54);transition:transform .28s ease,border-color .28s ease,background .28s ease}
.skill-pills .skill-pill:hover{transform:translateY(-3px);border-color:var(--gold-2);background:rgba(216,170,49,.045)}
.about-visual{padding:46px 46px 64px 8px}
.about-visual img{filter:saturate(.98) contrast(1.05);box-shadow:0 32px 90px rgba(0,0,0,.58)}
.about-visual__slogan{min-width:280px;padding:25px 36px 27px}
.about-visual__slogan strong{font-size:2.55rem}

/* Natural Persian news typography: no visual stretching, controlled line lengths. */
.featured-news__content h3{font-size:clamp(1.85rem,2.5vw,2.65rem);font-weight:800!important;line-height:1.58;max-width:19ch}
.featured-news__content p{font-size:.98rem;line-height:2;max-width:56ch}
.news-card h3,.news-card h2{font-size:1.17rem;font-weight:700!important;line-height:1.78}
.news-card p{font-size:.92rem;line-height:1.95}

/* Explicit anchor transition polish. */
.section[id],#about,#violin-kadeh,#contact{scroll-margin-top:var(--header-offset)}
.vkad-menu a,.hero__actions a,.hero__scroll{transition:color .32s ease,transform .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease}

@media(max-width:1220px){
  .site-header__inner{grid-template-columns:230px minmax(0,1fr) 230px}
  .vkad-brand img,.custom-logo{max-width:220px;max-height:78px}
  .vkad-menu{gap:19px}.vkad-menu a{font-size:.9rem}
  .hero__logo{width:600px}
  .about-grid{gap:60px}
}
@media(max-width:900px){
  :root{--header-offset:102px}
  .site-header__inner{height:80px}
  .vkad-brand img,.custom-logo{max-width:184px;max-height:64px}
  .hero{min-height:800px}.hero__content{padding-top:82px}.hero__logo{width:510px}
  .about-section{padding-block:88px}.about-grid{gap:58px}
}
@media(max-width:650px){
  :root{--header-offset:88px}
  .hero{min-height:745px}.hero__bg{background-position:28% center!important}.hero__logo{width:370px}
  .hero h1{font-size:3.15rem;line-height:1.24}.hero__lead{font-size:.98rem}
  .about-section{padding-block:72px}.about-copy h2{font-size:3rem}.about-copy__stage-name{font-size:2.5rem}
  .about-copy p{font-size:.98rem;line-height:2.18}.about-copy__eyebrow i{width:42px}
  .about-visual{padding:32px 17px 58px 0}.about-visual__slogan{min-width:215px;padding:18px 22px}
  .skill-pills .skill-pill{font-size:.8rem;padding-right:35px}
}


/* =========================================================
   VKAD Music 1.0.7 — larger brand marks + single logo caption
   ========================================================= */

/* The logo artwork already contains the English subtitle, so the extra
   hero kicker is intentionally hidden as a safety net for cached markup. */
.hero__kicker{display:none!important}

/* Make the header brand visibly larger without crowding the navigation. */
.site-header__inner{
  height:118px;
  grid-template-columns:330px minmax(0,1fr) 330px;
}
.site-header__brand{display:flex;align-items:center;min-width:0}
.site-header__brand .vkad-brand{display:flex;align-items:center}
.site-header__brand .vkad-brand img,
.site-header__brand .custom-logo{
  width:236px!important;
  max-width:236px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  transform:translateZ(0);
}

/* The hero uses the same complete artwork once, at a stronger visual scale. */
.hero{min-height:calc(100vh - 118px)}
.hero__content{width:min(820px,100%);padding:28px 0 46px}
.hero__logo{
  width:805px!important;
  max-width:100%!important;
  height:auto;
  margin:0 0 24px auto!important;
}
.hero h1{margin-top:0!important}

@media(max-width:1220px){
  .site-header__inner{grid-template-columns:245px minmax(0,1fr) 245px}
  .site-header__brand .vkad-brand img,
  .site-header__brand .custom-logo{width:205px!important;max-width:205px!important}
  .hero__logo{width:660px!important}
}
@media(max-width:900px){
  .site-header__inner{height:82px}
  .site-header__brand .vkad-brand img,
  .site-header__brand .custom-logo{width:172px!important;max-width:172px!important}
  .hero{min-height:790px}
  .hero__logo{width:535px!important;margin-bottom:20px!important}
}
@media(max-width:650px){
  .site-header__brand .vkad-brand img,
  .site-header__brand .custom-logo{width:148px!important;max-width:148px!important}
  .hero__logo{width:390px!important;margin-bottom:17px!important}
}

/* =========================================================
   VKAD Music 1.0.8 — mobile about + artwork containment
   ========================================================= */

/* Never allow decorative elements or media cards to widen the mobile page. */
html,body{max-width:100%;overflow-x:clip}
.site-main,.section,.container,.about-grid,.about-copy,.about-visual,
.works-grid,.work-card,.work-release,.work-release__cover,.work-release__content,
.single-work__grid,.single-work__cover,.single-work__content{min-width:0;max-width:100%}

/* Preserve the original square music cover without stretching or cropping. */
.work-card__cover,
.work-release__cover,
.single-work__cover{background:#050606}
.work-card__cover img,
.work-release__cover img,
.single-work__cover img{display:block;max-width:100%;height:auto;object-position:center}

@media(max-width:650px){
  /* Compact, balanced artist introduction for phones. */
  .about-section{
    padding:58px 0 70px!important;
    overflow:hidden;
  }
  .about-section .container{
    width:min(calc(100% - 30px),var(--container));
  }
  .about-grid{
    display:flex!important;
    flex-direction:column;
    gap:38px!important;
    width:100%;
  }
  .about-copy{
    order:1!important;
    width:100%;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    text-align:center;
  }
  .about-copy__eyebrow{
    gap:11px;
    margin:0 0 14px;
    font-size:.88rem;
  }
  .about-copy__eyebrow i{width:34px!important}
  .about-copy h2{
    margin:0!important;
    font-size:clamp(2.25rem,11vw,3rem)!important;
    line-height:1.27!important;
    text-wrap:balance;
  }
  .about-copy__stage-name{
    margin:7px 0 20px!important;
    font-size:clamp(1.75rem,9vw,2.35rem)!important;
    line-height:1.15!important;
  }
  .about-copy p{
    width:100%;
    max-width:34rem!important;
    margin-inline:auto!important;
    padding-inline:3px;
    font-size:.94rem!important;
    line-height:2.05!important;
    text-align:right;
    text-wrap:pretty;
  }
  .about-copy__divider{
    width:min(260px,78%);
    margin:23px auto 24px!important;
  }
  .skill-pills{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
  }
  .skill-pills .skill-pill{
    width:100%;
    min-width:0;
    min-height:58px!important;
    justify-content:center;
    padding:10px 34px 10px 10px!important;
    border-radius:18px;
    font-size:.78rem!important;
    line-height:1.65;
    text-align:center;
    white-space:normal;
  }
  .skill-pills .skill-pill:before{
    right:12px!important;
    font-size:1rem!important;
  }

  /* Image and slogan are now a clean second block, with no absolute overflow. */
  .about-visual{
    order:2!important;
    width:100%;
    max-width:440px!important;
    padding:17px 12px 0!important;
    margin:0 auto!important;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .about-visual:before{
    inset:0 27px 56px 0!important;
    border-radius:26px!important;
  }
  .about-visual:after{
    inset:14px 0 41px 28px!important;
    border-radius:26px!important;
  }
  .about-visual img{
    position:relative;
    z-index:2;
    width:100%;
    max-width:100%;
    height:auto!important;
    aspect-ratio:1.08/1!important;
    object-fit:cover!important;
    border-radius:22px!important;
  }
  .about-visual__slogan{
    position:relative!important;
    z-index:3;
    right:auto!important;
    bottom:auto!important;
    width:min(235px,78%);
    min-width:0!important;
    margin:-24px auto 0!important;
    padding:15px 18px 17px!important;
    border-radius:15px!important;
  }
  .about-visual__slogan strong{
    font-size:1.65rem!important;
    line-height:1.2;
  }
  .about-visual__slogan span{
    font-size:.86rem!important;
  }

  /* Original cover art stays fully inside every mobile card. */
  .works-preview .container,.works-list,.works-grid{width:100%;max-width:100%}
  .work-card,.work-release,.single-work__grid{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .work-card__cover{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
  }
  .work-card__cover img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    transform:none!important;
  }
  .work-release,.work-release.is-featured{
    display:block!important;
    padding:14px!important;
  }
  .work-release__cover{
    width:100%;
    overflow:hidden;
    border-radius:16px;
  }
  .work-release__cover img,
  .single-work__cover img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    border-radius:16px!important;
  }
  .work-release__content{padding:20px 4px 5px}
}

@media(max-width:390px){
  .about-copy h2{font-size:2.18rem!important}
  .about-copy__stage-name{font-size:1.72rem!important}
  .about-copy p{font-size:.9rem!important;line-height:2!important}
  .skill-pills{grid-template-columns:1fr!important}
  .skill-pills .skill-pill{min-height:52px!important;font-size:.82rem!important}
}



/* =========================================================
   VKAD Music 1.0.9 — works archive mobile containment
   ========================================================= */
.works-archive,
.works-archive .section,
.works-archive .container,
.works-archive .work-empty-state,
.works-archive .work-empty-state__cover{
  min-width:0;
  max-width:100%;
}
.works-archive .work-empty-state{
  width:min(100%,900px);
  margin-inline:auto;
  padding:clamp(20px,4vw,48px);
  overflow:hidden;
}
.works-archive .work-empty-state__cover{
  width:min(100%,520px);
  aspect-ratio:1/1;
  margin:0 auto 26px;
  overflow:hidden;
  border-radius:20px;
  background:#050606;
}
.works-archive .work-empty-state__cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  transform:none!important;
}
.works-archive .work-empty-state h2{margin:0 0 12px}
.works-archive .work-empty-state p{max-width:620px;margin:0 auto;color:var(--muted)}

@media(max-width:650px){
  .works-archive .section{padding:42px 0 66px!important}
  .works-archive .section>.container{width:calc(100% - 24px)!important}
  .works-archive .work-empty-state{
    width:100%!important;
    padding:12px 12px 26px!important;
    border-radius:18px!important;
  }
  .works-archive .work-empty-state__cover{
    width:100%!important;
    margin-bottom:22px!important;
    border-radius:15px!important;
  }
  .works-archive .work-empty-state h2{
    font-size:2rem!important;
    line-height:1.35!important;
  }
  .works-archive .work-empty-state p{
    padding-inline:8px;
    font-size:.94rem!important;
    line-height:2!important;
  }
}

/* =========================================================
   VKAD Music 1.0.10 — branded audio player
   ========================================================= */
.vkad-audio-player{
  --player-progress:0%;
  position:relative;
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  align-items:center;
  gap:18px;
  width:100%;
  margin:26px 0;
  padding:17px 19px;
  overflow:hidden;
  border:1px solid rgba(231,184,61,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 50%,rgba(231,184,61,.13),transparent 31%),
    linear-gradient(145deg,rgba(24,25,25,.98),rgba(8,9,9,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025);
  isolation:isolate;
}
.vkad-audio-player:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.25;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(215,169,47,.055) 15px 16px);
  mask-image:linear-gradient(90deg,#000,transparent 62%);
}
.vkad-audio-player__media{display:none!important}
.vkad-audio-player__play{
  position:relative;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  color:#171107;
  cursor:pointer;
  background:linear-gradient(145deg,#f4d068,#c48a18);
  box-shadow:0 12px 30px rgba(215,169,47,.22),inset 0 2px 2px rgba(255,255,255,.42);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.vkad-audio-player__play:before{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(215,169,47,.22);
  border-radius:50%;
  transition:transform .35s ease,opacity .35s ease;
}
.vkad-audio-player__play:hover{transform:translateY(-2px) scale(1.025);filter:brightness(1.06);box-shadow:0 16px 36px rgba(215,169,47,.3),inset 0 2px 2px rgba(255,255,255,.42)}
.vkad-audio-player__play:focus-visible,.vkad-audio-player__mute:focus-visible,.vkad-audio-player__seek:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
.vkad-audio-player__play-icon{
  width:0;
  height:0;
  margin-right:4px;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  border-right:0;
  border-left:15px solid currentColor;
}
.vkad-audio-player__pause-icon{display:none;align-items:center;justify-content:center;gap:5px}
.vkad-audio-player__pause-icon i{display:block;width:5px;height:20px;border-radius:3px;background:currentColor}
.vkad-audio-player.is-playing .vkad-audio-player__play-icon{display:none}
.vkad-audio-player.is-playing .vkad-audio-player__pause-icon{display:flex}
.vkad-audio-player.is-playing .vkad-audio-player__play:before{animation:vkadAudioPulse 1.65s ease-out infinite}
@keyframes vkadAudioPulse{0%{transform:scale(.88);opacity:.75}75%,100%{transform:scale(1.28);opacity:0}}
.vkad-audio-player__body{min-width:0}
.vkad-audio-player__heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}
.vkad-audio-player__heading strong{overflow:hidden;color:#f7f3e9;font-size:1rem;font-weight:800;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.vkad-audio-player__status{flex:0 0 auto;color:#c9a650;font-size:.75rem;font-weight:650}
.vkad-audio-player__seek{
  --webkit-progress:var(--player-progress);
  direction:ltr;
  width:100%;
  height:7px;
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-radius:999px;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  background:linear-gradient(90deg,#f1c855 0 var(--player-progress),rgba(255,255,255,.15) var(--player-progress) 100%);
  box-shadow:inset 0 1px 4px rgba(0,0,0,.45);
}
.vkad-audio-player__seek::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:transparent}
.vkad-audio-player__seek::-moz-range-track{height:7px;border-radius:999px;background:rgba(255,255,255,.15)}
.vkad-audio-player__seek::-moz-range-progress{height:7px;border-radius:999px;background:#f1c855}
.vkad-audio-player__seek::-webkit-slider-thumb{
  width:17px;
  height:17px;
  margin-top:-5px;
  border:3px solid #17130b;
  border-radius:50%;
  appearance:none;
  -webkit-appearance:none;
  background:#f4cf63;
  box-shadow:0 0 0 2px rgba(244,207,99,.32),0 4px 12px rgba(0,0,0,.35);
}
.vkad-audio-player__seek::-moz-range-thumb{width:12px;height:12px;border:3px solid #17130b;border-radius:50%;background:#f4cf63;box-shadow:0 0 0 2px rgba(244,207,99,.32)}
.vkad-audio-player__footer{direction:ltr;display:flex;align-items:center;gap:12px;margin-top:9px;color:#a9a59d}
.vkad-audio-player__time{display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1}
.vkad-audio-player__equalizer{height:18px;display:flex;align-items:center;gap:3px;margin-left:auto;opacity:.42}
.vkad-audio-player__equalizer i{width:3px;height:5px;border-radius:4px;background:linear-gradient(180deg,#f4cf63,#b97712);transform-origin:center bottom}
.vkad-audio-player__equalizer i:nth-child(2){height:10px}.vkad-audio-player__equalizer i:nth-child(3){height:15px}.vkad-audio-player__equalizer i:nth-child(4){height:9px}.vkad-audio-player__equalizer i:nth-child(5){height:13px}
.vkad-audio-player.is-playing .vkad-audio-player__equalizer{opacity:1}
.vkad-audio-player.is-playing .vkad-audio-player__equalizer i{animation:vkadEq .65s ease-in-out infinite alternate}
.vkad-audio-player.is-playing .vkad-audio-player__equalizer i:nth-child(2){animation-delay:-.18s}.vkad-audio-player.is-playing .vkad-audio-player__equalizer i:nth-child(3){animation-delay:-.36s}.vkad-audio-player.is-playing .vkad-audio-player__equalizer i:nth-child(4){animation-delay:-.12s}.vkad-audio-player.is-playing .vkad-audio-player__equalizer i:nth-child(5){animation-delay:-.29s}
@keyframes vkadEq{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.vkad-audio-player__mute{position:relative;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#c9c3b8;cursor:pointer;background:rgba(255,255,255,.045);transition:.2s ease}
.vkad-audio-player__mute:hover{color:var(--gold-2);background:rgba(215,169,47,.1)}
.vkad-audio-player__mute svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vkad-audio-player__mute svg .sound-wave{fill:none}
.vkad-audio-player.is-muted .vkad-audio-player__mute:after{content:"×";position:absolute;font-size:15px;font-weight:900;color:#e7b83d}
.vkad-audio-player.is-muted .sound-wave{opacity:.15}

.vkad-audio-player.is-compact{grid-template-columns:55px minmax(0,1fr);gap:13px;margin:18px 0 4px;padding:13px 14px;border-radius:16px}
.vkad-audio-player.is-compact .vkad-audio-player__play{width:50px;height:50px}
.vkad-audio-player.is-compact .vkad-audio-player__play:before{inset:-5px}
.vkad-audio-player.is-compact .vkad-audio-player__play-icon{border-top-width:7px;border-bottom-width:7px;border-left-width:12px}
.vkad-audio-player.is-compact .vkad-audio-player__pause-icon i{width:4px;height:16px}
.vkad-audio-player.is-compact .vkad-audio-player__heading strong{font-size:.87rem}
.vkad-audio-player.is-compact .vkad-audio-player__status{display:none}
.vkad-audio-player.is-compact .vkad-audio-player__footer{margin-top:7px}
.vkad-audio-player.is-compact .vkad-audio-player__equalizer{display:none}

@media(max-width:650px){
  .vkad-audio-player{grid-template-columns:58px minmax(0,1fr);gap:13px;margin:22px 0;padding:14px;border-radius:17px}
  .vkad-audio-player__play{width:54px;height:54px}
  .vkad-audio-player__play:before{inset:-5px}
  .vkad-audio-player__heading{margin-bottom:8px}
  .vkad-audio-player__heading strong{font-size:.88rem}
  .vkad-audio-player__status{font-size:.68rem}
  .vkad-audio-player__footer{gap:9px;margin-top:8px}
  .vkad-audio-player__time{font-size:.7rem}
  .vkad-audio-player__equalizer{display:none}
  .vkad-audio-player.is-compact{grid-template-columns:49px minmax(0,1fr);padding:12px;gap:11px}
  .vkad-audio-player.is-compact .vkad-audio-player__play{width:45px;height:45px}
  .vkad-audio-player.is-compact .vkad-audio-player__heading strong{font-size:.8rem}
}

@media(max-width:390px){
  .vkad-audio-player{grid-template-columns:1fr;padding:15px 13px}
  .vkad-audio-player__play{width:58px;height:58px;margin:0 auto}
  .vkad-audio-player__heading{justify-content:center;text-align:center}
  .vkad-audio-player__heading strong{max-width:72%}
  .vkad-audio-player.is-compact{grid-template-columns:47px minmax(0,1fr)}
  .vkad-audio-player.is-compact .vkad-audio-player__play{width:43px;height:43px;margin:0}
  .vkad-audio-player.is-compact .vkad-audio-player__heading{justify-content:flex-start;text-align:right}
  .vkad-audio-player.is-compact .vkad-audio-player__heading strong{max-width:100%}
}

@media(prefers-reduced-motion:reduce){
  .vkad-audio-player.is-playing .vkad-audio-player__play:before,
  .vkad-audio-player.is-playing .vkad-audio-player__equalizer i{animation:none!important}
}

/* =========================================================
   VKAD Music 1.0.12 — isolated responsive homepage banner
   این قوانین فقط سکشن vkad-hero را هدف می‌گیرند و روی افزونه‌ها،
   فروشگاه، آموزش ویولن یا سایر دکمه‌های قالب اثری ندارند.
   ========================================================= */
.vkad-hero{
  position:relative;
  width:100%;
  margin:0;
  padding:0 0 46px;
  overflow:hidden;
  background:#050505;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.vkad-hero__picture{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  background:#050505;
}
.vkad-hero__image{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  margin:0;
  padding:0;
  object-fit:contain;
  object-position:center top;
  opacity:1;
  visibility:visible;
}
.vkad-hero__content{
  width:min(calc(100% - 40px),var(--container));
  margin:0 auto;
  padding:30px 0 0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}
.vkad-hero__lead{
  width:min(100%,780px);
  margin:0;
  padding:0;
  color:#ddd8cf;
  font-size:1.08rem;
  font-weight:400;
  line-height:2.05;
  text-align:right;
}
.vkad-hero__actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:auto;
  margin:0;
  padding:0;
}
.vkad-hero__button,
.vkad-hero__button:visited{
  position:relative;
  isolation:isolate;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  min-width:270px;
  min-height:60px;
  padding:13px 30px!important;
  overflow:hidden;
  direction:ltr;
  color:#171107!important;
  background:linear-gradient(105deg,#f8dc78 0%,#e9bd4a 42%,#d39a25 100%)!important;
  border:1px solid rgba(255,224,129,.9)!important;
  border-radius:14px!important;
  box-shadow:0 13px 30px rgba(199,143,26,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1.5!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important;
}
.vkad-hero__button:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,.28),transparent 38%,rgba(117,72,0,.08));
  pointer-events:none;
}
.vkad-hero__button:hover,
.vkad-hero__button:focus-visible{
  color:#100c05!important;
  filter:brightness(1.045);
  transform:translateY(-2px)!important;
  box-shadow:0 17px 36px rgba(205,151,37,.3),inset 0 1px 0 rgba(255,255,255,.48)!important;
  text-decoration:none!important;
}
.vkad-hero__button:focus-visible{
  outline:2px solid #f7d66c;
  outline-offset:4px;
}
.vkad-hero__button-icon,
.vkad-hero__button-label{
  display:inline-flex!important;
  align-items:center!important;
  color:inherit!important;
}
.vkad-hero__button-icon{
  flex:0 0 auto;
  font-size:.9em;
  line-height:1;
}
.vkad-hero__button-label{
  direction:rtl;
  white-space:nowrap;
}

@media(max-width:768px){
  .vkad-hero{
    padding-bottom:34px;
  }
  .vkad-hero__picture{
    width:100%;
  }
  .vkad-hero__image{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center top;
  }
  .vkad-hero__content{
    width:100%;
    padding:25px 24px 0;
    gap:21px;
  }
  .vkad-hero__lead{
    width:100%;
    font-size:1rem;
    line-height:2.12;
  }
  .vkad-hero__actions{
    width:100%;
  }
  .vkad-hero__button,
  .vkad-hero__button:visited{
    width:100%;
    min-width:0;
    min-height:72px;
    padding:15px 22px!important;
    border-radius:14px!important;
    font-size:1.12rem!important;
  }
}

@media(max-width:390px){
  .vkad-hero__content{
    padding-right:18px;
    padding-left:18px;
  }
  .vkad-hero__button,
  .vkad-hero__button:visited{
    min-height:66px;
    font-size:1.02rem!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .vkad-hero__button,
  .vkad-hero__button:hover,
  .vkad-hero__button:focus-visible{
    transition:none!important;
    transform:none!important;
  }
}