/* ──────────────────────────────────────────────────────────────
   Rideekanda Ecosystem Footer  ·  eco-footer.css
   One canonical footer for every sub-page, matching the home page.
   Fully self-contained & namespaced (.eco-footer) with hard-coded
   colours + fonts so it renders identically on any page regardless
   of that page's own theme/palette.
   ────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Spectral:wght@300;400;500&display=swap');

.eco-footer{
  background:#221d17; color:#ece3d4;
  font-family:"Spectral", Georgia, serif; font-size:17px; line-height:1.6;
  padding:clamp(56px,7vw,96px) 0 40px;
  -webkit-font-smoothing:antialiased;
}
.eco-footer *{ box-sizing:border-box; }
.eco-footer a{ color:inherit; }
.eco-footer .eco-f-container{ max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,6vw,88px); }

.eco-footer .eco-f-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:clamp(32px,5vw,72px); }
@media (max-width:760px){ .eco-footer .eco-f-grid{ grid-template-columns:1fr; gap:36px; } }

.eco-footer .eco-f-brand{ display:flex; align-items:center; gap:12px; margin-bottom:1.2rem; }
.eco-footer .eco-f-mark{ width:34px; height:34px; flex:0 0 auto; display:block; color:#ece3d4; opacity:.92; }
.eco-footer .eco-f-mark > span{ display:block; width:100%; height:100%; background-color:currentColor; }
.eco-footer .eco-f-name{ font-family:"Cormorant Garamond", Georgia, serif; font-size:1.4rem; line-height:1; display:block; }
.eco-footer .eco-f-sub{ display:block; font-size:0.72rem; letter-spacing:0.2em; text-transform:uppercase; color:#b6a890; margin-top:3px; }
.eco-footer .eco-f-blurb{ color:#b6a890; max-width:38ch; font-size:0.98rem; margin:0; }

.eco-footer h4{ font-family:"Spectral", Georgia, serif; font-size:0.72rem; font-weight:500; letter-spacing:0.24em; text-transform:uppercase; color:#c79a5c; margin:0 0 1.1rem; }
.eco-footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:0.7rem; }
.eco-footer ul a, .eco-footer ul li{ color:#b6a890; font-size:0.95rem; text-decoration:none; transition:color .25s ease; }
.eco-footer ul a:hover{ color:#ece3d4; }

.eco-footer .eco-f-base{ margin-top:clamp(40px,6vw,72px); padding-top:24px; border-top:1px solid rgba(255,235,200,0.12); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:0.82rem; color:#b6a890; }