.about-page{padding-top:var(--header);background:#f4fbff}
.about-hero{position:relative;padding:32px 0 42px;background:linear-gradient(120deg,#e1f6ff,#f4fcff)}
.about-hero:after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:20px;background:url('../images/header-wave.svg') center/100% 100%}
.about-hero .eyebrow{font-size:12px;letter-spacing:.13em;color:var(--blue);margin-bottom:8px}.about-hero h1{font-family:var(--rounded);font-size:clamp(30px,3.5vw,42px)}.about-hero h1+p{margin-top:12px;font-size:15px}
.about-content{padding-block:24px 64px}.about-jump{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.about-jump a{display:flex;align-items:center;min-height:44px;padding:9px 18px;border:1px solid #cce1ef;border-radius:30px;background:#fff;color:var(--navy);font-size:14px;font-weight:700}.about-jump a:hover{background:#e4f5ff}
.about-intro{margin-bottom:32px;font-size:16px}.about-section{margin-bottom:38px;scroll-margin-top:calc(var(--header) + 24px)}
.about-section>h2{display:flex;align-items:baseline;gap:12px;font-family:var(--rounded);font-size:27px;margin-bottom:20px}.about-section>h2>span{flex:none;color:#087fbd;font-family:var(--font);font-size:17px}.about-panel{padding:26px;border:1px solid #d0e4f2;border-radius:18px;background:#fff}
.about-business-list{display:grid;gap:24px}.about-panel>h3{display:flex;align-items:baseline;gap:12px;font-family:var(--rounded);font-size:24px;margin-bottom:16px}.about-panel>h3>span{flex:none;color:#087fbd;font-family:var(--font);font-size:17px}.about-panel>.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--blue);margin-bottom:8px}
.about-panel p,.about-message p{font-size:16px;line-height:1.9}.about-panel p+p,.about-message p+p{margin-top:12px}
.about-split{display:grid;grid-template-columns:.9fr 1.2fr;gap:28px;align-items:center}.about-split>div{min-width:0}.about-split img{width:100%;height:auto;border-radius:10px}
.about-message{padding:26px;border:1px solid #a9d9ee;background:#e6f7ff;border-radius:18px}.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.about-actions .button{font-size:15px}
.about-panel dl{margin:0}.about-panel dl>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #e0edf5;font-size:15px}.about-panel dl>div:first-child{padding-top:0}.about-panel dl>div:last-child{border-bottom:0;padding-bottom:0}.about-panel dt{font-weight:700}.about-panel dd{margin:0}.about-panel dd a{text-decoration:underline;text-underline-offset:3px}.about-page+.site-footer{margin-top:0}
@media(max-width:1000px){.about-split{grid-template-columns:1fr 1.2fr;gap:20px}}
@media(max-width:768px){.about-split{grid-template-columns:1fr}.about-split img{max-width:520px;margin-inline:auto}.about-section>h2{font-size:24px}}
@media(max-width:600px){.about-hero{padding:22px 0 32px}.about-hero h1+p{font-size:14px}.about-content{padding-top:18px}.about-jump{gap:7px}.about-jump a{font-size:13px;padding:9px 13px}.about-panel,.about-message{padding:20px 16px}.about-section{margin-bottom:30px}.about-section>h2{font-size:23px;gap:9px}.about-panel>h3{font-size:21px;gap:9px}.about-panel p,.about-message p{font-size:15px}.about-panel dl>div{grid-template-columns:1fr;gap:6px}.about-actions .button{font-size:14px}}

/* Branch-page opt-in: leave the shared about/privacy rules above unchanged. */
.branch-page .about-section{padding:0;background:none;margin-bottom:54px}
.branch-page .about-section:after{content:none}
.branch-page .about-section>h2{display:block;font-size:clamp(24px,2.25vw,32px);line-height:1.55;letter-spacing:.015em;margin-bottom:26px;border-left:6px solid var(--subpage-sun);padding-left:16px}
.branch-page .about-panel{padding:28px}
.branch-page .about-panel>h3{font-size:22px;line-height:1.55;align-items:baseline}
.branch-page .about-panel>h3>span{font-family:var(--subpage-rounded);font-weight:800;color:#007c99}
.branch-page .about-split img{border-radius:16px}
.branch-page .about-message{padding:30px;background:var(--subpage-aqua);border:1px solid #d4e8ea;border-radius:24px}
.branch-page .about-message>h2{font-size:clamp(24px,2.25vw,32px)}
.branch-page .subpage-title h1+p{max-width:none}
.branch-page .about-business-list{gap:28px}
.branch-page .button.coral{background:#007cba;color:#fff}
.branch-page .button.coral:hover{background:#006596;transform:translateY(-3px);box-shadow:0 6px 0 #124c7015}
@media(max-width:1000px){
 .branch-page .about-section{margin-bottom:44px}
}
@media(max-width:600px){
 .branch-page .about-section{margin-bottom:36px}
 .branch-page .about-section>h2{font-size:24px;margin-bottom:20px;padding-left:12px;border-left-width:5px}
 .branch-page .about-panel{padding:20px 16px}
 .branch-page .about-panel>h3{font-size:22px}
 .branch-page .about-message{padding:24px 20px;border-radius:21px}
 .branch-page .about-business-list{gap:22px}
 .branch-page .about-split img{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){.branch-page .button.coral:hover{transform:none}}