/* next: "Where I'm going." One long term goal under a horizon line. Hairlines, no boxes. */
#next { padding: clamp(96px, 14vh, 150px) var(--pad-r) clamp(96px, 14vh, 150px) var(--pad-l); }
#next .n-in { width: 100%; max-width: 1560px; margin: 0 auto; }
#next .n-head { margin-bottom: clamp(36px, 7vh, 80px); }
#next .n-title { font-size: clamp(44px, 5.6vw, 96px); letter-spacing: -0.04em; }
#next .n-mask { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .16em; margin-bottom: -.16em; }
#next .n-mask > b { display: inline-block; font-weight: inherit; will-change: transform; }
#next .n-sub { margin-top: clamp(10px, 1.6vh, 18px); color: var(--soft); max-width: 36ch; }

#next .n-set { position: relative; }
/* the horizon: one line across, a light that moves along it with the scroll */
#next .n-line { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(255, 255, 255, .34); transform: scaleX(var(--p, 1)); transform-origin: 0 50%; overflow: visible; }
#next .n-light { position: absolute; left: 0; top: -1px; width: 9px; height: 3px; border-radius: 2px; background: var(--bulb); transform: translateX(var(--lx, 0px)); opacity: var(--lo, 0); }

/* the label on the left, the three paragraphs set large on the right */
#next .n-col { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2.4fr); column-gap: clamp(24px, 4vw, 72px); padding-top: clamp(28px, 5vh, 56px); }
#next .n-h { display: flex; align-items: center; gap: 14px; align-self: start; font-weight: 700; letter-spacing: -0.035em; line-height: 1; font-size: clamp(30px, 3.2vw, 54px); }
#next .n-bulb { width: 8px; height: 8px; border-radius: 50%; background: var(--bulb); flex: none; }
#next .n-body p { color: var(--soft); font-size: clamp(19px, 1.75vw, 28px); line-height: 1.42; letter-spacing: -0.01em; max-width: 34em; }
#next .n-body p:first-child { color: var(--ink); }
#next .n-body p + p { margin-top: 1em; }

@media (max-width: 820px) {
  #next { padding-top: 88px; padding-bottom: 72px; }
  #next .n-col { display: block; padding-top: 26px; }
  #next .n-h { margin-bottom: 18px; }
  #next .n-body p { font-size: 17px; line-height: 1.6; letter-spacing: 0; }
}