/* Conferința UnLucru 2026 – Revelation
   Stilul urmează kitul de design al conferinței: negru-violet, pânză de in, portocaliu, Oswald + Barlow. */

@font-face { font-family: "Oswald"; src: url("/fonts/Oswald-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/fonts/Oswald-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/fonts/Oswald-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/fonts/Barlow-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/fonts/Barlow-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/fonts/Barlow-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Caveat Brush"; src: url("/fonts/CaveatBrush-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  --negru: #07050b;
  --noapte: #0e0a16;
  --noapte-2: #17121f;
  --violet: #2b2150;
  --mov: #7a6be0;
  --portocaliu: #f96317;
  --portocaliu-2: #ff7a33;
  --portocaliu-text: #c2410c; /* portocaliul pentru text mic pe fond deschis (contrast) */
  --in: #e8e4de;
  --in-2: #d9d4cc;
  --alb: #ffffff;
  --gri: #a8a3b3;
  --linie: rgba(255, 255, 255, 0.14);
  --linie-i: rgba(7, 5, 11, 0.16);
  --titlu: "Oswald", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --text: "Barlow", "Segoe UI", system-ui, sans-serif;
  --mana: "Caveat Brush", "Segoe Script", cursive;
  --margine: clamp(1.15rem, 4vw, 3.5rem);
  --antet: 4.5rem;
  --lin: cubic-bezier(0.2, 0.7, 0.1, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--antet) + 0.5rem); }
body {
  margin: 0; background: var(--negru); color: var(--alb);
  font: 400 1.0625rem/1.6 var(--text);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, h4, h5, p, ul, ol, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:focus-visible { outline: 3px solid var(--portocaliu); outline-offset: 3px; }
::selection { background: var(--portocaliu); color: var(--negru); }

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sari { position: fixed; left: 1rem; top: -4rem; z-index: 100; background: var(--portocaliu); color: var(--negru); padding: 0.6rem 1rem; font: 600 0.9rem var(--titlu); text-transform: uppercase; }
.sari:focus { top: 1rem; }
.cadru { width: min(100% - 2 * var(--margine), 82rem); margin-inline: auto; position: relative; z-index: 1; }

/* ---------- piese comune ---------- */

.insigna { display: inline-flex; align-items: stretch; border: 3px solid var(--negru); background: var(--negru); font: 700 0.95rem/1 var(--titlu); letter-spacing: 0.04em; text-decoration: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }
.insigna__a { background: var(--alb); color: var(--negru); padding: 0.5em 0.7em 0.48em; }
.insigna__b { color: var(--alb); padding: 0.5em 0.7em 0.48em; }
.insigna--mare { font-size: clamp(1.05rem, 1.5vw, 1.45rem); }

.eticheta { display: inline-block; font: 700 0.95rem/1 var(--titlu); letter-spacing: 0.08em; text-transform: uppercase; padding: 0.5em 0.7em 0.46em; }
.eticheta--portocaliu { background: var(--portocaliu); color: var(--negru); }
.eticheta--alb { background: var(--alb); color: var(--negru); }

.supra { display: flex; align-items: center; gap: 0.8rem; font: 600 0.85rem/1 var(--titlu); letter-spacing: 0.22em; text-transform: uppercase; color: var(--portocaliu); }
.supra span { display: inline-block; border: 1.5px solid currentColor; padding: 0.35em 0.5em 0.3em; letter-spacing: 0.08em; }
.supra::after { content: ""; flex: 0 0 3rem; height: 1.5px; background: currentColor; }

.btn { display: inline-flex; align-items: center; gap: 0.7em; font: 600 1.02rem/1 var(--titlu); letter-spacing: 0.09em; text-transform: uppercase; text-decoration: none; padding: 1.1em 1.5em 1.02em; border: 2px solid transparent; transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.25s var(--lin); white-space: nowrap; }
.btn .sg { transition: transform 0.3s var(--lin); flex: none; }
.btn:hover .sg { transform: translateX(5px); }
.btn--plin { background: var(--portocaliu); color: var(--negru); }
.btn--plin:hover { background: var(--alb); }
.btn--contur { border-color: rgba(255, 255, 255, 0.55); color: var(--alb); }
.btn--contur:hover { border-color: var(--alb); background: var(--alb); color: var(--negru); }
.btn--mic { font-size: 0.85rem; padding: 0.9em 1.15em 0.82em; }
.btn--mic .sg { width: 16px; height: 16px; }

.contur { color: transparent; -webkit-text-stroke: 1.5px currentColor; -webkit-text-stroke-color: var(--portocaliu); }
.link { display: inline-flex; align-items: center; gap: 0.5em; font: 600 0.95rem/1 var(--titlu); letter-spacing: 0.09em; text-transform: uppercase; text-decoration: none; color: var(--portocaliu); border-bottom: 2px solid currentColor; padding-bottom: 0.35em; }
.link:hover { color: var(--alb); }
.link .sg { width: 16px; height: 16px; }

/* literele REV / ELA / TION, ca în key visual */
.rev { display: block; font: 700 1em/0.845 var(--titlu); letter-spacing: -0.012em; text-transform: uppercase; user-select: none; }
.rev span { display: block; }
.rev--plin { color: var(--portocaliu); background: var(--portocaliu) url("/img/granulatie.webp") 0 0 / 80px 80px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rev--contur { color: transparent; -webkit-text-stroke: 1.5px var(--portocaliu); }

/* ---------- antet ---------- */

.antet { position: fixed; inset: 0 0 auto 0; z-index: 50; height: var(--antet); display: flex; align-items: center; gap: 1.5rem; padding: 0 var(--margine); transition: background 0.35s, box-shadow 0.35s, transform 0.4s var(--lin); }
.antet.e-solid { background: rgba(7, 5, 11, 0.86); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); box-shadow: 0 1px 0 var(--linie); }
.antet__logo { text-decoration: none; margin-right: auto; }
.antet__nav { display: flex; align-items: center; gap: clamp(1.2rem, 2.6vw, 2.6rem); }
.antet__nav a:not(.btn) { position: relative; font: 500 0.9rem/1 var(--titlu); letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; padding: 0.6em 0; color: rgba(255, 255, 255, 0.82); transition: color 0.2s; }
.antet__nav a:not(.btn)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--portocaliu); transform: scaleX(0); transform-origin: left; transition: transform 0.3s var(--lin); }
.antet__nav a:not(.btn):hover, .antet__nav a.e-activ { color: var(--alb); }
.antet__nav a:not(.btn):hover::after, .antet__nav a.e-activ::after { transform: scaleX(1); }
.antet__cta-m, .antet__burger { display: none; }

@media (max-width: 860px) {
  :root { --antet: 4rem; }
  .antet__cta { display: none; }
  .antet__burger { display: grid; gap: 7px; width: 44px; height: 44px; place-content: center; z-index: 2; }
  .antet__burger span { display: block; width: 26px; height: 2.5px; background: var(--alb); transition: transform 0.3s var(--lin); }
  .e-meniu .antet__burger span:first-child { transform: translateY(4.75px) rotate(45deg); }
  .e-meniu .antet__burger span:last-child { transform: translateY(-4.75px) rotate(-45deg); }
  .antet__logo { z-index: 2; }
  .antet__nav { position: fixed; inset: 0; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.4rem; padding: 5rem var(--margine) 2rem; background: var(--negru) url("/img/fundal-m.webp") center / cover; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; }
  .antet__nav::before { content: ""; position: absolute; inset: 0; background: rgba(7, 5, 11, 0.82); }
  .antet__nav > * { position: relative; }
  .e-meniu .antet__nav { visibility: visible; opacity: 1; }
  .antet__nav a:not(.btn) { font: 700 clamp(2.4rem, 12vw, 3.6rem)/1.08 var(--titlu); letter-spacing: 0; color: var(--alb); padding: 0.1em 0; }
  .antet__nav a:not(.btn)::after { display: none; }
  .antet__cta-m { display: inline-flex; margin-top: 1.6rem; }
  .e-meniu { overflow: hidden; }
}

/* ---------- erou ---------- */

.erou { position: relative; min-height: 100svh; display: grid; grid-template-rows: 1fr auto; overflow: hidden; isolation: isolate; background: var(--negru); }
.erou__fundal { position: absolute; inset: -4% -4%; z-index: -3; }
.erou__fundal img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%; filter: brightness(1.25) saturate(1.15); animation: deriva 26s ease-in-out infinite alternate; }
.erou::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(7, 5, 11, 0.78) 0%, rgba(7, 5, 11, 0.36) 40%, rgba(7, 5, 11, 0) 72%), linear-gradient(0deg, rgba(7, 5, 11, 0.95) 0%, rgba(7, 5, 11, 0) 34%), linear-gradient(180deg, rgba(7, 5, 11, 0.7) 0%, rgba(7, 5, 11, 0) 22%); }
.erou::after { content: ""; position: absolute; inset: 0; z-index: 3; background: url("/img/textura.webp") 0 0 / 200% auto; mix-blend-mode: soft-light; opacity: 0.7; pointer-events: none; }
@keyframes deriva { from { transform: scale(1.04) translate3d(-1%, 0, 0); } to { transform: scale(1.12) translate3d(1.5%, -1%, 0); } }

.erou__litere { position: absolute; inset: 0; z-index: -1; font-size: min(41svh, 26.5vw); pointer-events: none; }
.erou__litere .rev { position: absolute; will-change: transform; }
.erou__litere .rev--plin { right: -0.06em; top: 17svh; animation: urca 1.3s var(--lin) both 0.1s; }
.erou__litere .rev--contur { right: 1.62em; top: -1.02em; opacity: 0.3; animation: coboara 1.5s var(--lin) both 0.25s; }
@keyframes urca { from { transform: translate3d(0, 9%, 0); } }
@keyframes coboara { from { transform: translate3d(0, -10%, 0); opacity: 0; } }

.erou__continut { align-self: center; padding: calc(var(--antet) + 2.5rem) var(--margine) 2rem; max-width: 46rem; }
.erou__continut > * { animation: apare 0.9s var(--lin) both; }
.erou__continut > :nth-child(1) { animation-delay: 0.25s; }
.erou__continut > :nth-child(2) { animation-delay: 0.35s; }
.erou__continut > :nth-child(3) { animation-delay: 0.45s; }
.erou__continut > :nth-child(4) { animation-delay: 0.55s; }
.erou__continut > :nth-child(5) { animation-delay: 0.65s; }
@keyframes apare { from { transform: translate3d(0, 26px, 0); opacity: 0; } }
.erou__titlu { margin-top: 1.1rem; font: 700 clamp(4rem, 10.5vw, 9.6rem)/0.9 var(--titlu); text-transform: uppercase; letter-spacing: -0.012em; }
.erou__zile, .erou__luna { display: block; }
.erou__zile { font-variant-numeric: lining-nums; }
.erou__loc { margin-top: 1.1rem; font: 600 clamp(1.25rem, 2.3vw, 1.9rem)/1.15 var(--titlu); color: var(--portocaliu); letter-spacing: 0.01em; }
.erou__lead { margin-top: 0.9rem; max-width: 26rem; color: rgba(255, 255, 255, 0.82); font-size: 1.1rem; }
.erou__actiuni { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 0.8rem; }

.erou__jos { position: relative; z-index: 4; display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem 2.6rem; padding: 1.4rem var(--margine) 1.8rem; border-top: 1px solid var(--linie); background: linear-gradient(0deg, rgba(7, 5, 11, 0.7), rgba(7, 5, 11, 0.2)); }
.numaratoare { display: flex; align-items: baseline; gap: 1.1rem; font-family: var(--titlu); }
.numaratoare__et { font: 500 0.78rem/1.2 var(--titlu); letter-spacing: 0.2em; text-transform: uppercase; color: var(--gri); max-width: 6.5em; align-self: center; }
.numaratoare__v { display: inline-flex; align-items: baseline; gap: 0.35rem; }
.numaratoare__v b { font: 700 clamp(1.9rem, 3vw, 2.7rem)/1 var(--titlu); font-variant-numeric: tabular-nums; min-width: 1.25em; text-align: right; }
.numaratoare__v i { font: 500 0.78rem/1 var(--titlu); font-style: normal; letter-spacing: 0.16em; text-transform: uppercase; color: var(--portocaliu); }
.erou__fapte { margin-left: auto; display: flex; flex-wrap: wrap; gap: 0.5rem 1.6rem; font: 500 0.85rem/1 var(--titlu); letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); }
.erou__fapte span + span::before { content: "/"; margin-right: 1.6rem; color: var(--portocaliu); }

@media (max-width: 860px) {
  .erou::before { background: linear-gradient(0deg, rgba(7, 5, 11, 0.96) 0%, rgba(7, 5, 11, 0.86) 36%, rgba(7, 5, 11, 0.15) 66%), linear-gradient(180deg, rgba(7, 5, 11, 0.75) 0%, rgba(7, 5, 11, 0) 20%); }
  .erou__litere { font-size: min(37vw, 23svh); }
  .erou__litere .rev--plin { right: -0.1em; top: 4.6rem; }
  .erou__litere .rev--contur { right: auto; left: -0.5em; top: -0.55em; opacity: 0.55; }
  .erou__continut { align-self: end; padding-top: min(98vw, 60svh); padding-bottom: 1.6rem; }
  .erou__titlu { font-size: clamp(3.4rem, 17.5vw, 5.4rem); margin-top: 0.9rem; }
  .erou__lead { font-size: 1rem; }
  .erou__actiuni { margin-top: 1.4rem; }
  .erou__actiuni .btn { flex: 1 1 auto; justify-content: center; }
  .erou__jos { gap: 1rem 1.4rem; padding-block: 1.1rem 1.4rem; }
  .erou__jos .insigna { display: none; }
  .erou__fapte { display: none; }
  .numaratoare { width: 100%; justify-content: space-between; gap: 0.6rem; }
}

/* ---------- banda cu versetul ---------- */

.banda { background: var(--portocaliu); color: var(--negru); overflow: hidden; border-block: 3px solid var(--negru); position: relative; z-index: 2; }
.banda__sir { display: flex; width: max-content; animation: curge 60s linear infinite; padding: 0.95rem 0 0.85rem; }
.banda__sir span { font: 700 clamp(1.1rem, 1.9vw, 1.6rem)/1 var(--titlu); text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; padding-right: 1.4rem; }
.banda__ref { display: inline-flex; align-items: center; gap: 1.4rem; }
.banda__ref::before, .banda__ref::after { content: ""; width: 0.5em; height: 0.5em; background: var(--negru); transform: rotate(45deg); }
.banda__sir span.banda__ref { padding-right: 1.4rem; }
@keyframes curge { to { transform: translate3d(-33.333%, 0, 0); } }

/* ---------- secțiuni ---------- */

.sectiune { position: relative; padding: clamp(4.5rem, 10vw, 9rem) 0; isolation: isolate; overflow: clip; }
.sectiune::after { content: ""; position: absolute; inset: 0; z-index: 0; background: url("/img/textura.webp") 0 0 / max(1500px, 150vw) auto; pointer-events: none; }
.sectiune--inchis { background: var(--noapte); }
.sectiune--inchis::after { mix-blend-mode: soft-light; opacity: 0.5; }
.sectiune--deschis { background: var(--in); color: var(--negru); }
.sectiune--deschis::after { mix-blend-mode: multiply; opacity: 0.2; }
.sectiune--deschis .supra { color: var(--negru); }
.sectiune--deschis .contur { -webkit-text-stroke-color: var(--negru); }

.cap { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.cap__titlu { margin-top: 1.4rem; font: 700 clamp(2.8rem, 7.4vw, 7rem)/1.03 var(--titlu); text-transform: uppercase; letter-spacing: -0.01em; text-wrap: balance; }
.subcap { display: flex; align-items: baseline; gap: 1rem; margin: clamp(4rem, 8vw, 7rem) 0 clamp(1.5rem, 3vw, 2.5rem); padding-bottom: 1rem; border-bottom: 1.5px solid var(--linie); font: 700 clamp(1.7rem, 3.4vw, 2.8rem)/1 var(--titlu); text-transform: uppercase; }
.cap + .subcap { margin-top: 0; }
.subcap i { font: 600 0.95rem/1 var(--titlu); font-style: normal; color: var(--portocaliu); letter-spacing: 0.1em; transform: translateY(-0.9em); }

/* ---------- tema ---------- */

.tema__grila { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.tema__st { position: sticky; top: calc(var(--antet) + 2rem); }
.tema__titlu { margin-top: 1.6rem; font: 700 clamp(2.6rem, 6vw, 5.6rem)/0.98 var(--titlu); text-transform: uppercase; letter-spacing: -0.01em; text-wrap: balance; }
.tema__titlu em { font-style: normal; color: var(--portocaliu); background: var(--portocaliu) url("/img/granulatie.webp") 0 0 / 80px 80px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tema__dr { display: grid; gap: 1.25rem; font-size: 1.14rem; line-height: 1.62; padding-top: 0.4rem; }
.tema__dr .mare { font: 500 clamp(1.3rem, 2vw, 1.6rem)/1.4 var(--text); }
.tema__dr strong { font-weight: 600; }

.verset { margin: clamp(4rem, 9vw, 7.5rem) 0 0; text-align: center; }
.verset blockquote { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
.verset .rand { display: inline-block; background: var(--negru); color: var(--alb); font: 600 clamp(1.25rem, 3.6vw, 3rem)/1 var(--titlu); text-transform: uppercase; letter-spacing: 0.07em; padding: 0.42em 0.6em 0.36em; }
.verset figcaption { margin-top: 1.3rem; font: 700 clamp(0.95rem, 1.4vw, 1.2rem)/1 var(--titlu); letter-spacing: 0.26em; text-transform: uppercase; color: var(--portocaliu-text); }

.biserici { margin-top: clamp(3rem, 6vw, 5rem); display: grid; grid-template-columns: repeat(7, 1fr); border-top: 1.5px solid var(--negru); border-bottom: 1.5px solid var(--negru); }
.biserici li { padding: 1.1rem 0.4rem 1rem 0.9rem; font: 600 clamp(0.95rem, 1.5vw, 1.35rem)/1.1 var(--titlu); text-transform: uppercase; letter-spacing: 0.03em; border-left: 1.5px solid var(--linie-i); transition: background 0.3s, color 0.3s; }
.biserici li:first-child { border-left: 0; }
.biserici li span { display: block; font-size: 0.72rem; letter-spacing: 0.16em; color: var(--portocaliu-text); margin-bottom: 0.7rem; }
.biserici li:hover span { color: var(--portocaliu); }
.biserici li:hover { background: var(--negru); color: var(--alb); }

@media (max-width: 860px) {
  .tema__grila { grid-template-columns: 1fr; }
  .tema__st { position: static; }
  .tema__dr { font-size: 1.06rem; }
  .biserici { grid-template-columns: repeat(2, 1fr); border-bottom: 0; }
  .biserici li { border-left: 0; border-bottom: 1.5px solid var(--linie-i); padding: 0.9rem 0; display: flex; gap: 0.8rem; align-items: baseline; }
  .biserici li span { margin: 0; }
  .biserici li:last-child { grid-column: 1 / -1; border-bottom: 1.5px solid var(--negru); }
}

/* ---------- bilet ---------- */

.bilete { background: var(--negru) url("/img/fundal.webp") center / cover; }
.bilete::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, var(--negru) 0%, rgba(7, 5, 11, 0.55) 40%, rgba(7, 5, 11, 0.7) 70%, var(--noapte) 100%); }
.bilet { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); filter: drop-shadow(0 40px 60px rgba(0, 0, 0, 0.55)); }
.bilet__corp { background: var(--in); color: var(--negru); padding: clamp(1.8rem, 4.5vw, 4rem); position: relative; --gaura: 15px; -webkit-mask: radial-gradient(circle var(--gaura) at 100% 0, #0000 98%, #000) top right / 100% 51% no-repeat, radial-gradient(circle var(--gaura) at 100% 100%, #0000 98%, #000) bottom right / 100% 51% no-repeat; mask: radial-gradient(circle var(--gaura) at 100% 0, #0000 98%, #000) top right / 100% 51% no-repeat, radial-gradient(circle var(--gaura) at 100% 100%, #0000 98%, #000) bottom right / 100% 51% no-repeat; }
.bilet__corp .supra { color: var(--negru); }
.bilet__titlu { margin-top: 1.6rem; font: 700 clamp(3.4rem, 8.5vw, 7.6rem)/1.08 var(--titlu); text-transform: uppercase; letter-spacing: -0.012em; }
.bilet__locuri { margin-top: 0.2rem; font: 600 clamp(1.2rem, 2.2vw, 1.8rem)/1 var(--titlu); text-transform: uppercase; letter-spacing: 0.06em; }
.bilet__locuri b { color: var(--portocaliu-text); font-weight: 700; }
.trepte { margin-top: clamp(1.8rem, 3.5vw, 3rem); display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
.treapta { border: 2px solid var(--negru); padding: 1.1rem 1.2rem 1.2rem; display: grid; gap: 0.5rem; align-content: start; position: relative; }
.treapta--activ { background: var(--negru); color: var(--alb); }
.treapta__nume { font: 600 0.82rem/1 var(--titlu); letter-spacing: 0.2em; text-transform: uppercase; }
.treapta--activ .treapta__nume { color: var(--portocaliu); }
.treapta__pret { font: 600 1.15rem/1 var(--titlu); text-transform: uppercase; letter-spacing: 0.06em; }
.treapta__pret b { font: 700 clamp(3rem, 6.2vw, 5.2rem)/0.92 var(--titlu); letter-spacing: -0.01em; margin-right: 0.08em; }
.treapta__nota { font: 400 1.5rem/1 var(--mana); color: var(--portocaliu); transform: rotate(-3deg); transform-origin: left; margin-top: 0.3rem; }
.bilet__nota { margin-top: 1.4rem; font-size: 0.98rem; color: rgba(7, 5, 11, 0.72); }

.bilet__cotor { position: relative; overflow: hidden; background: var(--portocaliu) url("/img/granulatie.webp") 0 0 / 80px 80px; color: var(--negru); padding: clamp(1.8rem, 3.5vw, 3rem); display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; border-left: 3px dashed rgba(7, 5, 11, 0.55); --gaura: 15px; -webkit-mask: radial-gradient(circle var(--gaura) at 0 0, #0000 98%, #000) top left / 100% 51% no-repeat, radial-gradient(circle var(--gaura) at 0 100%, #0000 98%, #000) bottom left / 100% 51% no-repeat; mask: radial-gradient(circle var(--gaura) at 0 0, #0000 98%, #000) top left / 100% 51% no-repeat, radial-gradient(circle var(--gaura) at 0 100%, #0000 98%, #000) bottom left / 100% 51% no-repeat; }
.bilet__cotor > * { position: relative; }
.bilet__cotor .rev { position: absolute; right: -0.06em; top: -0.14em; font-size: clamp(4.5rem, 8.4vw, 7.4rem); color: transparent; -webkit-text-stroke: 1.5px rgba(7, 5, 11, 0.3); pointer-events: none; }
.bilet__data { margin-top: auto; font: 700 clamp(2.4rem, 4.6vw, 4rem)/0.92 var(--titlu); text-transform: uppercase; }
.bilet__loc { font: 600 1.05rem/1.2 var(--titlu); text-transform: uppercase; letter-spacing: 0.05em; }
.bilet__cotor .btn { background: var(--negru); color: var(--alb); margin-top: 0.6rem; align-self: stretch; justify-content: space-between; }
.bilet__cotor .btn:hover { background: var(--alb); color: var(--negru); }
.bilet__mic { font-size: 0.9rem; line-height: 1.4; color: rgba(7, 5, 11, 0.78); }

@media (max-width: 860px) {
  .bilet { grid-template-columns: 1fr; }
  .bilet__corp { -webkit-mask: radial-gradient(circle var(--gaura) at 0 100%, #0000 98%, #000) bottom left / 51% 100% no-repeat, radial-gradient(circle var(--gaura) at 100% 100%, #0000 98%, #000) bottom right / 51% 100% no-repeat; mask: radial-gradient(circle var(--gaura) at 0 100%, #0000 98%, #000) bottom left / 51% 100% no-repeat, radial-gradient(circle var(--gaura) at 100% 100%, #0000 98%, #000) bottom right / 51% 100% no-repeat; }
  .bilet__cotor { border-left: 0; border-top: 3px dashed rgba(7, 5, 11, 0.55); -webkit-mask: radial-gradient(circle var(--gaura) at 0 0, #0000 98%, #000) top left / 51% 100% no-repeat, radial-gradient(circle var(--gaura) at 100% 0, #0000 98%, #000) top right / 51% 100% no-repeat; mask: radial-gradient(circle var(--gaura) at 0 0, #0000 98%, #000) top left / 51% 100% no-repeat, radial-gradient(circle var(--gaura) at 100% 0, #0000 98%, #000) top right / 51% 100% no-repeat; }
  .bilet__data { margin-top: 0.4rem; }
  .bilet__cotor .rev { font-size: 5.2rem; -webkit-text-stroke-color: rgba(7, 5, 11, 0.2); }
}
@media (max-width: 480px) { .trepte { grid-template-columns: 1fr; } }

/* ---------- vorbitori ---------- */

.oameni { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(0.7rem, 1.4vw, 1.2rem); }
.om { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--noapte-2); isolation: isolate; }
.om__foto { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.08) brightness(0.92); transform: scale(1.01); transition: filter 0.6s, transform 0.9s var(--lin); }
.om::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(7, 5, 11, 0.94) 0%, rgba(7, 5, 11, 0.5) 26%, rgba(7, 5, 11, 0) 52%); pointer-events: none; }
.om::after { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--violet); mix-blend-mode: color; opacity: 0.55; transition: opacity 0.6s; pointer-events: none; }
.om:hover .om__foto, .om:focus-within .om__foto { filter: none; transform: scale(1.05); }
.om:hover::after, .om:focus-within::after { opacity: 0; }
.om__jos { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: clamp(0.9rem, 1.8vw, 1.5rem); padding-right: 4.2rem; }
.om__nr { font: 600 0.78rem/1 var(--titlu); letter-spacing: 0.18em; color: var(--portocaliu); }
.om__nume { margin-top: 0.55rem; font: 700 clamp(1.25rem, 2.3vw, 2.05rem)/1 var(--titlu); text-transform: uppercase; display: flex; flex-direction: column; align-items: flex-start; gap: 0.22rem; }
.om__nume span { background: var(--negru); padding: 0.26em 0.42em 0.2em; }
.om__rol { margin-top: 0.7rem; font-size: 0.95rem; line-height: 1.35; color: rgba(255, 255, 255, 0.84); max-width: 22em; }
.om__btn { position: absolute; right: clamp(0.8rem, 1.6vw, 1.3rem); bottom: clamp(0.8rem, 1.6vw, 1.3rem); z-index: 3; width: 3rem; height: 3rem; display: grid; place-content: center; background: var(--portocaliu); color: var(--negru); transition: background 0.25s, transform 0.4s var(--lin); }
.om__btn::before { content: ""; position: absolute; inset: -100vmax; }
.om__btn:hover, .om:hover .om__btn { background: var(--alb); transform: rotate(90deg); }
.om--fara { background: var(--portocaliu) url("/img/granulatie.webp") 0 0 / 80px 80px; }
.om--fara::before, .om--fara::after { display: none; }
.om__initiale { position: absolute; left: -0.04em; top: -0.12em; font: 700 clamp(9rem, 21vw, 19rem)/1 var(--titlu); color: transparent; -webkit-text-stroke: 2px var(--negru); letter-spacing: -0.03em; }
.om--fara .om__nr { color: var(--negru); }

@media (max-width: 860px) { .oameni { grid-template-columns: repeat(2, minmax(0, 1fr)); } .om__rol { display: none; } .om__btn { width: 2.5rem; height: 2.5rem; } .om__jos { padding-right: 0.8rem; padding-bottom: 3.6rem; } .om__nume { font-size: clamp(1.02rem, 4.6vw, 1.5rem); } }

/* fișa vorbitorului */
.fisa { border: 0; padding: 0; background: var(--in); color: var(--negru); width: min(60rem, calc(100vw - 2rem)); max-height: min(46rem, calc(100svh - 2rem)); overflow: auto; }
.fisa::backdrop { background: rgba(7, 5, 11, 0.82); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.fisa[open] { animation: fisa 0.45s var(--lin); }
@keyframes fisa { from { opacity: 0; transform: translate3d(0, 30px, 0) scale(0.98); } }
.fisa__in { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); position: relative; }
.fisa__foto img { width: 100%; height: 100%; object-fit: cover; min-height: 100%; }
.fisa__text { padding: clamp(1.6rem, 4vw, 3.2rem); padding-top: clamp(3.4rem, 5vw, 4rem); display: grid; gap: 1rem; align-content: start; }
.fisa__text .supra { color: var(--negru); }
.fisa__text h3 { font: 700 clamp(2rem, 4.4vw, 3.4rem)/0.95 var(--titlu); text-transform: uppercase; margin-bottom: 0.4rem; }
.fisa__text p:last-child { font-weight: 600; }
.fisa__x { position: absolute; top: 0; right: 0; width: 3.2rem; height: 3.2rem; display: grid; place-content: center; background: var(--negru); color: var(--alb); }
.fisa__x .plus { transform: rotate(45deg); }
.fisa__x:hover { background: var(--portocaliu); color: var(--negru); }
@media (max-width: 700px) { .fisa__in { grid-template-columns: 1fr; } .fisa__foto img { aspect-ratio: 5 / 4; object-position: 50% 20%; } .fisa__text { padding-top: 1.6rem; } }

/* ---------- seminarii ---------- */

.seminarii { border-bottom: 1.5px solid var(--linie); margin-top: calc(-1 * clamp(1.5rem, 3vw, 2.5rem)); }
.sem { border-top: 1.5px solid var(--linie); }
.sem:first-child { border-top: 0; }
.sem__cap { display: grid; grid-template-columns: 3.2rem minmax(0, 1.5fr) minmax(0, 1fr) 2.6rem; align-items: center; gap: 1rem clamp(1rem, 2.5vw, 2.5rem); padding: clamp(1.1rem, 2.2vw, 1.8rem) 0; cursor: pointer; list-style: none; transition: padding 0.35s var(--lin), color 0.25s; }
.sem__cap::-webkit-details-marker { display: none; }
.sem--simplu .sem__cap { cursor: default; }
.sem__nr { font: 600 0.9rem/1 var(--titlu); letter-spacing: 0.14em; color: var(--portocaliu); }
.sem__titlu { font: 700 clamp(1.3rem, 2.9vw, 2.5rem)/1.05 var(--titlu); text-transform: uppercase; text-wrap: balance; }
.sem--simplu .sem__titlu { color: transparent; -webkit-text-stroke: 1.2px rgba(255, 255, 255, 0.7); }
.sem:last-child.sem--simplu .sem__titlu { color: var(--alb); -webkit-text-stroke: 0; }
.sem__cine { font: 500 clamp(0.95rem, 1.4vw, 1.15rem)/1.25 var(--titlu); letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); }
.sem__plus { width: 2.6rem; height: 2.6rem; display: grid; place-content: center; border: 1.5px solid var(--linie); transition: background 0.25s, color 0.25s, transform 0.4s var(--lin), border-color 0.25s; }
details .sem__cap:hover { padding-left: 0.8rem; }
details .sem__cap:hover .sem__plus, details[open] .sem__plus { background: var(--portocaliu); border-color: var(--portocaliu); color: var(--negru); }
details[open] .sem__plus { transform: rotate(45deg); }
details[open] .sem__titlu { color: var(--portocaliu); }
.sem__corp { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); gap: clamp(1.2rem, 3vw, 3rem); padding: 0.4rem 0 clamp(1.8rem, 3.5vw, 3rem) calc(3.2rem + clamp(1rem, 2.5vw, 2.5rem)); animation: apare 0.5s var(--lin); }
.sem__foto img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.sem__text { display: grid; gap: 0.9rem; max-width: 46rem; color: rgba(255, 255, 255, 0.86); align-content: start; }
.sem__text h4 { font: 600 0.82rem/1 var(--titlu); letter-spacing: 0.2em; text-transform: uppercase; color: var(--portocaliu); margin-top: 0.6rem; }
.sem__text h4:first-child { margin-top: 0; }
@media (max-width: 860px) {
  .sem__cap { grid-template-columns: 2rem minmax(0, 1fr) 2.6rem; }
  .sem__cine { grid-column: 2; grid-row: 2; margin-top: -0.5rem; }
  .sem__plus { grid-row: 1 / span 2; grid-column: 3; }
  .sem__corp { grid-template-columns: 1fr; padding-left: 0; }
  .sem__foto { max-width: 11rem; }
  details .sem__cap:hover { padding-left: 0; }
}

/* ---------- trupe ---------- */

.trupe { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(1.6rem, 3vw, 2.6rem) clamp(0.9rem, 1.6vw, 1.4rem); }
.trupa { grid-column: span 2; display: grid; gap: 1.1rem; align-content: start; }
.trupa:nth-child(-n + 2) { grid-column: span 3; }
.trupa__foto { aspect-ratio: 3 / 2; overflow: hidden; background: var(--noapte-2); position: relative; }
.trupa__foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.06) brightness(0.9); transition: filter 0.6s, transform 0.9s var(--lin); }
.trupa__foto::after { content: ""; position: absolute; inset: 0; background: var(--violet); mix-blend-mode: color; opacity: 0.5; transition: opacity 0.6s; pointer-events: none; }
.trupa:hover .trupa__foto img { filter: none; transform: scale(1.04); }
.trupa:hover .trupa__foto::after { opacity: 0; }
.trupa--fara .trupa__foto { background: var(--portocaliu) url("/img/granulatie.webp") 0 0 / 80px 80px; display: grid; place-content: center; }
.trupa--fara .trupa__foto::after { display: none; }
.trupa--fara .trupa__foto span { font: 700 clamp(3.4rem, 9.5vw, 8.5rem)/0.85 var(--titlu); text-transform: uppercase; color: var(--negru); letter-spacing: -0.02em; white-space: nowrap; }
.trupa__text { display: grid; grid-template-columns: auto 1fr; gap: 0.5rem 0.9rem; align-items: baseline; }
.trupa__nr { font: 600 0.78rem/1 var(--titlu); letter-spacing: 0.18em; color: var(--portocaliu); }
.trupa h4 { font: 700 clamp(1.4rem, 2.4vw, 2rem)/1 var(--titlu); text-transform: uppercase; }
.trupa p { grid-column: 1 / -1; color: rgba(255, 255, 255, 0.8); font-size: 1rem; }
@media (max-width: 860px) { .trupe { grid-template-columns: 1fr; } .trupa, .trupa:nth-child(-n + 2) { grid-column: auto; } }

/* ---------- program ---------- */

.zile { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 2px solid var(--negru); }
.zi { border-left: 2px solid var(--negru); display: flex; flex-direction: column; }
.zi:first-child { border-left: 0; }
.zi__cap { display: flex; align-items: flex-end; gap: 0.8rem; padding: 1.1rem 1.1rem 1rem; border-bottom: 2px solid var(--negru); background: var(--negru); color: var(--alb); }
.zi__nr { font: 700 clamp(3.4rem, 6.4vw, 6rem)/0.82 var(--titlu); color: var(--portocaliu); letter-spacing: -0.02em; }
.zi__et { display: grid; gap: 0.3rem; font: 500 0.82rem/1 var(--titlu); letter-spacing: 0.18em; text-transform: uppercase; padding-bottom: 0.3rem; color: rgba(255, 255, 255, 0.72); }
.zi__et b { font-weight: 700; color: var(--alb); }
.sloturi { display: grid; align-content: start; flex: 1; }
.slot { display: grid; gap: 0.35rem; padding: 1rem 1.1rem 1.05rem; border-bottom: 1.5px solid var(--linie-i); }
.slot:last-child { border-bottom: 0; }
.slot time { font: 500 0.88rem/1 var(--titlu); letter-spacing: 0.1em; font-variant-numeric: tabular-nums; color: rgba(7, 5, 11, 0.66); }
.slot span { font: 600 clamp(1.1rem, 1.7vw, 1.45rem)/1.1 var(--titlu); text-transform: uppercase; letter-spacing: 0.02em; }
.slot--sesiune { background: var(--portocaliu) url("/img/granulatie.webp") 0 0 / 80px 80px; border-bottom-color: var(--negru); }
.slot--sesiune time { color: rgba(7, 5, 11, 0.8); }
.slot--sesiune span { font-weight: 700; font-size: clamp(1.3rem, 2.1vw, 1.85rem); }
.slot--seminar span { font-weight: 500; }
.program__nota { margin-top: 1.4rem; font-size: 0.98rem; color: rgba(7, 5, 11, 0.7); }
@media (max-width: 1000px) { .zile { grid-template-columns: repeat(2, minmax(0, 1fr)); } .zi:nth-child(3) { border-left: 0; } .zi:nth-child(n + 3) { border-top: 2px solid var(--negru); } }
@media (max-width: 560px) { .zile { grid-template-columns: 1fr; } .zi { border-left: 0; } .zi + .zi { border-top: 2px solid var(--negru); } }

/* ---------- informații ---------- */

.info__grila { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.info__st { position: sticky; top: calc(var(--antet) + 2rem); }
.info .cap__titlu { font-size: clamp(2.6rem, 5.4vw, 5rem); }
.loc { margin-top: clamp(2rem, 4vw, 3.2rem); font-style: normal; display: grid; gap: 0.5rem; justify-items: start; padding: 1.6rem; border: 1.5px solid var(--linie); background: rgba(255, 255, 255, 0.03); }
.loc strong { margin-top: 0.7rem; font: 700 clamp(1.5rem, 2.5vw, 2.1rem)/1.05 var(--titlu); text-transform: uppercase; }
.loc > span:not(.eticheta) { color: rgba(255, 255, 255, 0.8); }
.loc .link { margin-top: 0.9rem; }
.intrebare { border-top: 1.5px solid var(--linie); }
.intrebare:last-child { border-bottom: 1.5px solid var(--linie); }
.intrebare summary { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: 1.35rem 0; cursor: pointer; list-style: none; font: 600 clamp(1.15rem, 1.9vw, 1.55rem)/1.2 var(--titlu); text-transform: uppercase; letter-spacing: 0.01em; transition: color 0.25s; }
.intrebare summary::-webkit-details-marker { display: none; }
.intrebare summary .plus { flex: none; color: var(--portocaliu); transition: transform 0.4s var(--lin); }
.intrebare summary:hover, .intrebare[open] summary { color: var(--portocaliu); }
.intrebare[open] summary .plus { transform: rotate(45deg); }
.intrebare__r { display: grid; gap: 0.8rem; padding: 0 2.6rem 1.7rem 0; color: rgba(255, 255, 255, 0.86); animation: apare 0.45s var(--lin); }
.intrebare__r a { color: var(--portocaliu); text-underline-offset: 3px; }
.intrebare__r strong { color: var(--alb); font-weight: 600; }
.iban { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.7rem; vertical-align: middle; }
.iban__nr { font: 600 1.02rem/1 var(--titlu); letter-spacing: 0.06em; background: var(--alb); color: var(--negru); padding: 0.5em 0.6em 0.44em; white-space: nowrap; }
.iban__btn { font: 600 0.78rem/1 var(--titlu); letter-spacing: 0.14em; text-transform: uppercase; border: 1.5px solid var(--portocaliu); color: var(--portocaliu); padding: 0.62em 0.8em 0.56em; transition: background 0.2s, color 0.2s; }
.iban__btn:hover, .iban__btn.e-copiat { background: var(--portocaliu); color: var(--negru); }
@media (max-width: 860px) { .info__grila { grid-template-columns: 1fr; } .info__st { position: static; } .intrebare__r { padding-right: 0; } }

/* ---------- final ---------- */

.final { position: relative; overflow: hidden; isolation: isolate; padding: clamp(5rem, 12vw, 10rem) var(--margine); background: var(--negru); text-align: center; }
.final__fundal { position: absolute; inset: 0; z-index: -3; }
.final__fundal img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; }
.final::after { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/img/textura.webp") 0 0 / 200% auto; mix-blend-mode: soft-light; opacity: 0.7; }
.final__litere { position: absolute; inset: 0; z-index: -2; display: flex; flex-direction: column; justify-content: center; font: 700 clamp(6rem, 25vw, 24rem)/0.82 var(--titlu); white-space: nowrap; pointer-events: none; }
.final__litere span { display: block; color: transparent; -webkit-text-stroke: 1.5px var(--portocaliu); opacity: 0.75; will-change: transform; }
.final__litere span:last-child { align-self: flex-end; transform: rotate(180deg); opacity: 0.35; }
.final__in { display: grid; justify-items: center; gap: 1.5rem; }
.final__data { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; }
.final__data span { background: var(--negru); font: 600 clamp(1.3rem, 3.4vw, 2.8rem)/1 var(--titlu); text-transform: uppercase; letter-spacing: 0.06em; padding: 0.42em 0.6em 0.36em; }
.final__data span + span { color: var(--portocaliu); }
.final .btn { font-size: 1.15rem; }

/* ---------- subsol ---------- */

.subsol { background: var(--negru); border-top: 1px solid var(--linie); padding: clamp(2.5rem, 5vw, 4rem) 0 1.6rem; font-size: 0.98rem; color: rgba(255, 255, 255, 0.76); }
.subsol__grila { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 2rem; }
.subsol__t { margin-top: 1.1rem; line-height: 1.5; }
.subsol nav { display: grid; gap: 0.75rem; justify-items: start; align-content: start; }
.subsol nav a { font: 500 0.88rem/1 var(--titlu); letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; }
.subsol nav a:hover, .subsol__jos a:hover { color: var(--portocaliu); }
.subsol__et { font: 600 0.78rem/1 var(--titlu); letter-spacing: 0.2em; text-transform: uppercase; color: var(--portocaliu); margin-bottom: 0.9rem; }
.subsol__mail { font: 600 clamp(1.05rem, 1.6vw, 1.3rem)/1.2 var(--titlu); color: var(--alb); text-decoration: none; border-bottom: 2px solid var(--portocaliu); overflow-wrap: anywhere; }
.subsol__adr { margin-top: 0.9rem; }
.subsol__jos { margin-top: clamp(2rem, 4vw, 3.5rem); padding-top: 1.3rem; border-top: 1px solid var(--linie); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.6rem 2rem; font-size: 0.86rem; color: var(--gri); }
@media (max-width: 760px) { .subsol__grila { grid-template-columns: 1fr; } }

/* ---------- apariții la derulare ---------- */

.e-ascuns { opacity: 0; transform: translate3d(0, 34px, 0); }
.e-vazut { opacity: 1; transform: none; transition: opacity 0.8s var(--lin), transform 0.9s var(--lin); transition-delay: var(--d, 0s); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }
  .e-ascuns { opacity: 1; transform: none; }
}

@media print { .antet, .banda, .final, .erou__litere { display: none; } body { background: #fff; color: #000; } }

/* ---------- pagina de lansare (numărătoarea) ---------- */
.lansare .erou__continut { max-width: 52rem; padding-top: calc(var(--antet) + 1rem); }
.lansare__sus { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem; }
.lansare__titlu { margin-top: 1.8rem; font: 600 clamp(1.3rem, 2.6vw, 2.1rem)/1 var(--titlu); text-transform: uppercase; letter-spacing: 0.22em; color: rgba(255, 255, 255, 0.86); }
.ceas { margin-top: 1rem; display: flex; gap: clamp(0.7rem, 2.2vw, 2.2rem); }
.ceas__v { display: grid; gap: 0.6rem; }
.ceas__v b { font: 700 clamp(3.6rem, 7.3vw, 7rem)/0.86 var(--titlu); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; min-width: 1.18em; }
.ceas__v i { font: 600 clamp(0.72rem, 1.1vw, 0.95rem)/1 var(--titlu); font-style: normal; letter-spacing: 0.24em; text-transform: uppercase; color: var(--portocaliu); }
.ceas__v + .ceas__v { padding-left: clamp(0.7rem, 2.2vw, 2.2rem); border-left: 1.5px solid var(--linie); }
.lansare__cand { margin-top: 1.8rem; display: inline-block; background: var(--negru); font: 600 clamp(1.1rem, 2.2vw, 1.7rem)/1 var(--titlu); text-transform: uppercase; letter-spacing: 0.07em; padding: 0.5em 0.65em 0.44em; }
.lansare .erou__jos { justify-content: flex-start; }
.lansare__fapte { display: flex; flex-wrap: wrap; gap: 0.5rem 1.6rem; font: 500 clamp(0.85rem, 1.3vw, 1.05rem)/1.2 var(--titlu); letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.86); }
.lansare__fapte span + span::before { content: "/"; margin-right: 1.6rem; color: var(--portocaliu); }
@media (max-width: 860px) {
  .lansare .erou__continut { padding-top: min(92vw, 54svh); }
  .lansare__fapte { flex-direction: column; }
  .lansare__fapte span + span::before { display: none; }
  .ceas__v b { font-size: clamp(2.9rem, 16.5vw, 5rem); }
}

/* ---------- pagina 404 ---------- */
.negasit { min-height: 100svh; display: grid; place-content: center; justify-items: start; gap: 1.4rem; padding: 6rem var(--margine); position: relative; isolation: isolate; overflow: hidden; background: var(--negru) url("/img/fundal-m.webp") center / cover; }
.negasit::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(7, 5, 11, 0.72); }
.negasit h1 { font: 700 clamp(6rem, 26vw, 18rem)/0.85 var(--titlu); color: var(--portocaliu); background: var(--portocaliu) url("/img/granulatie.webp") 0 0 / 80px 80px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.negasit p { font: 600 clamp(1.3rem, 3vw, 2rem)/1.2 var(--titlu); text-transform: uppercase; max-width: 18em; }