/*
  CARDS — intro column + staggered deck of cards with a light "tossed" layout (no shadows, no scroll-scrub).
  Scoped under .hc-cards. Reveal state is `.in` (added by _shared/scripts.js revealOnScroll).
*/
.hc-cards{
  background:var(--paper);color:var(--ink);padding:clamp(4rem,9vw,8rem) clamp(5vw,7vw,9rem);
}
.hc-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start}
@media(max-width:860px){.hc-cards-grid{grid-template-columns:1fr}}
.hc-cards-left .hc-kicker{color:var(--accent);font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;font-weight:700}
.hc-cards-left h2{font-family:var(--serif);font-weight:800;font-size:var(--h2);line-height:1.05;margin:.8rem 0 1rem}
.hc-cards-left p{color:#4a4638;max-width:38rem}
.hc-cards-list{display:flex;flex-direction:column;gap:1.1rem}
.hc-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.5rem;
  opacity:0;transform:translateY(36px);transition:opacity .6s ease, transform .6s ease;
  will-change:opacity,transform;
}
.hc-card.in{opacity:1;transform:translateY(0)}
.hc-card .hc-card-num{font-family:var(--serif);font-weight:800;font-size:1.4rem;line-height:1;color:var(--accent)}
.hc-card h3{font-family:var(--serif);font-weight:700;font-size:1.4rem;line-height:1.15;margin:.6rem 0 .4rem}
.hc-card p{color:#55503f;font-size:.97rem;line-height:1.45}
.hc-card .hc-card-tag{display:inline-block;margin-top:.9rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}
.hc-card:nth-child(1){rotate:-1.5deg;margin-right:26px}
.hc-card:nth-child(2){rotate:2deg;margin-left:30px;margin-top:-6px}
.hc-card:nth-child(3){rotate:-1deg;margin-right:34px;margin-top:-4px}
.hc-card:nth-child(4){rotate:1.5deg;margin-left:18px;margin-top:-6px}
@media(max-width:860px){
  .hc-card{margin:0 0 !important;rotate:0deg !important}
}