/* MRMJ homepage cinematic hero — preserves the existing first slide's design. */
.hero-route .architecture-hero{isolation:isolate}
.architecture-hero .mrmj-home-slider{position:absolute;inset:0;z-index:0;overflow:hidden}
.architecture-hero .mrmj-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.25s ease,visibility 1.25s;overflow:hidden;background:#090909;pointer-events:none}
.architecture-hero .mrmj-slide.is-active{opacity:1;visibility:visible;z-index:2;pointer-events:auto}
.architecture-hero .mrmj-slide .hero-message{z-index:3}
.architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-message{width:min(560px,44vw);top:53%;transform:translateY(-42%)}
.architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-message blockquote{font-size:clamp(29px,3.05vw,49px);font-weight:400;line-height:1.42;letter-spacing:-.7px}
html[lang="fa"] .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-message blockquote{font-size:clamp(27px,2.6vw,43px);line-height:1.85;font-weight:400;letter-spacing:0}
.architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-divider{margin-top:24px;margin-bottom:16px}
.architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-author{font-size:clamp(14px,1vw,18px)}
.architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-signature-mark{width:clamp(95px,7vw,120px)!important;margin-top:18px}
.architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-atmosphere{background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.38) 54%,rgba(0,0,0,.06) 100%)}
.architecture-hero .mrmj-cinematic-bg{position:absolute;inset:0}
.architecture-hero .mrmj-cinematic-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.architecture-hero .mrmj-slide-2 .hero-atmosphere{background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.95) 33%,rgba(9,9,9,.16) 68%,rgba(9,9,9,0) 100%)}
.architecture-hero .mrmj-speaker-photo{position:absolute;right:0;bottom:0;top:clamp(114px,13vh,145px);width:min(68%,1120px);display:flex;align-items:end;justify-content:flex-end;overflow:hidden}



.architecture-hero .mrmj-slide-2 .mrmj-speaker-photo img {
    height: 55% !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain;
    object-position: bottom right;
    transform: none !important;
    align-self: flex-end;
    border: none !important;
    outline: none !important;
}

.architecture-hero .mrmj-slide-2 .hero-message{left:clamp(32px,7.5vw,140px)!important}
.architecture-hero .mrmj-slide-3 .hero-message{width:min(620px,46vw)}
.architecture-hero .mrmj-slider-nav{position:absolute;left:clamp(22px,3vw,54px);bottom:clamp(16px,2.5vh,30px);z-index:7;display:flex;align-items:center;gap:15px;direction:ltr;color:#fff}
.mrmj-slider-nav button{color:#fff;background:rgba(10,10,10,.26);border:1px solid rgba(255,255,255,.55);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;padding:0;font-size:18px;line-height:1;transition:background .2s}
.mrmj-slider-nav button:hover,.mrmj-slider-nav button:focus-visible{background:#383838;outline-color:#fff}
.mrmj-slider-nav .mrmj-slider-dots{display:flex;align-items:center;gap:8px}
.mrmj-slider-nav .mrmj-slider-dot{width:22px;height:28px;border:0;border-radius:0;background:transparent;position:relative}
.mrmj-slider-nav .mrmj-slider-dot:after{content:"";position:absolute;left:2px;right:2px;top:13px;height:1px;background:rgba(255,255,255,.52)}
.mrmj-slider-nav .mrmj-slider-dot.is-active:after{height:2px;background:#fff}
.mrmj-slider-nav .mrmj-slider-count{font:11px Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
.mrmj-slider-nav .mrmj-slider-toggle{font-size:11px;border-color:rgba(255,255,255,.35)}
@media(max-width:760px){
 .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-message{top:auto!important;bottom:112px!important;left:25px!important;right:25px!important;width:auto!important;max-width:600px;transform:none!important}
 .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-message blockquote,html[lang="fa"] .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-message blockquote{font-size:clamp(23px,5.4vw,31px);line-height:1.75}
 .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-message .hero-divider{margin-top:16px;margin-bottom:12px}
 .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-author{font-size:14px}
 .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-signature-mark{width:86px!important;margin-top:10px}
 .architecture-hero .mrmj-slide:not(.mrmj-slide-1) .hero-atmosphere{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.15) 42%,rgba(0,0,0,.82) 67%,rgba(0,0,0,.93) 100%)}
 .architecture-hero .mrmj-speaker-photo{top:94px;width:100%;height:58%;justify-content:center;align-items:start}
 .architecture-hero .mrmj-speaker-photo img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center top}
 .architecture-hero .mrmj-slide-2 .hero-atmosphere{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 40%,#080808 72%)}
 .architecture-hero .mrmj-slider-nav{bottom:20px;left:16px;gap:6px}
 .mrmj-slider-nav button{width:28px;height:28px}
 .mrmj-slider-nav .mrmj-slider-dot{width:19px}
 .architecture-hero .mrmj-cinematic-bg img{object-position:center}
 .architecture-hero .hero-corner{z-index:7}
}
@media(prefers-reduced-motion:reduce){.architecture-hero .mrmj-slide{transition:none!important}}

/* Slide 2: source image remains byte-for-byte unchanged.
   We only rescale and reposition it through CSS, and veil its embedded English lettering
   in the empty right-hand area behind the live, bilingual HTML quotation. */
.architecture-hero .mrmj-slide-2{background:#08090d}
.architecture-hero .mrmj-slide-2 .mrmj-speaker-photo{
  inset:0!important;width:100%!important;height:100%!important;
  display:block!important;overflow:hidden!important;position:absolute!important;
}
.architecture-hero .mrmj-slide-2 .mrmj-speaker-photo img{
  position:absolute!important;left:0!important;bottom:38px!important;top:auto!important;
  width:60%!important;height:auto!important;max-height:none!important;max-width:none!important;
  object-fit:contain!important;object-position:left bottom!important;
  filter:none!important;transform:none!important;
}
.architecture-hero .mrmj-slide-2 .hero-atmosphere{
  background:linear-gradient(
    90deg,
    rgba(8,9,13,0) 0%,
    rgba(8,9,13,0.06) 28%,
    rgba(8,9,13,0.14) 40%,
    rgba(8,9,13,0.28) 52%,
    rgba(8,9,13,0.46) 66%,
    rgba(8,9,13,0.64) 80%,
    rgba(8,9,13,0.78) 100%
  ) !important;
}
.architecture-hero .mrmj-slide-2 .hero-message{
  left:auto!important;
  right:clamp(42px,6vw,135px)!important;
  top:52%!important;bottom:auto!important;
  width:min(550px,40vw)!important;max-width:550px!important;
  transform:translateY(-42%)!important;
}
html[lang="fa"] .architecture-hero .mrmj-slide-2 .hero-message{
  direction:rtl!important;text-align:right!important;
}
html[lang="en-GB"] .architecture-hero .mrmj-slide-2 .hero-message{
  direction:ltr!important;text-align:left!important;
}
@media(max-width:760px){
  .architecture-hero .mrmj-slide-2 .mrmj-speaker-photo{
    inset:0!important;width:100%!important;height:100%!important;display:block!important;
  }
  .architecture-hero .mrmj-slide-2 .mrmj-speaker-photo img{
    width:175%!important;height:auto!important;max-height:none!important;
    left:-39%!important;top:105px!important;bottom:auto!important;position:absolute!important;
  }
  .architecture-hero .mrmj-slide-2 .hero-atmosphere{
    background:
      linear-gradient(180deg,rgba(8,9,13,0) 0%,rgba(8,9,13,0) 37%,rgba(8,9,13,.75) 56%,#08090d 73%,#08090d 100%),
      linear-gradient(90deg,rgba(8,9,13,0) 0%,rgba(8,9,13,0) 43%,rgba(8,9,13,.94) 50%,#08090d 53%,#08090d 100%)!important;
  }
  .architecture-hero .mrmj-slide-2 .hero-message{
    top:auto!important;bottom:112px!important;left:25px!important;right:25px!important;
    width:auto!important;max-width:600px!important;transform:none!important;
  }
}

/* Minimal slider controls: two unobtrusive edge arrows, no dots or counters.
   The transparent navigation layer does not block clicking the hero image. */
.architecture-hero .mrmj-slide{transition:opacity .85s ease,visibility .85s}
.architecture-hero .mrmj-home-slider{cursor:pointer}
.architecture-hero .mrmj-home-slider .hero-message{cursor:default}
.architecture-hero .mrmj-slider-nav{
  position:absolute!important;inset:0!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100%!important;height:100%!important;display:block!important;
  z-index:8!important;pointer-events:none!important;
}
.architecture-hero .mrmj-slider-nav .mrmj-slider-prev,
.architecture-hero .mrmj-slider-nav .mrmj-slider-next{
  position:absolute!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;
  width:42px!important;height:42px!important;min-width:42px!important;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.55)!important;
  background:rgba(5,5,5,.32)!important;color:#fff!important;
  font-size:28px!important;font-family:Arial,Helvetica,sans-serif!important;
  font-weight:300!important;line-height:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 0 3px!important;z-index:9!important;pointer-events:auto!important;
  opacity:.75!important;transition:opacity .2s ease,background .2s ease!important;
}
.architecture-hero .mrmj-slider-nav .mrmj-slider-prev{
  left:clamp(10px,1.4vw,26px)!important;right:auto!important;
}
.architecture-hero .mrmj-slider-nav .mrmj-slider-next{
  right:clamp(10px,1.4vw,26px)!important;left:auto!important;
}
.architecture-hero .mrmj-slider-nav button:hover,
.architecture-hero .mrmj-slider-nav button:focus-visible{
  opacity:1!important;background:rgba(5,5,5,.78)!important;
}
@media(max-width:760px){
  .architecture-hero .mrmj-slider-nav .mrmj-slider-prev,
  .architecture-hero .mrmj-slider-nav .mrmj-slider-next{
    width:42px!important;height:42px!important;min-width:42px!important;
    font-size:25px!important;opacity:.82!important;
  }
  .architecture-hero .mrmj-slider-nav .mrmj-slider-prev{left:10px!important}
  .architecture-hero .mrmj-slider-nav .mrmj-slider-next{right:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .architecture-hero .mrmj-slide{transition:none!important}
}

/* MRMJ — Slide 2: mobile-only cinematic gradient */
@media (max-width: 767px) {
  .architecture-hero .mrmj-slide-2 .hero-atmosphere {
    background: linear-gradient(
      180deg,
      rgba(8,9,13,0) 0%,
      rgba(8,9,13,0) 32%,
      rgba(8,9,13,0.12) 46%,
      rgba(8,9,13,0.48) 61%,
      rgba(8,9,13,0.86) 78%,
      #08090d 100%
    ) !important;
  }
}

@media (max-width: 767px) {
  .architecture-hero .mrmj-slide-2 .mrmj-speaker-photo img {
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      black 16%,
      black 100%
    );
    mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      black 16%,
      black 100%
    );
  }
}