.project-intro{color:#24344c;padding:32px 0 12px;line-height:1.8;animation:intro-arrive .6s ease both}.project-intro *{box-sizing:border-box}.intro-eyebrow,.intro-index{font-size:11px;letter-spacing:.12em;color:#597195}.intro-heading{border-top:1px solid #cfd9e7;padding:64px 0 48px}.intro-heading h2{font-size:clamp(28px,3.6vw,46px);letter-spacing:-.04em;line-height:1.35;margin:18px 0}.intro-heading p,.project-intro p{color:#516686;font-size:14px}.intro-purpose{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:28px 0 48px}.project-intro h3{font-size:25px;line-height:1.45;margin:0 0 20px}.purpose-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.purpose-columns p{margin:0}.purpose-columns b{display:block;color:#314158;margin-bottom:10px;font-size:15px}.intro-loop{padding:38px;background:#21334d;border-radius:8px 48px 8px 8px;color:#f6f8ef}.intro-loop .intro-eyebrow,.intro-loop p{color:#b5c1d2}.loop-heading h3{margin:12px 0 6px}.loop-heading p{margin:0}.loop-steps{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.loop-steps li{position:relative;border-top:1px solid #607aa0;padding-top:16px}.loop-steps li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:-17px;color:#adbed7}.loop-steps span{display:block;font-size:12px;color:#98b0d3;margin-bottom:14px}.loop-steps b{display:block;font-size:16px}.loop-steps small{font-size:12px;color:#bcc7d7;display:block;margin-top:6px}.loop-return{font-size:12px;color:#c7d1df;border-top:1px dashed #576e91;padding-top:18px}.intro-audience{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:64px 0}.intro-audience h3{margin:16px 0}.intro-audience header p{max-width:260px}.audience-lines article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #cfd9e7}.audience-lines article:first-child{padding-top:0}.audience-symbol{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border:1px solid #bcc6d7;border-radius:50%;font-size:22px}.audience-lines h4{font-size:18px;margin:0 0 10px}.audience-lines p{margin:0}.intro-companion{display:grid;grid-template-columns:240px 1fr;gap:36px;padding:36px;background:#e2e8f0;border-radius:40px 8px 8px 8px}.companion-portrait{display:flex;align-items:center;justify-content:center;flex-direction:column}.companion-portrait img{width:170px;height:170px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 10px #24344c12)}.companion-portrait span{font-size:13px;margin-top:16px}.companion-copy h3{margin:12px 0 24px}.companion-modes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.companion-modes article{border-top:1px solid #b3bfd1;padding-top:14px}.companion-modes span{font-size:18px;font-weight:600}.companion-modes p{margin:8px 0}.project-intro .companion-footnote{font-size:12px;margin:20px 0 0}.intro-principle{display:flex;gap:40px;align-items:baseline;padding:30px 0}.intro-principle span{font-size:14px;white-space:nowrap}.intro-principle p{font-size:12px;margin:0;max-width:680px}@keyframes intro-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.project-intro{padding-top:12px}.intro-heading{padding:36px 0 24px}.intro-purpose{grid-template-columns:1fr;gap:16px;padding-bottom:30px}.purpose-columns{grid-template-columns:1fr;gap:18px}.purpose-columns b{margin-bottom:4px}.project-intro h3{font-size:22px}.intro-loop{padding:26px 22px}.loop-steps{grid-template-columns:1fr;gap:0;margin:24px 0}.loop-steps li{border-top:0;border-left:1px solid #607aa0;margin-left:12px;padding:0 0 22px 28px}.loop-steps li:last-child{padding-bottom:0}.loop-steps span{position:absolute;left:-13px;top:0;width:26px;background:#21334d;text-align:center}.loop-steps li:not(:last-child):after{display:none}.loop-steps small{margin-top:2px}.intro-audience{grid-template-columns:1fr;gap:20px;padding:36px 0}.intro-audience h3 br{display:none}.intro-audience header p{max-width:none}.audience-lines article{gap:14px}.audience-lines h4{font-size:17px}.audience-symbol{width:40px;height:40px;font-size:18px}.intro-companion{grid-template-columns:1fr;padding:26px 22px;gap:24px}.companion-portrait{flex-direction:row;gap:16px;justify-content:flex-start}.companion-portrait img{width:80px;height:80px}.companion-portrait span{margin:0}.companion-modes{gap:18px}.intro-principle{display:block;padding:24px 0}.intro-principle p{margin-top:8px}}@media(prefers-reduced-motion:reduce){.project-intro{animation:none}}
