/* ═══════════════════════════════════════════
   🏛️ pages-classic.css — طراحی تأییدشده
   فقط روی صفحه‌هایی که <body class="pg-classic"> دارن اثر می‌کنه
   (فعلاً: تماس و همه‌ی آثار). بقیه‌ی سایت دست نخورده.
   ═══════════════════════════════════════════ */
.pg-classic{
  --bg:#110e0c; --bg-2:#17130f; --card:#1c1713; --line:#3a3026;
  --text:#efe7da; --muted:#a39682; --accent:#c8a46a; --accent-2:#c8a46a; --purple:#c8a46a;
  --paper:#f1e9dc; --ink:#2e251b; --ink-2:#5b4c3a; --wax:#6e1a1f;
  --card-gray:#b9b4ac;            /* کارت آثار: خاکستری سنگی به‌جای سفید */
  --card-ink:#26221d; --card-ink-2:#4a443c;
  --display:'Cormorant Garamond','Parastoo',Georgia,serif;
  background:radial-gradient(120% 60% at 50% 0%,rgba(200,164,106,.06),transparent 60%),var(--bg);
  color:var(--text);-webkit-font-smoothing:antialiased;
}
.pg-classic:lang(fa),.pg-classic:lang(ar),:lang(fa) .pg-classic,:lang(ar) .pg-classic{--display:'Parastoo','Cormorant Garamond',serif}
.pg-classic .hero-glow{display:none}

/* منو */
.pg-classic nav{background:rgba(17,14,12,.82);border-bottom:1px solid rgba(200,164,106,.18)}
.pg-classic nav .logo{font-family:var(--display);font-weight:500;font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase}
:lang(fa) .pg-classic nav .logo,:lang(ar) .pg-classic nav .logo{letter-spacing:0;font-weight:700}
.pg-classic nav ul a{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
:lang(fa) .pg-classic nav ul a,:lang(ar) .pg-classic nav ul a{letter-spacing:0;text-transform:none;font-size:.92rem}
.pg-classic nav ul a.active::after,.pg-classic nav ul a:hover::after{background:var(--accent)}
.pg-classic .auth-btn{border-radius:0;background:transparent;border:1px solid var(--line);color:var(--muted)}
.pg-classic .auth-btn-primary{border-color:var(--accent) !important;color:var(--accent) !important;background:transparent !important;box-shadow:none !important}

/* تیترها و تزئین */
.pg-classic .cl-section{padding:120px 6vw;max-width:1200px;margin:0 auto;text-align:center}
.pg-classic .cl-kicker{font-size:.72rem;letter-spacing:.38em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
:lang(fa) .pg-classic .cl-kicker,:lang(ar) .pg-classic .cl-kicker{letter-spacing:.04em;font-size:.88rem}
.pg-classic .cl-title{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.2;margin-bottom:22px}
:lang(fa) .pg-classic .cl-title,:lang(ar) .pg-classic .cl-title{font-weight:700}
.pg-classic .cl-title em{font-style:italic;color:var(--accent)}
:lang(fa) .pg-classic .cl-title em,:lang(ar) .pg-classic .cl-title em{font-style:normal}
.pg-classic .cl-text{color:var(--muted);max-width:56ch;margin:22px auto 0;line-height:1.9}
.pg-classic .cl-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 30px;color:var(--accent)}
.pg-classic .cl-ornament::before,.pg-classic .cl-ornament::after{content:"";height:1px;width:min(120px,22vw);background:linear-gradient(90deg,transparent,var(--accent))}
.pg-classic .cl-ornament::after{background:linear-gradient(90deg,var(--accent),transparent)}
.pg-classic .cl-ornament i{width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--accent)}

/* ── صفحه‌ی تماس: نامه و مُهر ── */
.pg-classic .cl-contact-hero{padding-top:calc(var(--nav-h,72px) + 110px)}
.pg-classic .cl-letter-wrap{padding:30px 6vw 60px;display:flex;justify-content:center}
.pg-classic .cl-letter{
  position:relative;max-width:680px;width:100%;color:var(--ink);
  background:var(--paper);
  background-image:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.55),transparent 60%),repeating-linear-gradient(0deg,rgba(120,90,40,.03) 0 1px,transparent 1px 3px);
  padding:clamp(40px,6vw,72px) clamp(26px,6vw,70px);
  box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 0 0 1px rgba(120,90,40,.25),inset 0 0 0 10px var(--paper),inset 0 0 0 11px rgba(168,133,74,.6);
}
.pg-classic .cl-letter h2{font-family:var(--display);font-weight:500;font-size:2rem;text-align:center;margin-bottom:30px;color:#3a2c1c}
:lang(fa) .pg-classic .cl-letter h2,:lang(ar) .pg-classic .cl-letter h2{font-weight:700}
.pg-classic .cl-letter p{line-height:2.05;margin-bottom:16px;color:#4a3d2e}
.pg-classic .cl-sign{margin-top:30px;text-align:end;font-family:'Cormorant Garamond',serif;font-size:1.3rem}
.pg-classic .seal{
  position:absolute;top:-34px;left:50%;transform:translateX(-50%);z-index:2;
  width:68px;height:68px;border-radius:50%;display:grid;place-items:center;
  font-family:'Cormorant Garamond',serif;font-size:1.9rem;color:#f3d9a8;
  background:radial-gradient(circle at 35% 30%,#a33b33,var(--wax) 60%,#4a0f13);
  box-shadow:0 6px 16px rgba(0,0,0,.45),inset 0 -3px 6px rgba(0,0,0,.35),inset 0 2px 3px rgba(255,255,255,.18);
}
.pg-classic .cl-methods{max-width:760px;margin:30px auto 0;border-top:1px solid var(--line);text-align:start}
.pg-classic .cl-method{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:26px 6px;border-bottom:1px solid var(--line);transition:padding .35s,color .35s}
.pg-classic .cl-method:hover{padding-inline:18px;color:var(--accent)}
.pg-classic .cl-m-label{font-family:var(--display);font-size:1.6rem}
.pg-classic .cl-m-value{color:var(--muted);direction:ltr;font-size:.95rem}

/* ── صفحه‌ی همه‌ی آثار: کارت‌های خاکستری ── */
.pg-classic .works-hero h1{font-family:var(--display) !important;font-weight:500 !important;font-size:clamp(2.4rem,5.5vw,4.2rem) !important;letter-spacing:.05em}
:lang(fa) .pg-classic .works-hero h1,:lang(ar) .pg-classic .works-hero h1{font-weight:700 !important;letter-spacing:0}
.pg-classic .works-hero .num{color:var(--accent);letter-spacing:.35em;font-weight:500}
.pg-classic .tab{border-radius:0;background:transparent;border-color:var(--line);color:var(--muted);letter-spacing:.06em}
.pg-classic .tab:hover{color:var(--text)}
.pg-classic .tab.active{background:transparent;color:var(--accent);border-color:var(--accent)}
.pg-classic .gallery{display:block !important;columns:3 260px;column-gap:44px}
.pg-classic .gallery.hidden{display:none !important}
.pg-classic .art{
  aspect-ratio:auto !important;border-radius:0 !important;border:0 !important;
  break-inside:avoid;margin-bottom:48px;overflow:visible !important;
  background:var(--card-gray) !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.06)) !important;
  padding:18px 18px 62px !important;
  box-shadow:0 26px 60px rgba(0,0,0,.55),inset 0 0 0 1px rgba(60,50,40,.28) !important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;
}
.pg-classic .art:hover{transform:translateY(-6px) !important;box-shadow:0 36px 70px rgba(0,0,0,.62),inset 0 0 0 1px rgba(60,50,40,.28) !important}
.pg-classic .art img{height:auto !important;object-fit:contain !important;box-shadow:0 2px 8px rgba(30,25,20,.35)}
.pg-classic .art:hover img{transform:none !important}
.pg-classic .art .cap{
  position:absolute !important;top:auto !important;bottom:18px;left:18px;right:18px;
  background:none !important;padding:0 !important;text-align:center;
  color:var(--card-ink) !important;font-family:var(--display);font-size:1.02rem !important;font-weight:500;
}
.pg-classic .art .cap small{color:var(--card-ink-2) !important;font-family:'Vazirmatn',sans-serif;font-size:.74rem !important;letter-spacing:.06em}

/* ── حرکت آرام با اسکرول (scroll-motion.js) ── */
.motion .pg-classic .rv{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.motion .pg-classic .rv.in{opacity:1;transform:none}
.motion .pg-classic .rv-hang{opacity:0;transform:translateY(-40px) rotate(-2.5deg);transform-origin:50% -60px;transition:opacity 1.2s ease,transform 1.6s cubic-bezier(.17,.89,.32,1.28)}
.motion .pg-classic .rv-hang.in{opacity:1;transform:none}
.motion .pg-classic .rv-line::before,.motion .pg-classic .rv-line::after{transform:scaleX(0);transition:transform 1.4s cubic-bezier(.7,0,.2,1)}
.motion .pg-classic .rv-line.in::before,.motion .pg-classic .rv-line.in::after{transform:scaleX(1)}

@media(max-width:640px){
  .pg-classic .gallery{columns:1 !important}
  .pg-classic .cl-section{padding:96px 6vw}
}
@media (prefers-reduced-motion: reduce){
  .motion .pg-classic .rv,.motion .pg-classic .rv-hang{opacity:1 !important;transform:none !important;transition:none !important}
}

.pg-classic .auth-buttons{margin-inline-start:28px}

/* ═══════════════════════════════════════════
   یکدست‌سازی کل سایت با طراحی تأییدشده (بدون تغییر چیدمان صفحه‌ها)
   ═══════════════════════════════════════════ */

/* زبان */
.pg-classic .lang-btn{border-radius:0;background:transparent;border:1px solid var(--line)}
.pg-classic .lang-dropdown{background:#17130f;border:1px solid var(--line);border-radius:0}
.pg-classic .lang-dropdown button.active,.pg-classic .lang-dropdown button:hover{color:var(--accent)}
@media(min-width:821px){.pg-classic nav ul{margin-inline-start:34px}}

/* دکمه‌ها: قاب طلایی باریک به‌جای کپسول قرمز/گرادیان */
.pg-classic .btn,.pg-classic .btn-more,.pg-classic .gw-viewall,.pg-classic .socials a{
  border-radius:0 !important;background:transparent !important;color:var(--accent) !important;
  border:1px solid var(--accent) !important;box-shadow:none !important;
  font-weight:500 !important;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem !important;
  padding:14px 30px !important;transition:background .35s,color .35s !important;transform:none !important;
}
:lang(fa) .pg-classic .btn,:lang(fa) .pg-classic .btn-more,:lang(fa) .pg-classic .gw-viewall,:lang(fa) .pg-classic .socials a,
:lang(ar) .pg-classic .btn,:lang(ar) .pg-classic .btn-more,:lang(ar) .pg-classic .gw-viewall,:lang(ar) .pg-classic .socials a{letter-spacing:0;font-size:.95rem !important}
.pg-classic .btn:hover,.pg-classic .btn-more:hover,.pg-classic .gw-viewall:hover,.pg-classic .socials a:hover{background:var(--accent) !important;color:#1a1209 !important}
.pg-classic .btn-ghost{border-color:var(--line) !important;color:var(--text) !important}

/* شماره‌ها و برچسب‌های کوچک: طلایی و آرام */
.pg-classic .num,.pg-classic .section-head .num{color:var(--accent) !important;letter-spacing:.3em;font-weight:500}
:lang(fa) .pg-classic .num,:lang(ar) .pg-classic .num{letter-spacing:.04em}

/* تیترها: فونت نمایشی (Cormorant / پرستو) */
.pg-classic h1,.pg-classic h2,.pg-classic .section-head h2{font-family:var(--display);font-weight:500;letter-spacing:.01em}
:lang(fa) .pg-classic h1,:lang(fa) .pg-classic h2,:lang(ar) .pg-classic h1,:lang(ar) .pg-classic h2{font-weight:700}
.pg-classic h1 em,.pg-classic h2 em,.pg-classic .contact h2 em,.pg-classic .about-hero h1 em{font-style:italic;color:var(--accent)}
:lang(fa) .pg-classic h1 em,:lang(fa) .pg-classic h2 em,:lang(ar) .pg-classic h1 em,:lang(ar) .pg-classic h2 em{font-style:normal}

/* ── صفحه‌ی اصلی ── */
.pg-classic .gallery-wall-section{--accent:#c8a46a;--gold:#c8a46a;--text:#efe7da}
.pg-classic .hero{min-height:auto;padding-top:140px;padding-bottom:120px}
.pg-classic .hero h1{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.25}
.pg-classic .hero .tag{color:var(--accent);letter-spacing:.3em;text-transform:uppercase;font-weight:500}
:lang(fa) .pg-classic .hero .tag,:lang(ar) .pg-classic .hero .tag{letter-spacing:.04em}
.pg-classic section{padding-top:110px;padding-bottom:110px}
.pg-classic .about-photo{border-radius:0;border:0;background:var(--paper);padding:14px;
  box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 0 0 1px rgba(120,90,40,.25)}
.pg-classic .contact h2{font-size:clamp(2rem,4vw,3.2rem)}
.pg-classic .contact h2 em{color:var(--accent)}

/* مهارت‌ها: به‌جای نوار درصدی، فهرست تمیز «ابزار ··· سطح» */
.pg-classic .skill-bar{display:none}
.pg-classic .skill{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.pg-classic .skill-head{margin:0;font-size:1rem}
.pg-classic .skill-head span:first-child{font-family:'Cormorant Garamond',serif;font-size:1.25rem;direction:ltr}
.pg-classic .skill-head span:last-child{color:var(--muted);font-size:.85rem;align-self:center}
.pg-classic .skills-block h3,.pg-classic .about-section h3{color:var(--accent) !important;font-weight:500;letter-spacing:.1em}
.pg-classic .about-skills-full{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));column-gap:48px;border-top:1px solid var(--line);margin-top:14px}

/* ── صفحه‌ی داستان من ── */
.pg-classic .about-hero{padding-top:170px}
.pg-classic .about-hero h1{font-size:clamp(2.4rem,5.5vw,4.2rem)}
.pg-classic .about-section.bg-alt{background:transparent;border-color:var(--line)}
.pg-classic .about-section h2 .num{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--accent);letter-spacing:.05em}
.pg-classic .about-section p{line-height:2}
.pg-classic .back-link{color:var(--accent)}

/* پروفایل */
.pg-classic .profile-card{border-radius:0;background:var(--card);border-color:var(--line)}

/* ═══════════ صفحه‌ی Welcome ═══════════ */
.pg-welcome{--accent:#c8a46a;--accent-2:#c8a46a}
.pg-welcome .glow-1{background:radial-gradient(circle,rgba(110,26,31,.28),transparent 70%)}
.pg-welcome .welcome-card{border-radius:0;background:rgba(23,19,15,.92);border:1px solid rgba(200,164,106,.25);
  box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 0 0 8px rgba(23,19,15,.92),inset 0 0 0 9px rgba(200,164,106,.22)}
.pg-welcome .main-title{font-family:'Cormorant Garamond','Parastoo',serif;font-weight:500;font-size:2.4rem;background:none;-webkit-text-fill-color:#efe7da;color:#efe7da;letter-spacing:.06em}
:lang(fa) .pg-welcome .main-title,:lang(ar) .pg-welcome .main-title{font-family:'Parastoo','Vazirmatn',serif;font-weight:700;letter-spacing:0}
.pg-welcome .field-icon{display:none}
.pg-welcome .country-picker-btn,.pg-welcome .field-select{border-radius:0}
.pg-welcome .greeting{font-family:'Cormorant Garamond','Parastoo',serif;font-weight:500;text-shadow:none;color:#c8a46a}
.pg-welcome .next-btn{border-radius:0;background:transparent;color:#c8a46a;border:1px solid #c8a46a;box-shadow:none;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
:lang(fa) .pg-welcome .next-btn,:lang(ar) .pg-welcome .next-btn{letter-spacing:0}
.pg-welcome .next-btn:hover{background:#c8a46a;color:#1a1209;box-shadow:none}
.pg-welcome .country-modal{border-radius:0}

/* بخش دوم «داستان من» با بقیه هم‌تراز بشه */
.pg-classic .about-section.bg-alt > *{max-width:calc(900px - 12vw)}