/* =====================================================================
   Home-style footer — ported into the case studies so their footer
   matches the portfolio homepage (v12) footer: right-aligned "made using"
   + "Contact" lists, a full-bleed peach "Soumyajyoti", and a
   copyright line paired with a peach "Halder".
   Uses the case-study tokens already defined in case-study.css
   (--peach / --cream / --grey / --grey-dim / --line / --bg / --pad).
   ===================================================================== */
.hfoot{position:relative;background:var(--bg);border-top:1px solid var(--line);
  padding:clamp(60px,9vh,120px) var(--pad) clamp(40px,6vh,64px);overflow:hidden;}
.hfoot .hf-in{margin:0;}
.hfoot .hf-top{display:flex;justify-content:flex-end;align-items:flex-start;
  gap:clamp(48px,8vw,140px);flex-wrap:wrap;margin-bottom:clamp(44px,9vh,110px);}
.hfoot .hf-col{display:flex;flex-direction:column;align-items:flex-end;
  text-align:right;gap:9px;}
.hfoot .hf-kick{margin:0 0 6px;font-size:.92rem;font-weight:500;
  color:var(--grey-dim);opacity:.62;letter-spacing:.01em;}
.hfoot .hf-list{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:8px;}
.hfoot .hf-list li,.hfoot .hf-list a{font-size:1rem;font-weight:600;
  color:var(--peach);letter-spacing:.01em;text-decoration:none;}
.hfoot .hf-list a{transition:opacity .2s ease;}
.hfoot .hf-list a:hover{opacity:.65;}
.hfoot .hf-name{line-height:.78;}
.hfoot .hf-name h2{margin:0;font-family:Goga,Arial,sans-serif;font-weight:1000;
  font-size:min(16.2vw,240px);line-height:.78;letter-spacing:-.035em;
  color:var(--peach);white-space:nowrap;}
.hfoot .hf-bottom{display:flex;align-items:flex-end;justify-content:space-between;
  gap:18px 24px;flex-wrap:wrap;margin-top:clamp(10px,2.2vh,20px);}
.hfoot .hf-copy{margin:0;font-family:Goga,Arial,sans-serif;font-weight:700;
  font-size:clamp(1rem,1.5vw,1.35rem);letter-spacing:-.01em;color:var(--peach);}
.hfoot .hf-copy .yr{color:var(--grey-dim);font-weight:600;}
.hfoot .hf-surname{margin:0;font-family:Goga,Arial,sans-serif;font-weight:1000;
  font-size:clamp(1.7rem,3vw,2.6rem);line-height:1;letter-spacing:-.01em;
  color:var(--peach);}
@media (max-width:700px){
  .hfoot .hf-top{justify-content:space-between;gap:28px;}
  .hfoot .hf-name h2{font-size:18vw;}
}