/* EDS internal page reference: About */
.eds-page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(96px,12vw,160px) 0 clamp(78px,10vw,132px);
  color: var(--eds-text);
  background:
    radial-gradient(circle at 82% 18%,rgba(143,216,255,.22),transparent 24%),
    radial-gradient(circle at 12% 86%,rgba(155,108,255,.13),transparent 28%),
    linear-gradient(135deg,#080d14,#111b2a 58%,#080f17);
}
.eds-page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom,black,transparent 92%);
}
.eds-page-hero-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.75fr); align-items: center; gap: clamp(44px,8vw,110px); }
.eds-page-hero h1 { max-width: 13ch; margin: 18px 0 26px; color: var(--eds-text); font-size: clamp(3rem,6vw,6.2rem); line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.eds-page-hero .lead { max-width: 70ch; color: var(--eds-muted); font-size: clamp(1.04rem,1.5vw,1.22rem); line-height: 1.75; }
.eds-page-hero .actions { margin-top: 34px; }
.eds-page-hero-panel { position: relative; overflow: hidden; padding: clamp(30px,4vw,46px); border: 1px solid rgba(143,216,255,.28); border-radius: var(--eds-radius); background: linear-gradient(150deg,rgba(24,35,51,.96),rgba(7,12,20,.94)); box-shadow: var(--eds-shadow),inset 0 1px 0 rgba(255,255,255,.07); }
.eds-page-hero-panel::after { content: ''; position: absolute; width: 210px; height: 210px; right: -80px; bottom: -100px; border-radius: 50%; background: radial-gradient(circle,rgba(143,216,255,.24),transparent 68%); }
.eds-panel-kicker { display: block; margin-bottom: 22px; color: var(--eds-profilegroups); font-size: .68rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.eds-page-hero-panel strong { display: block; color: var(--eds-text); font-size: clamp(1.45rem,2.5vw,2.25rem); line-height: 1.18; }
.eds-page-hero-panel p { margin-top: 24px; color: var(--eds-muted); line-height: 1.7; }

.eds-about-intro,.eds-about-model { color: var(--eds-text); background: var(--eds-bg); }
.eds-editorial-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(44px,8vw,120px); align-items: start; }
.eds-editorial-grid h2 { color: var(--eds-text); font-size: clamp(2.4rem,4.5vw,4.8rem); line-height: 1.03; letter-spacing: -.045em; }
.eds-editorial-copy { padding-top: 34px; }
.eds-editorial-copy p { color: var(--eds-muted); line-height: 1.8; }
.eds-editorial-copy .lead-sm { color: var(--eds-text); font-size: 1.2rem; }

.eds-about-principles { color: var(--eds-text); background: linear-gradient(180deg,#0d141f,#090d14); }
.eds-about-principles .pg-section-heading { max-width: 850px; margin: 0 auto 46px; }
.eds-about-principles .lead { color: var(--eds-muted); }
.eds-principle-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.eds-principle-card { position: relative; overflow: hidden; min-height: 310px; padding: 30px; border: 1px solid var(--eds-line); border-radius: var(--eds-radius); background: linear-gradient(145deg,var(--eds-surface-soft),var(--eds-surface)); box-shadow: 0 18px 56px rgba(0,0,0,.2); }
.eds-principle-card span { display: inline-grid; place-items: center; width: 48px; height: 48px; margin-bottom: 54px; border: 1px solid rgba(143,216,255,.35); border-radius: 15px; color: var(--eds-profilegroups); font-weight: 900; }
.eds-principle-card h3 { color: var(--eds-text); }
.eds-principle-card p { color: var(--eds-muted); line-height: 1.7; }

.eds-model-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.eds-model-grid article { padding: 26px; border: 1px solid var(--eds-line); border-radius: 20px; background: rgba(255,255,255,.025); }
.eds-model-grid span { color: var(--eds-profilegroups); font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.eds-model-grid h3 { margin: 15px 0 12px; color: var(--eds-text); }
.eds-model-grid p { color: var(--eds-muted); line-height: 1.65; }

.eds-about-cta { color: var(--eds-text); background: linear-gradient(135deg,#101a28,#0a1018); }
.eds-about-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 38px; padding: clamp(34px,5vw,58px); border: 1px solid rgba(143,216,255,.24); border-radius: var(--eds-radius); background: rgba(255,255,255,.025); }
.eds-about-cta h2 { max-width: 17ch; color: var(--eds-text); }
.eds-about-cta p { max-width: 68ch; color: var(--eds-muted); }
.eds-about-cta .btn { flex: 0 0 auto; }

@media (max-width: 1040px) {
  .eds-page-hero-grid,.eds-editorial-grid { grid-template-columns: 1fr; }
  .eds-page-hero h1 { max-width: 15ch; }
  .eds-principle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .eds-model-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .eds-page-hero { padding-top: 82px; }
  .eds-page-hero h1 { font-size: clamp(2.7rem,14vw,4.1rem); }
  .eds-page-hero .actions { display: grid; }
  .eds-page-hero .btn { width: 100%; justify-content: center; }
  .eds-principle-grid,.eds-model-grid { grid-template-columns: 1fr; }
  .eds-principle-card { min-height: 0; }
  .eds-about-cta-inner { align-items: stretch; flex-direction: column; }
  .eds-about-cta .btn { width: 100%; justify-content: center; }
}