/* V21 — premium site-wide footer */
.site-footer{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:
    radial-gradient(circle at 86% 18%, rgba(27,122,163,.18), transparent 28%),
    linear-gradient(115deg,#061a2f 0%,#08233d 58%,#092d4a 100%) !important;
  color:#fff;
  padding:0 !important;
}

.site-footer::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,var(--sky),rgba(141,198,219,.28) 46%,transparent 92%);
  z-index:2;
}

.site-footer::after{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  border:1px solid rgba(141,198,219,.10);
  border-radius:50%;
  right:-150px;
  top:-120px;
  pointer-events:none;
}

.footer-watermark{
  position:absolute;
  right:3.5vw;
  bottom:-.34em;
  z-index:-1;
  font-family:var(--serif);
  font-size:clamp(10rem,18vw,20rem);
  line-height:1;
  letter-spacing:-.08em;
  color:rgba(141,198,219,.035);
  user-select:none;
  pointer-events:none;
}

.footer-top{
  display:grid !important;
  grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr) !important;
  gap:clamp(58px,7vw,110px) !important;
  align-items:end !important;
  padding-top:clamp(54px,5.2vw,76px);
  padding-bottom:clamp(42px,4vw,58px);
}

.footer-brand-panel{max-width:760px;}

.footer-brandline{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:24px;
}

.footer-monogram{
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border:1px solid rgba(255,255,255,.42);
  font-family:var(--serif);
  font-size:1rem;
  letter-spacing:-.08em;
  overflow:hidden;
}

.footer-monogram::after{
  content:"";
  position:absolute;
  width:17px;
  height:68px;
  right:-9px;
  top:-8px;
  background:var(--blue-2);
  transform:rotate(27deg);
  opacity:.95;
}

.footer-monogram b{font-weight:600;position:relative;z-index:1;}
.footer-monogram b + b{margin-left:-3px;}

.site-footer .footer-kicker{
  color:#fff !important;
  font-size:.74rem !important;
  line-height:1.1;
  letter-spacing:.18em !important;
  text-transform:uppercase;
  font-weight:800;
}

.footer-brand-sub{
  display:block;
  margin-top:6px;
  color:var(--sky);
  font-size:.64rem;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight:800;
}

.site-footer .footer-title{
  max-width:760px !important;
  margin:0 !important;
  font-family:var(--serif);
  font-size:clamp(2.15rem,3.05vw,3.45rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.035em;
  color:#fff;
  text-wrap:balance;
}

.footer-cta{
  margin-top:30px;
  width:max-content;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:20px;
  padding:0 18px 0 20px;
  border:1px solid rgba(141,198,219,.46);
  background:rgba(141,198,219,.08);
  color:#fff;
  text-decoration:none;
  font-size:.82rem;
  font-weight:750;
  letter-spacing:.015em;
  transition:background .25s ease,border-color .25s ease,transform .25s var(--ease);
}

.footer-cta span{
  color:var(--sky);
  font-size:1rem;
  transition:transform .25s var(--ease);
}

.footer-cta:hover,
.footer-cta:focus-visible{
  background:rgba(141,198,219,.14);
  border-color:rgba(141,198,219,.8);
  transform:translateY(-2px);
}
.footer-cta:hover span{transform:translate(2px,-2px);}

.footer-directory{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:38px;
  padding-bottom:4px;
}

.footer-column{
  display:grid;
  align-content:start;
}

.footer-column-title{
  margin-bottom:14px;
  color:var(--sky);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}

.site-footer .footer-column a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:44px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#dce8ed;
  text-decoration:none;
  font-size:.86rem;
  transition:color .25s ease,border-color .25s ease,padding-left .25s var(--ease);
}

.site-footer .footer-column a:first-of-type{
  border-top:1px solid rgba(255,255,255,.12);
}

.site-footer .footer-column a span{
  color:rgba(141,198,219,.78);
  transition:transform .25s var(--ease);
}

.site-footer .footer-column a:hover,
.site-footer .footer-column a:focus-visible{
  color:#fff;
  border-color:rgba(141,198,219,.38);
  padding-left:5px;
}
.site-footer .footer-column a:hover span{transform:translateX(3px);}

.site-footer .footer-bottom{
  margin-top:0 !important;
  padding:18px 0 22px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#9db2bd !important;
  font-size:.7rem !important;
  letter-spacing:.01em;
}

.footer-bottom-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.footer-bottom-brand i{
  width:22px;
  height:1px;
  background:rgba(141,198,219,.55);
}

@media (max-width:980px){
  .footer-top{
    grid-template-columns:1fr !important;
    gap:42px !important;
    align-items:start !important;
  }
  .footer-brand-panel{max-width:760px;}
  .footer-directory{max-width:640px;width:100%;}
}

@media (max-width:640px){
  .footer-top{
    padding-top:44px;
    padding-bottom:34px;
    gap:34px !important;
  }
  .footer-brandline{margin-bottom:20px;}
  .footer-monogram{width:44px;height:44px;}
  .site-footer .footer-title{
    font-size:clamp(1.85rem,8.4vw,2.6rem) !important;
    line-height:1.08 !important;
  }
  .footer-cta{margin-top:24px;min-height:46px;}
  .footer-directory{grid-template-columns:1fr;gap:28px;}
  .site-footer .footer-column a{min-height:42px;}
  .site-footer .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start;
    gap:8px;
    padding:16px 0 20px !important;
  }
  .footer-watermark{font-size:14rem;right:-1.2rem;bottom:-.23em;}
}