.field-masthead { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-block: 1.5rem; border-bottom: 1px solid var(--rule); }
.field-name { display: inline-flex; min-height: 44px; align-items: center; gap: .75rem; text-decoration: none; font-family: var(--display); font-weight: 700; letter-spacing: -.025em; }
.field-name::before { content: "↗"; font-family: var(--body); font-size: 1.5rem; }
.field-topic { font-size: 1rem; font-weight: 500; color: var(--quiet); }
.guide-intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block: clamp(4rem, 8vw, 8rem); }
.intro-words { max-width: 72ch; }
.reading-stage { font-size: 1rem; font-weight: 500; margin-bottom: 1.5rem; color: var(--quiet); }
.home-intro h1 { font-size: clamp(2.5rem, 5vw, 4rem); }
.intro-deck { margin-top: 2rem; font-family: var(--display); font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.3; }
.intro-description { margin-top: 1rem; }
.type-poster { border-block: 1px solid var(--rule); padding-block: 1.5rem; width: 100%; }
.poster-label { font-size: 1rem; color: var(--quiet); margin-bottom: 2rem; }
.poster-verb { display: block; font-family: var(--display); font-size: clamp(2.5rem, 6vw, 5.5rem); font-weight: 700; line-height: .9; letter-spacing: -.04em; text-align: left; }
.poster-verb + .poster-verb { margin-top: .5rem; }
.poster-caption { display: block; margin-top: 2rem; font-size: 1rem; color: var(--quiet); }
.inner-intro .type-poster { max-width: 420px; justify-self: end; }
.inner-intro .poster-verb { font-size: clamp(2.5rem, 4.5vw, 4.5rem); }
.intro-link { display: inline-flex; align-items: center; min-height: 48px; margin-top: 1.5rem; padding: .65rem 1rem; border: 1px solid var(--rule); border-radius: 8px; text-decoration: none; gap: 1rem; }
.intro-link::after { content: "→"; }
.intro-link:hover { background: var(--paper); color: var(--ink); }
@media (prefers-reduced-motion: no-preference) {
  .home-intro .poster-verb { animation: type-rise 420ms both; }
  .home-intro .poster-verb:nth-of-type(2) { animation-delay: 80ms; }
  .home-intro .poster-verb:nth-of-type(3) { animation-delay: 160ms; }
  @keyframes type-rise { from { opacity: .7; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 680px) {
  .field-masthead { align-items: flex-start; padding-block: 1rem; }
  .field-topic { max-width: 12ch; text-align: right; }
  .guide-intro { grid-template-columns: minmax(0, 1fr); padding-block: 4rem; gap: 3rem; }
  .inner-intro .type-poster { justify-self: stretch; max-width: none; }
  .type-poster { padding-block: 1rem; }
  .poster-label, .poster-caption { margin-block: 0; }
  .poster-label { margin-bottom: 1rem; }
  .poster-caption { margin-top: 1rem; }
  .poster-verb { font-size: 3.25rem; }
}