.mtl-event-page{
  --black:#050505;
  --dark:#0b0b0b;
  --cream:#f2eee9;
  --white:#ffffff;
  --muted:#777777;
  --text:#111111;
  --cyan:#00c8dc;
  --orange:#ff5b2e;
  background:#fff;
  color:var(--text);
  overflow:hidden;
}
.mtl-event-page *{box-sizing:border-box}
.mtl-event-page img{width:100%;display:block}
.mtl-event-container{width:88%;max-width:1280px;margin:auto}
.mtl-event-page h1,
.mtl-event-page h2,
.mtl-event-page h3{line-height:.98;font-weight:900;margin:0}
.mtl-event-page p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 16px}

/* HERO */
.mtl-hero{
  background:
    radial-gradient(circle at 88% 18%,rgba(0,200,220,.42),transparent 18%),
    radial-gradient(circle at 10% 80%,rgba(255,255,255,.12),transparent 20%),
    linear-gradient(135deg,#020202,#111 58%,#050505);
  color:#fff;
  padding:86px 0 78px;
  position:relative;
  overflow:hidden;
}
.mtl-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.07) 48%,transparent 53%),
    linear-gradient(145deg,transparent 0%,rgba(255,255,255,.05) 62%,transparent 67%);
  pointer-events:none;
}
.mtl-hero .mtl-event-container{position:relative;z-index:2}
.mtl-hero-grid{display:grid;grid-template-columns:53% 43%;gap:4%;align-items:center}
.mtl-hero-title{font-size:clamp(22px,5.8vw,38px);margin-bottom:28px!important;max-width:780px;color:#fff}
.mtl-hero-subtitle{font-size:clamp(26px,3.4vw,46px);color:transparent;-webkit-text-stroke:1px #fff;margin-bottom:26px!important}
.mtl-hero p{color:#cfcfcf;max-width:720px}
.mtl-hero-collage{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mtl-hero-collage .main{grid-column:span 2;height:320px;border-radius:0 58px 0 58px;overflow:hidden}
.mtl-hero-collage .small{height:170px;border-radius:24px;overflow:hidden}
.mtl-hero-collage img{height:100%;object-fit:cover}

/* GENERAL */
.mtl-section{padding:72px 0}
.mtl-cream{background:var(--cream)}
.mtl-white{background:#fff}
.mtl-split{display:grid;grid-template-columns:46% 48%;gap:6%;align-items:center}
.mtl-content-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:28px;padding:38px;box-shadow:0 18px 48px rgba(0,0,0,.06)}
.mtl-content-card h2{font-size:clamp(22px,3.6vw,38px);margin-bottom:22px!important}
.mtl-image-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mtl-image-panel img{height:210px;object-fit:cover;border-radius:24px}
.mtl-image-panel img:first-child{grid-column:span 2;height:260px;border-radius:0 52px 0 52px}

/* BLUE SECTION */
.mtl-blue-section{background:radial-gradient(circle at 86% 20%,rgba(0,200,220,.36),transparent 18%),linear-gradient(135deg,#061a31,#006fc7);padding:76px 0;color:#fff}
.mtl-blue-section h2{color:#fff;font-size:clamp(22px,4vw,38px);margin-bottom:22px!important}
.mtl-blue-section p{color:#e5f4fb}
.mtl-blue-grid{display:grid;grid-template-columns:48% 46%;gap:6%;align-items:center}

/* DARK RECOGNITION */
.mtl-dark-section{background:radial-gradient(circle at 84% 24%,rgba(0,200,220,.34),transparent 18%),linear-gradient(135deg,#030303,#111);padding:78px 0;color:#fff}
.mtl-dark-section h2{color:#fff}
.mtl-dark-section p{color:#cfcfcf}
.mtl-recognition-grid{gap:22px}
.mtl-recognition-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:50% 50%}
.mtl-recognition-card img{height:100%;object-fit:cover}
.mtl-recognition-text{padding:32px}
.mtl-recognition-text h2{font-size:clamp(26px,3vw,34px);margin-bottom:16px!important}

/* KEYNOTE */
.mtl-keynote-box{display:grid;grid-template-columns:60% 40%;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.07)}
.mtl-keynote-box img{height:100%;min-height:360px;object-fit:cover}
.mtl-keynote-copy{padding:38px}
.mtl-keynote-copy h2{font-size:clamp(26px,3.5vw,34px);margin-bottom:18px!important}
.mtl-quote{background:#f4f7ff;border-left:4px solid #006fc7;border-radius:14px;padding:18px;margin:18px 0}
.mtl-quote p{color:#172542;font-weight:700;margin:0}

/* PARTNERSHIP */
.mtl-partner-box{background:radial-gradient(circle at 92% 80%,rgba(0,200,220,.24),transparent 20%),#fff;border:1px solid rgba(0,0,0,.07);border-radius:32px;padding:42px;box-shadow:0 18px 48px rgba(0,0,0,.06);display:grid;grid-template-columns:42% 52%;gap:6%;align-items:center}
.mtl-partner-img{border-radius:28px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.10);background:#111}
.mtl-partner-img img{width:100%;height:360px;object-fit:cover;display:block}
.mtl-partner-content h2{font-size:clamp(26px,3.6vw,36px);margin-bottom:22px!important}

/* VISUAL STORY */
.mtl-visual-story{background:#fff;padding:76px 0 88px}
.mtl-visual-head{display:grid;grid-template-columns:48% 46%;gap:6%;align-items:end;margin-bottom:32px}
.mtl-visual-head h2{font-size:clamp(26px,3.6vw,36px)}
.mtl-visual-head p{color:#111;font-weight:600;margin-bottom:0}
.mtl-story-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:18px}
.mtl-story-img,.mtl-story-img.one,.mtl-story-img.two,.mtl-story-img.five,.mtl-story-img.eight{grid-column:auto;grid-row:auto;aspect-ratio:4 / 3;height:auto;border-radius:24px;overflow:hidden;background:#111;position:relative;box-shadow:0 14px 40px rgba(0,0,0,.08)}
.mtl-story-img img{width:100%;height:100%;object-fit:cover;transition:.4s ease}
.mtl-story-img:hover img{transform:scale(1.05)}
.inverted-image{transform:scaleX(-1)}

/* RESPONSIVE */
@media(max-width:1024px){
  .mtl-hero-grid,.mtl-split,.mtl-blue-grid,.mtl-visual-head,.mtl-partner-box{grid-template-columns:1fr;padding-top:50px}
  .mtl-hero{padding-bottom:120px}
  .mtl-hero-collage .main{height:280px}
  .mtl-recognition-grid{grid-template-columns:1fr}
  .mtl-keynote-box,.mtl-recognition-card{grid-template-columns:1fr}
  .mtl-keynote-box img,.mtl-recognition-card img{height:300px;min-height:auto}
  .mtl-partner-img img{height:320px}
  .mtl-story-board{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
  .mtl-story-img,.mtl-story-img.one,.mtl-story-img.two,.mtl-story-img.five,.mtl-story-img.eight{grid-column:auto;grid-row:auto;border-radius:24px;aspect-ratio:4 / 3;height:auto}
  .mtl-event-page img{width:100%!important;height:auto}
}
@media(max-width:650px){
  .mtl-event-container{width:90%}
  .mtl-event-page img{width:100%!important;height:auto}
  .mtl-hero,.mtl-section,.mtl-blue-section,.mtl-dark-section,.mtl-visual-story{padding:54px 0}
  .mtl-hero-title{font-size:34px;letter-spacing:-1px}
  .mtl-hero-subtitle,.mtl-content-card h2,.mtl-blue-section h2,.mtl-keynote-copy h2,.mtl-partner-content h2,.mtl-visual-head h2{font-size:30px;letter-spacing:-1px}
  .mtl-hero-collage,.mtl-image-panel{grid-template-columns:1fr}
  .mtl-image-panel img{height:auto!important;width:100%}
  .mtl-hero-collage .main,.mtl-hero-collage .small,.mtl-image-panel img,.mtl-image-panel img:first-child{grid-column:auto;height:220px;border-radius:20px}
  .mtl-content-card,.mtl-keynote-copy,.mtl-partner-box,.mtl-recognition-text{padding:24px}
  .mtl-partner-img img{height:240px}
  .mtl-story-board{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}
  .mtl-story-img,.mtl-story-img.one,.mtl-story-img.two,.mtl-story-img.five,.mtl-story-img.eight{aspect-ratio:4 / 3;height:auto}
  .mtl-story-img img{height:100%!important}
}