{"id":94,"date":"2026-01-26T02:00:50","date_gmt":"2026-01-26T01:00:50","guid":{"rendered":"https:\/\/never-2l8.com\/?page_id=94"},"modified":"2026-04-16T01:24:02","modified_gmt":"2026-04-15T23:24:02","slug":"home-en-test","status":"publish","type":"page","link":"https:\/\/never-2l8.com\/","title":{"rendered":"NEVER TOO LATE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"94\" class=\"elementor elementor-94\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8f3954 e-flex e-con-boxed e-con e-parent\" data-id=\"a8f3954\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b32ba4 elementor-widget elementor-widget-html\" data-id=\"1b32ba4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- NEVER 2L8 \u2014 INTRO OVERLAY (slide up reveal) \u2014 VERSION MOBILE CORRIG\u00c9E -->\n<style>\n:root{\n  --move-delay: 3.2s;\n  --move-dur: 0.9s;\n  --fade-dur: 0.25s;\n}\n\n\/* Overlay plein \u00e9cran *\/\n#n2l8-intro{\n  position: fixed;\n  inset: 0;\n  background: #000;\n  z-index: 2147483646;\n  pointer-events: none;\n  will-change: opacity;\n\n  animation: n2l8-slideUp var(--move-dur) cubic-bezier(.2,.9,.2,1) var(--move-delay) forwards;\n}\n\n\/* Centre l'horloge dans l'overlay *\/\n#n2l8-logo{\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 180px;\n  height: 180px;\n  transform: translate(-50%, -50%);\n  transform-origin: center;\n  z-index: 2147483647;\n}\n\n\/* Tagline *\/\n#n2l8-tagline{\n  position: absolute;\n  bottom: 12%;\n  left: 50%;\n  transform: translateX(-50%);\n  color: rgba(255,255,255,0.35);\n  font-family: sans-serif;\n  font-size: 13px;\n  letter-spacing: 0.25em;\n  white-space: nowrap;\n  font-weight: 300;\n}\n\n\/* SVG *\/\n#n2l8-logo svg{\n  width: 100%;\n  height: 100%;\n  display: block;\n  opacity: 1 !important;\n  filter: none !important;\n}\n\n\/* Force blanc aiguilles *\/\n#n2l8-logo svg #hand-hour,\n#n2l8-logo svg #hand-minute,\n#n2l8-logo svg #hand-seconde{\n  opacity: 1 !important;\n  filter: none !important;\n}\n\n#n2l8-logo svg #hand-hour *,\n#n2l8-logo svg #hand-minute *,\n#n2l8-logo svg #hand-seconde *{\n  opacity: 1 !important;\n  filter: none !important;\n  stroke: #ffffff !important;\n  fill: #ffffff !important;\n}\n\n#hand-seconde{\n  transform-origin: 244px 245px;\n  animation: n2l8-spin-sec 1.2s linear infinite;\n}\n#hand-minute{\n  transform-origin: 244px 245px;\n  animation: n2l8-spin-min 2.4s linear infinite;\n}\n#hand-hour{\n  transform-origin: 244px 245px;\n  animation: n2l8-spin-hr 4.8s linear infinite;\n}\n\n@keyframes n2l8-spin-sec{\n  from{ transform: rotate(0deg); }\n  to  { transform: rotate(-360deg); }\n}\n@keyframes n2l8-spin-min{\n  from{ transform: rotate(0deg); }\n  to  { transform: rotate(-360deg); }\n}\n@keyframes n2l8-spin-hr{\n  from{ transform: rotate(0deg); }\n  to  { transform: rotate(-360deg); }\n}\n\n\/* Slide overlay vers le haut *\/\n@keyframes n2l8-slideUp{\n  to{ transform: translateY(-110vh); }\n}\n\n\/* Fade final *\/\n@keyframes n2l8-fade{\n  to{ opacity: 0; visibility: hidden; }\n}\n.n2l8-fade{\n  animation: n2l8-fade var(--fade-dur) ease forwards;\n}\n\n@media (prefers-reduced-motion: reduce){\n  #n2l8-intro{ display:none; }\n}\n<\/style>\n\n<div id=\"n2l8-intro\" aria-hidden=\"true\">\n  <div id=\"n2l8-logo\" aria-hidden=\"true\">\n\n    <svg viewBox=\"0 0 489 493\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n      <!-- CADRAN -->\n      <g id=\"dial\" opacity=\"0.4\">\n        <path\n          d=\"M74.8422 77.3895L88.227 90.914\n             M0 244.864H18.929\n             M60.4171 429.626L73.802 416.102\n             M243.5 492.51V473.383\n             M408.531 415.896L421.916 429.421\n             M470.071 242.864H489\n             M392.089 94.9074L405.758 81.6755\n             M243.5 19.1266V0\"\n          stroke=\"#DFD6D6\" stroke-width=\"2\"\n        \/>\n      <\/g>\n\n      <!-- AIGUILLE SECONDES -->\n      <g id=\"hand-seconde\" shape-rendering=\"geometricPrecision\">\n        <line x1=\"268.303\" y1=\"216.322\" x2=\"144.678\" y2=\"363.488\"\n              stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <line x1=\"267.134\" y1=\"217.419\" x2=\"260.702\" y2=\"225.076\"\n              stroke=\"#FFFFFF\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n      <\/g>\n\n      <!-- AIGUILLE MINUTES -->\n      <g id=\"hand-minute\">\n        <path d=\"M244 91L244 175H253C253 175 248.436 151.418 246.54 133.959C244.644 116.5 244 91 244 91Z\"\/>\n        <path d=\"M244 251L244 175H253C253 175 248.436 196.336 246.54 212.132C244.644 227.929 244 251 244 251Z\"\/>\n        <path d=\"M244 251L244 175H235C235 175 239.564 196.336 241.46 212.132C243.356 227.929 244 251 244 251Z\"\/>\n        <path d=\"M244 91L244 175H235C235 175 239.564 151.418 241.46 133.959C243.356 116.5 244 91 244 91Z\"\/>\n      <\/g>\n\n      <!-- AIGUILLE HEURES -->\n      <g id=\"hand-hour\">\n        <path d=\"M330.983 245.518L282.176 245.246L282.159 254.246C282.159 254.246 295.87 249.759 306.018 247.919C316.165 246.079 330.983 245.518 330.983 245.518Z\"\/>\n        <path d=\"M238.017 245L282.176 245.246L282.159 254.246C282.159 254.246 269.77 249.613 260.596 247.666C251.421 245.718 238.017 245 238.017 245Z\"\/>\n        <path d=\"M238.017 245L282.176 245.246L282.193 236.246C282.193 236.246 269.787 240.741 260.605 242.586C251.423 244.431 238.017 245 238.017 245Z\"\/>\n        <path d=\"M330.983 245.518L282.176 245.246L282.193 236.246C282.193 236.246 295.886 240.886 306.027 242.839C316.168 244.792 330.983 245.518 330.983 245.518Z\"\/>\n      <\/g>\n\n      <!-- POINT CENTRAL -->\n      <g id=\"center-dot\">\n        <circle cx=\"244\" cy=\"245\" r=\"6\" fill=\"#FFFFFF\"\/>\n      <\/g>\n\n    <\/svg>\n\n  <\/div>\n\n  <div id=\"n2l8-tagline\" aria-hidden=\"true\">never too late<\/div>\n<\/div>\n\n<script>\n(function(){\n  var intro = document.getElementById('n2l8-intro');\n  if(!intro) return;\n\n  intro.addEventListener('animationend', function(e){\n    if(e.animationName === 'n2l8-slideUp'){\n      intro.classList.add('n2l8-fade');\n      setTimeout(function(){ intro.remove(); }, 350);\n    }\n  }, { once: true });\n})();\n<\/script>\n<!-- END NEVER 2L8 INTRO -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-886f278 e-con-full e-flex e-con e-parent\" data-id=\"886f278\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-08a47b7 e-con-full e-flex e-con e-child\" data-id=\"08a47b7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe0d2af elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"fe0d2af\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"477\" height=\"403\" src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/01\/LOGO_1.png\" class=\"attachment-large size-large wp-image-42\" alt=\"NEVER 2L8 FAVICON\" srcset=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/01\/LOGO_1.png 477w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/01\/LOGO_1-300x253.png 300w\" sizes=\"(max-width: 477px) 100vw, 477px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30d6e58 e-con-full e-flex e-con e-child\" data-id=\"30d6e58\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28b6b37 elementor-nav-menu__align-center elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"28b6b37\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-28b6b37\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-408\"><a href=\"#about\" class=\"elementor-item elementor-item-anchor\">APPROACH<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-409\"><a href=\"#services\" class=\"elementor-item elementor-item-anchor\">WORKFRAMES<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-410\"><a href=\"#catalogue\" class=\"elementor-item elementor-item-anchor\">CATALOGUE<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-411\"><a href=\"#us\" class=\"elementor-item elementor-item-anchor\">ABOUT US<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-28b6b37\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-408\"><a href=\"#about\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">APPROACH<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-409\"><a href=\"#services\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">WORKFRAMES<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-410\"><a href=\"#catalogue\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">CATALOGUE<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-411\"><a href=\"#us\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">ABOUT US<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e2cb80 e-con-full e-flex e-con e-child\" data-id=\"8e2cb80\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e52190 elementor-align-left elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"4e52190\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's talk<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e6f699 e-flex e-con-boxed e-con e-parent\" data-id=\"8e6f699\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-de38c9c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"de38c9c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/never-2l8.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Loop_Header.mp4&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_video_start&quot;:1}\">\n\t\t<div class=\"elementor-background-video-container\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-7f1fca5 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7f1fca5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>ORIGINAL MUSIC<\/p><p>FOR YOUR NARRATIVES<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6949199 elementor-widget elementor-widget-text-editor\" data-id=\"6949199\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We compose for stories on screen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff21bb9 e-flex e-con-boxed e-con e-parent\" data-id=\"ff21bb9\" data-element_type=\"container\" id=\"about\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00395af elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"00395af\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Late music \ncosts more than time<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccd73b3 elementor-widget elementor-widget-text-editor\" data-id=\"ccd73b3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">We&#8217;ve been there too. Building an edit around a temp track &#8220;just for now&#8221;, falling in love with it through the cut, and never quite finding anything that felt as right afterwards.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The longer temporary music stays in the cut, the more the visuals start speaking its language. By the time you have to let go, you&#8217;re not just losing a track. You&#8217;re losing a narrative direction that&#8217;s already embedded in the edit.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Stock libraries don&#8217;t help much either. There&#8217;s no shortage of options, but finding something that actually serves the project can take hours and still leave you with something forgettable.<\/p><blockquote class=\"ml-2 border-l-4 border-border-300\/10 pl-4 text-text-300\"><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">\u00a0<\/p><\/blockquote><p data-start=\"1249\" data-end=\"1417\">We compose and produce original instrumental music for visual formats \u2014 advertising, fiction, documentary, games, digital, podcasts \u2014 with a deep understanding of your workflows.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb09246 e-flex e-con-boxed e-con e-parent\" data-id=\"eb09246\" data-element_type=\"container\" id=\"catalogue\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f68045b elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"f68045b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EXPLORE OUR CATALOGUE <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c5e14e elementor-widget elementor-widget-text-editor\" data-id=\"7c5e14e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Selected excerpts from our musical universe.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c535b3 e-con-full e-flex e-con e-parent\" data-id=\"0c535b3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cafc6 #catalogue elementor-widget elementor-widget-html\" data-id=\"13cafc6\" data-element_type=\"widget\" id=\"#catalogue\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        .carousel-section {\n            width: 100%;\n            padding: 50px 0 80px;\n            background: transparent;\n            overflow: hidden;\n        }\n\n        .carousel-container {\n            width: 80%;\n            margin: 0 auto;\n        }\n\n        .swiper {\n            width: 100%;\n            height: 500px;\n            padding: 40px 0;\n            overflow: visible;\n        }\n\n        .swiper-slide {\n            width: 300px;\n            height: 420px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .music-card {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            border-radius: 20px;\n            overflow: hidden;\n            background: #000;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n            transition: all 0.5s cubic-bezier(0.4,0,0.2,1);\n            cursor: pointer;\n        }\n\n        .swiper-slide-active .music-card {\n            transform: scale(1.06);\n            box-shadow: 0 25px 60px rgba(255,255,255,0.08);\n        }\n\n        .swiper-slide:not(.swiper-slide-active) .music-card {\n            opacity: 0.6;\n        }\n\n        .swiper-slide:not(.swiper-slide-active) .card-video {\n            filter: grayscale(35%) brightness(0.75);\n        }\n\n        .music-card.is-frozen {\n            opacity: 0.35 !important;\n            filter: grayscale(60%) !important;\n            transform: scale(1) !important;\n            pointer-events: none;\n            transition: all 0.4s ease;\n        }\n\n        .music-card.is-frozen .card-video {\n            filter: grayscale(60%) brightness(0.5) !important;\n        }\n\n        .music-card.is-playing {\n            box-shadow:\n                0 30px 80px rgba(0,0,0,0.6),\n                0 0 50px rgba(220,225,235,0.15),\n                0 0 0 1px rgba(255,255,255,0.08) !important;\n            opacity: 1 !important;\n            filter: none !important;\n        }\n\n        .music-card.is-playing .card-overlay {\n            background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.92) 100%) !important;\n        }\n\n        .card-video {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            transition: filter 0.4s ease;\n        }\n\n        .card-overlay {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.88) 100%);\n            z-index: 1;\n            transition: background 0.4s ease;\n        }\n\n        .play-overlay {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 2;\n            opacity: 0;\n            transition: opacity 0.3s;\n            background: rgba(0,0,0,0.3);\n        }\n\n        .music-card:hover .play-overlay { opacity: 1; }\n\n        .music-card.is-playing .play-overlay {\n            opacity: 1;\n            background: transparent;\n        }\n\n        .play-btn {\n            width: 58px;\n            height: 58px;\n            background: transparent;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s;\n            border: 1.5px solid rgba(255,255,255,0.55);\n        }\n\n        .play-btn:hover {\n            transform: scale(1.1);\n            border-color: rgba(255,255,255,0.9);\n            background: rgba(255,255,255,0.06);\n        }\n\n        .play-btn .icon-play,\n        .play-btn .icon-pause { display: flex; align-items: center; justify-content: center; }\n\n        .playing-badge {\n            position: absolute;\n            top: 18px;\n            left: 18px;\n            z-index: 5;\n            transform: translateZ(0);\n            -webkit-font-smoothing: antialiased;\n            background: rgba(255,255,255,0.12);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(255,255,255,0.18);\n            border-radius: 50px;\n            padding: 6px 14px;\n            font-size: 0.72rem;\n            font-weight: 500;\n            color: rgba(255,255,255,0.9);\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            display: none;\n            align-items: center;\n            gap: 7px;\n        }\n\n        .playing-badge .dot {\n            width: 6px;\n            height: 6px;\n            background: rgba(255,255,255,0.8);\n            border-radius: 50%;\n            animation: pulse 1.4s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50%       { opacity: 0.4; transform: scale(0.7); }\n        }\n\n        .music-card.is-playing .playing-badge { display: flex; }\n\n        \/* ZONE TITRE + DESCRIPTION *\/\n        .card-title-section {\n            position: absolute;\n            bottom: 0; left: 0; right: 0;\n            padding: 22px 22px 24px;\n            z-index: 3;\n            will-change: transform;\n            transform: translateZ(0);\n        }\n\n        .card-title {\n            font-size: 1.55rem;\n            font-weight: 600;\n            color: #fff;\n            margin: 0 0 6px 0;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            text-rendering: optimizeLegibility;\n            transform: translateZ(0);\n            line-height: 1.2;\n        }\n\n        .card-tagline {\n            font-size: 0.75rem;\n            font-style: italic;\n            color: rgba(255,255,255,0.65);\n            margin: 0 0 8px 0;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.3;\n            letter-spacing: 0.01em;\n        }\n\n        .card-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 5px;\n        }\n\n        .card-tag {\n            font-size: 0.65rem;\n            font-weight: 500;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            color: rgba(255,255,255,0.5);\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .card-tag:not(:last-child)::after {\n            content: '\u00b7';\n            margin-left: 5px;\n            color: rgba(255,255,255,0.3);\n        }\n\n        \/* Masquer description sur slides non-actives pour ne pas surcharger *\/\n        .swiper-slide:not(.swiper-slide-active) .card-tagline,\n        .swiper-slide:not(.swiper-slide-active) .card-tags {\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .swiper-slide-active .card-tagline,\n        .swiper-slide-active .card-tags {\n            opacity: 1;\n            transition: opacity 0.4s ease 0.1s;\n        }\n\n        \/* Navigation *\/\n        .swiper-button-next,\n        .swiper-button-prev {\n            color: #fff;\n            background: rgba(255,255,255,0.1);\n            backdrop-filter: blur(10px);\n            width: 48px; height: 48px;\n            border-radius: 50%;\n            border: 1px solid rgba(255,255,255,0.15);\n            transition: all 0.3s;\n        }\n\n        .swiper-button-next:hover,\n        .swiper-button-prev:hover {\n            background: rgba(255,255,255,0.18);\n            transform: scale(1.08);\n        }\n\n        .swiper-button-next::after,\n        .swiper-button-prev::after { font-size: 20px; font-weight: bold; }\n\n        .swiper-pagination { bottom: 10px !important; }\n\n        .swiper-pagination-bullet {\n            width: 9px; height: 9px;\n            background: rgba(255,255,255,0.35);\n            opacity: 1; transition: all 0.3s;\n        }\n\n        .swiper-pagination-bullet-active {\n            background: rgba(255,255,255,0.75);\n            width: 28px; border-radius: 5px;\n        }\n\n        \/* BARRE AUDIO *\/\n        #music-bar {\n            position: fixed;\n            bottom: -110px;\n            left: 0; right: 0;\n            height: 90px;\n            background: rgba(18,18,18,0.97);\n            backdrop-filter: blur(20px);\n            border-top: 1px solid rgba(255,255,255,0.08);\n            display: flex;\n            align-items: center;\n            padding: 0 30px;\n            gap: 20px;\n            z-index: 9999;\n            transition: bottom 0.4s cubic-bezier(0.4,0,0.2,1);\n        }\n\n        #music-bar.visible { bottom: 0; }\n\n        .bar-info {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            min-width: 220px;\n            flex: 1;\n        }\n\n        .bar-thumb {\n            width: 52px;\n            height: 52px;\n            border-radius: 8px;\n            background: #333;\n            overflow: hidden;\n            flex-shrink: 0;\n        }\n\n        .bar-thumb video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .bar-title {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: #fff;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .bar-controls {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n            flex: 2;\n        }\n\n        .bar-buttons {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n        }\n\n        .bar-btn {\n            background: none;\n            border: none;\n            color: rgba(255,255,255,0.7);\n            cursor: pointer;\n            font-size: 1.1rem;\n            transition: all 0.2s;\n            padding: 5px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .bar-btn:hover { color: #fff; transform: scale(1.1); }\n\n        .bar-play-main {\n            width: 42px;\n            height: 42px;\n            background: #fff;\n            border-radius: 50%;\n            border: none;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s;\n            color: #000;\n            font-size: 1rem;\n        }\n\n        .bar-play-main:hover { transform: scale(1.08); background: #e0e0e0; }\n\n        .bar-play-main .icon-play,\n        .bar-play-main .icon-pause { display: flex; align-items: center; justify-content: center; }\n\n        .bar-progress-row {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            width: 100%;\n            max-width: 500px;\n        }\n\n        .bar-time {\n            font-size: 0.72rem;\n            color: rgba(255,255,255,0.5);\n            min-width: 36px;\n            font-family: monospace;\n        }\n\n        .bar-time.right { text-align: right; }\n\n        .progress-track {\n            flex: 1;\n            height: 4px;\n            background: rgba(255,255,255,0.15);\n            border-radius: 2px;\n            cursor: pointer;\n            position: relative;\n        }\n\n        .progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, rgba(200,205,215,0.9), rgba(255,255,255,0.95));\n            border-radius: 2px;\n            width: 0%;\n            transition: width 0.2s linear;\n            pointer-events: none;\n        }\n\n        .progress-track:hover .progress-fill { background: #fff; }\n\n        .bar-volume {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            flex: 1;\n            justify-content: flex-end;\n        }\n\n        .bar-volume span { font-size: 1rem; color: rgba(255,255,255,0.6); }\n\n        .volume-slider {\n            -webkit-appearance: none;\n            width: 90px;\n            height: 4px;\n            border-radius: 2px;\n            background: rgba(255,255,255,0.2);\n            outline: none;\n            cursor: pointer;\n        }\n\n        .volume-slider::-webkit-slider-thumb {\n            -webkit-appearance: none;\n            width: 13px; height: 13px;\n            border-radius: 50%;\n            background: #fff;\n            cursor: pointer;\n        }\n\n        @media (max-width: 768px) {\n            .carousel-section { padding: 40px 0 80px; }\n            .swiper { height: 450px; }\n            .swiper-slide { width: 300px; height: 380px; }\n            .card-title { font-size: 1.4rem; }\n            #music-bar { padding: 0 16px; gap: 12px; height: 80px; }\n            .bar-info { min-width: 0; flex: 1; }\n            .bar-thumb { width: 44px; height: 44px; }\n            .bar-title { font-size: 0.85rem; }\n            .bar-volume { display: none; }\n            .bar-controls { flex: 2; }\n            .bar-progress-row { max-width: 300px; }\n        }\n\n        @media (max-width: 480px) {\n            .swiper-slide { width: 280px; height: 350px; }\n            .swiper { height: 420px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"carousel-section\">\n    <div class=\"carousel-container\">\n        <div class=\"swiper musicCarousel\">\n            <div class=\"swiper-wrapper\">\n\n                <!-- CARD 1 \u2014 Watch Out -->\n                <div class=\"swiper-slide\">\n                    <div class=\"music-card\"\n                         data-audio=\"https:\/\/never-2l8.com\/stream.php?id=344\"\n                         data-title=\"Watch Out\">\n                        <video class=\"card-video\" muted loop playsinline>\n                            <source src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Loop_WatchOUt.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                        <div class=\"card-overlay\"><\/div>\n                        <div class=\"playing-badge\"><span class=\"dot\"><\/span> NOW PLAYING<\/div>\n                        <div class=\"play-overlay\">\n                            <div class=\"play-btn\"><span class=\"icon-play\"><svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div>\n                        <\/div>\n                        <div class=\"card-title-section\">\n                            <h3 class=\"card-title\">Watch Out<\/h3>\n                            <p class=\"card-tagline\">From warm strings to cold streets.<\/p>\n                            <div class=\"card-tags\">\n                                <span class=\"card-tag\">Hip-hop<\/span>\n                                <span class=\"card-tag\">Cinematic<\/span>\n                                <span class=\"card-tag\">Film noir<\/span>\n                                <span class=\"card-tag\">Emotional<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 2 \u2014 Guanabanas -->\n                <div class=\"swiper-slide\">\n                    <div class=\"music-card\"\n                         data-audio=\"https:\/\/never-2l8.com\/stream.php?id=335\"\n                         data-title=\"Guanabanas\">\n                        <video class=\"card-video\" muted loop playsinline>\n                            <source src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Loop_Guanabanas.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                        <div class=\"card-overlay\"><\/div>\n                        <div class=\"playing-badge\"><span class=\"dot\"><\/span> NOW PLAYING<\/div>\n                        <div class=\"play-overlay\">\n                            <div class=\"play-btn\"><span class=\"icon-play\"><svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div>\n                        <\/div>\n                        <div class=\"card-title-section\">\n                            <h3 class=\"card-title\">Guanabanas<\/h3>\n                            <p class=\"card-tagline\">No brakes, full energy.<\/p>\n                            <div class=\"card-tags\">\n                                <span class=\"card-tag\">Reggaeton<\/span>\n                                <span class=\"card-tag\">Action<\/span>\n                                <span class=\"card-tag\">Bass-heavy<\/span>\n                                <span class=\"card-tag\">Adrenaline<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 3 \u2014 Second Impact -->\n                <div class=\"swiper-slide\">\n                    <div class=\"music-card\"\n                         data-audio=\"https:\/\/never-2l8.com\/stream.php?id=341\"\n                         data-title=\"Second Impact\">\n                        <video class=\"card-video\" muted loop playsinline>\n                            <source src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Loop_Second_Impact.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                        <div class=\"card-overlay\"><\/div>\n                        <div class=\"playing-badge\"><span class=\"dot\"><\/span> NOW PLAYING<\/div>\n                        <div class=\"play-overlay\">\n                            <div class=\"play-btn\"><span class=\"icon-play\"><svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div>\n                        <\/div>\n                        <div class=\"card-title-section\">\n                            <h3 class=\"card-title\">Second Impact<\/h3>\n                            <p class=\"card-tagline\">Progressive build, explosive drop.<\/p>\n                            <div class=\"card-tags\">\n                                <span class=\"card-tag\">Experimental<\/span>\n                                <span class=\"card-tag\">Electro<\/span>\n                                <span class=\"card-tag\">Cyberpunk<\/span>\n                                <span class=\"card-tag\"><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 4 \u2014 Hype -->\n                <div class=\"swiper-slide\">\n                    <div class=\"music-card\"\n                         data-audio=\"https:\/\/never-2l8.com\/stream.php?id=340\"\n                         data-title=\"Hype\">\n                        <video class=\"card-video\" muted loop playsinline>\n                            <source src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Loop_Hype_2.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                        <div class=\"card-overlay\"><\/div>\n                        <div class=\"playing-badge\"><span class=\"dot\"><\/span> NOW PLAYING<\/div>\n                        <div class=\"play-overlay\">\n                            <div class=\"play-btn\"><span class=\"icon-play\"><svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div>\n                        <\/div>\n                        <div class=\"card-title-section\">\n                            <h3 class=\"card-title\">Hype<\/h3>\n                            <p class=\"card-tagline\">Low end does the work.<\/p>\n                            <div class=\"card-tags\">\n                                <span class=\"card-tag\">Minimalist<\/span>\n                                <span class=\"card-tag\">Fashion<\/span>\n                                <span class=\"card-tag\">Luxury<\/span>\n                                <span class=\"card-tag\">Editorial<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 5 \u2014 Wiggle -->\n                <div class=\"swiper-slide\">\n                    <div class=\"music-card\"\n                         data-audio=\"https:\/\/never-2l8.com\/stream.php?id=343\"\n                         data-title=\"Wiggle\">\n                        <video class=\"card-video\" muted loop playsinline>\n                            <source src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/01\/Timeline-1.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                        <div class=\"card-overlay\"><\/div>\n                        <div class=\"playing-badge\"><span class=\"dot\"><\/span> NOW PLAYING<\/div>\n                        <div class=\"play-overlay\">\n                            <div class=\"play-btn\"><span class=\"icon-play\"><svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div>\n                        <\/div>\n                        <div class=\"card-title-section\">\n                            <h3 class=\"card-title\">Wiggle<\/h3>\n                            <p class=\"card-tagline\">Sun, movement, somewhere better.<\/p>\n                            <div class=\"card-tags\">\n                                <span class=\"card-tag\">Afrobeats<\/span>\n                                <span class=\"card-tag\">Tropical<\/span>\n                                <span class=\"card-tag\">Lifestyle<\/span>\n                                <span class=\"card-tag\">Joyful<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 6 \u2014 True Colors -->\n                <div class=\"swiper-slide\">\n                    <div class=\"music-card\"\n                         data-audio=\"https:\/\/never-2l8.com\/stream.php?id=342\"\n                         data-title=\"True Colors\">\n                        <video class=\"card-video\" muted loop playsinline>\n                            <source src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Loop_TrueColors.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                        <div class=\"card-overlay\"><\/div>\n                        <div class=\"playing-badge\"><span class=\"dot\"><\/span> NOW PLAYING<\/div>\n                        <div class=\"play-overlay\">\n                            <div class=\"play-btn\"><span class=\"icon-play\"><svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div>\n                        <\/div>\n                        <div class=\"card-title-section\">\n                            <h3 class=\"card-title\">True Colors<\/h3>\n                            <p class=\"card-tagline\">A stylish night out.<\/p>\n                            <div class=\"card-tags\">\n                                <span class=\"card-tag\">R&B<\/span>\n                                <span class=\"card-tag\">Urban<\/span>\n                                <span class=\"card-tag\">Cinematic<\/span>\n                                <span class=\"card-tag\">Nocturnal<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                 <!-- CARD 7 \u2014 Birdz -->\n                <div class=\"swiper-slide\">\n                    <div class=\"music-card\"\n                         data-audio=\"https:\/\/never-2l8.com\/stream.php?id=437\"\n                         data-title=\"Birdz\">\n                        <video class=\"card-video\" muted loop playsinline>\n                            <source src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Loop_Birdz.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                        <div class=\"card-overlay\"><\/div>\n                        <div class=\"playing-badge\"><span class=\"dot\"><\/span> NOW PLAYING<\/div>\n                        <div class=\"play-overlay\">\n                            <div class=\"play-btn\"><span class=\"icon-play\"><svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/div>\n                        <\/div>\n                        <div class=\"card-title-section\">\n                            <h3 class=\"card-title\">Birdz<\/h3>\n                            <p class=\"card-tagline\">Fast lines, clean moves.<\/p>\n                            <div class=\"card-tags\">\n                                <span class=\"card-tag\">Techno<\/span>\n                                <span class=\"card-tag\">Minimalist<\/span>\n                                <span class=\"card-tag\">High Energy<\/span>\n                                <span class=\"card-tag\">Urban<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"swiper-button-next\"><\/div>\n            <div class=\"swiper-button-prev\"><\/div>\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- BARRE AUDIO FIXE -->\n<div id=\"music-bar\">\n    <div class=\"bar-info\">\n        <div class=\"bar-thumb\">\n            <video id=\"bar-thumb-video\" muted loop playsinline><\/video>\n        <\/div>\n        <div class=\"bar-title\" id=\"bar-title\">\u2014<\/div>\n    <\/div>\n    <div class=\"bar-controls\">\n        <div class=\"bar-buttons\">\n            <button class=\"bar-btn\" id=\"bar-restart\" title=\"Recommencer\">\u23ee<\/button>\n            <button class=\"bar-play-main\" id=\"bar-play-main\">\n                <span class=\"icon-play\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1L13 8L1 15V1Z\" fill=\"black\" stroke=\"black\" stroke-width=\"1\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <\/button>\n            <button class=\"bar-btn\" id=\"bar-stop\" title=\"Arr\u00eater\">\u23f9<\/button>\n        <\/div>\n        <div class=\"bar-progress-row\">\n            <span class=\"bar-time left\" id=\"bar-current\">0:00<\/span>\n            <div class=\"progress-track\" id=\"progress-track\">\n                <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\n            <\/div>\n            <span class=\"bar-time right\" id=\"bar-duration\">0:00<\/span>\n        <\/div>\n    <\/div>\n    <div class=\"bar-volume\">\n        <span>\ud83d\udd0a<\/span>\n        <input type=\"range\" class=\"volume-slider\" id=\"volume-slider\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.8\">\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\nconst audio     = new Audio();\naudio.volume    = 0.8;\nlet currentCard = null;\nlet isPlaying   = false;\n\nconst SVG_PLAY_CARD  = '<svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 1.5L15 9L1 16.5V1.5Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg>';\nconst SVG_PAUSE_CARD = '<svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"16\" rx=\"1.5\" fill=\"white\"\/><rect x=\"10\" y=\"1\" width=\"5\" height=\"16\" rx=\"1.5\" fill=\"white\"\/><\/svg>';\nconst SVG_PLAY_BAR   = '<svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 1L13 8L1 15V1Z\" fill=\"black\" stroke=\"black\" stroke-width=\"1\" stroke-linejoin=\"round\"\/><\/svg>';\nconst SVG_PAUSE_BAR  = '<svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"1\" y=\"1\" width=\"4\" height=\"14\" rx=\"1.5\" fill=\"black\"\/><rect x=\"9\" y=\"1\" width=\"4\" height=\"14\" rx=\"1.5\" fill=\"black\"\/><\/svg>';\n\nfunction formatTime(sec) {\n    if (isNaN(sec)) return '0:00';\n    const m = Math.floor(sec \/ 60);\n    const s = Math.floor(sec % 60).toString().padStart(2,'0');\n    return m + ':' + s;\n}\n\nfunction setBarIcon(playing) {\n    document.getElementById('bar-play-main').innerHTML = playing\n        ? `<span class=\"icon-pause\">${SVG_PAUSE_BAR}<\/span>`\n        : `<span class=\"icon-play\">${SVG_PLAY_BAR}<\/span>`;\n}\n\nfunction setCardIcon(card, playing) {\n    const iconEl = card.querySelector('.play-btn span');\n    iconEl.className = playing ? 'icon-pause' : 'icon-play';\n    iconEl.innerHTML = playing ? SVG_PAUSE_CARD : SVG_PLAY_CARD;\n}\n\nfunction freezeOthers(activeCard) {\n    document.querySelectorAll('.music-card').forEach(card => {\n        if (card !== activeCard) {\n            card.classList.add('is-frozen');\n            card.querySelector('.card-video').pause();\n        }\n    });\n}\n\nfunction unfreezeAll() {\n    document.querySelectorAll('.music-card').forEach(card => {\n        card.classList.remove('is-frozen');\n        const v = card.querySelector('.card-video');\n        v.muted = true;\n        v.play().catch(() => {});\n    });\n}\n\nfunction playTrack(card) {\n    const audioSrc  = card.dataset.audio;\n    const title     = card.dataset.title;\n    const cardVideo = card.querySelector('.card-video');\n\n    if (currentCard && currentCard !== card) {\n        currentCard.classList.remove('is-playing');\n        setCardIcon(currentCard, false);\n    }\n\n    currentCard = card;\n    cardVideo.muted = true;\n    cardVideo.currentTime = 0;\n    cardVideo.play();\n\n    if (audio.src !== location.origin + audioSrc && audio.src !== audioSrc) {\n        audio.src = audioSrc;\n    }\n    audio.currentTime = 0;\n    audio.play();\n\n    isPlaying = true;\n    card.classList.add('is-playing');\n    setCardIcon(card, true);\n    freezeOthers(card);\n\n    document.getElementById('bar-title').textContent = title;\n    const barThumb = document.getElementById('bar-thumb-video');\n    const source   = cardVideo.querySelector('source');\n    barThumb.innerHTML = '';\n    if (source) {\n        const s = document.createElement('source');\n        s.src   = source.src;\n        s.type  = source.type;\n        barThumb.appendChild(s);\n    }\n    barThumb.load();\n    barThumb.play();\n\n    setBarIcon(true);\n    document.getElementById('music-bar').classList.add('visible');\n}\n\nfunction togglePlay() {\n    if (!currentCard) return;\n    if (isPlaying) {\n        audio.pause();\n        currentCard.querySelector('.card-video').pause();\n        isPlaying = false;\n        currentCard.classList.remove('is-playing');\n        setCardIcon(currentCard, false);\n        setBarIcon(false);\n        document.getElementById('bar-thumb-video').pause();\n        unfreezeAll();\n    } else {\n        audio.play();\n        currentCard.querySelector('.card-video').play();\n        isPlaying = true;\n        currentCard.classList.add('is-playing');\n        setCardIcon(currentCard, true);\n        setBarIcon(true);\n        document.getElementById('bar-thumb-video').play();\n        freezeOthers(currentCard);\n    }\n}\n\nfunction stopTrack() {\n    audio.pause();\n    audio.currentTime = 0;\n    if (currentCard) {\n        currentCard.classList.remove('is-playing');\n        setCardIcon(currentCard, false);\n        currentCard = null;\n    }\n    isPlaying = false;\n    setBarIcon(false);\n    document.getElementById('bar-thumb-video').pause();\n    document.getElementById('music-bar').classList.remove('visible');\n    document.getElementById('progress-fill').style.width = '0%';\n    document.getElementById('bar-current').textContent = '0:00';\n    unfreezeAll();\n}\n\ndocument.querySelectorAll('.music-card').forEach(card => {\n    card.addEventListener('click', function(e) {\n        e.stopPropagation();\n        currentCard === this ? togglePlay() : playTrack(this);\n    });\n});\n\ndocument.getElementById('bar-play-main').addEventListener('click', togglePlay);\n\ndocument.getElementById('bar-restart').addEventListener('click', function() {\n    if (!currentCard) return;\n    audio.currentTime = 0;\n    const cv = currentCard.querySelector('.card-video');\n    cv.currentTime = 0;\n    if (!isPlaying) {\n        audio.play(); cv.play();\n        isPlaying = true;\n        currentCard.classList.add('is-playing');\n        setCardIcon(currentCard, true);\n        setBarIcon(true);\n    }\n});\n\ndocument.getElementById('bar-stop').addEventListener('click', stopTrack);\n\naudio.addEventListener('timeupdate', function() {\n    if (!audio.duration) return;\n    const pct = (audio.currentTime \/ audio.duration) * 100;\n    document.getElementById('progress-fill').style.width = pct + '%';\n    document.getElementById('bar-current').textContent = formatTime(audio.currentTime);\n});\n\naudio.addEventListener('loadedmetadata', function() {\n    document.getElementById('bar-duration').textContent = formatTime(audio.duration);\n});\n\naudio.addEventListener('ended', function() {\n    audio.currentTime = 0;\n    audio.play();\n});\n\ndocument.getElementById('progress-track').addEventListener('click', function(e) {\n    if (!audio.duration) return;\n    const rect = this.getBoundingClientRect();\n    audio.currentTime = ((e.clientX - rect.left) \/ rect.width) * audio.duration;\n    if (currentCard) currentCard.querySelector('.card-video').currentTime = 0;\n});\n\ndocument.getElementById('volume-slider').addEventListener('input', function() {\n    audio.volume = this.value;\n});\n\nconst musicCarousel = new Swiper('.musicCarousel', {\n    effect: 'coverflow',\n    grabCursor: true,\n    centeredSlides: true,\n    centeredSlidesBounds: false,\n    slidesPerView: 'auto',\n    initialSlide: 2,\n    speed: 650,\n    coverflowEffect: { rotate: 0, stretch: 0, depth: 100, modifier: 2.2, slideShadows: false },\n    pagination: { el: '.swiper-pagination', clickable: true, dynamicBullets: true },\n    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n    keyboard: { enabled: true, onlyInViewport: true },\n    loop: true,\n    on: {\n        init: function() {\n            document.querySelectorAll('.card-video').forEach(v => {\n                v.muted = true;\n                v.play().catch(() => {});\n            });\n        },\n        slideChange: function() {\n            if (isPlaying) {\n                stopTrack();\n            }\n        }\n    }\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a892266 e-con-full e-flex e-con e-child\" data-id=\"a892266\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2f9298 elementor-align-left elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"b2f9298\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's work together<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9760132 e-flex e-con-boxed e-con e-parent\" data-id=\"9760132\" data-element_type=\"container\" id=\"services\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75db6a2 elementor-widget elementor-widget-heading\" data-id=\"75db6a2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EVERY PROJECT HAS ITS TEMPO<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d41f0f elementor-widget elementor-widget-spacer\" data-id=\"6d41f0f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc45e01 elementor-widget elementor-widget-text-editor\" data-id=\"cc45e01\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tThree ways to collaborate, aligned with your timeline.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bb6ca0 e-flex e-con-boxed e-con e-parent\" data-id=\"5bb6ca0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-14240df e-con-full metal-card e-flex e-con e-child\" data-id=\"14240df\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd95c21 elementor-widget elementor-widget-heading\" data-id=\"dd95c21\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Custom \nComposition\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9780d0b elementor-widget elementor-widget-text-editor\" data-id=\"9780d0b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">For projects where music is part of the creative conversation from day one.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">We work alongside directors, producers and editors from early on \u2014 sharing references, proposing directions, sometimes composing before the picture is even locked. The kind of collaboration where a track can change the way a scene is cut, or where a scene can inspire something that didn&#8217;t exist yet.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Fiction, documentary, podcast&#8230; wherever the story is still being written.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ced1297 e-con-full metal-card e-flex e-con e-child\" data-id=\"ced1297\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-926723e elementor-widget elementor-widget-heading\" data-id=\"926723e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Brief-Based Composition\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91300ea elementor-widget elementor-widget-text-editor\" data-id=\"91300ea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>For productions arriving with clear references, defined constraints and a precise idea of what they need musically.<\/p>\n<p>Advertising, brand films, title sequences, short formats \u2014 wherever the brief is the starting line.<\/p>\n<p>You bring the brief and the direction, we take it from there: composing music that matches your editorial intent, your format and your delivery requirements.<\/p>\n<p><\/p>\n<p>We move at your pace.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bb062c e-con-full metal-card e-flex e-con e-child\" data-id=\"2bb062c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bdf15a elementor-widget elementor-widget-heading\" data-id=\"6bdf15a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SOUND AS A STARTING POINT\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6f5890 elementor-widget elementor-widget-text-editor\" data-id=\"c6f5890\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<blockquote class=\"ml-2 border-l-4 border-border-300\/10 pl-4 text-text-300\"><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Our catalogue is there to give you a feel for our range \u2014 the moods, textures and energies we bring to every project. Take your time listening.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">If a track catches the feeling you&#8217;re after, it becomes a reference point rather than a final answer. From there, we can reimagine it, adapt it to your format and duration, or use it as a springboard to build something entirely new that fits your project and clears all rights.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The catalogue features extracts \u2014 if a track speaks to you, let&#8217;s talk.<\/p><\/blockquote><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d8051c e-flex e-con-boxed e-con e-parent\" data-id=\"7d8051c\" data-element_type=\"container\" id=\"us\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-859b83b e-con-full e-flex e-con e-child\" data-id=\"859b83b\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d3cdc60 e-grid e-con-full e-con e-child\" data-id=\"d3cdc60\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28d198c elementor-widget elementor-widget-text-editor\" data-id=\"28d198c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Never 2L8 was built on an observation: music and audiovisual production are two worlds that rarely speak the same language.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Our team lives at that intersection \u2014 an executive producer who&#8217;ve spent years inside audiovisual formats, workflows and delivery constraints, and composers whose range and instinct don&#8217;t fit neatly into any catalogue.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The result is a different kind of collaboration: one where the musical decisions are informed by a deep understanding of your deadlines, your budgets, and the rights frameworks your projects operate in.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afb6e01 elementor-widget elementor-widget-image\" data-id=\"afb6e01\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132506_1.5.1-1024x576.jpg\" class=\"attachment-large size-large wp-image-389\" alt=\"\" srcset=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132506_1.5.1-1024x576.jpg 1024w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132506_1.5.1-300x169.jpg 300w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132506_1.5.1-768x432.jpg 768w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132506_1.5.1-1536x864.jpg 1536w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132506_1.5.1.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4849961 e-flex e-con-boxed e-con e-parent\" data-id=\"4849961\" data-element_type=\"container\" id=\"contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3abc631 elementor-widget elementor-widget-html\" data-id=\"3abc631\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Antonio:wght@400;600;700&family=Manrope:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body {\n            background: #000;\n            font-family: 'Manrope', sans-serif;\n        }\n\n        .contact-section {\n            width: 100%;\n            padding: 0px 60px 120px;\n            background: transparent;\n        }\n\n        .contact-container {\n            max-width: 640px;\n            margin: 0 auto;\n        }\n\n        .contact-title {\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #fff;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            margin-bottom: 16px;\n            font-family: 'Antonio', sans-serif;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .contact-subtitle {\n            font-size: 1rem;\n            color: rgba(255,255,255,0.5);\n            margin-bottom: 130px;\n            font-weight: 300;\n            letter-spacing: 0.02em;\n        }\n\n        .contact-form {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n\n        .form-field {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .form-field label {\n            font-family: 'Manrope', sans-serif;\n            font-size: 0.72rem;\n            font-weight: 500;\n            color: rgba(255,255,255,0.4);\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n        }\n\n        .form-field input,\n        .form-field textarea {\n            background: rgba(255,255,255,0.04);\n            border: 1px solid rgba(255,255,255,0.1);\n            border-radius: 10px;\n            padding: 14px 18px;\n            color: #fff;\n            font-size: 0.95rem;\n            font-family: inherit;\n            outline: none;\n            transition: border-color 0.25s ease, background 0.25s ease;\n            -webkit-font-smoothing: antialiased;\n            resize: none;\n        }\n\n        .form-field input::placeholder,\n        .form-field textarea::placeholder {\n            color: rgba(255,255,255,0.2);\n        }\n\n        .form-field input:focus,\n        .form-field textarea:focus {\n            border-color: rgba(255,255,255,0.35);\n            background: rgba(255,255,255,0.07);\n        }\n\n        .form-field input.error,\n        .form-field textarea.error,\n        .form-field select.error {\n            border-color: rgba(255, 90, 90, 0.6);\n        }\n\n        .field-error {\n            font-size: 0.72rem;\n            color: rgba(255, 90, 90, 0.8);\n            letter-spacing: 0.04em;\n            display: none;\n        }\n\n        .field-error.visible {\n            display: block;\n        }\n\n        .form-field textarea {\n            height: 140px;\n        }\n\n        \/* Select \/ dropdown *\/\n        .form-field select {\n            background: rgba(255,255,255,0.04);\n            border: 1px solid rgba(255,255,255,0.1);\n            border-radius: 10px;\n            padding: 14px 18px;\n            color: #fff;\n            font-size: 0.95rem;\n            font-family: inherit;\n            outline: none;\n            transition: border-color 0.25s ease, background 0.25s ease;\n            -webkit-font-smoothing: antialiased;\n            cursor: pointer;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 18px center;\n        }\n\n        .form-field select:focus {\n            border-color: rgba(255,255,255,0.35);\n            background-color: rgba(255,255,255,0.07);\n        }\n\n        .form-field select option {\n            background: #111;\n            color: #fff;\n        }\n\n        \/* Placeholder effect on select *\/\n        .form-field select.placeholder {\n            color: rgba(255,255,255,0.2);\n        }\n\n        .form-submit {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 8px;\n            gap: 16px;\n        }\n\n        .submit-btn {\n            background: #fff;\n            color: #000;\n            border: none;\n            border-radius: 50px;\n            padding: 14px 36px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            cursor: pointer;\n            transition: all 0.25s ease;\n            font-family: 'Antonio', sans-serif;\n            flex-shrink: 0;\n            min-width: 110px;\n        }\n\n        .submit-btn:hover:not(:disabled) {\n            background: rgba(255,255,255,0.88);\n            transform: translateY(-1px);\n        }\n\n        .submit-btn:active:not(:disabled) {\n            transform: translateY(0);\n        }\n\n        .submit-btn:disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .form-feedback {\n            font-size: 0.85rem;\n            color: rgba(255,255,255,0.45);\n            display: none;\n        }\n\n        .form-feedback.visible {\n            display: block;\n        }\n\n        .form-feedback.error-msg {\n            color: rgba(255, 90, 90, 0.75);\n        }\n\n        .contact-form.sent .submit-btn {\n            background: rgba(255,255,255,0.12);\n            color: rgba(255,255,255,0.5);\n        }\n\n        .contact-divider {\n            width: 40px;\n            height: 1px;\n            background: rgba(255,255,255,0.15);\n            margin-bottom: 56px;\n        }\n\n        .hp-field {\n            opacity: 0;\n            position: absolute;\n            top: 0;\n            left: 0;\n            height: 0;\n            width: 0;\n            z-index: -1;\n            pointer-events: none;\n        }\n\n        @media (max-width: 600px) {\n            .contact-title { font-size: 2rem; }\n            .form-row { grid-template-columns: 1fr; }\n            .contact-section { padding: 80px 20px 100px; }\n            .form-submit { flex-direction: column; align-items: flex-start; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"contact-section\">\n    <div class=\"contact-container\">\n\n        <div class=\"contact-divider\"><\/div>\n\n        <h2 class=\"contact-title\">Let's Talk<\/h2>\n        <p class=\"contact-subtitle\">\n    \n        <\/p>\n\n        <form class=\"contact-form\" id=\"contactForm\" novalidate>\n\n            <div class=\"form-row\">\n                <div class=\"form-field\">\n                    <label for=\"name\">Name<\/label>\n                    <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Your name\"\n                           required autocomplete=\"name\">\n                    <span class=\"field-error\" id=\"nameError\">Please enter your name.<\/span>\n                <\/div>\n                <div class=\"form-field\">\n                    <label for=\"email\">Email<\/label>\n                    <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"your@email.com\"\n                           required autocomplete=\"email\">\n                    <span class=\"field-error\" id=\"emailError\">Please enter a valid email.<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-field\">\n                <label for=\"project_type\">Project type<\/label>\n                <select id=\"project_type\" name=\"project_type\" class=\"placeholder\" required>\n                    <option value=\"\" disabled selected>Select a project type<\/option>\n                    <option value=\"Film\">Film<\/option>\n                    <option value=\"Series\">Series<\/option>\n                    <option value=\"Advertising\">Advertising<\/option>\n                    <option value=\"Branded Content\">Branded Content<\/option>\n                    <option value=\"Video Game\">Video Game<\/option>\n                    <option value=\"Other\">Other<\/option>\n                <\/select>\n                <span class=\"field-error\" id=\"projectTypeError\">Please select a project type.<\/span>\n            <\/div>\n\n            <div class=\"form-field\">\n                <label for=\"message\">Tell us about your project<\/label>\n                <textarea id=\"message\" name=\"message\"\n                          placeholder=\"Timeline, references, format \u2014 anything that helps us understand what you're building.\"\n                          required aria-label=\"Message\"><\/textarea>\n                <span class=\"field-error\" id=\"messageError\">Please write a message.<\/span>\n            <\/div>\n\n            <!-- Honeypot anti-spam -->\n            <div class=\"hp-field\" aria-hidden=\"true\">\n                <input type=\"text\" name=\"_honey\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/div>\n\n            <div class=\"form-submit\">\n                <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">Send<\/button>\n                <span class=\"form-feedback\" id=\"formFeedback\" role=\"status\" aria-live=\"polite\"><\/span>\n            <\/div>\n\n        <\/form>\n\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    const form     = document.getElementById('contactForm');\n    const btn      = document.getElementById('submitBtn');\n    const feedback = document.getElementById('formFeedback');\n\n    \/\/ Retirer la classe placeholder du select d\u00e8s qu'une valeur est choisie\n    document.getElementById('project_type').addEventListener('change', function() {\n        this.classList.remove('placeholder');\n        if (submitAttempted) validateForm();\n    });\n\n    function showError(inputId, errorId) {\n        const input = document.getElementById(inputId);\n        const err   = document.getElementById(errorId);\n        input.classList.add('error');\n        err.classList.add('visible');\n        return false;\n    }\n\n    function clearError(inputId, errorId) {\n        const input = document.getElementById(inputId);\n        const err   = document.getElementById(errorId);\n        input.classList.remove('error');\n        err.classList.remove('visible');\n    }\n\n    function validateForm() {\n        let valid = true;\n        const name        = document.getElementById('name');\n        const email       = document.getElementById('email');\n        const projectType = document.getElementById('project_type');\n        const message     = document.getElementById('message');\n        const emailRe     = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n        if (!name.value.trim())               { showError('name',         'nameError');        valid = false; }\n        else                                   { clearError('name',        'nameError'); }\n\n        if (!emailRe.test(email.value.trim())) { showError('email',        'emailError');       valid = false; }\n        else                                   { clearError('email',       'emailError'); }\n\n        if (!projectType.value)                { showError('project_type', 'projectTypeError'); valid = false; }\n        else                                   { clearError('project_type','projectTypeError'); }\n\n        if (!message.value.trim())             { showError('message',      'messageError');     valid = false; }\n        else                                   { clearError('message',     'messageError'); }\n\n        return valid;\n    }\n\n    let submitAttempted = false;\n    ['name','email','message'].forEach(id => {\n        document.getElementById(id).addEventListener('input', () => {\n            if (submitAttempted) validateForm();\n        });\n    });\n\n    form.addEventListener('submit', function (e) {\n        e.preventDefault();\n        submitAttempted = true;\n\n        if (!validateForm()) return;\n        if (document.querySelector('input[name=\"_honey\"]').value !== '') return;\n\n        setLoading(true);\n\n        const formData = new FormData(form);\n        formData.append('_replyto',  document.getElementById('email').value);\n        formData.append('_subject',  'New message from never-2l8.com');\n        formData.append('_captcha',  'false');\n        formData.append('_honey',    '');\n\n        fetch('https:\/\/formsubmit.co\/ajax\/contact@never-2l8.com', {\n            method:  'POST',\n            headers: { 'Accept': 'application\/json' },\n            body:    formData\n        })\n        .then(res => {\n            if (!res.ok) throw new Error('Server error: ' + res.status);\n            return res.json();\n        })\n        .then(() => {\n            form.classList.add('sent');\n            btn.textContent = 'Sent \u2713';\n            showFeedback(\"Message sent \u2014 we'll be in touch.\", false);\n            form.reset();\n            document.getElementById('project_type').classList.add('placeholder');\n        })\n        .catch(err => {\n            console.error('[ContactForm]', err);\n            setLoading(false);\n            showFeedback('Something went wrong. Please try again.', true);\n        });\n    });\n\n    function setLoading(loading) {\n        btn.disabled    = loading;\n        btn.textContent = loading ? 'Sending\u2026' : 'Send';\n    }\n\n    function showFeedback(msg, isError) {\n        feedback.textContent = msg;\n        feedback.classList.add('visible');\n        feedback.classList.toggle('error-msg', isError);\n    }\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-982c0b2 e-flex e-con-boxed e-con e-parent\" data-id=\"982c0b2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b1602e elementor-widget elementor-widget-html\" data-id=\"7b1602e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#n2l8-clock {\n  width: 140px;\n  height: 140px;\n  display: block;\n}\n\n#n2l8-clock svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n#hand-seconde {\n  transform-origin: 244px 245px;\n  animation: n2l8-spin 1.2s linear infinite;\n}\n#hand-minute {\n  transform-origin: 244px 245px;\n  animation: n2l8-spin 2.4s linear infinite;\n}\n#hand-hour {\n  transform-origin: 244px 245px;\n  animation: n2l8-spin 4.8s linear infinite;\n}\n\n@keyframes n2l8-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(-360deg); }\n}\n<\/style>\n\n<div id=\"n2l8-clock\">\n  <svg viewBox=\"0 0 489 493\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n    <!-- CADRAN -->\n    <g id=\"dial\" opacity=\"0.4\">\n      <path\n        d=\"M74.8422 77.3895L88.227 90.914\n           M0 244.864H18.929\n           M60.4171 429.626L73.802 416.102\n           M243.5 492.51V473.383\n           M408.531 415.896L421.916 429.421\n           M470.071 242.864H489\n           M392.089 94.9074L405.758 81.6755\n           M243.5 19.1266V0\"\n        stroke=\"#ffffff\" stroke-width=\"2\"\n      \/>\n    <\/g>\n\n    <!-- AIGUILLE SECONDES -->\n    <g id=\"hand-seconde\" shape-rendering=\"geometricPrecision\">\n      <line x1=\"268.303\" y1=\"216.322\" x2=\"144.678\" y2=\"363.488\"\n            stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <line x1=\"267.134\" y1=\"217.419\" x2=\"260.702\" y2=\"225.076\"\n            stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <\/g>\n\n    <!-- AIGUILLE MINUTES -->\n    <g id=\"hand-minute\">\n      <path fill=\"#ffffff\" d=\"M244 91L244 175H253C253 175 248.436 151.418 246.54 133.959C244.644 116.5 244 91 244 91Z\"\/>\n      <path fill=\"#ffffff\" d=\"M244 251L244 175H253C253 175 248.436 196.336 246.54 212.132C244.644 227.929 244 251 244 251Z\"\/>\n      <path fill=\"#ffffff\" d=\"M244 251L244 175H235C235 175 239.564 196.336 241.46 212.132C243.356 227.929 244 251 244 251Z\"\/>\n      <path fill=\"#ffffff\" d=\"M244 91L244 175H235C235 175 239.564 151.418 241.46 133.959C243.356 116.5 244 91 244 91Z\"\/>\n    <\/g>\n\n    <!-- AIGUILLE HEURES -->\n    <g id=\"hand-hour\">\n      <path fill=\"#ffffff\" d=\"M330.983 245.518L282.176 245.246L282.159 254.246C282.159 254.246 295.87 249.759 306.018 247.919C316.165 246.079 330.983 245.518 330.983 245.518Z\"\/>\n      <path fill=\"#ffffff\" d=\"M238.017 245L282.176 245.246L282.159 254.246C282.159 254.246 269.77 249.613 260.596 247.666C251.421 245.718 238.017 245 238.017 245Z\"\/>\n      <path fill=\"#ffffff\" d=\"M238.017 245L282.176 245.246L282.193 236.246C282.193 236.246 269.787 240.741 260.605 242.586C251.423 244.431 238.017 245 238.017 245Z\"\/>\n      <path fill=\"#ffffff\" d=\"M330.983 245.518L282.176 245.246L282.193 236.246C282.193 236.246 295.886 240.886 306.027 242.839C316.168 244.792 330.983 245.518 330.983 245.518Z\"\/>\n    <\/g>\n\n    <!-- POINT CENTRAL -->\n    <circle cx=\"244\" cy=\"245\" r=\"6\" fill=\"#ffffff\"\/>\n\n  <\/svg>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ef5144 e-flex e-con-boxed e-con e-parent\" data-id=\"4ef5144\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a44b33 elementor-widget elementor-widget-text-editor\" data-id=\"0a44b33\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00a9 2026 NEVER 2L8 \u00b7 <a href=\"https:\/\/never-2l8.com\/?page_id=300\">Legal Notice<\/a> \u00b7 <a href=\"https:\/\/never-2l8.com\/?page_id=3\">Privacy Policy<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>never too late Let&#8217;s talk ORIGINAL MUSIC FOR YOUR NARRATIVES We compose for stories on screen. Late music costs more than time We&#8217;ve been there too. Building an edit around a temp track &#8220;just for now&#8221;, falling in love with it through the cut, and never quite finding anything that felt as right afterwards. The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/never-2l8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":287,"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions\/573"}],"wp:attachment":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}