/* =============================================================
   NASx — Events Management page (#/events)
   Self-contained styles. Every class is prefixed "ev-" so nothing
   here touches the rest of the site.
   ============================================================= */
.ev { --ink:#0b0b10; --cream:#f6f3ed; --blue:#3839FF; --lilac:#d8baf9; --mauve:#CDB3F4; --lime:#defe00;
  --grad:linear-gradient(135deg,#defe00 0%,#8fff39 50%,#0fffc0 100%);
  background:var(--cream); color:#111827; font-family:'Inter',sans-serif; overflow-x:hidden; }
.ev *,.ev *::before,.ev *::after { box-sizing:border-box; }
.ev h1,.ev h2,.ev h3,.ev h4 { font-family:'Poppins',sans-serif; margin:0; }
.ev p { margin:0; }
.ev img { display:block; max-width:100%; }
.ev-wrap { max-width:80rem; margin:0 auto; padding:0 16px; }
@media (min-width:640px){ .ev-wrap{ padding:0 24px; } }
@media (min-width:1024px){ .ev-wrap{ padding:0 48px; } }

.ev-eyebrow { display:inline-block; font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--blue); margin-bottom:14px; }
.ev-h2 { font-size:clamp(2rem,5vw,3.75rem); font-weight:800; line-height:1.02; letter-spacing:-.02em; color:var(--blue); }
.ev-lead { font-size:clamp(1rem,1.6vw,1.2rem); line-height:1.65; color:#374151; max-width:42rem; }
.ev-section { padding:clamp(64px,10vw,128px) 0; }

/* buttons, same language as the site's own */
.ev-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:14px 30px;
  font:500 14px/1 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; border:2px solid transparent;
  transition:background .3s, color .3s, border-color .3s, transform .2s; }
.ev-btn:active { transform:scale(.97); }
.ev-btn--primary { background:var(--blue); color:#fff; }
.ev-btn--primary:hover { background:var(--lime); color:#111; }
.ev-btn--ghost { border-color:#fff; color:#fff; }
.ev-btn--ghost:hover { background:#fff; color:var(--blue); }
.ev-btn--line { border-color:var(--blue); color:var(--blue); }
.ev-btn--line:hover { background:var(--blue); color:#fff; }
.ev-btn svg { width:18px; height:18px; }

/* reveal */
.ev-rv { opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1); }
.ev-rv.ev-in { opacity:1; transform:none; }

/* keep the site's nav readable over the dark hero */
body.ev-on #nav.bg-transparent { background:rgba(246,243,237,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }

/* ---------- HERO ---------- */
.ev-hero { position:relative; min-height:100vh; min-height:100svh; background:var(--ink); color:#fff; overflow:hidden; display:flex; align-items:flex-end; }
.ev-hero__wall { position:absolute; inset:-8% -4%; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; transform:rotate(-6deg) scale(1.12); opacity:.55; }
@media (max-width:767px){ .ev-hero__wall { grid-template-columns:repeat(2,1fr); } }
.ev-hero__col { display:flex; flex-direction:column; gap:10px; animation:ev-up 60s linear infinite; }
.ev-hero__col:nth-child(even) { animation-name:ev-down; }
.ev-hero__col img { width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:10px; }
@keyframes ev-up { from{transform:translateY(0)} to{transform:translateY(-50%)} }
@keyframes ev-down { from{transform:translateY(-50%)} to{transform:translateY(0)} }
.ev-hero__shade { position:absolute; inset:0; background:
  radial-gradient(ellipse at 20% 100%, rgba(56,57,255,.55) 0%, transparent 60%),
  linear-gradient(180deg, rgba(11,11,16,.35) 0%, rgba(11,11,16,.55) 45%, rgba(11,11,16,.96) 100%); }
.ev-hero__body { position:relative; z-index:2; width:100%; padding-top:120px; padding-bottom:clamp(40px,7vw,80px); }
.ev-pill { display:inline-block; background:var(--grad); color:#111; border-radius:999px; padding:7px 18px; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.ev-hero h1 { font-size:clamp(2.9rem,10vw,8.5rem); font-weight:900; line-height:.9; letter-spacing:-.045em; margin:22px 0 22px; }
.ev-grad-text { background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.ev-hero__sub { font-size:clamp(1.02rem,1.8vw,1.35rem); line-height:1.6; color:rgba(255,255,255,.82); max-width:46rem; }
.ev-hero__ctas { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 44px; }
.ev-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.14); }
@media (min-width:768px){ .ev-stats { grid-template-columns:repeat(4,1fr); } }
.ev-stat { background:rgba(11,11,16,.72); backdrop-filter:blur(6px); padding:20px 22px; }
.ev-stat b { display:block; font:900 clamp(2rem,4.4vw,3.4rem)/1 'Poppins',sans-serif; letter-spacing:-.03em; }
.ev-stat span { display:block; margin-top:8px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.65); }

/* ---------- MARQUEE ---------- */
.ev-marquee { background:var(--ink); padding:10px 0 12px; overflow:hidden; }
.ev-marquee__row { display:flex; gap:10px; width:max-content; animation:ev-left 70s linear infinite; }
.ev-marquee__row + .ev-marquee__row { margin-top:10px; animation-name:ev-right; animation-duration:80s; }
.ev-marquee img { height:clamp(120px,16vw,200px); width:auto; aspect-ratio:3/2; object-fit:cover; border-radius:8px; }
@keyframes ev-left { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes ev-right { from{transform:translateX(-50%)} to{transform:translateX(0)} }
.ev-marquee:hover .ev-marquee__row { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce){ .ev-marquee__row,.ev-hero__col{ animation:none; } }

/* ---------- INTRO ---------- */
.ev-intro { display:grid; gap:40px; align-items:center; }
@media (min-width:1024px){ .ev-intro { grid-template-columns:1.05fr 1fr; gap:72px; } }
.ev-intro__pics { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ev-intro__pics img { width:100%; height:100%; object-fit:cover; border-radius:14px; }
.ev-intro__pics img:first-child { grid-row:span 2; aspect-ratio:3/4; }
.ev-intro__pics img:not(:first-child) { aspect-ratio:4/3; }
.ev-checks { list-style:none; padding:0; margin:28px 0 0; display:grid; gap:12px; }
.ev-checks li { display:flex; gap:12px; align-items:flex-start; font-size:16px; line-height:1.55; color:#1f2937; }
.ev-checks li::before { content:''; flex:0 0 22px; height:22px; margin-top:1px; border-radius:50%; background:var(--grad); box-shadow:inset 0 0 0 6px #fff0; }

/* ---------- REACH (where we deliver) ---------- */
.ev-reach { background:var(--blue); color:#fff; position:relative; overflow:hidden; }
.ev-reach::after { content:'12'; position:absolute; right:-2vw; bottom:-6vw; font:900 clamp(14rem,34vw,30rem)/1 'Poppins',sans-serif; color:rgba(255,255,255,.06); letter-spacing:-.06em; pointer-events:none; }
.ev-reach .ev-h2 { color:#fff; }
.ev-reach .ev-eyebrow { color:var(--lime); }
.ev-reach .ev-lead { color:rgba(255,255,255,.82); }
.ev-regions { position:relative; z-index:1; display:grid; gap:20px; margin-top:52px; }
@media (min-width:768px){ .ev-regions { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1200px){ .ev-regions { grid-template-columns:1.35fr 1fr 1fr .9fr; } }
.ev-region { border-top:2px solid rgba(255,255,255,.9); padding-top:18px; }
.ev-region h3 { font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); margin-bottom:10px; }
.ev-country { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.18); }
.ev-country b { display:block; font:800 clamp(1.25rem,2vw,1.55rem)/1.15 'Poppins',sans-serif; letter-spacing:-.01em; }
.ev-country span { display:block; margin-top:4px; font-size:13.5px; line-height:1.45; color:rgba(255,255,255,.72); }

/* ---------- CASES ---------- */
.ev-cases { display:grid; gap:clamp(56px,8vw,104px); margin-top:56px; }
.ev-case { display:grid; gap:28px; align-items:center; }
@media (min-width:1024px){ .ev-case { grid-template-columns:1.25fr 1fr; gap:56px; } .ev-case:nth-child(even) .ev-case__media { order:2; } }
.ev-case__media { display:grid; grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; gap:10px; aspect-ratio:16/11; }
.ev-case__media button { all:unset; cursor:pointer; position:relative; overflow:hidden; border-radius:14px; background:#ddd; }
.ev-case__media button:first-child { grid-row:span 2; }
.ev-case__media img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.16,1,.3,1); }
.ev-case__media button:hover img { transform:scale(1.06); }
.ev-case__media button:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.ev-case__media--2 { grid-template-columns:1.6fr 1fr; grid-template-rows:1fr; }
.ev-case__media--2 button:first-child { grid-row:auto; }
.ev-case__num { font:900 15px/1 'Poppins',sans-serif; color:var(--blue); letter-spacing:.06em; }
.ev-case__client { margin-top:14px; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#6b7280; }
.ev-case h3 { margin-top:8px; font-size:clamp(1.7rem,3.2vw,2.6rem); font-weight:800; line-height:1.08; letter-spacing:-.02em; color:#111827; }
.ev-loc { display:inline-flex; align-items:center; gap:6px; margin-top:14px; background:#fff; border:1px solid #e5e1d8; border-radius:999px; padding:6px 14px 6px 10px; font-size:13px; font-weight:500; color:#111827; }
.ev-loc svg { width:15px; height:15px; color:var(--blue); }
.ev-case p { margin-top:16px; font-size:16px; line-height:1.7; color:#374151; }
.ev-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.ev-tags span { font-size:12px; letter-spacing:.06em; text-transform:uppercase; padding:7px 12px; background:var(--lilac); color:#1e1b4b; }

/* compact case cards */
.ev-more { display:grid; gap:22px; margin-top:64px; }
@media (min-width:640px){ .ev-more { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .ev-more { grid-template-columns:repeat(3,1fr); } }
.ev-card { all:unset; cursor:pointer; display:block; background:#fff; border-radius:16px; overflow:hidden; transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s; }
.ev-card:hover { transform:translateY(-6px); box-shadow:0 22px 40px -22px rgba(56,57,255,.45); }
.ev-card:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.ev-card__img { position:relative; aspect-ratio:4/3; overflow:hidden; }
.ev-card__img img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.16,1,.3,1); }
.ev-card:hover .ev-card__img img { transform:scale(1.06); }
.ev-card__count { position:absolute; right:12px; bottom:12px; background:rgba(11,11,16,.75); color:#fff; font-size:12px; padding:5px 10px; border-radius:999px; }
.ev-card__body { padding:18px 20px 22px; }
.ev-card__body small { font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--blue); }
.ev-card__body h4 { margin-top:6px; font-size:20px; font-weight:700; line-height:1.2; color:#111827; }
.ev-card__body p { margin-top:8px; font-size:14px; line-height:1.55; color:#4b5563; }

/* ---------- DISCIPLINES ---------- */
.ev-disc { background:var(--lilac); }
.ev-disc__grid { display:grid; gap:14px; margin-top:48px; }
@media (min-width:640px){ .ev-disc__grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .ev-disc__grid { grid-template-columns:repeat(4,1fr); } }
.ev-disc__item { background:var(--cream); padding:26px 24px 28px; transition:background .3s, color .3s, transform .3s; }
.ev-disc__item:hover { background:var(--blue); transform:translateY(-4px); }
.ev-disc__item i { font:900 14px/1 'Poppins',sans-serif; font-style:normal; color:var(--blue); letter-spacing:.06em; }
.ev-disc__item h3 { margin-top:28px; font-size:21px; font-weight:700; color:#111827; }
.ev-disc__item p { margin-top:10px; font-size:14.5px; line-height:1.6; color:#4b5563; }
.ev-disc__item:hover i,.ev-disc__item:hover h3 { color:#fff; }
.ev-disc__item:hover p { color:rgba(255,255,255,.85); }

/* ---------- FORMATS ---------- */
.ev-formats { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; }
.ev-formats span { font:700 clamp(1.05rem,2vw,1.5rem)/1 'Poppins',sans-serif; padding:16px 22px; border:2px solid #111827; border-radius:999px; transition:background .3s, color .3s, border-color .3s; }
.ev-formats span:hover { background:var(--blue); color:#fff; border-color:var(--blue); }

/* ---------- GALLERY ---------- */
.ev-gal-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:24px; }
.ev-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; }
.ev-filter { all:unset; cursor:pointer; font-size:13px; letter-spacing:.08em; text-transform:uppercase; padding:11px 16px; border:2px solid #d4d0c6; color:#374151; background:transparent; transition:all .25s; }
.ev-filter:hover { border-color:var(--blue); color:var(--blue); }
.ev-filter[aria-pressed="true"] { background:var(--blue); border-color:var(--blue); color:#fff; }
.ev-filter:focus-visible { outline:3px solid var(--lime); outline-offset:2px; }
.ev-filter em { font-style:normal; opacity:.6; margin-left:6px; }
.ev-gallery { columns:2; column-gap:10px; margin-top:28px; }
@media (min-width:768px){ .ev-gallery { columns:3; column-gap:12px; } }
@media (min-width:1200px){ .ev-gallery { columns:4; } }
.ev-shot { all:unset; cursor:pointer; display:block; position:relative; break-inside:avoid; margin-bottom:10px; border-radius:12px; overflow:hidden; background:#e8e4da; }
@media (min-width:768px){ .ev-shot { margin-bottom:12px; } }
.ev-shot img { width:100%; height:auto; transition:transform .8s cubic-bezier(.16,1,.3,1); }
.ev-shot:hover img { transform:scale(1.05); }
.ev-shot:focus-visible { outline:3px solid var(--blue); outline-offset:2px; }
.ev-shot figcaption { position:absolute; inset:auto 0 0 0; padding:40px 14px 12px; background:linear-gradient(180deg,transparent,rgba(11,11,16,.85)); color:#fff; opacity:0; transform:translateY(8px); transition:all .35s; }
.ev-shot:hover figcaption,.ev-shot:focus-visible figcaption { opacity:1; transform:none; }
@media (hover:none){ .ev-shot figcaption { opacity:1; transform:none; } }
.ev-shot figcaption b { display:block; font:700 14px/1.25 'Poppins',sans-serif; }
.ev-shot figcaption span { display:block; margin-top:3px; font-size:12px; color:rgba(255,255,255,.75); }
.ev-shot[hidden] { display:none; }

/* ---------- CLIENTS ---------- */
.ev-logos { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#e2ddd2; border:1px solid #e2ddd2; margin-top:48px; }
@media (min-width:640px){ .ev-logos { grid-template-columns:repeat(3,1fr); } }
@media (min-width:1024px){ .ev-logos { grid-template-columns:repeat(6,1fr); } }
.ev-logo { background:#fff; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; padding:22px 26px; }
.ev-logo img { max-width:100%; max-height:56px; width:auto; object-fit:contain; filter:grayscale(1); opacity:.78; transition:filter .35s, opacity .35s, transform .35s; }
.ev-logo:hover img { filter:none; opacity:1; transform:scale(1.06); }
.ev-logo--word { font:800 clamp(1rem,1.7vw,1.3rem)/1.15 'Poppins',sans-serif; color:#1f2937; text-align:center; letter-spacing:-.01em; transition:color .3s; }
.ev-logo--word:hover { color:var(--blue); }

/* ---------- PROCESS ---------- */
.ev-process { background:var(--ink); color:#fff; }
.ev-process .ev-h2 { color:#fff; }
.ev-process .ev-eyebrow { color:var(--lime); }
.ev-steps { display:grid; gap:1px; background:rgba(255,255,255,.14); margin-top:48px; }
@media (min-width:768px){ .ev-steps { grid-template-columns:repeat(5,1fr); } }
.ev-step { background:var(--ink); padding:26px 22px 30px; }
.ev-step i { font:900 clamp(2.6rem,4vw,3.4rem)/1 'Poppins',sans-serif; font-style:normal; }
.ev-step h3 { margin-top:22px; font-size:20px; font-weight:700; }
.ev-step p { margin-top:10px; font-size:14.5px; line-height:1.6; color:rgba(255,255,255,.7); }

/* ---------- CTA ---------- */
.ev-cta { background:var(--grad); color:#111; text-align:center; }
.ev-cta h2 { font-size:clamp(2.2rem,6vw,4.6rem); font-weight:900; line-height:1; letter-spacing:-.03em; }
.ev-cta p { margin:20px auto 0; max-width:40rem; font-size:clamp(1rem,1.6vw,1.2rem); line-height:1.6; color:#1f2937; }
.ev-cta__btns { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:34px; }
.ev-cta .ev-btn--line { border-color:#111; color:#111; }
.ev-cta .ev-btn--line:hover { background:#111; color:#fff; }
.ev-cta .ev-btn--primary:hover { background:#111; color:#fff; }

/* ---------- LIGHTBOX ---------- */
.ev-lb { position:fixed; inset:0; z-index:100000; background:rgba(8,8,12,.95); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .3s; cursor:auto; }
.ev-lb.ev-lb--open { opacity:1; pointer-events:auto; }
.ev-lb figure { margin:0; max-width:92vw; max-height:86vh; display:flex; flex-direction:column; align-items:center; }
.ev-lb img { max-width:92vw; max-height:78vh; width:auto; height:auto; border-radius:8px; box-shadow:0 30px 80px rgba(0,0,0,.6); }
.ev-lb figcaption { margin-top:14px; color:#fff; text-align:center; font-size:14px; }
.ev-lb figcaption b { font-family:'Poppins',sans-serif; font-size:16px; }
.ev-lb figcaption span { color:rgba(255,255,255,.65); margin-left:8px; }
.ev-lb__btn { all:unset; cursor:pointer; position:absolute; width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.ev-lb__btn:hover { background:var(--blue); }
.ev-lb__btn:focus-visible { outline:3px solid var(--lime); }
.ev-lb__btn svg { width:24px; height:24px; }
.ev-lb__close { top:18px; right:18px; }
.ev-lb__prev { left:18px; top:50%; transform:translateY(-50%); }
.ev-lb__next { right:18px; top:50%; transform:translateY(-50%); }
.ev-lb__count { position:absolute; top:30px; left:24px; color:rgba(255,255,255,.6); font-size:13px; letter-spacing:.1em; }
@media (max-width:640px){ .ev-lb__prev,.ev-lb__next{ top:auto; bottom:18px; transform:none; } }