/* ============================================================
   contact.css — minimal; mostly uses shared chrome.
   Body becomes a flex column so the footer sits flush at bottom.
   ============================================================ */

/* push footer to bottom on short content */
body{min-height:100vh;display:flex;flex-direction:column}
.h-pg-hero{flex:1}

/* PAGE HERO */
.h-pg-hero{
  width:100%;min-height:auto;display:grid;
  grid-template-columns:5.2vw 1fr;
  padding-top:48px;background:var(--bg);
  position:relative;overflow:hidden;
}
.h-pg-hero-body{display:flex;flex-direction:column;padding:5vw 4vw 3vw 4vw;position:relative}
.h-pg-hero-top{
  display:flex;justify-content:space-between;align-items:center;
  gap:2vw;padding-bottom:2vw;
  border-bottom:.5px solid rgba(146,192,171,.12);
}
.h-pg-hero-title{
  font-family:var(--display-heavy);font-weight:800;
  font-size:clamp(2.4rem,6.5vw,6.5rem);
  line-height:.96;letter-spacing:-.025em;
  color:rgba(210,185,140,.94);
  padding:5vw 0 5vw;max-width:18ch;
}
.h-pg-hero-title .lt{font-weight:500;color:rgba(210,185,140,.5);display:block}
.h-pg-hero-title .em{color:var(--mint)}
.h-pg-hero-meta{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:.5px solid rgba(146,192,171,.12);
  padding-top:2vw;
}
.h-pg-hero-meta > div{
  padding-right:1.5vw;
  border-right:.5px solid rgba(146,192,171,.06);
}
.h-pg-hero-meta > div:last-child{border-right:none}
.h-pg-hero-meta .label{
  font-size:clamp(.45rem,.6vw,.6rem);font-weight:700;
  letter-spacing:.4em;text-transform:uppercase;
  color:var(--mint);opacity:.7;margin-bottom:8px;
}
.h-pg-hero-meta .value{
  font-size:clamp(.55rem,.78vw,.72rem);font-weight:300;
  color:rgba(210,185,140,.7);letter-spacing:.06em;line-height:1.7;
}
.h-pg-hero-meta .value a{
  color:rgba(210,185,140,.95);
  text-decoration:none;
  border-bottom:.5px solid rgba(146,192,171,.35);
  transition:border-color .2s,color .2s;
}
.h-pg-hero-meta .value a:hover{color:var(--tan);border-color:var(--mint)}
.h-pg-hero-meta .value em{
  font-style:italic;font-weight:300;
  color:rgba(146,192,171,.55);
  display:block;margin-top:3px;font-size:.85em;
}

/* RESPONSIVE */
@media (max-width: 1100px){
  .h-pg-hero-meta{grid-template-columns:repeat(2,1fr);gap:2vw 0}
}
@media (max-width: 760px){
  .h-pg-hero{grid-template-columns:1fr}
  .h-spine{display:none}
  .h-pg-hero-body{padding:5vw}
  .h-pg-hero-top{flex-direction:column;align-items:flex-start;gap:1vw}
  .h-pg-hero-meta{grid-template-columns:1fr}
  .h-pg-hero-meta > div{border-right:none;border-bottom:.5px solid rgba(146,192,171,.06);padding:1.4vw 0}
  .h-margin-credit{display:none}
}