/* ==========================================================================
   BROWISTA România & Moldova — foaia de stil
   Ritm: noapte de scenă (hero, drum, moment, galerie, subsol) alternând cu
   fildeș (campionat, categorii, reprezentante, întrebări).
   Un singur accent: aurul trofeului. Mov doar ca lumină de scenă.
   ========================================================================== */
:root{
  --ink:#0C0C0F;
  --ink-2:#18181B;
  --ink-3:#232329;
  --ink-4:#2E2E36;

  --paper:#F8F5EF;
  --cream:#EFE9DD;
  --sand:#E2D9C8;

  --txt:#26262B;
  --mut:#6A6A73;
  --line:rgba(12,12,15,.13);
  --line-light:rgba(255,255,255,.15);
  --on-ink:#F5F2EB;
  --on-ink-mut:rgba(245,242,235,.64);

  --aur:#CC8D12;
  --aur-clar:#E9BA52;
  --aur-adanc:#8F6108;
  --mov:#6B4FC1;
  --mov-clar:#A28FE8;

  --f-d:"Cinzel",Georgia,"Times New Roman",serif;
  --f-b:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-e:"Cormorant Garamond",Georgia,serif;

  --wrap:1560px;
  --pad:clamp(1.15rem,4.5vw,2.5rem);
  --ritm:clamp(5rem,12vw,10.5rem);
  --lin:cubic-bezier(.16,.84,.34,1);
  --lin-moale:cubic-bezier(.4,0,.2,1);
  --antet:70px;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--antet) + 1rem)}
body{
  margin:0;background:var(--ink);color:var(--on-ink);
  font-family:var(--f-b);font-size:clamp(1rem,.96rem + .2vw,1.06rem);line-height:1.68;
  font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;overflow-x:clip;
}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:400;line-height:1.08;margin:0;letter-spacing:.005em;color:inherit}
p{margin:0 0 1em}
::selection{background:var(--aur);color:#14140F}
:focus-visible{outline:2px solid var(--aur-clar);outline-offset:3px;border-radius:4px}

.sari{position:absolute;left:1rem;top:-4rem;z-index:200;background:var(--aur);color:#14140F;padding:.6rem 1rem;border-radius:999px;text-decoration:none}
.sari:focus{top:1rem}

.rama{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.rama-ingusta{max-width:820px}

/* panouri deschise, pentru ritm */
.fildes{background:var(--paper);color:var(--txt)}
.fildes h1,.fildes h2,.fildes h3,.fildes h4{color:var(--ink)}

.eticheta{
  font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--aur-clar);margin:0 0 1.3rem;display:flex;align-items:center;gap:.7rem;
}
.fildes .eticheta{color:var(--aur-adanc)}
.eticheta::before{content:"";width:26px;height:1px;background:currentColor;opacity:.65;flex:none}
.titlu{font-size:clamp(2rem,1.1rem + 3.8vw,4.4rem);margin-bottom:1.3rem;text-transform:uppercase;letter-spacing:.01em}
.titlu em{font-family:var(--f-e);font-style:italic;text-transform:none;letter-spacing:0;color:var(--aur-clar);font-size:1.12em}
.fildes .titlu em{color:var(--aur-adanc)}
.sectiune-cap{max-width:820px;margin-bottom:clamp(2.2rem,5vw,4rem)}
.sectiune-intro{font-size:clamp(1rem,.95rem + .35vw,1.18rem);color:var(--on-ink-mut);max-width:62ch}
.fildes .sectiune-intro{color:var(--mut)}
.lipseste{background:rgba(204,141,18,.22);color:var(--aur-clar);padding:.05em .4em;border-radius:4px;font-size:.88em;font-weight:500;border:1px dashed rgba(204,141,18,.45)}
.fildes .lipseste{background:#FBEFD2;color:#6B4A05;border-color:rgba(143,97,8,.45)}

/* ==========================================================================
   BUTOANE „LIQUID GLASS"
   Principal: sticlă aurie. Secundar: sticlă clară. Reflexia urmărește cursorul.
   ========================================================================== */
:root{
  --gl-fill:rgba(255,255,255,.07);
  --gl-fill-h:rgba(255,255,255,.16);
  --gl-line:rgba(255,255,255,.26);
  --gl-text:var(--on-ink);
  --gl-shine:rgba(255,255,255,.4);
  --gl-umbra:0 12px 30px -16px rgba(0,0,0,.8);
  --gp-fill:linear-gradient(180deg,rgba(233,186,82,.96),rgba(186,124,12,.97));
  --gp-fill-h:linear-gradient(180deg,rgba(243,201,106,.98),rgba(204,141,18,.99));
  --gp-line:rgba(255,236,190,.5);
  --gp-text:#1A1405;
}
.fildes,.modal-card{
  --gl-fill:rgba(255,255,255,.55);
  --gl-fill-h:rgba(255,255,255,.85);
  --gl-line:rgba(12,12,15,.16);
  --gl-text:var(--ink);
  --gl-shine:rgba(255,255,255,.95);
  --gl-umbra:0 10px 28px -16px rgba(12,12,15,.4);
}
.btn,.rail-nav button{
  --mx:50%;--my:0%;
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  min-height:52px;padding:.9rem 1.7rem;border-radius:999px;
  font-family:var(--f-b);font-weight:600;font-size:.9rem;letter-spacing:.04em;line-height:1.1;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  -webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
  transition:transform .45s cubic-bezier(.2,.9,.3,1.2),box-shadow .45s var(--lin),color .3s,border-color .3s,background .3s;
  touch-action:manipulation;
}
.btn{
  background:var(--gp-fill);color:var(--gp-text);border:1px solid var(--gp-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.18),0 14px 32px -14px rgba(204,141,18,.8);
}
.btn-gol,.rail-nav button{
  background:var(--gl-fill);color:var(--gl-text);border:1px solid var(--gl-line);
  box-shadow:inset 0 1px 0 var(--gl-shine),inset 0 -1px 0 rgba(255,255,255,.05),var(--gl-umbra);
}
.btn::before,.rail-nav button::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(120px 60px at var(--mx) var(--my),rgba(255,255,255,.55),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 48%,transparent 52%);
  opacity:.7;transition:opacity .35s;
}
.btn span{position:relative}
.btn:hover,.btn:focus-visible{transform:translateY(-2px) scale(1.025)}
.btn:not(.btn-gol):hover{background:var(--gp-fill-h);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 0 0 .5px rgba(255,255,255,.25),0 20px 40px -14px rgba(204,141,18,.9)}
.btn-gol:hover,.btn-gol:focus-visible,.rail-nav button:hover{background:var(--gl-fill-h)}
.btn:hover::before,.rail-nav button:hover::before{opacity:1}
.btn:active{transform:translateY(0) scale(.97)}
.btn-mic{min-height:42px;padding:.6rem 1.15rem;font-size:.8rem}
.link-buton{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:inherit;font-size:inherit;font-family:inherit}

/* ==========================================================================
   ANTET
   ========================================================================== */
.antet{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--antet);color:var(--on-ink);transition:transform .5s var(--lin)}
.antet::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(12,12,15,.78);
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid var(--line-light);opacity:0;transition:opacity .4s;
}
.antet.jos::before{opacity:1}
.antet.ascuns{transform:translateY(-100%)}
.antet-rama{max-width:var(--wrap);margin:0 auto;height:100%;padding-inline:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.marca{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit}
.marca img{width:118px;height:auto}
.marca-tara{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--on-ink-mut);border-left:1px solid var(--line-light);padding-left:.7rem;line-height:1.3;max-width:7.5em}
.meniu{display:flex;align-items:center;gap:clamp(.8rem,1.6vw,1.6rem)}
.meniu a:not(.btn){text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.02em;opacity:.8;position:relative;padding:.4rem 0;transition:opacity .3s}
.meniu a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--aur);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--lin)}
.meniu a:not(.btn):hover{opacity:1}
.meniu a:not(.btn):hover::after,.meniu a.activ::after{transform:scaleX(1);transform-origin:left}
.meniu a.activ{opacity:1}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-light);background:rgba(255,255,255,.07);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.burger i{position:absolute;left:14px;right:14px;height:1.5px;background:var(--on-ink);transition:transform .45s var(--lin),top .45s var(--lin)}
.burger i:first-child{top:19px}
.burger i:last-child{top:26px}
.burger[aria-expanded="true"] i:first-child{top:22.5px;transform:rotate(45deg)}
.burger[aria-expanded="true"] i:last-child{top:22.5px;transform:rotate(-45deg)}

@media (max-width:1040px){
  :root{--antet:64px}
  .burger{display:block;z-index:2}
  .marca{position:relative;z-index:2}
  .meniu{
    position:fixed;inset:0;z-index:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem;
    padding:calc(var(--antet) + 2rem) var(--pad) 2rem;
    background:radial-gradient(130% 75% at 82% 0%,#2A2113 0%,var(--ink) 62%);
    clip-path:circle(0 at calc(100% - 44px) 32px);visibility:hidden;
    transition:clip-path .7s var(--lin),visibility 0s .7s;
  }
  .meniu a:not(.btn){font-family:var(--f-d);font-size:clamp(1.7rem,7.5vw,2.6rem);text-transform:uppercase;letter-spacing:.02em;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .6s var(--lin)}
  .meniu a:not(.btn)::after{display:none}
  .meniu.deschis{clip-path:circle(150% at calc(100% - 44px) 32px);visibility:visible;transition:clip-path .8s var(--lin)}
  .meniu.deschis a:not(.btn){opacity:1;transform:none}
  .meniu.deschis a:nth-child(2){transition-delay:.05s}
  .meniu.deschis a:nth-child(3){transition-delay:.1s}
  .meniu.deschis a:nth-child(4){transition-delay:.15s}
  .meniu.deschis a:nth-child(5){transition-delay:.2s}
  .meniu.deschis a:nth-child(6){transition-delay:.25s}
  .meniu.deschis a:nth-child(7){transition-delay:.3s}
  .meniu-cta{margin-top:1.5rem}
  body.meniu-deschis{overflow:hidden}
  body.meniu-deschis .antet{transform:none}
  body.meniu-deschis .antet::before{opacity:0}
}
@media (max-width:440px){.marca img{width:96px}.marca-tara{font-size:.52rem;letter-spacing:.14em;padding-left:.55rem;max-width:6em}}

/* ==========================================================================
   HERO — fotografia se retrage, titlul se ridică pe cuvinte
   ========================================================================== */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--antet) + 1.7rem);padding-bottom:clamp(2rem,6vw,4rem);overflow:hidden;overflow:clip;isolation:isolate}
.hero-film{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#08080A}
.hero-film video{
  width:100%;height:100%;object-fit:cover;object-position:50% 45%;
  transform:scale(calc(1.08 - var(--p,0) * .05)) translateY(calc(var(--p,0) * 4vh));
  transform-origin:50% 45%;filter:contrast(1.06) brightness(.92);
}
.hero-voal{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(12,12,15,.86) 0%,rgba(12,12,15,.55) 24%,rgba(12,12,15,.78) 60%,var(--ink) 100%),
  radial-gradient(95% 58% at 50% 100%,rgba(204,141,18,.2),transparent 72%),
  radial-gradient(70% 50% at 18% 12%,rgba(107,79,193,.22),transparent 70%);
  opacity:calc(.92 + var(--p,0) * .08)}
@media (min-width:900px){
  /* pe ecran lat, textul stă în stânga: îi facem un culoar mai închis */
  .hero-voal{background:
    linear-gradient(100deg,rgba(12,12,15,.9) 0%,rgba(12,12,15,.62) 34%,rgba(12,12,15,.12) 62%,transparent 78%),
    linear-gradient(180deg,rgba(12,12,15,.7) 0%,rgba(12,12,15,.18) 26%,rgba(12,12,15,.66) 66%,var(--ink) 100%),
    radial-gradient(95% 58% at 50% 100%,rgba(204,141,18,.2),transparent 72%),
    radial-gradient(70% 50% at 14% 10%,rgba(107,79,193,.2),transparent 70%)}
}
.granula{position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;
  background-image:radial-gradient(rgba(255,255,255,.4) .5px,transparent .5px);background-size:3px 3px}
.hero-rama{position:relative;width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.hero-marca-rama{position:relative;display:inline-block;overflow:hidden;margin-bottom:clamp(1rem,3.5vw,1.8rem);isolation:isolate}
.hero-marca{width:min(330px,64vw);height:auto;display:block}
.sclipire{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,236,190,.85) 50%,transparent 62%);
  transform:translateX(-140%);mix-blend-mode:screen}
.anim .sclipire{animation:sclipeste 5.5s cubic-bezier(.3,0,.2,1) 1.1s infinite}
@keyframes sclipeste{0%{transform:translateX(-140%)}22%,100%{transform:translateX(140%)}}
.hero-eticheta{color:var(--aur-clar);margin-bottom:1rem}
.hero-titlu{font-size:clamp(1.85rem,1.05rem + 4.6vw,4.8rem);text-transform:uppercase;line-height:1.06;margin-bottom:1.1rem;max-width:15ch}
.hero-titlu em{font-family:var(--f-e);font-style:italic;text-transform:none;color:var(--aur-clar);font-size:1.14em;letter-spacing:0}
.hero-text{font-size:clamp(1rem,.95rem + .4vw,1.2rem);color:var(--on-ink-mut);max-width:52ch;margin-bottom:1.5rem}
.hero-actiuni{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:clamp(1.6rem,4vw,2.4rem)}
.hero-actiuni .btn{flex:1 1 auto}
@media (min-width:560px){.hero-actiuni .btn{flex:0 0 auto}}

.hero-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:clamp(1.2rem,3.5vw,1.8rem)}
.chip{
  display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  padding:.6rem .95rem;border-radius:14px;font-size:.84rem;line-height:1.3;
  background:rgba(255,255,255,.06);border:1px solid var(--line-light);color:var(--on-ink-mut);
  -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
}
.chip b{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;color:var(--on-ink)}
.chip-aur{border-color:rgba(204,141,18,.45);background:rgba(204,141,18,.12)}
.chip-aur b{color:var(--aur-clar)}
.puls{width:8px;height:8px;border-radius:50%;background:var(--aur);box-shadow:0 0 0 0 rgba(204,141,18,.7);flex:none}
.anim .puls{animation:puls 2.4s infinite}
@keyframes puls{70%{box-shadow:0 0 0 11px rgba(204,141,18,0)}100%{box-shadow:0 0 0 0 rgba(204,141,18,0)}}

.hero-date{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:0;border-top:1px solid var(--line-light);padding-top:1.2rem}
.hero-date dt{font-family:var(--f-d);font-size:clamp(1.5rem,1rem + 2.2vw,2.6rem);line-height:1;color:var(--on-ink)}
.hero-date dd{margin:.35rem 0 0;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--on-ink-mut);line-height:1.35}
.hero-jos{position:absolute;left:50%;bottom:.7rem;transform:translateX(-50%);width:26px;height:42px;border-radius:999px;border:1px solid var(--line-light);display:grid;place-items:center;z-index:2}
.hero-jos span{width:2px;height:7px;border-radius:2px;background:var(--aur-clar)}
.anim .hero-jos span{animation:jos 1.9s var(--lin-moale) infinite}
@keyframes jos{0%{transform:translateY(-6px);opacity:0}35%{opacity:1}100%{transform:translateY(8px);opacity:0}}
@media (max-width:420px){.hero-date{grid-template-columns:1fr 1fr}.hero-date div:last-child{grid-column:1 / -1;border-top:1px solid var(--line-light);padding-top:.7rem}}

/* ==========================================================================
   BANDA — categoriile curg orizontal, se înclină după viteza derulării
   ========================================================================== */
.banda{background:var(--ink-2);border-block:1px solid var(--line-light);padding:.9rem 0;overflow:hidden;overflow:clip}
.banda-sir{display:flex;align-items:center;gap:1.5rem;width:max-content;transform:skewY(var(--skew,0deg));transition:transform .2s linear}
.anim .banda-sir{animation:curge 52s linear infinite}
@keyframes curge{to{transform:translateX(-50%) skewY(var(--skew,0deg))}}
.banda-sir span{font-family:var(--f-d);font-size:clamp(.85rem,2.6vw,1.15rem);text-transform:uppercase;letter-spacing:.08em;color:var(--on-ink-mut);white-space:nowrap}
.banda-sir i{width:5px;height:5px;border-radius:50%;background:var(--aur);flex:none;opacity:.8}

/* ==========================================================================
   CAMPIONATUL
   ========================================================================== */
.camp{padding:var(--ritm) 0;position:relative}
.camp-grila{display:grid;gap:clamp(1.8rem,4vw,3rem)}
@media (min-width:900px){.camp-grila{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(2.5rem,5vw,5rem)}}
.camp-carduri{display:grid;gap:.8rem}
.card-c{
  display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.3rem;border-radius:20px;
  background:#fff;border:1px solid var(--line);
  transition:transform .35s var(--lin),box-shadow .35s var(--lin),border-color .35s;
}
.card-c:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(12,12,15,.45);border-color:var(--sand)}
.card-c b{
  font-family:var(--f-d);font-size:1.05rem;color:var(--aur-adanc);flex:none;
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:var(--cream);border:1px solid var(--sand);
}
.card-c p{margin:0;font-size:.98rem;color:var(--txt)}
.card-c u{text-decoration:none;font-weight:600;color:var(--ink);box-shadow:inset 0 -.4em 0 rgba(204,141,18,.22)}
.camp-fondat{margin-top:2rem;padding:1.4rem 1.5rem;border-radius:22px;background:var(--ink-2);color:var(--on-ink)}
.camp-fondat h3{color:var(--on-ink);font-size:1.15rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}
.camp-fondat p{margin:0;font-size:.95rem;color:var(--on-ink-mut)}
.camp-fondat strong{color:var(--aur-clar);font-weight:600}

/* ==========================================================================
   DRUMUL — linia se desenează pe derulare, treptele se aprind
   ========================================================================== */
.drum{padding:var(--ritm) 0;position:relative;background:
  radial-gradient(90% 55% at 12% 0%,rgba(107,79,193,.16),transparent 62%),
  radial-gradient(80% 50% at 92% 88%,rgba(204,141,18,.14),transparent 64%),var(--ink)}
.drum-corp{position:relative;padding-left:2.6rem}
@media (min-width:860px){.drum-corp{padding-left:0;display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(2rem,5vw,5rem);align-items:start}}
.drum-capat{display:flex;align-items:center;gap:.7rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--on-ink-mut)}
.drum-capat span:first-child{font-size:1.1rem;line-height:1}
.drum-scara{position:relative;padding-left:2.6rem;list-style:none;margin:0}
@media (min-width:860px){.drum-scara{padding-left:2.6rem}}
/* traseul se desenează singur: stroke-dashoffset, nu o bară scalată */
.traseu{position:absolute;left:0;top:.4rem;bottom:.4rem;width:24px;height:auto;overflow:visible}
.traseu path{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round}
.traseu-urma{stroke:var(--line-light)}
.traseu-fir{stroke:var(--aur-clar);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));
  filter:drop-shadow(0 0 5px rgba(204,141,18,.65))}
.fara-aparitie .traseu-fir,.no-js .traseu-fir{stroke-dashoffset:0}
.etapa{position:relative;padding:0 0 clamp(1.8rem,4vw,2.6rem)}
.etapa:last-child{padding-bottom:0}
.etapa-punct{position:absolute;left:-2.6rem;top:.25rem;width:23px;height:23px;border-radius:50%;border:1px solid var(--line-light);background:var(--ink);display:grid;place-items:center;transition:border-color .5s,background .5s,box-shadow .5s}
.etapa-punct::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--on-ink-mut);transition:background .5s,transform .5s var(--lin)}
.etapa.atins .etapa-punct{border-color:var(--aur);background:#1A1408;box-shadow:0 0 0 5px rgba(204,141,18,.12)}
.etapa.atins .etapa-punct::after{background:var(--aur-clar);transform:scale(1.25)}
.etapa-nr{font-size:.68rem;font-weight:700;letter-spacing:.22em;color:var(--aur-clar);opacity:.55;transition:opacity .5s}
.etapa.atins .etapa-nr{opacity:1}
.etapa h3{font-size:clamp(1.3rem,1.05rem + 1vw,2rem);text-transform:uppercase;margin:.3rem 0 .5rem;letter-spacing:.02em}
.etapa p{margin:0;color:var(--on-ink-mut);font-size:.98rem;max-width:46ch}
.etapa em{font-family:var(--f-e);font-style:italic;color:var(--aur-clar);font-size:1.12em}
.drum-cap{margin-bottom:clamp(1.6rem,4vw,2.5rem)}
@media (min-width:860px){.drum-cap{position:sticky;top:calc(var(--antet) + clamp(1.5rem,5vh,4rem));margin-bottom:0}}
.drum-harta{margin-top:1.6rem;display:flex;flex-direction:column;gap:.9rem}
.drum-harta .drum-linie{width:1px;height:34px;margin-left:10px;background:linear-gradient(180deg,var(--mov-clar),var(--aur));opacity:.6}

/* ==========================================================================
   CATEGORII — sină orizontală pe desktop, carusel cu prindere pe telefon
   ========================================================================== */
.cat{padding:var(--ritm) 0;position:relative;overflow:hidden;overflow:clip}
.cat-lipit{position:relative}
.cat-cap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(1.6rem,4vw,2.6rem)}
.cat-cap>div:first-child{flex:1 1 520px;max-width:880px}
.rail-nav{display:flex;gap:.5rem}
.rail-nav button{width:48px;height:48px;min-height:0;padding:0;border-radius:50%;font-size:1rem}
.rail-nav button[disabled]{opacity:.35;cursor:default}
.rail-nav button::after{content:"";width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:-3px}
.rail-nav button:first-child::after{transform:rotate(-135deg);margin-left:3px}
.cat-sina{
  display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:.3rem var(--pad) 1.6rem;margin-inline:calc(var(--pad) * -1);
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.cat-sina::-webkit-scrollbar{display:none}
.cat-c{
  scroll-snap-align:center;flex:0 0 min(320px,80vw);
  display:flex;flex-direction:column;gap:.55rem;
  padding:1.5rem 1.4rem 1.6rem;border-radius:24px;
  background:#fff;border:1px solid var(--line);
  transition:transform .4s var(--lin),box-shadow .4s var(--lin),border-color .4s;
}
.cat-c:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(12,12,15,.5);border-color:var(--sand)}
.cat-nr{font-family:var(--f-d);font-size:2.6rem;line-height:1;color:var(--sand);letter-spacing:.02em}
.cat-c h3{font-size:1.18rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.25;min-height:2.5em}
.cat-c p{margin:0;font-size:.9rem;color:var(--mut);line-height:1.62;flex:1}
.cat-tip{
  align-self:flex-start;margin-top:.4rem;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:.4rem .75rem;border-radius:999px;background:var(--cream);color:var(--aur-adanc);border:1px solid var(--sand);
}
.cat-tip[data-t="latex"]{background:#EDE7F8;color:#4B3494;border-color:#D8CDF1}
.cat-tip[data-t="model"]{background:#E6F1EC;color:#22684F;border-color:#CCE3D8}
.cat-progres{height:2px;background:var(--sand);border-radius:2px;overflow:hidden;max-width:220px;margin-top:.4rem}
.cat-progres i{display:block;height:100%;width:var(--w,12%);background:var(--aur);border-radius:2px;transition:width .25s linear}
.cat-nota{margin-top:1.4rem;font-size:.86rem;color:var(--mut);max-width:56ch}
@media (min-width:1100px){.cat-c{flex-basis:340px}}

/* ==========================================================================
   MOMENT — citat peste fotografie, cuvintele se aprind pe rând
   ========================================================================== */
.moment{position:relative;padding:clamp(5rem,14vw,9rem) 0;overflow:hidden;overflow:clip;isolation:isolate;text-align:center}
.moment-foto{position:absolute;inset:-12% 0;z-index:-2}
.moment-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:translateY(calc((var(--p,.5) - .5) * -8vh)) scale(1.08);filter:brightness(.58) saturate(.72) contrast(1.05)}
/* z-index: fără el, voalul fiind poziționat se desena PESTE citat, iar textul
   rămânea aproape negru pe telefon. Stă între fotografie (-2) și conținut. */
.moment-voal{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(120% 75% at 50% 50%,rgba(12,12,15,.62),transparent 72%),
  linear-gradient(180deg,var(--ink) 0%,rgba(12,12,15,.86) 22%,rgba(12,12,15,.88) 78%,var(--ink) 100%)}
.moment .rama{position:relative;z-index:1}
.moment blockquote{margin:0;text-shadow:0 2px 24px rgba(0,0,0,.85);font-family:var(--f-d);font-size:clamp(1.6rem,1rem + 3.4vw,3.6rem);line-height:1.22;text-transform:uppercase;letter-spacing:.01em;max-width:18ch;margin-inline:auto}
.moment .cuv{color:rgba(245,242,235,.42);transition:color .5s var(--lin)}
.moment .cuv.aprins{color:var(--on-ink)}
.moment .cuv.aur.aprins{color:var(--aur-clar)}
.moment-jos{margin-top:1.6rem;font-family:var(--f-e);font-style:italic;font-size:clamp(1.15rem,1rem + 1.1vw,1.9rem);color:var(--aur-clar);text-shadow:0 2px 20px rgba(0,0,0,.9)}
.moment-sursa{margin-top:1.4rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,242,235,.72);text-shadow:0 1px 14px rgba(0,0,0,.9)}

/* ==========================================================================
   REPREZENTANTE
   ========================================================================== */
.rep{padding:var(--ritm) 0}
.rep-grila{display:grid;gap:clamp(1.6rem,4vw,3rem)}
@media (min-width:880px){.rep-grila{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2.5rem,5vw,4.5rem)}}
.rep-foto{position:relative;width:100%;margin:0;border-radius:26px;overflow:hidden;background:var(--cream);aspect-ratio:4/5}
.rep-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(calc(1.04 + var(--p,0) * .05));transition:none}
.rep-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.6rem 1.1rem .9rem;background:linear-gradient(180deg,rgba(239,233,221,0),rgba(239,233,221,.92) 55%,var(--cream));color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.rep-gol{
  display:grid;place-items:center;text-align:center;gap:.6rem;padding:1.6rem;
  border-radius:26px;border:1px dashed var(--sand);background:var(--cream);aspect-ratio:4/5;color:var(--mut);
}
.rep-gol b{font-family:var(--f-d);font-size:2.4rem;color:var(--sand);letter-spacing:.06em}
.rep-foto-grup{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.rep-nume{font-size:clamp(1.6rem,1.1rem + 2vw,2.8rem);text-transform:uppercase;line-height:1.14;margin-bottom:1rem}
.rep p{color:var(--mut)}
.rep-tari{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.rep-tari span{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.42rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--sand);color:var(--ink)}
.rep-contact{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}

/* ==========================================================================
   TRASEUL FINALEI — animație pe cadre („scroll path")
   Un traseu desenat coboară prin secțiune, capul lui înaintează odată cu
   derularea, iar fiecare moment se leagă de traseu printr-un punct. Fotografiile
   trec prin stări definite la poziții de derulare exacte: intră dintr-o parte,
   se așază, apoi se retrag când capul le-a depășit.
   ========================================================================== */
.ruta{overflow-x:clip;padding:var(--ritm) 0 clamp(2.5rem,6vw,4rem);background:
  radial-gradient(80% 45% at 8% 4%,rgba(107,79,193,.16),transparent 62%),
  radial-gradient(70% 40% at 92% 70%,rgba(204,141,18,.12),transparent 66%),var(--ink)}
.ruta-scena{position:relative;width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.ruta-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ruta-svg path{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round}
.ruta-urma{stroke:rgba(255,255,255,.14)}
.ruta-fir{stroke:url(#nu);stroke:var(--aur-clar);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));
  filter:drop-shadow(0 0 6px rgba(204,141,18,.6))}
.ruta-cap{fill:var(--aur-clar);filter:drop-shadow(0 0 10px rgba(233,186,82,.9))}
.ruta-punct{fill:var(--ink);stroke:rgba(255,255,255,.3);stroke-width:1.5;vector-effect:non-scaling-stroke;
  transition:fill .45s,stroke .45s,r .45s var(--lin)}
.ruta-punct.atins{fill:var(--aur);stroke:var(--aur-clar)}
.fara-aparitie .ruta-fir{stroke-dashoffset:0}

.ruta-lista{list-style:none;margin:0;padding:0;position:relative;z-index:1;display:grid;gap:clamp(4.2rem,11vw,5.5rem)}
.ruta-p{
  --u:0;                       /* cât de mult a intrat momentul  */
  --v:0;                       /* cât l-a depășit capul traseului */
  position:relative;margin:0;width:min(60%,340px);
  transform:translate3d(calc(var(--dx,0) * (1 - var(--u)) * 1px),calc((1 - var(--u)) * 34px),0)
            scale(calc(.9 + var(--u) * .1 - var(--v) * .04));
  opacity:calc(.12 + var(--u) * .88 - var(--v) * .45);
  transform-origin:50% 40%;
}
.ruta-p:nth-child(odd){--dx:-46;justify-self:start}
.ruta-p:nth-child(even){--dx:46;justify-self:end}
.ruta-p button{
  display:block;width:100%;padding:0;border:0;cursor:pointer;background:var(--ink-2);
  border-radius:20px;overflow:hidden;position:relative;aspect-ratio:var(--ar,2/3);
  rotate:calc((1 - var(--u)) * var(--rot,0) * 1deg);
  box-shadow:0 30px 70px -36px rgba(0,0,0,.95);
  transition:box-shadow .5s var(--lin)
}
.ruta-p:nth-child(odd) button{--rot:-4}
.ruta-p:nth-child(even) button{--rot:4}
.ruta-p button img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--lin)}
.ruta-p button:hover img{transform:scale(1.05)}
.ruta-p button::after{content:"";position:absolute;inset:0;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 0 0 0 var(--aur);transition:box-shadow .5s}
.ruta-p.acum button::after{box-shadow:inset 0 0 0 1px rgba(233,186,82,.85)}
.ruta-leg{display:flex;gap:.7rem;align-items:flex-start;margin-top:.85rem;max-width:100%}
.ruta-leg b{font-family:var(--f-d);font-size:1.15rem;color:var(--aur-clar);line-height:1;flex:none;
  font-variant-numeric:tabular-nums;opacity:.55;transition:opacity .4s}
.ruta-p.acum .ruta-leg b{opacity:1}
.ruta-leg span{display:flex;flex-direction:column;gap:.15rem;font-size:.86rem;color:var(--on-ink-mut);line-height:1.5}
.ruta-leg strong{font-weight:600;color:var(--on-ink);font-size:.92rem}

/* numărul-fantomă umple jumătatea liberă și înaintează odată cu momentul */
.ruta-p::before{
  content:attr(data-nr);position:absolute;top:2%;z-index:-1;pointer-events:none;
  font-family:var(--f-d);font-size:clamp(3.6rem,17vw,10rem);line-height:.9;
  color:rgba(255,255,255,.055);letter-spacing:.02em;
  transform:translate3d(0,calc((1 - var(--u)) * 28px),0);
  transition:color .6s var(--lin);
}
.ruta-p.acum::before{color:rgba(233,186,82,.14)}
.ruta-p:nth-child(odd)::before{left:100%;margin-left:clamp(.8rem,4vw,3rem)}
.ruta-p:nth-child(even)::before{right:100%;margin-right:clamp(.8rem,4vw,3rem)}

@media (min-width:900px){
  .ruta-lista{gap:clamp(3rem,5vw,4.5rem)}
  .ruta-p{width:min(33%,360px)}
  .ruta-leg{max-width:34ch}
  .ruta-p:nth-child(odd){--dx:-70}
  .ruta-p:nth-child(even){--dx:70}
}

.ruta-jos{display:flex;align-items:center;gap:1.2rem;margin-top:clamp(2rem,5vw,3rem)}
.ruta-contor{margin:0;display:flex;align-items:baseline;gap:.5rem;flex:none}
.ruta-contor b{font-family:var(--f-d);font-size:1.8rem;line-height:1;color:var(--aur-clar);font-variant-numeric:tabular-nums}
.ruta-contor span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-mut)}
.ruta-bara{flex:1;height:2px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}
.ruta-bara i{display:block;height:100%;width:var(--w,0%);background:linear-gradient(90deg,var(--mov-clar),var(--aur));border-radius:2px}

/* lumina — vizualizarea mare */
.lumina{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:1rem;background:rgba(6,6,8,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lumina figure{margin:0;max-width:min(1700px,96vw);max-height:calc(100svh - 1.6rem);display:flex;flex-direction:column;align-items:center;gap:.7rem}
.lumina img{width:auto;max-width:100%;height:auto;max-height:calc(100svh - 5.2rem);object-fit:contain;border-radius:14px;box-shadow:0 30px 90px -30px #000}
.lumina figcaption{text-align:center;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-mut)}
.lumina-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid var(--line-light);background:rgba(255,255,255,.07);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lumina-nav::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-top:1.5px solid var(--on-ink);border-right:1.5px solid var(--on-ink);transform:translate(-65%,-50%) rotate(45deg)}
.lumina-inapoi{left:.6rem}
.lumina-inapoi::after{transform:translate(-35%,-50%) rotate(-135deg)}
.lumina-inainte{right:.6rem}
.inchide-x{position:absolute;top:.8rem;right:.8rem;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-light);background:rgba(255,255,255,.07);cursor:pointer;z-index:2}
.inchide-x i{position:absolute;left:12px;right:12px;top:21px;height:1.5px;background:var(--on-ink)}
.inchide-x i:first-child{transform:rotate(45deg)}
.inchide-x i:last-child{transform:rotate(-45deg)}
body.blocat{overflow:hidden}

/* ==========================================================================
   EDIȚIA + ÎNSCRIERE
   ========================================================================== */
.editie{padding:var(--ritm) 0}
.editie-grila{display:grid;gap:1rem}
@media (min-width:760px){.editie-grila{grid-template-columns:1fr 1fr}}
.fisa{padding:1.6rem 1.5rem;border-radius:24px;border:1px solid var(--line);background:#fff}
.fisa.acum{background:var(--ink-2);color:var(--on-ink);border-color:transparent}
.fisa.acum h3{color:var(--on-ink)}
.fisa .eticheta{margin-bottom:1rem}
.fisa h3{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);text-transform:uppercase;margin-bottom:.7rem}
.fisa dl{margin:0;display:grid;gap:.7rem}
.fisa dl>div{display:flex;gap:1rem;justify-content:space-between;align-items:baseline;border-bottom:1px dashed var(--line);padding-bottom:.6rem}
.fisa.acum dl>div{border-color:var(--line-light)}
.fisa dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);flex:none}
.fisa.acum dt{color:var(--on-ink-mut)}
.fisa dd{margin:0;text-align:right;font-weight:500}

.inscriere{padding:var(--ritm) 0;background:
  radial-gradient(80% 60% at 85% 0%,rgba(107,79,193,.2),transparent 62%),
  radial-gradient(90% 60% at 10% 100%,rgba(204,141,18,.16),transparent 64%),var(--ink-2)}
.pasi-in{display:grid;gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:pi}
@media (min-width:820px){.pasi-in{grid-template-columns:repeat(3,1fr)}}
.pasi-in li{
  counter-increment:pi;position:relative;padding:1.3rem 1.3rem 1.3rem 3.6rem;border-radius:20px;
  background:rgba(255,255,255,.05);border:1px solid var(--line-light);
}
.pasi-in li::before{
  content:counter(pi,decimal-leading-zero);position:absolute;left:1.3rem;top:1.35rem;
  font-family:var(--f-d);font-size:1rem;color:var(--aur-clar);
}
.pasi-in b{display:block;font-weight:600;margin-bottom:.25rem}
.pasi-in p{margin:0;font-size:.92rem;color:var(--on-ink-mut)}
.inscriere-actiuni{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.inscriere-nota{margin-top:1.4rem;font-size:.88rem;color:var(--on-ink-mut);max-width:62ch}
.camp-form{margin-top:2rem;padding:1.4rem 1.5rem;border-radius:22px;border:1px dashed var(--line-light);background:rgba(255,255,255,.03)}
.camp-form h3{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}
.camp-form ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}
.camp-form li{font-size:.78rem;padding:.4rem .8rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line-light);color:var(--on-ink-mut)}

/* ==========================================================================
   ÎNTREBĂRI
   ========================================================================== */
.intreb{padding:var(--ritm) 0}
.intreb-lista{border-top:1px solid var(--line)}
.intreb details{border-bottom:1px solid var(--line)}
.intreb summary{
  list-style:none;cursor:pointer;padding:1.15rem 2.6rem 1.15rem 0;position:relative;
  font-family:var(--f-d);font-size:clamp(1.02rem,.95rem + .5vw,1.35rem);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);
}
.intreb summary::-webkit-details-marker{display:none}
.intreb summary::after{
  content:"";position:absolute;right:.4rem;top:50%;width:11px;height:11px;
  border-right:1.5px solid var(--aur-adanc);border-bottom:1.5px solid var(--aur-adanc);
  transform:translateY(-70%) rotate(45deg);transition:transform .4s var(--lin);
}
.intreb details[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
.intreb details p{margin:0 0 1.15rem;color:var(--mut);max-width:70ch;font-size:.98rem}
.intreb details[open] p{animation:fq .5s var(--lin) both}
@keyframes fq{from{opacity:0;transform:translateY(-6px)}}

/* ==========================================================================
   CONTACT + SUBSOL
   ========================================================================== */
.contact{padding:var(--ritm) 0 clamp(3rem,7vw,5rem);background:var(--ink)}
.contact-grila{display:grid;gap:1rem}
@media (min-width:820px){.contact-grila{grid-template-columns:1fr 1fr}}
.contact-card{padding:1.6rem 1.5rem;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid var(--line-light)}
.contact-card h3{font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.contact-card p{color:var(--on-ink-mut);font-size:.95rem}
.contact-card a{color:var(--aur-clar);text-underline-offset:3px}
.contact-lista{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;font-size:.95rem}
.contact-lista li{display:flex;gap:.8rem;align-items:baseline}
.contact-lista b{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-mut);flex:none;width:6.5em;font-weight:600}

.subsol{background:var(--ink-2);padding:clamp(2.5rem,6vw,4rem) 0 1.6rem;border-top:1px solid var(--line-light)}
.subsol-sus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;padding-bottom:2rem;border-bottom:1px solid var(--line-light)}
.subsol-sus img{width:150px;height:auto}
.subsol-grila{display:grid;gap:1.6rem;padding:2rem 0}
@media (min-width:640px){.subsol-grila{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.subsol-grila{grid-template-columns:repeat(4,1fr)}}
.subsol-grila h4{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--aur-clar);margin-bottom:.9rem;font-family:var(--f-b);font-weight:700}
.subsol-grila a,.subsol-grila p{display:block;font-size:.9rem;color:var(--on-ink-mut);text-decoration:none;margin:0 0 .5rem;transition:color .3s}
.subsol-grila a:hover{color:var(--on-ink)}
.subsol-social{display:flex;gap:.6rem;margin-top:.3rem}
.subsol-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-light);display:grid;place-items:center;margin:0;font-size:.68rem;letter-spacing:.04em;font-weight:700;color:var(--on-ink-mut)}
.subsol-social a:hover{border-color:var(--aur);color:var(--aur-clar)}
.subsol-jos{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;padding-top:1.4rem;border-top:1px solid var(--line-light);font-size:.8rem;color:var(--on-ink-mut)}
.subsol-jos p{margin:0}
.subsol-jos a{color:var(--on-ink)}

/* ==========================================================================
   COOKIE — banner și preferințe
   ========================================================================== */
.cookie{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:110;max-width:760px;margin:0 auto;
  display:flex;align-items:center;gap:1.4rem;padding:1.1rem 1.2rem 1.1rem 1.5rem;border-radius:24px;
  background:rgba(18,18,22,.9);color:var(--on-ink);border:1px solid var(--line-light);
  -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.75);transform:translate3d(0,0,0);
}
.anim .cookie{animation:cookie-intra .8s var(--lin) both}
@keyframes cookie-intra{from{opacity:0;transform:translate3d(0,24px,0)}}
.cookie-text strong{display:block;font-family:var(--f-d);font-weight:400;font-size:1.12rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem}
.cookie-text p{margin:0;font-size:.82rem;color:var(--on-ink-mut)}
.cookie-text a{color:var(--aur-clar)}
.cookie-actiuni{display:flex;align-items:center;gap:.5rem;flex:none;flex-wrap:wrap}
.cookie-actiuni .link-buton{font-size:.82rem;padding:.6rem .4rem;color:var(--on-ink-mut)}
.cookie button,.modal button{touch-action:manipulation}
.ck-under{pointer-events:none!important}
body.ck-guard main,body.ck-guard footer,body.ck-guard .antet{pointer-events:none}
main{position:relative;z-index:0;isolation:isolate}
@media (max-width:760px){
  .cookie{flex-direction:column;align-items:stretch;gap:.9rem;left:.6rem;right:.6rem;bottom:.6rem;padding:1.1rem}
  .cookie-actiuni .btn{flex:1}
  .cookie-actiuni .link-buton{flex-basis:100%;text-align:center;padding:.3rem}
}

.modal{position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(6,6,8,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal-card{position:relative;width:min(560px,100%);max-height:calc(100svh - 2rem);overflow-y:auto;background:var(--paper);color:var(--txt);border-radius:26px;padding:2.2rem clamp(1.2rem,4vw,2.2rem) 1.8rem;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.modal-card h2{font-size:1.7rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.6rem;padding-right:3rem;color:var(--ink)}
.modal-card>p{color:var(--mut);font-size:.9rem}
.modal-card .inchide-x{border-color:var(--line);background:var(--cream)}
.modal-card .inchide-x i{background:var(--ink)}
.pref{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}
.pref strong{font-weight:600;font-size:.95rem;color:var(--ink)}
.pref p{margin:.2rem 0 0;font-size:.84rem;color:var(--mut)}
.comutator{position:relative;flex:none;width:52px;height:30px;cursor:pointer}
.comutator input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.comutator span{position:absolute;inset:0;border-radius:999px;background:var(--sand);transition:background .3s}
.comutator span::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .35s var(--lin)}
.comutator input:checked+span{background:var(--aur)}
.comutator input:checked+span::after{transform:translateX(22px)}
.comutator input:disabled+span{opacity:.6}
.comutator input:focus-visible+span{outline:2px solid var(--aur-adanc);outline-offset:2px}
.modal-actiuni{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.modal-actiuni .btn{flex:1}

/* ==========================================================================
   PAGINI SECUNDARE — legale
   ========================================================================== */
.pagina-cap{
  background:radial-gradient(120% 120% at 85% 0%,rgba(107,79,193,.25),transparent 60%),var(--ink);
  padding:calc(var(--antet) + clamp(3rem,8vw,5.5rem)) 0 clamp(2.5rem,6vw,4rem);position:relative;overflow:hidden;overflow:clip;
}
.pagina-cap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--mov),var(--aur),var(--mov-clar))}
.firimituri{display:flex;gap:.6rem;font-size:.8rem;color:var(--on-ink-mut);margin-bottom:1.6rem}
.firimituri a{text-decoration:none}
.firimituri a:hover{color:var(--aur-clar)}
.pagina-titlu{font-size:clamp(2rem,1.2rem + 3.6vw,4rem);text-transform:uppercase;max-width:18ch;margin-bottom:1rem}
.pagina-intro{max-width:62ch;color:var(--on-ink-mut);margin:0}
.pagina{background:var(--paper);color:var(--txt)}
.pagina h2,.pagina h3{color:var(--ink)}
.proza{font-size:1.02rem;line-height:1.78;padding:clamp(2.5rem,6vw,4.5rem) 0 var(--ritm)}
.proza>*+*{margin-top:1.15em}
.proza p{margin:0}
.proza h2{font-size:clamp(1.4rem,1.2rem + 1.1vw,2.1rem);text-transform:uppercase;letter-spacing:.02em;margin-top:2.2em}
.proza h3{font-size:clamp(1.15rem,1.05rem + .5vw,1.5rem);text-transform:uppercase;margin-top:1.8em}
.proza h2+*,.proza h3+*{margin-top:.8em}
.proza ul,.proza ol{padding-left:0;list-style:none}
.proza li{position:relative;padding-left:1.5rem;margin-bottom:.5em}
.proza ul li::before{content:"";position:absolute;left:.2rem;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--aur)}
.proza ol{counter-reset:l}
.proza ol li{counter-increment:l}
.proza ol li::before{content:counter(l) ".";position:absolute;left:0;color:var(--aur-adanc);font-weight:600}
.proza a{color:var(--aur-adanc);text-underline-offset:3px}
.proza strong{font-weight:600;color:var(--ink)}
.proza table{width:100%;border-collapse:collapse;font-size:.92rem}
.proza th,.proza td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
.proza th{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:700}
.tabel-rama{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1.2em}
.tabel-rama table{min-width:520px}

/* ==========================================================================
   APARIȚII — ascunse DOAR sub .anim (comutatorul din <head>)
   ========================================================================== */
.anim [data-rv]{opacity:0;transform:translate3d(0,26px,0);transition:opacity .9s var(--lin),transform 1.1s var(--lin)}
.anim [data-rv].in{opacity:1;transform:none}
.anim [data-split] .c{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}
.anim [data-split] .c>span{display:inline-block;transform:translateY(110%);transition:transform 1s var(--lin)}
.anim [data-split].in .c>span{transform:none}
.anim .camp-carduri [data-rv]:nth-child(2){transition-delay:.09s}
.anim .camp-carduri [data-rv]:nth-child(3){transition-delay:.18s}
.anim .pasi-in li[data-rv]:nth-child(2){transition-delay:.09s}
.anim .pasi-in li[data-rv]:nth-child(3){transition-delay:.18s}

/* plasa de siguranță: dacă scriptul n-a pornit, totul devine vizibil */
.fara-aparitie [data-rv],.fara-aparitie [data-split] .c>span,.fara-aparitie .tari-lista li{opacity:1!important;transform:none!important}
.fara-aparitie .ruta-p{opacity:1!important;transform:none!important}
.fara-aparitie .ruta-p button{rotate:0deg!important}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .banda-sir{transform:none}
  .lucru-foto img,.fest-foto img,.editie-foto img{transform:none!important}
  .cat-sina{transform:none!important}
  .tari-lista li{opacity:1!important;transform:none!important}
  .hero-foto img,.moment-foto img,.rep-foto img{transform:none!important}
  .moment .cuv{color:var(--on-ink)}
  .linie-fir{transform:scaleY(1)}
}


/* ==========================================================================
   BARA DE PROGRES A PAGINII
   ========================================================================== */
.progres{position:fixed;inset:0 0 auto 0;height:2px;z-index:120;pointer-events:none;background:rgba(255,255,255,.06)}
.progres i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--p,0));
  background:linear-gradient(90deg,var(--mov-clar),var(--aur-clar) 55%,var(--aur));box-shadow:0 0 10px rgba(204,141,18,.6)}

/* ==========================================================================
   SINA CATEGORIILOR — pe desktop, derularea verticală o mișcă orizontal
   ========================================================================== */
@media (min-width:1040px){
  .anim .cat{height:380vh;padding:0}
  .anim .cat-lipit{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;padding:calc(var(--antet) + 2rem) 0 2rem}
  .anim .cat-sina{overflow:visible;padding-block:.3rem 1rem;scroll-snap-type:none;
    transform:translate3d(calc(var(--x,0px) * -1),0,0);will-change:transform}
  .anim .cat .rail-nav{display:none}
  .anim .cat-c{transition:transform .5s var(--lin),box-shadow .5s var(--lin),border-color .4s}
}

/* ==========================================================================
   CUM SE CONCUREAZĂ — latex sau model
   ========================================================================== */
.lucru{padding:var(--ritm) 0;background:
  radial-gradient(75% 50% at 88% 6%,rgba(107,79,193,.16),transparent 64%),
  radial-gradient(70% 45% at 6% 96%,rgba(204,141,18,.12),transparent 66%),var(--ink)}
.lucru-grila{display:grid;gap:1.2rem}
@media (min-width:860px){.lucru-grila{grid-template-columns:1fr 1fr;gap:1.6rem}}
.lucru-c{margin:0;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid var(--line-light)}
.lucru-foto{aspect-ratio:16/10;overflow:hidden;position:relative}
.lucru-foto img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;transform:translate3d(0,calc((var(--p,.5) - .5) * -10%),0)}
.lucru-c figcaption{padding:1.4rem 1.4rem 1.6rem}
.lucru-eticheta{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--aur-clar);padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(204,141,18,.4);background:rgba(204,141,18,.1);margin-bottom:.8rem}
.lucru-c h3{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.6rem}
.lucru-c p{margin:0;color:var(--on-ink-mut);font-size:.96rem}
.lucru-note{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.7rem}
@media (min-width:860px){.lucru-note{grid-template-columns:repeat(3,1fr)}}
.lucru-note li{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.2rem;border-radius:18px;border:1px solid var(--line-light);background:rgba(255,255,255,.03)}
.lucru-note b{font-family:var(--f-d);font-size:1.05rem;text-transform:uppercase;letter-spacing:.03em;color:var(--aur-clar)}
.lucru-note span{font-size:.9rem;color:var(--on-ink-mut)}

/* ==========================================================================
   FESTIVALUL — trei rânduri mari, imaginile intră alternativ
   ========================================================================== */
.fest{padding:var(--ritm) 0}
.fest-lista{display:grid;gap:clamp(1.6rem,4vw,3rem)}
.fest-r{display:grid;gap:1rem;align-items:center;position:relative}
@media (min-width:880px){
  .fest-r{grid-template-columns:auto 1fr 1fr;gap:clamp(1.5rem,3vw,3rem)}
  .fest-r:nth-child(even) .fest-foto{order:3}
  .fest-r:nth-child(even) .fest-txt{order:2}
}
.fest-nr{font-family:var(--f-d);font-size:clamp(2.4rem,1.5rem + 3vw,4.6rem);line-height:1;color:var(--sand);letter-spacing:.02em}
.fest-foto{border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:var(--cream);position:relative}
.fest-foto img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;transform:translate3d(0,calc((var(--p,.5) - .5) * -11%),0);filter:contrast(1.04)}
.fest-txt h3{font-size:clamp(1.4rem,1.1rem + 1.4vw,2.3rem);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.6rem}
.fest-txt h3 small{display:block;font-family:var(--f-b);font-size:.62rem;font-weight:700;letter-spacing:.2em;color:var(--aur-adanc);margin-top:.4rem}
.fest-txt p{margin:0;color:var(--mut)}
.fest-wmc{
  margin-top:clamp(2rem,5vw,3.5rem);padding:clamp(1.5rem,4vw,2.4rem);border-radius:26px;
  background:radial-gradient(120% 130% at 100% 0%,#2A2113,var(--ink-2) 62%);color:var(--on-ink);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;
}
.fest-wmc h3{color:var(--on-ink);font-size:clamp(1.2rem,1rem + 1vw,1.7rem);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.6rem}
.fest-wmc p{margin:0;color:var(--on-ink-mut);max-width:60ch}
.fest-wmc>div{flex:1 1 420px}

/* ==========================================================================
   ȚĂRILE
   ========================================================================== */
.tari{padding:var(--ritm) 0;background:
  radial-gradient(80% 50% at 15% 0%,rgba(107,79,193,.18),transparent 62%),var(--ink)}
.tari-cifre{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 clamp(1.8rem,4vw,2.8rem);
  padding-bottom:clamp(1.4rem,3vw,2rem);border-bottom:1px solid var(--line-light)}
.tari-cifre dt{font-family:var(--f-d);font-size:clamp(1.8rem,1rem + 3vw,3.4rem);line-height:1;color:var(--aur-clar)}
.tari-cifre dd{margin:.35rem 0 0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-mut);line-height:1.35}
.tari-lista{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:1fr}
@media (min-width:560px){.tari-lista{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.tari-lista{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1200px){.tari-lista{grid-template-columns:repeat(4,1fr)}}
.tari-lista li{
  display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:14px;
  border:1px solid var(--line-light);background:rgba(255,255,255,.03);
  transition:background .3s,border-color .3s,transform .35s var(--lin);
}
.tari-lista li:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}
.tara-steag{font-size:1.1rem;line-height:1;flex:none}
.tari-lista b{font-weight:500;font-size:.94rem;flex:1;min-width:0}
.tari-lista li.noi{border-color:rgba(204,141,18,.55);background:rgba(204,141,18,.12)}
.tari-lista li.noi b{font-weight:700;color:var(--aur-clar)}
.anim .tari-lista li{opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s var(--lin),transform .7s var(--lin),background .3s,border-color .3s}
.anim .tari-lista li.in{opacity:1;transform:none}

/* ==========================================================================
   CRONOLOGIE (calendar)
   ========================================================================== */
.editie-corp{display:grid;gap:clamp(2rem,5vw,3rem)}
@media (min-width:980px){.editie-corp{grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:start}
  .editie-foto{position:sticky;top:calc(var(--antet) + 2rem)}
  .editie-foto>div{aspect-ratio:4/5}}
.cronologie{list-style:none;margin:0;padding:0 0 0 2.4rem;position:relative;display:grid;gap:clamp(1.6rem,4vw,2.4rem)}
.cronologie::before{content:"";position:absolute;left:7px;top:.6rem;bottom:.6rem;width:1px;background:var(--sand)}
.cronologie li{position:relative}
.cronologie li::before{content:"";position:absolute;left:-2.4rem;top:.45rem;width:15px;height:15px;border-radius:50%;background:var(--paper);border:1px solid var(--sand)}
.cronologie li.cron-acum::before{background:var(--aur);border-color:var(--aur);box-shadow:0 0 0 5px rgba(204,141,18,.18)}
.cron-an{display:block;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aur-adanc);margin-bottom:.4rem}
.cronologie h3{font-size:clamp(1.25rem,1.05rem + 1vw,1.9rem);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem}
.cronologie p{margin:0 0 .9rem;color:var(--mut);max-width:60ch}
.cronologie .btn{margin-top:.2rem}
.editie-foto{margin:0;border-radius:26px;overflow:hidden;background:var(--cream);position:relative}
.editie-foto>div{aspect-ratio:16/9;overflow:hidden;position:relative}
.editie-foto img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;transform:translate3d(0,calc((var(--p,.5) - .5) * -11%),0)}
.editie-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.6rem 1.2rem 1rem;
  background:linear-gradient(180deg,transparent,rgba(12,12,15,.8));color:#fff;
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

/* ==========================================================================
   REPREZENTANTE — cartonul monogramă
   ========================================================================== */
.rep-mono{display:grid;place-items:center;gap:.5rem;background:linear-gradient(160deg,var(--cream),var(--sand));border:1px solid var(--sand)}
.rep-initiale{font-family:var(--f-d);font-size:clamp(2.4rem,7vw,3.6rem);letter-spacing:.08em;color:rgba(12,12,15,.18);line-height:1}
.rep-rol{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);text-align:center;line-height:1.6}
.rep-mono figcaption{background:linear-gradient(180deg,rgba(226,217,200,0),rgba(226,217,200,.94) 55%,var(--sand))}

/* ==========================================================================
   PREMII INTERNAȚIONALE
   ========================================================================== */
.premii{padding:var(--ritm) 0;background:
  radial-gradient(80% 45% at 92% 2%,rgba(204,141,18,.16),transparent 62%),
  radial-gradient(70% 45% at 6% 82%,rgba(107,79,193,.16),transparent 66%),var(--ink-2)}

.pr-lista{list-style:none;margin:0 0 clamp(2rem,5vw,3rem);padding:0;display:grid;gap:.9rem}
@media (min-width:820px){.pr-lista{grid-template-columns:1fr 1fr;gap:1.1rem}}
.pr-lista li{
  display:flex;gap:1.1rem;align-items:flex-start;
  padding:1.3rem 1.4rem;border-radius:22px;
  background:rgba(255,255,255,.04);border:1px solid var(--line-light);
  transition:background .35s,border-color .35s,transform .4s var(--lin);
}
.pr-lista li:hover{background:rgba(255,255,255,.07);border-color:rgba(204,141,18,.4);transform:translateY(-3px)}
.pr-lista b{font-family:var(--f-d);font-size:1.5rem;line-height:1;color:var(--aur-clar);flex:none;
  font-variant-numeric:tabular-nums;opacity:.85}
.pr-lista h3{font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.45rem}
.pr-lista p{margin:0;font-size:.93rem;color:var(--on-ink-mut)}

.pr-pasi{
  display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem;
  padding:1.2rem 1.3rem;border-radius:20px;border:1px dashed var(--line-light);background:rgba(255,255,255,.025);
}
.pr-eticheta{font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aur-clar);flex:none}
.pr-pasi ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .4rem;counter-reset:pp}
.pr-pasi li{
  counter-increment:pp;display:flex;align-items:center;gap:.5rem;
  font-size:.84rem;color:var(--on-ink-mut);padding:.4rem .85rem;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid var(--line-light);
}
.pr-pasi li::before{content:counter(pp,decimal-leading-zero);font-family:var(--f-d);font-size:.8rem;color:var(--aur-clar)}

.pr-eticheta-2{margin:clamp(2.5rem,6vw,4rem) 0 1.4rem}
.pr-editii{display:grid;gap:1.1rem}
@media (min-width:760px){.pr-editii{grid-template-columns:repeat(3,1fr);gap:1.2rem}}
.pr-e{
  display:flex;flex-direction:column;border-radius:24px;overflow:hidden;
  background:rgba(255,255,255,.04);border:1px solid var(--line-light);
  transition:border-color .4s,transform .45s var(--lin),box-shadow .45s var(--lin);
}
.pr-e:hover{border-color:rgba(204,141,18,.45);transform:translateY(-4px);box-shadow:0 30px 64px -34px rgba(0,0,0,.9)}
.pr-e-foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink)}
.pr-e-foto img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;
  transform:translate3d(0,calc((var(--p,.5) - .5) * -9%),0)}
.pr-e-corp{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.45rem}
.pr-an{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  font-family:var(--f-d);font-size:1.5rem;line-height:1;color:var(--aur-clar);letter-spacing:.02em}
.pr-an em{font-family:var(--f-e);font-style:italic;font-size:1.05em;color:var(--on-ink)}
.pr-badge{font-family:var(--f-b);font-style:normal;font-size:.6rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#1A1405;background:var(--aur);padding:.28rem .6rem;border-radius:999px}
.pr-e h3{font-size:1.02rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.25}
.pr-e p{margin:0;font-size:.88rem;color:var(--on-ink-mut)}
.pr-e-urmeaza{border-color:rgba(204,141,18,.45)}

/* ==========================================================================
   FORMULARE (înscriere + sponsori) — fără backend: mesajul se compune în
   WhatsApp, iar persoana apasă ea „Trimite"
   ========================================================================== */
.in-grila{display:grid;gap:clamp(1.4rem,4vw,2.4rem);align-items:start}
/* pe telefon prețurile se văd înainte de formular, nu după buton */
@media (max-width:979px){.in-tarife{order:-1}}
@media (min-width:980px){.in-grila{grid-template-columns:1.35fr .65fr}}
.in-form{display:grid;gap:1.1rem}
.in-set{margin:0;padding:1.3rem 1.3rem 1.4rem;border-radius:24px;border:1px solid var(--line-light);background:rgba(255,255,255,.04);min-width:0}
.in-set legend{max-width:100%;padding:0 .6rem;font-family:var(--f-d);font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--aur-clar)}
.in-rand{display:grid;gap:.8rem;margin-bottom:.8rem}
@media (min-width:560px){.in-rand{grid-template-columns:1fr 1fr}}
.camp-i{display:grid;gap:.4rem;min-width:0}
.camp-i>span{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-mut)}
.camp-i input,.camp-i select,.camp-i textarea{
  width:100%;min-height:50px;padding:.8rem 1rem;border-radius:14px;
  background:rgba(255,255,255,.07);border:1px solid var(--line-light);
  color:var(--on-ink);font:inherit;font-size:1rem;
  transition:border-color .3s,background .3s,box-shadow .3s;
  -webkit-appearance:none;appearance:none;
}
.camp-i select{background-image:linear-gradient(45deg,transparent 50%,var(--aur-clar) 50%),linear-gradient(135deg,var(--aur-clar) 50%,transparent 50%);
  background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.4rem}
.camp-i select option{color:#111;background:#fff}
.camp-i textarea{min-height:110px;resize:vertical}
.camp-i input::placeholder,.camp-i textarea::placeholder{color:rgba(245,242,235,.38)}
.camp-i input:focus,.camp-i select:focus,.camp-i textarea:focus{outline:none;border-color:var(--aur);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(204,141,18,.22)}
.camp-i .gresit{border-color:#E0705A;box-shadow:0 0 0 3px rgba(224,112,90,.2)}

.in-grup{margin-bottom:1rem}
.in-grup:last-child{margin-bottom:0}
.in-grup-t{margin:0 0 .6rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink)}
.in-grup-t small{font-size:.66rem;letter-spacing:.06em;font-weight:500;color:var(--on-ink-mut);text-transform:none;margin-left:.4rem}
.in-opt{display:grid;gap:.5rem}
@media (min-width:560px){.in-opt{grid-template-columns:1fr 1fr}}
.opt{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.opt span{
  display:flex;align-items:center;gap:.7rem;min-height:52px;padding:.7rem 1rem;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid var(--line-light);font-size:.92rem;line-height:1.3;
  transition:background .3s,border-color .3s,transform .3s var(--lin);
}
.opt span::before{content:"";flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(255,255,255,.4);
  transition:background .25s,border-color .25s;background-position:center;background-repeat:no-repeat;background-size:12px}
.opt:hover span{background:rgba(255,255,255,.09)}
.opt input:checked+span{background:rgba(204,141,18,.16);border-color:rgba(204,141,18,.65)}
.opt input:checked+span::before{background-color:var(--aur);border-color:var(--aur);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.4 4.9 9 9.8 3.2' fill='none' stroke='%231A1405' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.opt input:focus-visible+span{outline:2px solid var(--aur-clar);outline-offset:2px}

.in-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem;
  padding:1.1rem 1.3rem;border-radius:20px;background:linear-gradient(180deg,rgba(204,141,18,.16),rgba(204,141,18,.06));border:1px solid rgba(204,141,18,.4)}
.in-total-et{display:block;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-mut);margin-bottom:.2rem}
.in-total b{font-family:var(--f-d);font-weight:400;font-size:1.5rem;color:var(--on-ink);line-height:1.1}
.in-pret b{color:var(--aur-clar);font-size:1.9rem}
.in-eroare{margin:0;padding:.8rem 1rem;border-radius:14px;background:rgba(224,112,90,.14);border:1px solid rgba(224,112,90,.5);color:#F4C3B8;font-size:.9rem}
.in-actiuni{display:grid;gap:.7rem}
.in-actiuni .btn{width:100%}
.in-mica{margin:0;font-size:.8rem;color:var(--on-ink-mut);text-align:center}
@media (min-width:560px){.in-actiuni .btn{width:auto;justify-self:start}.in-mica{text-align:left}}

.in-tarife{padding:1.4rem 1.4rem 1.5rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--line-light)}
@media (min-width:980px){.in-tarife{position:sticky;top:calc(var(--antet) + 1.5rem)}}
.in-tarife h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}
.in-tarife-sub{margin:0 0 1.1rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--aur-clar)}
.in-tab{margin-bottom:1.1rem}
.in-tab-t{margin:0 0 .5rem;font-size:.82rem;font-weight:600;color:var(--on-ink)}
.in-tab ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.in-tab li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px dashed var(--line-light);font-size:.9rem;color:var(--on-ink-mut)}
.in-tab li:last-child{border-bottom:0}
.in-tab b{font-family:var(--f-d);font-weight:400;font-size:1.2rem;color:var(--aur-clar)}
.in-tarife-nota{margin:0;font-size:.8rem;color:var(--on-ink-mut)}
.inscriere-actiuni{margin-top:1.6rem}

/* ==========================================================================
   SPONSORI
   ========================================================================== */
.spons{padding:var(--ritm) 0;background:
  radial-gradient(80% 50% at 90% 0%,rgba(204,141,18,.14),transparent 62%),
  radial-gradient(70% 50% at 8% 100%,rgba(107,79,193,.16),transparent 66%),var(--ink)}
.sp-grila{display:grid;gap:clamp(1.4rem,4vw,2.4rem);align-items:start}
@media (min-width:980px){.sp-grila{grid-template-columns:.8fr 1.2fr}}
.sp-oferta{display:grid;gap:.9rem}
.sp-p{display:flex;gap:1.1rem;align-items:flex-start;padding:1.2rem 1.3rem;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid var(--line-light)}
.sp-p b{font-family:var(--f-d);font-size:1.5rem;line-height:1;color:var(--aur-clar);flex:none}
.sp-p h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}
.sp-p p{margin:0;font-size:.92rem;color:var(--on-ink-mut)}

/* ==========================================================================
   PREMII — nivelurile câștigătorilor
   ========================================================================== */
.pr-niveluri{display:grid;gap:1rem;margin-bottom:clamp(1.6rem,4vw,2.4rem)}
@media (min-width:860px){.pr-niveluri{grid-template-columns:1.25fr .75fr;align-items:start}}
.pr-nivel{padding:1.5rem 1.5rem 1.6rem;border-radius:26px;background:rgba(255,255,255,.05);border:1px solid var(--line-light)}
.pr-nivel-aur{background:linear-gradient(180deg,rgba(204,141,18,.2),rgba(204,141,18,.07));border-color:rgba(204,141,18,.5)}
.pr-nivel-et{margin:0 0 .5rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aur-clar)}
.pr-nivel h3{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);text-transform:uppercase;letter-spacing:.02em;margin-bottom:1rem}
.pr-nivel ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.pr-nivel li{position:relative;padding-left:1.5rem;font-size:.95rem;color:var(--on-ink);line-height:1.5}
.pr-nivel li::before{content:"";position:absolute;left:.15rem;top:.62em;width:7px;height:7px;transform:rotate(45deg);background:var(--aur)}
.pr-nivel-nota{margin:1.1rem 0 0;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.2);font-size:.85rem;color:var(--on-ink-mut)}

/* ==========================================================================
   MIȘCAREA DE PE TELEFON
   Showpiece-urile de desktop (sina lipită) se opresc sub 1040px, deci
   telefonul primește coregrafia lui: o placă fixată care răspunde categoriei
   citite și un teanc de carduri. Rețeta e cea din nbtsolutions.
   ========================================================================== */

/* ---- dezvăluire mascată: pe WebKit o imagine mică animată pe opacity se
        estompează; clip-path o ține clară ---- */
.anim [data-rv="clip"]{opacity:1;transform:none;clip-path:inset(0 0 102% 0);
  transition:clip-path 1.25s var(--lin)}
.anim [data-rv="clip"].in{clip-path:inset(0 0 0 0)}
.fara-aparitie [data-rv="clip"]{clip-path:none!important}

/* ---- copiii unui grup intră decalat ---- */
:root{--stag:70ms}
.anim [data-stag]>*{opacity:0;transform:translate3d(0,22px,0);
  transition:opacity .85s var(--lin),transform 1s var(--lin)}
.anim [data-stag].in>*{opacity:1;transform:none}
.anim [data-stag].in>*:nth-child(2){transition-delay:calc(var(--stag) * 1)}
.anim [data-stag].in>*:nth-child(3){transition-delay:calc(var(--stag) * 2)}
.anim [data-stag].in>*:nth-child(4){transition-delay:calc(var(--stag) * 3)}
.anim [data-stag].in>*:nth-child(5){transition-delay:calc(var(--stag) * 4)}
.anim [data-stag].in>*:nth-child(6){transition-delay:calc(var(--stag) * 5)}
.fara-aparitie [data-stag]>*{opacity:1!important;transform:none!important}

/* ---- CATEGORII pe telefon: lista curge pe lângă o placă fixată ----
   Ce stă fixat e o placă opacă pe toată lățimea, nu un card care plutește;
   sub ea, un gradient care topește rândurile în loc să le taie. */
.cat-placa{display:none}

@media (max-width:1039px){
  .cat-sina{
    display:grid;grid-template-columns:1fr;gap:.9rem;
    overflow:visible;scroll-snap-type:none;
    padding:.2rem var(--pad) 5vh;margin-inline:calc(var(--pad) * -1);
  }
  .cat{padding-bottom:clamp(1.4rem,5vw,2.4rem)}
  .cat-c{flex:none;width:auto}
  .cat-c h3{min-height:0}
  .cat .rail-nav,.cat .cat-progres{display:none}

  .cat-placa{
    display:block;position:sticky;top:0;z-index:3;
    margin:0 calc(var(--pad) * -1) 1.1rem;
    padding:calc(var(--antet) + .7rem) var(--pad) .7rem;
    background:var(--paper);
  }
  /* rândurile se dizolvă în placă: aproape opac în prima treime */
  .cat-placa::after{
    content:"";position:absolute;left:0;right:0;top:100%;height:92px;pointer-events:none;
    background:linear-gradient(180deg,var(--paper) 0%,rgba(248,245,239,.97) 30%,
      rgba(248,245,239,.82) 48%,rgba(248,245,239,.5) 66%,rgba(248,245,239,.18) 84%,rgba(248,245,239,0) 100%);
  }
  .cat-placa-corp{display:flex;align-items:center;gap:.85rem}
  .cat-placa-nr{
    font-family:var(--f-d);font-size:2.6rem;line-height:1;color:var(--aur-adanc);
    min-width:2.1ch;text-align:right;font-variant-numeric:tabular-nums;
  }
  .cat-placa-text{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}
  .cat-placa-text b{
    font-family:var(--f-d);font-weight:400;font-size:1.02rem;text-transform:uppercase;
    letter-spacing:.02em;line-height:1.2;color:var(--ink);
  }
  .cat-placa-text .cat-tip{font-style:normal;align-self:flex-start;margin:0}
  .cat-placa-din{
    font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--mut);align-self:flex-start;padding-top:.35rem;flex:none;
  }
  .cat-placa-bara{display:block;height:2px;margin-top:.8rem;background:var(--sand);border-radius:2px;overflow:hidden}
  .cat-placa-bara i{display:block;height:100%;width:var(--w,7%);background:var(--aur);border-radius:2px;transition:width .3s var(--lin)}
  /* cardul citit se ridică din listă */
  .cat-c{transition:border-color .45s,box-shadow .45s var(--lin),transform .45s var(--lin)}
  .cat-c.citit{border-color:var(--aur);box-shadow:0 18px 44px -28px rgba(204,141,18,.75)}
}

/* ecrane joase: n-ar mai rămâne bandă de citit sub placă */
@media (max-width:1039px) and (max-height:620px){
  .cat-placa{position:static;padding-top:0}
  .cat-placa::after{display:none}
  .cat-sina{padding-bottom:1rem}
}

/* ---- FESTIVALUL pe telefon: cele trei rânduri devin un teanc de carduri ---- */
@media (max-width:879px){
  .fest-lista{padding-bottom:24vh}
  .fest-r{
    position:sticky;transform-origin:50% 0;
    scale:calc(1 - var(--st,0) * .055);
    padding:1.2rem 1.2rem 1.4rem;border-radius:24px;
    background:linear-gradient(180deg,#FFFDF9,var(--cream));
    border:1px solid var(--sand);
    box-shadow:0 -18px 44px -26px rgba(12,12,15,.5),0 24px 56px -30px rgba(12,12,15,.55);
  }
  .fest-r:nth-child(1){top:calc(var(--antet) + 16px)}
  .fest-r:nth-child(2){top:calc(var(--antet) + 26px)}
  .fest-r:nth-child(3){top:calc(var(--antet) + 36px)}
  .fest-nr{font-size:2rem}
  .fest-foto{aspect-ratio:16/9}
}
@media (max-width:879px) and (max-height:620px){
  .fest-r{position:static;scale:1}
  .fest-lista{padding-bottom:0}
}

/* ---- mișcare redusă: nimic nu se lipește și nimic nu se topește ---- */
@media (prefers-reduced-motion:reduce){
  .cat-placa{position:static!important;padding-top:0}
  .cat-placa::after{display:none}
  .fest-r{position:static!important;scale:1!important}
  .traseu-fir{stroke-dashoffset:0!important}
  [data-rv="clip"]{clip-path:none!important}
  [data-stag]>*{opacity:1!important;transform:none!important}
  .in-tarife{position:static!important}
  .lucru-foto img,.fest-foto img,.editie-foto img,.pr-e-foto img{transform:none!important}
  .ruta-p{opacity:1!important;transform:none!important}
  .ruta-p button{rotate:0deg!important}
  .ruta-fir{stroke-dashoffset:0!important}
}


/* ============================================================ GALERIE FOTO */
.poze{background:var(--ink);color:var(--on-ink);padding:clamp(4.5rem,11vw,8rem) 0}
.poze-credit{margin:1.6rem 0 0;font-size:.8rem;letter-spacing:.06em;color:var(--on-ink-mut);text-align:center}
.ruta-credit{margin:1.2rem 0 0;font-size:.78rem;letter-spacing:.06em;color:var(--on-ink-mut)}


/* ==========================================================================
   26.09 — pagină lată și aerisită, meniu mai rar, categorii ca etichete înalte
   ========================================================================== */
.meniu{gap:clamp(1.3rem,2.4vw,2.8rem)}
.meniu a:not(.btn){font-size:.92rem;letter-spacing:.03em;opacity:.86}
@media (min-width:1041px){.doar-mob{display:none}}
@media (max-width:1040px){
  .meniu.deschis a:nth-child(8){transition-delay:.35s}
  .meniu.deschis a:nth-child(9){transition-delay:.4s}
  .meniu.deschis a:nth-child(10){transition-delay:.45s}
}
.sectiune-intro{max-width:64ch}
.in-de-ce{display:inline-block;margin-left:.2rem;color:var(--aur-clar);font-weight:600;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.in-de-ce:hover{color:#fff}

/* categoriile — etichete înalte, bine conturate */
.cat-c{
  position:relative;overflow:hidden;gap:.75rem;
  padding:2rem 1.7rem 1.7rem;border-radius:28px;
  background:linear-gradient(168deg,#FFFFFF 0%,#FBF7EE 55%,#F0E5CD 100%);
  border:1px solid #D8C6A0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),inset 0 -14px 26px -18px rgba(168,115,11,.28),
             0 28px 52px -30px rgba(60,40,8,.55),0 2px 6px rgba(60,40,8,.08);
}
.cat-c::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#A8730B,#E8B54A,#CC8D12)}
.cat-c:has(.cat-tip[data-t="latex"])::before{background:linear-gradient(90deg,#4B3494,#9B82E8,#6B4FC1)}
.cat-c:has(.cat-tip[data-t="model"])::before{background:linear-gradient(90deg,#1B5540,#66B99A,#2E8567)}
.cat-c:hover{border-color:#C9A961;box-shadow:inset 0 0 0 1px #fff,inset 0 -14px 26px -18px rgba(168,115,11,.36),0 34px 60px -30px rgba(60,40,8,.65),0 2px 6px rgba(60,40,8,.1)}
.cat-nr{font-size:3.6rem;line-height:.95;background:linear-gradient(180deg,#E8B54A 10%,#A8730B 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#B8860B}
.cat-c h3{font-size:1.32rem;color:var(--ink);min-height:0;margin-top:.2rem}
.cat-c h3::after{content:"";display:block;width:48px;height:2px;margin-top:.9rem;background:var(--aur)}
.cat-c p{font-size:.96rem;color:#4A4A52;line-height:1.66}
.cat-tip{
  align-self:stretch;text-align:center;margin-top:1rem;padding:.95rem 1rem;border-radius:16px;
  font-size:.72rem;font-weight:800;letter-spacing:.16em;line-height:1.35;
  background:linear-gradient(180deg,#EDBE57 0%,#CC8D12 100%);color:#2A1B00;border:1px solid #A8730B;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.6),inset 0 -4px 7px rgba(120,70,0,.5),0 8px 16px -8px rgba(150,95,5,.75);
}
.cat-tip[data-t="latex"]{background:linear-gradient(180deg,#9A82E6 0%,#5C41B0 100%);color:#fff;border-color:#4B3494;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.42),inset 0 -4px 7px rgba(30,15,80,.55),0 8px 16px -8px rgba(75,52,148,.8)}
.cat-tip[data-t="model"]{background:linear-gradient(180deg,#56B893 0%,#22684F 100%);color:#fff;border-color:#1B5540;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.42),inset 0 -4px 7px rgba(8,50,35,.55),0 8px 16px -8px rgba(27,85,64,.8)}
.cat-placa-text .cat-tip{padding:.4rem .8rem;border-radius:999px;font-size:.62rem;margin:0;align-self:flex-start;text-align:left;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -2px 4px rgba(0,0,0,.28)}
@media (min-width:1040px){
  .cat-c{flex-basis:360px;min-height:clamp(390px,52vh,520px)}
  .cat-sina{gap:1.4rem}
}
@media (max-width:1039px){.cat-c{min-height:0}}

/* ==========================================================================
   ROMÂNIA PE PODIUM — film de fundal + „marea” de fotografii care se plimbă pe derulare
   ========================================================================== */
.rom{position:relative;overflow:hidden;overflow:clip;isolation:isolate;padding:var(--ritm) 0 clamp(3rem,7vw,6rem);background:var(--ink)}
.rom-film{position:absolute;inset:0;z-index:-2}
.rom-film video,.rom-film img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.6)}
.rom-voal{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,var(--ink) 0%,rgba(12,12,15,.7) 16%,rgba(12,12,15,.74) 72%,var(--ink) 100%),
  radial-gradient(80% 55% at 12% 28%,rgba(107,79,193,.32),transparent 70%),
  radial-gradient(70% 50% at 90% 78%,rgba(204,141,18,.22),transparent 70%)}
.rom .rama{position:relative;z-index:1}
.tricolor{display:flex;width:84px;height:5px;border-radius:3px;overflow:hidden;margin-bottom:1.1rem;box-shadow:0 0 22px rgba(252,209,22,.25)}
.tricolor i{flex:1}
.tricolor i:nth-child(1){background:#1B4DB5}
.tricolor i:nth-child(2){background:#FCD116}
.tricolor i:nth-child(3){background:#CE1126}
.rom-cap{display:grid;gap:1.4rem}
@media (min-width:980px){.rom-cap{grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(2rem,6vw,6rem)}}
.rom-fapte{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.rom-fapte li{padding:1.05rem 1.3rem;border-radius:20px;border:1px solid var(--line-light);background:rgba(255,255,255,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:.98rem;color:var(--on-ink-mut);line-height:1.55}
.rom-fapte b{display:block;color:var(--on-ink);font-family:var(--f-d);font-size:1.1rem;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.15rem;font-weight:500}
.mare{position:relative;z-index:1;overflow:hidden;overflow:clip;margin-top:clamp(2.4rem,6vw,4.4rem);padding:.4rem 0}
.mare-rand{display:flex;gap:clamp(.6rem,1.3vw,1.1rem);width:max-content;margin:0 0 clamp(.6rem,1.3vw,1.1rem) -8vw;
  transform:translate3d(calc((var(--p,.5) - .5) * var(--dir,-1) * 26vw),0,0);will-change:transform}
.mare-rand:nth-child(even){--dir:1;margin-left:-22vw}
.mare-rand button{flex:none;display:block;width:clamp(150px,20vw,300px);aspect-ratio:2/3;padding:0;border:0;border-radius:18px;overflow:hidden;position:relative;cursor:pointer;background:var(--ink-2);
  box-shadow:0 26px 54px -30px #000}
.mare-rand button.l{width:clamp(230px,31vw,450px);aspect-ratio:3/2}
.mare-rand img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--lin)}
.mare-rand button::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:box-shadow .4s}
.mare-rand button:hover img,.mare-rand button:focus-visible img{transform:scale(1.06)}
.mare-rand button:hover::after,.mare-rand button:focus-visible::after{box-shadow:inset 0 0 0 1px rgba(233,186,82,.9)}
.mare-nota{position:relative;z-index:1;margin-top:1rem;font-size:.78rem;letter-spacing:.06em;color:var(--on-ink-mut)}
.fara-aparitie .mare-rand{transform:none!important}
@media (prefers-reduced-motion:reduce){.mare-rand{transform:none!important}}

/* ==========================================================================
   JURIZAREA — un concurs pe bune
   ========================================================================== */
.jur{padding:var(--ritm) 0;background:
  radial-gradient(70% 45% at 92% 8%,rgba(204,141,18,.14),transparent 66%),
  radial-gradient(75% 50% at 4% 92%,rgba(107,79,193,.16),transparent 66%),var(--ink)}
.jur-reguli{display:grid;gap:1rem;margin:clamp(1.8rem,4vw,3rem) 0 clamp(2rem,5vw,3.6rem);padding:0;list-style:none;counter-reset:reg}
@media (min-width:820px){.jur-reguli{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.8rem)}}
.jur-reguli li{counter-increment:reg;position:relative;padding:1.7rem 1.6rem 1.6rem;border-radius:26px;border:1px solid var(--line-light);
  background:linear-gradient(170deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 60px -40px #000}
.jur-reguli li::before{content:"0" counter(reg);display:block;font-family:var(--f-d);font-size:2.6rem;line-height:1;margin-bottom:.8rem;
  background:linear-gradient(180deg,#F3CC72,#B9820F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--aur)}
.jur-reguli h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.55rem;color:var(--on-ink)}
.jur-reguli p{margin:0;font-size:.96rem;color:var(--on-ink-mut);line-height:1.62}
@media (min-width:1040px) and (max-height:820px){
  .anim .cat .sectiune-intro{display:none}
  .anim .cat-c{min-height:clamp(330px,46vh,400px);padding-top:1.6rem;padding-bottom:1.4rem}
  .anim .cat-nr{font-size:3rem}
}

.mare-reel{flex:none;position:relative;width:clamp(150px,20vw,300px);aspect-ratio:2/3;border-radius:18px;overflow:hidden;background:var(--ink-2);box-shadow:0 26px 54px -30px #000}
.mare-reel video{width:100%;height:100%;object-fit:cover;display:block}
.mare-reel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mare-reel-et{position:absolute;left:.7rem;bottom:.7rem;z-index:1;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:.32rem .65rem;border-radius:999px;background:rgba(6,6,8,.66);border:1px solid rgba(255,255,255,.16)}

/* România: rândurile se plimbă singure (JS dublează seturile), clipul stă lângă text */
.mare-rand{margin:0 0 clamp(.6rem,1.3vw,1.1rem) 0;transform:none;animation:mare var(--dur,70s) linear infinite}
.mare-rand:nth-child(even){margin-left:0;animation-direction:reverse}
.mare-rand button{width:clamp(170px,23vw,400px)}
.mare-rand button.l{width:clamp(260px,36vw,600px)}
@keyframes mare{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(var(--set,1200px) * -1),0,0)}}
.mare:hover .mare-rand{animation-play-state:paused}
.fara-aparitie .mare-rand,.no-js .mare-rand{animation:none;transform:none!important}
@media (prefers-reduced-motion:reduce){.mare-rand{animation:none}}
.rom-cap .mare-reel{width:min(64%,300px);justify-self:center;transform:rotate(2deg);
  box-shadow:0 0 0 1px rgba(233,186,82,.5),0 30px 70px -30px #000,0 0 60px -20px rgba(204,141,18,.45)}
@media (min-width:980px){.rom-cap .mare-reel{width:clamp(230px,19vw,320px);justify-self:end}}
.rom-cap .rom-fapte{margin-top:1.6rem}

/* ==========================================================================
   DIAPORAME — slideshow mare, cu redare automată (jurizare + galerie)
   ========================================================================== */
.dia{position:relative;min-width:0;margin-top:clamp(1.8rem,4vw,3rem)}
.dia-scena{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;background:#060608;touch-action:pan-y;
  height:clamp(480px,80vh,900px);box-shadow:0 40px 90px -50px #000,inset 0 0 0 1px rgba(255,255,255,.08);-webkit-user-select:none;user-select:none}
.dia-scena:focus-visible{outline:2px solid var(--aur-clar);outline-offset:4px}
@media (max-width:899px){.dia-scena{height:auto;aspect-ratio:4/5;border-radius:20px}}
.dia-lista{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.dia-s{position:absolute;inset:0;margin:0;overflow:hidden;opacity:0;visibility:hidden;cursor:zoom-in;
  transition:opacity .95s var(--lin),visibility 0s linear .95s}
.dia-s.acum{opacity:1;visibility:visible;z-index:1;transition:opacity .95s var(--lin),visibility 0s}
.dia:not(.gata) .dia-s:first-child{opacity:1;visibility:visible}
.dia-v{cursor:default}
.dia-fundal{position:absolute;inset:-8%;z-index:0;background:#111 center/cover no-repeat;filter:blur(34px) brightness(.42) saturate(1.25);transform:scale(1.08)}
.dia-img{position:absolute;inset:0;z-index:1;width:100%;height:100%;max-width:none;object-fit:contain;display:block;transform-origin:50% 45%}
.dia-s:nth-child(4n+2) .dia-img{transform-origin:30% 35%}
.dia-s:nth-child(4n+3) .dia-img{transform-origin:70% 60%}
.dia-s:nth-child(4n) .dia-img{transform-origin:40% 70%}
@media (min-width:900px){.dia[data-dia="banda"] .dia-s[data-o="l"] .dia-img{object-fit:cover}}
@keyframes dia-kb{from{transform:scale(1.001)}to{transform:scale(1.075)}}
.dia-s.acum .dia-img{animation:dia-kb calc(var(--dur,5200ms) + 1400ms) linear both}
.dia-v .dia-img,.dia-s.dia-v.acum .dia-img{animation:none}
.dia.pauza .dia-s.acum .dia-img{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.dia-s.acum .dia-img{animation:none}.dia-s{transition:none}}
/* comenzi */
.dia-nav{position:absolute;top:50%;z-index:4;width:54px;height:54px;margin-top:-27px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(255,255,255,.22);background:rgba(12,12,15,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 30px -12px #000;transition:background .3s,border-color .3s,transform .3s var(--lin)}
.dia-nav:hover{background:rgba(204,141,18,.4);border-color:var(--aur-clar)}
.dia-nav::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-top:1.6px solid #fff;border-right:1.6px solid #fff;transform:translate(-65%,-50%) rotate(45deg)}
.dia-inapoi{left:clamp(.6rem,1.6vw,1.4rem)}
.dia-inapoi::after{transform:translate(-35%,-50%) rotate(-135deg)}
.dia-inainte{right:clamp(.6rem,1.6vw,1.4rem)}
@media (max-width:899px){.dia-nav{width:42px;height:42px;margin-top:-21px}}
.dia-jos{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;
  padding:4.5rem clamp(1rem,2.6vw,2.2rem) clamp(1.1rem,2.2vw,1.7rem);background:linear-gradient(180deg,transparent,rgba(6,6,8,.82));pointer-events:none}
.dia-leg{margin:0;max-width:46ch;font-family:var(--f-e);font-style:italic;font-size:clamp(1.08rem,.9rem + .9vw,1.7rem);line-height:1.25;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.dia-ctl{display:flex;align-items:center;gap:.55rem;flex:none;pointer-events:auto}
.dia-nr{font-size:.74rem;letter-spacing:.18em;color:rgba(245,242,235,.72);margin-right:.35rem;font-variant-numeric:tabular-nums}
.dia-nr b{color:var(--aur-clar);font-weight:600}
.dia-play,.dia-mare{position:relative;width:42px;height:42px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.24);
  background:rgba(12,12,15,.62);transition:background .3s,border-color .3s}
.dia-play:hover,.dia-mare:hover{background:rgba(204,141,18,.42);border-color:var(--aur-clar)}
.dia-play::before,.dia-play::after{content:"";position:absolute;top:14px;width:3px;height:13px;border-radius:1px;background:#fff}
.dia-play::before{left:15px}.dia-play::after{left:22px}
.dia.oprit .dia-play::before{left:16px;top:13px;width:0;height:0;border-radius:0;background:none;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}
.dia.oprit .dia-play::after{display:none}
.dia-mare::before{content:"";position:absolute;inset:13px;border:1.6px solid #fff;border-radius:2px;
  -webkit-mask:linear-gradient(#000 0 0) top left/6px 6px no-repeat,linear-gradient(#000 0 0) top right/6px 6px no-repeat,linear-gradient(#000 0 0) bottom left/6px 6px no-repeat,linear-gradient(#000 0 0) bottom right/6px 6px no-repeat;
          mask:linear-gradient(#000 0 0) top left/6px 6px no-repeat,linear-gradient(#000 0 0) top right/6px 6px no-repeat,linear-gradient(#000 0 0) bottom left/6px 6px no-repeat,linear-gradient(#000 0 0) bottom right/6px 6px no-repeat}
.dia.e-film .dia-mare{visibility:hidden}
@media (max-width:599px){.dia-jos{flex-direction:column;align-items:stretch;gap:.7rem}.dia-ctl{justify-content:space-between}.dia-nr{margin-right:auto}}
.dia-timp{position:absolute;left:0;right:0;bottom:0;z-index:4;height:3px;background:rgba(255,255,255,.1)}
.dia-timp i{display:block;height:100%;background:linear-gradient(90deg,var(--aur),var(--aur-clar));transform-origin:0 50%;transform:scaleX(0)}
.dia[data-dia="segmente"] .dia-timp{display:none}
.dia-segm{position:absolute;left:clamp(.9rem,2vw,1.6rem);right:clamp(.9rem,2vw,1.6rem);top:clamp(.9rem,2vw,1.4rem);z-index:4;display:flex;gap:4px;pointer-events:none}
.dia-segm span{flex:1;height:3px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.26)}
.dia-segm i{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(var(--f,0))}
/* banda de miniaturi */
.dia-banda{display:flex;gap:.55rem;overflow-x:auto;padding:1rem 2px .4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dia-banda::-webkit-scrollbar{display:none}
.dia-mini{position:relative;flex:none;width:64px;height:84px;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--ink-2);opacity:.45;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:opacity .35s,transform .35s var(--lin),box-shadow .35s}
.dia-mini img{width:100%;height:100%;object-fit:cover;display:block}
.dia-mini:hover{opacity:.85}
.dia-mini.acum{opacity:1;transform:translateY(-3px);box-shadow:0 0 0 2px var(--aur-clar),0 10px 24px -12px rgba(204,141,18,.8)}
.dia-mini.e-film::after{content:"";position:absolute;left:50%;top:50%;margin:-8px 0 0 -5px;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}
@media (max-width:599px){.dia-mini{width:52px;height:68px}}
/* jurizarea: regulile în stânga, slideshow-ul în dreapta */
.jur-grila{display:grid;gap:clamp(1.4rem,3vw,2.4rem);margin-top:clamp(1.8rem,4vw,3rem)}
.jur-grila .jur-reguli{margin:0}
.jur-grila .dia{margin-top:0}
@media (min-width:1000px){
  .jur-grila{grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);align-items:stretch}
  .jur-grila .jur-reguli{grid-template-columns:1fr;align-content:space-between}
  .jur .dia-scena{height:100%;min-height:clamp(560px,76vh,860px)}
}
.rom-foto{margin:0}
.rom-foto img{width:100%;height:100%;object-fit:cover;display:block}