.site-footer{
  width:min(71rem,calc(100% - 3rem)); margin:4rem auto 1.5rem;
  font-family:Karla,system-ui,sans-serif; color:#fff; place-self:stretch;
}
.footer-cta{
  display:flex; align-items:center; justify-content:space-between; gap:2rem;
  padding:2rem 2.25rem; background:#e4ebf4; color:#212530;
  border-radius:24px 24px 0 0;
}
.footer-cta__copy span{
  display:block; margin-bottom:.35rem; color:#476fa4;
  font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
}
.footer-cta__copy h2{ margin:0; font:700 clamp(1.45rem,3vw,2rem)/1.1 "Bricolage Grotesque",Arial,sans-serif; }
.footer-cta__copy p{ margin:.55rem 0 0; color:#6d7078; font-size:.9rem; }
.footer-cta__button{
  flex:none; display:inline-flex; align-items:center; gap:.55rem;
  padding:.85rem 1.2rem; border-radius:999px; background:#476fa4;
  color:#fff!important; text-decoration:none; font-weight:700;
}
.footer-cta__button::after{ content:"→"; }
.footer-shell{ padding:2.5rem 2.25rem 1.35rem; background:#31517c; border-radius:0 0 24px 24px; }
.footer-grid{ display:grid; grid-template-columns:1.7fr repeat(3,1fr); gap:2.5rem; }
.footer-brand__logo{ font:700 1.45rem Fraunces,Georgia,serif; color:#fff; text-decoration:none; }
.footer-brand__logo em{ color:#f2b95c; font-style:normal; }
.footer-brand p{ max-width:20rem; margin:.75rem 0 0; color:rgba(255,255,255,.75); font-size:.9rem; line-height:1.6; }
.footer-group h2{ margin:0 0 .9rem; color:#f2b95c; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }
.footer-group ul{ list-style:none; margin:0; padding:0; }
.footer-group li{ margin:.55rem 0; }
.footer-group a{ color:rgba(255,255,255,.82); text-decoration:none; font-size:.9rem; }
.footer-group a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.footer-bottom{
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  margin-top:2rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.65); font-size:.78rem;
}
.site-footer a:focus-visible{ outline:3px solid #f2b95c; outline-offset:4px; }
@media(max-width:850px){
  .footer-grid{ grid-template-columns:1.4fr 1fr 1fr; }
  .footer-brand{ grid-column:1/-1; }
  .footer-cta{ align-items:flex-start; }
  .footer-group:last-child{ grid-column:auto; }
}
@media(max-width:620px){
  .site-footer{ width:calc(100% - 2rem); margin-top:3rem; }
  .footer-cta{ display:grid; gap:1rem; padding:1.25rem; border-radius:20px 20px 0 0; }
  .footer-cta__copy p{ margin-top:.4rem; font-size:.85rem; }
  .footer-cta__button{ justify-content:center; }
  .footer-shell{ padding:1.5rem 1.25rem 1rem; border-radius:0 0 20px 20px; }
  .footer-grid{ grid-template-columns:1fr 1fr; gap:1rem; }
  .footer-brand{ grid-column:1/-1; }
  .footer-brand p{ margin-top:.5rem; font-size:.85rem; }
  .footer-group h2{ margin-bottom:.5rem; }
  .footer-group li{ margin:.3rem 0; }
  .footer-group a{ font-size:.85rem; }
  .footer-bottom{ display:grid; gap:.15rem; margin-top:1rem; padding-top:.75rem; }
}