.elementor-986 .elementor-element.elementor-element-742e6f06 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-986 .elementor-element.elementor-element-742e6f06:not(.elementor-motion-effects-element-type-background), .elementor-986 .elementor-element.elementor-element-742e6f06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B3E;}.elementor-986 .elementor-element.elementor-element-742e6f06 > .elementor-container{min-height:80px;}.elementor-986 .elementor-element.elementor-element-742e6f06{border-style:solid;border-width:0px 0px 1px 0px;border-color:#6B7280;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-80px;padding:1% 5% 0% 5%;z-index:9995;}.elementor-986 .elementor-element.elementor-element-742e6f06 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-986 .elementor-element.elementor-element-5bf0ad7c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-986 .elementor-element.elementor-element-3682516{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-986 .elementor-element.elementor-element-3682516 > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-986 .elementor-element.elementor-element-3682516 img{width:100%;}.elementor-986 .elementor-element.elementor-element-cb52450{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;align-self:center;}.elementor-986 .elementor-element.elementor-element-cb52450 > .elementor-widget-container{padding:0px 0px 0px 12px;}.elementor-986 .elementor-element.elementor-element-8ffd4fb.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-986 .elementor-element.elementor-element-8ffd4fb:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-986 .elementor-element.elementor-element-8ffd4fb > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;text-align:start;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 40px 0px;}.elementor-986 .elementor-element.elementor-element-8ffd4fb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-986 .elementor-element.elementor-element-8ffd4fb .elementor-element-populated .elementor-heading-title{color:#FFFFFF;}.elementor-986 .elementor-element.elementor-element-df4fd31{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:-0.45px;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#00000000;}.elementor-986 .elementor-element.elementor-element-df4fd31 .e--pointer-framed .elementor-item:before,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .e--pointer-framed .elementor-item:after{border-color:#00000000;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a:hover,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a:focus,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-menu-toggle:hover,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a:hover,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a:focus,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown .elementor-item, .elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.53px;}.elementor-986 .elementor-element.elementor-element-df4fd31 div.elementor-menu-toggle{color:#000000;}.elementor-986 .elementor-element.elementor-element-df4fd31 div.elementor-menu-toggle svg{fill:#000000;}.elementor-986 .elementor-element.elementor-element-df4fd31 div.elementor-menu-toggle:hover, .elementor-986 .elementor-element.elementor-element-df4fd31 div.elementor-menu-toggle:focus{color:#000000;}.elementor-986 .elementor-element.elementor-element-df4fd31 div.elementor-menu-toggle:hover svg, .elementor-986 .elementor-element.elementor-element-df4fd31 div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-986 .elementor-element.elementor-element-318d334b .elementor-button{background-color:#E4E6EB;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.53px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:10px 10px 10px 10px;padding:15px 20px 15px 20px;}.elementor-986 .elementor-element.elementor-element-318d334b .elementor-button:hover, .elementor-986 .elementor-element.elementor-element-318d334b .elementor-button:focus{background-color:#6B7280;}.elementor-986 .elementor-element.elementor-element-318d334b{width:auto;max-width:auto;}.elementor-986 .elementor-element.elementor-element-318d334b > .elementor-widget-container{margin:0px 0px 0px 40px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-986 .elementor-element.elementor-element-df4fd31 .elementor-menu-toggle{border-width:1px;border-radius:0px;}}@media(min-width:768px){.elementor-986 .elementor-element.elementor-element-5bf0ad7c{width:34.967%;}.elementor-986 .elementor-element.elementor-element-8ffd4fb{width:64.911%;}}@media(max-width:767px){.elementor-986 .elementor-element.elementor-element-5bf0ad7c{width:100%;}.elementor-bc-flex-widget .elementor-986 .elementor-element.elementor-element-5bf0ad7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-986 .elementor-element.elementor-element-5bf0ad7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-986 .elementor-element.elementor-element-3682516{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-986 .elementor-element.elementor-element-3682516 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-986 .elementor-element.elementor-element-3682516 img{width:100%;max-width:100%;height:52px;}.elementor-986 .elementor-element.elementor-element-cb52450{--container-widget-width:115px;--container-widget-flex-grow:0;width:var( --container-widget-width, 115px );max-width:115px;align-self:center;}.elementor-986 .elementor-element.elementor-element-8ffd4fb{width:70%;}.elementor-986 .elementor-element.elementor-element-318d334b > .elementor-widget-container{margin:0px 0px 0px 8px;}.elementor-986 .elementor-element.elementor-element-318d334b .elementor-button{padding:10px 10px 10px 10px;}}/* Start custom CSS for column, class: .elementor-element-5bf0ad7c */<!-- ════════════════════════════════════════════════════════════
     NEEDLE DAMAGE — brand text
     Replace the contents of your HTML widget with this.

     Desktop: stays exactly as it was (two stacked lines)
     Mobile:  becomes one line — "Needle Damage Entertainment"
     ════════════════════════════════════════════════════════════ -->
<div class="nde-brand">
  <div class="brand-name">Needle Damage</div>
  <div class="brand-sub">Entertainment</div>
</div>

<style>
/* ── desktop (unchanged) ── */
.nde-brand{line-height:1.1;}
.nde-brand .brand-name{
  font-family:'Inter',sans-serif;
  font-size:20px;font-weight:700;
  color:#fff;letter-spacing:.3px;
}
.nde-brand .brand-sub{
  font-family:'Space Mono',monospace;
  font-size:14px;
  color:rgba(255,255,255,.45);
  letter-spacing:2px;text-transform:uppercase;
}

/* ── mobile: one single line ── */
@media (max-width:900px){
  .nde-brand{
    display:flex;
    flex-direction:row;
    align-items:baseline;
    gap:6px;
    white-space:nowrap;
    line-height:1.2;
  }
  /* "Entertainment" now matches "Needle Damage" exactly */
  .nde-brand .brand-name,
  .nde-brand .brand-sub{
    font-family:'Inter',sans-serif;
    font-size:clamp(14px,4.3vw,18px);
    font-weight:700;
    color:#fff;
    letter-spacing:.2px;
    text-transform:none;
  }
}

@media (max-width:360px){
  .nde-brand{gap:5px;}
  .nde-brand .brand-name,
  .nde-brand .brand-sub{font-size:13px;letter-spacing:0;}
}
</style>/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-8ffd4fb *//* ── Links (all states locked) ── */
.nde-nav li a,
.nde-nav li.current-menu-item a{background:none!important;box-shadow:none!important;}
.nde-nav a{
  font-family:'Inter',sans-serif;
  font-size:13px;font-weight:400;
  color:rgba(255,255,255,.7)!important;
  background:transparent!important;
  padding:9px 16px;border-radius:3px;
  text-decoration:none;white-space:nowrap;
  transition:color .15s;
}
.nde-nav a:hover{
  background:transparent!important;
  color:#fff!important;
}
.nde-nav a:focus,
.nde-nav a:active{
  background:transparent!important;
  color:#fff!important;
  outline:none;
}

/* ── Active page: underline only ── */
.nde-nav .current-menu-item a,
.nde-nav .current_page_item a{
  color:#fff!important;
  font-weight:600;
  background:transparent!important;
  position:relative;
}
.nde-nav .current-menu-item a::after,
.nde-nav .current_page_item a::after{
  content:'';
  position:absolute;left:16px;right:16px;bottom:2px;
  height:2px;
  background:#6B7280;
  border-radius:1px;
}

/* ── ENQUIRE / Book button ── */
.nde-nav .nav-cta a{
  background:#fff!important;color:#0d1b3e!important;
  font-weight:700;font-size:12px;letter-spacing:.5px;
  text-transform:uppercase;
  padding:9px 20px;border-radius:3px;margin-left:14px;
}
.nde-nav .nav-cta a:hover,
.nde-nav .nav-cta a:focus,
.nde-nav .nav-cta a:active{
  background:rgba(255,255,255,.88)!important;
  color:#0d1b3e!important;
}
.nde-nav .nav-cta a::after{display:none!important;}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-742e6f06 */<canvas id="fx-bg"></canvas>
<style>
#fx-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}
</style>
<script>
(function(){
const c=document.getElementById('fx-bg');
const ctx=c.getContext('2d');

// attach canvas to the Elementor section it's inside
const sec=c.closest('.e-con, .elementor-section');
sec.style.position='relative';
sec.style.overflow='hidden';
sec.prepend(c);

function resize(){c.width=sec.offsetWidth;c.height=sec.offsetHeight;}
resize();addEventListener('resize',resize);

const particles=Array.from({length:90},()=>({
  x:Math.random()*c.width,y:Math.random()*c.height,
  r:Math.random()*1.4+0.3,
  vx:(Math.random()-0.5)*0.25,vy:-Math.random()*0.35-0.08,
  a:Math.random()*0.5+0.1,
}));

const beams=[
  {x:0.7,angle:-0.3,col:'rgba(30,47,90,',speed:0.002,phase:0},
  {x:0.85,angle:0.2,col:'rgba(13,27,62,',speed:0.0015,phase:1},
  {x:0.55,angle:-0.1,col:'rgba(21,34,68,',speed:0.0025,phase:2},
];

let t=0;
function draw(){
  const W=c.width,H=c.height;
  ctx.fillStyle='#080f22';ctx.fillRect(0,0,W,H);

  beams.forEach(b=>{
    const cx=W*b.x+Math.sin(t*b.speed+b.phase)*W*0.08;
    const angle=b.angle+Math.sin(t*b.speed*0.7+b.phase)*0.12;
    const grad=ctx.createLinearGradient(cx,H,cx+Math.sin(angle)*H,0);
    grad.addColorStop(0,b.col+'0)');
    grad.addColorStop(0.4,b.col+'0.14)');
    grad.addColorStop(0.7,b.col+'0.2)');
    grad.addColorStop(1,b.col+'0.05)');
    ctx.save();ctx.translate(cx,H);ctx.rotate(angle);
    ctx.fillStyle=grad;
    ctx.beginPath();
    ctx.moveTo(-W*0.18,0);ctx.lineTo(W*0.18,0);
    ctx.lineTo(W*0.06,-H*1.3);ctx.lineTo(-W*0.06,-H*1.3);
    ctx.closePath();ctx.fill();ctx.restore();
  });

  particles.forEach(p=>{
    p.x+=p.vx*0.4+Math.sin(t*0.001+p.y*0.01)*0.07;
    p.y+=p.vy*0.4;
    if(p.y<-5){p.y=H+5;p.x=Math.random()*W;}
    ctx.beginPath();
    ctx.arc(p.x,p.y,p.r,0,Math.PI*2);
    ctx.fillStyle='rgba(255,255,255,'+p.a+')';
    ctx.fill();
  });

  t++;
  requestAnimationFrame(draw);
}
draw();
})();
</script>/* End custom CSS */