.about-page{color:#172b43}.about-hero{min-height:580px;display:grid;grid-template-columns:1fr 48%;align-items:center;background:#071a2f;color:#fff;overflow:hidden}.about-hero>div{padding:clamp(48px,7vw,110px);position:relative;z-index:1}.about-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.06;max-width:750px;margin:20px 0}.about-hero p:not(.eyebrow){font-size:1.15rem;line-height:1.7;max-width:650px;color:#dbe9f3}.about-hero img{width:100%;height:100%;min-height:580px;object-fit:cover}.about-hero .eyebrow{color:#68d0ff}.about-intro{display:grid;grid-template-columns:42% 1fr;gap:8%;align-items:start}.about-intro h2,.about-split h2,.about-fields h2,.about-final h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.13}.about-intro p,.about-split p,.about-fields>p:last-child,.about-final p{font-size:1.08rem;line-height:1.75}.about-approach{background:#f0f6fa}.about-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.about-steps article{background:#fff;border:1px solid #dce8ef;border-radius:14px;padding:28px;box-shadow:0 14px 32px rgba(7,32,58,.05)}.about-steps span{display:block;font-size:2rem;font-weight:800;color:#009ddb}.about-steps h3{font-size:1.25rem;margin:22px 0 10px}.about-steps p{line-height:1.65}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.about-split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.about-fields{background:#071a2f;color:#fff}.about-fields>p:last-child{max-width:850px;color:#d5e5f0}.about-tags{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.about-tags span{padding:13px 18px;border:1px solid #45617a;border-radius:99px;background:#122c46}.about-final{text-align:center;background:#e8f4fb}.about-final p{max-width:680px;margin:0 auto 26px}.about-final .button{display:inline-block}@media(max-width:900px){.about-hero{grid-template-columns:1fr}.about-hero img{min-height:260px;height:320px;order:-1}.about-hero>div{padding:42px 7vw 60px}.about-steps{grid-template-columns:repeat(2,1fr)}.about-intro,.about-split{grid-template-columns:1fr}}@media(max-width:600px){.about-hero img{height:230px;min-height:230px}.about-steps{grid-template-columns:1fr}.about-steps article{padding:22px}.about-hero .actions{display:flex;flex-wrap:wrap;gap:10px}.about-hero .button{max-width:100%}}

.about-gallery {
  box-sizing: border-box;
  width: 100%;
  background: #f0f6fa;
}
.about-gallery-track {
  --gallery-columns: 5;
  display: flex;
  overflow: hidden;
  gap: clamp(6px, 1vw, 16px);
  padding: 12px clamp(8px, 2vw, 24px);
  background: #fff;
}
.about-gallery-track a {
  display: grid;
  flex: 1 1 0;
  min-width: 0;
  place-items: center;
}
@media (max-width: 1100px) {
  .about-gallery-track { --gallery-columns: 3; }
}
@media (max-width: 600px) {
  .about-gallery-track { --gallery-columns: 2; }
}
.about-gallery-track [hidden],
.about-gallery-controls[hidden] {
  display: none;
}
.about-gallery-track img {
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 1134 / 850;
  object-fit: contain;
}
.about-gallery-track a:focus-visible {
  outline: 3px solid #68d0ff;
  outline-offset: -4px;
}
.about-gallery-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-content: center;
  padding: 12px;
}
.about-gallery-controls button {
  min-height: 44px;
  min-width: 44px;
  padding: 8px 14px;
  border: 1px solid #45617a;
  border-radius: 8px;
  color: #172b43;
  background: #fff;
  font: inherit;
  cursor: pointer;
}
.about-gallery-controls button:focus-visible {
  outline: 3px solid #006fb4;
  outline-offset: 2px;
}