.home {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: 1fr auto;
  background: var(--cream);
}
.home__hero {
  display: grid;
  place-items: center;
  padding: clamp(2rem, 6vw, 4rem) 1.5rem;
}
.home__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1.4rem, 3vw, 2rem);
  max-width: 520px;
  width: 100%;
}
.home__logo {
  width: min(340px, 72vw);
  height: auto;
  mix-blend-mode: multiply;
}
.home__lede {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(1.25rem, 3.4vw, 1.6rem);
  color: var(--terracotta);
  line-height: 1.25;
}
.home__actions {
  display: flex;
  flex-direction: column;
  gap: .75em;
  width: 100%;
  max-width: 340px;
}
.home__actions .btn {
  width: 100%;
  justify-content: center;
  padding: 1.05em 1.5em;
  border-radius: var(--radius-pill);
  border: 2px solid var(--ink);
  font-weight: 700;
  font-size: 1.05rem;
}
.home__actions .btn--primary {
  background: var(--terracotta);
  color: var(--paper);
  box-shadow: var(--shadow-sm);
  transition: transform .2s, box-shadow .2s;
}
.home__actions .btn--primary:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--shadow-md);
  color: var(--paper);
}
.home__actions .btn--secondary {
  background: var(--paper);
  color: var(--ink);
  transition: background .2s, color .2s;
}
.home__actions .btn--secondary:hover {
  background: var(--ink);
  color: var(--paper);
}
.home__footer {
  padding: 1.4rem 1.5rem 1.8rem;
  text-align: center;
  font-size: .9rem;
  color: var(--muted);
}
.home__footer a {
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  gap: .35em;
}
.home__footer a:hover { color: var(--terracotta); }
.home__footer b { font-weight: 700; color: var(--ink); }
.home__footer a:hover b { color: var(--terracotta); }
.home__heart { color: var(--terracotta); }