/* Misfalah hero ("halo"), split layout on white: navy words on one side, the owner's portrait photo in a wide top-rounded arch on the
   other (cropped only in the empty sky at the top, so the tower, street and buildings stay whole), thin rings behind it, a glass card
   on the photo's sky, a small white card at its outer edge, and a white strip of three numbered cells below. No text shadows. Buttons
   are the site's own .button and .button-outline. */
.ms-hero{--ms-ease:cubic-bezier(.22,1,.36,1);--ms-ah:clamp(500px,calc(100svh - 200px),660px);--ms-aw:min(40vw,560px);position:relative;isolation:isolate;overflow:hidden;padding:clamp(128px,15vh,150px) 0 32px;color:var(--navy,#0A2E4D);background:linear-gradient(180deg,#fff 0,#fff 88%,#F4F6F8 100%)}
#main>section.ms-hero{background:linear-gradient(180deg,#fff 0,#fff 88%,#F4F6F8 100%)}
.ms-wrap{position:relative;max-width:1240px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(40px,5vw,90px)}

/* The words */
.ms-copy{padding-bottom:20px}
.ms-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:7px 18px 7px 16px;border-radius:999px;background:#0e7c7714;border:1px solid #0e7c7733;font-size:14px;font-weight:600;line-height:1.6;color:var(--teal,#0E7C77)}
.ms-kicker:before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #0e7c7726}
.al-page .ms-hero h1{margin:0;font-size:clamp(46px,5.2vw,82px);font-weight:800;line-height:1.14;letter-spacing:0;color:var(--navy,#001C3C)}
.ms-hero h1>span{display:block}
.ms-hero h1 em{font-style:normal;font-weight:300;color:var(--teal,#0E7C77)}
.ms-line{max-width:520px;margin:20px 0 0;font-size:clamp(16.5px,1.3vw,19px);font-weight:500;line-height:1.85;color:#0a2e4dbf}
.ms-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ms-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box}

/* The wide arch with the photo */
.ms-stage{position:relative;width:var(--ms-aw);height:var(--ms-ah)}
.ms-rings{position:absolute;z-index:-1;left:50%;top:calc(var(--ms-aw) / 2);width:calc(var(--ms-ah) * 2.4);height:auto;transform:translate(-50%,-50%);color:#001c3c17;pointer-events:none}
.ms-arch-back{position:absolute;inset:-18px -18px 45% -18px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#001c3c12,#001c3c00)}
.ms-arch{position:absolute;inset:0;overflow:hidden;border-radius:999px 999px 0 0;background:#020b28;box-shadow:0 40px 70px -40px #001c3c66}
.ms-arch img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%}

/* Glass card on the photo's night sky, on the words' side */
.ms-glass{position:absolute;z-index:2;inset-inline-start:-56px;top:9%;width:clamp(250px,19vw,280px);box-sizing:border-box;padding:18px 18px 16px;border-radius:20px;background:#0a2e4d4d;border:1px solid #ffffff38;box-shadow:inset 0 1px 0 #ffffff33,0 24px 50px -24px #001c3c99;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);color:#fff}
.ms-glass p{margin:0}
.ms-glass-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;font-weight:600;color:#ffffffc7}
.ms-glass-top b{font-weight:600;color:#fff}
.ms-glass-title{margin-top:8px!important;font-size:19px;font-weight:700;line-height:1.45;color:#fff}
.ms-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.ms-tags li{padding:4px 11px;border-radius:999px;background:#ffffff1f;border:1px solid #ffffff29;font-size:12px;font-weight:500;line-height:1.6;color:#fff}

/* Small white card at the arch's outer edge, on the sky */
.ms-note{position:absolute;z-index:2;inset-inline-end:-56px;top:25%;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:16px;background:#fff;box-shadow:0 24px 44px -22px #001c3c80;color:var(--navy,#0A2E4D);text-decoration:none;transition:transform .4s var(--ms-ease)}
.ms-note:hover{transform:translateY(-3px)}
.ms-note small{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#0a2e4d99}
.ms-note small svg{width:14px;height:14px;color:var(--teal,#0E7C77)}
.ms-note span{font-size:14.5px;font-weight:700;white-space:nowrap}
.ms-note i{font-style:normal;color:var(--teal,#0E7C77)}

/* White strip of three numbered cells */
.ms-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);max-width:1160px;width:calc(100% - 80px);margin:28px auto 0;padding:0;list-style:none;background:#fff;border:1px solid #0a2e4d14;border-radius:18px;box-shadow:0 24px 50px -34px #001c3c59}
.ms-strip li{display:flex;align-items:flex-start;gap:14px;padding:20px 26px;border-inline-start:1px solid #0a2e4d14;color:var(--navy,#0A2E4D)}
.ms-strip li:first-child{border:0}
.ms-strip em{font-style:normal;font-size:13px;font-weight:600;line-height:2;color:#0a2e4d73}
.ms-strip b{display:block;font-size:17px;font-weight:700;line-height:1.6}
.ms-strip span{display:block;font-size:13px;font-weight:500;line-height:1.6;color:#0a2e4d99}

/* Load motion: a gentle fade and rise, once */
.ms-rise,.ms-stage{opacity:0;transform:translateY(16px);transition:opacity 1s var(--ms-ease),transform 1s var(--ms-ease)}
.ms-copy .ms-rise:nth-child(2){transition-delay:.08s}.ms-copy .ms-rise:nth-child(3){transition-delay:.16s}.ms-copy .ms-rise:nth-child(4){transition-delay:.24s}
.ms-stage{transition-delay:.15s}.ms-strip{transition-delay:.35s}
.ms-hero.is-ready .ms-rise,.ms-hero.is-ready .ms-stage{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.ms-rise,.ms-stage{transition:none;opacity:1;transform:none}}

/* English */
html[dir=ltr] .ms-hero .ms-kicker,html[dir=ltr] .ms-hero .ms-line,html[dir=ltr] .ms-hero .ms-glass,html[dir=ltr] .ms-hero .ms-note,html[dir=ltr] .ms-hero .ms-strip{font-family:Poppins,sans-serif}
html[dir=ltr] .ms-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
html[dir=ltr] .al-page .ms-hero h1{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(42px,4.8vw,76px);line-height:1.06;letter-spacing:-.035em}
html[dir=ltr] .ms-hero h1 em{font-weight:300}

/* The floating WhatsApp circle waits until the hero (which has its own button) has scrolled away */
body.al-in-arch .al-float{opacity:0;visibility:hidden}

/* Narrower desktops */
@media(max-width:1180px) and (min-width:801px){
 .ms-hero{--ms-aw:min(38vw,460px)}
 .ms-wrap{padding:0 28px;gap:36px}
 .ms-glass{inset-inline-start:-40px;width:240px}
 .ms-note{inset-inline-end:-16px}
 .ms-strip{width:calc(100% - 56px)}
}
/* Phones and portrait tablets: words first, then the arch at full width (4:5), the glass card under it, and the strip as three rows */
@media(max-width:800px),(max-aspect-ratio:3/4){
 .ms-hero{padding:112px 0 24px}
 .ms-wrap{grid-template-columns:1fr;gap:30px;padding:0 20px;justify-items:center}
 .ms-copy{padding:0;text-align:center;display:flex;flex-direction:column;align-items:center}
 .ms-kicker{font-size:12.5px;padding:6px 14px 6px 12px;margin-bottom:18px}
 .al-page .ms-hero h1{font-size:clamp(38px,11vw,58px)}
 html[dir=ltr] .al-page .ms-hero h1{font-size:clamp(34px,10vw,52px)}
 .ms-line{font-size:15.5px;line-height:1.75;margin-top:14px;text-wrap:balance}
 .ms-actions{width:100%;max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
 .ms-actions .button{padding-inline:12px;min-width:0}
 .ms-stage{width:100%;max-width:520px;height:auto}
 .ms-rings{top:40%;width:260%}
 .ms-arch-back{inset:-12px -12px 50% -12px}
 .ms-arch{position:relative;inset:auto;width:100%;aspect-ratio:4/5}
 .ms-glass{position:relative;inset:auto;margin:14px 0 0;width:100%;background:#0a2e4d;border-color:#0a2e4d}
 .ms-note{display:none}
 .ms-strip{grid-template-columns:1fr;width:calc(100% - 40px);margin-top:20px}
 .ms-strip li{padding:15px 20px;border-inline-start:0;border-top:1px solid #0a2e4d14}
 .ms-strip b{font-size:15.5px}
}
@media(max-width:360px){.ms-actions{grid-template-columns:1fr}}

/* One background for the whole page (#F4F6F8), from the hero down to the hotels and the footer */
body.al-arch-page:has(#ms-hero),body:has(#ms-hero) .al-page,body:has(#ms-hero) #main{background:#F4F6F8}
body:has(#ms-hero) .st-tab-card{background:#F4F6F8}
body:has(#ms-hero) .st-tab-card:before,body:has(#ms-hero) .st-tab-card:after{background:radial-gradient(circle at 0 0,transparent 29px,#F4F6F8 30px)}
html[dir=rtl] body:has(#ms-hero) .st-tab-card:before,html[dir=rtl] body:has(#ms-hero) .st-tab-card:after{background:radial-gradient(circle at 100% 0,transparent 29px,#F4F6F8 30px)}

/* Small dots travelling along the rings, behind the photo; always on (site-wide motion rule) */
.ms-orbits{position:absolute;z-index:-1;left:50%;top:calc(var(--ms-aw) / 2);width:calc(var(--ms-ah) * 2.4);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.ms-orbits i{position:absolute;left:50%;top:50%;width:calc(var(--r) / 800 * 100%);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--a));animation:ms-orbit var(--t) linear infinite}
.ms-orbits i.ms-ccw{animation-direction:reverse}
.ms-orbits i:before{content:'';position:absolute;left:50%;top:0;width:var(--s,9px);height:var(--s,9px);border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 15%,transparent);transform:translate(-50%,-50%)}
@keyframes ms-orbit{to{transform:translate(-50%,-50%) rotate(calc(var(--a) + 360deg))}}
@media(prefers-reduced-motion:reduce){.ms-orbits i{animation:ms-orbit var(--t) linear infinite!important}.ms-orbits i.ms-ccw{animation-direction:reverse!important}}
@media(max-width:800px),(max-aspect-ratio:3/4){.ms-orbits{top:40%;width:260%}.ms-orbits i:before{width:calc(var(--s,9px) - 1px);height:calc(var(--s,9px) - 1px)}}

/* ---------- Text-only sections (walk, tiers, day, ask): no photos ---------- */
.ms-sec{position:relative;padding:clamp(76px,9vw,124px) 0;background:#F4F6F8;color:var(--navy,#0A2E4D)}
.ms-swrap{max-width:1160px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.ms-head{text-align:center;max-width:760px;margin:0 auto clamp(36px,4vw,56px)}
.ms-head.is-start{text-align:start;margin-inline:0}
.ms-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:600;color:var(--teal,#0E7C77)}
.ms-label:before,.ms-head:not(.is-start) .ms-label:after{content:'';width:28px;height:1px;background:currentColor;opacity:.6}
.ms-sec h2{margin:0;font-size:clamp(30px,3.4vw,50px);font-weight:800;line-height:1.3;color:var(--navy,#0A2E4D)}
.ms-sec h2 span{font-weight:300;color:var(--teal,#0E7C77)}
.ms-lead{margin:18px auto 0;max-width:38em;font-size:clamp(15.5px,1.1vw,17.5px);line-height:1.9;color:#0a2e4dc4}
.ms-head.is-start .ms-lead{margin-inline:0}
.ms-foot{margin:18px 0 0;text-align:center;font-size:13px;color:#0a2e4d8c}
html[dir=ltr] .ms-sec{font-family:Poppins,sans-serif}
html[dir=ltr] .ms-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase}
html[dir=ltr] .ms-sec h2{font-weight:600;letter-spacing:-.02em}

/* Reveal on scroll, for every visitor */
.ms-rv{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--d,0) * .1s)}
.ms-rv.is-in{opacity:1;transform:none}

/* A) walk: the distance track */
.ms-walk-box{background:#fff;border:1px solid #0a2e4d12;border-radius:28px;padding:clamp(22px,3.4vw,44px);box-shadow:0 30px 60px -44px #001c3c59}
.ms-track{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.ms-track-end{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--navy,#0A2E4D)}
.ms-track-end svg{width:34px;height:34px;padding:9px;border-radius:50%;background:#0e7c7712;color:var(--teal,#0E7C77)}
.ms-track-end.is-to svg{background:var(--navy,#0A2E4D);color:#fff}
.ms-track-end small{font-size:12px;font-weight:600;white-space:nowrap;color:#0a2e4da6}
.ms-track-line{position:relative;flex:1;height:4px;margin-bottom:24px;border-radius:4px;background:repeating-linear-gradient(90deg,#0a2e4d26 0 8px,transparent 8px 14px)}
.ms-track-fill{position:absolute;top:0;bottom:0;inset-inline-start:0;width:calc((var(--at) + 1) / var(--n) * 100%);border-radius:4px;background:var(--teal,#0E7C77);transition:width .8s cubic-bezier(.22,1,.36,1)}
.ms-walker{position:absolute;top:50%;inset-inline-start:calc((var(--at) + 1) / var(--n) * 100% - 9px);width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid var(--teal,#0E7C77);box-sizing:border-box;box-shadow:0 0 0 6px #0e7c7722;transition:inset-inline-start .8s cubic-bezier(.22,1,.36,1);animation:ms-step 1.2s ease-in-out infinite}
@keyframes ms-step{50%{box-shadow:0 0 0 10px #0e7c7714}}
.ms-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ms-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 14px;border-radius:14px;border:1px solid #0a2e4d1f;background:#F4F6F8;font:inherit;font-size:15px;font-weight:700;color:var(--navy,#0A2E4D);cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.ms-tab em{font-style:normal;font-size:12px;font-weight:600;color:#0a2e4d73;transition:color .35s}
.ms-tab:hover{border-color:var(--teal,#0E7C77)}
.ms-tab[aria-selected=true]{background:var(--navy,#0A2E4D);border-color:var(--navy,#0A2E4D);color:#fff}
.ms-tab[aria-selected=true] em{color:#A9D8DA}
.ms-tab:focus-visible{outline:2px solid var(--teal,#0E7C77);outline-offset:2px}
.ms-panes{margin-top:24px}
.ms-pane{display:grid;grid-template-columns:1fr 1.3fr 1.5fr;margin:0;border-top:1px solid #0a2e4d14;animation:ms-pane .6s cubic-bezier(.22,1,.36,1)}
.ms-pane[hidden]{display:none}
.ms-pane>div{padding:22px 24px 4px;border-inline-start:1px solid #0a2e4d14}
.ms-pane>div:first-child{border:0;padding-inline-start:0}
.ms-pane dt{margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--teal,#0E7C77)}
.ms-pane dd{margin:0;font-size:15.5px;line-height:1.85;color:#0a2e4dd9}
.ms-pane dd.is-big{font-size:clamp(20px,1.8vw,26px);font-weight:800;line-height:1.45;color:var(--navy,#0A2E4D)}
@keyframes ms-pane{from{opacity:0;transform:translateY(8px)}}

/* B) tiers: three budget columns, the middle in navy */
.ms-tiers{background:#fff}
.ms-tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}
.ms-tier{padding:30px 28px 32px;border-radius:24px;background:#F4F6F8;border:1px solid #0a2e4d12}
.ms-tier.is-lead{padding-top:44px;padding-bottom:44px;background:var(--navy,#0A2E4D);border-color:var(--navy,#0A2E4D);color:#fff;box-shadow:0 36px 70px -40px #001c3cb3}
.ms-tier-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 18px;min-height:28px}
.ms-tier-top em{font-style:normal;font-size:13px;font-weight:600;color:#0a2e4d73}
.ms-tier.is-lead .ms-tier-top em{color:#A9D8DA}
.ms-tier-top span{padding:4px 12px;border-radius:999px;background:#ffffff1a;border:1px solid #ffffff33;font-size:12px;font-weight:600;color:#fff}
.ms-tier h3{margin:0 0 18px;font-size:clamp(21px,1.8vw,25px);font-weight:800;line-height:1.4;color:inherit}
.ms-tier ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.ms-tier li{position:relative;padding-inline-start:26px;font-size:15px;line-height:1.75;color:#0a2e4dd1}
.ms-tier.is-lead li{color:#ffffffde}
.ms-tier li:before{content:'';position:absolute;inset-inline-start:0;top:.62em;width:12px;height:12px;border-radius:50%;border:3px solid var(--teal,#0E7C77);box-sizing:border-box}
.ms-tier.is-lead li:before{border-color:#5fd3c9}
.ms-tiers-foot{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:38px;text-align:center}
.ms-tiers-foot p{margin:0;font-size:14.5px;color:#0a2e4da6}
.ms-sec .button{display:inline-flex;align-items:center;justify-content:center;gap:10px}

/* D) ask: a notepad whose ticks draw in one by one */
.ms-ask{background:#fff}
.ms-ask-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,90px);align-items:center}
.ms-ask-side .ms-head{margin-bottom:28px}
.ms-ask-cta{margin:0}
.ms-pad{position:relative;padding:44px clamp(22px,3vw,40px) 30px;border-radius:24px;background:#fff;border:1px solid #0a2e4d14;box-shadow:0 34px 70px -46px #001c3c80}
.ms-pad:before{content:'';position:absolute;top:16px;left:40px;right:40px;height:10px;background:radial-gradient(circle,#F4F6F8 0 4px,#0a2e4d26 4.5px 5px,transparent 5.5px) 0 0/34px 10px repeat-x}
.ms-pad ol{margin:0;padding:0;list-style:none}
.ms-pad li{display:grid;grid-template-columns:32px 30px 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px dashed #0a2e4d1f;font-size:16px;font-weight:600;line-height:1.7;color:var(--navy,#0A2E4D)}
.ms-pad li:last-child{border-bottom:0}
.ms-pad em{font-style:normal;font-size:12.5px;font-weight:600;color:#0a2e4d66}
.ms-tick{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0e7c7712;color:var(--teal,#0E7C77);transition:background .5s calc(.2s + var(--k) * .35s)}
.ms-tick svg{width:18px;height:18px;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1) calc(.3s + var(--k) * .35s)}
.ms-pad.is-in .ms-tick{background:#0e7c7724}
.ms-pad.is-in .ms-tick svg{stroke-dashoffset:0}

@media(max-width:900px){
 .ms-swrap{padding:0 20px}
 .ms-pane{grid-template-columns:1fr}
 .ms-pane>div{padding:16px 0 4px;border-inline-start:0;border-top:1px solid #0a2e4d14}
 .ms-pane>div:first-child{border-top:0}
 .ms-tiers-grid{grid-template-columns:1fr;gap:14px}
 .ms-tier.is-lead{padding-top:32px;padding-bottom:32px}
 .ms-ask-grid{grid-template-columns:1fr;gap:28px}
 .ms-ask-side .ms-head{position:static;text-align:center;margin-inline:auto}
 .ms-ask-side .ms-head .ms-label:after{content:'';width:28px;height:1px;background:currentColor;opacity:.6}
 .ms-ask-side .ms-head .ms-lead{margin-inline:auto}
 .ms-ask-cta{text-align:center}
}
@media(max-width:560px){
 .ms-track{gap:8px}
 .ms-track-end svg{width:30px;height:30px;padding:7px}
 .ms-tabs{gap:6px}
 .ms-tab{flex-direction:column;gap:2px;min-height:60px;padding:8px 6px;font-size:13px;line-height:1.4;text-align:center}
 .ms-pad li{grid-template-columns:30px 1fr;font-size:15px}
 .ms-pad em{display:none}
}

/* C) moments: five photo rows in a zigzag around a centre line that fills on scroll */
.ms-mo-list{position:relative;margin:0;padding:0;list-style:none;--fill:0}
.ms-mo-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#0a2e4d1a}
.ms-mo-line i{position:absolute;inset:0;background:var(--teal,#0E7C77);transform-origin:top;transform:scaleY(var(--fill))}
.ms-mo{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 clamp(64px,8vw,120px);padding:0 0 clamp(70px,8vw,120px)}
.ms-mo:last-child{padding-bottom:0}
.ms-mo-photo{grid-column:1;grid-row:1;justify-self:end;width:100%;max-width:476px;margin:0;aspect-ratio:3/2;border-radius:16px;overflow:hidden;background:#0a2e4d;box-shadow:0 30px 60px -40px #001c3c80;opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.ms-mo-photo img{display:block;width:100%;height:116%;margin-top:-8%;object-fit:cover;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.ms-mo-text{grid-column:2;grid-row:1;max-width:440px;opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,1,.36,1) .08s,transform .6s cubic-bezier(.22,1,.36,1) .08s}
.ms-mo.is-flip .ms-mo-photo{grid-column:2;justify-self:start}
.ms-mo.is-flip .ms-mo-text{grid-column:1;justify-self:end}
.ms-mo-badge{position:absolute;z-index:1;left:50%;top:calc(50% - clamp(35px,4vw,60px));display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#F4F6F8;border:2px solid #0a2e4d26;font-size:13px;font-weight:700;color:#0a2e4d80;transition:background .6s,border-color .6s,color .6s}
.ms-mo:last-child .ms-mo-badge{top:50%}
.ms-mo.is-in .ms-mo-badge{background:var(--navy,#0A2E4D);border-color:var(--navy,#0A2E4D);color:#fff}
.ms-mo.is-in .ms-mo-photo,.ms-mo.is-in .ms-mo-text{opacity:1;transform:none}
.ms-mo-text em{display:block;margin-bottom:10px;font-style:normal;font-size:14px;font-weight:700;color:var(--teal,#0E7C77)}
.ms-mo-text h3{margin:0 0 14px;font-size:clamp(24px,2.4vw,34px);font-weight:800;line-height:1.35;color:var(--navy,#0A2E4D)}
.ms-mo-text p{margin:0;font-size:clamp(16px,1.25vw,18px);line-height:1.9;color:#0a2e4dbf}
html[dir=ltr] .ms-mo-text h3{font-weight:600;letter-spacing:-.01em}
@media(max-width:900px){
 .ms-mo-line,.ms-mo-badge{display:none}
 .ms-mo{grid-template-columns:1fr;gap:20px;padding-bottom:48px}
 .ms-mo-photo,.ms-mo.is-flip .ms-mo-photo{grid-column:1;grid-row:1;justify-self:stretch;max-width:none}
 .ms-mo-text,.ms-mo.is-flip .ms-mo-text{grid-column:1;grid-row:2;justify-self:stretch;max-width:none}
 .ms-mo-text h3{margin-bottom:10px}
}