/* ==========================================================================
   HAVEN. — how do you want to live.

   The same row component as the intentions, deliberately: they are the same
   object — a large word you press — and giving them two designs would be two
   components to keep in step. What is different is the chapter's shape: the
   window leads and the words follow it, because this chapter is about looking
   rather than choosing.
   ========================================================================== */
.ways { padding: 12vh 0; }

.ways__body {
  display: grid;
  gap: 2.6rem;
  margin-top: 4.5rem;
  align-items: start;
}

.ways__line { min-height: 3.2em; margin-top: 1.6rem; }
.ways__pick .tags li { animation: tag-in .5s var(--ease) both; animation-delay: var(--d, 0ms); }
@keyframes tag-in {
  from { opacity: 0; transform: translateY(.5rem); }
  to   { opacity: 1; transform: none; }
}

@media (min-width: 900px) {
  .ways__body { grid-template-columns: 660px 1fr; gap: 4rem; }
}
@media (max-width: 899px) {
  .ways { padding: 8vh 0; }
  .ways__frame { order: -1; }
  .row__hit { min-height: 52px; }
}