.about-page-hero{padding:105px 0;background:linear-gradient(115deg,#f7fbff 0%,#e7f3ff 60%,#fff2cc 100%);overflow:hidden}.about-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.about-page-hero h1,.about-detail-hero h1{font-size:clamp(43px,5.2vw,70px);line-height:1.07;letter-spacing:-.045em;color:var(--navy2);margin:0 0 23px}.about-page-hero p,.about-detail-hero p{font-size:16px;color:var(--muted);max-width:700px;margin-bottom:28px}.about-symbol{min-height:410px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 48%,#f2a900 0 20%,#0b5db5 21% 49%,#001f4e 50% 100%);box-shadow:0 25px 70px rgba(0,45,100,.22)}.about-symbol span{font-size:12px;letter-spacing:.18em;font-weight:800}.about-symbol strong{font-size:30px;line-height:1.35;margin:18px}.about-symbol small{color:#d4e4f5}.about-values{background:var(--navy2);color:#fff;padding:25px 0}.about-values>.container{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:15px;font-size:12px;font-weight:800}.about-menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.about-menu-card{padding:28px 22px;border:1px solid var(--line);border-radius:16px;min-height:285px;display:flex;flex-direction:column;transition:.25s}.about-menu-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b9d2ea}.about-menu-card b{color:var(--gold);font-size:11px}.about-menu-card h3{font-size:18px;line-height:1.3;color:var(--navy);margin:28px 0 10px}.about-menu-card p{font-size:12px;color:var(--muted);flex:1}.about-menu-card span{font-size:12px;font-weight:800;color:var(--blue)}.about-purpose-banner{padding:72px 0;background:linear-gradient(120deg,#001d48,#064c98);color:#fff}.about-purpose-banner>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}.about-purpose-banner h2{font-size:35px;max-width:800px;line-height:1.3;margin:0}.about-detail-hero{padding:105px 0;background:linear-gradient(120deg,#f8fbff,#e7f3ff)}.about-detail-orbit{min-height:390px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#f2a900 0 18%,#fff 19% 26%,#cfe7ff 27% 29%,transparent 30%),radial-gradient(circle,#d8ecff,transparent 65%);position:relative}.about-detail-orbit small{font-weight:800;color:var(--navy);letter-spacing:.16em}.about-detail-orbit strong{font-size:22px;color:var(--navy);margin:16px;max-width:260px}.about-detail-orbit span{font-size:11px;font-weight:800;color:var(--blue)}.about-back{background:#fff;border:1px solid var(--line);color:var(--navy)}.about-point-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.about-point-grid article{padding:30px;border:1px solid var(--line);border-radius:16px}.about-point-grid b{color:var(--gold);font-size:11px}.about-point-grid h3{font-size:18px;color:var(--navy)}.about-point-grid p{font-size:13px;color:var(--muted)}@media(max-width:1000px){.about-hero-grid{grid-template-columns:1fr}.about-menu-grid{grid-template-columns:repeat(2,1fr)}.about-point-grid{grid-template-columns:1fr 1fr}.about-symbol{max-width:430px}.about-purpose-banner>.container{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.about-page-hero,.about-detail-hero{padding:70px 0}.about-values>.container,.about-menu-grid,.about-point-grid{grid-template-columns:1fr}.about-symbol,.about-detail-orbit{min-height:300px}.about-purpose-banner h2{font-size:27px}}
/* Full About SPHERE copy presentation */

/* v34 — Match the philosophy banner to the compact CTA proportions */
.about-purpose-banner{padding:42px 0}
.about-purpose-banner>.container{gap:28px}
.about-purpose-banner .eyebrow{margin-bottom:8px}
.about-purpose-banner h2{font-size:clamp(26px,2.6vw,34px);line-height:1.22;max-width:850px}
.about-purpose-banner .btn{flex:0 0 auto}
@media(max-width:650px){
  .about-purpose-banner{padding:36px 0}
  .about-purpose-banner>.container{gap:20px}
  .about-purpose-banner h2{font-size:27px}
}
.about-page-hero p,.about-detail-hero p{font-size:15px;max-width:760px;margin:0 0 14px}
.about-page-hero .btn,.about-detail-hero .actions{margin-top:25px}
.about-journey{padding:70px 0;text-align:center;background:linear-gradient(120deg,#001d48,#064c98);color:#fff}
.about-journey h2{font-size:clamp(27px,3vw,42px);color:#fff;margin:0}
.about-building-photo{height:560px;border-radius:28px;overflow:hidden;position:relative;background:#dceeff;box-shadow:0 24px 65px rgba(0,44,96,.2)}
.about-building-photo>img{width:100%;height:100%;object-fit:cover;object-position:61% center;display:block}
.about-building-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,31,78,.03) 50%,rgba(0,31,78,.42) 100%);pointer-events:none}
.about-building-brand{position:absolute;right:22px;top:38px;z-index:2;width:135px;height:auto;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
.about-building-brand img{width:100%;height:auto;object-fit:contain;display:block;opacity:.94;filter:drop-shadow(0 2px 1px rgba(255,255,255,.65)) drop-shadow(0 5px 6px rgba(0,31,78,.28))}
@media(max-width:1000px){.about-building-photo{height:480px;max-width:650px}.about-building-brand{right:20px;top:32px;width:125px;height:auto}}
@media(max-width:650px){.about-building-photo{height:390px;border-radius:20px}.about-building-brand{right:14px;top:24px;width:108px;height:auto}}