/* ═══════════════════════════════════════════════════════════
   BAS POOL — direcția „Apa de la asfințit"
   Pânză aproape neagră, lumină de apă, tipografie editorială.
   tokens → base → nav → erou → ritm → secțiuni → motion → media
   ═══════════════════════════════════════════════════════════ */

:root{
  /* ── culori: adâncul apei, nu albastrul de brosură ── */
  --bg:#05080C;
  --surface:#0A1017;
  --surface-2:#0F1720;
  --border:#16222E;
  --border-lit:#24384A;

  --text:#E9F0F5;
  --text-muted:#9BB0C0;
  --text-quiet:#7F94A6;

  --aqua:#56D3E6;
  --aqua-strong:#19A7C4;
  --aqua-deep:#0C5E75;
  --dusk:#E9A273;          /* lumina caldă de asfințit, din imagini */
  --aqua-glow:rgba(86,211,230,.55);
  --dusk-glow:rgba(233,162,115,.45);

  /* ── tipografie ── */
  --f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --f-body:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --t-display:clamp(2.9rem,1.6rem + 5.6vw,6.5rem);
  --t-h2:clamp(2rem,1.3rem + 2.9vw,3.6rem);
  --t-h3:clamp(1.25rem,1.1rem + .7vw,1.7rem);
  --t-lead:clamp(1.08rem,1rem + .5vw,1.35rem);
  --t-body:1.0625rem;
  --t-small:.9rem;
  --t-label:.74rem;

  /* ── spațiu: scara largă, aer editorial ── */
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem;
  --s5:3rem; --s6:4rem; --s7:6rem; --s8:9rem; --s9:12rem;

  --measure:36rem;
  --shell:min(1240px,100% - 2.5rem);
  --shell-n:min(900px,100% - 2.5rem);
  --shell-w:min(1500px,100% - 2rem);

  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-quiet:cubic-bezier(.4,0,.2,1);
  --ease-spring:cubic-bezier(.34,1.3,.5,1);

  --r:16px; --r-sm:10px; --r-lg:24px;

  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

/* ── reset ── */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
img,picture,video,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
main section[id],main header[id]{scroll-margin-top:5.5rem}

body{
  color:var(--text);
  font-family:var(--f-body);
  font-size:var(--t-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  min-height:100dvh;
  /* mesh ambiental — lumină de apă sus, asfințit jos-stânga */
  background:
    radial-gradient(ellipse 90% 50% at 50% -8%,rgba(86,211,230,.20),transparent 62%),
    radial-gradient(ellipse 55% 42% at 8% 26%,rgba(233,162,115,.09),transparent 66%),
    radial-gradient(ellipse 60% 40% at 92% 58%,rgba(25,167,196,.10),transparent 66%),
    var(--bg);
  background-repeat:no-repeat;
  background-attachment:fixed;
}

h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.04;letter-spacing:-.025em}
em{font-style:italic;color:var(--aqua)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
::selection{background:rgba(86,211,230,.3);color:var(--text)}
:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--aqua),0 0 24px -2px var(--aqua-glow);
  border-radius:6px;
}

.shell{width:var(--shell);margin-inline:auto}
.shell-n{width:var(--shell-n);margin-inline:auto}
.shell-w{width:var(--shell-w);margin-inline:auto}
.vizual-ascuns{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.sari{position:absolute;left:-9999px;top:0;z-index:100;background:var(--text);color:var(--bg);
  padding:var(--s2) var(--s3);font-family:var(--f-mono);font-size:var(--t-label)}
.sari:focus{left:var(--s2);top:var(--s2)}

/* ═══ bara de progres la derulare ═══ */
.progres{position:fixed;inset-inline:0;top:0;height:2px;z-index:60;
  background:linear-gradient(90deg,var(--aqua),var(--dusk));
  transform:scaleX(0);transform-origin:left center;will-change:transform;pointer-events:none;
  box-shadow:0 0 12px var(--aqua-glow)}
@supports (animation-timeline:scroll()){
  .progres{animation:progres linear both;animation-timeline:scroll(root block)}
  @keyframes progres{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* ═══ navigație ═══ */
.nav{position:sticky;top:0;z-index:50;padding-top:var(--safe-top);
  transition:background .3s var(--ease-quiet),border-color .3s var(--ease-quiet)}
.nav::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s var(--ease-quiet);
  background:color-mix(in srgb,var(--bg) 72%,transparent);
  backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);
  border-bottom:1px solid var(--border)}
.nav[data-lipit="true"]::before{opacity:1}
.nav__rand{position:relative;display:flex;align-items:center;gap:var(--s4);min-height:4.5rem}
.marca{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;
  font-family:var(--f-display);font-size:1.15rem;letter-spacing:-.03em}
.marca svg{width:1.6rem;height:1.6rem;color:var(--aqua);flex:0 0 auto}
.marca b{font-weight:400}
.marca span{color:var(--aqua)}
.nav__legaturi{margin-left:auto;display:flex;align-items:center;gap:var(--s4);list-style:none;padding:0}
.nav__legaturi a{font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.04em;
  color:var(--text-quiet);text-decoration:none;transition:color .2s var(--ease-quiet)}
.nav__legaturi a:hover{color:var(--aqua)}
.nav__limba{display:inline-flex;gap:.45rem;align-items:center;font-family:var(--f-mono);
  font-size:var(--t-label);color:var(--text-quiet)}
.nav__limba b{color:var(--aqua);font-weight:500}
.nav__limba a{text-decoration:none;color:var(--text-quiet)}
.nav__limba a:hover{color:var(--aqua)}
.nav__buton{display:none;margin-left:auto;background:none;border:1px solid var(--border-lit);
  border-radius:var(--r-sm);padding:.55rem .7rem;cursor:pointer;color:var(--text)}

/* ═══ butoane ═══ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.95rem 1.6rem;border-radius:var(--r-sm);border:1px solid transparent;
  font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;min-height:3rem;position:relative;overflow:hidden;
  transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-out),
             background-color .25s var(--ease-quiet),border-color .25s var(--ease-quiet)}
.btn svg{width:.95rem;height:.95rem;transition:transform .25s var(--ease-spring)}
.btn:hover svg{transform:translateX(3px)}
.btn--primar{background:linear-gradient(135deg,var(--aqua) 0%,var(--aqua-strong) 100%);color:#04161C;font-weight:600}
.btn--primar:hover{transform:translateY(-2px);box-shadow:0 10px 32px -8px var(--aqua-glow)}
.btn--linistit{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--border-lit)}
.btn--linistit:hover{border-color:var(--aqua);color:var(--aqua);transform:translateY(-2px)}

/* ═══ EROU — video care se deschide la derulare ═══ */
.erou-strat{margin-bottom:var(--s7)}
.erou{position:relative}
.erou__scena{position:relative;height:100svh;min-height:34rem;border-radius:var(--r-lg);overflow:hidden;
  isolation:isolate;background:var(--surface)}
.erou__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.erou__scena::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,8,12,.55) 0%,rgba(5,8,12,.12) 32%,rgba(5,8,12,.78) 100%),
    radial-gradient(ellipse 80% 60% at 50% 100%,rgba(5,8,12,.6),transparent 70%)}
.erou__strat{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;
  padding:var(--s5) clamp(1.25rem,4vw,3.5rem) clamp(2.5rem,6vw,4.5rem)}
.erou__text{width:100%;max-width:52rem}

.erou__eticheta{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-mono);
  font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--aqua);
  margin-bottom:var(--s3)}
.erou__eticheta::before{content:"";width:1.8rem;height:1px;background:var(--aqua);opacity:.7}

.titlu-mare{font-size:var(--t-display);line-height:.98;letter-spacing:-.035em;margin-bottom:var(--s3)}
.titlu-mare .rand{display:block;overflow:hidden}
.titlu-mare .cuv{display:inline-block;will-change:transform,opacity}
.erou__teza{font-size:var(--t-lead);color:rgba(233,240,245,.84);max-width:40rem;margin-bottom:var(--s4)}
.erou__butoane{display:flex;gap:var(--s2);flex-wrap:wrap}

.erou__jos{position:absolute;z-index:2;left:clamp(1.25rem,4vw,3.5rem);bottom:1.1rem;
  font-family:var(--f-mono);font-size:var(--t-label);color:var(--text-quiet);
  display:inline-flex;align-items:center;gap:.5rem}
.erou__jos::after{content:"";width:1px;height:1.6rem;background:linear-gradient(var(--aqua),transparent);
  animation:cadere 2.2s var(--ease-quiet) infinite}
@keyframes cadere{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}
  51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* deschiderea la derulare: videoul pornește strâns și se dilată */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference) and (min-width:52rem){
    .erou__video{animation:erou-zoom linear both;animation-timeline:scroll(root block);animation-range:0 70vh}
    .erou__scena{animation:erou-colt linear both;animation-timeline:scroll(root block);animation-range:0 70vh}
    @keyframes erou-zoom{from{transform:scale(1.18)}to{transform:scale(1)}}
    @keyframes erou-colt{from{border-radius:var(--r-lg)}to{border-radius:4px}}
  }
}

/* ═══ banda de cifre ═══ */
.cifre{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--s4);padding-block:var(--s5);border-block:1px solid var(--border)}
.cifra b{display:block;font-family:var(--f-display);font-size:clamp(2.6rem,1.6rem + 3.4vw,4.4rem);
  line-height:1;letter-spacing:-.04em;
  background:linear-gradient(135deg,var(--text) 20%,var(--aqua) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.cifra span{display:block;margin-top:.5rem;font-family:var(--f-mono);font-size:var(--t-label);
  letter-spacing:.06em;color:var(--text-quiet);text-transform:uppercase}

/* ═══ ritmul secțiunilor ═══ */
.cap{padding-block:clamp(var(--s7),11vw,var(--s9))}
.cap--strans{padding-block:clamp(var(--s6),8vw,var(--s7))}
.sprancene{display:block;font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.14em;
  text-transform:uppercase;color:var(--aqua);margin-bottom:var(--s3)}
.sprancene i{font-style:normal;color:var(--text-quiet)}
.titlu{font-size:var(--t-h2);margin-bottom:var(--s3);max-width:20ch}
.intro{font-size:var(--t-lead);color:var(--text-muted);max-width:var(--measure)}
.intro strong{color:var(--text);font-weight:500}

/* ═══ CAPITOLE — rânduri editoriale mari, alternante ═══ */
.lucrare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;
  padding-block:clamp(var(--s5),7vw,var(--s7));border-top:1px solid var(--border)}
.lucrare:nth-child(even) .lucrare__vizual{order:2}
.lucrare__vizual{position:relative;border-radius:var(--r);overflow:hidden;background:var(--surface-2);
  border:1px solid var(--border)}
.lucrare__vizual img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;
  transition:transform .9s var(--ease-out),filter .9s var(--ease-out);filter:saturate(.92)}
.lucrare:hover .lucrare__vizual img{transform:scale(1.035);filter:saturate(1.05)}
.lucrare__vizual::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(200deg,transparent 45%,rgba(5,8,12,.45) 100%)}
.lucrare__nr{position:absolute;z-index:2;left:1rem;top:.85rem;font-family:var(--f-mono);
  font-size:var(--t-label);letter-spacing:.1em;color:var(--aqua);
  background:rgba(5,8,12,.55);backdrop-filter:blur(8px);padding:.35rem .6rem;border-radius:6px;
  border:1px solid rgba(86,211,230,.25)}
.lucrare h3{font-size:var(--t-h3);margin-bottom:var(--s2)}
.lucrare p{color:var(--text-muted);max-width:34rem}
.lucrare__detalii{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--s3);list-style:none;padding:0}
.lucrare__detalii li{font-family:var(--f-mono);font-size:var(--t-label);color:var(--text-quiet);
  border:1px solid var(--border);border-radius:999px;padding:.35rem .75rem;background:var(--surface)}

/* ═══ plăci cu reflector care urmărește cursorul ═══ */
.placi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--s2);
  margin-top:var(--s5)}
.placa{position:relative;border:1px solid var(--border);border-radius:var(--r);padding:var(--s4);
  background:var(--surface);overflow:hidden;isolation:isolate;
  transition:border-color .3s var(--ease-quiet),transform .3s var(--ease-out)}
.placa::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s var(--ease-quiet);
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(86,211,230,.14),transparent 62%)}
.placa:hover{border-color:var(--border-lit);transform:translateY(-3px)}
.placa:hover::before{opacity:1}
.placa svg{width:1.4rem;height:1.4rem;color:var(--aqua);margin-bottom:var(--s2)}
.placa b{display:block;font-family:var(--f-display);font-size:1.2rem;font-weight:400;margin-bottom:.45rem}
.placa p{color:var(--text-muted);font-size:var(--t-small)}

/* ═══ pași ═══ */
.pasi{list-style:none;padding:0;margin-top:var(--s5);display:grid;gap:0}
.pasi li{display:grid;grid-template-columns:5rem 1fr;gap:var(--s3);align-items:start;
  padding-block:var(--s4);border-top:1px solid var(--border);
  transition:background .3s var(--ease-quiet)}
.pasi li:hover{background:linear-gradient(90deg,rgba(86,211,230,.05),transparent 60%)}
.pasi__nr{font-family:var(--f-display);font-size:2.4rem;line-height:1;color:var(--aqua-deep);
  letter-spacing:-.04em;transition:color .3s var(--ease-quiet)}
.pasi li:hover .pasi__nr{color:var(--aqua)}
.pasi b{display:block;font-family:var(--f-display);font-weight:400;font-size:1.3rem;margin-bottom:.35rem}
.pasi p{color:var(--text-muted);font-size:var(--t-small);max-width:44rem}

/* ═══ bandă citat / convingere ═══ */
.banda{position:relative;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;
  padding:clamp(3rem,7vw,6rem) clamp(1.5rem,5vw,4.5rem);border:1px solid var(--border)}
.banda__fundal{position:absolute;inset:0;z-index:-2}
.banda__fundal img,.banda__fundal video{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.banda::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(5,8,12,.92) 0%,rgba(5,8,12,.72) 45%,rgba(5,8,12,.35) 100%)}
.banda blockquote{font-family:var(--f-display);font-size:clamp(1.6rem,1.1rem + 2.1vw,2.9rem);
  line-height:1.15;letter-spacing:-.025em;max-width:24ch}
.banda figcaption{margin-top:var(--s3);font-family:var(--f-mono);font-size:var(--t-label);
  letter-spacing:.08em;color:var(--text-quiet);text-transform:uppercase}

/* ═══ parteneri ═══ */
.parteneri{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin-top:var(--s4)}
.parteneri li{font-family:var(--f-mono);font-size:var(--t-small);color:var(--text-quiet);
  border:1px solid var(--border);border-radius:999px;padding:.5rem 1rem;background:var(--surface);
  transition:border-color .25s var(--ease-quiet),color .25s var(--ease-quiet)}
.parteneri li:hover{border-color:var(--aqua);color:var(--aqua)}

/* ═══ galerie editorială ═══ */
.galerie{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s2);margin-top:var(--s5)}
.galerie figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;
  border:1px solid var(--border);background:var(--surface-2);cursor:zoom-in}
.galerie img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out);
  filter:saturate(.9)}
.galerie figure:hover img{transform:scale(1.045);filter:saturate(1.05)}
.galerie figure::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 60%,rgba(5,8,12,.5) 100%);opacity:0;
  transition:opacity .35s var(--ease-quiet)}
.galerie figure:hover::after{opacity:1}
.g-lat{grid-column:span 4;aspect-ratio:16/9}
.g-ing{grid-column:span 2;aspect-ratio:3/4}
.g-med{grid-column:span 3;aspect-ratio:4/3}
.g-plin{grid-column:span 6;aspect-ratio:21/9}

/* lupă */
.lupa{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:var(--s3);
  background:rgba(5,8,12,.94);backdrop-filter:blur(10px)}
.lupa[data-deschis="true"]{display:grid}
.lupa img{max-width:min(100%,1400px);max-height:88vh;width:auto;border-radius:var(--r);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.lupa__inchide{position:absolute;top:var(--s3);right:var(--s3);background:none;border:1px solid var(--border-lit);
  color:var(--text);border-radius:999px;width:2.75rem;height:2.75rem;cursor:pointer;display:grid;place-items:center}
.lupa__inchide:hover{border-color:var(--aqua);color:var(--aqua)}

/* ═══ întrebări ═══ */
.intrebari{margin-top:var(--s5);border-top:1px solid var(--border)}
.intrebare{border-bottom:1px solid var(--border)}
.intrebare summary{cursor:pointer;list-style:none;padding-block:var(--s3);display:flex;
  justify-content:space-between;align-items:center;gap:var(--s3);
  font-family:var(--f-display);font-size:1.2rem;transition:color .25s var(--ease-quiet)}
.intrebare summary::-webkit-details-marker{display:none}
.intrebare summary:hover{color:var(--aqua)}
.intrebare summary::after{content:"";flex:0 0 auto;width:.95rem;height:.95rem;position:relative;
  background:
    linear-gradient(var(--aqua),var(--aqua)) center/100% 1.5px no-repeat,
    linear-gradient(var(--aqua),var(--aqua)) center/1.5px 100% no-repeat;
  transition:transform .3s var(--ease-spring)}
.intrebare[open] summary::after{transform:rotate(135deg)}
.intrebare p{padding-bottom:var(--s3);color:var(--text-muted);max-width:68ch;font-size:var(--t-small)}

/* ═══ contact ═══ */
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem);
  align-items:start;margin-top:var(--s5)}
.date{list-style:none;padding:0;display:grid}
.date .rand{display:grid;grid-template-columns:1.5rem 1fr;gap:var(--s3);padding-block:var(--s3);
  border-bottom:1px solid var(--border)}
.date .rand:last-child{border-bottom:0}
.date svg{width:1.2rem;height:1.2rem;color:var(--aqua);margin-top:.3rem}
.date dt{font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-quiet);margin-bottom:.25rem}
.date dd{margin:0;color:var(--text)}
.date dd a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-lit)}
.date dd a:hover{color:var(--aqua);border-color:var(--aqua)}
.chemare{position:relative;border-radius:var(--r-lg);padding:clamp(2rem,4vw,3rem);
  border:1px solid var(--border-lit);overflow:hidden;isolation:isolate;
  background:linear-gradient(165deg,var(--surface-2) 0%,var(--surface) 100%)}
.chemare::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(86,211,230,.18),transparent 65%)}
.chemare h3{font-size:var(--t-h3);margin-bottom:var(--s2)}
.chemare p{color:var(--text-muted);font-size:var(--t-small);margin-bottom:var(--s4)}
.chemare .btn{width:100%;margin-bottom:.6rem}

/* ═══ subsol ═══ */
.subsol{border-top:1px solid var(--border);padding-block:var(--s5);
  padding-bottom:calc(var(--s5) + var(--safe-bottom));
  font-family:var(--f-mono);font-size:var(--t-label);color:var(--text-quiet)}
.subsol__rand{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;align-items:center}

/* ═══ dezvăluire la derulare ═══ */
.urca{opacity:0;transform:translateY(1.5rem);filter:blur(4px);
  transition:opacity .8s var(--ease-out) var(--d,0ms),transform .8s var(--ease-out) var(--d,0ms),
             filter .8s var(--ease-out) var(--d,0ms)}
.urca.vazut{opacity:1;transform:none;filter:none}
.titlu-mare .cuv{opacity:0;transform:translateY(100%);
  transition:opacity .9s var(--ease-out) var(--d,0ms),transform .9s var(--ease-out) var(--d,0ms)}
.gata .titlu-mare .cuv{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
  .urca,.titlu-mare .cuv{opacity:1;transform:none;filter:none}
}

/* ═══ media ═══ */
@media (max-width:62rem){
  .lucrare{grid-template-columns:1fr}
  .lucrare:nth-child(even) .lucrare__vizual{order:0}
  .contact{grid-template-columns:1fr}
  .galerie{grid-template-columns:repeat(4,1fr)}
  .g-lat{grid-column:span 4}.g-med{grid-column:span 2}.g-ing{grid-column:span 2}.g-plin{grid-column:span 4}
}
@media (max-width:52rem){
  .nav__legaturi{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;
    align-items:stretch;gap:0;padding:var(--s2) 0 var(--s3);
    background:color-mix(in srgb,var(--bg) 96%,transparent);
    backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
  .nav__legaturi[data-deschis="true"]{display:flex}
  .nav__legaturi li{padding-inline:var(--s2)}
  .nav__legaturi a{display:block;padding-block:var(--s2);border-bottom:1px solid var(--border)}
  .nav__legaturi li:last-child a{border-bottom:0}
  .nav__buton{display:block}
  .erou__scena{height:88svh}
  .pasi li{grid-template-columns:3.2rem 1fr}
  .pasi__nr{font-size:1.9rem}
  .galerie{grid-template-columns:repeat(2,1fr);gap:.75rem}
  .g-lat,.g-med,.g-ing,.g-plin{grid-column:span 2;aspect-ratio:4/3}
}
@media print{
  .nav,.erou__scena,.progres,.chemare,.lupa{display:none}
  body{background:#fff;color:#000}
}

/* ═══════════════════════════════════════════════════════════
   REACȚII LA MOUSE
   Toate se sting singure pe ecrane tactile și la „mai puțină mișcare".
   ═══════════════════════════════════════════════════════════ */

/* reflector care urmărește cursorul, pe orice suprafață [data-spot] */
[data-spot]{position:relative;isolation:isolate}
[data-spot]::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  opacity:0;transition:opacity .4s var(--ease-quiet);
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(86,211,230,.12),transparent 64%)}
[data-spot]:hover::after{opacity:1}

/* înclinare 3D pe imagini */
[data-inclina]{perspective:900px}
[data-inclina] img{transition:transform .7s var(--ease-out),filter .7s var(--ease-out);
  transform-style:preserve-3d;will-change:transform}
[data-inclina].se-inclina img{transition:transform .12s linear}
/* lumina de muchie, care se plimbă cu cursorul peste imagine */
[data-inclina]::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  opacity:0;transition:opacity .4s var(--ease-quiet);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 60%);
  mix-blend-mode:soft-light}
[data-inclina]:hover::before{opacity:1}

/* butoane magnetice: revin lin când pleacă mouse-ul */
.btn{transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-out),
     background-color .25s var(--ease-quiet),border-color .25s var(--ease-quiet),
     color .25s var(--ease-quiet),translate .4s var(--ease-out)}

/* lumina din erou, care urmărește cursorul */
.erou__scena::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  opacity:0;transition:opacity .5s var(--ease-quiet);
  background:radial-gradient(540px circle at var(--ex,50%) var(--ey,50%),rgba(86,211,230,.16),transparent 62%)}
.erou__scena:hover::before{opacity:1}
.erou__text{transition:translate .6s var(--ease-out)}

/* eticheta care urmărește cursorul peste galerie */
.cursor-eticheta{position:fixed;left:0;top:0;z-index:80;pointer-events:none;
  translate:-100px -100px;margin:-1.4rem 0 0 1rem;
  font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;
  color:var(--bg);background:var(--aqua);padding:.45rem .8rem;border-radius:999px;
  opacity:0;scale:.7;transition:opacity .25s var(--ease-quiet),scale .3s var(--ease-spring)}
.cursor-eticheta[data-vizibil="true"]{opacity:1;scale:1}
@media (pointer:coarse){.cursor-eticheta{display:none}}

/* lumina care alunecă între legăturile din bara de sus */
.nav__legaturi{position:relative}
.nav__legaturi::before{content:"";position:absolute;bottom:-.35rem;left:0;height:1px;
  width:var(--lw,0);translate:var(--lx,0) 0;background:linear-gradient(90deg,transparent,var(--aqua),transparent);
  opacity:0;transition:translate .35s var(--ease-out),width .35s var(--ease-out),opacity .25s var(--ease-quiet)}
.nav__legaturi[data-lumina="true"]::before{opacity:1}
@media (max-width:52rem){.nav__legaturi::before{display:none}}

@media (prefers-reduced-motion:reduce),(pointer:coarse){
  [data-spot]::after,[data-inclina]::before,.erou__scena::before{display:none}
  [data-inclina] img{transform:none!important}
}

/* ═══ DALE VIDEO ÎN GALERIE ═══ */
.galerie figure video{width:100%;height:100%;object-fit:cover;filter:saturate(.92);
  transition:transform .8s var(--ease-out)}
.galerie figure:hover video{transform:scale(1.04);filter:saturate(1.05)}
/* bulina „video", ca să se vadă din prima că dala se mișcă */
.galerie figure[data-tip="video"]::before{content:"VIDEO";position:absolute;z-index:3;
  left:.75rem;top:.7rem;font-size:.68rem;letter-spacing:.14em;font-weight:600;
  color:var(--bg);background:var(--aqua);padding:.3rem .55rem;border-radius:999px;
  display:inline-flex;align-items:center;gap:.3rem;pointer-events:none}

/* lupa: arată și video, nu doar poze */
.lupa video{max-width:min(100%,1400px);max-height:88vh;width:auto;border-radius:var(--r);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.lupa video[hidden],.lupa img[hidden]{display:none}

/* ═══ BANDA DE LUCRU — deasupra contactului ═══ */
.munca{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;
  border:1px solid var(--linie,var(--border));aspect-ratio:21/9;min-height:16rem;
  display:flex;align-items:flex-end}
.munca__fundal{position:absolute;inset:0;z-index:-2}
.munca__fundal video,.munca__fundal img{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}
.munca::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(5,8,12,.15) 0%,rgba(5,8,12,.25) 42%,rgba(5,8,12,.9) 100%)}
.munca figcaption{padding:clamp(1.25rem,3vw,2.5rem);max-width:46rem}
.munca p{font-family:var(--f-titlu,var(--f-display));font-size:clamp(1.2rem,.95rem + 1.1vw,1.9rem);
  line-height:1.25;color:var(--text)}
@media (max-width:52rem){.munca{aspect-ratio:4/3}}

/* banda fara text HTML — textul e ars în video, deci lăsăm cadrul curat */
.banda{aspect-ratio:16/9;min-height:18rem;padding:0}
.banda__fundal{position:absolute;inset:0;z-index:-2}
.banda::after{background:none}
.munca figcaption{display:none}
@media (max-width:52rem){.banda{aspect-ratio:4/3}}