/* Mercury Global Systems About Us — editorial corporate layout, no gradients or glass effects. */
.about-page {
  --about-paper: #f1eee6;
  --about-card: #fbfaf6;
  --about-ink: #182a38;
  --about-muted: #68737a;
  --about-navy: #152c3b;
  --about-navy-2: #203d4d;
  --about-copper: #b86c4b;
  --about-brass: #d5b777;
  --about-line: #d8d3c9;
  background: var(--about-paper);
  color: var(--about-ink);
}
.about-page .site-header { background: #fcfbf7; border-bottom: 1px solid #d8d4cb; }
.about-page .site-footer { background: #142b39; }
.about-page .about-editorial { overflow: clip; }
.about-page h1, .about-page h2, .about-page h3, .about-page p { overflow-wrap: anywhere; }
.about-page .about-kicker { margin: 0; color: var(--about-copper); font: 700 .7rem/1.3 "DM Sans", sans-serif; letter-spacing: .16em; text-transform: uppercase; }

/* Main introduction */
.about-page .about-cover { padding: 24px max(24px, calc((100vw - 1210px)/2)) 0; background: var(--about-navy); color: #f6f2e9; }
.about-page .about-cover-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(246,242,233,.24); padding-bottom: 17px; }
.about-page .about-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: #bbc5c7; font-size: .76rem; }
.about-page .about-breadcrumb a { color: #f8f4eb; font-weight: 700; }
.about-page .about-breadcrumb span:nth-child(2) { color: var(--about-brass); }
.about-page .about-cover-top .about-kicker { color: var(--about-brass); }
.about-page .about-cover-grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(360px,.98fr); align-items: stretch; gap: clamp(34px,5vw,76px); padding: 52px 0 50px; }
.about-page .about-cover-copy { max-width: 640px; align-self: center; }
.about-page .about-cover-copy h1 { margin: 17px 0 25px; color: #fcf8ef; font: 600 clamp(3.4rem,6vw,6rem)/.98 "Playfair Display", Georgia, serif; letter-spacing: -.052em; }
.about-page .about-cover-copy h1 em { color: var(--about-brass); font-style: normal; }
.about-page .about-lead { max-width: 625px; margin: 0 0 17px; color: #f0eee8; font-size: 1.02rem; line-height: 1.83; }
.about-page .about-lead strong { color: #fffaf0; font-weight: 700; }
.about-page .about-intro-support { max-width: 600px; margin: 0; color: #c9d1d1; font-size: .92rem; line-height: 1.85; }
.about-page .about-cover-link { display: inline-flex; align-items: center; gap: 18px; margin-top: 27px; padding: 0 0 9px; border-bottom: 1px solid var(--about-brass); color: #fff9ef; font-size: .85rem; font-weight: 700; }
.about-page .about-cover-link span { color: var(--about-brass); font-size: 1.15rem; transition: transform .18s ease; }
.about-page .about-cover-link:hover span { transform: translate(3px,-3px); }
.about-page .about-cover-photo-wrap { position: relative; min-height: 458px; align-self: stretch; background: #d8d5cb; border: 1px solid rgba(255,255,255,.22); }
.about-page .about-cover-photo { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.about-page .about-photo-caption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 13px 17px; color: #fcf8ef; background: rgba(17,38,51,.92); font-size: .68rem; letter-spacing: .025em; }
.about-page .about-cover-stamp { position: absolute; top: 18px; left: -20px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 88px; height: 88px; border: 1px solid var(--about-navy); background: var(--about-brass); color: var(--about-navy); box-shadow: 5px 5px 0 rgba(21,44,59,.25); }
.about-page .about-cover-stamp span { font: 700 2rem/.9 "Playfair Display", Georgia, serif; }
.about-page .about-cover-stamp small { margin-top: 7px; font-size: .62rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.about-page .about-rule { display: grid; grid-template-columns: 1fr 145px 1fr; align-items: center; gap: 19px; padding: 0 0 25px; }
.about-page .about-rule:before, .about-page .about-rule:after { content: ""; height: 1px; background: rgba(246,242,233,.28); }
.about-page .about-rule span { height: 3px; background: var(--about-copper); }

/* Portfolio: quiet, sharp-cornered product panels */
.about-page .about-what { padding: 78px max(24px, calc((100vw - 1210px)/2)) 88px; background: #fbfaf6; }
.about-page .about-section-top { display: grid; grid-template-columns: .85fr 1.15fr; align-items: end; column-gap: 48px; row-gap: 12px; margin-bottom: 32px; }
.about-page .about-section-top h2 { margin: 0; color: var(--about-navy); font: 600 clamp(2.8rem,5vw,4.25rem)/1.02 "Playfair Display", Georgia, serif; letter-spacing: -.042em; }
.about-page .about-section-lead { max-width: 525px; margin: 0 0 4px; color: #626e74; font-size: .96rem; line-height: 1.82; }
.about-page .about-portfolio-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; align-items: stretch; }
.about-page .about-portfolio-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid #e1ddd4; border-top: 3px solid #d6d0c5; background: #fff; transition: border-color .18s ease, transform .18s ease; }
.about-page .about-portfolio-card:hover { border-top-color: var(--about-copper); transform: translateY(-2px); }
.about-page .about-portfolio-featured { border-top-color: var(--about-copper); }
.about-page .about-card-image { position: relative; height: 194px; overflow: hidden; background: #f0eee8; border-bottom: 1px solid #e5e0d6; }
.about-page .about-card-image img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 16px; background: #f0eee8; transition: transform .25s ease; }
.about-page .about-portfolio-featured .about-card-image img { object-fit: cover; padding: 0; }
.about-page .about-portfolio-card:hover .about-card-image img { transform: scale(1.025); }
.about-page .about-card-index { position: absolute; left: 12px; top: 12px; z-index: 1; display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #d8d1c4; color: #fffaf0; background: var(--about-navy); font-size: .67rem; font-weight: 800; }
.about-page .about-card-body { padding: 21px 21px 23px; flex: 1; }
.about-page .about-card-body h3 { margin: 0 0 10px; color: var(--about-navy); font: 600 1.2rem/1.3 "Playfair Display", Georgia, serif; letter-spacing: -.012em; }
.about-page .about-card-body p { margin: 0; color: #606c72; font-size: .84rem; line-height: 1.8; }
.about-page .about-card-body strong { color: var(--about-navy); }

/* Operations */
.about-page .about-global { padding: 82px max(24px, calc((100vw - 1210px)/2)) 0; color: #f6f2e9; background: var(--about-navy); }
.about-page .about-global-inner { display: grid; grid-template-columns: .76fr 1.24fr; gap: clamp(36px,7vw,100px); max-width: 1210px; margin: 0 auto; padding-bottom: 57px; }
.about-page .about-global .about-kicker { color: var(--about-brass); }
.about-page .about-global-title h2 { margin: 16px 0 0; color: #fffaf1; font: 600 clamp(2.8rem,5vw,4.6rem)/1.04 "Playfair Display", Georgia, serif; letter-spacing: -.045em; }
.about-page .about-global-title h2 em { color: var(--about-brass); font-style: normal; }
.about-page .about-global-copy { max-width: 720px; }
.about-page .about-global-lead { margin: 0 0 28px; color: #eff1ed; font-size: 1rem; line-height: 1.86; }
.about-page .about-global-lead strong { color: #fff6de; }
.about-page .about-global-detail { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 18px; padding: 20px 0; border-top: 1px solid rgba(246,242,233,.22); }
.about-page .about-detail-number { padding-top: 3px; color: var(--about-brass); font-size: .74rem; font-weight: 800; letter-spacing: .1em; }
.about-page .about-global-detail h3 { margin: 0 0 7px; color: #fffaf1; font: 600 1.14rem/1.35 "Playfair Display", Georgia, serif; }
.about-page .about-global-detail p { margin: 0; color: #cbd5d5; font-size: .86rem; line-height: 1.84; }
.about-page .about-global-detail strong { color: #fff6e0; }
.about-page .about-global-image { max-width: 1210px; height: 205px; margin: 0 auto; background-image: url("../assets/images/global-container-port.jpg"); background-position: center 53%; background-size: cover; filter: saturate(.78); border-top: 3px solid var(--about-copper); }

/* Advantage and closing statement */
.about-page .about-advantage { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(32px,7vw,100px); padding: 82px max(24px, calc((100vw - 1210px)/2)) 88px; background: var(--about-paper); }
.about-page .about-advantage-heading h2 { margin: 16px 0 0; color: var(--about-navy); font: 600 clamp(2.75rem,4.7vw,4.15rem)/1.05 "Playfair Display", Georgia, serif; letter-spacing: -.045em; }
.about-page .about-advantage-heading h2 em { color: var(--about-copper); font-style: normal; }
.about-page .about-advantage-list { border-top: 1px solid #d4cfc4; }
.about-page .about-advantage-list article { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 17px; padding: 21px 0; border-bottom: 1px solid #d4cfc4; }
.about-page .about-advantage-list article>span { color: var(--about-copper); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.about-page .about-advantage-list h3 { margin: 0 0 5px; color: var(--about-navy); font: 600 1.14rem/1.4 "Playfair Display", Georgia, serif; }
.about-page .about-advantage-list p { margin: 0; color: #616e73; font-size: .86rem; line-height: 1.78; }
.about-page .about-partner { position: relative; display: grid; grid-template-columns: 150px minmax(0,1fr); gap: clamp(28px,6vw,80px); align-items: center; padding: 62px max(24px, calc((100vw - 1210px)/2)) 70px; color: #fff7eb; background: #a95f43; }
.about-page .about-partner:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 7px; background: var(--about-brass); }
.about-page .about-partner-mark { display: grid; place-items: center; width: 130px; height: 130px; border: 1px solid rgba(255,247,235,.62); color: #fff7eb; font: 600 2.1rem/1 "Playfair Display", Georgia, serif; letter-spacing: .04em; }
.about-page .about-partner-content { position: relative; max-width: 800px; }
.about-page .about-partner .about-kicker { color: #f1d8ad; }
.about-page .about-partner h2 { margin: 13px 0 18px; color: #fff8ed; font: 600 clamp(2.45rem,4.5vw,3.9rem)/1.05 "Playfair Display", Georgia, serif; letter-spacing: -.04em; }
.about-page .about-partner h2 em { color: #f4dbad; font-style: normal; }
.about-page .about-partner-content>p:not(.about-kicker) { max-width: 780px; margin: 0 0 13px; color: #fff1e3; font-size: .93rem; line-height: 1.84; }
.about-page .about-partner-content a { color: #fff; font-weight: 800; text-decoration: underline; text-decoration-color: #f2d4a4; text-underline-offset: 4px; }
.about-page .about-partner-content a:hover { color: #ffe8bd; }
.about-page .footer-brand .logo { color: #f5f0e6; }

@media (max-width: 1000px) {
  .about-page .about-cover-grid { grid-template-columns: 1fr .9fr; gap: 34px; }
  .about-page .about-cover-copy h1 { font-size: clamp(3rem,6.5vw,5rem); }
  .about-page .about-cover-photo-wrap { min-height: 420px; }
  .about-page .about-portfolio-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-page .about-global-inner, .about-page .about-advantage { grid-template-columns: 1fr; gap: 32px; }
  .about-page .about-partner { grid-template-columns: 110px 1fr; }
  .about-page .about-partner-mark { width: 100px; height: 100px; font-size: 1.6rem; }
}
@media (max-width: 680px) {
  .about-page .about-cover { padding: 20px 20px 0; }
  .about-page .about-cover-top { align-items: flex-start; flex-direction: column; gap: 11px; }
  .about-page .about-cover-grid { grid-template-columns: 1fr; padding: 34px 0 32px; gap: 30px; }
  .about-page .about-cover-copy h1 { font-size: clamp(2.95rem,12.5vw,4.6rem); }
  .about-page .about-lead { font-size: .96rem; }
  .about-page .about-cover-photo-wrap { min-height: 300px; }
  .about-page .about-cover-stamp { top: 12px; left: 12px; width: 74px; height: 74px; }
  .about-page .about-cover-stamp span { font-size: 1.7rem; }
  .about-page .about-rule { grid-template-columns: 1fr 70px 1fr; }
  .about-page .about-what { padding: 56px 20px 62px; }
  .about-page .about-section-top { grid-template-columns: 1fr; gap: 13px; }
  .about-page .about-section-top h2 { font-size: 3rem; }
  .about-page .about-portfolio-grid { grid-template-columns: 1fr; gap: 13px; }
  .about-page .about-card-image { height: 220px; }
  .about-page .about-card-body { padding: 19px 20px 21px; }
  .about-page .about-global { padding: 58px 20px 0; }
  .about-page .about-global-title h2 { font-size: 3rem; }
  .about-page .about-global-image { height: 145px; }
  .about-page .about-advantage { padding: 59px 20px 63px; }
  .about-page .about-advantage-heading h2 { font-size: 2.95rem; }
  .about-page .about-partner { grid-template-columns: 1fr; gap: 22px; padding: 48px 20px 53px; }
  .about-page .about-partner-mark { width: 80px; height: 80px; font-size: 1.3rem; }
  .about-page .about-partner h2 { font-size: 2.6rem; }
}
@media (max-width: 380px) {
  .about-page .about-cover-copy h1 { font-size: 2.72rem; }
  .about-page .about-photo-caption { flex-direction: column; }
  .about-page .about-global-detail { grid-template-columns: 29px minmax(0,1fr); gap: 12px; }
  .about-page .about-partner h2 { font-size: 2.28rem; }
}
@media (prefers-reduced-motion: reduce) {
  .about-page *, .about-page *:before, .about-page *:after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* MGS brand alignment revision: blue, white and Inter; restrained type sizing. */
.about-page { --about-paper:#f4f7fb; --about-card:#ffffff; --about-ink:#172b47; --about-muted:#64748b; --about-navy:#102b50; --about-navy-2:#173f75; --about-copper:#1e5aa6; --about-brass:#b9d5f7; --about-line:#d9e3f0; background:#f4f7fb; color:#172b47; font-family:Inter,Arial,sans-serif; }
.about-page .site-header { background:#fff; border-bottom:1px solid #dce5f0; }
.about-page .about-cover { background:#102b50; }
.about-page .about-cover-copy h1, .about-page .about-section-top h2, .about-page .about-global-title h2, .about-page .about-advantage-heading h2, .about-page .about-partner h2 { font-family:Inter,Arial,sans-serif; font-weight:750; letter-spacing:-.045em; }
.about-page .about-cover-copy h1 { font-size:clamp(2.55rem,4.6vw,4.7rem); line-height:1.04; margin:14px 0 20px; }
.about-page .about-section-top h2 { font-size:clamp(2.1rem,3.8vw,3.25rem); }
.about-page .about-global-title h2 { font-size:clamp(2.1rem,3.7vw,3.35rem); }
.about-page .about-advantage-heading h2 { font-size:clamp(2.05rem,3.5vw,3.1rem); }
.about-page .about-card-body h3, .about-page .about-global-detail h3, .about-page .about-advantage-list h3 { font-family:Inter,Arial,sans-serif; font-size:1.02rem; font-weight:700; letter-spacing:-.015em; }
.about-page .about-kicker { font-family:Inter,Arial,sans-serif; color:#8dbbfa; }
.about-page .about-cover-top .about-kicker { color:#b9d5f7; }
.about-page .about-card-image { background:#eef4fb; border-bottom-color:#dce6f2; }
.about-page .about-portfolio-card { border-color:#dce5f0; border-top-color:#d4e1f1; border-radius:12px; overflow:hidden; }
.about-page .about-portfolio-featured { border-top-color:#1e5aa6; }
.about-page .about-portfolio-card:hover { border-top-color:#1e5aa6; }
.about-page .about-card-index { background:#164f95; border-color:#164f95; color:#fff; }
.about-page .about-global { background:#102b50; }
.about-page .about-global-image { border-top-color:#2e74c8; }
.about-page .about-advantage { background:#f4f7fb; }
.about-page .about-advantage-list { border-color:#d7e2ef; }
.about-page .about-advantage-list article { border-color:#d7e2ef; }
.about-page .about-advantage-list article>span { color:#1e5aa6; }
.about-page .about-partner { background:#164f95; }
.about-page .about-partner:before { background:#8dbbfa; }
.about-page .about-partner-mark { font-family:Inter,Arial,sans-serif; border-radius:12px; border-color:rgba(255,255,255,.6); font-weight:800; }
.about-page .about-brand-center { display:flex; align-items:center; justify-content:center; gap:14px; padding:20px 0 0; color:#fff; font-size:1rem; font-weight:750; letter-spacing:-.02em; }
.about-page .about-brand-center img { width:62px; height:62px; object-fit:contain; background:#fff; border-radius:10px; padding:6px; }
.about-page .about-brand-center span { max-width:260px; }
@media(max-width:680px) { .about-page .about-brand-center { padding-top:18px; gap:10px; font-size:.88rem; } .about-page .about-brand-center img { width:50px; height:50px; } .about-page .about-cover-copy h1 { font-size:clamp(2.25rem,10vw,3.2rem); } .about-page .about-section-top h2,.about-page .about-global-title h2,.about-page .about-advantage-heading h2 { font-size:2.25rem; } }
/* Improved contrast for the lighter global-footprint panel. */
.about-page .about-global-title h2 em { color:#1e5aa6; }
.about-page .about-global .about-kicker { color:#1e5aa6; }

/* Keep the same official MGS brand mark wherever it appears. */
.about-page .about-partner-mark img { display:block; width:100%; height:100%; object-fit:contain; padding:8px; box-sizing:border-box; background:#fff; border-radius:10px; }

/* Brand cleanup: larger standalone symbol after removing the MGS letters beneath it. */
.about-page .about-brand-center img { width:76px; height:76px; padding:5px; }
.about-page .about-brand-center .brand-spelling { color:#fff; }
@media(max-width:680px) { .about-page .about-brand-center img { width:58px; height:58px; } }


/* Brand initials are blue in headings only; use a brighter blue on navy surfaces for contrast. */
.about-page .about-cover-copy h1 .brand-initial,
.about-page .about-partner h2 .brand-initial {
  color: #111827 !important;
}


/* Final alignment with the MGS site-wide blue/white brand system. */
.about-page .site-header { background:rgba(255,255,255,.98) !important; }
.about-page .site-footer { padding:26px 0 14px !important; background:#101a2b !important; }
.about-page .site-footer .brand-name { color:#fff !important; }
.about-page .site-footer .brand-name .brand-initial { color:#75adff !important; }
.about-page .about-cover { background:#edf3fa; color:#172b47; }
.about-page .about-cover-top { border-bottom-color:#d6e2f0; }
.about-page .about-breadcrumb { color:#66758b; }
.about-page .about-breadcrumb a { color:#0b46a3; }
.about-page .about-cover-top .about-kicker, .about-page .about-kicker { color:#0b46a3; }
.about-page .about-cover-copy h1 { color:#172b47; font-size:clamp(2.45rem,4.2vw,4.2rem); line-height:1.08; }
.about-page .about-cover-copy h1 em { color:#0b46a3; }
.about-page .about-cover-copy h1 .brand-initial { color:#0b46a3 !important; }
.about-page .about-lead { color:#3e5068; }
.about-page .about-lead strong { color:#172b47; }
.about-page .about-intro-support { color:#596a80; }
.about-page .about-cover-link { color:#172b47; border-bottom-color:#0b46a3; }
.about-page .about-cover-link span { color:#0b46a3; }
.about-page .about-cover-stamp { border-color:#0b46a3; background:#0b46a3; color:#fff; }
.about-page .about-brand-center { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:9px; text-align:center; margin:25px 0 18px; }
.about-page .about-brand-center img { display:block; width:118px; height:80px; object-fit:contain; }
.about-page .about-brand-center>span { color:#172b47; font-size:.86rem; font-weight:800; }
.about-page .about-global { color:#172b47; background:#edf3fa; }
.about-page .about-global-title h2 { color:#172b47; }
.about-page .about-global-title h2 em { color:#0b46a3; }
.about-page .about-global-lead, .about-page .about-global-detail p { color:#435670; }
.about-page .about-global-lead strong, .about-page .about-global-detail strong { color:#172b47; }
.about-page .about-global-detail { border-top-color:#d2dfef; }
.about-page .about-global-detail h3 { color:#172b47; }
.about-page .about-detail-number { color:#0b46a3; }
.about-page .about-global-image { height:155px; border-top-color:#0b46a3; }
.about-page .about-advantage { background:#f6f8fc; }
.about-page .about-advantage-heading h2 { color:#172b47; }
.about-page .about-advantage-heading h2 em { color:#0b46a3; }
.about-page .about-advantage-list h3 { color:#172b47; }
.about-page .about-advantage-list p { color:#4f6178; }
.about-page .about-advantage-list article>span { color:#0b46a3; }
.about-page .about-partner { color:#172b47; background:#e4eefb; }
.about-page .about-partner:before { background:#0b46a3; }
.about-page .about-partner-mark { border-color:#a9c4e7; color:#0b46a3; background:#fff; }
.about-page .about-partner h2 { color:#172b47; }
.about-page .about-partner h2 em { color:#0b46a3; }
.about-page .about-partner-content>p:not(.about-kicker) { color:#435670; }
.about-page .about-partner-content a { color:#0b46a3; text-decoration-color:#6b95d0; }
.about-page .about-partner-content a:hover { color:#073775; }
.about-page h1 .brand-initial, .about-page h2 .brand-initial, .about-page h3 .brand-initial { color:#0b46a3 !important; }
@media(max-width:700px) {
 .about-page .about-cover-copy h1 { font-size:clamp(2.25rem,10vw,3.4rem); }
 .about-page .about-global { padding-top:40px; }
 .about-page .about-global-image { height:125px; }
 .about-page .about-partner { padding:38px 20px 42px; }
}
/* ============================================
   MGS ABOUT PAGE — FINAL TYPOGRAPHY & LOGO FIX
   Does NOT change the website header
   ============================================ */

/* 1. ENLARGE THE CENTRE ABOUT PAGE LOGO */
.about-page .about-brand-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 35px 20px !important;
}

.about-page .about-brand-center img {
    width: 180px !important;
    height: 180px !important;
    max-width: none !important;
    object-fit: contain !important;
}

/* 2. REDUCE MAIN ABOUT PAGE TITLE */
.about-page .about-cover-copy h1 {
    font-size: clamp(2rem, 3.2vw, 3.2rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    color: #111827 !important;
}

/* M, G, S BLUE */
.about-page .about-cover-copy h1 .brand-initial {
    color: #0B46A3 !important;
}

/* REMAINING WORDS BLACK */
.about-page .about-cover-copy h1 em {
    color: #111827 !important;
    font-style: normal !important;
}

/* 3. ADVANTAGE HEADING — REDUCE SIZE */
.about-page .about-advantage-heading h2 {
    font-size: clamp(1.8rem, 2.7vw, 2.5rem) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.035em !important;
    color: #111827 !important;
}

/* M, G, S BLUE IN ADVANTAGE HEADING */
.about-page .about-advantage-heading h2 .brand-initial {
    color: #0B46A3 !important;
}

/* ALL OTHER LETTERS BLACK, INCLUDING SYSTEMS */
.about-page .about-advantage-heading h2 em {
    color: #111827 !important;
    font-style: normal !important;
}

/* 4. OTHER ABOUT PAGE SECTION HEADINGS */
.about-page .about-section-top h2,
.about-page .about-global-title h2 {
    font-size: clamp(1.8rem, 2.7vw, 2.5rem) !important;
    line-height: 1.16 !important;
}

/* 5. PARTNER HEADING */
.about-page .about-partner h2 {
    font-size: clamp(1.8rem, 2.7vw, 2.5rem) !important;
    line-height: 1.16 !important;
    color: #111827 !important;
}

.about-page .about-partner h2 .brand-initial {
    color: #0B46A3 !important;
}

/* 6. MOBILE LOGO AND HEADINGS */
@media (max-width: 700px) {

    .about-page .about-brand-center {
        padding: 25px 15px !important;
    }

    .about-page .about-brand-center img {
        width: 125px !important;
        height: 125px !important;
    }

    .about-page .about-cover-copy h1 {
        font-size: 2.15rem !important;
    }

    .about-page .about-advantage-heading h2,
    .about-page .about-section-top h2,
    .about-page .about-global-title h2,
    .about-page .about-partner h2 {
        font-size: 1.85rem !important;
    }
}

/* MGS responsive/branding corrections — October 2026 */
.about-page .about-global-image {
  background-image: url("../assets/images/shop-hero.jpeg") !important;
  background-position: center 54%;
  background-size: cover;
}
.about-page .about-brand-center img,
.about-page .about-partner-mark img {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: contain;
}
.about-page .about-partner-mark { background: transparent !important; border-color: transparent !important; }
.about-page .about-registered-name {
  display: block;
  width: 100%;
  max-width: none !important;
  white-space: nowrap;
  overflow: visible;
  font-size: clamp(1rem, 2.5vw, 1.9rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -.045em !important;
}
.about-page .about-registered-name .brand-initial { color: #0b46a3 !important; }
.about-page .about-advantage-heading h2 {
  width: 100%;
  font-size: clamp(.88rem, 2.5vw, 2rem) !important;
  line-height: 1.18 !important;
  text-align: center;
  white-space: nowrap;
}
.about-page .about-advantage-brand { display:block; text-align:center; white-space:nowrap; }
.about-page .about-advantage-heading h2 em { display:block; margin-top:5px; text-align:center; }
.about-page .about-advantage-heading h2 .brand-initial { color:#0b46a3 !important; }
.about-page .about-portfolio-last .about-card-body h3 {
  white-space: nowrap;
  font-size: clamp(.62rem, .95vw, .84rem) !important;
  letter-spacing: -.035em;
}
.about-page .about-partner-content h2 {
  white-space: nowrap;
  max-width: 100%;
  font-size: clamp(.72rem, 2vw, 1.55rem) !important;
  line-height: 1.3 !important;
  letter-spacing: -.035em !important;
}
.about-page .about-card-image img[src$="software-licenses-combined.jpg"] {
  object-fit: contain;
  background: #f3f7fc;
}
@media (max-width: 460px) {
  .about-page .about-registered-name { font-size: clamp(.91rem, 4vw, 1.15rem) !important; letter-spacing: -.055em !important; }
  .about-page .about-advantage-heading h2 { font-size: clamp(.8rem, 3.4vw, 1rem) !important; letter-spacing: -.045em !important; }
  .about-page .about-portfolio-last .about-card-body h3 { font-size: .64rem !important; letter-spacing: -.045em; }
  .about-page .about-partner-content h2 { font-size: clamp(.65rem, 2.8vw, .83rem) !important; letter-spacing: -.045em !important; }
}

/* About page footer uses the same legible brand palette as other pages. */
.about-page .site-footer { background:rgba(246,249,253,.97) !important; color:#1b2d46 !important; }
.about-page .site-footer .brand-name,
.about-page .site-footer .brand-spelling { color:#000 !important; }
.about-page .site-footer .brand-name .brand-initial,
.about-page .site-footer .brand-spelling .brand-initial { color:#0b46a3 !important; }
.about-page .site-footer .footer-title { color:#172b47 !important; }
.about-page .site-footer .footer-links a,
.about-page .site-footer .footer-brand p,
.about-page .site-footer .footer-bottom { color:#4e6078 !important; }
.about-page .site-footer .footer-links a:hover { color:#0b46a3 !important; }


/* Updated Later from here */

/* FIX: About Us registered name and 5+ badge overlap */
.about-page .about-cover-stamp {
    left: 16px !important;
    right: auto !important;
    z-index: 3;
}

.about-page .about-cover-copy h1.about-registered-name {
    font-size: clamp(1rem, 2.1vw, 1.65rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    max-width: 100% !important;
}

@media (min-width: 701px) and (max-width: 1050px) {
    .about-page .about-cover-grid {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr);
        gap: 22px;
    }

    .about-page .about-cover-copy h1.about-registered-name {
        font-size: clamp(.95rem, 1.8vw, 1.25rem) !important;
    }
}


/* Pharma card: clean image with no extra inner container */
.about-page .about-portfolio-last .about-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center;
    background: #edf3fa !important;
}

/* About Us: prevent the portfolio image from being cropped or overlapped */
.about-page img.about-global-image {
    display: block;
    width: 100%;
    max-width: 1210px;
    height: auto !important;
    aspect-ratio: auto !important;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
    filter: none;
    background: transparent;
    border-top: 3px solid #0b46a3;
}

/* About Us portfolio image: preserve proportions and avoid upscaling */
.about-page img.about-global-image {
    display: block;
    width: 100%;
    max-width: 742px;
    height: auto !important;
    aspect-ratio: auto !important;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border-top: 3px solid #0b46a3;
}

/* About Us location ticker: directly below breadcrumb/kicker, inside the cover. */
.about-page .about-cover > .office-ticker {
    display: block;
    position: relative;
    z-index: 3;
    width: 100vw;
    margin: 16px 0 24px calc(50% - 50vw) !important;
}


/* MGS About hero — matching glassmorphism finish, scoped to the cover only. */
.about-page .about-cover-copy {
    padding: clamp(18px, 2.4vw, 30px);
    border: 1px solid rgba(255,255,255,.74);
    border-radius: 18px;
    background: rgba(255,255,255,.62);
    box-shadow: 0 18px 44px rgba(15,43,80,.10), inset 0 1px 0 rgba(255,255,255,.82);
    backdrop-filter: blur(14px) saturate(125%);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
}
.about-page .about-cover-photo-wrap {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.68);
    border-radius: 18px;
    box-shadow: 0 20px 48px rgba(15,43,80,.16);
}
.about-page .about-cover-photo {
    transition: transform .4s ease, filter .4s ease;
}
.about-page .about-cover-photo-wrap:hover .about-cover-photo {
    transform: scale(1.025);
    filter: saturate(1.04);
}
@media (max-width: 680px) {
    .about-page .about-cover-copy { padding: 17px; border-radius: 15px; }
    .about-page .about-cover-photo-wrap { border-radius: 15px; }
}