.about-page { background: var(--paper); }
.about-page .site-header { background: rgba(6,21,36,.97); backdrop-filter: blur(14px); }
.about-page .primary-nav a.active::after { width: 100%; }

.about-hero {
  position: relative; overflow: hidden; min-height: 760px; display: flex; align-items: center;
  padding: 150px 0 82px; color: var(--white);
  background: radial-gradient(circle at 86% 28%, rgba(85,183,194,.18), transparent 30%), linear-gradient(115deg, var(--navy-950), var(--navy-800));
}
.about-hero-pattern { position:absolute; right:-110px; bottom:-210px; width:570px; height:570px; border:1px solid rgba(255,255,255,.07); border-radius:50%; box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.017),0 0 0 144px rgba(255,255,255,.01); }
.about-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr); gap:clamp(54px,6vw,96px); align-items:center; }
.about-hero-copy { max-width:760px; }
.about-hero h1,.story-heading h2,.delivery-copy h2,.experience-heading h2,.standard-grid h2,.about-cta h2 { margin:0; font-family:var(--serif); font-weight:400; letter-spacing:-.035em; line-height:1.04; }
.about-hero h1 { max-width:760px; font-size:clamp(3.35rem,4.65vw,5rem); line-height:1; text-wrap:balance; }
.about-hero-lead { max-width:680px; margin:27px 0 0; color:rgba(255,255,255,.8); font-size:clamp(1.02rem,1.25vw,1.18rem); line-height:1.7; }
.about-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.about-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:760px; margin:38px 0 0; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.about-facts div { min-width:0; padding:20px 24px; border-left:1px solid rgba(255,255,255,.18); }
.about-facts div:first-child { border-left:0; padding-left:0; }
.about-facts dt { color:var(--gold-300); font-family:var(--serif); font-size:1.38rem; line-height:1.05; }
.about-facts dd { margin:7px 0 0; color:rgba(255,255,255,.68); font-size:.72rem; line-height:1.4; }
.about-hero-visual { position:relative; width:100%; max-width:570px; justify-self:end; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:#0a2438; box-shadow:0 28px 80px rgba(0,0,0,.32); }
.about-image-frame { aspect-ratio:4/3; overflow:hidden; }
.about-image-frame img { width:100%; height:100%; object-fit:cover; object-position:center; }
.about-approach-card { display:grid; grid-template-columns:112px 1fr; gap:20px; align-items:center; padding:22px 25px; color:var(--white); background:rgba(6,21,36,.96); border-top:2px solid var(--gold-500); }
.about-approach-card span { color:var(--teal-400); font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.about-approach-card p { margin:0; font-family:var(--serif); font-size:1.15rem; line-height:1.3; }

.experience-story { background:var(--white); }
.experience-story-grid { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr); gap:clamp(60px,8vw,132px); align-items:start; }
.story-heading h2 { max-width:540px; font-size:clamp(2.8rem,3.8vw,4.4rem); }
.story-copy { max-width:820px; }
.story-copy p { color:var(--muted); font-size:1rem; line-height:1.76; }
.story-copy .story-lead { margin-top:0; color:var(--ink); font-family:var(--serif); font-size:clamp(1.55rem,2vw,2.15rem); line-height:1.4; }
.client-expectations { background:linear-gradient(90deg,rgba(238,233,223,.78),rgba(255,255,255,.96),rgba(238,233,223,.46)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.compact-heading { max-width:760px; margin-bottom:46px; }
.expectation-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:rgba(255,255,255,.58); }
.expectation { min-height:230px; display:flex; flex-direction:column; padding:32px 36px; border-left:1px solid var(--line); }
.expectation:first-child { border-left:0; }
.expectation-number { margin-bottom:28px; color:var(--gold-600); font-size:.7rem; font-weight:700; letter-spacing:.18em; }
.expectation h3 { margin:0 0 13px; font-family:var(--serif); font-size:1.5rem; font-weight:400; }
.expectation p { margin:0; color:var(--muted); font-size:.9rem; }
.delivery-model { color:var(--white); background:radial-gradient(circle at 90% 45%,rgba(85,183,194,.12),transparent 28%),var(--navy-900); }
.delivery-grid { display:grid; grid-template-columns:minmax(350px,.88fr) minmax(0,1.12fr); gap:clamp(52px,7vw,104px); align-items:center; }
.delivery-image { max-width:580px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:8px; box-shadow:0 25px 70px rgba(0,0,0,.25); }
.delivery-image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.delivery-copy { max-width:760px; }
.delivery-copy h2 { font-size:clamp(2.9rem,3.9vw,4.6rem); }
.delivery-copy>p:not(.eyebrow) { color:rgba(255,255,255,.76); font-size:1rem; }
.model-points { display:grid; margin-top:32px; border-top:1px solid rgba(255,255,255,.16); }
.model-points>div { display:grid; grid-template-columns:38px 1fr; gap:17px; padding:19px 0; border-bottom:1px solid rgba(255,255,255,.16); }
.model-points svg { width:29px; height:29px; fill:none; stroke:var(--gold-300); stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.model-points h3 { margin:0 0 4px; font-family:var(--serif); font-size:1.2rem; font-weight:400; }
.model-points p { margin:0; color:rgba(255,255,255,.64); font-size:.86rem; }
.experience-section { background:var(--paper); }
.experience-heading { display:grid; grid-template-columns:1fr .82fr; gap:clamp(48px,6vw,100px); align-items:end; }
.experience-heading h2 { max-width:720px; font-size:clamp(2.9rem,3.8vw,4.45rem); }
.experience-heading>p { max-width:540px; margin:0 0 7px; color:var(--muted); font-size:1rem; }
.sector-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:48px; }
.sector-grid article { min-height:230px; padding:32px 34px; border:1px solid var(--line); background:rgba(255,255,255,.68); }
.sector-grid span { color:var(--teal-700); font-size:.7rem; font-weight:700; letter-spacing:.16em; }
.sector-grid h3 { margin:36px 0 13px; font-family:var(--serif); font-size:1.5rem; font-weight:400; line-height:1.18; }
.sector-grid p { margin:0; color:var(--muted); font-size:.9rem; }
.brand-standard { position:relative; overflow:hidden; padding:84px 0; color:var(--white); background:radial-gradient(circle at 88% 50%,rgba(82,184,195,.18),transparent 27%),linear-gradient(115deg,var(--teal-700),var(--navy-950) 70%); }
.brand-standard-pattern { position:absolute; right:-100px; top:-120px; width:440px; height:440px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.022),0 0 0 126px rgba(255,255,255,.012); }
.standard-grid { position:relative; z-index:1; display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(54px,7vw,116px); align-items:center; }
.standard-grid h2 { font-size:clamp(3.8rem,5vw,5.6rem); line-height:.94; }
.standard-phrase { margin:17px 0 0; color:var(--gold-300); font-size:.75rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.standard-copy { max-width:730px; padding-left:48px; border-left:1px solid rgba(255,255,255,.25); }
.standard-copy p { margin:0; color:rgba(255,255,255,.78); font-size:1rem; line-height:1.7; }
.standard-copy p+p { margin-top:17px; }
.about-cta { padding:82px 0; background:var(--white); }
.about-cta-inner { display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.about-cta h2 { max-width:860px; font-size:clamp(2.65rem,3.55vw,4.15rem); }
.about-cta-actions { display:flex; justify-content:flex-end; gap:14px; flex-wrap:wrap; }

@media (max-width: 980px) {
 .about-hero { min-height:auto; padding:132px 0 76px; }
 .about-hero-grid,.experience-story-grid,.delivery-grid,.experience-heading,.standard-grid,.about-cta-inner { grid-template-columns:1fr; }
 .about-hero-visual { justify-self:start; max-width:680px; }
 .about-hero-copy { max-width:780px; }
 .delivery-image { max-width:680px; }
 .standard-copy { padding:30px 0 0; border-left:0; border-top:1px solid rgba(255,255,255,.25); }
 .about-cta-actions { justify-content:flex-start; }
}
@media (max-width: 720px) {
 .about-hero h1 { font-size:clamp(2.85rem,11vw,3.8rem); }
 .about-hero-actions,.about-cta-actions { flex-direction:column; }
 .about-hero-actions .button,.about-cta-actions .button { width:100%; }
 .about-facts { grid-template-columns:1fr; }
 .about-facts div,.about-facts div:first-child { padding:16px 0; border-left:0; border-top:1px solid rgba(255,255,255,.18); }
 .about-facts div:first-child { border-top:0; }
 .about-approach-card { grid-template-columns:1fr; gap:7px; padding:20px; }
 .expectation-grid,.sector-grid { grid-template-columns:1fr; }
 .expectation { min-height:auto; border-left:0; border-top:1px solid var(--line); }
 .expectation:first-child { border-top:0; }
 .story-heading h2,.delivery-copy h2,.experience-heading h2,.about-cta h2 { font-size:2.65rem; }
 .story-copy .story-lead { font-size:1.45rem; }
 .standard-grid h2 { font-size:4rem; }
}