/*
  PREMISE — editorial statement block. The blockquote fades/rises in when scrolled into view.
  Scoped under .hc-premise.
*/
.hc-premise{
  background:var(--ink);color:var(--cream);
  padding:clamp(4rem,9vw,8rem) clamp(6vw,10vw,12rem);
  border-top:2px solid var(--cream);border-bottom:2px solid var(--cream);
}
.hc-premise blockquote{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(1.7rem, 1.2rem + 2vw, 3.1rem);line-height:1.25;
  text-indent:clamp(1rem, 6vw, 6rem);
  opacity:0;transform:translateY(34px);
  transition:opacity .9s ease, transform .9s ease;
}
.hc-premise blockquote.in{opacity:1;transform:none}
.hc-premise blockquote strong{color:var(--accent);font-weight:600}
.hc-premise .hc-premise-tag{
  margin-bottom:3rem;font-family:var(--sans);font-size:.8rem;letter-spacing:.35em;
  text-transform:uppercase;color:var(--muted);
}