.breadcrumbs { padding-top: 22px; display: flex; gap: 10px; color: #718196; font-size: 12px; }
.breadcrumbs a { color: var(--blue); font-weight: 800; }
.about-hero { padding: 78px 0 86px; background: linear-gradient(135deg,#f7fbff 0%,#eaf4ff 100%); }
.about-hero-inner,.about-narrow { max-width: 880px; }
.about-hero h1 { margin-bottom: 26px; color: var(--navy); font-size: clamp(40px,5vw,62px); line-height: 1.28; letter-spacing: -.045em; }
.about-hero-photo { margin: 30px 0 32px; overflow: hidden; border-radius: 18px; box-shadow: 0 20px 48px rgba(8,44,89,.16); }
.about-hero-photo img { width: 100%; aspect-ratio: 2 / 1; display: block; object-fit: cover; object-position: center; }
.about-hero p,.about-section p,.about-specialty p { color: #42536a; font-size: 16px; }
.about-hero .about-lead { margin-bottom: 18px; color: var(--navy); font-size: clamp(20px,2.2vw,27px); font-weight: 400; line-height: 1.75; }
.about-section,.about-specialty { padding: 88px 0; }
.about-heading h2,.about-specialty h2 { margin-bottom: 24px; color: var(--navy); font-size: clamp(30px,3.2vw,43px); line-height: 1.45; letter-spacing: -.035em; }
.about-services { padding: 88px 0; background: linear-gradient(180deg,#f4f9ff,#fff); }
.about-cost-photo { margin: 0 0 34px; overflow: hidden; border-radius: 18px; box-shadow: 0 18px 44px rgba(8,44,89,.14); }
.about-cost-photo img { width: 100%; aspect-ratio: 2 / 1; display: block; object-fit: cover; object-position: center; }
.about-service-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.about-service-grid article { padding: 36px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-soft); }
.about-service-grid article > span { width: 48px; height: 48px; margin-bottom: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: #fff; font-size: 13px; font-weight: 900; }
.about-service-grid h3 { margin-bottom: 16px; color: var(--navy); font-size: 23px; line-height: 1.5; }
.about-service-grid p { color: var(--muted); font-size: 14px; }
.about-service-grid .about-note { margin-bottom: 24px; color: var(--navy-2); font-weight: 750; }
.about-service-grid a { margin-top: auto; min-height: 50px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #95a9c2; border-radius: 7px; color: var(--navy); font-size: 14px; font-weight: 900; }
.about-service-grid a:hover { background: var(--navy); color: #fff; border-color: var(--navy); }
.about-service-grid svg { width: 19px; height: 19px; }
.about-specialty { border-top: 1px solid var(--line); }
.global-nav > a.current { color: var(--red); }
@media (max-width: 760px) {
  .about-hero,.about-section,.about-services,.about-specialty { padding: 58px 0; }
  .about-service-grid { grid-template-columns: 1fr; }
  .about-service-grid article { padding: 28px 22px; }
}
