{"id":1066,"date":"2020-03-30T10:32:27","date_gmt":"2020-03-30T10:32:27","guid":{"rendered":"https:\/\/pelicula.qodeinteractive.com\/?page_id=1066"},"modified":"2026-10-17T17:19:40","modified_gmt":"2026-10-17T14:19:40","slug":"despre-filmmic","status":"publish","type":"page","link":"https:\/\/filmmic.ro\/wp69\/despre-filmmic\/","title":{"rendered":"Despre filmmic"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1066\" class=\"elementor elementor-1066\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13efc59 elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-height-default elementor-section-items-middle qodef-elementor-content-no\" data-id=\"13efc59\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a14d76\" data-id=\"1a14d76\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6942c3c elementor-widget elementor-widget-html\" data-id=\"6942c3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"site-header\">\r\n  <a href=\"https:\/\/filmmic.ro\/wp69\/\" class=\"site-header__logo\">\r\n    <div class=\"logo-fx-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2021\/09\/filmmic_logo_light.svg\" alt=\"Filmmic Logo\">\r\n      <div class=\"logo-scanner\"><\/div>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <div class=\"site-header__nav-wrapper\">\r\n    <input type=\"checkbox\" id=\"nav-toggle\" class=\"site-header__checkbox\">\r\n    \r\n    <div class=\"site-header__bar\">\r\n      <nav class=\"site-header__horizon\">\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/despre-filmmic\/\">Despre Festival<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/regulament\/\">Regulament<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/juriu\/\">Juriu<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/finalisti-2026\/\">Finali\u0219ti 2026<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/voluntari\/\">Voluntari<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/inscrieri\/\">\u00censcrieri<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/contact\/\">Contact<\/a>\r\n      <\/nav>\r\n\r\n      <label for=\"nav-toggle\" class=\"site-header__burger\" aria-label=\"Meniu\">\r\n        <span class=\"line\"><\/span>\r\n        <span class=\"line line--short\"><\/span>\r\n        <span class=\"line\"><\/span>\r\n      <\/label>\r\n    <\/div>\r\n\r\n    <div class=\"site-header__dropdown\">\r\n      <nav class=\"site-header__vertical\">\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/despre-filmmic\/\"><span class=\"num\">01<\/span> Despre Festival<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/regulament\/\"><span class=\"num\">02<\/span> Regulament<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/juriu\/\"><span class=\"num\">03<\/span> Juriu<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/finalisti-2026\/\"><span class=\"num\">04<\/span> Finali\u0219ti 2026<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/voluntari\/\"><span class=\"num\">05<\/span> Voluntari<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/inscrieri\/\"><span class=\"num\">06<\/span> \u00censcrieri<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/contact\/\"><span class=\"num\">07<\/span> Contact<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700&display=swap');\r\n\r\n.site-header {\r\n  --hdr-bg: #0c0c10;\r\n  --hdr-text: #ffffff;\r\n  --hdr-border: rgba(255, 255, 255, 0.4);\r\n  --hdr-font: 'Space Grotesk', sans-serif;\r\n  \r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  font-family: var(--hdr-font);\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n.site-header__logo {\r\n  display: inline-flex;\r\n  margin: 10px 0 0 20px;\r\n  text-decoration: none;\r\n}\r\n\r\n.logo-fx-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  padding: 4px;\r\n}\r\n\r\n.site-header__logo img {\r\n  height: 65px;\r\n  width: auto;\r\n  object-fit: contain;\r\n  display: block;\r\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;\r\n}\r\n\r\n\/* Raza de lumin\u0103 cinematografic\u0103 (Scanner Sweep) *\/\r\n.logo-scanner {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -150%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent 0%,\r\n    rgba(229, 9, 20, 0.2) 40%,\r\n    rgba(255, 255, 255, 0.6) 50%,\r\n    rgba(229, 9, 20, 0.2) 60%,\r\n    transparent 100%\r\n  );\r\n  transform: skewX(-25deg);\r\n  pointer-events: none;\r\n  animation: logoSweep 6s infinite ease-in-out;\r\n}\r\n\r\n@keyframes logoSweep {\r\n  0%, 70% {\r\n    left: -150%;\r\n  }\r\n  100% {\r\n    left: 150%;\r\n  }\r\n}\r\n\r\n\/* Efecte interactive la Hover *\/\r\n.site-header__logo:hover img {\r\n  transform: scale(1.04);\r\n  filter: drop-shadow(0 0 10px rgba(229, 9, 20, 0.8)) drop-shadow(0 0 20px rgba(229, 9, 20, 0.4));\r\n}\r\n\r\n.site-header__logo:hover .logo-scanner {\r\n  animation: logoSweepFast 0.8s ease-in-out;\r\n}\r\n\r\n@keyframes logoSweepFast {\r\n  0% { left: -150%; }\r\n  100% { left: 150%; }\r\n}\r\n\r\n.site-header__nav-wrapper {\r\n  position: relative;\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  margin-left: auto;\r\n}\r\n\r\n.site-header__checkbox {\r\n  position: absolute;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.site-header__bar {\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid var(--hdr-border);\r\n}\r\n\r\n.site-header__horizon {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.site-header__horizon a {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 16px 20px;\r\n  color: var(--hdr-text);\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n  white-space: nowrap;\r\n  transition: background 0.2s, color 0.2s;\r\n}\r\n\r\n.site-header__horizon a:hover {\r\n  background: var(--hdr-text);\r\n  color: var(--hdr-bg);\r\n}\r\n\r\n.site-header__burger {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  padding: 16px 20px;\r\n  cursor: pointer;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.site-header__burger .line {\r\n  display: block;\r\n  width: 24px;\r\n  height: 2px;\r\n  background: var(--hdr-text);\r\n  transition: transform 0.3s, opacity 0.3s, width 0.3s;\r\n}\r\n\r\n.site-header__burger .line--short {\r\n  width: 16px;\r\n  margin-left: auto;\r\n}\r\n\r\n.site-header__burger:hover {\r\n  background: var(--hdr-text);\r\n}\r\n\r\n.site-header__burger:hover .line {\r\n  background: var(--hdr-bg);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger {\r\n  background: var(--hdr-text);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line {\r\n  background: var(--hdr-bg);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line:nth-child(1) {\r\n  transform: translateY(7px) rotate(45deg);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line--short {\r\n  opacity: 0;\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line:nth-child(3) {\r\n  transform: translateY(-7px) rotate(-45deg);\r\n  width: 24px;\r\n}\r\n\r\n.site-header__dropdown {\r\n  display: none;\r\n  position: absolute;\r\n  top: 100%;\r\n  right: 0;\r\n  width: 100%;\r\n  background: rgba(12, 12, 16, 0.95);\r\n  backdrop-filter: blur(12px);\r\n  border: 1px solid var(--hdr-border);\r\n  border-top: none;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__dropdown {\r\n  display: block;\r\n}\r\n\r\n.site-header__vertical {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.site-header__vertical a {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 14px 20px;\r\n  color: var(--hdr-text);\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.site-header__vertical a:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.site-header__vertical .num {\r\n  font-size: 10px;\r\n  opacity: 0.5;\r\n  font-family: monospace;\r\n}\r\n\r\n.site-header__vertical a:hover {\r\n  background: var(--hdr-text);\r\n  color: var(--hdr-bg);\r\n  padding-left: 26px;\r\n}\r\n\r\n.site-header__vertical a:hover .num {\r\n  color: var(--hdr-bg);\r\n  opacity: 1;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .site-header__horizon {\r\n    display: none;\r\n  }\r\n  \r\n  .site-header__dropdown {\r\n    min-width: 250px;\r\n  }\r\n  \r\n  .site-header__logo {\r\n    margin-left: 10px;\r\n  }\r\n  \r\n  .site-header__logo img {\r\n    height: 50px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('click', (e) => {\r\n  const wrapper = document.querySelector('.site-header__nav-wrapper');\r\n  const checkbox = document.getElementById('nav-toggle');\r\n  \r\n  if (checkbox?.checked && wrapper && !wrapper.contains(e.target)) {\r\n    checkbox.checked = false;\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14c2a32 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"14c2a32\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-222e63a\" data-id=\"222e63a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e35b741 elementor-widget elementor-widget-html\" data-id=\"e35b741\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .hero-dynamic-wrapper {\r\n    position: relative;\r\n    background-color: transparent;\r\n    min-height: 480px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    font-family: 'Space Grotesk', 'Oswald', sans-serif;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #hero-canvas {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hero-dynamic-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    max-width: 1000px;\r\n  }\r\n\r\n  .rec-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(229, 9, 20, 0.12);\r\n    border: 1px solid rgba(229, 9, 20, 0.4);\r\n    padding: 6px 16px;\r\n    color: #ffffff;\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .rec-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background-color: #e50914;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 10px #e50914;\r\n    animation: blink 1.2s infinite ease-in-out;\r\n  }\r\n\r\n  @keyframes blink {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.3; transform: scale(0.8); }\r\n  }\r\n\r\n  .glitch-title {\r\n    font-size: clamp(3rem, 9vw, 6.8rem);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n    letter-spacing: -1px;\r\n    margin: 0 0 20px 0;\r\n    line-height: 0.95;\r\n    position: relative;\r\n    text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .glitch-title .red-glow {\r\n    color: #e50914;\r\n    text-shadow: 0 0 15px rgba(229, 9, 20, 0.6);\r\n  }\r\n\r\n  .theme-box-interactive {\r\n    display: inline-block;\r\n    background: rgba(18, 18, 22, 0.8);\r\n    border: 1px solid #22222d;\r\n    border-bottom: 2px solid #e50914;\r\n    padding: 14px 28px;\r\n    backdrop-filter: blur(8px);\r\n    transition: transform 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .theme-box-interactive:hover {\r\n    transform: translateY(-3px);\r\n    border-color: #e50914;\r\n  }\r\n\r\n  .theme-text-content {\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: #a0a0b0;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .theme-text-content span {\r\n    color: #ffffff;\r\n    border-bottom: none;\r\n    font-style: italic;\r\n    padding-bottom: 0;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hero-dynamic-wrapper\">\r\n  <canvas id=\"hero-canvas\"><\/canvas>\r\n\r\n  <div class=\"hero-dynamic-content\">\r\n    <div class=\"rec-badge\">\r\n      <span class=\"rec-dot\"><\/span>\r\n      Edi\u021bia a XIX-a\r\n    <\/div>\r\n\r\n    <h1 class=\"glitch-title\">\r\n      DESPRE <span class=\"red-glow\">FILMMIC<\/span>\r\n    <\/h1>\r\n\r\n    <div class=\"theme-box-interactive\">\r\n      <div class=\"theme-text-content\">\r\n        TEMA: <span> VA URMA - Edi\u021bia a XIX-a<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const canvas = document.getElementById('hero-canvas');\r\n    if (!canvas) return;\r\n    const ctx = canvas.getContext('2d');\r\n\r\n    let width, height;\r\n    let particles = [];\r\n\r\n    function resize() {\r\n      width = canvas.width = canvas.parentElement.offsetWidth;\r\n      height = canvas.height = canvas.parentElement.offsetHeight;\r\n    }\r\n\r\n    window.addEventListener('resize', resize);\r\n    resize();\r\n\r\n    class Particle {\r\n      constructor() {\r\n        this.x = Math.random() * width;\r\n        this.y = Math.random() * height;\r\n        this.vx = (Math.random() - 0.5) * 0.6;\r\n        this.vy = (Math.random() - 0.5) * 0.6;\r\n        this.size = Math.random() * 2 + 1;\r\n        this.color = Math.random() > 0.3 ? 'rgba(229, 9, 20, ' : 'rgba(255, 255, 255, ';\r\n        this.alpha = Math.random() * 0.5 + 0.2;\r\n      }\r\n\r\n      update() {\r\n        this.x += this.vx;\r\n        this.y += this.vy;\r\n\r\n        if (this.x < 0 || this.x > width) this.vx *= -1;\r\n        if (this.y < 0 || this.y > height) this.vy *= -1;\r\n      }\r\n\r\n      draw() {\r\n        ctx.beginPath();\r\n        ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n        ctx.fillStyle = this.color + this.alpha + ')';\r\n        ctx.fill();\r\n      }\r\n    }\r\n\r\n    for (let i = 0; i < 45; i++) {\r\n      particles.push(new Particle());\r\n    }\r\n\r\n    function animate() {\r\n      ctx.clearRect(0, 0, width, height);\r\n\r\n      for (let i = 0; i < particles.length; i++) {\r\n        particles[i].update();\r\n        particles[i].draw();\r\n\r\n        for (let j = i + 1; j < particles.length; j++) {\r\n          const dx = particles[i].x - particles[j].x;\r\n          const dy = particles[i].y - particles[j].y;\r\n          const dist = Math.sqrt(dx * dx + dy * dy);\r\n\r\n          if (dist < 110) {\r\n            ctx.beginPath();\r\n            ctx.moveTo(particles[i].x, particles[i].y);\r\n            ctx.lineTo(particles[j].x, particles[j].y);\r\n            ctx.strokeStyle = `rgba(229, 9, 20, ${0.15 * (1 - dist \/ 110)})`;\r\n            ctx.lineWidth = 0.8;\r\n            ctx.stroke();\r\n          }\r\n        }\r\n      }\r\n      requestAnimationFrame(animate);\r\n    }\r\n\r\n    animate();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1469c79 elementor-section-full_width elementor-section-content-top elementor-section-stretched elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"1469c79\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5604b06\" data-id=\"5604b06\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d4bb4b7 elementor-widget elementor-widget-html\" data-id=\"d4bb4b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"quote-glow-wrapper\">\r\n  <div class=\"quote-glow-effect\"><\/div>\r\n\r\n  <div class=\"quote-glow-content\">\r\n    <div class=\"quote-tag\">\r\n      <span class=\"dot\"><\/span>\r\n      <span class=\"tag-text\">DECLARA\u021aIE<\/span>\r\n    <\/div>\r\n\r\n    <p class=\"quote-phrase\">\r\n      \u201eCreativitatea cere curaj\u201d\r\n    <\/p>\r\n\r\n    <div class=\"quote-author-row\">\r\n      <span class=\"author-name\">HENRI MATISSE<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Plus+Jakarta+Sans:wght@500;700&display=swap');\r\n\r\n.quote-glow-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 40px 24px 80px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Glow ro\u0219u dinamic de fundal mutat sus *\/\r\n.quote-glow-effect {\r\n  position: absolute;\r\n  top: 10%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 320px;\r\n  height: 320px;\r\n  background: radial-gradient(circle, rgba(229, 9, 20, 0.28) 0%, rgba(229, 9, 20, 0.05) 50%, transparent 70%);\r\n  filter: blur(60px);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: pulseGlow 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes pulseGlow {\r\n  0% {\r\n    transform: translateX(-50%) scale(0.9);\r\n    opacity: 0.6;\r\n  }\r\n  100% {\r\n    transform: translateX(-50%) scale(1.25);\r\n    opacity: 0.95;\r\n  }\r\n}\r\n\r\n.quote-glow-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 780px;\r\n  width: 100%;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 24px;\r\n}\r\n\r\n.quote-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 14px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 100px;\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.quote-tag .dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #e50914;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 8px #e50914;\r\n}\r\n\r\n.quote-tag .tag-text {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3.5px;\r\n  color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.quote-phrase {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-style: italic;\r\n  font-weight: 500;\r\n  font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n  line-height: 1.25;\r\n  color: #ffffff;\r\n  margin: 0;\r\n  letter-spacing: -0.01em;\r\n  text-shadow: 0 0 30px rgba(255, 255, 255, 0.15);\r\n  transition: transform 0.4s ease, color 0.4s ease;\r\n  cursor: default;\r\n}\r\n\r\n.quote-phrase:hover {\r\n  transform: scale(1.015);\r\n  color: #fff;\r\n  text-shadow: 0 0 20px rgba(229, 9, 20, 0.4);\r\n}\r\n\r\n.quote-author-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.author-name {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 4px;\r\n  color: rgba(255, 255, 255, 0.45);\r\n  text-transform: uppercase;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .quote-glow-wrapper {\r\n    padding: 30px 20px 60px 20px;\r\n  }\r\n\r\n  .quote-glow-effect {\r\n    width: 220px;\r\n    height: 220px;\r\n    filter: blur(45px);\r\n  }\r\n  \r\n  .quote-glow-content {\r\n    gap: 18px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62d403b elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"62d403b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54fa1d2\" data-id=\"54fa1d2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d3c67a0 elementor-widget elementor-widget-html\" data-id=\"d3c67a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"story-title-laser\">\r\n  <div class=\"glow-backdrop\"><\/div>\r\n\r\n  <div class=\"title-content\">\r\n    <div class=\"status-tag\">\r\n      <span class=\"live-pulse\"><\/span>\r\n      <span class=\"tag-label\">ORIGINI \/\/ 01<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"laser-title\">\r\n      <span class=\"prefix\">POVESTEA <\/span>\r\n      <span class=\"laser-text\">FILMMIC<\/span>\r\n    <\/h2>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@800;900&family=Plus+Jakarta+Sans:wght@700&display=swap');\r\n\r\n.story-title-laser {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 90px 24px 30px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.glow-backdrop {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 450px;\r\n  height: 150px;\r\n  background: radial-gradient(ellipse, rgba(255, 0, 60, 0.45) 0%, rgba(229, 9, 20, 0.12) 60%, transparent 80%);\r\n  filter: blur(60px);\r\n  pointer-events: none;\r\n}\r\n\r\n.title-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.status-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 14px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 0, 60, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.live-pulse {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px #ff003c;\r\n  animation: blink 1.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.2; }\r\n}\r\n\r\n.tag-label {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.laser-title {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2.4rem, 6.5vw, 5.2rem);\r\n  font-weight: 900;\r\n  margin: 0;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.prefix {\r\n  color: #ffffff;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.laser-text {\r\n  position: relative;\r\n  background: linear-gradient(\r\n    90deg, \r\n    #ff003c 0%, \r\n    #ff4d6d 25%, \r\n    #ffffff 50%, \r\n    #ff4d6d 75%, \r\n    #ff003c 100%\r\n  );\r\n  background-size: 200% auto;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  text-shadow: 0 0 25px rgba(255, 0, 60, 0.6);\r\n  animation: laserShine 3s linear infinite;\r\n}\r\n\r\n.laser-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -4px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: #ff003c;\r\n  box-shadow: 0 0 12px #ff003c, 0 0 25px #ff003c;\r\n  animation: scanLine 2s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes laserShine {\r\n  0% { background-position: 0% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n\r\n@keyframes scanLine {\r\n  0% { transform: scaleX(0.3); opacity: 0.4; }\r\n  100% { transform: scaleX(1); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .story-title-laser {\r\n    padding: 60px 16px 20px 16px;\r\n  }\r\n  \r\n  .laser-title {\r\n    gap: 8px;\r\n  }\r\n  \r\n  .glow-backdrop {\r\n    width: 280px;\r\n    height: 100px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e845706 elementor-section-stretched elementor-section-full_width elementor-section-height-min-height elementor-section-items-top elementor-section-content-top elementor-section-height-default qodef-elementor-content-no\" data-id=\"e845706\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66b001c\" data-id=\"66b001c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7d578c elementor-widget elementor-widget-html\" data-id=\"f7d578c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"story-interactive-section\">\r\n  <!-- Checkbox pentru toggle-ul interactiv -->\r\n  <input type=\"checkbox\" id=\"story-toggle\" class=\"story-checkbox\" \/>\r\n\r\n  <!-- Butonul de declan\u0219are -->\r\n  <div class=\"trigger-wrapper\">\r\n    <label for=\"story-toggle\" class=\"interactive-btn\">\r\n      <span class=\"btn-glow\"><\/span>\r\n      <span class=\"btn-text\">CLICK AICI PENTRU A DESCOPERI POVESTEA DIN CULISELE PROIECTULUI<\/span>\r\n      <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n        <path d=\"M7 13l5 5 5-5M12 6v12\"\/>\r\n      <\/svg>\r\n    <\/label>\r\n  <\/div>\r\n\r\n  <!-- Con\u021binutul extins -->\r\n  <div class=\"revealed-content\">\r\n    \r\n    <div class=\"story-boxes-grid\">\r\n      \r\n      <!-- C\u0103su\u021ba 1 -->\r\n      <div class=\"story-box box-1\">\r\n        <div class=\"box-header\">\r\n          <span class=\"box-year\">2007<\/span>\r\n        <\/div>\r\n        <div class=\"box-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2025\/11\/DSC1222-scaled-1.jpg\" alt=\"\u00cenceputurile Filmmic 2007\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru m\u0103rire<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Filmmic a \u00eenceput ca o simpl\u0103 idee: un festival \u00een care elevii \u00ee\u0219i puteau transforma pasiunea pentru cinema \u00een crea\u021bii reale, v\u0103zute pe marele ecran.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- C\u0103su\u021ba 2 -->\r\n      <div class=\"story-box box-2\">\r\n        <div class=\"box-header\">\r\n          <span class=\"box-year\">EDI\u021aIA I<\/span>\r\n        <\/div>\r\n        <div class=\"box-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2025\/11\/DSC1127-scaled-1.jpg\" alt=\"Echipe \u0219i entuziasm\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru m\u0103rire<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Prima edi\u021bie a reunit c\u00e2teva echipe curajoase, camere modeste \u0219i mult entuziasm, demonstr\u00e2nd c\u0103 existau talent, dorin\u021b\u0103 \u0219i curaj.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- C\u0103su\u021ba 3 -->\r\n      <div class=\"story-box box-3\">\r\n        <div class=\"box-header\">\r\n          <span class=\"box-year\">PROGRES<\/span>\r\n        <\/div>\r\n        <div class=\"box-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2025\/11\/Ed-11.jpg\" alt=\"Evolu\u021bia festivalului\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru m\u0103rire<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Cu fiecare an, festivalul a progresat: mai multe echipe, filme mai complexe, workshopuri, invita\u021bi \u0219i parteneriate.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- C\u0103su\u021ba 4 -->\r\n      <div class=\"story-box box-4\">\r\n        <div class=\"box-header\">\r\n          <span class=\"box-year\">EVOLU\u021aIE<\/span>\r\n        <\/div>\r\n        <div class=\"box-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2025\/11\/DSC1378-1-scaled-2.jpg\" alt=\"Workshopuri Filmmic\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru m\u0103rire<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Filmmic a devenit un loc \u00een care tinerii \u00eenva\u021b\u0103, experimenteaz\u0103, gre\u0219esc, evolueaz\u0103 \u0219i \u00ee\u0219i spun propriile pove\u0219ti a\u0219a cum \u00ee\u0219i doresc.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- C\u0103su\u021ba 5 -->\r\n      <div class=\"story-box box-5\">\r\n        <div class=\"box-header\">\r\n          <span class=\"box-year\">PREZENT<\/span>\r\n        <\/div>\r\n        <div class=\"box-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2025\/11\/DSC1205-scaled-3.jpg\" alt=\"Procesul creativ\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru m\u0103rire<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Ast\u0103zi, Filmmic nu mai este doar un concurs. Este o comunitate.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- C\u0103su\u021ba 6 -->\r\n      <div class=\"story-box box-6\">\r\n        <div class=\"box-header\">\r\n          <span class=\"box-year\">VIITOR<\/span>\r\n        <\/div>\r\n        <div class=\"box-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2025\/11\/Ed-16-scaled.jpg\" alt=\"Comunitatea Filmmic actual\u0103\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru m\u0103rire<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          O ramp\u0103 de lansare pentru viitor: regizori, editori, actori, scenari\u0219ti \u0219i vis\u0103tori.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Lightbox Modal pentru Zoom la Poze -->\r\n<div id=\"storyLightbox\" class=\"lightbox-modal\" onclick=\"closeLightbox()\">\r\n  <span class=\"lightbox-close\">&times;<\/span>\r\n  <img decoding=\"async\" id=\"lightboxImg\" src=\"\" alt=\"Imagine m\u0103rit\u0103\" \/>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;700;800&family=Space+Grotesk:wght@700;900&display=swap');\r\n\r\n.story-interactive-section {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 40px 24px 100px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.story-checkbox {\r\n  display: none;\r\n}\r\n\r\n\/* Trigger Button Modern *\/\r\n.trigger-wrapper {\r\n  z-index: 10;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.interactive-btn {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 18px 36px;\r\n  background: #0a0a0f;\r\n  border: 1px solid rgba(255, 0, 60, 0.4);\r\n  border-radius: 100px;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.interactive-btn .btn-text {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  color: #ffffff;\r\n  text-transform: uppercase;\r\n  z-index: 2;\r\n}\r\n\r\n.interactive-btn .btn-icon {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: #ff003c;\r\n  z-index: 2;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.interactive-btn .btn-glow {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255, 0, 60, 0.3), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.interactive-btn:hover {\r\n  border-color: #ff003c;\r\n  box-shadow: 0 0 30px rgba(255, 0, 60, 0.5);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.interactive-btn:hover .btn-glow {\r\n  left: 100%;\r\n}\r\n\r\n.interactive-btn:hover .btn-icon {\r\n  transform: translateY(3px);\r\n}\r\n\r\n\/* Revealed Area *\/\r\n.revealed-content {\r\n  max-width: 1240px;\r\n  width: 100%;\r\n  max-height: 0;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  transition: max-height 1.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;\r\n}\r\n\r\n.story-checkbox:checked ~ .revealed-content {\r\n  max-height: 5000px;\r\n  opacity: 1;\r\n  margin-top: 40px;\r\n}\r\n\r\n.story-checkbox:checked ~ .trigger-wrapper .interactive-btn {\r\n  background: rgba(255, 0, 60, 0.12);\r\n  border-color: #ff003c;\r\n}\r\n\r\n.story-checkbox:checked ~ .trigger-wrapper .interactive-btn .btn-icon {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\/* Grid cu C\u0103su\u021be Multiple *\/\r\n.story-boxes-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n  width: 100%;\r\n}\r\n\r\n.story-box {\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 14px;\r\n  padding: 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: all 0.5s ease;\r\n}\r\n\r\n\/* Anima\u021bie \u00een cascad\u0103 pentru c\u0103su\u021be *\/\r\n.story-checkbox:checked ~ .revealed-content .box-1 { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }\r\n.story-checkbox:checked ~ .revealed-content .box-2 { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }\r\n.story-checkbox:checked ~ .revealed-content .box-3 { opacity: 1; transform: translateY(0); transition-delay: 0.3s; }\r\n.story-checkbox:checked ~ .revealed-content .box-4 { opacity: 1; transform: translateY(0); transition-delay: 0.4s; }\r\n.story-checkbox:checked ~ .revealed-content .box-5 { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }\r\n.story-checkbox:checked ~ .revealed-content .box-6 { opacity: 1; transform: translateY(0); transition-delay: 0.6s; }\r\n\r\n.story-box:hover {\r\n  border-color: rgba(255, 0, 60, 0.5);\r\n  transform: translateY(-6px) !important;\r\n  box-shadow: 0 12px 35px rgba(255, 0, 60, 0.15);\r\n  background: rgba(255, 255, 255, 0.035);\r\n}\r\n\r\n\/* Header C\u0103su\u021b\u0103 *\/\r\n.box-header {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n\r\n.box-year {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: 2px;\r\n  color: #ffffff;\r\n  background: rgba(255, 0, 60, 0.85);\r\n  padding: 4px 10px;\r\n  border-radius: 4px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Imagine cu Zoom la Click *\/\r\n.box-image-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 190px;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  background: #050508;\r\n}\r\n\r\n.box-image-wrapper img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: grayscale(40%) contrast(105%);\r\n  transition: transform 0.6s ease, filter 0.6s ease;\r\n}\r\n\r\n.story-box:hover .box-image-wrapper img {\r\n  transform: scale(1.06);\r\n  filter: grayscale(0%) contrast(100%);\r\n}\r\n\r\n.zoom-hint {\r\n  position: absolute;\r\n  bottom: 10px;\r\n  right: 10px;\r\n  background: rgba(0, 0, 0, 0.75);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  color: #ffffff;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  opacity: 0;\r\n  transform: translateY(5px);\r\n  transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.box-image-wrapper:hover .zoom-hint {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Text C\u0103su\u021b\u0103 *\/\r\n.box-text {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 13.5px;\r\n  line-height: 1.6;\r\n  color: rgba(255, 255, 255, 0.75);\r\n  margin: 0;\r\n}\r\n\r\n\/* Lightbox Modal CSS *\/\r\n.lightbox-modal {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9999;\r\n  background: rgba(0, 0, 0, 0.92);\r\n  backdrop-filter: blur(10px);\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 20px;\r\n}\r\n\r\n.lightbox-modal.active {\r\n  display: flex;\r\n}\r\n\r\n.lightbox-modal img {\r\n  max-width: 90%;\r\n  max-height: 85vh;\r\n  object-fit: contain;\r\n  border-radius: 8px;\r\n  border: 1px solid rgba(255, 0, 60, 0.4);\r\n  box-shadow: 0 0 50px rgba(255, 0, 60, 0.3);\r\n  animation: zoomInLight 0.3s ease;\r\n}\r\n\r\n.lightbox-close {\r\n  position: absolute;\r\n  top: 25px;\r\n  right: 35px;\r\n  color: #ffffff;\r\n  font-size: 40px;\r\n  font-weight: 300;\r\n  cursor: pointer;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.lightbox-close:hover {\r\n  color: #ff003c;\r\n}\r\n\r\n@keyframes zoomInLight {\r\n  from { transform: scale(0.9); opacity: 0; }\r\n  to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .story-boxes-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .story-boxes-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  \r\n  .interactive-btn {\r\n    padding: 16px 22px;\r\n  }\r\n  \r\n  .interactive-btn .btn-text {\r\n    font-size: 9.5px;\r\n    letter-spacing: 1px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction openLightbox(imgSrc) {\r\n  const modal = document.getElementById('storyLightbox');\r\n  const modalImg = document.getElementById('lightboxImg');\r\n  modalImg.src = imgSrc;\r\n  modal.classList.add('active');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeLightbox() {\r\n  const modal = document.getElementById('storyLightbox');\r\n  modal.classList.remove('active');\r\n  document.body.style.overflow = 'auto';\r\n}\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n  if (e.key === 'Escape') {\r\n    closeLightbox();\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bc6f093 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"bc6f093\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-535638e\" data-id=\"535638e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-199b22b elementor-widget elementor-widget-html\" data-id=\"199b22b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"story-title-laser\">\r\n  <div class=\"glow-backdrop\"><\/div>\r\n\r\n  <div class=\"title-content\">\r\n    <div class=\"status-tag\">\r\n      <span class=\"live-pulse\"><\/span>\r\n      <span class=\"tag-label\">MANIFEST \/\/ 02<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"laser-title\">\r\n      <span class=\"prefix\"> CE ESTE<\/span>\r\n      <span class=\"laser-text\">FILMMIC?<\/span>\r\n    <\/h2>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@800;900&family=Plus+Jakarta+Sans:wght@700&display=swap');\r\n\r\n.story-title-laser {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 90px 24px 30px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.glow-backdrop {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 450px;\r\n  height: 150px;\r\n  background: radial-gradient(ellipse, rgba(255, 0, 60, 0.45) 0%, rgba(229, 9, 20, 0.12) 60%, transparent 80%);\r\n  filter: blur(60px);\r\n  pointer-events: none;\r\n}\r\n\r\n.title-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.status-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 14px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 0, 60, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.live-pulse {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px #ff003c;\r\n  animation: blink 1.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.2; }\r\n}\r\n\r\n.tag-label {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.laser-title {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2.4rem, 6.5vw, 5.2rem);\r\n  font-weight: 900;\r\n  margin: 0;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.prefix {\r\n  color: #ffffff;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.laser-text {\r\n  position: relative;\r\n  background: linear-gradient(\r\n    90deg, \r\n    #ff003c 0%, \r\n    #ff4d6d 25%, \r\n    #ffffff 50%, \r\n    #ff4d6d 75%, \r\n    #ff003c 100%\r\n  );\r\n  background-size: 200% auto;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  text-shadow: 0 0 25px rgba(255, 0, 60, 0.6);\r\n  animation: laserShine 3s linear infinite;\r\n}\r\n\r\n.laser-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -4px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: #ff003c;\r\n  box-shadow: 0 0 12px #ff003c, 0 0 25px #ff003c;\r\n  animation: scanLine 2s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes laserShine {\r\n  0% { background-position: 0% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n\r\n@keyframes scanLine {\r\n  0% { transform: scaleX(0.3); opacity: 0.4; }\r\n  100% { transform: scaleX(1); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .story-title-laser {\r\n    padding: 60px 16px 20px 16px;\r\n  }\r\n  \r\n  .laser-title {\r\n    gap: 8px;\r\n  }\r\n  \r\n  .glow-backdrop {\r\n    width: 280px;\r\n    height: 100px;\r\n  }\r\n}\r\n<\/style> \r\n\r\n<section class=\"filmmic-clapper-section\">\r\n  <div class=\"manifesto-wrapper\">\r\n    <div class=\"clapperboard-wrapper\" id=\"clapperBox\">\r\n      \r\n      <!-- Stick-ul superior propor\u021bional -->\r\n      <div class=\"clapper-stick-proportional\">\r\n        <div class=\"stripes-pattern\"><\/div>\r\n        <div class=\"screw left\"><\/div>\r\n        <div class=\"screw right\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"clapper-base-proportional\">\r\n        <div class=\"corner tl\"><\/div>\r\n        <div class=\"corner tr\"><\/div>\r\n        <div class=\"corner bl\"><\/div>\r\n        <div class=\"corner br\"><\/div>\r\n\r\n        <div class=\"clapper-content\">\r\n          <div class=\"meta-tags\">\r\n            <span class=\"tag\">SCENA \/\/ 02<\/span>\r\n            <span class=\"tag\">CADRUL \/\/ 01<\/span>\r\n            <span class=\"tag roll-tag\">ROL \/\/ A<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"manifesto-text\">\r\n            <strong class=\"text-white\">FILMMIC<\/strong> \u00ee\u0219i propune s\u0103 fie o punte \u00eentre art\u0103 \u0219i educa\u021bie, oferind elevilor de liceu posibilitatea de a se exprima printr-un limbaj artistic modern \u2013 <span class=\"red-glow\">cinema, fotografie \u0219i banda desenat\u0103<\/span>. Este o invita\u021bie la creativitate, curaj \u0219i reflec\u021bie asupra lumii \u00een care tr\u0103im. Prin operele realizate, elevii sunt \u00eencuraja\u021bi s\u0103 exploreze teme actuale ale adolescen\u021bei \u0219i s\u0103 \u00ee\u0219i transmit\u0103 propriile viziuni despre via\u021b\u0103 \u0219i societate.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@800;900&family=Plus+Jakarta+Sans:wght@500;700&display=swap');\r\n\r\n.filmmic-clapper-section {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 80px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.manifesto-wrapper {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  max-width: 680px;\r\n  width: 100%;\r\n}\r\n\r\n.clapperboard-wrapper {\r\n  width: 100%;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  cursor: pointer;\r\n  margin-top: 10px;\r\n}\r\n\r\n.clapper-stick-proportional {\r\n  position: absolute;\r\n  top: -38px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 38px;\r\n  background: #0d0d12;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.25);\r\n  border-top-left-radius: 10px;\r\n  border-top-right-radius: 10px;\r\n  transform: rotate(0deg);\r\n  transform-origin: left bottom;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8);\r\n  z-index: 4;\r\n  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.clapperboard-wrapper:hover .clapper-stick-proportional,\r\n.clapperboard-wrapper.active .clapper-stick-proportional {\r\n  transform: rotate(-24deg) translateY(-8px);\r\n}\r\n\r\n.stripes-pattern {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: repeating-linear-gradient(\r\n    -45deg,\r\n    #ffffff,\r\n    #ffffff 20px,\r\n    #060609 20px,\r\n    #060609 40px\r\n  );\r\n  opacity: 0.95;\r\n}\r\n\r\n.screw {\r\n  position: absolute;\r\n  bottom: 5px;\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 8px #ff003c;\r\n}\r\n\r\n.screw.left { left: 12px; }\r\n.screw.right { right: 12px; }\r\n\r\n.clapper-base-proportional {\r\n  position: relative;\r\n  background: linear-gradient(135deg, rgba(16, 16, 26, 0.92) 0%, rgba(10, 10, 16, 0.95) 100%);\r\n  backdrop-filter: blur(20px);\r\n  border: 1.5px solid rgba(255, 0, 60, 0.45);\r\n  border-radius: 16px;\r\n  padding: 45px 35px 35px 35px;\r\n  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.9), inset 0 0 50px rgba(255, 0, 60, 0.05);\r\n  transition: all 0.4s ease;\r\n  z-index: 2;\r\n}\r\n\r\n.clapperboard-wrapper:hover .clapper-base-proportional,\r\n.clapperboard-wrapper.active .clapper-base-proportional {\r\n  border-color: rgba(255, 0, 60, 0.85);\r\n  box-shadow: 0 35px 80px rgba(255, 0, 60, 0.2), inset 0 0 60px rgba(255, 0, 60, 0.1);\r\n}\r\n\r\n.corner {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-color: #ff003c;\r\n  border-style: solid;\r\n}\r\n\r\n.tl { top: 10px; left: 10px; border-width: 2px 0 0 2px; }\r\n.tr { top: 10px; right: 10px; border-width: 2px 2px 0 0; }\r\n.bl { bottom: 10px; left: 10px; border-width: 0 0 2px 2px; }\r\n.br { bottom: 10px; right: 10px; border-width: 0 2px 2px 0; }\r\n\r\n.clapper-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.meta-tags {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.tag {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 9.5px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  color: #ff003c;\r\n  background: rgba(255, 0, 60, 0.1);\r\n  border: 1px solid rgba(255, 0, 60, 0.35);\r\n  padding: 4px 10px;\r\n  border-radius: 6px;\r\n}\r\n\r\n.roll-tag {\r\n  color: rgba(255, 255, 255, 0.8);\r\n  border-color: rgba(255, 255, 255, 0.2);\r\n  background: rgba(255, 255, 255, 0.03);\r\n}\r\n\r\n.manifesto-text {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(14px, 1.4vw, 16.5px);\r\n  line-height: 1.75;\r\n  color: rgba(255, 255, 255, 0.88);\r\n  margin: 0;\r\n}\r\n\r\n.text-white {\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n}\r\n\r\n.red-glow {\r\n  color: #ff4d6d;\r\n  font-weight: 700;\r\n  text-shadow: 0 0 15px rgba(255, 0, 60, 0.4);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .filmmic-clapper-section {\r\n    padding: 50px 16px;\r\n  }\r\n  \r\n  .clapper-base-proportional {\r\n    padding: 40px 20px 25px 20px;\r\n  }\r\n  \r\n  .clapper-stick-proportional {\r\n    height: 34px;\r\n    top: -34px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n  const clapperBox = document.getElementById('clapperBox');\r\n  clapperBox.addEventListener('click', () => {\r\n    clapperBox.classList.toggle('active');\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16c8c04 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"16c8c04\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bfd7332\" data-id=\"bfd7332\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1a11b0 elementor-widget elementor-widget-html\" data-id=\"a1a11b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"story-title-laser\">\r\n  <div class=\"glow-backdrop\"><\/div>\r\n\r\n  <div class=\"title-content\">\r\n    <div class=\"status-tag\">\r\n      <span class=\"live-pulse\"><\/span>\r\n      <span class=\"tag-label\">MANIFEST \/\/ 03<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"laser-title\">\r\n      <span class=\"prefix\">DE CE SUNTEM<\/span>\r\n      <span class=\"laser-text\">DIFERI\u021aI?<\/span>\r\n    <\/h2>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@800;900&family=Plus+Jakarta+Sans:wght@700&display=swap');\r\n\r\n.story-title-laser {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 90px 24px 30px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.glow-backdrop {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 450px;\r\n  height: 150px;\r\n  background: radial-gradient(ellipse, rgba(255, 0, 60, 0.45) 0%, rgba(229, 9, 20, 0.12) 60%, transparent 80%);\r\n  filter: blur(60px);\r\n  pointer-events: none;\r\n}\r\n\r\n.title-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.status-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 14px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 0, 60, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.live-pulse {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px #ff003c;\r\n  animation: blink 1.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.2; }\r\n}\r\n\r\n.tag-label {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.laser-title {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2.4rem, 6.5vw, 5.2rem);\r\n  font-weight: 900;\r\n  margin: 0;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.prefix {\r\n  color: #ffffff;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.laser-text {\r\n  position: relative;\r\n  background: linear-gradient(\r\n    90deg, \r\n    #ff003c 0%, \r\n    #ff4d6d 25%, \r\n    #ffffff 50%, \r\n    #ff4d6d 75%, \r\n    #ff003c 100%\r\n  );\r\n  background-size: 200% auto;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  text-shadow: 0 0 25px rgba(255, 0, 60, 0.6);\r\n  animation: laserShine 3s linear infinite;\r\n}\r\n\r\n.laser-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -4px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: #ff003c;\r\n  box-shadow: 0 0 12px #ff003c, 0 0 25px #ff003c;\r\n  animation: scanLine 2s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes laserShine {\r\n  0% { background-position: 0% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n\r\n@keyframes scanLine {\r\n  0% { transform: scaleX(0.3); opacity: 0.4; }\r\n  100% { transform: scaleX(1); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .story-title-laser {\r\n    padding: 60px 16px 20px 16px;\r\n  }\r\n  \r\n  .laser-title {\r\n    gap: 8px;\r\n  }\r\n  \r\n  .glow-backdrop {\r\n    width: 280px;\r\n    height: 100px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d0c8a7 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"4d0c8a7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2f1c7bb\" data-id=\"2f1c7bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-696a6f7 elementor-widget elementor-widget-html\" data-id=\"696a6f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"filmmic-timeline-section\">\r\n  <div class=\"timeline-glow\"><\/div>\r\n\r\n  <div class=\"timeline-container\">\r\n    <div class=\"timeline-header\">\r\n      <div class=\"status-tag\">\r\n        <span class=\"live-pulse\"><\/span>\r\n        <span class=\"tag-label\">EVOLU\u021aIE \/\/ 19 ANI<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"timeline-wrapper\">\r\n      <div class=\"central-line\"><\/div>\r\n      <div class=\"timeline-item left\">\r\n        <div class=\"item-dot\"><\/div>\r\n        <div class=\"timeline-card\">\r\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n          <span class=\"step-tag\">01 \/\/ IDENTITATE & TR\u0102IRE<\/span>\r\n          <p class=\"step-text\">\r\n            Invit\u0103m elevii s\u0103 abordeze teme precum <span class=\"white-text\">identitatea, prietenia, vulnerabilitatea, inegalitatea sau speran\u021ba<\/span> \u2013 nu ca simple subiecte, ci ca experien\u021be autentice care merit\u0103 explorate.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-item right\">\r\n        <div class=\"item-dot\"><\/div>\r\n        <div class=\"timeline-card\">\r\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n          <span class=\"step-tag\">02 \/\/ \u0218COALA PRIVIRII<\/span>\r\n          <p class=\"step-text\">\r\n            De <strong class=\"red-glow-text\">19 ani<\/strong> suntem o \u0219coal\u0103 a privirii \u0219i a empatiei: \u00eei \u00eenv\u0103\u021b\u0103m pe tineri s\u0103 priveasc\u0103 lumea cu al\u021bi ochi \u0219i s\u0103 caute frumuse\u021bea \u00een detalii.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-item left\">\r\n        <div class=\"item-dot\"><\/div>\r\n        <div class=\"timeline-card highlight-card\">\r\n          <div class=\"card-glow-inner\"><\/div>\r\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n          <span class=\"step-tag\">03 \/\/ RELATARE VIZUAL\u0102<\/span>\r\n          <p class=\"step-text\">\r\n            Transform\u0103m realitatea \u00eentr-o <span class=\"gradient-text\">poveste vizual\u0103 plin\u0103 de semnifica\u021bie<\/span>, d\u00e2nd via\u021b\u0103 viziunilor autentice ale noii genera\u021bii.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.filmmic-timeline-section {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 110px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.timeline-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 650px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(255, 0, 60, 0.22) 0%, rgba(229, 9, 20, 0.04) 60%, transparent 80%);\r\n  filter: blur(90px);\r\n  pointer-events: none;\r\n}\r\n\r\n.timeline-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 60px;\r\n  max-width: 850px;\r\n  width: 100%;\r\n}\r\n\r\n.timeline-header {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.status-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 16px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 0, 60, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.live-pulse {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px #ff003c;\r\n  animation: pulseBlink 1.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes pulseBlink {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.2; transform: scale(0.8); }\r\n}\r\n\r\n.tag-label {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.timeline-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 35px;\r\n}\r\n\r\n.central-line {\r\n  position: absolute;\r\n  top: 20px;\r\n  bottom: 20px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 2px;\r\n  background: linear-gradient(180deg, #ff003c 0%, rgba(255, 0, 60, 0.2) 50%, rgba(255, 255, 255, 0.05) 100%);\r\n  box-shadow: 0 0 12px rgba(255, 0, 60, 0.4);\r\n}\r\n\r\n.timeline-item {\r\n  position: relative;\r\n  width: 50%;\r\n  display: flex;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.timeline-item.left {\r\n  align-self: flex-start;\r\n  justify-content: flex-end;\r\n  padding-right: 45px;\r\n}\r\n\r\n.timeline-item.right {\r\n  align-self: flex-end;\r\n  justify-content: flex-start;\r\n  padding-left: 45px;\r\n}\r\n\r\n.item-dot {\r\n  position: absolute;\r\n  top: 30px;\r\n  width: 14px;\r\n  height: 14px;\r\n  background: #000000;\r\n  border: 2.5px solid #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 15px #ff003c;\r\n  z-index: 3;\r\n}\r\n\r\n.timeline-item.left .item-dot {\r\n  right: -7px;\r\n}\r\n\r\n.timeline-item.right .item-dot {\r\n  left: -7px;\r\n}\r\n\r\n.timeline-card {\r\n  position: relative;\r\n  background: linear-gradient(135deg, rgba(16, 16, 26, 0.94) 0%, rgba(8, 8, 14, 0.98) 100%);\r\n  backdrop-filter: blur(20px);\r\n  border: 1.5px solid rgba(255, 0, 60, 0.3);\r\n  border-radius: 16px;\r\n  padding: 30px;\r\n  width: 100%;\r\n  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.9), inset 0 0 40px rgba(255, 0, 60, 0.03);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.timeline-card:hover {\r\n  border-color: rgba(255, 0, 60, 0.7);\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 35px 80px rgba(255, 0, 60, 0.15);\r\n}\r\n\r\n.highlight-card {\r\n  border-color: rgba(255, 0, 60, 0.5);\r\n  background: linear-gradient(135deg, rgba(22, 16, 28, 0.95) 0%, rgba(10, 8, 16, 0.99) 100%);\r\n}\r\n\r\n.card-glow-inner {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 120px;\r\n  height: 120px;\r\n  background: radial-gradient(circle, rgba(255, 0, 60, 0.15) 0%, transparent 70%);\r\n  filter: blur(25px);\r\n  pointer-events: none;\r\n}\r\n\r\n.corner {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-color: #ff003c;\r\n  border-style: solid;\r\n}\r\n\r\n.tl { top: 10px; left: 10px; border-width: 2px 0 0 2px; }\r\n.tr { top: 10px; right: 10px; border-width: 2px 2px 0 0; }\r\n.bl { bottom: 10px; left: 10px; border-width: 0 0 2px 2px; }\r\n.br { bottom: 10px; right: 10px; border-width: 0 2px 2px 0; }\r\n\r\n.step-tag {\r\n  display: inline-block;\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  color: #ff003c;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.step-text {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(14px, 1.3vw, 15.5px);\r\n  line-height: 1.7;\r\n  color: rgba(255, 255, 255, 0.88);\r\n  margin: 0;\r\n}\r\n\r\n.white-text {\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n}\r\n\r\n.red-glow-text {\r\n  color: #ff003c;\r\n  font-weight: 800;\r\n  text-shadow: 0 0 12px rgba(255, 0, 60, 0.5);\r\n}\r\n\r\n.gradient-text {\r\n  background: linear-gradient(90deg, #ff003c, #ff4d6d, #ffffff);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  font-weight: 700;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .central-line {\r\n    left: 20px;\r\n  }\r\n  \r\n  .timeline-item {\r\n    width: 100%;\r\n    padding-left: 50px !important;\r\n    padding-right: 0 !important;\r\n    justify-content: flex-start !important;\r\n  }\r\n  \r\n  .timeline-item.left .item-dot,\r\n  .timeline-item.right .item-dot {\r\n    left: 13px;\r\n    right: auto;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8511a92 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"8511a92\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-04362d4\" data-id=\"04362d4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1733dc3 elementor-widget elementor-widget-html\" data-id=\"1733dc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"filmmic-globe-section\">\r\n  <div class=\"globe-ambient-glow\"><\/div>\r\n\r\n  <div class=\"globe-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"globe-header\">\r\n      <div class=\"status-tag\">\r\n        <span class=\"live-pulse\"><\/span>\r\n        <span class=\"tag-label\">GLOB INTERACTIV 3D \/\/ 2026<\/span>\r\n      <\/div>\r\n      <h2 class=\"laser-title\">\r\n        <span class=\"prefix\">ARTA NU ARE<\/span>\r\n        <span class=\"laser-text\">GRANI\u021aE<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Scena 3D real\u0103 (WebGL \/ Three.js) -->\r\n    <div class=\"globe-stage-wrapper\">\r\n      <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n      <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n      <div class=\"card-glow-inner\"><\/div>\r\n\r\n      <div class=\"globe-viewport\" id=\"globeViewport\">\r\n        <canvas id=\"globeCanvas\"><\/canvas>\r\n        <div class=\"pin-tooltip\" id=\"pinTooltip\"><\/div>\r\n        <div class=\"globe-hint\">\r\n          <span>\ud83d\udca1 Apas\u0103 \u0219i trage pentru a roti \u2022 Mi\u0219c\u0103 mouse-ul pe glob pentru zoom \u2022 Treci cu cursorul peste un punct pentru \u021bar\u0103<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"exact-text-box\">\r\n        <p class=\"manifesto-exact-text\">\r\n          P\u00e2n\u0103 acum avem participan\u021bi din <span class=\"highlight-country\">Italia<\/span>, <span class=\"highlight-country\">Regatul Unit<\/span>, <span class=\"highlight-country\">Croa\u021bia<\/span>, <span class=\"highlight-country\">Spania<\/span>, <span class=\"highlight-country\">Republica Moldova<\/span>, <span class=\"highlight-country\">Turcia<\/span>, <span class=\"highlight-country\">Statele Unite<\/span>.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.filmmic-globe-section {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.globe-ambient-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 800px;\r\n  height: 450px;\r\n  background: radial-gradient(circle, rgba(255, 0, 60, 0.28) 0%, rgba(229, 9, 20, 0.05) 60%, transparent 80%);\r\n  filter: blur(90px);\r\n  pointer-events: none;\r\n}\r\n\r\n.globe-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 45px;\r\n  max-width: 900px;\r\n  width: 100%;\r\n}\r\n\r\n.globe-header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.status-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 14px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 0, 60, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.live-pulse {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px #ff003c;\r\n  animation: blink 1.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.2; }\r\n}\r\n\r\n.tag-label {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.laser-title {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2.4rem, 6.5vw, 5.2rem);\r\n  font-weight: 900;\r\n  margin: 0;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.prefix { color: #ffffff; letter-spacing: -0.02em; }\r\n\r\n.laser-text {\r\n  position: relative;\r\n  background: linear-gradient(90deg, #ff003c 0%, #ff4d6d 25%, #ffffff 50%, #ff4d6d 75%, #ff003c 100%);\r\n  background-size: 200% auto;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  text-shadow: 0 0 25px rgba(255, 0, 60, 0.6);\r\n  animation: laserShine 3s linear infinite;\r\n}\r\n\r\n.laser-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -4px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: #ff003c;\r\n  box-shadow: 0 0 12px #ff003c, 0 0 25px #ff003c;\r\n  animation: scanLine 2s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes laserShine { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }\r\n@keyframes scanLine { 0% { transform: scaleX(0.3); opacity: 0.4; } 100% { transform: scaleX(1); opacity: 1; } }\r\n\r\n.globe-stage-wrapper {\r\n  position: relative;\r\n  background: linear-gradient(135deg, rgba(16, 16, 26, 0.95) 0%, rgba(8, 8, 14, 0.99) 100%);\r\n  backdrop-filter: blur(25px);\r\n  border: 1.5px solid rgba(255, 0, 60, 0.35);\r\n  border-radius: 22px;\r\n  padding: 40px 30px;\r\n  width: 100%;\r\n  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.95), inset 0 0 50px rgba(255, 0, 60, 0.04);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.card-glow-inner {\r\n  position: absolute;\r\n  top: -40px;\r\n  right: -40px;\r\n  width: 150px;\r\n  height: 150px;\r\n  background: radial-gradient(circle, rgba(255, 0, 60, 0.2) 0%, transparent 70%);\r\n  filter: blur(30px);\r\n  pointer-events: none;\r\n}\r\n\r\n.corner { position: absolute; width: 10px; height: 10px; border-color: #ff003c; border-style: solid; }\r\n.tl { top: 10px; left: 10px; border-width: 2px 0 0 2px; }\r\n.tr { top: 10px; right: 10px; border-width: 2px 2px 0 0; }\r\n.bl { bottom: 10px; left: 10px; border-width: 0 0 2px 2px; }\r\n.br { bottom: 10px; right: 10px; border-width: 0 2px 2px 0; }\r\n\r\n\/* Viewport WebGL *\/\r\n.globe-viewport {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 440px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: grab;\r\n  touch-action: none;\r\n}\r\n\r\n.globe-viewport.dragging { cursor: grabbing; }\r\n\r\n#globeCanvas {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  filter: drop-shadow(0 0 45px rgba(255, 0, 60, 0.35));\r\n}\r\n\r\n.pin-tooltip {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  transform: translate(-50%, -140%);\r\n  background: rgba(10, 10, 15, 0.95);\r\n  border: 1px solid rgba(255, 0, 60, 0.6);\r\n  padding: 5px 11px;\r\n  border-radius: 7px;\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  transition: opacity 0.15s ease;\r\n  box-shadow: 0 0 18px rgba(255, 0, 60, 0.35);\r\n  z-index: 5;\r\n}\r\n\r\n.pin-tooltip.visible { opacity: 1; }\r\n\r\n.globe-hint {\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 11px;\r\n  color: rgba(255, 255, 255, 0.45);\r\n  pointer-events: none;\r\n  letter-spacing: 0.5px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.exact-text-box {\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 14px;\r\n  padding: 20px 25px;\r\n  width: 100%;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.manifesto-exact-text {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(15px, 1.4vw, 17.5px);\r\n  line-height: 1.75;\r\n  color: rgba(255, 255, 255, 0.92);\r\n  margin: 0;\r\n}\r\n\r\n.highlight-country {\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  border-bottom: 1.5px solid rgba(255, 0, 60, 0.6);\r\n  padding-bottom: 1px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.highlight-country:hover {\r\n  color: #ff003c;\r\n  border-color: #ff003c;\r\n  text-shadow: 0 0 10px rgba(255, 0, 60, 0.4);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .globe-stage-wrapper { padding: 30px 15px; }\r\n  .globe-viewport { height: 340px; }\r\n  .globe-hint { font-size: 9.5px; white-space: normal; text-align: center; padding: 0 10px; }\r\n}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n  function init() {\r\n    const viewport = document.getElementById('globeViewport');\r\n    const canvas = document.getElementById('globeCanvas');\r\n    const tooltip = document.getElementById('pinTooltip');\r\n    if (!viewport || !canvas || typeof THREE === 'undefined') return;\r\n\r\n    \/* ---------- Date \u021b\u0103ri (lat, lon) adaptate \u00een rom\u00e2n\u0103 ---------- *\/\r\n    const COUNTRIES = [\r\n      { name: 'Italia',             lat: 41.8719, lon: 12.5674 },\r\n      { name: 'Regatul Unit',       lat: 55.3781, lon: -3.4360 },\r\n      { name: 'Croa\u021bia',            lat: 45.1000, lon: 15.2000 },\r\n      { name: 'Spania',             lat: 40.4637, lon: -3.7492 },\r\n      { name: 'Republica Moldova',  lat: 47.4116, lon: 28.3699 },\r\n      { name: 'Turcia',             lat: 38.9637, lon: 35.2433 },\r\n      { name: 'Statele Unite',      lat: 37.0902, lon: -95.7129 }\r\n    ];\r\n\r\n    const RADIUS = 100;\r\n\r\n    \/* ---------- Helper: lat\/lon -> vector pe sfer\u0103 ---------- *\/\r\n    function latLonToVector3(lat, lon, radius) {\r\n      const phi = (90 - lat) * (Math.PI \/ 180);\r\n      const theta = (lon + 180) * (Math.PI \/ 180);\r\n      return new THREE.Vector3(\r\n        -radius * Math.sin(phi) * Math.cos(theta),\r\n        radius * Math.cos(phi),\r\n        radius * Math.sin(phi) * Math.sin(theta)\r\n      );\r\n    }\r\n\r\n    \/* ---------- Textur\u0103 procedural\u0103 a globului (continente stilizate, puncte) ---------- *\/\r\n    function hash(x, y) {\r\n      const s = Math.sin(x * 12.9898 + y * 78.233) * 43758.5453;\r\n      return s - Math.floor(s);\r\n    }\r\n\r\n    \/\/ blob-uri eliptice aproximative pentru fiecare continent (lat, lon, raz\u0103Lat, raz\u0103Lon)\r\n    const BLOBS = [\r\n      \/\/ America de Nord\r\n      [50, -100, 24, 34], [63, -155, 8, 11], [20, -102, 9, 11],\r\n      \/\/ Groenlanda\r\n      [74, -42, 10, 12],\r\n      \/\/ America de Sud\r\n      [-2, -58, 15, 17], [-24, -64, 19, 10],\r\n      \/\/ Europa\r\n      [54, 15, 14, 21],\r\n      \/\/ Africa\r\n      [5, 20, 30, 21], [24, 12, 10, 15],\r\n      \/\/ Asia\r\n      [50, 90, 27, 54], [15, 105, 14, 18], [22, 78, 11, 9], [36, 138, 5, 4],\r\n      \/\/ Australia\r\n      [-25, 134, 12, 16]\r\n    ];\r\n\r\n    function landStrength(lat, lon) {\r\n      if (lat < -68) return hash(lat, lon) > 0.35 ? 1 : 0; \/\/ calota polar\u0103 sud\r\n      let best = 0;\r\n      for (let i = 0; i < BLOBS.length; i++) {\r\n        const [clat, clon, rlat, rlon] = BLOBS[i];\r\n        const d = Math.sqrt(Math.pow((lat - clat) \/ rlat, 2) + Math.pow((lon - clon) \/ rlon, 2));\r\n        if (d < 1) { best = 1; break; }\r\n        if (d < 1.18) {\r\n          const edge = (1.18 - d) \/ 0.18;\r\n          if (hash(lat * 3.1 + i, lon * 2.7 + i) < edge) { best = Math.max(best, edge); }\r\n        }\r\n      }\r\n      return best;\r\n    }\r\n\r\n    function buildEarthTexture() {\r\n      const W = 1600, H = 800;\r\n      const cnv = document.createElement('canvas');\r\n      cnv.width = W; cnv.height = H;\r\n      const ctx = cnv.getContext('2d');\r\n\r\n      \/\/ fundal\r\n      const bg = ctx.createRadialGradient(W * 0.35, H * 0.35, 20, W * 0.5, H * 0.5, W * 0.6);\r\n      bg.addColorStop(0, '#23121a');\r\n      bg.addColorStop(0.5, '#0c0709');\r\n      bg.addColorStop(1, '#020102');\r\n      ctx.fillStyle = bg;\r\n      ctx.fillRect(0, 0, W, H);\r\n\r\n      \/\/ graticule (linii lat\/lon)\r\n      ctx.strokeStyle = 'rgba(255, 0, 60, 0.10)';\r\n      ctx.lineWidth = 1;\r\n      for (let lon = -180; lon <= 180; lon += 30) {\r\n        const x = ((lon + 180) \/ 360) * W;\r\n        ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, H); ctx.stroke();\r\n      }\r\n      for (let lat = -90; lat <= 90; lat += 30) {\r\n        const y = ((90 - lat) \/ 180) * H;\r\n        ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(W, y); ctx.stroke();\r\n      }\r\n      \/\/ ecuator + meridianul zero mai vizibile\r\n      ctx.strokeStyle = 'rgba(255, 0, 60, 0.22)';\r\n      ctx.beginPath(); ctx.moveTo(0, H \/ 2); ctx.lineTo(W, H \/ 2); ctx.stroke();\r\n      ctx.beginPath(); ctx.moveTo(W \/ 2, 0); ctx.lineTo(W \/ 2, H); ctx.stroke();\r\n\r\n      \/\/ puncte continente\r\n      const cols = 220, rows = 110;\r\n      const cellW = W \/ cols, cellH = H \/ rows;\r\n      for (let j = 0; j < rows; j++) {\r\n        const lat = 90 - ((j + 0.5) \/ rows) * 180;\r\n        for (let i = 0; i < cols; i++) {\r\n          const lon = ((i + 0.5) \/ cols) * 360 - 180;\r\n          const strength = landStrength(lat, lon);\r\n          if (strength <= 0) continue;\r\n          const px = i * cellW + (hash(i, j) - 0.5) * cellW * 0.8;\r\n          const py = j * cellH + (hash(j, i) - 0.5) * cellH * 0.8;\r\n          const r = 1.0 + hash(i * 3.3, j * 5.1) * 1.4;\r\n          const g = 30 + hash(i, j) * 50;\r\n          const b = 45 + hash(j, i) * 45;\r\n          ctx.beginPath();\r\n          ctx.fillStyle = `rgba(255, ${g | 0}, ${b | 0}, ${0.45 + strength * 0.45})`;\r\n          ctx.arc(px, py, r, 0, Math.PI * 2);\r\n          ctx.fill();\r\n        }\r\n      }\r\n\r\n      const tex = new THREE.CanvasTexture(cnv);\r\n      tex.needsUpdate = true;\r\n      return tex;\r\n    }\r\n\r\n    \/* ---------- Textur\u0103 glow pentru pin-uri ---------- *\/\r\n    function buildPinTexture() {\r\n      const size = 128;\r\n      const cnv = document.createElement('canvas');\r\n      cnv.width = size; cnv.height = size;\r\n      const ctx = cnv.getContext('2d');\r\n      const cx = size \/ 2, cy = size \/ 2;\r\n\r\n      const glow = ctx.createRadialGradient(cx, cy, 0, cx, cy, size \/ 2);\r\n      glow.addColorStop(0, 'rgba(255, 0, 60, 0.9)');\r\n      glow.addColorStop(0.35, 'rgba(255, 0, 60, 0.35)');\r\n      glow.addColorStop(1, 'rgba(255, 0, 60, 0)');\r\n      ctx.fillStyle = glow;\r\n      ctx.fillRect(0, 0, size, size);\r\n\r\n      ctx.beginPath();\r\n      ctx.arc(cx, cy, size * 0.09, 0, Math.PI * 2);\r\n      ctx.fillStyle = '#ffffff';\r\n      ctx.shadowColor = '#ff003c';\r\n      ctx.shadowBlur = 14;\r\n      ctx.fill();\r\n\r\n      return new THREE.CanvasTexture(cnv);\r\n    }\r\n\r\n    \/* ---------- Scena Three.js ---------- *\/\r\n    let width = viewport.clientWidth, height = viewport.clientHeight;\r\n    const scene = new THREE.Scene();\r\n    const camera = new THREE.PerspectiveCamera(42, width \/ height, 0.1, 1000);\r\n    const BASE_Z = 268, ZOOM_Z = 205;\r\n    camera.position.set(0, 0, BASE_Z);\r\n\r\n    const renderer = new THREE.WebGLRenderer({ canvas: canvas, antialias: true, alpha: true });\r\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n    renderer.setSize(width, height);\r\n\r\n    const globeGroup = new THREE.Group();\r\n    globeGroup.rotation.x = 0.2;\r\n    scene.add(globeGroup);\r\n\r\n    const sphereGeo = new THREE.SphereGeometry(RADIUS, 64, 64);\r\n    const earthTex = buildEarthTexture();\r\n    const sphereMat = new THREE.MeshBasicMaterial({ map: earthTex });\r\n    const sphere = new THREE.Mesh(sphereGeo, sphereMat);\r\n    globeGroup.add(sphere);\r\n\r\n    \/\/ atmosfer\u0103 \/ glow marginal\r\n    const atmosGeo = new THREE.SphereGeometry(RADIUS * 1.05, 64, 64);\r\n    const atmosMat = new THREE.MeshBasicMaterial({ color: 0xff003c, transparent: true, opacity: 0.14, side: THREE.BackSide });\r\n    scene.add(new THREE.Mesh(atmosGeo, atmosMat));\r\n\r\n    const atmosGeo2 = new THREE.SphereGeometry(RADIUS * 1.15, 64, 64);\r\n    const atmosMat2 = new THREE.MeshBasicMaterial({ color: 0xff003c, transparent: true, opacity: 0.06, side: THREE.BackSide });\r\n    scene.add(new THREE.Mesh(atmosGeo2, atmosMat2));\r\n\r\n    \/\/ pin-uri\r\n    const pinTex = buildPinTexture();\r\n    const pinSprites = [];\r\n    COUNTRIES.forEach(function (c) {\r\n      const pos = latLonToVector3(c.lat, c.lon, RADIUS + 2.5);\r\n      const mat = new THREE.SpriteMaterial({ map: pinTex, transparent: true, depthWrite: false });\r\n      const sprite = new THREE.Sprite(mat);\r\n      sprite.position.copy(pos);\r\n      sprite.scale.set(16, 16, 1);\r\n      sprite.userData = { name: c.name, baseScale: 16 };\r\n      globeGroup.add(sprite);\r\n      pinSprites.push(sprite);\r\n    });\r\n\r\n    \/* ---------- Interac\u021biune: drag rotire ---------- *\/\r\n    let isDragging = false;\r\n    let prevX = 0, prevY = 0;\r\n    let rotVelX = 0, rotVelY = 0.0022;\r\n    let isHoveringViewport = false;\r\n    let targetZ = BASE_Z;\r\n\r\n    function onPointerDown(e) {\r\n      isDragging = true;\r\n      viewport.classList.add('dragging');\r\n      prevX = e.clientX; prevY = e.clientY;\r\n      rotVelY = 0;\r\n    }\r\n    function onPointerMove(e) {\r\n      updatePointerHover(e);\r\n      if (!isDragging) return;\r\n      const dx = e.clientX - prevX;\r\n      const dy = e.clientY - prevY;\r\n      globeGroup.rotation.y += dx * 0.006;\r\n      globeGroup.rotation.x += dy * 0.006;\r\n      globeGroup.rotation.x = Math.max(-1.1, Math.min(1.1, globeGroup.rotation.x));\r\n      prevX = e.clientX; prevY = e.clientY;\r\n    }\r\n    function onPointerUp() {\r\n      isDragging = false;\r\n      viewport.classList.remove('dragging');\r\n      rotVelY = 0.0022;\r\n    }\r\n\r\n    viewport.addEventListener('mousedown', onPointerDown);\r\n    window.addEventListener('mousemove', onPointerMove);\r\n    window.addEventListener('mouseup', onPointerUp);\r\n    viewport.addEventListener('touchstart', function (e) { onPointerDown(e.touches[0]); }, { passive: true });\r\n    viewport.addEventListener('touchmove', function (e) { onPointerMove(e.touches[0]); }, { passive: true });\r\n    viewport.addEventListener('touchend', onPointerUp);\r\n\r\n    viewport.addEventListener('mouseenter', function () { isHoveringViewport = true; targetZ = ZOOM_Z; });\r\n    viewport.addEventListener('mouseleave', function () {\r\n      isHoveringViewport = false;\r\n      targetZ = BASE_Z;\r\n      tooltip.classList.remove('visible');\r\n      pinSprites.forEach(function (s) { s.scale.set(s.userData.baseScale, s.userData.baseScale, 1); });\r\n    });\r\n\r\n    viewport.addEventListener('wheel', function (e) {\r\n      e.preventDefault();\r\n      targetZ = Math.max(150, Math.min(320, targetZ + e.deltaY * 0.15));\r\n    }, { passive: false });\r\n\r\n    \/* ---------- Raycasting pentru hover pe pin-uri ---------- *\/\r\n    const raycaster = new THREE.Raycaster();\r\n    const mouseNDC = new THREE.Vector2();\r\n    let hoveredPin = null;\r\n    let lastClientX = 0, lastClientY = 0;\r\n\r\n    function updatePointerHover(e) {\r\n      const rect = viewport.getBoundingClientRect();\r\n      lastClientX = e.clientX; lastClientY = e.clientY;\r\n      mouseNDC.x = ((e.clientX - rect.left) \/ rect.width) * 2 - 1;\r\n      mouseNDC.y = -((e.clientY - rect.top) \/ rect.height) * 2 + 1;\r\n    }\r\n\r\n    function checkPinHover() {\r\n      raycaster.setFromCamera(mouseNDC, camera);\r\n      const hits = raycaster.intersectObjects(pinSprites);\r\n      const hit = hits.length ? hits[0].object : null;\r\n\r\n      if (hit !== hoveredPin) {\r\n        if (hoveredPin) hoveredPin.scale.set(hoveredPin.userData.baseScale, hoveredPin.userData.baseScale, 1);\r\n        hoveredPin = hit;\r\n        if (hoveredPin) {\r\n          hoveredPin.scale.set(hoveredPin.userData.baseScale * 1.6, hoveredPin.userData.baseScale * 1.6, 1);\r\n          tooltip.textContent = hoveredPin.userData.name;\r\n          tooltip.classList.add('visible');\r\n        } else {\r\n          tooltip.classList.remove('visible');\r\n        }\r\n      }\r\n\r\n      if (hoveredPin) {\r\n        const rect = viewport.getBoundingClientRect();\r\n        tooltip.style.left = (lastClientX - rect.left) + 'px';\r\n        tooltip.style.top = (lastClientY - rect.top) + 'px';\r\n      }\r\n    }\r\n\r\n    \/* ---------- Resize ---------- *\/\r\n    function handleResize() {\r\n      width = viewport.clientWidth;\r\n      height = viewport.clientHeight;\r\n      camera.aspect = width \/ height;\r\n      camera.updateProjectionMatrix();\r\n      renderer.setSize(width, height);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    \/* ---------- MOD VIDEO: tur automat (activ doar cu #tour \u00een URL) ---------- *\/\r\n    const tourActive = location.hash === '#tour';\r\n    const ORDER = ['Italia', 'Spania', 'Regatul Unit', 'Croa\u021bia', 'Turcia', 'Republica Moldova', 'Statele Unite'];\r\n    const T = { i: -1, t0: 0, startAt: 0, done: false, clicked: false, pin: null, fromX: 0, fromY: 0, toX: 0, toY: 0 };\r\n    const spans = Array.from(document.querySelectorAll('.highlight-country'));\r\n    const V = new THREE.Vector3();\r\n    let cursor = null;\r\n\r\n    if (tourActive) {\r\n      const hint = document.querySelector('.globe-hint');\r\n      if (hint) hint.style.display = 'none';\r\n      const st = document.createElement('style');\r\n      st.textContent =\r\n        '.fake-cursor{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 16px #ff003c;pointer-events:none;z-index:6;opacity:0;transition:opacity .25s}' +\r\n        '.fake-cursor.ripple::after{content:\"\";position:absolute;inset:-6px;border:2px solid #ff003c;border-radius:50%;animation:rp .7s ease-out}' +\r\n        '@keyframes rp{from{transform:scale(.6);opacity:1}to{transform:scale(3.2);opacity:0}}' +\r\n        '.highlight-country.active{color:#ff003c;border-color:#ff003c;text-shadow:0 0 12px rgba(255,0,60,.6)}';\r\n      document.head.appendChild(st);\r\n      cursor = document.createElement('div');\r\n      cursor.className = 'fake-cursor';\r\n      viewport.appendChild(cursor);\r\n      T.startAt = performance.now() + 1500; \/\/ pauz\u0103 la \u00eenceput\r\n    }\r\n\r\n    function norm(a) { while (a > Math.PI) a -= 2 * Math.PI; while (a < -Math.PI) a += 2 * Math.PI; return a; }\r\n    function ease(t) { return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2; }\r\n\r\n    function startNext(now) {\r\n      T.i++;\r\n      if (T.i >= ORDER.length) { finishTour(); return; }\r\n      const name = ORDER[T.i];\r\n      const c = COUNTRIES.find(function (x) { return x.name === name; });\r\n      const p = latLonToVector3(c.lat, c.lon, RADIUS);\r\n      T.pin = pinSprites.find(function (s) { return s.userData.name === name; });\r\n      T.fromY = globeGroup.rotation.y;\r\n      T.fromX = globeGroup.rotation.x;\r\n      T.toY = T.fromY + norm(Math.atan2(-p.x, p.z) - T.fromY);\r\n      T.toX = Math.atan2(p.y, Math.sqrt(p.x * p.x + p.z * p.z)) * 0.8;\r\n      T.t0 = now;\r\n      T.clicked = false;\r\n    }\r\n\r\n    function finishTour() {\r\n      T.done = true;\r\n      targetZ = BASE_Z;\r\n      rotVelY = 0.0022;\r\n      cursor.style.opacity = 0;\r\n      tooltip.classList.remove('visible');\r\n      spans.forEach(function (s) { s.classList.remove('active'); });\r\n      window.__tourDone = true;\r\n    }\r\n\r\n    function tourFrame(now) {\r\n      if (now < T.startAt) { globeGroup.rotation.y += 0.0022; return; }\r\n      if (T.i === -1 || !T.pin) { startNext(now); if (T.done) return; }\r\n\r\n      const e = now - T.t0;\r\n      const r = ease(Math.min(e \/ 1800, 1));\r\n      globeGroup.rotation.y = T.fromY + (T.toY - T.fromY) * r;\r\n      globeGroup.rotation.x = T.fromX + (T.toX - T.fromX) * r;\r\n      targetZ = 190;\r\n\r\n      T.pin.getWorldPosition(V);\r\n      V.project(camera);\r\n      const px = (V.x + 1) \/ 2 * width;\r\n      const py = (1 - V.y) \/ 2 * height;\r\n\r\n      if (e > 900) {\r\n        cursor.style.opacity = 1;\r\n        cursor.style.left = px + 'px';\r\n        cursor.style.top = py + 'px';\r\n      }\r\n\r\n      if (e >= 2000 && !T.clicked) {            \/\/ CLICK\r\n        T.clicked = true;\r\n        cursor.classList.remove('ripple');\r\n        void cursor.offsetWidth;\r\n        cursor.classList.add('ripple');\r\n        const b = T.pin.userData.baseScale;\r\n        T.pin.scale.set(b * 1.6, b * 1.6, 1);\r\n        tooltip.textContent = T.pin.userData.name;\r\n        tooltip.classList.add('visible');\r\n        spans.forEach(function (s) { s.classList.toggle('active', s.textContent.trim() === T.pin.userData.name); });\r\n      }\r\n      if (T.clicked) {\r\n        tooltip.style.left = px + 'px';\r\n        tooltip.style.top = py + 'px';\r\n      }\r\n\r\n      if (e >= 4200) {                              \/\/ trece la urm\u0103toarea \u021bar\u0103\r\n        const b = T.pin.userData.baseScale;\r\n        T.pin.scale.set(b, b, 1);\r\n        cursor.style.opacity = 0;\r\n        tooltip.classList.remove('visible');\r\n        startNext(now);\r\n      }\r\n    }\r\n\r\n    \/* ---------- Bucla de anima\u021bie ---------- *\/\r\n    function animate(now) {\r\n      requestAnimationFrame(animate);\r\n      now = now || performance.now();\r\n      if (tourActive && !T.done) {\r\n        tourFrame(now);\r\n      } else {\r\n        if (!isDragging) globeGroup.rotation.y += rotVelY;\r\n        if (isHoveringViewport && !tourActive) checkPinHover();\r\n      }\r\n      camera.position.z += (targetZ - camera.position.z) * 0.08;\r\n      renderer.render(scene, camera);\r\n    }\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7345825 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"7345825\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ebd71a5\" data-id=\"ebd71a5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fc54285 elementor-widget elementor-widget-html\" data-id=\"fc54285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"filmmic-cinematic-manifesto\">\r\n  <div class=\"ambient-vortex\"><\/div>\r\n\r\n  <div class=\"cinematic-container\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"dynamic-header\">\r\n      <div class=\"status-tag\">\r\n        <span class=\"live-pulse\"><\/span>\r\n        <span class=\"tag-label\">MISIUNEA PRINCIPAL\u0102 \/\/ 2026<\/span>\r\n      <\/div>\r\n      <h2 class=\"laser-title\">\r\n        <span class=\"prefix\">SCOPUL<\/span>\r\n        <span class=\"laser-text\">PROIECTULUI<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Tipar Nou Ultra-Original: \"The Cinematic Timeline Reel\" -->\r\n    <div class=\"film-reel-stage\">\r\n      <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n      <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n      <div class=\"reel-perforation left-perf\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n      <div class=\"reel-perforation right-perf\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n\r\n      <div class=\"reel-content-wrapper\">\r\n        \r\n        <!-- Partea 1: Stimularea & Preg\u0103tirea -->\r\n        <div class=\"manifesto-split-node node-alpha\">\r\n          <div class=\"node-index\">01 \/\/ INI\u021aIERE & VIZIUNE<\/div>\r\n          <p class=\"manifesto-fragment-text\">\r\n            Stimularea creativit\u0103\u021bii artistice a tinerilor \u0219i preg\u0103tirea lor pentru a deveni o genera\u021bie viitoare mai con\u0219tient\u0103 \u0219i mai implicat\u0103...\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"quantum-bridge-pulse\">\r\n          <span class=\"bridge-core\"><\/span>\r\n          <span class=\"bridge-ray\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- Partea 2: Arta Vizual\u0103 & Solu\u021biile -->\r\n        <div class=\"manifesto-split-node node-omega\">\r\n          <div class=\"node-index\">02 \/\/ EXECU\u021aIE & IMPACT SOCIAL<\/div>\r\n          <p class=\"manifesto-fragment-text\">\r\n            ...capabil\u0103 s\u0103 foloseasc\u0103 arta vizual\u0103 pentru a transmite mesaje puternice \u0219i a oferi solu\u021bii la problemele societ\u0103\u021bii de ast\u0103zi.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.filmmic-cinematic-manifesto {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 24px;\r\n  background: #000000;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.ambient-vortex {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 1000px;\r\n  height: 550px;\r\n  background: radial-gradient(circle, rgba(255, 0, 60, 0.3) 0%, rgba(229, 9, 20, 0.05) 55%, transparent 80%);\r\n  filter: blur(130px);\r\n  pointer-events: none;\r\n}\r\n\r\n.cinematic-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 45px;\r\n  max-width: 900px;\r\n  width: 100%;\r\n}\r\n\r\n.dynamic-header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.status-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 14px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 0, 60, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.live-pulse {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px #ff003c;\r\n  animation: blink 1.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.2; }\r\n}\r\n\r\n.tag-label {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.laser-title {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2.4rem, 6.5vw, 5.2rem);\r\n  font-weight: 900;\r\n  margin: 0;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.prefix {\r\n  color: #ffffff;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.laser-text {\r\n  position: relative;\r\n  background: linear-gradient(\r\n    90deg, \r\n    #ff003c 0%, \r\n    #ff4d6d 25%, \r\n    #ffffff 50%, \r\n    #ff4d6d 75%, \r\n    #ff003c 100%\r\n  );\r\n  background-size: 200% auto;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  text-shadow: 0 0 25px rgba(255, 0, 60, 0.6);\r\n  animation: laserShine 3s linear infinite;\r\n}\r\n\r\n.laser-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -4px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: #ff003c;\r\n  box-shadow: 0 0 12px #ff003c, 0 0 25px #ff003c;\r\n  animation: scanLine 2s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes laserShine {\r\n  0% { background-position: 0% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n\r\n@keyframes scanLine {\r\n  0% { transform: scaleX(0.3); opacity: 0.4; }\r\n  100% { transform: scaleX(1); opacity: 1; }\r\n}\r\n\r\n.film-reel-stage {\r\n  position: relative;\r\n  background: linear-gradient(135deg, rgba(12, 12, 20, 0.95) 0%, rgba(5, 5, 9, 0.99) 100%);\r\n  backdrop-filter: blur(30px);\r\n  border: 1.5px solid rgba(255, 0, 60, 0.4);\r\n  border-radius: 24px;\r\n  padding: 50px 60px;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  box-shadow: 0 50px 110px rgba(0, 0, 0, 0.95), inset 0 0 50px rgba(255, 0, 60, 0.04);\r\n  overflow: hidden;\r\n}\r\n\r\n.reel-perforation {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 15px 0;\r\n  opacity: 0.25;\r\n}\r\n\r\n.left-perf { left: 12px; border-right: 1px dashed rgba(255, 255, 255, 0.2); }\r\n.right-perf { right: 12px; border-left: 1px dashed rgba(255, 255, 255, 0.2); }\r\n\r\n.reel-perforation span {\r\n  width: 8px;\r\n  height: 16px;\r\n  background: rgba(255, 255, 255, 0.4);\r\n  border-radius: 2px;\r\n}\r\n\r\n.reel-content-wrapper {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.manifesto-split-node {\r\n  background: rgba(255, 255, 255, 0.015);\r\n  border: 1px solid rgba(255, 255, 255, 0.06);\r\n  border-radius: 18px;\r\n  padding: 28px 32px;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.manifesto-split-node:hover {\r\n  background: rgba(255, 0, 60, 0.06);\r\n  border-color: rgba(255, 0, 60, 0.5);\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 15px 40px rgba(255, 0, 60, 0.2);\r\n}\r\n\r\n.node-alpha::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #ff003c;\r\n  box-shadow: 0 0 12px #ff003c;\r\n}\r\n\r\n.node-omega::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #ff4d6d;\r\n  box-shadow: 0 0 12px #ff4d6d;\r\n}\r\n\r\n.node-index {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: #ff003c;\r\n  letter-spacing: 2.5px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.manifesto-fragment-text {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(15px, 1.5vw, 18.5px);\r\n  line-height: 1.8;\r\n  color: rgba(255, 255, 255, 0.95);\r\n  margin: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n.quantum-bridge-pulse {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  height: 25px;\r\n}\r\n\r\n.bridge-core {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #ff003c;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 15px #ff003c, 0 0 30px #ff003c;\r\n  animation: pulseCore 2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes pulseCore {\r\n  0%, 100% { transform: scale(1); opacity: 0.6; }\r\n  50% { transform: scale(1.5); opacity: 1; }\r\n}\r\n\r\n.bridge-ray {\r\n  position: absolute;\r\n  width: 100px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(255, 0, 60, 0.8), transparent);\r\n}\r\n\r\n.corner {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-color: #ff003c;\r\n  border-style: solid;\r\n}\r\n\r\n.tl { top: 10px; left: 35px; border-width: 2px 0 0 2px; }\r\n.tr { top: 10px; right: 35px; border-width: 2px 2px 0 0; }\r\n.bl { bottom: 10px; left: 35px; border-width: 0 0 2px 2px; }\r\n.br { bottom: 10px; right: 35px; border-width: 0 2px 2px 0; }\r\n\r\n@media (max-width: 768px) {\r\n  .film-reel-stage {\r\n    padding: 35px 20px;\r\n  }\r\n  .reel-perforation {\r\n    display: none;\r\n  }\r\n  .tl { left: 10px; }\r\n  .tr { right: 10px; }\r\n  .bl { left: 10px; }\r\n  .br { right: 10px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Despre Festival Regulament Juriu Finali\u0219ti 2026 Voluntari \u00censcrieri Contact 01 Despre Festival 02 Regulament 03 Juriu 04 Finali\u0219ti 2026 05 Voluntari 06 \u00censcrieri 07 Contact Edi\u021bia a XIX-a DESPRE FILMMIC TEMA: VA URMA &#8211; Edi\u021bia a XIX-a DECLARA\u021aIE \u201eCreativitatea cere curaj\u201d HENRI MATISSE ORIGINI \/\/ 01 POVESTEA FILMMIC CLICK AICI PENTRU A DESCOPERI POVESTEA DIN [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1066","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/1066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/comments?post=1066"}],"version-history":[{"count":274,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/1066\/revisions"}],"predecessor-version":[{"id":7444,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/1066\/revisions\/7444"}],"wp:attachment":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/media?parent=1066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}