/* Shared site footer — brand / pages / writing / notes */
.site-footer{
  padding:clamp(48px,6vw,78px) 0 24px;
  background:radial-gradient(circle at 50% 0,#181614,#080807 72%);
  color:#e9e3d9;
}
.site-footer .footer-shell{
  width:min(100%,var(--content-max,1320px));
  margin-inline:auto;
  padding-inline:clamp(18px,4.5vw,72px);
  box-sizing:border-box;
}
.site-footer .footer-grid{
  display:grid;
  grid-template-columns:1.25fr .65fr .65fr 1.2fr;
  gap:clamp(30px,5vw,70px);
  align-items:start;
}
.site-footer .footer-brand-mark{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid var(--gold,#b7822d);
  font-family:var(--serif,"Cormorant Garamond",Georgia,serif);
  font-size:.9rem;
  color:#fff;
}
.site-footer .footer-brand h2{
  margin:18px 0 0;
  font-family:var(--serif,"Cormorant Garamond",Georgia,serif);
  font-size:1.65rem;
  font-weight:600;
  color:#fff;
}
.site-footer .footer-kicker{
  margin:4px 0 0;
  color:var(--gold-light,#d4aa60);
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.site-footer .footer-quote{
  max-width:260px;
  margin:22px 0 0;
  font-family:var(--serif,"Cormorant Garamond",Georgia,serif);
  font-size:1.02rem;
  font-style:italic;
  line-height:1.45;
  color:#e9e3d9;
}
.site-footer .footer-column h3,
.site-footer .footer-notes h3{
  margin:0 0 18px;
  color:var(--gold-light,#d4aa60);
  font-size:.63rem;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.site-footer .footer-column a{
  display:block;
  width:max-content;
  max-width:100%;
  padding:4px 0;
  font-size:.78rem;
  color:#e9e3d9;
  text-decoration:none;
}
.site-footer .footer-column a:hover{color:var(--gold-light,#d4aa60)}
.site-footer .footer-notes p{
  margin:0;
  font-family:var(--serif,"Cormorant Garamond",Georgia,serif);
  font-size:.95rem;
  color:#e9e3d9;
}
.site-footer .subscribe{
  display:flex;
  align-items:center;
  margin-top:18px;
  border-bottom:1px solid rgba(212,170,96,.38);
}
.site-footer .subscribe input{
  min-width:0;
  flex:1;
  border:0;
  background:transparent;
  color:#fff;
  padding:12px 4px;
  font-size:.78rem;
  font-family:inherit;
  outline:none;
}
.site-footer .subscribe input::placeholder{color:#a8a096}
.site-footer .subscribe button{
  border:1px solid #f2ece3;
  background:#f2ece3;
  color:#111;
  padding:8px 14px;
  font-size:.61rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  font-family:inherit;
}
.site-footer .subscribe button:hover{filter:brightness(1.05)}
.site-footer .footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:52px;
  padding-top:20px;
  border-top:1px solid rgba(212,170,96,.22);
  font-size:.66rem;
  color:#a9a197;
}
.site-footer .footer-bottom p{margin:0}
.site-footer .footer-bottom-links{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.site-footer .footer-bottom a{
  color:#a9a197;
  text-decoration:none;
}
.site-footer .footer-bottom a:hover{color:#fff}
.site-footer .visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (max-width:1080px){
  .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .site-footer{
    padding:clamp(40px,8vw,56px) 0 20px;
    text-align:center;
  }
  .site-footer .footer-shell{
    padding-inline:clamp(16px,4.5vw,28px);
  }
  .site-footer .footer-grid{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
    justify-items:center;
  }
  .site-footer .footer-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .site-footer .footer-quote{
    max-width:28rem;
    margin-inline:auto;
  }
  .site-footer .footer-column,
  .site-footer .footer-notes{
    width:100%;
    max-width:28rem;
  }
  .site-footer .footer-column a{
    width:auto;
    margin-inline:auto;
  }
  .site-footer .subscribe{
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    border-bottom:0;
    text-align:left;
  }
  .site-footer .subscribe input{
    flex:1 1 100%;
    border-bottom:1px solid rgba(212,170,96,.38);
    text-align:center;
  }
  .site-footer .subscribe button{
    width:100%;
    min-height:44px;
  }
  .site-footer .footer-bottom{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-top:36px;
    text-align:center;
  }
  .site-footer .footer-bottom-links{
    justify-content:center;
  }
}