/* ===================================================
   STANCIU RĂZVAN-MARIAN — Cabinet de Avocat
   Design: Editorial European — Crem / Negru / Auriu
   Fonturi: Playfair Display + DM Sans
   COMPLET DIFERIT față de Fînață Sergiu
   =================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap');

:root {
  --ink:       #0f0e0b;
  --ink-soft:  #2c2b28;
  --ink-muted: #6b6760;
  --cream:     #f5f0e8;
  --cream-mid: #ede7da;
  --cream-deep:#e0d8c8;
  --white:     #faf8f4;
  --gold:      #c9a84c;
  --gold-dim:  #a07830;
  --gold-pale: #e8d49a;
  --gold-line: rgba(201,168,76,0.35);
  --rule:      rgba(15,14,11,0.1);
  --shadow-sm: 0 2px 12px rgba(15,14,11,0.06);
  --shadow-md: 0 8px 40px rgba(15,14,11,0.10);
  --shadow-lg: 0 20px 80px rgba(15,14,11,0.14);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body { font-family:'DM Sans',sans-serif; background:var(--cream); color:var(--ink); overflow-x:hidden; }
img { display:block; max-width:100%; }
a { color:inherit; }

/* ── TYPOGRAPHY ── */
h1,h2,h3 { font-family:'Playfair Display',Georgia,serif; font-weight:400; line-height:1.15; color:var(--ink); }
h4,h5 { font-family:'DM Sans',sans-serif; font-weight:600; }
p { line-height:1.8; color:var(--ink-soft); }

.eyebrow {
  font-family:'DM Sans',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:3.5px; text-transform:uppercase; color:var(--gold-dim);
  display:flex; align-items:center; gap:10px;
}
.eyebrow::before { content:''; width:24px; height:1px; background:var(--gold); flex-shrink:0; }

/* ── RULE DIVIDER ── */
.rule { width:100%; height:1px; background:var(--rule); }
.rule-gold { width:60px; height:1px; background:var(--gold); }

/* ── NAVBAR ── */
.site-nav {
  position:fixed; top:0; left:0; right:0; z-index:900;
  height:72px; padding:0 5%;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(245,240,232,0.94); backdrop-filter:blur(16px);
  border-bottom:1px solid var(--rule); transition:height 0.3s;
}
.site-nav.compact { height:60px; box-shadow:var(--shadow-sm); }

/* Logo: image + wordmark stacked */
.nav-brand { display:flex; align-items:center; gap:14px; text-decoration:none; }
.nav-brand-img {
  height:44px; width:44px; object-fit:contain;
  filter:brightness(0.25) sepia(1) saturate(2) hue-rotate(5deg);
  transition:filter 0.3s;
}
.nav-brand:hover .nav-brand-img { filter:brightness(0.15) sepia(1) saturate(3) hue-rotate(5deg); }
.nav-brand-text { display:flex; flex-direction:column; }
.nav-brand-name {
  font-family:'Playfair Display',serif; font-size:15px; font-weight:500;
  color:var(--ink); letter-spacing:0.3px; line-height:1.2;
}
.nav-brand-title {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:500;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--gold-dim); line-height:1;
}

.nav-links { display:flex; align-items:center; gap:36px; list-style:none; }
.nav-links a {
  font-family:'DM Sans',sans-serif; font-size:12px; font-weight:500;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--ink-muted);
  text-decoration:none; transition:color 0.25s; position:relative;
}
.nav-links a::after {
  content:''; position:absolute; bottom:-3px; left:0; right:0;
  height:1px; background:var(--gold); transform:scaleX(0); transition:transform 0.25s;
}
.nav-links a:hover,.nav-links a.active { color:var(--ink); }
.nav-links a:hover::after,.nav-links a.active::after { transform:scaleX(1); }

.nav-consult {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase;
  padding:10px 22px; border:1px solid var(--ink);
  color:var(--ink); text-decoration:none; transition:all 0.25s;
}
.nav-consult:hover { background:var(--ink); color:var(--cream); }

.nav-burger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
.nav-burger span { display:block; width:20px; height:1.5px; background:var(--ink); transition:all 0.3s; }

/* ── HERO — full-width editorial ── */
.hero {
  min-height:100vh; padding-top:72px;
  display:grid; grid-template-rows:1fr auto;
  background:var(--ink); position:relative; overflow:hidden;
}

/* Grain texture overlay */
.hero::before {
  content:''; position:absolute; inset:0; z-index:0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  background-size:300px 300px; opacity:0.6; pointer-events:none;
}

.hero-inner {
  position:relative; z-index:1;
  display:grid; grid-template-columns:1fr 1fr;
  align-items:center; padding:80px 5% 60px;
  gap:60px; min-height:calc(100vh - 72px);
}

.hero-left { position:relative; }
.hero-left .eyebrow { color:var(--gold-pale); margin-bottom:36px; }
.hero-left .eyebrow::before { background:var(--gold); opacity:0.6; }

.hero-h1 {
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(3.5rem,7vw,6.5rem);
  color:var(--white); line-height:1.0; font-weight:400;
  margin-bottom:28px;
}
.hero-h1 em { font-style:italic; color:var(--gold-pale); }

.hero-tagline {
  font-family:'DM Sans',sans-serif; font-size:15px; font-weight:300;
  color:rgba(250,248,244,0.55); line-height:1.8; max-width:420px; margin-bottom:52px;
}

.hero-actions { display:flex; gap:16px; flex-wrap:wrap; }

.btn-ink {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase;
  background:var(--gold); color:var(--ink);
  padding:16px 36px; text-decoration:none; border:none; cursor:pointer;
  transition:all 0.25s; display:inline-block;
}
.btn-ink:hover { background:var(--gold-pale); }

.btn-ghost {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase;
  background:transparent; color:rgba(250,248,244,0.7);
  padding:16px 36px; text-decoration:none;
  border:1px solid rgba(250,248,244,0.2);
  transition:all 0.25s; display:inline-block;
}
.btn-ghost:hover { border-color:var(--gold); color:var(--gold); }

/* Right side: logo as large decorative mark */
.hero-right {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  position:relative; padding:40px;
}
.hero-logo-wrap {
  position:relative; width:340px; height:340px;
  display:flex; align-items:center; justify-content:center;
}
.hero-logo-ring {
  position:absolute; inset:0; border-radius:50%;
  border:1px solid rgba(201,168,76,0.15);
}
.hero-logo-ring:nth-child(2) { inset:20px; border-color:rgba(201,168,76,0.08); }
.hero-logo-img {
  width:260px; height:260px; object-fit:contain;
  filter:brightness(1.8) sepia(0.3) saturate(1.5) drop-shadow(0 0 30px rgba(201,168,76,0.15));
  position:relative; z-index:1;
  animation:logoFloat 6s ease-in-out infinite;
}
@keyframes logoFloat {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-8px); }
}

.hero-quote-block {
  margin-top:40px; text-align:center; max-width:300px;
}
.hero-quote-text {
  font-family:'Playfair Display',serif; font-size:15px; font-style:italic;
  color:rgba(250,248,244,0.5); line-height:1.7;
}

/* Bottom bar stats */
.hero-stats-bar {
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(250,248,244,0.08);
}
.hero-stat {
  padding:28px 5%; border-right:1px solid rgba(250,248,244,0.06);
  display:flex; align-items:center; gap:16px;
}
.hero-stat:last-child { border-right:none; }
.hero-stat-num {
  font-family:'DM Serif Display',serif; font-size:2.2rem; color:var(--gold-pale);
  line-height:1; font-weight:400;
}
.hero-stat-lbl {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:400;
  color:rgba(250,248,244,0.35); letter-spacing:0.5px;
}

/* ── INTRO ── Full-width cream text section ── */
.section-intro {
  background:var(--cream); padding:100px 5%;
  display:grid; grid-template-columns:1fr 2fr; gap:80px; align-items:start;
}
.intro-aside {
  position:sticky; top:100px;
}
.intro-aside .eyebrow { margin-bottom:20px; }
.intro-aside h2 {
  font-size:clamp(2rem,3vw,2.8rem); margin-bottom:18px; line-height:1.2;
}
.intro-main p { font-size:17px; line-height:1.9; color:var(--ink-soft); margin-bottom:20px; }
.intro-main p:last-of-type { margin-bottom:36px; }
.feat-tiles { display:flex; flex-direction:column; gap:0; }
.feat-tile {
  display:grid; grid-template-columns:auto 1fr;
  align-items:center; gap:18px;
  padding:18px 0; border-bottom:1px solid var(--rule);
  transition:background 0.2s;
}
.feat-tile:first-child { border-top:1px solid var(--rule); }
.feat-tile-mark {
  width:32px; height:32px; background:var(--gold-line);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  color:var(--gold-dim);
}
.feat-tile span { font-size:14px; color:var(--ink-soft); font-weight:400; }

/* ── PRACTICE AREAS — horizontal scroll-list style ── */
.section-practice {
  background:var(--ink); padding:100px 5%;
}
.practice-header {
  display:flex; justify-content:space-between; align-items:flex-end;
  margin-bottom:64px; padding-bottom:24px; border-bottom:1px solid rgba(250,248,244,0.08);
}
.practice-header h2 { font-size:clamp(2rem,3.5vw,3rem); color:var(--white); }
.practice-header .eyebrow { color:var(--gold-pale); }
.practice-header .eyebrow::before { background:var(--gold); }
.view-all-link {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--gold);
  text-decoration:none; display:flex; align-items:center; gap:8px; transition:gap 0.2s;
}
.view-all-link:hover { gap:14px; }

.practice-list { display:flex; flex-direction:column; }
.practice-item {
  display:grid; grid-template-columns:60px 1fr auto;
  align-items:center; gap:36px;
  padding:28px 0; border-bottom:1px solid rgba(250,248,244,0.06);
  cursor:pointer; transition:all 0.25s; position:relative;
}
.practice-item::before {
  content:''; position:absolute; left:-20px; top:0; bottom:0; width:3px;
  background:var(--gold); transform:scaleY(0); transition:transform 0.3s;
}
.practice-item:hover::before { transform:scaleY(1); }
.practice-item:hover .pi-title { color:var(--gold-pale); transform:translateX(8px); }
.practice-item:hover .pi-arrow { opacity:1; transform:translateX(0); }

.pi-index {
  font-family:'DM Serif Display',serif; font-size:1.6rem; color:rgba(250,248,244,0.12);
  font-weight:400; line-height:1;
}
.pi-content { min-width:0; }
.pi-title {
  font-family:'Playfair Display',serif; font-size:1.25rem; color:rgba(250,248,244,0.85);
  margin-bottom:4px; transition:all 0.25s;
}
.pi-desc { font-size:13px; color:rgba(250,248,244,0.35); font-weight:300; }
.pi-arrow {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:1px; text-transform:uppercase; color:var(--gold);
  opacity:0; transform:translateX(-10px); transition:all 0.25s; flex-shrink:0;
  display:flex; align-items:center; gap:6px;
}
.pi-arrow::after { content:'→'; }

/* ── ABOUT — asymmetric layout ── */
.section-about {
  background:var(--white); padding:0;
  display:grid; grid-template-columns:5fr 7fr;
}
.about-visual-col {
  background:var(--cream-deep); position:relative;
  min-height:600px; overflow:hidden;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:60px 48px;
}
/* Logo as large decorative background element */
.about-logo-bg {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:75%; opacity:0.07;
  filter:brightness(0) sepia(1) saturate(5) hue-rotate(5deg);
  pointer-events:none;
}
.about-photo-img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center top;
  opacity:0.9;
}
.about-caption-card {
  position:relative; z-index:2;
  background:var(--ink); padding:32px;
  max-width:280px;
}
.about-caption-card::before {
  content:''; position:absolute; top:-1px; left:0;
  width:48px; height:2px; background:var(--gold);
}
.about-caption-name {
  font-family:'Playfair Display',serif; font-size:1.2rem; color:var(--white); margin-bottom:4px;
}
.about-caption-role {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--gold);
}

.about-text-col { padding:80px 60px 80px 72px; }
.about-text-col .eyebrow { margin-bottom:20px; }
.about-text-col h2 { font-size:clamp(1.8rem,2.8vw,2.6rem); margin-bottom:24px; line-height:1.2; }
.about-text-col p { font-size:15px; margin-bottom:16px; color:var(--ink-soft); }
.cred-list { list-style:none; margin:32px 0; }
.cred-item {
  display:flex; align-items:center; gap:14px;
  padding:12px 0; border-bottom:1px solid var(--rule); font-size:14px; color:var(--ink-soft);
}
.cred-icon {
  width:28px; height:28px; flex-shrink:0;
  background:var(--cream-deep);
  display:flex; align-items:center; justify-content:center; color:var(--gold-dim);
}

/* ── VALUES — 3-column dark ── */
.section-values {
  background:var(--cream-mid); padding:100px 5%;
}
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--cream-deep); margin-top:60px; }
.value-cell {
  background:var(--cream-mid); padding:48px 36px;
  position:relative; transition:background 0.3s;
}
.value-cell:hover { background:var(--white); }
.value-cell-num {
  font-family:'DM Serif Display',serif; font-size:4rem; line-height:1;
  color:rgba(15,14,11,0.04); position:absolute; top:20px; right:24px; font-weight:400;
}
.value-icon-line {
  width:40px; height:1px; background:var(--gold); margin-bottom:24px;
}
.value-cell h3 { font-size:1.2rem; margin-bottom:12px; }
.value-cell p { font-size:14px; color:var(--ink-muted); line-height:1.75; }

/* ── TESTIMONIAL — full bleed gold ── */
.section-testimonial {
  background:linear-gradient(135deg, #1a1502 0%, #0f0e0b 60%);
  padding:100px 5%; position:relative; overflow:hidden;
}
.section-testimonial::before {
  content:''; position:absolute; top:-100px; right:-100px;
  width:400px; height:400px; border-radius:50%;
  background:radial-gradient(circle, rgba(201,168,76,0.08) 0%, transparent 70%);
}
.testimonial-inner { max-width:720px; margin:0 auto; text-align:center; position:relative; z-index:1; }
.testimonial-mark {
  font-family:'Playfair Display',serif; font-size:6rem; color:var(--gold);
  opacity:0.25; line-height:0.6; display:block; margin-bottom:24px;
}
.testimonial-body {
  font-family:'Playfair Display',serif; font-size:clamp(1.3rem,2vw,1.8rem);
  font-style:italic; color:rgba(250,248,244,0.8); line-height:1.6; margin-bottom:28px;
}
.testimonial-source {
  font-family:'DM Sans',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--gold);
}

/* ── CTA — horizontal editorial ── */
.section-cta {
  background:var(--cream); padding:0;
  display:grid; grid-template-columns:1fr 1fr;
  border-top:1px solid var(--rule);
}
.cta-left { padding:80px 5%; border-right:1px solid var(--rule); }
.cta-left h2 { font-size:clamp(1.8rem,2.5vw,2.4rem); margin-bottom:14px; }
.cta-left p { font-size:15px; color:var(--ink-muted); }
.cta-right {
  padding:80px 5%; display:flex; flex-direction:column;
  justify-content:center; gap:16px;
}
.btn-solid {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase;
  background:var(--ink); color:var(--cream);
  padding:18px 40px; text-decoration:none; border:none; cursor:pointer;
  transition:all 0.25s; display:inline-block; text-align:center;
}
.btn-solid:hover { background:var(--gold-dim); }
.btn-outline {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase;
  background:transparent; color:var(--ink);
  padding:18px 40px; text-decoration:none;
  border:1px solid rgba(15,14,11,0.2);
  transition:all 0.25s; display:inline-block; text-align:center;
}
.btn-outline:hover { border-color:var(--ink); }

/* ── PAGE HEADER ── */
.page-header {
  background:var(--ink); padding:130px 5% 70px;
  position:relative; overflow:hidden;
}
.page-header::after {
  content:''; position:absolute; bottom:0; left:5%; right:5%;
  height:1px; background:rgba(250,248,244,0.08);
}
.page-header .eyebrow { color:var(--gold-pale); margin-bottom:20px; }
.page-header .eyebrow::before { background:var(--gold); opacity:0.6; }
.page-header h1 {
  font-family:'DM Serif Display',serif;
  font-size:clamp(2.5rem,5vw,4.5rem); color:var(--white);
  font-weight:400; font-style:italic;
}
.page-header-logo {
  position:absolute; right:5%; top:50%; transform:translateY(-50%);
  width:160px; opacity:0.04;
  filter:brightness(10);
}
.breadcrumb-bar {
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:500;
  letter-spacing:1px; color:rgba(250,248,244,0.3); margin-top:16px;
}
.breadcrumb-bar a { color:var(--gold); text-decoration:none; }

/* ── DOMENII PAGE ── */
.domains-section { background:var(--white); padding:80px 5% 40px; }
.domain-row {
  display:grid; grid-template-columns:200px 1fr;
  border:none; border-bottom:1px solid var(--rule);
  padding:52px 0; transition:background 0.25s; position:relative;
  cursor:default;
}
.domain-row:first-child { border-top:1px solid var(--rule); }
.domain-row::before {
  content:''; position:absolute; bottom:-1px; left:0;
  width:0; height:1px; background:var(--gold); transition:width 0.5s;
}
.domain-row:hover::before { width:100%; }
.domain-row-index {
  font-family:'DM Serif Display',serif; font-size:3.5rem; color:rgba(15,14,11,0.07);
  line-height:1; font-weight:400; padding-top:4px;
}
.domain-row-body h3 { font-size:1.5rem; margin-bottom:10px; }
.domain-row-body p { font-size:15px; color:var(--ink-muted); max-width:600px; line-height:1.8; }
.domain-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.domain-tag {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--gold-dim); padding:4px 12px;
  border:1px solid rgba(201,168,76,0.3);
}

.domains-cta { background:var(--ink); padding:80px 5%; }
.domains-cta h2 { color:var(--white); font-size:clamp(1.8rem,3vw,2.6rem); margin-bottom:16px; }
.domains-cta p { color:rgba(250,248,244,0.45); margin-bottom:36px; }

/* ── DESPRE PAGE ── */
.despre-section { background:var(--cream); padding:80px 5%; }
.despre-grid { display:grid; grid-template-columns:340px 1fr; gap:80px; align-items:start; }
.despre-card {
  background:var(--white); border:1px solid var(--rule);
  position:relative; overflow:hidden;
}
.despre-card-top { padding:40px; border-bottom:1px solid var(--rule); text-align:center; }
.despre-card-logo-wrap {
  width:100px; height:100px; margin:0 auto 20px;
  background:var(--cream-deep);
  display:flex; align-items:center; justify-content:center; border-radius:50%;
}
.despre-card-logo {
  width:72px; height:72px; object-fit:contain;
  filter:brightness(0.2) sepia(1) saturate(3) hue-rotate(5deg);
}
.despre-card-name { font-family:'Playfair Display',serif; font-size:1.3rem; margin-bottom:4px; }
.despre-card-role {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold-dim);
}
.despre-card-rows { padding:0; }
.despre-row {
  display:flex; align-items:center; gap:12px;
  padding:14px 24px; border-bottom:1px solid var(--rule); font-size:13px; color:var(--ink-muted);
  font-family:'DM Sans',sans-serif;
}
.despre-row:last-child { border-bottom:none; }
.despre-row svg { color:var(--gold); flex-shrink:0; opacity:0.8; }
.despre-text h2 { font-size:clamp(1.8rem,2.5vw,2.4rem); margin-bottom:22px; }
.despre-text p { font-size:16px; color:var(--ink-soft); margin-bottom:18px; line-height:1.85; }

/* ── CONTACT PAGE ── */
.contact-section { background:var(--cream); padding:80px 5%; }
.contact-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:72px; align-items:start; }
.contact-aside h2 { font-size:clamp(1.8rem,2.5vw,2.4rem); margin-bottom:20px; }
.contact-aside p { font-size:15px; color:var(--ink-muted); margin-bottom:36px; }
.contact-list { list-style:none; margin-bottom:40px; }
.contact-entry {
  display:flex; align-items:flex-start; gap:16px;
  padding:18px 0; border-bottom:1px solid var(--rule);
}
.contact-entry:first-child { border-top:1px solid var(--rule); }
.contact-entry-icon {
  width:36px; height:36px; background:var(--ink); flex-shrink:0;
  display:flex; align-items:center; justify-content:center; color:var(--gold);
}
.contact-entry-label {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold-dim); display:block; margin-bottom:4px;
}
.contact-entry-val { font-size:14px; color:var(--ink); font-family:'DM Sans',sans-serif; }
.contact-entry-val a { color:inherit; text-decoration:none; }
.contact-entry-val a:hover { color:var(--gold-dim); }
.conf-box {
  background:var(--ink); padding:24px; border-left:2px solid var(--gold);
}
.conf-box-label {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:8px;
}
.conf-box p { font-size:13px; color:rgba(250,248,244,0.5); }
.contact-form-wrap {
  background:var(--white); border:1px solid var(--rule);
  padding:48px; position:relative;
}
.contact-form-wrap::before {
  content:''; position:absolute; top:-1px; left:0; width:60px; height:2px; background:var(--gold);
}
.contact-form-wrap h3 { font-size:1.5rem; margin-bottom:28px; }
.form-field { margin-bottom:18px; }
.form-field label {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--ink-muted);
  display:block; margin-bottom:8px;
}
.form-field input,.form-field textarea,.form-field select {
  width:100%; background:var(--cream); border:1px solid var(--rule);
  color:var(--ink); padding:12px 14px;
  font-family:'DM Sans',sans-serif; font-size:14px; outline:none; transition:border-color 0.2s;
  appearance:none; -webkit-appearance:none;
}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus {
  border-color:var(--gold-dim); background:var(--white);
}
.form-field input::placeholder,.form-field textarea::placeholder { color:var(--ink-muted); opacity:0.5; }
.form-field textarea { min-height:100px; resize:vertical; }
.form-row-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#form-msg { font-family:'DM Sans',sans-serif; font-size:11px; color:var(--gold-dim); margin-left:12px; }

/* ── ARTICLES ── */
.articles-section { background:var(--white); padding:80px 5%; }
.articles-grid { display:flex; flex-direction:column; gap:1px; background:var(--rule); margin-top:48px; }
.article-row {
  background:var(--white); padding:36px 0;
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px;
  cursor:pointer; transition:background 0.2s; padding:36px 24px;
}
.article-row:hover { background:var(--cream); }
.article-row-date {
  font-family:'DM Sans',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold-dim); margin-bottom:8px;
}
.article-row h3 { font-size:1.2rem; margin-bottom:6px; transition:color 0.2s; }
.article-row:hover h3 { color:var(--gold-dim); }
.article-row p { font-size:14px; color:var(--ink-muted); max-width:560px; }
.article-row-arrow {
  font-size:18px; color:var(--ink-muted); transition:all 0.25s;
  flex-shrink:0;
}
.article-row:hover .article-row-arrow { color:var(--gold); transform:translateX(6px); }
.empty-state { text-align:center; padding:80px 0; }
.empty-state p { color:var(--ink-muted); font-size:14px; }

/* ── FOOTER ── */
.site-footer {
  background:var(--ink); padding:64px 5% 32px;
  border-top:1px solid rgba(250,248,244,0.04);
}
.footer-top {
  display:grid; grid-template-columns:1.8fr 1fr 1fr;
  gap:60px; padding-bottom:48px; border-bottom:1px solid rgba(250,248,244,0.06);
}
.footer-brand { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.footer-brand-img {
  height:40px; width:40px; object-fit:contain;
  filter:brightness(2) sepia(0.2) saturate(1.5);
}
.footer-brand-name { font-family:'Playfair Display',serif; font-size:15px; color:rgba(250,248,244,1.0); }
.footer-brand-tag {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold); display:block; margin-top:2px;
}
.footer-desc { font-size:13px; color:rgba(250,248,244,0.65); line-height:1.85; font-family:'DM Sans',sans-serif; }
.footer-col h4 {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--gold-pale);
  margin-bottom:18px;
}
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:10px; }
.footer-col a {
  font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(250,248,244,0.7);
  text-decoration:none; transition:color 0.2s;
}
.footer-col a:hover { color:var(--gold-pale); }
.footer-bottom {
  display:flex; justify-content:space-between; align-items:center; padding-top:24px; border-top:1px solid rgba(250,248,244,0.1);
  font-family:'DM Sans',sans-serif; font-size:11px; color:rgba(250,248,244,0.45);
}

/* ── COOKIE ── */
.cookie-bar {
  position:fixed; bottom:0; left:0; right:0;
  background:var(--ink); border-top:1px solid rgba(201,168,76,0.2);
  padding:16px 5%; display:none; align-items:center; gap:20px;
  z-index:9999; flex-wrap:wrap;
}
.cookie-bar.show { display:flex; }
.cookie-bar p { font-size:12px; color:rgba(250,248,244,0.5); flex:1; min-width:200px; font-family:'DM Sans',sans-serif; }
.cookie-accept {
  background:var(--gold); color:var(--ink); border:none; padding:8px 22px;
  font-family:'DM Sans',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase; cursor:pointer;
}
.cookie-decline {
  background:transparent; color:rgba(250,248,244,0.4); border:1px solid rgba(250,248,244,0.15);
  padding:8px 22px; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase; cursor:pointer;
}

/* ── ADMIN ── */
.admin-login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--cream); }
.admin-login-box {
  background:var(--white); border:1px solid var(--rule); padding:56px 48px;
  width:100%; max-width:400px; position:relative;
}
.admin-login-box::before { content:''; position:absolute; top:-1px; left:0; width:60px; height:2px; background:var(--gold); }
.admin-login-logo { text-align:center; margin-bottom:28px; }
.admin-login-logo img { height:56px; margin:0 auto; filter:brightness(0.2) sepia(1) saturate(3) hue-rotate(5deg); }
.admin-login-box h2 { font-size:1.4rem; text-align:center; margin-bottom:6px; }
.admin-login-sub {
  font-family:'DM Sans',sans-serif; font-size:10px; font-weight:500;
  letter-spacing:2px; text-transform:uppercase; color:var(--ink-muted); text-align:center; margin-bottom:28px;
}
.admin-login-err { font-size:12px; color:#b94a3c; text-align:center; margin-bottom:12px; display:none; font-family:'DM Sans',sans-serif; }
.admin-wrap { min-height:100vh; background:var(--cream); }
.admin-topbar {
  background:var(--white); border-bottom:1px solid var(--rule);
  height:60px; padding:0 28px; display:flex; align-items:center; justify-content:space-between;
  box-shadow:var(--shadow-sm); position:sticky; top:0; z-index:100;
}
.admin-topbar img { height:36px; filter:brightness(0.2) sepia(1) saturate(3) hue-rotate(5deg); }
.admin-topbar-right { display:flex; align-items:center; gap:12px; }
.admin-logout-btn {
  font-family:'DM Sans',sans-serif; font-size:10px; font-weight:500;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--ink-muted);
  background:none; border:1px solid var(--rule); padding:7px 14px; cursor:pointer; transition:all 0.2s;
}
.admin-logout-btn:hover { border-color:var(--gold-dim); color:var(--gold-dim); }
.admin-layout { display:grid; grid-template-columns:240px 1fr; min-height:calc(100vh - 60px); }
.admin-nav-panel { background:var(--white); border-right:1px solid var(--rule); padding:24px 0; }
.admin-nav-group {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--ink-muted);
  padding:8px 20px 4px; display:block;
}
.admin-nav-panel ul { list-style:none; margin-bottom:20px; }
.admin-nav-panel ul li a {
  display:flex; align-items:center; gap:9px; padding:10px 20px;
  font-family:'DM Sans',sans-serif; font-size:12px; font-weight:400;
  color:var(--ink-muted); text-decoration:none; transition:all 0.2s;
}
.admin-nav-panel ul li a:hover,.admin-nav-panel ul li a.active {
  color:var(--gold-dim); background:rgba(201,168,76,0.06); border-right:2px solid var(--gold);
}
.admin-main { padding:36px; overflow-y:auto; }
.admin-pane { display:none; }
.admin-pane.active { display:block; }
.admin-pane-title { font-size:1.6rem; margin-bottom:4px; }
.admin-pane-sub {
  font-family:'DM Sans',sans-serif; font-size:10px; font-weight:500;
  letter-spacing:2px; text-transform:uppercase; color:var(--ink-muted); margin-bottom:28px;
}
.admin-hint {
  font-size:12px; color:var(--ink-muted); margin-bottom:20px;
  padding:12px 14px; background:rgba(201,168,76,0.07);
  border-left:2px solid rgba(201,168,76,0.4); font-family:'DM Sans',sans-serif;
}
.admin-card { background:var(--white); border:1px solid var(--rule); padding:28px; margin-bottom:16px; }
.field-section {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold-dim);
  margin:22px 0 12px; padding-bottom:8px; border-bottom:1px solid var(--rule);
}
.af { margin-bottom:14px; }
.af label {
  font-family:'DM Sans',sans-serif; font-size:9px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--ink-muted);
  display:flex; align-items:center; margin-bottom:6px;
}
.af input,.af textarea {
  width:100%; background:var(--cream); border:1px solid var(--rule);
  color:var(--ink); padding:9px 12px; font-family:'DM Sans',sans-serif; font-size:14px;
  outline:none; transition:border-color 0.2s;
}
.af input:focus,.af textarea:focus { border-color:var(--gold-dim); background:var(--white); }
.af textarea { min-height:76px; resize:vertical; }
.af textarea.tall { min-height:140px; }
.row2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field-ind {
  font-family:'DM Sans',sans-serif; font-size:9px; letter-spacing:1px; text-transform:uppercase;
  margin-left:8px; opacity:0; transition:opacity 0.3s; pointer-events:none;
}
/* article mgmt */
.art-list { list-style:none; }
.art-item {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:13px 0; border-bottom:1px solid var(--rule); font-size:13px; font-family:'DM Sans',sans-serif;
}
.art-item-title { flex:1; color:var(--ink); }
.art-item-date { font-size:10px; color:var(--ink-muted); flex-shrink:0; }
.art-item-btns { display:flex; gap:6px; }
.btn-ae,.btn-ad {
  font-size:9px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
  padding:5px 10px; border:1px solid; cursor:pointer; background:none; transition:all 0.2s;
  font-family:'DM Sans',sans-serif;
}
.btn-ae { color:var(--gold-dim); border-color:rgba(201,168,76,0.35); }
.btn-ae:hover { background:rgba(201,168,76,0.08); }
.btn-ad { color:#b94a3c; border-color:rgba(185,74,60,0.3); }
.btn-ad:hover { background:rgba(185,74,60,0.05); }
.photo-drop {
  border:2px dashed var(--rule); padding:36px; text-align:center;
  cursor:pointer; transition:border-color 0.25s; background:var(--cream);
}
.photo-drop:hover { border-color:var(--gold-dim); background:rgba(201,168,76,0.04); }
.photo-drop input { display:none; }
.photo-drop p { font-family:'DM Sans',sans-serif; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--ink-muted); margin-top:10px; }
.photo-prev { max-width:180px; max-height:220px; margin:10px auto 0; display:none; border:1px solid var(--rule); }

/* ── ANIMATIONS ── */
.reveal { opacity:0; transform:translateY(24px); transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal.in { opacity:1; transform:none; }
.reveal-delay-1 { transition-delay:0.1s; }
.reveal-delay-2 { transition-delay:0.2s; }
.reveal-delay-3 { transition-delay:0.3s; }

/* ── MOBILE ── */
@media(max-width:900px){
  .nav-links,.nav-consult{display:none;}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(245,240,232,0.98);align-items:center;justify-content:center;gap:28px;z-index:899;}
  .nav-consult.open{display:flex;}
  .nav-burger{display:flex;}
  .hero-inner{grid-template-columns:1fr;padding:48px 5% 40px;}
  .hero-right{display:none;}
  .hero-stats-bar{grid-template-columns:1fr 1fr;}
  .hero-stat:nth-child(3){display:none;}
  .section-intro{grid-template-columns:1fr;gap:40px;padding:60px 5%;}
  .intro-aside{position:static;}
  .section-about{grid-template-columns:1fr;}
  .about-visual-col{min-height:280px;}
  .section-cta{grid-template-columns:1fr;}
  .cta-left{border-right:none;border-bottom:1px solid var(--rule);}
  .values-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;gap:36px;}
  .contact-grid,.despre-grid{grid-template-columns:1fr;}
  .admin-layout{grid-template-columns:1fr;}
  .admin-nav-panel{display:none;}
  .row2{grid-template-columns:1fr;}
  .form-row-2{grid-template-columns:1fr;}
  .domain-row{grid-template-columns:60px 1fr;}
  .domain-row-index{font-size:2rem;}
  .practice-item{grid-template-columns:40px 1fr;}
  .pi-arrow{display:none;}
}