.about-page { width:95%; max-width:1240px; margin:78px auto 0; color:#183f45; font-family:'Segoe UI',Arial,sans-serif; }
.about-page .about-eyebrow { display:block; color:#007f87; font-size:11px; font-weight:700; letter-spacing:1.8px; line-height:1.7; margin-bottom:16px; }
.about-page h1 { font-size:clamp(32px,4vw,53px); line-height:1.12; letter-spacing:-1.5px; font-weight:700; margin:0 0 25px; }
.about-page h1 span { color:#00858a; }
.about-page h2 { font-size:clamp(26px,3vw,38px); line-height:1.2; letter-spacing:-.8px; font-weight:650; margin:0 0 20px; }
.about-page p { color:#607c7d; font-size:15px; line-height:1.9; }
.about-page .about-lead { color:#355c60; font-size:19px; line-height:1.65; margin-bottom:18px; }
.about-intro { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:65px; }
.about-primary { display:inline-flex; align-items:center; justify-content:center; gap:24px; background:#007f87; color:#fff; padding:14px 22px; font-size:14px; font-weight:600; text-decoration:none; margin-top:15px; }
.about-primary:hover { background:#005f66; color:#fff; }
.about-photo { position:relative; margin:0; min-height:420px; background:#e9f1eb; }
.about-photo img { display:block; width:100%; height:470px; object-fit:cover; }
.about-photo::after { content:''; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,#063b42d9); pointer-events:none; }
.about-photo figcaption { position:absolute; left:30px; bottom:30px; right:25px; z-index:1; color:#fff; }
.about-photo figcaption span { display:block; font-size:10px; letter-spacing:2px; color:#ffe0a0; }
.about-photo figcaption strong { display:block; font-size:26px; font-weight:600; margin:9px 0; }
.about-photo figcaption small { font-size:13px; color:#e1efea; }
.about-mission { position:relative; text-align:center; padding:65px 40px; margin:70px 0; background:#eff6f2; border-top:3px solid #FCAD03; }
.about-mission p { max-width:790px; margin:0 auto; }
.about-section-heading { max-width:670px; margin-bottom:32px; }
.about-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-value-grid article { padding:30px; border:1px solid #dce8e2; background:#fff; }
.about-icon { display:grid; place-items:center; width:49px; height:49px; background:#eef6f1; color:#007f87; font-size:20px; margin-bottom:25px; }
.about-page h3 { font-size:20px; font-weight:600; margin:0 0 12px; line-height:1.4; }
.about-value-grid p { margin:0; font-size:14px; }
.about-how { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:65px 0; margin-top:30px; align-items:center; }
.about-text-link { display:inline-flex; gap:18px; color:#007f87; font-size:14px; text-decoration:none; border-bottom:2px solid #FCAD03; padding-bottom:7px; }
.about-steps { list-style:none; padding:0; margin:0; }
.about-steps li { display:flex; gap:23px; padding:22px 0; border-bottom:1px solid #e2ebe5; }
.about-steps li:last-child { border:0; }
.about-steps li > span { color:#00858a; font-size:24px; font-weight:600; line-height:1.3; }
.about-steps h3 { font-size:18px; margin-bottom:5px; }
.about-steps p { margin:0; font-size:14px; }
.about-partner { display:flex; align-items:center; justify-content:space-between; gap:40px; background:#064b52; padding:44px; }
.about-partner > div { max-width:740px; }
.about-page .about-partner .about-eyebrow { color:#FCAD03; }
.about-page .about-partner h2 { color:#fff; font-size:30px; }
.about-page .about-partner p { color:#c2d8d3; margin:0; }
.about-partner .about-primary { flex-shrink:0; background:#FCAD03; color:#173e42; margin:0; }
.about-partner .about-primary:hover { background:#ffd16e; }
.about-page .about-signoff { text-align:center; font-size:19px; color:#007f87; padding:32px 10px 0; font-weight:600; }
.about-signoff span { color:#68837f; font-size:14px; font-weight:400; }
.about-page a:focus-visible { outline:3px solid #FCAD03; outline-offset:4px; }
@media(max-width:900px) { .about-intro,.about-how { gap:32px; } .about-photo img { height:410px; } .about-value-grid { gap:14px; } .about-value-grid article { padding:22px; } .about-partner { flex-direction:column; align-items:flex-start; } }
@media(max-width:650px) { .about-page { margin-top:55px; } .about-intro,.about-how,.about-value-grid { grid-template-columns:1fr; } .about-intro { gap:30px; } .about-photo { min-height:0; } .about-photo img { height:330px; } .about-mission { margin:40px 0; padding:35px 22px; } .about-how { padding:40px 0; margin-top:10px; gap:15px; } .about-partner { padding:28px 22px; gap:24px; } .about-page .about-lead { font-size:17px; } .about-value-grid article { padding:25px; } .about-signoff span { display:block; margin-top:8px; } }

.about-banner { isolation:isolate; }
.about-banner::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background-image:radial-gradient(circle,#ffffff26 1px,transparent 1.5px),linear-gradient(90deg,#003d46eb,#003d46b0 65%,#003d4655); background-size:20px 20px,100% 100%; border-radius:0 0 40px 40px; }
.about-banner .about-banner-copy { position:absolute; inset:0; z-index:1; width:95%; max-width:1240px; margin:auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:25px 0; color:white; }
.about-banner-copy h1 { color:#fff; font-size:clamp(32px,4vw,52px); font-weight:700; line-height:1.15; margin:0 0 15px; }
.about-banner-copy p { color:#e0eeeb; max-width:630px; font-size:16px; line-height:1.7; margin:0; }
.about-banner-copy a { display:inline-flex; gap:14px; align-items:center; color:#FCAD03; font-size:14px; font-weight:600; margin-top:18px; text-decoration:none; }
.about-banner-copy a:hover { color:#ffda83; }
.about-banner-copy a:focus-visible { outline:2px solid #FCAD03; outline-offset:5px; }
.about-page .about-story-title { font-size:clamp(32px,4vw,53px); line-height:1.12; letter-spacing:-1.5px; font-weight:700; margin:0 0 25px; }
.about-page .about-story-title span { color:#00858a; }
@media(max-width:991px) { .about-banner::after { border-radius:0 0 30px 30px; } }
@media(max-width:576px) { .about-banner::after { border-radius:0 0 25px 25px; } .about-banner-copy p { font-size:13px; line-height:1.6; } .about-banner-copy h1 { margin-bottom:10px; } .about-banner-copy a { margin-top:12px; font-size:13px; } }