/* NoorLight Connect / V5 : editorial product-tech hero — DEV ONLY */
#slide-connect.showcase-slide--connect{background:#150f32!important;color:#fff!important}
#slide-connect .n5-hero{position:relative;isolation:isolate;overflow:hidden;min-height:610px;background:radial-gradient(ellipse at 4% 100%,#324acf7a,transparent 44%),radial-gradient(ellipse at 97% 15%,#df498f50,transparent 40%),radial-gradient(ellipse at 85% 90%,#00bdb54f,transparent 35%),linear-gradient(117deg,#100d29,#221345 53%,#171038);color:#fff}
#slide-connect .n5-hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#87a9ff 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(100deg,#000 0%,transparent 48%)}
#slide-connect .n5-hero:after{content:"";position:absolute;z-index:-1;right:-165px;top:-185px;width:520px;height:520px;border-radius:50%;border:1px solid #b9a9ff22;box-shadow:0 0 0 85px #da77e30a,0 0 0 185px #a88eff07;pointer-events:none}
#slide-connect .n5-layout{max-width:1640px;min-height:610px;margin:auto;padding:clamp(35px,4.8vw,74px) clamp(22px,4.4vw,75px) 60px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(27px,4.3vw,76px)}
#slide-connect .n5-copy{max-width:635px}
#slide-connect .n5-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#baf5ff;font-weight:800;letter-spacing:.19em;line-height:1.5}
#slide-connect .n5-eyebrow:before{content:"";width:29px;height:3px;border-radius:5px;background:linear-gradient(90deg,#10e4de,#ff72c0)}
#slide-connect .n5-copy h1{margin:24px 0 22px;color:#fff;font:800 clamp(49px,5vw,85px)/1.045 'Manrope','DM Sans',sans-serif!important;letter-spacing:-.073em!important;text-wrap:balance}
#slide-connect .n5-copy h1 em{font-style:normal;background:linear-gradient(108deg,#79e6ff 3%,#a3afff 44%,#ff8dcc 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#a8dbff}
#slide-connect .n5-rotating{font:600 clamp(17px,1.55vw,23px)/1.5 'DM Sans',sans-serif;color:#e2e4ff;min-height:2.4em;margin-bottom:18px}
#slide-connect .n5-rotating .n5-rotating-word{display:inline-block;transition:opacity .28s ease,transform .28s ease;opacity:1;transform:translateY(0);color:#92eff6}
#slide-connect .n5-rotating .n5-rotating-word.changing{opacity:0;transform:translateY(8px)}
#slide-connect .n5-intro{font-size:clamp(14px,1.07vw,16px)!important;line-height:1.8!important;color:#c7cae6!important;max-width:550px;margin:0 0 28px}
#slide-connect .n5-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
#slide-connect .n5-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:100px;padding:16px 23px;min-height:52px;color:#fff;text-decoration:none;cursor:pointer;font:800 13px/1 'DM Sans',sans-serif;white-space:nowrap;transition:transform .2s ease,filter .2s ease,background .2s ease}
#slide-connect .n5-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
#slide-connect .n5-cta--primary{background:linear-gradient(105deg,#1689ff,#07c7cc);box-shadow:0 13px 30px #07aade46}
#slide-connect .n5-cta--secondary{border:1px solid #9f9ad777;background:#ffffff12;color:#eff8ff}
#slide-connect .n5-cta--secondary:hover{background:#ffffff24}
#slide-connect .n5-cta[hidden]{display:none!important}
#slide-connect .n5-proof{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
#slide-connect .n5-proof span{display:inline-block;border:1px solid #9597d341;color:#c8d9ef;padding:9px 13px;border-radius:70px;font-size:10px;font-weight:700;letter-spacing:.04em}
#slide-connect .n5-media{min-width:0;position:relative;isolation:isolate}
#slide-connect .n5-media-tilt{position:absolute;inset:-17px -14px 10px 15px;z-index:-1;border:1px solid #a880ff55;border-radius:30px;transform:rotate(2deg);background:linear-gradient(140deg,#916aff24,#19c4de1e)}
#slide-connect .n5-media-card{position:relative;overflow:hidden;border:5px solid #ffffffd8;border-radius:22px;background:#fff;box-shadow:0 37px 100px #0707228a,0 0 0 1px #ffffff3a}
#slide-connect .n5-media-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#edf6fa,#fff)}
#slide-connect .n5-media-stage img,#slide-connect .n5-media-stage video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
#slide-connect .n5-media-stage img{transition:opacity .55s ease;opacity:0;pointer-events:none}
#slide-connect .n5-media-stage img.is-active{opacity:1;z-index:1}
#slide-connect .n5-media-stage video{z-index:3;background:#070d13}
#slide-connect .n5-media-stage video[hidden]{display:none!important}
#slide-connect .n5-media-badge{position:absolute;z-index:4;top:16px;left:16px;display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:50px;background:#10213cc9;backdrop-filter:blur(9px);font-size:10px;font-weight:800;letter-spacing:.11em;color:#fff}
#slide-connect .n5-media-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#29e4df;box-shadow:0 0 12px #28e4dfb0}
#slide-connect .n5-media-footer{background:#fff;color:#243f59;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 19px}
#slide-connect .n5-media-footer p{font-size:12px;font-weight:800;line-height:1.45;margin:0;color:#1c3f5c;max-width:320px}
#slide-connect .n5-mini-controls{display:flex;align-items:center;gap:8px}
#slide-connect .n5-media-step{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid #d4eaf2;background:#f4faff;color:#276c90;cursor:pointer;font-size:16px}
#slide-connect .n5-media-step:hover{background:#dff9ff}
#slide-connect .n5-media-counter{font-size:11px;font-weight:800;color:#52778e;min-width:41px;text-align:center;font-variant-numeric:tabular-nums}
#slide-connect .n5-media-footnote{margin:14px auto 0;font-size:11px;color:#c9c5e7;max-width:700px;text-align:center;line-height:1.6}
#slide-connect .n5-video-overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:#090e1e4d;cursor:pointer;border:0;width:100%;padding:0}
#slide-connect .n5-video-overlay[hidden]{display:none!important}
#slide-connect .n5-video-overlay span{background:linear-gradient(120deg,#2185ff,#00d1da);border:3px solid #fff;color:white;border-radius:100px;width:70px;height:70px;display:grid;place-items:center;box-shadow:0 12px 36px #0007;font-size:26px;padding-left:3px}
#slide-connect .n5-video-overlay:hover span{transform:scale(1.06)}
#slide-connect .n5-media[data-mode="video"] .n5-media-badge{background:#111b2ecc}
@media(min-width:1550px){#slide-connect .n5-layout{min-height:720px}}
@media(max-width:1080px){#slide-connect .n5-layout{gap:28px;grid-template-columns:1fr 1.05fr;min-height:610px}#slide-connect .n5-copy h1{font-size:clamp(42px,5.5vw,66px)!important}#slide-connect .n5-proof span{font-size:9px}}
@media(max-width:830px){#slide-connect .n5-layout{grid-template-columns:1fr;min-height:0;padding:50px 25px 55px;gap:35px}#slide-connect .n5-copy{max-width:730px}#slide-connect .n5-copy h1{max-width:700px;font-size:clamp(45px,8vw,72px)!important}#slide-connect .n5-media{max-width:780px;width:100%;margin:auto}}
@media(max-width:550px){#slide-connect .n5-layout{padding:34px 15px 43px;gap:27px}#slide-connect .n5-eyebrow{font-size:10px;letter-spacing:.11em}#slide-connect .n5-copy h1{font-size:clamp(40px,10.7vw,59px)!important;margin:18px 0 17px}#slide-connect .n5-rotating{font-size:16px;min-height:3.2em;margin-bottom:9px}#slide-connect .n5-intro{font-size:14px!important;margin-bottom:21px}#slide-connect .n5-cta{padding:14px 19px;min-height:48px;font-size:12px}#slide-connect .n5-proof{margin-top:19px;gap:7px}#slide-connect .n5-proof span{padding:8px 10px}#slide-connect .n5-media-card{border-width:3px;border-radius:16px}#slide-connect .n5-media-badge{top:7px;left:7px;padding:6px 9px;font-size:8px}#slide-connect .n5-media-footer{padding:11px}#slide-connect .n5-media-footer p{font-size:10px}#slide-connect .n5-media-tilt{inset:-8px -4px 5px 4px}#slide-connect .n5-media-footnote{font-size:10px;margin-top:11px}}
@media(prefers-reduced-motion:reduce){#slide-connect .n5-rotating-word,#slide-connect .n5-media-stage img,#slide-connect .n5-cta{transition:none!important}}


/* Campaign full-story modal: responsive widescreen playback, isolated from vertical Discovery video. */
#noor-campaign-modal .noor-film-modal__video{
  box-sizing:border-box;
  display:block;
  flex:none;
  width:min(1100px, calc(100vw - 28px), calc((100dvh - 110px) * 16 / 9));
  height:auto;
  aspect-ratio:16 / 9;
  max-width:100%;
  max-height:calc(100dvh - 110px);
  object-fit:contain;
  background:#080d14;
}
#noor-campaign-modal .noor-film-modal__video:fullscreen{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
}
@media(max-width:650px){
  #noor-campaign-modal .noor-film-modal__video{
    width:min(calc(100vw - 28px), calc((100dvh - 110px) * 16 / 9));
  }
}