/* Agent context note: Three botanical tree illustrations and research disclosure. Transparent PNGs share intrinsic proportions; object-fit preserves them. Shared art sizing keeps path nodes aligned on desktop/mobile. Check layout and local assets after changes; update this note when structure changes. */
.intention { text-align: center; border-top: 1px solid var(--line); }
.intention .eyebrow { margin-bottom: 20px; }
.intention h2 span { color: var(--accent); }
.intention-lead { max-width: 530px; margin: 25px auto 0; color: var(--muted); font-size: 16px; line-height: 1.8; }
.journey-route { --art-height: 170px; --art-gap: 16px; position: relative; margin-top: 44px; }
.intention-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin: 0; padding: 0; list-style: none; }
.intention-path li { position: relative; min-width: 0; }
.journey-art { width: 100%; max-width: 272px; height: var(--art-height); object-fit: contain; margin: 0 auto var(--art-gap); }
.journey-trail { position: absolute; top: calc(var(--art-height) + var(--art-gap) - 17px); left: calc((100% - 96px) / 6); width: calc(100% - (100% - 96px) / 3); height: 70px; pointer-events: none; }
.journey-trail path { fill: none; stroke: #cdbb9e; stroke-width: 1; vector-effect: non-scaling-stroke; }
.path-number { position: relative; z-index: 1; width: 36px; height: 36px; display: grid; place-items: center; margin-inline: auto; background: var(--paper); border: 1px solid #cbb392; border-radius: 50%; color: var(--accent); font-size: 12px; }
.intention-path h3 { margin-top: 22px; font-size: 23px; text-wrap: balance; }
.intention-path p { max-width: 33ch; margin: 14px auto 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.path-research { max-width: 710px; margin: 34px auto 0; font-size: 12px; color: var(--muted); }
.path-research summary { width: fit-content; margin-inline: auto; color: var(--accent); cursor: pointer; list-style-position: inside; text-underline-offset: 4px; }
.path-research summary:hover { text-decoration: underline; }
.path-research summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.path-research p { margin-top: 14px; font-size: 13px; line-height: 1.8; }
.path-research a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.intention-mission { max-width: 690px; margin: 42px auto 0; padding-top: 30px; border-top: 1px solid var(--line); }
.intention-mission p:first-child { font-size: 20px; line-height: 1.6; letter-spacing: -.025em; }
.intention-mission p + p { margin-top: 10px; font-size: 15px; color: var(--muted); }
@media (max-width: 900px) {
  .intention-path { gap: 28px; }
  .journey-trail { left: calc((100% - 56px) / 6); width: calc(100% - (100% - 56px) / 3); }
  .intention-path h3 { font-size: 21px; }
  .intention-path p { font-size: 14px; }
}
@media (max-width: 700px) {
  .intention-lead { font-size: 15px; }
  .journey-route { --art-height: 132px; --art-gap: 22px; max-width: 400px; margin: 25px auto 0; }
  .journey-trail { display: none; }
  .intention-path { grid-template-columns: 1fr; gap: 44px; text-align: left; }
  .intention-path li { padding-left: 52px; }
  .intention-path li:not(:last-child)::after { content: ""; position: absolute; top: calc(var(--art-height) + var(--art-gap) + 14px); left: 17px; height: calc(100% + 44px); width: 1px; background: var(--line); }
  .journey-art { max-width: 240px; }
  .path-number { position: absolute; left: 0; top: calc(var(--art-height) + var(--art-gap) - 4px); }
  .intention-path h3 { margin-top: 0; font-size: 22px; }
  .intention-path p { max-width: none; margin-top: 12px; font-size: 14px; }
  .path-research { margin-top: 35px; }
  .intention-mission { margin-top: 32px; padding-top: 28px; }
  .intention-mission p:first-child { font-size: 19px; }
}