#demo-dialog{color:var(--text-primary,#fff);background:var(--bg-primary,#171917);border:1px solid #747b6f;border-radius:18px;padding:60px 40px 40px;max-width:540px;width:calc(100% - 40px);box-shadow:0 30px 100px #0008}#demo-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}#demo-dialog h2{font:inherit;font-size:42px;line-height:1.1;margin:28px 0 20px}#demo-dialog p{font-size:16px;line-height:1.65;opacity:.7}#demo-dialog small{font-size:11px;letter-spacing:.18em;color:#a9ff78}#demo-dialog button{cursor:pointer;color:inherit;background:transparent;border:1px solid #8885;border-radius:40px;padding:13px 22px}.demo-close{position:absolute;right:16px;top:16px;font-size:20px}.demo-return{margin-top:25px}[class*="Preloader-module"][class*="__logo"] svg{display:none}[class*="Preloader-module"][class*="__logo"]:after{content:'MH';font-size:90px;letter-spacing:-10px;font-weight:300;color:white}

/* Portrait composition: presentation-only. Existing JS timelines and event handlers stay intact. */
#home::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 9%;
  bottom: 0;
  left: 0;
  width: 45%;
  background: url('/assets/mohamed-hero-portrait.png') left top / 100% auto no-repeat;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0,0,0,.82) 68%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0,0,0,.82) 68%, transparent 100%);
}
#home > [data-hero-shader] { z-index: -1; }
#home > [class*="__bottomFade"], #home > [class*="__bottomHighlight"] { z-index: 1; pointer-events: none; }
#home [class*="__logo"], #home > [class*="__banner"], #home > [data-cta], #home > [data-subsplit] { z-index: 2; }
@media (min-width: 769px) {
  #home [class*="__banner"] > p:nth-child(1) { left: 37.5%; }
  #home [class*="__banner"] > p:nth-child(2) { left: 64.8%; }
  #home [class*="__banner"] > p:nth-child(3) { left: 37%; }
  #home [class*="__banner"] > p:nth-child(4) { left: 57.3%; }
  #home > [data-cta] { left: 89.6%; }
}
@media (max-width: 768px) {
  #home { min-height: 820px; }
  #home::before {
    top: 535px;
    bottom: 0;
    left: -14px;
    width: 58%;
    background-position: left top;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 100%);
  }
  #home > [class*="__taglineLeft"] { left: auto; right: 16px; top: 586px; width: 43%; }
  #home > [class*="__taglineRight"] { left: auto; right: 16px; top: 674px; width: 43%; }
}
@media (min-width: 769px) {
  #home [class*="__banner"] > p { top: calc(var(--t) + .75rem); }
  #home > [data-cta] { top: 38rem; }
  #home > [data-subsplit] { top: 54.5rem; }
}

/* Personal intro portrait; preserve the existing animation cells. */
.Preloader-module__M6H_RG__imgCell{border-radius:50%;}
.Preloader-module__M6H_RG__imgCell img{object-position:50% 22%;border-radius:50%;}