.branches-page { background: var(--sg-page-bg, #f6f3ea); color: var(--sg-text, #18301c); }
.branches-page .container-xl { max-width: 1280px; }
.branches-breadcrumb { display:flex; gap:.55rem; align-items:center; font-size:.9rem; color:var(--sg-muted, #667063); margin-bottom:1rem; }
.branches-breadcrumb a, .text-link, .side-more { color:var(--sg-primary, #244d2c); text-decoration:none; }
.branches-hero { min-height:340px; position:relative; overflow:hidden; border-radius:18px; background:#17331e; isolation:isolate; }
.branches-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.branches-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,27,14,.89),rgba(12,37,18,.48) 58%,rgba(6,19,10,.25)); z-index:-1; }
.branches-hero-copy { max-width:660px; padding:4rem 3.2rem; color:#fff; }
.eyebrow { color:var(--sg-primary, #315c37); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; margin:0 0 .35rem; }
.branches-hero .eyebrow { color:#e3d7a2; }.branches-hero h1 { font-size:clamp(2.5rem,5vw,4.25rem); letter-spacing:.08em; margin:0 0 1rem; font-weight:800; }.branches-hero p:last-child { font-size:1.08rem; line-height:1.9; margin:0; }
.branches-quickfacts { display:grid; grid-template-columns:repeat(4,1fr); background:var(--sg-surface, #fff); border:1px solid var(--sg-border, #e1e5dc); border-radius:14px; margin:1.25rem 0; overflow:hidden; box-shadow:0 4px 16px rgba(32,53,34,.05); }
.branches-quickfacts article { display:flex; gap:.75rem; align-items:center; padding:1.05rem 1.25rem; border-right:1px solid var(--sg-border, #e1e5dc); }.branches-quickfacts article:last-child { border:0; }.branches-quickfacts i { color:#fff; background:var(--sg-primary, #244d2c); width:2.5rem; height:2.5rem; display:grid; place-items:center; border-radius:50%; }.branches-quickfacts strong,.branches-quickfacts span { display:block; }.branches-quickfacts span { font-size:.82rem; color:var(--sg-muted,#667063); margin-top:.15rem; }
.branches-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:1.25rem; align-items:start; }.branches-sidebar { display:grid; gap:1rem; position:sticky; top:1rem; }.branches-side-card,.branches-comparison,.specialty-explorer,.branch-articles { background:var(--sg-surface,#fff); border:1px solid var(--sg-border,#e1e5dc); border-radius:14px; padding:1.1rem; }.branches-side-card h2 { font-size:1.08rem; margin:0 0 .75rem; }.branches-side-card p { font-size:.86rem; color:var(--sg-muted,#667063); margin:-.2rem 0 .75rem; }.branch-nav { display:grid; }.branch-nav__item { background:transparent; border:0; border-top:1px solid var(--sg-border,#e1e5dc); color:inherit; display:flex; align-items:center; gap:.7rem; text-align:left; padding:.75rem .45rem; font-weight:650; }.branch-nav__item.is-active,.branch-nav__item:hover { color:var(--sg-primary,#244d2c); background:color-mix(in srgb,var(--sg-primary,#244d2c) 7%,transparent); }.branch-nav__item i { width:1.15rem; text-align:center; }
.comparison-pickers { display:grid; gap:.55rem; margin-bottom:.7rem; }.comparison-pickers select,.branches-mobile-filter select { width:100%; min-height:2.75rem; border:1px dashed #aab6a9; border-radius:8px; padding:0 .65rem; color:inherit; background:var(--sg-surface,#fff); }.branches-primary,.branches-secondary { display:inline-flex; justify-content:center; align-items:center; min-height:2.75rem; border-radius:8px; padding:.55rem 1rem; font-weight:750; text-decoration:none; border:1px solid transparent; }.branches-primary { background:var(--sg-primary,#244d2c); color:#fff; width:100%; }.branches-primary:hover { color:#fff; filter:brightness(1.1); }.side-hint { font-size:.78rem !important; }.popular-specialties { list-style:none; padding:0; margin:.7rem 0 1rem; }.popular-specialties li { display:flex; align-items:center; gap:.55rem; margin:.55rem 0; }.popular-specialties span { color:#fff; background:var(--sg-primary,#244d2c); border-radius:50%; width:1.45rem; height:1.45rem; display:grid; place-items:center; font-size:.72rem; }.popular-specialties a { color:inherit; text-decoration:none; }.side-more { font-weight:700; font-size:.88rem; }
.branches-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin:.4rem 0 1rem; }.branches-section-head h2,.branches-comparison h2,.specialty-explorer h2,.branch-articles h2,.branches-cta h2 { font-size:clamp(1.45rem,2.5vw,2rem); margin:0 0 .35rem; }.branches-section-head p:not(.eyebrow) { color:var(--sg-muted,#667063); margin:0; }.branches-section-head a { white-space:nowrap; color:var(--sg-primary,#244d2c); font-weight:700; text-decoration:none; }
.branch-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.branch-card { overflow:hidden; border:1px solid var(--sg-border,#e1e5dc); border-radius:12px; background:var(--sg-surface,#fff); display:flex; flex-direction:column; }.branch-card[hidden] { display:none; }.branch-card__image { width:100%; aspect-ratio:16/9; object-fit:cover; }.branch-card__body { display:flex; flex:1; flex-direction:column; padding:1rem; }.branch-card__eyebrow { margin:0 0 .25rem; color:var(--sg-muted,#667063); font-size:.78rem; }.branch-card h3 { color:var(--sg-primary,#244d2c); font-size:1.38rem; margin:0 0 .4rem; }.branch-card h3 i,.comparison-card h3 i { margin-right:.42rem; }.branch-card__tagline { font-weight:750; margin:0 0 .55rem; }.branch-card__description { color:var(--sg-muted,#667063); font-size:.9rem; line-height:1.65; }.branch-card__tags { list-style:none; padding:0; margin:.15rem 0 .7rem; display:flex; flex-wrap:wrap; gap:.35rem; }.branch-card__tags li { background:color-mix(in srgb,var(--sg-primary,#244d2c) 10%,transparent); color:var(--sg-primary,#244d2c); border-radius:999px; padding:.25rem .5rem; font-size:.76rem; }.branch-card__details { font-size:.83rem; margin:auto 0 .8rem; }.branch-card__details div { display:grid; grid-template-columns:4.5rem 1fr; gap:.3rem; padding:.35rem 0; border-top:1px solid var(--sg-border,#e1e5dc); }.branch-card__details dt { color:var(--sg-muted,#667063); }.branch-card__details dd { margin:0; }.branch-card__details small,.comparison-card small { display:block; color:var(--sg-muted,#667063); font-size:.72rem; margin-top:.15rem; }.personnel-source { color:var(--sg-muted,#667063); font-size:.78rem; line-height:1.55; margin:.8rem .15rem 0; }.personnel-source a { color:var(--sg-primary,#244d2c); }.text-link { font-weight:750; }
.branches-comparison,.specialty-explorer,.branch-articles { margin-top:1.25rem; }.branches-comparison header { display:flex; justify-content:space-between; gap:1rem; }.branches-comparison header p:last-child { color:var(--sg-muted,#667063); font-size:.9rem; }.comparison-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-top:1rem; }.comparison-empty { grid-column:1/-1; margin:0; padding:1rem; border:1px dashed #b4bcb1; border-radius:10px; color:var(--sg-muted,#667063); }.comparison-card { border:1px solid var(--sg-border,#e1e5dc); border-radius:10px; padding:1rem; }.comparison-card h3 { color:var(--sg-primary,#244d2c); font-size:1.2rem; }.comparison-card dl { margin:0; }.comparison-card dl div { border-top:1px solid var(--sg-border,#e1e5dc); padding:.5rem 0; }.comparison-card dt { color:var(--sg-muted,#667063); font-size:.78rem; }.comparison-card dd { margin:.2rem 0 0; font-size:.88rem; line-height:1.55; }
.specialty-card-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.65rem; }.specialty-card { display:grid; gap:.25rem; color:var(--sg-primary,#244d2c); text-decoration:none; border:1px solid var(--sg-border,#e1e5dc); border-radius:10px; padding:.85rem; font-weight:750; }.specialty-card i { font-size:1.35rem; }.specialty-card small { color:var(--sg-muted,#667063); font-size:.72rem; font-weight:500; }.branch-article-list { display:grid; gap:.65rem; }.article-card { display:grid; grid-template-columns:92px minmax(0,1fr) auto; gap:.8rem; align-items:center; color:inherit; text-decoration:none; border:1px solid var(--sg-border,#e1e5dc); border-radius:10px; overflow:hidden; }.article-card img { width:92px; height:68px; object-fit:cover; }.article-card span { display:grid; gap:.25rem; }.article-card small,.article-empty { color:var(--sg-muted,#667063); }.article-card b { color:var(--sg-primary,#244d2c); padding-right:1rem; }
.branches-cta { margin-top:1.4rem; background:linear-gradient(100deg,#e7eadf,#f7f5ee); border-radius:14px; padding:1.15rem 1.5rem; display:grid; grid-template-columns:110px minmax(0,1fr) auto; align-items:center; gap:1.25rem; }.branches-cta img { max-width:110px; max-height:100px; object-fit:contain; }.branches-cta p:not(.eyebrow) { color:var(--sg-muted,#667063); margin:0; }.branches-cta-actions { display:flex; gap:.6rem; }.branches-cta-actions .branches-primary { width:auto; }.branches-secondary { border-color:var(--sg-primary,#244d2c); color:var(--sg-primary,#244d2c); background:transparent; }.branches-mobile-filter { display:none; }
@media (max-width:1024px) { .branch-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.specialty-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.branches-layout { grid-template-columns:225px minmax(0,1fr); } }
@media (max-width:767px) { .branches-hero { min-height:270px; }.branches-hero-copy { padding:2.2rem 1.35rem; }.branches-hero h1 { font-size:2.4rem; }.branches-quickfacts { grid-template-columns:repeat(2,1fr); }.branches-quickfacts article:nth-child(2) { border-right:0; }.branches-quickfacts article:nth-child(-n+2) { border-bottom:1px solid var(--sg-border,#e1e5dc); }.branches-layout { display:block; }.branches-sidebar { display:none; }.branches-mobile-filter { display:block; margin-bottom:1rem; }.branches-mobile-filter label { display:block; font-weight:700; margin-bottom:.4rem; }.branch-card-grid,.comparison-results { grid-template-columns:1fr; }.specialty-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.branches-comparison header,.branches-section-head { display:block; }.branches-section-head a { display:inline-block; margin-top:.8rem; }.branches-cta { grid-template-columns:76px minmax(0,1fr); padding:1rem; gap:.8rem; }.branches-cta img { max-width:76px; }.branches-cta-actions { grid-column:1/-1; }.branches-cta-actions a { flex:1; font-size:.88rem; padding-inline:.55rem; }.branches-cta h2 { font-size:1.35rem; } }
@media (max-width:420px) { .branches-page .container-xl { padding-left:.75rem; padding-right:.75rem; }.branches-quickfacts article { padding:.85rem .7rem; }.branches-quickfacts i { width:2rem; height:2rem; }.branches-quickfacts strong { font-size:.86rem; }.branches-quickfacts span { font-size:.72rem; }.branches-hero-copy { padding:2rem 1rem; }.branches-hero h1 { font-size:2.15rem; } }