/* About Medical Reach: readable editorial layouts, using the shared design tokens. */
.mr-about { background:#fff; }
.mr-about h2 { margin:0 0 24px; font-family:var(--serif); font-size:clamp(26px,2.8vw,40px); line-height:1.55; letter-spacing:.015em; color:var(--navy-900); text-wrap:balance; }
.mr-about h2 > span:not(.text-phrase),.mr-about h2 .text-accent { color:var(--rose-600); }
.mr-about h3 { text-wrap:balance; }
.mr-about :where(p,li,small) { overflow-wrap:anywhere; }
.mr-about :where(.mr-purpose__content,.mr-medical__copy,.mr-asset__copy,.mr-quality__copy) p { margin:0; color:var(--muted,#586975); line-height:1.95; }
.mr-about :where(.mr-purpose__content,.mr-medical__copy,.mr-asset__copy,.mr-quality__copy) p+p { margin-top:18px; }

/* First view: generous copy, uncropped image, trust points in normal flow. */

.mr-about-hero__copy h1 .text-accent { color:var(--rose-600); }

.mr-about-hero__visual { min-width:0; }
.mr-about-hero__photo { position:relative; overflow:hidden; border-radius:24px; background:#eaf0f2; }
.mr-about-hero__photo img { display:block; width:100%; height:auto; aspect-ratio:1/1.06; object-fit:cover; object-position:50% 38%; }
.mr-about-hero__photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(17,40,58,.72)); pointer-events:none; }
.mr-about-hero__overlay { position:absolute; z-index:1; inset:auto 28px 28px; color:#fff; }
.mr-about-hero__overlay p { margin:0 0 8px; font-size:12px; letter-spacing:.14em; color:#fff; }
.mr-about-hero__overlay strong { font-family:var(--serif); font-size:clamp(22px,2vw,28px); line-height:1.6; }
.mr-about-hero__trust { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-top:20px; }
.mr-about-hero__trust span { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; color:var(--navy-700); font-size:13px; line-height:1.6; }
.mr-about-hero__trust .icon { width:24px; height:24px; flex-shrink:0; color:var(--rose-600); }

/* Mission and origin. */
.mr-purpose__grid { display:grid; grid-template-columns:minmax(0,.3fr) minmax(0,.7fr); gap:clamp(28px,5vw,70px); align-items:start; }
.mr-purpose__label { padding-top:8px; }
.mr-purpose__script { margin:36px 0 0; font-family:var(--serif); font-style:italic; font-size:24px; line-height:1.6; color:#607788; }
.mr-purpose__content { max-width:48em; }
.mr-origin__layout { display:grid; grid-template-columns:minmax(0,.42fr) minmax(0,.58fr); gap:clamp(28px,4vw,56px); align-items:start; }
.mr-origin__image { position:relative; overflow:hidden; border-radius:24px; background:#eef2f3; }
.mr-origin__image img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:center; }
.mr-origin__image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(17,40,58,.65)); pointer-events:none; }
.mr-origin__image span { position:absolute; z-index:1; left:28px; bottom:28px; color:#fff; font-family:var(--serif); font-style:italic; font-size:24px; line-height:1.5; }
.mr-story { border-top:1px solid var(--line); }
.mr-story__item { display:grid; grid-template-columns:44px minmax(0,1fr); gap:18px; padding:28px 0; border-bottom:1px solid var(--line); }
.mr-story__item>span { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#f5ecec; color:var(--rose-600); font-family:var(--serif); font-size:16px; }
.mr-story__item h3 { margin:0 0 12px; font-family:var(--serif); font-size:21px; line-height:1.65; color:var(--navy-900); }
.mr-story__item p { margin:0; color:var(--muted,#586975); font-size:15px; line-height:1.95; }

/* Medical understanding. */
.mr-medical { background:#fff; }
.mr-medical__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,4vw,60px); align-items:center; }
.mr-medical__cards { display:grid; gap:16px; }
.mr-medical__cards article { display:grid; grid-template-columns:52px minmax(0,1fr); gap:18px; align-items:start; padding:24px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.mr-medical__cards article>span { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:#eff4f5; color:var(--navy-700); }
.mr-medical__cards article:nth-child(2)>span { background:#f7efef; color:var(--rose-600); }
.mr-medical__cards .icon { width:26px; height:26px; }
.mr-medical__cards h3 { margin:0 0 10px; font-family:var(--serif); font-size:20px; line-height:1.55; color:var(--navy-900); }
.mr-medical__cards p { margin:0; color:var(--muted,#586975); font-size:15px; line-height:1.85; }

/* Five stages and five support areas: 3 + 2 avoids dense five-column copy. */
.mr-journey,.mr-support__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
.mr-journey__item,.mr-support__card { grid-column:span 2; min-width:0; }
.mr-journey__item:nth-last-child(-n+2),.mr-support__card:nth-last-child(-n+2) { grid-column:span 3; }
.mr-journey__item { padding:26px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.mr-journey__num { display:block; font-family:var(--serif); font-size:15px; color:var(--rose-600); }
.mr-journey__icon { display:grid; place-items:center; width:52px; height:52px; margin:20px 0; border-radius:16px; background:#eff4f5; color:var(--navy-700); }
.mr-journey__icon .icon { width:26px; height:26px; }
.mr-journey__item h3 { margin:0 0 10px; font-family:var(--serif); font-size:20px; line-height:1.6; color:var(--navy-900); }
.mr-journey__item p { margin:0; color:var(--muted,#586975); font-size:15px; line-height:1.85; }
.mr-support__card { position:relative; padding:28px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.mr-support__number { position:absolute; right:24px; top:24px; font-family:var(--serif); color:var(--rose-600); font-size:15px; }
.mr-support__icon { display:grid; place-items:center; width:64px; height:64px; border-radius:18px; margin:0 0 24px; background:#eff4f5; color:var(--navy-700); }
.mr-support__icon .icon { width:32px; height:32px; }
.mr-support__card:nth-child(2n) .mr-support__icon { background:#f7efef; color:var(--rose-600); }
.mr-support__card h3 { margin:0 0 12px; font-family:var(--serif); font-size:21px; line-height:1.6; color:var(--navy-900); }
.mr-support__card p { margin:0; color:var(--muted,#586975); font-size:15px; line-height:1.9; }

/* Durable assets and promises. */
.mr-asset__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px,4vw,60px); align-items:center; }
.mr-asset__copy .mr-asset__note { margin-top:24px; padding:20px; border-left:3px solid var(--rose-600); background:#fff; color:var(--navy-700); font-weight:700; font-size:15px; }
.mr-asset__panel { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:#fff; }
.mr-asset__panel-head { padding:20px 24px; background:var(--navy-900); color:#fff; font-family:var(--serif); font-size:22px; font-weight:700; }
.mr-asset__panel ul { list-style:none; margin:0; padding:8px 24px; }
.mr-asset__panel li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:3px 16px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
.mr-asset__panel li:last-child { border:0; }
.mr-asset__panel li>span { grid-row:1/3; display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:#eff4f5; color:var(--navy-700); }
.mr-asset__panel b { font-family:var(--serif); font-size:19px; color:var(--navy-900); }
.mr-asset__panel small { font-size:14px; color:var(--muted,#586975); line-height:1.65; }
.mr-promises__grid,.mr-ownership__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mr-promise,.mr-ownership__grid article { padding:28px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.mr-promise>span,.mr-ownership__grid article>span { display:block; margin-bottom:24px; font-family:var(--serif); font-size:16px; color:var(--rose-600); }
.mr-promise h3,.mr-ownership__grid h3 { margin:0 0 12px; font-family:var(--serif); font-size:21px; line-height:1.6; color:var(--navy-900); }
.mr-promise p,.mr-ownership__grid p { margin:0; color:var(--muted,#586975); font-size:15px; line-height:1.9; }
.mr-quality__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,4vw,60px); align-items:start; }
.mr-quality__list { border-top:1px solid var(--line); }
.mr-quality__list>div { display:grid; grid-template-columns:32px minmax(0,1fr); gap:18px; padding:24px 0; border-bottom:1px solid var(--line); }
.mr-quality__list b { font-family:var(--serif); font-size:16px; color:var(--rose-600); }
.mr-quality__list span { display:flex; flex-direction:column; gap:8px; }
.mr-quality__list strong { font-family:var(--serif); font-size:20px; line-height:1.6; color:var(--navy-900); }
.mr-quality__list small { font-size:15px; line-height:1.9; color:var(--muted,#586975); }
.mr-fit__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.mr-fit__card { padding:32px; border:1px solid var(--line); border-radius:24px; background:#fff; }
.mr-fit__tag { display:inline-flex; margin-bottom:20px; color:var(--navy-700); font-size:12px; letter-spacing:.12em; font-weight:700; }
.mr-fit__card--existing .mr-fit__tag { color:var(--rose-600); }
.mr-fit__card h3 { margin:0 0 16px; font-family:var(--serif); font-size:24px; line-height:1.6; color:var(--navy-900); }
.mr-fit__card p { margin:0; color:var(--muted,#586975); font-size:15px; line-height:1.9; }
.mr-fit__card ul { list-style:none; margin:24px 0 0; padding:20px 0 0; border-top:1px solid var(--line); display:grid; gap:10px; }
.mr-fit__card li { position:relative; padding-left:20px; font-size:15px; color:var(--navy-700); }
.mr-fit__card li::before { content:""; position:absolute; left:2px; top:.7em; width:6px; height:6px; border-radius:50%; background:var(--rose-600); }

/* About-page consultation shares the visual system of the global CTAs. */
.mr-about-cta { padding:clamp(60px,6vw,90px) 0; background:var(--navy-900); color:#fff; }
.mr-about-cta__inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.55fr); gap:48px; align-items:center; }
.mr-about .mr-about-cta h2 { color:#fff; }
.mr-about-cta p { margin:0; max-width:46em; color:#e0e7ec; font-size:16px; line-height:1.9; }
.mr-about-cta__action { display:flex; flex-direction:column; align-items:center; gap:16px; }
.mr-about-cta__action .button { width:100%; min-width:0; }
.mr-about-cta__action small { font-size:13px; line-height:1.8; color:#e0e7ec; text-align:center; }

/* Tablet: retain two-column cards, give long-form text full reading width. */
@media (max-width:1100px) {
 .mr-about-cta__inner { grid-template-columns:1fr; gap:28px; }
 .mr-about-cta__action { max-width:620px; width:100%; }

 .mr-purpose__grid { grid-template-columns:1fr; gap:24px; }
 .mr-purpose__label { display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
 .mr-purpose__script { margin:0; font-size:20px; }
 .mr-origin__layout,.mr-medical__grid,.mr-asset__grid,.mr-quality__grid { grid-template-columns:1fr; gap:32px; }
 .mr-origin__image img { aspect-ratio:16/8; }
 .mr-medical__cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mr-medical__cards article:last-child { grid-column:1/-1; }
 .mr-promises__grid,.mr-ownership__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mr-ownership__grid article:last-child { grid-column:1/-1; }
 .mr-journey,.mr-support__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mr-journey__item,.mr-support__card,.mr-journey__item:nth-last-child(-n+2),.mr-support__card:nth-last-child(-n+2) { grid-column:auto; }
 .mr-journey__item:last-child,.mr-support__card:last-child { grid-column:1/-1; }
 .mr-fit__card { padding:28px; }
}
@media (max-width:760px) {

 .mr-about-hero__photo img { aspect-ratio:4/3; object-position:50% 32%; }
 .mr-about-hero__visual { width:100%; max-width:580px; margin-inline:auto; }
 .mr-purpose__label { display:block; }
 .mr-purpose__script { margin-top:20px; }
 .mr-medical__cards,.mr-fit__grid { grid-template-columns:1fr; }
 
}
@media (max-width:580px) {
 
 .mr-about-hero__trust { gap:6px; }
 .mr-about-hero__trust span { font-size:12px; }
 .mr-about-hero__overlay { inset:auto 22px 22px; }
 .mr-origin__image img { aspect-ratio:4/3; }
 .mr-story__item { grid-template-columns:32px minmax(0,1fr); gap:12px; }
 .mr-story__item>span { width:32px; height:32px; font-size:14px; }
 .mr-story__item h3 { font-size:19px; }
 .mr-journey,.mr-support__grid,.mr-promises__grid,.mr-ownership__grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .mr-medical__cards article { grid-template-columns:42px minmax(0,1fr); gap:14px; padding:22px 18px; }
 .mr-medical__cards article>span { width:42px; height:42px; }
 .mr-promise,.mr-support__card,.mr-ownership__grid article,.mr-fit__card { padding:24px; }
 .mr-fit__card h3 { font-size:22px; }
 .mr-asset__panel ul { padding-inline:20px; }
}