/* A bounded type/color study on poster v02. The original layout stays intact. */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/CormorantGaramond-Variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --pink: #ffa4c5; /* Sampled from the reference's pollypocket label. */
  --red: var(--pink);
  --pink-ink: #b93f73;
}
/* Bold sans / fine upright serif: the same contrast as the reference. */
.poster-lockup .title-hate {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 1.31em;
  letter-spacing: -.055em;
  word-spacing: -.015em;
  line-height: .77;
  color: var(--paper);
  background: var(--ink);
  padding: .07em .08em .085em .045em;
  margin-top: .035em;
  margin-bottom: .035em;
}
.poster-lockup .title-i { letter-spacing: -.055em; }
.poem em,
html[lang=vi] .poem em {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 1.19em;
  letter-spacing: -.035em;
  word-spacing: .02em;
  line-height: 1.03;
  color: var(--pink-ink);
}
.ink .poem em, html[lang=vi] .ink .poem em { color: var(--pink); }
html[lang=vi] .poem em { line-height: 1.14; }
.poem-start>span:first-child {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 38px;
  letter-spacing: -.025em;
  color: var(--pink-ink);
}
.ending-label, .signed { color: var(--pink); }
.confession em {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 1.08em;
  letter-spacing: -.035em;
  color: var(--pink);
}
/* Small functional text stays legible on the original cream paper. */
.hero-topline strong { color: var(--ink); }
.site-header nav>button:hover, .site-header nav>a:hover { color: var(--pink-ink); }
.round-link:hover .round-arrow { color: var(--ink); }
::selection { color: var(--ink); background: var(--pink); }
button:focus-visible, a:focus-visible, video:focus-visible { outline-color: var(--pink-ink); }
@media(max-width:600px) {
  .poem-start>span:first-child { font-size:30px; }
  .poem em { font-size:1.17em; }
}