/* Single layout owner for the HERO. Editorial content remains in normal flow. */
#ms-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;min-height:100svh;height:auto;padding:clamp(48px,7.85vh,90px) 5.4% 0;background:#0c0b09;color:#fff;--gold:#d8be54;--gold2:#e9cc5f;font-family:Arial,sans-serif;overflow:hidden}
#ms-hero *,#ms-hero *::before,#ms-hero *::after{box-sizing:border-box;min-width:0}
#ms-hero .h3-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
#ms-hero .h3-bg img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:0;transition:opacity .9s ease}
#ms-hero .h3-bg img.h3-on{opacity:1}
#ms-hero .h3-bg img.h3-amb{display:none}
#ms-hero .hr-editorial{display:flex;flex-direction:column;align-items:flex-start;width:min(44vw,650px);padding-bottom:clamp(48px,12vh,150px)}
#ms-hero .h3-brand{position:static;width:184px;text-align:center;margin:0 0 38px 8px;transform:none}
#ms-hero .h3-brand img{width:130px;height:149px;display:block;margin:0 auto;max-width:none}
#ms-hero .hr-brand-name{display:block;margin:3px 0 0;font:300 24px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.015em;color:#f6f5f1}
#ms-hero .h3-desc,#ms-hero .h3-tag{display:block;text-transform:uppercase;margin:8px 0 0;font:500 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#fff}
#ms-hero .h3-rule{width:43px;height:0;border:0;border-top:1px solid #d4ba56;margin:12px auto}
#ms-hero .h3-tag{margin:0;line-height:1.4}
#ms-hero .h3-copy{position:static;width:100%;margin:0}
#ms-hero .h3-slot{display:grid}
#ms-hero .h3-slot>[data-s]{grid-area:1/1;position:relative;margin:0;padding:0;transition:opacity .7s ease;align-self:start}
#ms-hero .h3-slot>[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none}
#ms-hero .h3-slot>[aria-hidden="false"]{opacity:1;visibility:visible}
#ms-hero .h3-h1{margin:0;padding:0;font:900 clamp(44px,4.306vw,82px)/.99 Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;color:#fff;overflow-wrap:normal}
#ms-hero .hr-title-line{display:inline;white-space:normal;transform:none}
#ms-hero .h3-sub{margin:17px 0 0;padding:0;font:400 clamp(26px,2.273vw,42px)/1.16 'Times New Roman',serif;color:#f7f5ef;max-width:none;text-align:left}
#ms-hero .h3-sub2{display:block;font-style:italic;color:#e9cc5f}
#ms-hero .h3-actions{position:static;display:flex;margin-top:34px;width:auto}
#ms-hero .h3-link{display:inline-flex;align-items:center;gap:8px;padding:0 0 7px;min-height:0;font:400 clamp(16px,1.256vw,22px)/1.35 Arial,sans-serif;color:#fff;text-decoration:none;border-bottom:2px solid #d8be54}
#ms-hero .h3-link span,#ms-hero .h3-arrow{color:#e8ce5f}
#ms-hero .hr-utility{position:absolute;right:4.2%;top:3.4%;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:18px;max-width:90%}
#ms-hero .msi-landing{position:static!important;margin:0!important}
#ms-hero .ms-lang{display:none}
#ms-hero .h3-ctrl{position:static;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:5px;max-width:100%}
#ms-hero .h3-dots{display:flex;gap:10px;margin:0}
#ms-hero .h3-dots button{position:relative;width:40px;height:34px;min-height:34px;padding:0;border:0;background:none;cursor:pointer}
#ms-hero .h3-dots button::after{content:'';position:absolute;left:1px;right:1px;top:50%;height:4px;border-radius:2px;background:#92918c}
#ms-hero .h3-dots button[aria-current="true"]::after{background:#e8cf5c}
#ms-hero #ms-h3-pause{width:calc(var(--language-width,110px) * .5);height:calc(var(--language-height,34px) * .5);min-height:0;min-width:0;border:1px solid #b69b61;border-radius:5px;background:#121210;color:#f6f0e6;font:500 9px/1.2 Arial,sans-serif;padding:0 2px;cursor:pointer;white-space:nowrap}
#ms-hero #ms-h3-pause::before{display:none;content:none}
#ms-hero button:focus-visible,#ms-hero a:focus-visible{outline:3px solid #e9cc5f;outline-offset:3px}
#ms-hero .h3-strip{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:30px 0 42px;border-top:3px solid #bc9d3d;font:700 clamp(10px,1.136vw,20px)/1.3 Arial,sans-serif;letter-spacing:.15em;color:#fff}
#ms-hero .h3-strip span{transform:none}
#ms-hero .ms-hero-plinth{position:absolute;bottom:0;left:0;width:100%;height:3px;border:0;z-index:20;background:#079d66}
#ms-hero[data-scene="1"] .ms-hero-plinth{background:#023893}
#ms-hero[data-scene="2"] .ms-hero-plinth{background:#650522}
#ms-hero .h3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1099px){
 #ms-hero{padding-top:24px}
 #ms-hero .h3-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c0b09d9 0%,#0c0b0999 34%,#0c0b091a 78%)}
 #ms-hero .hr-utility{position:relative;top:auto;right:auto;align-self:flex-end;margin-bottom:24px;max-width:100%;gap:10px}
 #ms-hero .hr-editorial{width:min(100%,620px);padding-bottom:56px}
 #ms-hero .h3-brand{width:160px;margin:0 0 32px}
 #ms-hero .h3-brand img{width:104px;height:119px}
 #ms-hero .hr-brand-name{font-size:20px}
 #ms-hero .h3-h1{font-size:clamp(36px,5.3vw,58px)}
 #ms-hero .h3-sub{font-size:clamp(24px,3vw,32px)}
 #ms-hero .h3-bg img{object-position:68% center}
 #ms-hero .h3-strip{padding:24px 0 30px;letter-spacing:.09em}
}
@media(max-width:600px){
 #ms-hero .h3-bg img{object-position:65% top}
 #ms-hero .h3-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c0b09 0%,#0c0b09ed 35%,#0c0b0970 70%,#0c0b0933 100%)}
 #ms-hero .h3-brand{width:145px;margin-bottom:32px}
 #ms-hero .h3-brand img{width:86px;height:99px}
 #ms-hero .hr-brand-name{font-size:18px}
 #ms-hero .h3-desc,#ms-hero .h3-tag{font-size:8px}
 #ms-hero .h3-h1{font-size:clamp(28px,8.5vw,48px);letter-spacing:-.035em;overflow-wrap:anywhere}
 #ms-hero .h3-sub{font-size:24px;overflow-wrap:anywhere}
 #ms-hero .h3-actions{margin-top:28px}
 #ms-hero .h3-strip{gap:6px;flex-wrap:wrap;font-size:10px;letter-spacing:.05em}
 #ms-hero .h3-dots{gap:7px}
 #ms-hero .h3-dots button{width:25px}
}
@media(prefers-reduced-motion:reduce){#ms-hero .h3-bg img,#ms-hero .h3-slot>[data-s]{transition:none}}

/* Issue 24. Scoped to mobile/tablet; desktop and original assets stay intact. */
@media (max-width: 1024px) {
  .image-break:has(> .media > img.ms-v2-cava) {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 24px !important;
  }
  .image-break > .media:has(> img.ms-v2-cava) {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2048 / 1154;
  }
  .image-break > .media > img.ms-v2-cava {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Restore a dark backdrop behind the brand and copy; keep the right-hand photo visible. */
  #ms-hero .h3-bg::after {
    background: linear-gradient(90deg, #0c0b09c7 0%, #0c0b098c 34%, #0c0b0914 78%),
      linear-gradient(0deg, #0c0b0966 0%, #0c0b0900 42%) !important;
  }
  /* Interior experience carousel immediately above the official video. */
  .ms-interior-carousel .hero-slide[data-plan="PRO"] img {
    object-position: 0% center !important;
  }
}
@media (max-width: 600px) {
  .ms-interior-carousel .hero-slide[data-plan="PRO"] {
    background: #0e1e42;
  }
  .ms-interior-carousel .hero-slide[data-plan="PRO"] img {
    top: 0;
    height: 76%;
  }
  #ms-hero .h3-bg::after {
    background: linear-gradient(90deg, #0c0b09b3 0%, #0c0b098c 35%, #0c0b091f 75%, #0c0b0914 100%),
      linear-gradient(0deg, #0c0b09a6 0%, #0c0b0959 35%, #0c0b0900 70%) !important;
  }
}

/* PRO: move the photographic subject right, leaving brand/copy unchanged. */
@media (min-width: 601px) and (max-width: 1024px) {
  #ms-hero .h3-bg img[data-i="1"] { object-position: 50% center; }
}
@media (max-width: 600px) {
  #ms-hero .h3-bg img[data-i="1"] { object-position: 53% top; }
}