/* Pagina „Despre” (/viziunea-noastra), 08.10.2026: același limbaj vizual ca homepage-ul
   (noapte / hârtie, Fraunces + Manrope, auriu). Totul e limitat la .vz. */
.vz{--night:#060c19;--ink:#0d1726;--paper:#f6f0e4;--paper2:#ede4d2;--line:#dccfb6;--gold:#d9a94f;--gold2:#a87a2a;--goldA:#B78139;--goldB:#F5CE7A;--goldsoft:#f3e5c3;--mute:#5b6474;--serif:'Fraunces',Georgia,serif;--sans:'Manrope',system-ui,sans-serif;font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.vz *{box-sizing:border-box}
.vz h1,.vz h2,.vz h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.05;color:inherit;margin:0}
.vz h1 em,.vz h2 em,.vz h3 em{font-style:italic}
/* la opsz 144 bara lui „H” devine invizibilă la dimensiuni mari; plafonăm dimensiunea optică */
.vz h1,.vz h2,.vz .vz-statement{font-variation-settings:"opsz" 48}
.vz p,.vz ul{margin:0}
.vz ul{list-style:none;padding:0}
.vz a{text-decoration:none}
.vz .vz-wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.vz .vz-eyebrow{font:700 11.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);margin-bottom:22px}
.vz .vz-night .vz-eyebrow,.vz .vz-hero .vz-eyebrow{color:var(--gold)}
.vz .vz-gold{background:linear-gradient(100deg,var(--goldA),var(--goldB) 55%,var(--goldA));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.vz .vz-k{display:block;font:800 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin-bottom:14px}
.vz .vz-lead{font-size:19px;line-height:1.6;color:#c9d1dd;max-width:600px}

/* butoane */
.vz .vz-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.vz .vz-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font:700 15px/1 var(--sans);transition:transform .2s,box-shadow .2s}
.vz .vz-btn:hover{transform:translateY(-2px)}
.vz .vz-btn:focus-visible{outline:2px solid var(--goldB);outline-offset:3px}
.vz .vz-btn-gold{background:linear-gradient(100deg,var(--goldA),var(--goldB));color:#1a1206;box-shadow:0 12px 30px -12px rgba(217,169,79,.7)}
.vz .vz-btn-ink{background:var(--ink);color:var(--paper)}
.vz .vz-btn-line{border:1.5px solid rgba(245,239,227,.4);color:#f6f0e4}

/* HERO: cerul pictat al Băii Mari, la apus */
.vz .vz-hero{position:relative;isolation:isolate;color:#f6f0e4;padding:150px 0 190px;background:#121932 var(--bg-lg) center bottom/cover no-repeat;overflow:hidden}
.vz .vz-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,25,.82) 0%,rgba(6,12,25,.55) 45%,rgba(6,12,25,0) 75%),linear-gradient(180deg,rgba(6,12,25,.55),rgba(6,12,25,0) 40%)}
.vz .vz-hero h1{font-size:clamp(46px,7.4vw,104px);line-height:.95;letter-spacing:-.035em;max-width:900px;text-wrap:balance}
.vz .vz-hero h1 em{font-weight:400}
.vz .vz-hero .vz-ref{margin:22px 0 30px;font:italic 400 18px/1 var(--serif);color:var(--goldB);display:flex;align-items:center;gap:14px}
.vz .vz-hero .vz-ref:before{content:"";width:46px;height:1px;background:linear-gradient(90deg,var(--goldA),var(--goldB))}
.vz .vz-chapters{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.vz .vz-chapters a{padding:11px 18px;border-radius:999px;font:700 13.5px/1 var(--sans);color:#f6f0e4;background:rgba(8,15,30,.45);border:1px solid rgba(245,206,122,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.vz .vz-chapters a:hover{background:rgba(245,206,122,.16);border-color:var(--goldB)}

/* secțiuni */
.vz .vz-paper{background:var(--paper);color:var(--ink);padding:130px 0}
.vz .vz-night{background:var(--night);color:#f6f0e4;padding:130px 0;position:relative;overflow:hidden}
.vz section[id]{scroll-margin-top:70px}

/* PASTORUL */
.vz .vz-pastor-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
@media (min-width:901px){.vz .vz-photo{margin-top:40px}}
.vz .vz-photo{position:relative;margin:0}
.vz .vz-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:28px;background:#f7f7f7;box-shadow:0 50px 90px -45px rgba(13,23,38,.55)}
.vz .vz-photo:before{content:"";position:absolute;inset:-14px -14px 40px 14px;border:1.5px solid var(--gold);border-radius:34px;z-index:0;opacity:.55}
.vz .vz-photo img{position:relative;z-index:1}
.vz .vz-photo figcaption{position:absolute;z-index:2;left:-22px;bottom:36px;background:var(--ink);color:#fbf6ea;padding:16px 22px;border-radius:18px;font:400 22px/1.1 var(--serif);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.vz .vz-photo figcaption span{display:block;margin-top:6px;font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--goldB)}
.vz .vz-pastor h2{font-size:clamp(48px,6vw,80px);letter-spacing:-.03em;margin-bottom:28px}
.vz .vz-pastor h2 em{color:var(--gold2)}
.vz .vz-role{font:italic 400 21px/1.35 var(--serif);color:var(--gold2);margin:14px 0 28px}
.vz .vz-pastor-text p{color:var(--mute);line-height:1.75;max-width:62ch;margin-bottom:16px}
.vz .vz-pastor-text p.vz-big{color:var(--ink);font-size:17.5px}
.vz .vz-shelf{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:28px}
.vz .vz-shelf>div{background:#fffaf0;border:1px solid var(--line);border-radius:20px;padding:20px 22px}
.vz .vz-shelf b{display:block;font:400 17px/1.25 var(--serif);color:var(--ink);padding:8px 0;border-top:1px solid var(--paper2)}
.vz .vz-shelf b:first-of-type{border-top:0;padding-top:0}

/* IDENTITATEA */
.vz .vz-identity:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% 0%,rgba(245,206,122,.12),transparent 70%),radial-gradient(800px 500px at 0% 100%,rgba(90,120,190,.14),transparent 70%);pointer-events:none}
.vz .vz-identity .vz-wrap{position:relative}
.vz .vz-statement{font:300 clamp(30px,4.2vw,54px)/1.12 var(--serif);letter-spacing:-.02em;color:#fbf6ea;max-width:1050px;text-wrap:balance}
.vz .vz-statement em{font-weight:400;color:var(--goldB)}
.vz .vz-forwho{margin-top:70px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start;padding:34px 0;border-top:1px solid rgba(245,206,122,.25);border-bottom:1px solid rgba(245,206,122,.25)}
.vz .vz-forwho h3{font-size:28px;font-style:italic;color:#fbf6ea}
.vz .vz-forwho ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}
.vz .vz-forwho li{position:relative;padding-left:24px;color:#c9d1dd;font-size:16px;line-height:1.5}
.vz .vz-forwho li:before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--goldA),var(--goldB))}
.vz .vz-ident-grid{margin-top:60px;display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}
.vz .vz-ident{border:1px solid rgba(245,239,227,.12);border-radius:24px;padding:30px 28px;background:rgba(255,255,255,.03);transition:border-color .25s,background .25s,transform .25s}
.vz .vz-ident:hover{border-color:rgba(245,206,122,.45);background:rgba(245,206,122,.05);transform:translateY(-3px)}
.vz .vz-ident h3{font-size:26px;color:#fbf6ea;margin-bottom:12px}
.vz .vz-ident p{color:#a9b3c3;font-size:15px;line-height:1.65}
.vz .vz-ident-hero{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(245,206,122,.18),rgba(183,129,57,.06) 60%,rgba(255,255,255,.02));border-color:rgba(245,206,122,.35);min-height:380px}
.vz .vz-ident-hero .vz-k{color:var(--goldB)}
.vz .vz-ident-hero h3{font-size:clamp(38px,4vw,52px);line-height:1}
.vz .vz-ident-hero h3 em{color:var(--goldB)}
.vz .vz-ident-hero p{color:#cfd6e1;font-size:16.5px;margin-top:6px}

/* MISIUNE & VIZIUNE */
.vz .vz-mv{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vz .vz-mv-card{border-radius:30px;padding:48px 46px;position:relative;overflow:hidden}
.vz .vz-mv-card h2{font-size:clamp(34px,3.6vw,48px);margin-bottom:18px}
.vz .vz-mv-card p{font-size:17px;line-height:1.65}
.vz .vz-mv-card cite{display:block;margin-top:22px;font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;font-style:normal}
.vz .vz-mv-ink{background:var(--ink);color:#f6f0e4}
.vz .vz-mv-ink .vz-k,.vz .vz-mv-ink cite{color:var(--goldB)}
.vz .vz-mv-ink h2 em{color:var(--goldB)}
.vz .vz-mv-ink p{color:#b6c0cf}
.vz .vz-mv-gold{background:linear-gradient(150deg,#f8e6bd,var(--goldsoft) 50%,#ecd7a6);color:var(--ink);border:1px solid #e3cb92}
.vz .vz-mv-gold h2 em{color:var(--gold2)}
.vz .vz-mv-gold p{color:#5a4a2c}
.vz .vz-see{margin:80px 0 30px;font-size:clamp(30px,3.4vw,44px)}
.vz .vz-vision{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.vz .vz-vision li{position:relative;padding:20px 0 20px 40px;border-top:1px solid var(--line);font-size:16.5px;line-height:1.55;color:#2c3546}
.vz .vz-vision li:before{content:"";position:absolute;left:4px;top:27px;width:12px;height:12px;transform:rotate(45deg);border:1.5px solid var(--gold2);background:var(--goldsoft)}

/* VALORILE */
.vz .vz-values:before{content:"";position:absolute;left:50%;top:0;width:1000px;height:700px;transform:translateX(-50%);background:radial-gradient(circle at 50% 0%,rgba(245,206,122,.16),transparent 60%);pointer-events:none}
.vz .vz-values .vz-wrap{position:relative}
.vz .vz-values-top{margin-bottom:60px}
.vz .vz-values-top h2{font-size:clamp(42px,5.6vw,76px);color:#fbf6ea;margin-bottom:20px;letter-spacing:-.03em}
.vz .vz-value{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:42px 0;border-top:1px solid rgba(245,206,122,.22)}
.vz .vz-value:last-child{border-bottom:1px solid rgba(245,206,122,.22)}
.vz .vz-value .vz-ref{display:block;font:700 11.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#8f9bb0;margin-bottom:14px}
.vz .vz-value h3{font-size:clamp(26px,2.6vw,34px);color:#cfd6e1;line-height:1.15}
.vz .vz-value h3 em{display:block;font-size:1.7em;line-height:1;margin-bottom:6px;background:linear-gradient(100deg,var(--goldA),var(--goldB) 60%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.vz .vz-value ul{display:grid;gap:14px;align-content:center}
.vz .vz-value li{position:relative;padding-left:26px;color:#c3cbd8;font-size:16px;line-height:1.6}
.vz .vz-value li:before{content:"";position:absolute;left:0;top:.6em;width:12px;height:1.5px;background:var(--goldB)}

/* CTA */
.vz .vz-cta{background:linear-gradient(100deg,var(--goldA),var(--goldB));color:#1a1206;padding:110px 0;text-align:center}
.vz .vz-cta h2{font-size:clamp(36px,5vw,66px);letter-spacing:-.03em;max-width:900px;margin:0 auto;text-wrap:balance}
.vz .vz-cta p{margin-top:18px;font-size:18px;color:#4a3712}
.vz .vz-cta .vz-acts{justify-content:center}
.vz .vz-cta .vz-btn-gold{background:var(--ink);color:#fbf6ea;box-shadow:0 14px 30px -14px rgba(13,23,38,.7)}
.vz .vz-cta .vz-btn-line{border-color:rgba(26,18,6,.45);color:#1a1206}

@media (max-width:900px){
  .vz .vz-wrap{padding:0 22px}
  .vz .vz-hero{padding:90px 0 200px;background-image:var(--bg-sm);background-size:210% auto;background-position:58% bottom}
  .vz .vz-hero:before{background:linear-gradient(180deg,rgba(6,12,25,.75) 0%,rgba(6,12,25,.55) 55%,rgba(6,12,25,0) 85%)}
  .vz .vz-lead{font-size:17px}
  .vz .vz-paper,.vz .vz-night{padding:80px 0}
  .vz .vz-pastor-grid{grid-template-columns:1fr;gap:56px}
  .vz .vz-photo{max-width:330px;margin:0 auto;width:calc(100% - 28px)}
  .vz .vz-photo figcaption{left:-14px;bottom:24px;font-size:19px;padding:13px 18px}
  .vz .vz-shelf{grid-template-columns:1fr}
  .vz .vz-acts .vz-btn{flex:1 1 auto;justify-content:center}
  .vz .vz-forwho{grid-template-columns:1fr;gap:22px;margin-top:50px}
  .vz .vz-forwho ul{grid-template-columns:1fr}
  .vz .vz-ident-grid{grid-template-columns:1fr;margin-top:40px}
  .vz .vz-ident-hero{grid-row:auto;min-height:0}
  .vz .vz-mv{grid-template-columns:1fr}
  .vz .vz-mv-card{padding:34px 26px;border-radius:24px}
  .vz .vz-see{margin-top:60px}
  .vz .vz-vision{grid-template-columns:1fr}
  .vz .vz-value{grid-template-columns:1fr;gap:20px;padding:34px 0}
  .vz .vz-cta{padding:80px 0}
}
@media (prefers-reduced-motion:reduce){.vz *{transition:none!important}}
/* Studiile pastorului (sub biografie) */
.vz .vz-studies{margin-top:26px;padding:20px 0 4px;border-top:1px solid var(--line)}
.vz .vz-studies ul{display:grid;gap:10px}
.vz .vz-studies li{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:baseline}
.vz .vz-studies b{font:400 20px/1.2 var(--serif);color:var(--gold2)}
.vz .vz-studies li span{font-size:15px;color:#2c3546;line-height:1.45}
@media (max-width:900px){.vz .vz-studies li{grid-template-columns:84px 1fr;gap:12px}.vz .vz-studies b{font-size:18px}}
.vz .vz-pastor-text p.vz-pvision{margin-top:22px;padding:18px 0 18px 22px;border-left:2px solid var(--gold);font:italic 400 20px/1.45 var(--serif);color:var(--ink)}