/* Metiri site footer for the template pages (copied from hero.css, which only the
   Metiri-built pages load). Keep in step with the footer block there. */
/* the template footer this replaces */
#main footer:not(.mtr-foot){display:none !important;}

/* ============================================================
   Metiri — site footer. Replaces the template's.
   ============================================================ */
.mtr-foot{
  --ft-ink:#eaf2f4;
  --ft-dim:#8fa3ad;
  --ft-teal:#3fc9dc;
  --ft-line:rgba(255,255,255,.10);
  --ft-font:"Montserrat",ui-sans-serif,system-ui,-apple-system,sans-serif;

  position:relative; overflow:hidden; width:100%;
  font-family:var(--ft-font); color:var(--ft-ink);
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(58% 70% at 14% 6%, rgba(63,201,220,.09), rgba(63,201,220,0) 62%),
    radial-gradient(50% 60% at 88% 88%, rgba(27,111,140,.14), rgba(27,111,140,0) 66%),
    linear-gradient(165deg,#0d1720 0%,#080e14 52%,#05090d 100%);
  padding:clamp(48px,5.4vw,84px) clamp(24px,5vw,72px) clamp(28px,3vw,40px);
  box-sizing:border-box;
}
.mtr-foot *,.mtr-foot *::before,.mtr-foot *::after{box-sizing:border-box}
.mtr-foot__wm{
  position:absolute; right:-3%; top:8%; width:min(30%,380px);
  color:rgba(120,180,196,.055); pointer-events:none;
}
.mtr-foot__wm svg{width:100%; height:auto; display:block;}
.mtr-foot__inner{position:relative; z-index:1; max-width:1360px; margin:0 auto;}

/* ── top grid ── */
.mtr-foot__grid{
  display:grid;
  /* the newsletter column is gone — the client has no newsletter */
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(28px,3.4vw,56px);
  padding-bottom:clamp(34px,4vw,56px);
}
.mtr-foot__col{position:relative; padding-left:clamp(18px,2.4vw,40px); border-left:1px solid var(--ft-line);}
.mtr-foot__col h3{
  margin:0 0 clamp(14px,1.6vw,22px);
  font-size:clamp(14px,1.08vw,16.5px); font-weight:400; letter-spacing:-.01em; color:var(--ft-dim);
}
.mtr-foot__col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:clamp(10px,1.2vw,15px);}
.mtr-foot__col a{
  color:var(--ft-ink); text-decoration:none;
  font-size:clamp(14px,1.05vw,16px); line-height:1.45;
  transition:color .2s ease;
}
.mtr-foot__col a:hover{color:var(--ft-teal)}

/* newsletter */
.mtr-foot__eyebrow{
  margin:0 0 clamp(12px,1.4vw,18px);
  font-size:clamp(10.5px,.82vw,12px); font-weight:600; letter-spacing:.24em;
  text-transform:uppercase; color:var(--ft-teal);
}
.mtr-foot__title{
  margin:0; font-weight:500;
  font-size:clamp(26px,2.7vw,40px); line-height:1.18; letter-spacing:-.025em; color:#fff;
}
.mtr-foot__title span{color:var(--ft-teal)}
.mtr-foot__lede{
  margin:clamp(12px,1.4vw,18px) 0 0; max-width:42ch;
  font-size:clamp(14px,1.05vw,16px); line-height:1.6; color:var(--ft-dim);
}
.mtr-foot__form{
  margin-top:clamp(18px,2.2vw,30px);
  display:flex; align-items:center; gap:10px;
  max-width:520px; padding:8px 8px 8px clamp(16px,1.6vw,24px);
  border:1px solid var(--ft-line); border-radius:12px;
  background:rgba(255,255,255,.035);
  transition:border-color .25s ease, background .25s ease;
}
.mtr-foot__form:focus-within{border-color:rgba(63,201,220,.55); background:rgba(255,255,255,.06);}
.mtr-foot__form input{
  flex:1; min-width:0; border:0; background:none; outline:none;
  color:#fff; font-family:inherit; font-size:clamp(14px,1.05vw,16px); padding:12px 0;
}
.mtr-foot__form input::placeholder{color:#7c8f99}
.mtr-foot__form button{
  flex:none; width:44px; height:44px; border-radius:50%; border:0; cursor:pointer;
  background:var(--ft-teal); color:#062028;
  display:grid; place-items:center;
  transition:transform .25s ease, background .25s ease;
}
.mtr-foot__form button svg{width:20px; height:20px;}
.mtr-foot__form button:hover{background:#5fdcec; transform:translateX(2px);}
.mtr-foot__note{margin:12px 0 0; min-height:1.2em; font-size:13.5px; color:var(--ft-teal);}

/* social + contact rows */
.mtr-foot__social a,.mtr-foot__contact li{display:flex; align-items:center; gap:14px;}
.mtr-foot__contact li{gap:14px}
.mtr-foot__social .ic,.mtr-foot__contact .ic{
  flex:none; width:38px; height:38px; border-radius:9px;
  display:grid; place-items:center;
  background:rgba(63,201,220,.13); color:var(--ft-teal);
}
.mtr-foot__contact .ic{background:none; width:26px; height:26px; border-radius:0;}
.mtr-foot__social .ic svg{width:20px; height:20px}
.mtr-foot__contact .ic svg{width:21px; height:21px}
.mtr-foot__contact a{line-height:1.45}

/* ── base bar ── */
.mtr-foot__base{
  display:flex; align-items:center; gap:clamp(20px,3vw,48px);
  padding-top:clamp(24px,2.6vw,36px);
}
.mtr-foot__logo{display:flex; align-items:center; gap:14px; text-decoration:none; flex:none;}
.mtr-foot__logo svg{width:clamp(38px,3.4vw,52px); height:auto; display:block;}
.mtr-foot__logo img{height:clamp(34px,3vw,46px); width:auto; display:block;}
.mtr-foot__logo span{font-size:clamp(26px,2.4vw,36px); font-weight:500; letter-spacing:-.02em; color:#fff;}
.mtr-foot__hr{flex:1; height:1px; background:var(--ft-line);}
.mtr-foot__legal{flex:none; text-align:right;}
.mtr-foot__legal p{margin:0; font-size:clamp(12.5px,.95vw,14.5px); line-height:1.75; color:var(--ft-dim);}
.mtr-foot__legal a{color:var(--ft-dim); text-decoration:none; transition:color .2s ease;}
.mtr-foot__legal a:hover{color:var(--ft-teal)}
.mtr-foot__legal i{font-style:normal; padding:0 10px; opacity:.5;}

/* ── responsive ── */
@media (max-width:1024px){
  .mtr-foot__grid{grid-template-columns:1fr 1fr; row-gap:clamp(28px,4vw,40px);}
  .mtr-foot__news{grid-column:1 / -1;}
  .mtr-foot__col:nth-of-type(2){padding-left:0; border-left:0;}
}
@media (max-width:680px){
  .mtr-foot__grid{grid-template-columns:1fr}
  .mtr-foot__col{padding-left:0; border-left:0; padding-top:24px; border-top:1px solid var(--ft-line);}
  .mtr-foot__wm{width:52%; right:-12%; top:auto; bottom:12%;}
  .mtr-foot__base{flex-wrap:wrap; gap:20px;}
  .mtr-foot__hr{display:none}
  .mtr-foot__legal{text-align:left; flex:1 0 100%;}
}
@media (prefers-reduced-motion:reduce){
  .mtr-foot__form,.mtr-foot__form button,.mtr-foot__col a,.mtr-foot__legal a{transition:none}
}