{"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-09-13T19:36:21","modified_gmt":"2026-09-13T16:36:21","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      <\/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      <\/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\r\n\/* Structur\u0103 dinamic\u0103 Logo *\/\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 XVIII\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<\/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\">STATEMENT<\/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\">ORIGINS \/\/ 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\">APAS\u0102 AICI S\u0102 AFLI POVESTEA DIN SPATELE 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 zoom<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Filmmic a \u00eenceput ca o idee simpl\u0103: un festival \u00een care elevii s\u0103-\u0219i poat\u0103 transforma pasiunea pentru film \u00een crea\u021bii reale, v\u0103zute pe 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 zoom<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Prima edi\u021bie a adunat c\u00e2teva echipe curajoase, camere modeste \u0219i mult entuziasm, dar a demonstrat c\u0103 exist\u0103 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 zoom<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Cu fiecare an, festivalul a progresat: mai multe echipe, filme mai complexe, workshop-uri, 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=\"Workshop-uri Filmmic\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru zoom<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Filmmic a devenit un loc unde tinerii \u00eenva\u021b\u0103, experimenteaz\u0103, gre\u0219esc, evolueaz\u0103 \u0219i \u00ee\u0219i spun pove\u0219tile a\u0219a cum vor ei.\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 zoom<\/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 prezent\" onclick=\"openLightbox(this.src)\" \/>\r\n          <div class=\"zoom-hint\">Click pentru zoom<\/div>\r\n        <\/div>\r\n        <p class=\"box-text\">\r\n          Un \u00eenceput 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=\"Zoomed view\" \/>\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\">MANIFESTO \/\/ 02<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"laser-title\">\r\n      <span class=\"prefix\">DAR 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> <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 (100% l\u0103\u021bime fa\u021b\u0103 de corp) -->\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\">SCENE \/\/ 02<\/span>\r\n            <span class=\"tag\">TAKE \/\/ 01<\/span>\r\n            <span class=\"tag roll-tag\">ROLL \/\/ A<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"manifesto-text\">\r\n            <strong class=\"text-white\">FILMMIC<\/strong> se dore\u0219te a fi o punte \u00eentre art\u0103 \u0219i educa\u021bie, oferindu-le liceenilor \u0219ansa s\u0103 se exprime printr-un limbaj artistic modern \u2013 <span class=\"red-glow\">filmul, fotografia \u0219i banda desenat\u0103<\/span>. Este o invita\u021bie la creativitate, curaj \u0219i reflec\u021bie asupra lumii \u00een care tr\u0103im. Prin lucr\u0103rile realizate, elevii sunt \u00eencuraja\u021bi s\u0103 exploreze teme actuale ale adolescen\u021bei \u0219i s\u0103 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\">MANIFESTO \/\/ 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    \r\n    <!-- Etichet\u0103 sus -->\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\">EVOLUTION \/\/ 18 YEARS<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Timeline Wrapper -->\r\n    <div class=\"timeline-wrapper\">\r\n      <div class=\"central-line\"><\/div>\r\n\r\n      <!-- Pasul 1 -->\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 tr\u0103iri autentice care merit\u0103 explorate.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Pasul 2 -->\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\">18 ani<\/strong> suntem o \u0219coal\u0103 a privirii \u0219i a empatiei: \u00eei \u00eenv\u0103\u021b\u0103m pe tineri s\u0103 vad\u0103 lumea cu al\u021bi ochi \u0219i s\u0103 caute frumuse\u021bea \u00een detaliu.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Pasul 3 -->\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 \/\/ POVESTEA VIZUAL\u0102<\/span>\r\n          <p class=\"step-text\">\r\n            Transform\u0103m realitatea \u00eentr-o <span class=\"gradient-text\">poveste vizual\u0103 cu mesaj<\/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\">3D INTERACTIVE GLOBE \/\/ 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 reala (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 \u021aine ap\u0103sat \u0219i trage pentru a roti \u2022 Mi\u0219c\u0103 mouse-ul peste glob pentru zoom \u2022 Treci 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          Avem p\u00e2n\u0103 acum participan\u021bi din <span class=\"highlight-country\">Italia<\/span>, <span class=\"highlight-country\">Marea Britanie<\/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\">SUA<\/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 tari (lat, lon) ---------- *\/\r\n    const COUNTRIES = [\r\n      { name: 'Italia',              lat: 41.8719, lon: 12.5674 },\r\n      { name: 'Marea Britanie',      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: 'SUA',                 lat: 37.0902, lon: -95.7129 }\r\n    ];\r\n\r\n    const RADIUS = 100;\r\n\r\n    \/* ---------- Helper: lat\/lon -> vector pe sfera ---------- *\/\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    \/* ---------- Textura procedurala 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, razaLat, razaLon)\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 polara 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    \/* ---------- Textura 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    \/\/ atmosfera \/ 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    \/\/ pini\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    \/* ---------- Interactiune: 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    \/* ---------- Bucla de animatie ---------- *\/\r\n    function animate() {\r\n      requestAnimationFrame(animate);\r\n      if (!isDragging) {\r\n        globeGroup.rotation.y += rotVelY;\r\n      }\r\n      camera.position.z += (targetZ - camera.position.z) * 0.08;\r\n      if (isHoveringViewport) checkPinHover();\r\n      renderer.render(scene, camera);\r\n    }\r\n    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 cu Fontul \u0219i Titlul P\u0103strate Exact -->\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\">CORE MISSION \/\/ 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\" (Efect de Rol\u0103 de Film \/ Derulare Vertical\u0103 Holografic\u0103) -->\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 acestora pentru a deveni o genera\u021bie viitoare mai con\u0219tient\u0103 \u0219i 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 pentru a oferi solu\u021bii problemelor din societatea de azi.\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\/* Tipar Nou: Rol\u0103 de Film Cinematic\u0103 & Interactiv\u0103 *\/\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\/* Perfora\u021bii de rol\u0103 de film pe margini *\/\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 01 Despre Festival 02 Regulament 03 Juriu 04 Finali\u0219ti 2026 05 Voluntari 06 \u00censcrieri Edi\u021bia XVIII DESPRE FILMMIC TEMA: Va urma STATEMENT \u201eCreativitatea cere curaj\u201d HENRI MATISSE ORIGINS \/\/ 01 POVESTEA FILMMIC APAS\u0102 AICI S\u0102 AFLI POVESTEA DIN SPATELE PROIECTULUI 2007 Click pentru zoom Filmmic a \u00eenceput [&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":208,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/1066\/revisions"}],"predecessor-version":[{"id":7033,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/1066\/revisions\/7033"}],"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}]}}