/* =====================================================================
   Lazar Production — „Cinematic Warm"
   Paleta: negru cald #0E0C0B · aur chihlimbar #E3A24D · crem #F2EBE0
   Titluri: Fraunces (serif) · Text: Archivo (sans)
   ===================================================================== */

:root{
  --bg:#0E0C0B;
  --bg-2:#13100D;
  --surface:#161310;
  --frame:#1A1613;
  --ink:#F2EBE0;
  --muted:#C7BBA8;
  --muted-2:#A99D8B;
  --dim:#8C8170;
  --gold:#E3A24D;
  --gold-ink:#1B1304;
  --line:rgba(226,161,77,.16);
  --line-soft:rgba(242,235,224,.08);
  --radius:14px;
  --radius-lg:18px;
  --wrap:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Archivo',system-ui,sans-serif;font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.05;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
em{font-style:italic;color:var(--gold)}
img,video{display:block;max-width:100%}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

/* --- supratitlu auriu --- */
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}

/* --- butoane --- */
.btn-gold,.btn-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:30px;font-weight:700;font-size:14px;padding:13px 24px;transition:transform .15s,opacity .15s;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--gold-ink);border:none}
.btn-ghost{border:1px solid rgba(242,235,224,.3);color:var(--ink);font-weight:600}
.btn-gold:hover,.btn-ghost:hover{transform:translateY(-1px)}
.btn-gold:active,.btn-ghost:active{transform:scale(.98)}
.btn-sm{padding:9px 18px;font-size:13px}

/* --- glow (lumina din spatele chenarelor) --- */
.glow{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none;z-index:0}
.glow-hero{width:540px;height:480px;background:rgba(226,140,60,.38);top:-150px;left:50%;margin-left:-270px}
.glow-soft{width:460px;height:360px;background:rgba(226,140,60,.26);top:-140px;left:50%;margin-left:-230px}
.glow-band{width:320px;height:260px;top:-40px;right:-40px;left:auto;margin:0;background:rgba(227,162,77,.2)}
.glow-cta{width:420px;height:240px;background:rgba(226,140,60,.26);bottom:-40px;left:50%;margin-left:-210px}

/* --- nav --- */
.nav{position:fixed;top:0;left:0;right:0;z-index:30;background:transparent;border-bottom:1px solid transparent;transition:background .4s,border-color .4s,transform .35s}
.nav.is-solid{background:rgba(14,12,11,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.nav.is-hidden-nav{transform:translateY(-110%)}
.nav.is-shown-nav{transform:translateY(0)}
.nav-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px}
.nav-left{justify-self:end;padding-right:30px}
.nav-right{justify-self:start;padding-left:30px}
.nav-left,.nav-right{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}
.brand{justify-self:center;display:flex;align-items:center}
.brand-logo{height:46px;width:auto;display:block;transition:height .3s}
.nav a:not(.btn-gold){position:relative;color:#B6A993;padding:8px 13px;white-space:nowrap;transition:color .22s}
.nav a:not(.btn-gold)::after{content:'';position:absolute;left:13px;right:13px;bottom:3px;height:2px;width:0;margin:auto;background:var(--gold);transition:width .25s}
.nav a:not(.btn-gold):hover{color:var(--ink)}
.nav a:not(.btn-gold):hover::after,.nav a.is-active::after{width:calc(100% - 26px)}
.nav a.is-active{color:var(--ink)}
.nav .btn-gold{margin-left:8px}
.nav .btn-gold i{transition:transform .2s}
.nav .btn-gold:hover i{transform:translateX(3px)}
.nav-burger{display:none;background:transparent;border:1px solid var(--line);color:var(--ink);width:42px;height:42px;border-radius:9px;font-size:20px;cursor:pointer;justify-self:end;align-items:center;justify-content:center}
.nav-mobile{display:none;flex-direction:column;padding:4px 28px 18px;background:var(--bg);border-bottom:1px solid var(--line-soft);box-shadow:0 12px 24px rgba(0,0,0,.35)}
.nav-mobile a:not(.btn-gold){padding:12px 0;border-bottom:1px solid var(--line-soft);color:var(--muted-2)}
.nav-mobile a:not(.btn-gold).is-active{color:var(--gold)}
.nav-mobile .btn-gold{margin-top:14px;justify-content:center}
/* buton inapoi sus */
.back-top{position:fixed;bottom:28px;right:90px;z-index:40;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 20px rgba(227,162,77,.4);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;pointer-events:none}
.back-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-top:hover{transform:translateY(-2px);box-shadow:0 6px 26px rgba(227,162,77,.55)}
@media (max-width:820px){
  .nav-grid{grid-template-columns:1fr auto;min-height:58px}
  .brand{justify-self:start}
  .brand-logo{height:32px}
  .nav.is-shrunk .brand-logo{height:26px}
  .nav-left,.nav-right{display:none}
  .nav-burger{display:flex}
  .nav.open .nav-mobile{display:flex}
  .back-top{bottom:18px;right:14px;width:42px;height:42px;font-size:18px}
}

/* --- hero --- */
.hero{position:relative;padding:48px 0 38px;text-align:center}
.hero-head{position:relative;z-index:1}
.hero h1{font-size:clamp(38px,6vw,56px)}
.hero-sub{max-width:43ch;margin:22px auto 0;font-size:16px;color:var(--muted)}
.hero .wrap{position:relative}
.hero-frame{position:relative;z-index:1;background:var(--frame);border:1px solid rgba(226,161,77,.22);border-radius:var(--radius);overflow:hidden;height:clamp(220px,42vw,320px);display:flex;align-items:center;justify-content:center}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-frame-inner{position:relative;text-align:center}
.hero-frame-label{margin-top:14px;font-size:13px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.hero-frame-time{position:absolute;right:16px;bottom:14px;font-size:12px;color:var(--dim)}
.play{width:62px;height:62px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto;box-shadow:0 0 40px rgba(227,162,77,.5)}
.sheen{position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,225,180,.13),transparent);transform:skewX(-18deg)}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:26px;position:relative;z-index:1}

/* --- sectiuni generice --- */
.section{position:relative;padding:46px 0;overflow:hidden}
.section .wrap{position:relative;z-index:1}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}
.sec-head h2{font-size:clamp(26px,4vw,32px)}
.sec-link{font-size:14px;font-weight:700;color:var(--gold)}

/* --- grila servicii --- */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.scard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;overflow:hidden;transition:border-color .2s,transform .2s}
.scard:hover{border-color:rgba(226,161,77,.4);transform:translateY(-2px)}
.scard .sg{position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(48px);background:rgba(227,162,77,.12);top:-70px;right:-45px}
.scard h3{font-size:18px;margin:14px 0 6px;position:relative}
.scard p{font-size:13px;color:var(--muted-2);position:relative}
.ic{position:relative;width:44px;height:44px;border-radius:10px;background:rgba(227,162,77,.12);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:21px}

/* --- banda studio --- */
.studio-band{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:center;overflow:hidden}
.studio-media,.studio-text{position:relative;z-index:1}
.studio-frame{height:230px}
.studio-desc{margin-top:14px;font-size:15px;color:var(--muted)}
.studio-band h2{font-size:30px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.chip{font-size:12.5px;font-weight:600;color:#E8DCC8;background:rgba(227,162,77,.1);border:1px solid rgba(226,161,77,.22);padding:6px 12px;border-radius:20px}
.studio-text .btn-gold{margin-top:20px}

/* --- proiecte (asimetric) --- */
.projects-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.projects-feature .media:not(.media-lead){height:116px}
.projects-feature .media-lead{grid-row:span 2;height:auto;min-height:248px}
.media{position:relative;background:var(--frame);border:1px solid rgba(226,161,77,.18);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.media:hover{border-color:rgba(226,161,77,.4)}
.media .play{width:54px;height:54px;font-size:23px;box-shadow:none}
.tag{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:600;color:#E8DCC8}

/* --- stats --- */
.stats{position:relative;background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:44px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}
.stat-value{font-family:'Fraunces',serif;font-size:42px;color:var(--gold)}
.stat-label{font-size:13px;color:var(--muted-2);margin-top:4px}

/* --- cta --- */
.cta{position:relative;padding:52px 0 56px;text-align:center;overflow:hidden}
.cta-inner{position:relative;z-index:1}
.cta h2{font-size:clamp(28px,5vw,38px);max-width:17ch;margin:0 auto}
.cta .btn-gold{margin-top:24px}

/* --- footer --- */
.footer{position:relative;border-top:1px solid var(--line-soft);padding:50px 0 26px;overflow:hidden;background:var(--bg-2)}
.footer-top{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:36px}
.footer-brand .brand{margin-bottom:14px}
.footer-tag{font-size:14px;color:var(--muted-2);max-width:34ch}
.footer-social{display:flex;gap:10px;margin-top:18px}
.footer-social a{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);transition:all .15s}
.footer-social a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.footer-col h4{font-family:'Archivo',sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
.footer-col a,.footer-addr{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted-2);margin-bottom:11px;transition:color .15s}
.footer-col a:hover{color:var(--ink)}
.footer-col a i,.footer-addr i{font-size:16px;color:var(--gold)}
.footer-cta{margin-top:6px;color:var(--gold) !important;font-weight:600}
.footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-soft);padding-top:22px}
.footer-bottom p{font-size:13px;color:var(--dim)}
.footer-legal{display:flex;gap:18px}
.footer-legal a{font-size:13px;color:var(--dim)}
.footer-legal a:hover{color:var(--ink)}
@media (max-width:860px){
  .footer-top{grid-template-columns:1fr 1fr;gap:28px}
  .footer-brand{grid-column:1/-1}
}
@media (max-width:560px){
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center}
}

/* --- animatii (respecta prefers-reduced-motion) --- */
.rise{opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:no-preference){
  .rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  .glow{animation:gp 5s ease-in-out infinite}
  .sheen{animation:sh 4.5s ease-in-out infinite}
  @keyframes rise{to{opacity:1;transform:none}}
  @keyframes gp{0%,100%{opacity:.55}50%{opacity:.9}}
  @keyframes sh{0%{left:-60%}45%,100%{left:130%}}
}

/* --- responsive --- */
@media (max-width:860px){
  .services-grid{grid-template-columns:1fr 1fr}
  .studio-band{grid-template-columns:1fr}
  .projects-feature{grid-template-columns:1fr}
  .projects-feature .media-lead{grid-row:auto;min-height:200px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:24px}
}
@media (max-width:560px){
  .nav-links{display:none}
  .services-grid{grid-template-columns:1fr}
  .sec-head{flex-direction:column;align-items:flex-start;gap:8px}
}

/* =====================================================================
   Pagini interioare: serviciu, proiecte, despre, contact
   ===================================================================== */
.crumbs{font-size:13px;color:var(--dim);font-weight:500;margin:0 0 18px}
.crumbs a:hover{color:var(--ink)}
.crumbs span{color:var(--gold)}
.crumbs i{font-size:13px;vertical-align:-2px}

.page-header{padding-top:50px}

/* serviciu */
.service-head{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center}
.service-head h1{font-size:clamp(34px,5vw,44px)}
.service-lead{margin-top:18px;font-size:16px;color:var(--muted)}
.service-body{margin-top:14px;color:var(--muted-2);font-size:15px}
.service-head .btn-gold{margin-top:26px}

/* grila de 3 (proiecte) */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.project-card .media{display:flex;height:155px;margin-bottom:12px}
.project-card h3{font-size:16px;font-weight:500}
.project-card .meta{font-size:13px;color:var(--dim);margin-top:3px}
.play.sm{width:40px;height:40px;font-size:18px;box-shadow:none}

/* filtre */
.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:26px}
.filter{border:1px solid rgba(226,161,77,.3);background:transparent;color:var(--muted);padding:9px 18px;border-radius:30px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s}
.filter:hover{border-color:var(--gold);color:var(--ink)}
.filter.is-on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}

/* split (text + media) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split h2{font-size:clamp(28px,4vw,40px)}
.split-p{margin-top:14px;font-size:16px;color:var(--muted)}
.split-media{position:relative}

/* valori */
.values{position:relative;background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:42px 0}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value h3{font-size:21px;color:var(--gold);margin-bottom:8px}
.value p{font-size:14px;color:var(--muted-2)}

/* echipa */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.avatar{aspect-ratio:1;background:var(--frame);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.member h3{font-size:16px;font-weight:500}
.member .meta{font-size:13px;color:var(--dim)}

/* contact */
.contact-rows{display:grid;gap:16px;margin-top:30px}
.crow{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.crow i{color:var(--gold);font-size:19px;margin-top:1px}
.crow strong{display:block;color:var(--ink);font-weight:600}
.contact-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px}
.contact-card label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:16px}
.contact-card input,.contact-card select,.contact-card textarea{width:100%;box-sizing:border-box;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:12px 13px;font-family:inherit;font-size:14px;color:var(--ink);margin-top:6px}
.contact-card input::placeholder,.contact-card textarea::placeholder{color:#6E6354}
.contact-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-submit{width:100%;justify-content:center;border-radius:30px;margin-top:4px}
.form-ok{color:#9FE1CB;background:rgba(29,158,117,.12);border:1px solid rgba(29,158,117,.3);padding:14px;border-radius:10px;display:flex;gap:8px;align-items:center}
.form-err{color:#F09595;background:rgba(226,75,74,.1);border:1px solid rgba(226,75,74,.3);padding:12px;border-radius:10px;margin-bottom:14px;font-size:14px}

@media (max-width:860px){
  .service-head,.split{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .contact-card .form-row{grid-template-columns:1fr}
}
@media (max-width:560px){ .grid-3{grid-template-columns:1fr} .team-grid{grid-template-columns:1fr 1fr} }

/* galerie (pagina Studio) */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gitem{position:relative;margin:0;aspect-ratio:4/3;background-color:var(--frame);background-size:cover;background-position:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.gitem figcaption{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:600;color:#E8DCC8;background:rgba(14,12,11,.55);padding:4px 10px;border-radius:20px}
@media (max-width:760px){ .gallery-grid{grid-template-columns:1fr 1fr} }

/* =====================================================================
   HERO FULL-BLEED  —  video pe tot ecranul, text suprapus
   ===================================================================== */
.hero-full{position:relative;width:100%;min-height:100svh;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-bg-empty{display:flex;align-items:center;justify-content:center;background:var(--bg)}
.hero-bg-empty i{font-size:72px;color:rgba(242,235,224,.07)}
.hero-bg-empty .glow-hero{top:-10%;left:50%;margin-left:-270px}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,12,11,.5) 0%,rgba(14,12,11,.28) 42%,rgba(14,12,11,.8) 100%)}
.hero-overlay{position:relative;z-index:2;max-width:740px;padding:90px 24px}
.hero-overlay .eyebrow{margin-bottom:18px}
.hero-overlay h1{font-size:clamp(36px,7vw,64px);color:#F7F1E6}
.hero-overlay .hero-sub{margin:20px auto 0;max-width:44ch;color:#E8DECB}
.hero-reel-hint{margin:22px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#D8CBB4}
.hero-reel-hint i{color:var(--gold);margin-right:4px}
.hero-overlay .hero-actions{margin-top:28px}
.hero-scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;color:rgba(242,235,224,.5);font-size:26px}
.hero-scroll:hover{color:var(--gold)}
@media (prefers-reduced-motion:no-preference){
  .hero-scroll{animation:bob 1.8s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
}
@media (max-width:560px){ .hero-overlay{padding:70px 20px} }

/* clienti (perete de logouri) */
.clients{position:relative;background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:34px 0}
.clients-eyebrow{text-align:center;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 22px}
.clients-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 48px}
.client-logo img{height:34px;width:auto;opacity:.75;transition:opacity .25s}
.client-logo img:hover{opacity:1}
.client-name{font-family:'Fraunces',serif;font-size:21px;color:#9C8E78;transition:color .2s}
.client-name:hover{color:var(--ink)}
@media (max-width:560px){ .clients-row{gap:20px 30px} .client-logo img{height:26px} .client-name{font-size:18px} }

/* nav e fixed — paginile fara hero full-bleed au nevoie de padding-top */
body:not(.has-hero) main{padding-top:64px}

/* =====================================================================
   Chenar telefon vertical 9:16 (Short-form / Portrait services)
   ===================================================================== */
.service-head--portrait{grid-template-columns:1fr auto;align-items:center;gap:48px}
.phone-wrap{position:relative;flex-shrink:0}
/* Antet serviciu: media sus-dreapta, textul curge pe sub ea */
.service-head--float{display:block}
.service-head--float .service-media,.service-head--float .phone-wrap{float:right;width:min(46%,520px);margin:4px 0 24px 40px}
.service-head--float::after{content:'';display:table;clear:both}
@media (max-width:760px){
  .service-head--float{display:flex;flex-direction:column}
  .service-head--float .service-text{order:1}
  .service-head--float .service-media,.service-head--float .phone-wrap{order:2;float:none;width:100%;margin:22px 0 0}
}
.phone-frame{position:relative;width:200px;aspect-ratio:9/16;background:#1A1613;border:2px solid rgba(226,161,77,.3);border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(227,162,77,.2),0 0 120px rgba(227,162,77,.07)}
.phone-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:56px;height:5px;background:rgba(226,161,77,.18);border-radius:10px}
.phone-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}
.play-v{width:52px;height:52px;border-radius:50%;background:#E3A24D;color:#1B1304;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 0 30px rgba(227,162,77,.6)}
.phone-label{font-size:11px;letter-spacing:.12em;color:#C7BBA8;text-transform:uppercase}
.phone-time{position:absolute;bottom:14px;right:14px;font-size:11px;color:#8C8170}
.phone-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(226,161,77,.12)}
.phone-bar-fill{height:100%;width:35%;background:#E3A24D;border-radius:2px}

/* adauga câmpuri video_url și poster în admin pentru servicii */
@media (max-width:860px){
  .service-head--portrait{grid-template-columns:1fr;justify-items:center}
  .phone-frame{width:160px}
}

/* iframe embed (YouTube, Vimeo, Facebook) */
.embed-video{position:absolute;inset:0;width:100%;height:100%;border:none}

/* iframe embed in chenar portrait */
.phone-frame .embed-video,.phone-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}

/* thumbnail pe carduri de proiecte */
.project-card .media{height:155px}
.project-card .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .4s}
.project-card:hover .media img{transform:scale(1.04)}
.project-card .media .play.sm{position:relative;z-index:1}
.media img + .play.sm{position:absolute;z-index:1}
.proj-item{display:contents}

/* card social embed (Instagram / TikTok) */
.social-embed{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1A1613}
.social-embed::after{content:'';position:absolute;inset:0;background:rgba(14,12,11,.55)}
.social-embed-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;text-align:center}
.social-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;border:1.5px solid;padding:7px 16px;border-radius:30px;background:rgba(14,12,11,.6)}
.social-embed-btn{display:inline-flex;align-items:center;gap:8px;background:#E3A24D;color:#1B1304;padding:12px 22px;border-radius:30px;font-weight:700;font-size:14px;transition:transform .2s}
.social-embed-btn:hover{transform:translateY(-2px)}
/* portrait phone frame cu social embed */
.phone-frame .social-embed{border-radius:26px}
.phone-frame .social-embed-inner{padding:16px}
.phone-frame .social-badge{font-size:12px;padding:5px 12px}
.phone-frame .social-embed-btn{padding:9px 16px;font-size:13px}

/* social embed cu thumbnail ca fundal */
.social-embed{background-size:cover !important;background-position:center !important}
.social-embed::after{background:rgba(14,12,11,.6)}
/* thumb-preview aspect ratio in admin */
.thumb-preview.portrait{max-width:160px !important;aspect-ratio:9/16 !important}

/* Rich content (TinyMCE output) pe frontend */
.rich-content{color:var(--muted);font-size:15px;line-height:1.7}
.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4{font-family:'Fraunces',serif;color:var(--ink);margin:1.2em 0 .5em;line-height:1.1}
.rich-content h1{font-size:2em}.rich-content h2{font-size:1.6em}.rich-content h3{font-size:1.3em}
.rich-content p{margin:0 0 1em}
.rich-content strong{color:var(--ink);font-weight:700}
.rich-content em{color:var(--gold);font-style:italic}
.rich-content a{color:var(--gold);text-decoration:underline}
.rich-content ul,.rich-content ol{padding-left:1.4em;margin:0 0 1em}
.rich-content li{margin-bottom:.4em}
.rich-content blockquote{border-left:3px solid var(--gold);padding-left:1em;color:var(--muted-2);font-style:italic;margin:1em 0}
.rich-content pre,.rich-content code{background:var(--bg-2);border:1px solid var(--line);padding:.2em .5em;border-radius:5px;font-family:ui-monospace,monospace;font-size:.9em}

/* Google Maps embed */
.maps-frame{margin-top:20px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.maps-frame iframe{display:block}




/* split inversat — media stanga, text dreapta */
.split--reverse{direction:rtl}
.split--reverse > *{direction:ltr}
@media (max-width:860px){ .split--reverse{direction:ltr} }
/* Text+imagine: imagine sus, textul curge pe sub ea */
.split--float{display:block;direction:ltr}
.split--float .split-media{float:right;width:min(46%,520px);margin:4px 0 22px 40px}
.split--float.split--reverse .split-media{float:left;margin:4px 40px 22px 0}
.split--float::after{content:'';display:table;clear:both}
@media (max-width:760px){
  .split--float{display:flex;flex-direction:column}
  .split--float .split-text{order:1}
  .split--float .split-media{order:2;float:none;width:100%;margin:20px 0 0}
}


/* sticky footer - footer jos, main NU se extinde */
body{display:flex;flex-direction:column;min-height:100vh}
.footer{margin-top:auto}
/* bloc text simplu */
.text-block{max-width:780px}
.text-block--full{max-width:none}
.text-block--center{margin:0 auto;text-align:center}
.text-block--right{margin-left:auto;text-align:right}
.text-block h2{font-size:clamp(26px,4vw,38px);margin-bottom:12px}
.text-block-sub{font-size:18px;color:var(--muted);margin-bottom:16px}
.text-block-body{margin-top:14px}

/* bifa GDPR formular contact */
.gdpr-check{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;cursor:pointer}
.gdpr-check input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--gold);cursor:pointer}
.gdpr-check span{font-size:13px;color:var(--muted-2);line-height:1.5}
.gdpr-check a{color:var(--gold);text-decoration:underline}

/* =====================================================================
   BLOG
   ===================================================================== */
/* featured post */
.blog-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:32px;text-decoration:none;transition:.2s}
.blog-featured:hover{border-color:rgba(226,161,77,.4);transform:translateY(-2px)}
.blog-featured-img{position:relative;aspect-ratio:16/9;background:var(--frame);overflow:hidden}
.blog-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-featured:hover .blog-featured-img img{transform:scale(1.04)}
.blog-featured-text{padding:28px 28px 28px 0}
.blog-featured-text h2{font-size:clamp(22px,3vw,30px);margin-bottom:12px}
.blog-excerpt{font-size:15px;color:var(--muted);line-height:1.65;margin:0}
.blog-read-more{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:600;font-size:14px;margin-top:16px}
/* grid articole */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:.2s;display:flex;flex-direction:column}
.blog-card:hover{border-color:rgba(226,161,77,.4);transform:translateY(-2px)}
.blog-card-img{aspect-ratio:16/9;background:var(--frame);overflow:hidden;position:relative;flex-shrink:0}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:hover .blog-card-img img{transform:scale(1.04)}
.blog-card-text{padding:18px;flex:1;display:flex;flex-direction:column}
.blog-card-text h3{font-size:17px;margin:0 0 8px;line-height:1.3}
.blog-card-text .blog-excerpt{font-size:13px}
.blog-card-text .blog-read-more{margin-top:auto;padding-top:12px}
/* badge categorie */
.blog-cat-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--gold-ink);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}
/* pagina articol */
.blog-post-title{font-size:clamp(28px,5vw,48px);margin:8px 0 12px}
.blog-post-date{font-size:13px;color:var(--dim);display:flex;align-items:center;gap:6px;margin:0}
.blog-post-wrap{max-width:760px}
.blog-post-body{font-size:16px;line-height:1.8}
.blog-share{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line-soft)}
.blog-share span{font-size:13px;color:var(--muted);font-weight:600}
.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;text-decoration:none;transition:.2s}
.share-btn.facebook{background:rgba(24,119,242,.15);color:#1877F2;border:1px solid rgba(24,119,242,.3)}
.share-btn.linkedin{background:rgba(10,102,194,.15);color:#0A66C2;border:1px solid rgba(10,102,194,.3)}
.share-btn:hover{transform:translateY(-1px)}
/* responsive */
@media(max-width:860px){
  .blog-featured{grid-template-columns:1fr}
  .blog-featured-text{padding:20px}
  .blog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){ .blog-grid{grid-template-columns:1fr} }

/* lang switch */
.lang-switch{display:flex;align-items:center;gap:4px;margin-left:8px}
.lang-switch a{font-size:20px;opacity:.5;transition:.2s;text-decoration:none;line-height:1}
.lang-switch a:hover,.lang-switch a.is-active{opacity:1}
.lang-switch-mob{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}
.lang-switch-mob a{font-size:15px;opacity:.6;font-weight:600}
.lang-switch-mob a.is-active{opacity:1;color:var(--gold)}

/* buton outline pentru nav */
.btn-outline{border:1.5px solid var(--gold);color:var(--gold);padding:9px 18px;border-radius:30px;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}
.btn-outline:hover{background:rgba(226,161,77,.1)}

/* --- FAQ accordion --- */
.faq-panel{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(24px,5vw,48px);overflow:hidden}
.faq-inner{position:relative;z-index:1}
.faq-head{text-align:center;max-width:640px;margin:0 auto 34px}
.faq-sub{color:var(--muted-2);font-size:15px;margin-top:8px}
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}
.faq-item:hover,.faq-item[open]{border-color:var(--gold)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;cursor:pointer;list-style:none;font-weight:600;font-size:15px;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-chev{color:var(--gold);font-size:18px;flex-shrink:0;transition:transform .25s}
.faq-item[open] .faq-chev{transform:rotate(180deg)}
.faq-a{padding:0 20px 18px;color:var(--muted);font-size:14.5px;line-height:1.7;animation:faqOpen .25s ease}
@keyframes faqOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* --- testimoniale --- */
.tst-head{text-align:center;max-width:640px;margin:0 auto 34px}
.tst-grid{display:grid;gap:14px}
.tst-grid--1{grid-template-columns:minmax(0,620px);justify-content:center}
.tst-grid--2{grid-template-columns:repeat(2,1fr)}
.tst-grid--3{grid-template-columns:repeat(3,1fr)}
.tst-card{position:relative;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px 22px;display:flex;flex-direction:column;gap:18px;transition:border-color .2s,transform .2s}
.tst-card:hover{border-color:rgba(226,161,77,.4);transform:translateY(-2px)}
.tst-mark{position:absolute;top:18px;right:20px;font-size:30px;color:var(--gold);opacity:.35}
.tst-card blockquote{margin:0;font-size:15px;line-height:1.7;color:var(--muted);font-style:italic;flex:1}
.tst-card figcaption{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line-soft);padding-top:16px}
.tst-client-logo{height:34px;width:auto;max-width:110px;object-fit:contain;flex-shrink:0}
.tst-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.tst-who strong{font-size:14px;color:var(--ink)}
.tst-who span{font-size:12.5px;color:var(--muted-2)}
@media (max-width:900px){.tst-grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.tst-grid--2,.tst-grid--3{grid-template-columns:1fr}}

/* --- galerie video + lightbox --- */
.vgal-head{text-align:center;max-width:640px;margin:0 auto 34px}
.vgal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vgal-item{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;background:var(--frame);border:1px solid rgba(226,161,77,.18);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}
.vgal-item:hover{border-color:rgba(226,161,77,.45);transform:translateY(-2px)}
.vgal-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vgal-item .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;font-size:23px;box-shadow:0 4px 24px rgba(0,0,0,.4);transition:transform .2s}
.vgal-item:hover .play{transform:translate(-50%,-50%) scale(1.08)}
.vgal-cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:13.5px;font-weight:600;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.vlb{position:fixed;inset:0;z-index:100;background:rgba(8,7,6,.92);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px}
.vlb.is-open{display:flex;animation:vlbIn .25s ease}
@keyframes vlbIn{from{opacity:0}to{opacity:1}}
.vlb-body{width:min(960px,100%);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.vlb-body iframe,.vlb-body video{width:100%;height:100%;border:0;display:block}
.vlb-close{position:absolute;top:18px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.vlb-close:hover{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
@media (max-width:900px){.vgal-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.vgal-grid{grid-template-columns:1fr}.vlb{padding:10px}}

/* --- newsletter --- */
.nl-panel{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(28px,5vw,52px);overflow:hidden;text-align:center}
.nl-inner{position:relative;z-index:1;max-width:560px;margin:0 auto}
.nl-sub{color:var(--muted-2);font-size:15px;margin-top:10px}
.nl-form{margin-top:24px;position:relative}
.nl-row{display:flex;gap:10px}
.nl-row input[type=email]{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:13px 20px;color:var(--ink);font-family:inherit;font-size:14.5px;outline:none;transition:border-color .2s}
.nl-row input[type=email]:focus{border-color:var(--gold)}
.nl-row input[type=email]::placeholder{color:var(--dim)}
.nl-status{min-height:20px;font-size:13.5px;margin-top:10px}
.nl-status.ok{color:#7BC98A}
.nl-status.err{color:#E88}
.nl-gdpr{font-size:11.5px;color:var(--dim);margin-top:8px;line-height:1.5}
.nl-gdpr a{color:var(--muted-2);text-decoration:underline}
@media (max-width:560px){.nl-row{flex-direction:column}.nl-row .btn-gold{justify-content:center}}

/* --- proiecte: aspect de „frame video" (viewfinder) --- */
.project-card .media{position:relative;display:block;aspect-ratio:16/9;height:auto;background:var(--frame);border:1px solid rgba(226,161,77,.18);border-radius:12px;overflow:hidden;transition:border-color .25s,transform .25s}
.project-card:hover .media{border-color:rgba(226,161,77,.45);transform:translateY(-3px)}
.project-card .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .5s}
.project-card:hover .media img{transform:scale(1.05)}
/* scrim jos + bara de progres (track + fill auriu) */
.project-card .media::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:12px;
  background:
    linear-gradient(var(--gold),var(--gold)) 0 100%/38% 3px no-repeat,
    linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 0 100%/100% 3px no-repeat,
    linear-gradient(to top,rgba(8,6,5,.66),transparent 46%)}
.project-card:hover .media::before{
  background:
    linear-gradient(var(--gold),var(--gold)) 0 100%/64% 3px no-repeat,
    linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 0 100%/100% 3px no-repeat,
    linear-gradient(to top,rgba(8,6,5,.66),transparent 46%)}
/* colturi viewfinder */
.project-card .media::after{content:'';position:absolute;inset:10px;z-index:2;pointer-events:none;
  background:
    linear-gradient(var(--gold),var(--gold)) 0 0/16px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 0/2px 16px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 0/16px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 0/2px 16px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 100%/16px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 100%/2px 16px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 100%/16px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 100%/2px 16px no-repeat;
  opacity:.7;transition:opacity .25s,inset .25s}
.project-card:hover .media::after{opacity:1;inset:7px}
/* play centrat peste frame */
.project-card .media .play.sm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:48px;height:48px;font-size:19px;background:rgba(227,162,77,.94);box-shadow:0 6px 22px rgba(0,0,0,.45);transition:transform .25s}
.project-card:hover .media .play.sm{transform:translate(-50%,-50%) scale(1.12)}

/* --- Bară CTA (premium, accent lateral) --- */
.cta-bar{position:relative;border-radius:16px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line-soft);border-left:5px solid var(--gold);transition:border-color .25s,transform .25s}
.cta-bar:hover{transform:translateY(-2px);border-left-color:var(--gold)}
.cta-bar-copy{min-width:240px}
.cta-bar .eyebrow{color:var(--gold);margin-bottom:8px}
.cta-bar-title{font-size:clamp(22px,2.8vw,30px);color:var(--ink);margin:0}
.cta-bar-sub{margin:8px 0 0;font-size:14.5px;color:var(--muted);max-width:54ch}
.cta-bar-btn{flex-shrink:0}
@media (max-width:640px){.cta-bar{padding:28px 22px;text-align:center;justify-content:center}.cta-bar-copy{min-width:0}.cta-bar-btn{justify-content:center}}

/* --- Lightbox proiecte (popup video din portofoliu) --- */
.plb{position:fixed;inset:0;z-index:100;background:rgba(8,7,6,.93);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:28px}
.plb.is-open{display:flex;animation:plbIn .25s ease}
@keyframes plbIn{from{opacity:0}to{opacity:1}}
.plb-inner{width:min(1000px,100%);animation:plbUp .3s cubic-bezier(.2,.8,.2,1)}
@keyframes plbUp{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
.plb-body{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 24px 90px rgba(0,0,0,.7);border:1px solid rgba(226,161,77,.22)}
.plb.is-portrait .plb-inner{width:min(420px,100%)}
.plb.is-portrait .plb-body{aspect-ratio:9/16}
.plb-body iframe,.plb-body video{width:100%;height:100%;border:0;display:block}
.plb-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap}
.plb-title{font-family:'Fraunces',Georgia,serif;font-size:18px;color:var(--ink)}
.plb-link{font-size:13.5px;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:6px}
.plb-link:hover{text-decoration:underline}
.plb-close{position:absolute;top:20px;right:22px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.plb-close:hover{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
@media (max-width:560px){.plb{padding:12px}.plb-close{top:10px;right:12px;width:38px;height:38px;font-size:17px}}

/* --- carduri proiecte: forma dupa orientare (short/reel = 9:16) --- */
.grid-3{align-items:start}
.project-card--portrait .media{aspect-ratio:9/16;max-width:290px;margin-left:auto;margin-right:auto}
/* la portrait, colturile viewfinder si play-ul raman proportionale */
.project-card--portrait .media::after{inset:9px}
.project-card--portrait:hover .media::after{inset:6px}
.project-card--portrait h3,.project-card--portrait .meta{text-align:center}
@media (max-width:560px){ .project-card--portrait .media{max-width:230px} }

/* --- grila proiecte „masonry": umple golurile cand se amesteca 16:9 cu 9:16 --- */
.grid-3.is-masonry{grid-auto-rows:8px;grid-auto-flow:row dense;align-items:start}
.grid-3.is-masonry > *{align-self:start}
@media (max-width:560px){ .grid-3.is-masonry{grid-auto-rows:auto;grid-auto-flow:row} .grid-3.is-masonry > *{grid-row-end:auto !important} }