/* Shared desktop and mobile refinement */
.site-header{height:106px;background:#050505;border-color:#252525;color:#fff}
.brand{width:278px;height:88px}
.site-header nav{font-size:14px;letter-spacing:.01em}
.site-header nav a{color:#fff}
.menu-toggle{border-color:rgba(255,255,255,.32)!important}
.menu-toggle span{background:#fff!important}
.eyebrow{font-size:13px;line-height:1.55;letter-spacing:.12em}
.intro-band{font-size:14px;letter-spacing:.085em}
.community-grid{grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);gap:clamp(50px,7vw,105px)}
.community-mark{width:min(100%,470px);min-height:420px;justify-self:center;padding:34px}
.community-mark span{font-size:clamp(28px,3vw,46px)}
.community-mark strong{font-size:clamp(64px,7vw,104px)}
.community-mark em{margin-top:34px}

.contact{padding:112px 24px;text-align:left}
.contact-shell{width:min(1180px,100%);margin:auto}
.contact h2{max-width:1020px}
.contact-shell>p:not(.eyebrow){max-width:720px;margin:28px 0 38px;font-size:19px;line-height:1.65}
.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contact-option{min-height:132px;padding:25px 24px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;border:1px solid rgba(255,255,255,.48);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;transition:transform .25s ease,background .25s ease}
.contact-option:hover{transform:translateY(-4px);background:#fff;color:var(--ink)}
.contact-option>span{grid-column:1/-1;align-self:start;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.contact-option strong{font-size:20px;line-height:1.25}
.contact-option .arrow-icon{align-self:center}
.whatsapp-option{background:#175f50}.viber-option{background:#58408a}.email-option{background:#232323}
.contact-meta{margin-top:27px;display:flex;align-items:center;gap:15px;font-size:15px;font-weight:800}
.contact-meta p{margin:0}.contact-meta>span{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}
.social-links{margin-top:45px;padding-top:25px;display:flex;align-items:center;gap:15px 25px;border-top:1px solid rgba(255,255,255,.35)}
.social-links>span{margin-right:auto;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.social-links a,.footer-social a{font-weight:800;border-bottom:1px solid currentColor}
footer{grid-template-columns:1fr auto;grid-template-areas:"logo tagline" "social copyright"}
footer>img{grid-area:logo}footer>p{grid-area:tagline}.footer-social{grid-area:social;display:flex;gap:20px}footer>small{grid-area:copyright}

@media(max-width:1050px){
  .site-header{height:94px}
  .brand{width:210px;height:78px}
  .community-grid{grid-template-columns:1fr}
  .community-mark{width:min(100%,520px);min-height:380px}
  .contact-options{grid-template-columns:1fr 1fr}.contact-option:last-child{grid-column:1/-1}
}

@media(max-width:700px){
  .site-header{height:90px;grid-template-columns:112px 1fr 42px}
  .brand{width:112px;height:74px}
  .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.105em}
  .intro-band{padding:23px 18px;font-size:12px;line-height:1.85;letter-spacing:.055em}
  .heading .eyebrow,.service .eyebrow,.community .eyebrow,.process .eyebrow,.mission .eyebrow,.team .eyebrow,.contact .eyebrow{margin-bottom:20px}
  .community-grid{gap:38px}
  .community-mark{width:100%;min-height:275px;padding:24px;border-radius:16px}
  .community-mark span{font-size:25px}.community-mark strong{font-size:clamp(54px,16vw,70px)}.community-mark em{margin-top:25px;font-size:11px}
  .contact{padding:78px 20px}
  .contact-shell>p:not(.eyebrow){font-size:17px;margin:25px 0 32px}
  .contact-options{grid-template-columns:1fr;gap:12px}
  .contact-option,.contact-option:last-child{grid-column:auto;min-height:112px;padding:21px 20px}
  .contact-option strong{font-size:18px}
  .contact-meta{align-items:flex-start;flex-wrap:wrap;font-size:14px}.contact-meta>span{margin-top:.65em}
  .social-links{align-items:flex-start;flex-wrap:wrap;gap:14px 22px;margin-top:36px}.social-links>span{width:100%;margin-right:0}
  footer{grid-template-columns:1fr;grid-template-areas:"logo" "tagline" "social" "copyright";gap:16px}
  .footer-social{justify-self:start}
}
