/* Shared public layout and About page. Public pages use the dark brand palette. */
.site-header .header-button{margin-left:auto}
.site-header{gap:16px}
.site-header nav{gap:20px}
.about-intro{max-width:840px;margin:0 auto;text-align:center}
.about-intro h2{font:700 48px/56px var(--display);background:var(--gradient);background-clip:text;color:transparent;margin:16px 0}
.about-intro>p{font-size:18px;line-height:28px;color:var(--muted);max-width:680px;margin:auto}
.about-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;margin-top:28px}
.about-location{font-size:12px;color:var(--accent);margin-top:20px}
.about-contact-list{display:grid;grid-template-columns:140px 1fr;gap:20px 24px;margin:0;font-size:16px;line-height:26px}
.about-contact-list dt{color:var(--muted)}
.about-contact-list dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.about-contact-list a{color:var(--accent)}
.about-services{display:grid;gap:16px;margin-top:24px}
.about-service{padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#7195ff06}
.about-service h3{margin:0 0 8px!important}
.about-service p{margin:0!important}
@media(max-width:1000px){.site-header nav{gap:0}}
@media(max-width:700px){.site-header{gap:10px}.menu-toggle{padding-inline:12px}.about-intro h2{font-size:34px;line-height:42px}.about-intro>p{font-size:16px;line-height:26px}.about-contact-list{grid-template-columns:1fr;gap:8px;font-size:14px;line-height:24px}.about-contact-list dd{margin-bottom:16px}.about-service{padding:18px}.about-links{gap:14px 20px}.about-location{font-size:11px}}