/* ntvrli design system — study page layer
   Composition shared by every case study. No new colours, no new type sizes:
   this file only arranges what tokens.css and components.css already define. */

.study-head {
  min-height: 82svh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.study-head .anchor { margin-bottom: var(--s-4); }

.head-block { margin-bottom: var(--s-5); }
.head-block .lead { margin-top: var(--s-3); }

/* Idea on the left, ingredients on the right. Collapses to one column. */
.split { display: grid; gap: var(--s-5); }
@media (min-width: 900px) { .split { grid-template-columns: 1fr 1fr; } }

.sig { display: grid; gap: var(--s-2); margin-top: var(--s-4); }

.next { display: block; text-decoration: none; color: var(--fg); }
.next i { font-style: normal; display: inline-block; transition: transform var(--fast) var(--ease); }
.next:hover i, .next:focus-visible i { transform: translateX(.45em); }