/* Manoj Mahara Cinematic Portfolio v4.0.0
   Dark-first visual layer inspired by the approved cinematic reference. */

:root{
  --mm-c-bg:#050914;
  --mm-c-bg-2:#08101c;
  --mm-c-panel:#0b1421;
  --mm-c-panel-2:#101b2b;
  --mm-c-line:rgba(255,255,255,.09);
  --mm-c-line-strong:rgba(255,255,255,.14);
  --mm-c-text:#f4f7fb;
  --mm-c-muted:#98a7bb;
  --mm-c-red:#ff334f;
  --mm-c-red-2:#ff5971;
  --mm-c-blue:#4f7cff;
  --mm-c-green:#4de19f;
  --mm-c-shadow:0 30px 90px rgba(0,0,0,.38);
  --mm-c-glow:0 0 42px rgba(255,51,79,.22);
  --mm-c-radius:22px;
  --mm-container:1320px;
  --mm-header:74px;
}

/* Global cinematic surface ------------------------------------------------ */
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 12% 2%,rgba(33,66,121,.18),transparent 32%),
    radial-gradient(circle at 90% 10%,rgba(141,35,64,.13),transparent 26%),
    linear-gradient(180deg,#040812 0%,#07101a 52%,#050914 100%);
  color:var(--mm-c-text);
}
html[data-theme="dark"] body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.17;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
html[data-theme="dark"] .mm-section,
html[data-theme="dark"] .mm-projects,
html[data-theme="dark"] .mm-testimonials,
html[data-theme="dark"] .mm-contact,
html[data-theme="dark"] .mm-journey,
html[data-theme="dark"] .mm-notes,
html[data-theme="dark"] .mm-now,
html[data-theme="dark"] .mm-activity,
html[data-theme="dark"] .mm-certifications,
html[data-theme="dark"] .mm-workflow,
html[data-theme="dark"] .mm-services,
html[data-theme="dark"] .mm-khabarthali{
  background:transparent;
}
html[data-theme="dark"] .mm-section{padding:76px 0}
html[data-theme="dark"] .mm-section h2,
html[data-theme="dark"] .mm-page-head h1{
  color:#f6f8fb;
  letter-spacing:-.045em;
}
html[data-theme="dark"] .mm-section-kicker{
  color:#ff5369;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:900;
}
html[data-theme="dark"] .mm-section-head p{color:#8f9db0}

/* Header ----------------------------------------------------------------- */
html[data-theme="dark"] .mm-site-header{
  background:rgba(5,9,20,.70);
  border-color:rgba(255,255,255,.055);
  backdrop-filter:blur(22px) saturate(145%);
}
html[data-theme="dark"] .mm-site-header.is-scrolled{
  background:rgba(5,9,20,.91);
  border-color:rgba(255,255,255,.085);
  box-shadow:0 12px 36px rgba(0,0,0,.28);
}
html[data-theme="dark"] .mm-nav-wrap{gap:20px}
html[data-theme="dark"] .mm-brand-copy strong{font-size:15px;color:#fff}
html[data-theme="dark"] .mm-brand-copy strong::first-letter{color:var(--mm-c-red)}
html[data-theme="dark"] .mm-brand-copy small{display:none}
html[data-theme="dark"] .mm-mark{
  width:42px;height:42px;border-radius:13px;
  background:linear-gradient(145deg,#0e1b2a,#07101b);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.24);
}
html[data-theme="dark"] .mm-mark i{background:linear-gradient(180deg,#ff3654,#e71939)}
html[data-theme="dark"] .mm-desktop-nav ul{gap:10px}
html[data-theme="dark"] .mm-desktop-nav a{
  color:#bac5d4;
  padding:10px 14px;
  border-radius:10px;
  font-size:12px;
  font-weight:750;
}
html[data-theme="dark"] .mm-desktop-nav a:hover,
html[data-theme="dark"] .mm-desktop-nav a.is-active{
  color:#fff;
  background:rgba(255,255,255,.04);
}
html[data-theme="dark"] .mm-desktop-nav a:after{bottom:0;height:2px;background:var(--mm-c-red)}
html[data-theme="dark"] .mm-utility-btn,
html[data-theme="dark"] .mm-language-switch,
html[data-theme="dark"] .mm-menu-toggle{
  background:rgba(12,21,34,.72);
  border-color:rgba(255,255,255,.09);
  color:#c8d1dd;
  box-shadow:none;
}
html[data-theme="dark"] .mm-command-trigger{
  min-width:138px;
  justify-content:flex-start;
  border-radius:999px;
}
html[data-theme="dark"] .mm-command-trigger:after{
  content:"Search anything…";
  margin-left:2px;
  color:#748397;
  font-size:10px;
  white-space:nowrap;
}
html[data-theme="dark"] .mm-command-trigger kbd{margin-left:auto}
html[data-theme="dark"] .mm-header-cta{
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff2e4c,#ff5068);
  box-shadow:0 10px 28px rgba(255,48,75,.24);
}

/* Hero ------------------------------------------------------------------- */
.mm-cinematic-hero{
  position:relative;
  overflow:hidden;
  padding:36px 0 44px;
  min-height:680px;
  background:
    radial-gradient(circle at 84% 0%,rgba(97,74,205,.22),transparent 30%),
    radial-gradient(circle at 95% 45%,rgba(181,40,72,.21),transparent 34%),
    linear-gradient(130deg,#06101b 0%,#081526 44%,#0c1523 67%,#120b18 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.mm-cinematic-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,8,16,.98) 0%,rgba(4,8,16,.87) 34%,rgba(4,8,16,.32) 63%,rgba(4,8,16,.16) 100%),
    linear-gradient(180deg,transparent 55%,rgba(4,8,16,.72));
  clip-path:none!important;
  height:auto!important;
  opacity:1!important;
}
.mm-cinematic-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:120px;
  background:linear-gradient(180deg,transparent,#050914);
  pointer-events:none;
}
.mm-cinematic-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.7}
.mm-cinematic-glow-a{width:430px;height:430px;right:14%;top:-210px;background:radial-gradient(circle,rgba(76,109,255,.18),transparent 70%)}
.mm-cinematic-glow-b{width:540px;height:540px;right:-210px;bottom:-250px;background:radial-gradient(circle,rgba(255,44,78,.19),transparent 70%)}
.mm-cinematic-hero-grid{
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr);
  align-items:center;
  gap:42px;
  min-height:590px;
}
.mm-cinematic-copy{padding:34px 0 44px;max-width:690px}
.mm-cinematic-availability{
  display:inline-flex;align-items:center;gap:9px;
  min-height:30px;padding:0 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#c6d0dd;
  background:rgba(12,22,35,.56);
  backdrop-filter:blur(12px);
  font-size:10px;font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.mm-cinematic-availability i{width:7px;height:7px;border-radius:50%;background:var(--mm-c-green);box-shadow:0 0 0 5px rgba(77,225,159,.08),0 0 14px rgba(77,225,159,.45)}
.mm-cinematic-hero h1{
  margin:24px 0 14px;
  font-size:clamp(56px,5.7vw,92px);
  line-height:.92;
  letter-spacing:-.064em;
  color:#fff!important;
  max-width:720px;
}
.mm-cinematic-hero h1>span{display:block;font-weight:760;color:#f4f7fb}
.mm-cinematic-hero h1 strong{display:block;margin-top:8px;font-style:normal}
.mm-cinematic-hero h1 em,.mm-cinematic-hero h1 b{font-style:normal;font-weight:950}
.mm-cinematic-hero h1 em{color:var(--mm-c-red)!important;text-shadow:0 0 36px rgba(255,51,79,.14)}
.mm-cinematic-hero h1 b{color:#f8f9fb!important}
.mm-cinematic-hero .mm-role-line{
  color:#f0f3f8!important;
  font-size:14px;
  font-weight:780;
  word-spacing:2px;
  letter-spacing:.015em;
  margin-bottom:12px;
}
.mm-cinematic-intro{
  margin:0!important;
  max-width:650px!important;
  color:#9cabbc!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.mm-cinematic-hero .mm-hero-actions{margin-top:26px;gap:12px}
.mm-cinematic-hero .mm-btn{min-height:48px;border-radius:12px;padding:0 20px}
.mm-cinematic-hero .mm-btn-primary{background:linear-gradient(135deg,#ff2d4b,#ff5369);box-shadow:0 14px 34px rgba(255,45,75,.28)}
.mm-cinematic-hero .mm-btn-ghost{background:rgba(9,17,28,.68);border-color:rgba(255,255,255,.18);color:#f0f4f8;backdrop-filter:blur(12px)}
.mm-cinematic-hero .mm-btn-ghost:hover{background:rgba(18,31,48,.88);border-color:rgba(255,255,255,.28)}
.mm-cinematic-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:36px;
  max-width:670px;
}
.mm-cinematic-stats>div{padding:0 20px;border-left:1px solid rgba(255,255,255,.12)}
.mm-cinematic-stats>div:first-child{padding-left:0;border-left:0}
.mm-cinematic-stats strong{display:block;color:#fff;font-size:25px;line-height:1;font-weight:900;letter-spacing:-.035em}
.mm-cinematic-stats span{display:block;margin-top:6px;color:#8f9db0;font-size:9px;font-weight:750;line-height:1.25}

.mm-cinematic-visual{position:relative;min-height:610px;display:flex;align-items:flex-end;justify-content:center}
.mm-cinematic-photo-wrap{
  position:absolute;
  inset:10px 28px 0 8px;
  overflow:hidden;
  border-radius:30px 30px 18px 18px;
  background:#0a111c;
  box-shadow:0 36px 100px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.055);
  isolation:isolate;
}
.mm-cinematic-photo-wrap:before{
  content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(90deg,rgba(5,9,16,.58) 0%,transparent 32%,transparent 74%,rgba(8,7,12,.22) 100%);
  pointer-events:none;
}
.mm-cinematic-photo-wrap img{
  width:100%;height:100%;display:block;object-fit:cover;
  object-position:50% 52%;
  filter:saturate(.86) contrast(1.05) brightness(.78);
  transform:scale(1.02);
}
.mm-cinematic-photo-shade{
  position:absolute;z-index:2;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,8,14,.04) 0%,rgba(3,8,14,.05) 52%,rgba(3,8,14,.67) 100%),
    radial-gradient(circle at 58% 42%,transparent 0%,transparent 30%,rgba(4,8,14,.14) 70%);
}
.mm-cinematic-signature{
  position:absolute;z-index:3;right:42px;bottom:34px;
  color:rgba(255,255,255,.72);
  font-family:"Segoe Script","Bradley Hand",cursive;
  font-size:24px;
  transform:rotate(-7deg);
  text-shadow:0 6px 24px rgba(0,0,0,.55);
}
.mm-cinematic-info-card{
  position:absolute;z-index:6;
  border:1px solid rgba(255,255,255,.105);
  background:linear-gradient(145deg,rgba(14,24,38,.84),rgba(16,17,28,.72));
  box-shadow:0 22px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px) saturate(135%);
  border-radius:17px;
  color:#fff;
}
.mm-cinematic-location-card{right:4px;top:54px;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;min-width:190px}
.mm-cinematic-card-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.055);color:#fff}
.mm-cinematic-location-card div{display:grid;gap:2px}
.mm-cinematic-location-card small{color:#9aa9ba;font-size:9px;line-height:1.3}
.mm-cinematic-location-card strong{font-size:22px;letter-spacing:-.035em}
.mm-cinematic-location-card span:last-child{font-size:9px;color:#8796a8}
.mm-cinematic-work-card{right:-18px;bottom:34px;width:232px;padding:15px 16px 14px}
.mm-cinematic-work-head{display:flex;align-items:center;justify-content:space-between;color:#aeb9c6;font-size:9px}
.mm-cinematic-work-head i{width:7px;height:7px;border-radius:50%;background:var(--mm-c-green);box-shadow:0 0 12px rgba(77,225,159,.4)}
.mm-cinematic-work-card>strong{display:block;margin-top:7px;font-size:13px;color:#fff}
.mm-cinematic-progress{height:5px;margin:11px 0 10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.mm-cinematic-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff2f4e,#ff6074);box-shadow:0 0 16px rgba(255,47,78,.35)}
.mm-cinematic-work-card ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mm-cinematic-work-card li{position:relative;padding-left:13px;color:#8998aa;font-size:9px}
.mm-cinematic-work-card li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--mm-c-green)}
.mm-cinematic-social-rail{position:absolute;right:-40px;top:155px;z-index:7;display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(8,13,22,.62);backdrop-filter:blur(14px)}
.mm-cinematic-social-rail a{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#c2cbd6;transition:.22s}
.mm-cinematic-social-rail a:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateY(-2px)}
.mm-cinematic-social-rail .mm-social-icon{width:15px;height:15px}

/* Tech rail -------------------------------------------------------------- */
html[data-theme="dark"] .mm-tech-rail{
  position:relative;
  z-index:8;
  margin-top:0;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.065);
  border-bottom:1px solid rgba(255,255,255,.065);
  background:rgba(6,11,20,.88);
  box-shadow:0 14px 40px rgba(0,0,0,.20);
}
html[data-theme="dark"] .mm-tech-track{gap:10px}
html[data-theme="dark"] .mm-tech-group{gap:10px}
html[data-theme="dark"] .mm-tech-group button{
  min-height:40px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(19,30,45,.78),rgba(11,19,30,.78));
  color:#b9c5d3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .mm-tech-group button i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--mm-c-red),var(--mm-c-blue));box-shadow:0 0 14px rgba(79,124,255,.34)}

/* KhabarThali feature ---------------------------------------------------- */
html[data-theme="dark"] .mm-khabarthali{padding-top:54px!important;padding-bottom:28px!important}
html[data-theme="dark"] .mm-khabarthali-shell{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  min-height:430px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 48%,rgba(236,37,71,.22),transparent 34%),
    linear-gradient(145deg,#080d15,#0b111b 58%,#1a0d14);
  box-shadow:var(--mm-c-shadow);
}
html[data-theme="dark"] .mm-khabarthali-shell:before{
  content:"";position:absolute;inset:-50% auto auto -8%;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,47,78,.16);box-shadow:0 0 0 70px rgba(255,47,78,.025),0 0 0 140px rgba(255,47,78,.02)
}
html[data-theme="dark"] .mm-khabarthali-visual{
  order:2;
  align-self:center;
  margin:28px 28px 28px 0;
  border:0;
  border-radius:18px;
  background:transparent;
  box-shadow:none;
  transform:perspective(1200px) rotateY(-5deg) rotateX(1deg);
  overflow:visible;
}
html[data-theme="dark"] .mm-khabarthali-visual img{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 28px 55px rgba(0,0,0,.42);
}
html[data-theme="dark"] .mm-khabarthali-live{
  left:auto;right:12px;top:12px;bottom:auto;
  background:rgba(5,12,18,.84);
  border:1px solid rgba(255,255,255,.1);
}
html[data-theme="dark"] .mm-khabarthali-copy{position:relative;z-index:3;order:1;padding:46px 10px 44px 38px;align-self:center}
html[data-theme="dark"] .mm-khabarthali-copy h2{font-size:clamp(38px,4.2vw,66px);line-height:.98;letter-spacing:-.055em;margin:12px 0}
html[data-theme="dark"] .mm-khabarthali-copy h2::first-letter{color:var(--mm-c-red)}
html[data-theme="dark"] .mm-khabarthali-copy>p{max-width:560px;color:#98a6b8;font-size:14px;line-height:1.75}
html[data-theme="dark"] .mm-project-role{display:inline-flex;width:auto;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#b9c5d2}
html[data-theme="dark"] .mm-khabarthali-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
html[data-theme="dark"] .mm-khabarthali-features>div{padding:12px 12px 11px;border-radius:12px;background:rgba(255,255,255,.032);border-color:rgba(255,255,255,.075)}
html[data-theme="dark"] .mm-khabarthali-features span{width:30px;height:30px;border-radius:9px;background:rgba(255,51,79,.12)!important;color:#ff5a70}
html[data-theme="dark"] .mm-khabarthali-features strong{font-size:11px}
html[data-theme="dark"] .mm-khabarthali-features small{font-size:9px;line-height:1.4;color:#7d8ca0}
html[data-theme="dark"] .mm-khabarthali-actions{margin-top:20px}

/* Projects --------------------------------------------------------------- */
html[data-theme="dark"] .mm-projects{padding-top:42px!important}
html[data-theme="dark"] .mm-projects .mm-container{
  position:relative;
}
html[data-theme="dark"] .mm-section-head-line{margin-bottom:24px}
html[data-theme="dark"] .mm-section-head-line:after{background:rgba(255,255,255,.07)}
html[data-theme="dark"] .mm-view-all{color:#ff5a70}
html[data-theme="dark"] .mm-project-toolbar{
  margin-bottom:18px;
  padding:10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:rgba(10,18,29,.76);
  backdrop-filter:blur(12px);
}
html[data-theme="dark"] .mm-project-search{background:#0b1420;border-color:rgba(255,255,255,.08);box-shadow:none}
html[data-theme="dark"] .mm-project-filters button{
  min-height:34px;padding:0 13px;border-radius:999px;
  background:#0d1724;border-color:rgba(255,255,255,.07);color:#9caabc;
}
html[data-theme="dark"] .mm-project-filters button.is-active{
  background:linear-gradient(135deg,#ff2f4d,#ff5167);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(255,47,77,.22)
}
html[data-theme="dark"] .mm-project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
html[data-theme="dark"] .mm-project-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,25,39,.96),rgba(8,15,25,.96));
  box-shadow:0 16px 38px rgba(0,0,0,.22);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
html[data-theme="dark"] .mm-project-card:hover{
  transform:translateY(-7px);
  border-color:rgba(255,255,255,.15);
  box-shadow:0 28px 60px rgba(0,0,0,.34);
}
html[data-theme="dark"] .mm-project-thumb{
  display:block;
  aspect-ratio:16/9;
  border-radius:0;
  background:#09111c;
  overflow:hidden;
}
html[data-theme="dark"] .mm-project-thumb:after{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(5,9,15,.45))
}
html[data-theme="dark"] .mm-project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease;filter:saturate(.9) contrast(1.02)}
html[data-theme="dark"] .mm-project-card:hover .mm-project-thumb img{transform:scale(1.045);filter:saturate(1.02) contrast(1.04)}
html[data-theme="dark"] .mm-project-status{
  top:10px;right:10px;left:auto;
  border-radius:999px;
  background:rgba(10,18,29,.82);
  border:1px solid rgba(255,255,255,.1);
  color:#dce5ef;
  backdrop-filter:blur(10px);
}
html[data-theme="dark"] .mm-project-body{padding:16px 16px 15px}
html[data-theme="dark"] .mm-project-card h3{font-size:16px;line-height:1.25;margin-bottom:7px;color:#f2f5f8}
html[data-theme="dark"] .mm-project-meta-line{color:#77879b;font-size:9px}
html[data-theme="dark"] .mm-project-body p{color:#8c9aac;line-height:1.55;font-size:11px;min-height:52px}
html[data-theme="dark"] .mm-tags{gap:6px}
html[data-theme="dark"] .mm-tags span{padding:5px 8px;border-radius:999px;background:#111d2b!important;border-color:rgba(255,255,255,.07)!important;color:#8fb1de!important;font-size:8px}
html[data-theme="dark"] .mm-project-freshness{color:#6f8094;font-size:8px}
html[data-theme="dark"] .mm-project-actions{gap:7px}
html[data-theme="dark"] .mm-project-link,
html[data-theme="dark"] .mm-project-live,
html[data-theme="dark"] .mm-project-quick,
html[data-theme="dark"] .mm-project-mini-action{
  min-height:31px;border-radius:8px;font-size:9px
}

/* Remaining cards -------------------------------------------------------- */
html[data-theme="dark"] .mm-service-card,
html[data-theme="dark"] .mm-testimonial-card,
html[data-theme="dark"] .mm-quote-card,
html[data-theme="dark"] .mm-contact-form,
html[data-theme="dark"] .mm-basic-card,
html[data-theme="dark"] .mm-workflow-card,
html[data-theme="dark"] .mm-activity-item,
html[data-theme="dark"] .mm-cert-card,
html[data-theme="dark"] .mm-note-card,
html[data-theme="dark"] .mm-now-shell,
html[data-theme="dark"] .mm-dev-profile-card,
html[data-theme="dark"] .mm-component-playground{
  background:linear-gradient(180deg,rgba(14,24,37,.96),rgba(8,15,24,.96));
  border-color:rgba(255,255,255,.075);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
html[data-theme="dark"] .mm-contact-shell{
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:linear-gradient(145deg,#0a121d,#11111a);
  overflow:hidden;
  box-shadow:var(--mm-c-shadow);
}
html[data-theme="dark"] .mm-contact-copy{padding:34px 0 34px 34px}
html[data-theme="dark"] .mm-contact-form{margin:20px;border-radius:18px}
html[data-theme="dark"] .mm-contact-art{filter:brightness(.52) saturate(.8)}
html[data-theme="dark"] .mm-footer{background:#03060c;border-top:1px solid rgba(255,255,255,.06)}
html[data-theme="dark"] .mm-footer-grid{min-height:94px}

/* Light mode keeps functionality, but remains premium ------------------- */
html[data-theme="light"] .mm-cinematic-hero{
  background:linear-gradient(135deg,#f6f8fc,#e9eef8 58%,#f8e9ee)!important;
}
html[data-theme="light"] .mm-cinematic-hero:before{
  background:linear-gradient(90deg,rgba(247,250,255,.98),rgba(247,250,255,.82) 35%,rgba(247,250,255,.18) 72%,rgba(247,250,255,.04));
}
html[data-theme="light"] .mm-cinematic-hero h1>span,
html[data-theme="light"] .mm-cinematic-hero h1 b{color:#091728!important}
html[data-theme="light"] .mm-cinematic-hero .mm-role-line{color:#23384e!important}
html[data-theme="light"] .mm-cinematic-intro{color:#64758a!important}
html[data-theme="light"] .mm-cinematic-availability{background:rgba(255,255,255,.72);border-color:rgba(17,39,65,.1);color:#31485f}
html[data-theme="light"] .mm-cinematic-stats strong{color:#0a1a2b}
html[data-theme="light"] .mm-cinematic-stats span{color:#6d7d90}
html[data-theme="light"] .mm-cinematic-stats>div{border-color:rgba(20,42,68,.12)}
html[data-theme="light"] .mm-cinematic-photo-wrap{box-shadow:0 34px 76px rgba(19,42,68,.2)}

/* Responsive ------------------------------------------------------------- */
@media (max-width:1280px){
  .mm-cinematic-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(450px,1.08fr);gap:24px}
  .mm-cinematic-visual{min-height:560px}
  .mm-cinematic-photo-wrap{right:18px}
  .mm-cinematic-social-rail{right:-10px}
  html[data-theme="dark"] .mm-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1080px){
  html[data-theme="dark"] .mm-command-trigger{min-width:40px;width:40px;padding:0}
  html[data-theme="dark"] .mm-command-trigger:after,html[data-theme="dark"] .mm-command-trigger kbd{display:none}
  .mm-cinematic-hero-grid{grid-template-columns:1fr 1fr;gap:18px}
  .mm-cinematic-copy{padding-top:18px}
  .mm-cinematic-hero h1{font-size:clamp(48px,6vw,70px)}
  .mm-cinematic-photo-wrap{inset:18px 4px 12px 4px}
  .mm-cinematic-location-card{right:-8px;top:42px}
  .mm-cinematic-work-card{right:-6px;bottom:24px}
  .mm-cinematic-social-rail{display:none}
  html[data-theme="dark"] .mm-khabarthali-shell{grid-template-columns:1fr 1fr}
  html[data-theme="dark"] .mm-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .mm-cinematic-hero{padding-top:22px}
  .mm-cinematic-hero-grid{grid-template-columns:1fr;min-height:auto}
  .mm-cinematic-copy{max-width:760px;padding:32px 0 8px}
  .mm-cinematic-visual{min-height:620px}
  .mm-cinematic-photo-wrap{inset:20px 20px 0}
  .mm-cinematic-photo-wrap img{object-position:50% 52%}
  .mm-cinematic-location-card{right:30px;top:48px}
  .mm-cinematic-work-card{right:22px;bottom:25px}
  html[data-theme="dark"] .mm-khabarthali-shell{grid-template-columns:1fr}
  html[data-theme="dark"] .mm-khabarthali-copy{order:1;padding:34px 28px 18px}
  html[data-theme="dark"] .mm-khabarthali-visual{order:2;margin:0 24px 28px;transform:none}
}
@media (max-width:720px){
  :root{--mm-header:68px}
  .mm-cinematic-hero{padding:10px 0 28px;min-height:auto}
  .mm-cinematic-hero-grid{width:min(calc(100% - 28px),var(--mm-container));gap:0}
  .mm-cinematic-copy{padding:34px 0 20px}
  .mm-cinematic-hero h1{font-size:clamp(48px,15vw,72px);margin-top:18px}
  .mm-cinematic-hero .mm-role-line{font-size:11px}
  .mm-cinematic-intro{font-size:12px!important;line-height:1.7!important}
  .mm-cinematic-hero .mm-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mm-cinematic-hero .mm-btn{min-width:0;padding:0 12px;font-size:11px}
  .mm-cinematic-stats{grid-template-columns:repeat(2,1fr);gap:18px 0;margin-top:26px}
  .mm-cinematic-stats>div:nth-child(3){border-left:0;padding-left:0}
  .mm-cinematic-visual{min-height:520px;margin-top:4px}
  .mm-cinematic-photo-wrap{inset:10px 0 0;border-radius:22px}
  .mm-cinematic-photo-wrap img{object-position:50% 50%}
  .mm-cinematic-location-card{right:10px;top:26px;min-width:160px;padding:12px}
  .mm-cinematic-location-card strong{font-size:18px}
  .mm-cinematic-work-card{left:12px;right:12px;bottom:12px;width:auto}
  .mm-cinematic-signature{right:20px;bottom:130px;font-size:18px}
  html[data-theme="dark"] .mm-tech-group button{min-height:36px;padding:0 12px;font-size:9px}
  html[data-theme="dark"] .mm-khabarthali{padding-top:34px!important}
  html[data-theme="dark"] .mm-khabarthali-shell{border-radius:18px}
  html[data-theme="dark"] .mm-khabarthali-copy{padding:28px 20px 14px}
  html[data-theme="dark"] .mm-khabarthali-copy h2{font-size:42px}
  html[data-theme="dark"] .mm-khabarthali-features{grid-template-columns:1fr}
  html[data-theme="dark"] .mm-khabarthali-visual{margin:0 14px 14px}
  html[data-theme="dark"] .mm-project-grid{grid-template-columns:1fr}
  html[data-theme="dark"] .mm-project-toolbar{padding:8px}
  html[data-theme="dark"] .mm-project-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  html[data-theme="dark"] .mm-project-filters::-webkit-scrollbar{display:none}
  html[data-theme="dark"] .mm-contact-copy{padding:28px 20px 10px}
  html[data-theme="dark"] .mm-contact-form{margin:14px}
}
@media (max-width:460px){
  .mm-cinematic-hero .mm-hero-actions{grid-template-columns:1fr}
  .mm-cinematic-stats strong{font-size:22px}
  .mm-cinematic-visual{min-height:470px}
  .mm-cinematic-photo-wrap img{object-position:49% 48%}
  .mm-cinematic-location-card{top:18px;right:8px}
  .mm-cinematic-signature{display:none}
}

@media (prefers-reduced-motion:reduce){
  .mm-cinematic-photo-wrap img,
  .mm-project-card,
  .mm-project-thumb img{transition:none!important;transform:none!important}
}

/* v4.1 editable command hint */
html[data-theme="dark"] .mm-command-trigger:after{content:none!important;display:none!important}
.mm-command-trigger .mm-command-hint{margin-left:2px;color:#748397;font-size:10px;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1180px){.mm-command-trigger .mm-command-hint{display:none}}