/* Shared footer for the React homepage, so it matches every other page.
   Copied from our-story.css (desktop) and mobile-chrome.css (phone). */
.g-footer{--teal-dark:#062836;--cream:#fbf6e8;--lime:#C8E150;--pad:clamp(20px,4vw,56px);--max:1280px;font-family:"Inter",sans-serif;text-align:left}
.g-footer a{text-decoration:none}
.g-footer .g-logo{display:inline-flex;align-items:center;gap:10px}
.g-footer h5{font-weight:800}
.g-footer{background:var(--teal-dark);color:var(--cream);padding:clamp(48px,5vw,80px) var(--pad) 24px}
.g-footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(20px,3vw,48px)}
.g-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.g-footer-brand .g-logo img{width:112px;height:112px;filter:brightness(0) invert(1)}
.g-footer-brand .g-logo span{display:none}
.g-footer-brand p.g-footer-tag{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:25px;color:var(--lime);margin:6px 0 4px;max-width:none}
.g-footer-brand p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(251,246,232,.7);max-width:32ch}
.g-social{display:flex;gap:18px;margin-top:14px}
.g-social a{display:grid;place-items:center;width:auto;height:auto;border:0;border-radius:0;color:var(--cream);font:800 12px/1 "Inter",sans-serif}
.g-social a svg{width:27px;height:27px;display:block;transition:transform .2s}
.g-social a:hover svg{transform:translateY(-2px)}
.g-social a:hover svg [stroke]{stroke:var(--lime)}
.g-social a:hover svg [fill],.g-social a:hover svg[fill]{fill:var(--lime)}
.g-footer-col h5{font-family:"Bricolage Grotesque",sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--lime);margin:0 0 14px}
.g-footer-col a{display:block;padding:5px 0;font-size:14px;color:rgba(251,246,232,.78)}
.g-footer-col a:hover{color:var(--lime)}
.g-footer-base{max-width:var(--max);margin:clamp(28px,4vw,54px) auto 0;padding-top:20px;border-top:1px solid rgba(251,246,232,.12);display:flex;justify-content:center;font-size:12.5px;color:rgba(251,246,232,.6)}
@media (max-width:820px){
  .g-footer-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px}
  .g-footer-brand{grid-column:1/-1}
/* ---------- FOOTER: centred stack — logo, tagline, blurb, cities, socials ---------- */
.g-footer-grid{text-align:center}
.g-footer-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:2px!important;width:100%!important}
.g-footer-brand .g-logo{justify-content:center!important;margin:0 auto 6px!important}
.g-footer-brand .g-logo img{width:78px!important;height:78px!important}
.g-footer-brand .g-logo span{display:none!important}
.g-footer-brand p.g-footer-tag{order:1;font-size:20.5px!important;line-height:1.15!important;color:#C8E150!important;white-space:nowrap!important;margin:0 0 6px!important}
.g-footer-brand p{order:2;font-size:13px!important;line-height:1.45!important;white-space:nowrap!important;margin:0!important;align-self:stretch!important;width:100%!important;max-width:none!important;text-align:center!important}
.g-footer-brand p + p{order:3;margin-top:2px!important}
.g-social{order:4;display:flex!important;justify-content:center!important;gap:20px!important;margin:14px 0 26px!important}
.g-social a{display:grid!important;place-items:center;width:31px!important;height:31px!important;padding:0!important;border:0!important;background:none!important;color:#fffdf6!important}
.g-social a svg{display:block;width:29px;height:29px}
.g-footer-grid{gap:28px 18px!important}
.g-footer-brand{padding-bottom:22px!important;border-bottom:1px solid rgba(251,246,232,.12)!important;margin-bottom:4px!important}
.g-footer-col{text-align:center!important}
.g-footer-col h5{font-size:11px!important;letter-spacing:.2em!important;margin-bottom:10px!important}
.g-footer-col a{font-size:14.5px!important;padding:6px 0!important;color:rgba(251,246,232,.86)!important}
.g-footer-base{margin-top:34px!important;padding-top:18px!important;font-size:12px!important}
}