/* Marrow Footer — plugin stylesheet */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&family=Inter:wght@400;500;600&display=swap');

.marrow-footer{
  --mf-bg: #1B2420;
  --mf-ink: #EDE7DA;
  --mf-ink-muted: #9CA79C;
  --mf-ink-faint: #6E7A70;
  --mf-brass: #C9A227;
  --mf-line: rgba(237,231,218,0.12);

  background: var(--mf-bg);
  color: var(--mf-ink);
  padding: 88px 48px 0;
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}
.marrow-footer *{ box-sizing: border-box; }

.marrow-footer__inner{ max-width:1180px; margin:0 auto; }

.marrow-footer__top{
  display:grid;
  grid-template-columns:1.4fr 0.8fr 0.8fr 1fr;
  gap:56px;
  padding-bottom:64px;
}

.marrow-footer__name{
  font-family:'Fraunces', serif;
  font-size:28px;
  font-weight:500;
  letter-spacing:-0.01em;
  margin:0 0 14px;
  color: var(--mf-ink);
}
.marrow-footer__tagline{
  color:var(--mf-ink-muted);
  font-size:15px;
  line-height:1.65;
  max-width:34ch;
  margin:0 0 28px;
}

.marrow-footer__signup{
  display:flex;
  border-bottom:1px solid var(--mf-line);
  max-width:340px;
  padding-bottom:10px;
}
.marrow-footer__signup input{
  flex:1;
  background:transparent;
  border:none;
  outline:none;
  color:var(--mf-ink);
  font-size:14px;
  padding:6px 0;
}
.marrow-footer__signup input::placeholder{ color:var(--mf-ink-faint); }
.marrow-footer__signup button{
  background:none;
  border:none;
  color:var(--mf-brass);
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  padding:6px 4px;
}
.marrow-footer__signup button:hover{ color:var(--mf-ink); }
.marrow-footer__signup-note{
  color:var(--mf-ink-faint);
  font-size:12.5px;
  margin-top:10px;
}

.marrow-footer__links h3,
.marrow-footer__social h3{
  font-size:14px;
  font-weight:500;
  margin:0 0 20px;
  color:var(--mf-ink);
}
.marrow-footer__links ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:13px;
}
.marrow-footer__links a{
  color:var(--mf-ink-muted);
  text-decoration:none;
  font-size:14.5px;
  transition:color .15s ease;
}
.marrow-footer__links a:hover{ color:var(--mf-ink); }

.marrow-footer__icons{
  display:flex;
  gap:14px;
  margin-bottom:32px;
}
.marrow-footer__icons a{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid var(--mf-line);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--mf-ink-muted);
  text-decoration:none;
  transition:border-color .15s ease, color .15s ease;
}
.marrow-footer__icons a:hover{
  border-color:var(--mf-brass);
  color:var(--mf-brass);
}
.marrow-footer__icons svg{ width:16px; height:16px; }

.marrow-footer__bottom{
  border-top:1px solid var(--mf-line);
  padding:26px 0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
}
.marrow-footer__copy{ color:var(--mf-ink-faint); font-size:13px; margin:0; }

.marrow-footer__legal-links{
  display:flex;
  gap:28px;
  list-style:none;
  margin:0;
  padding:0;
}
.marrow-footer__legal-links a{
  color:var(--mf-ink-faint);
  font-size:13px;
  text-decoration:none;
}
.marrow-footer__legal-links a:hover{ color:var(--mf-ink-muted); }

@media (max-width: 880px){
  .marrow-footer__top{ grid-template-columns:1fr 1fr; row-gap:44px; }
  .marrow-footer{ padding:64px 28px 0; }
}
@media (max-width: 560px){
  .marrow-footer__top{ grid-template-columns:1fr; }
  .marrow-footer__bottom{ flex-direction:column; align-items:flex-start; }
}
