/* The outreach site uses the established Soft navy, ivory and cobalt identity. */
.story-site .hero-aside p{max-width:38ch;font-size:17px;line-height:1.7}
.story-hero-contact{display:flex;width:fit-content;margin-top:16px;font-size:14px}
.story-problem,.story-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start;border-bottom:1px solid var(--line)}
.story-problem h2,.story-stage h2,.story-founders h2{font-size:clamp(32px,3.3vw,44px);line-height:1.15;font-weight:550}
.story-problem p,.story-stage p{color:var(--muted);font-size:17px;line-height:1.75;max-width:52ch}
.story-problem .story-lead{font-size:22px;line-height:1.45;color:var(--ink);margin-bottom:20px;letter-spacing:-.02em}
.story-site .how-section{border-bottom:1px solid var(--line)}
.story-site .section-heading>h2{font-size:clamp(32px,3.3vw,44px);line-height:1.15;font-weight:550;margin-bottom:0}
.story-feature-example{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:40px 0 48px;border-bottom:1px solid var(--line)}
.story-feature-example h3{font-size:clamp(28px,3vw,38px);margin:22px 0;font-weight:550}
.story-feature-example p{max-width:46ch;color:var(--muted);font-size:17px;line-height:1.75}
.story-example-io{margin:0;align-self:center}
.story-example-io>div{border-top:1px solid var(--line);padding:18px 0}
.story-example-io dt{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--ink)}
.story-example-io dd{margin:0;font-size:16px;color:var(--muted);line-height:1.65}
.story-other-examples{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:36px}
.story-other-examples h3{font-size:24px;font-weight:550;margin-bottom:14px}
.story-other-examples p{font-size:16px;line-height:1.75;color:var(--muted);max-width:46ch;margin-bottom:0}
.story-evaluation .principles p{font-size:16px}
.story-stage{border:0}
.story-founders{border-top:1px solid var(--line)}
.story-founders .story-founder-role{font-size:14px;margin-bottom:14px;color:var(--blue)}
.story-founders .text-link{margin-top:14px}
.story-contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.story-contact>div>p{max-width:44ch;font-size:18px;line-height:1.7}
.story-contact .story-contact-note{font-size:16px;color:#c7d4e5;margin-top:24px}
.story-contact .story-contact-address{font-size:14px;margin-top:14px;overflow-wrap:anywhere}
.contact-form{margin-top:28px;position:relative;text-align:left}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:block;color:#f1f5fc;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:18px}
.contact-form label span{color:#b8c8df;font-weight:400}
.contact-form input,.contact-form textarea{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:8px;border:1px solid #7183a1;border-radius:10px;background:#182e4e;color:#fff;font:inherit;font-size:16px;line-height:1.6;padding:12px 14px}
.contact-form textarea{resize:vertical;min-height:140px}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #a5c6ff;outline-offset:3px;border-color:#a5c6ff}
.contact-form textarea::placeholder{color:#b7c6dc}
.contact-form .contact-caption,.story-contact .contact-direct{font-size:14px!important;line-height:1.6;color:#c7d4e5;margin:0 0 20px}
.contact-form .contact-status{font-size:15px!important;line-height:1.6;margin:18px 0;color:#e3ecfb;overflow-wrap:anywhere}
.contact-status:empty{display:none}
.contact-form .contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.story-contact .contact-direct{margin-top:24px}
.contact-direct a{color:#fff;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;gap:6px}
.contact-direct .icon{width:15px;height:15px}
@media(max-width:450px){.contact-fields{grid-template-columns:1fr;gap:0}.contact-form .button{width:100%;justify-content:center}}
.story-inner .inner-hero{padding-top:48px;padding-bottom:52px}
.story-inner .inner-hero h1{font-size:clamp(40px,4.6vw,60px)}
.story-inner .inner-hero>p{font-size:19px;max-width:52ch;margin-bottom:0}
.story-site #contact,.story-site #how-it-works{scroll-margin-top:-26px}
@media(max-width:950px){.story-problem,.story-stage,.story-feature-example,.story-contact{gap:40px}.story-other-examples{gap:40px}}
@media(max-width:760px){.story-problem,.story-stage,.story-feature-example,.story-contact{grid-template-columns:1fr;gap:24px}.story-problem h2,.story-stage h2{margin-bottom:0}.story-feature-example{padding-top:12px}.story-contact h2{margin-bottom:0}.story-inner .inner-hero{padding-top:40px;padding-bottom:40px}}
@media(max-width:600px){.story-other-examples{grid-template-columns:1fr;gap:30px}.story-site .hero-aside p{font-size:16px}.story-hero-contact{margin-top:8px}.story-problem h2 br{display:none}.story-problem p,.story-stage p,.story-feature-example p{font-size:16px}.story-problem .story-lead{font-size:20px}.story-site .demo-title h2{font-size:15px}.story-site .artifact-title{font-size:12px}.story-contact>div>p{font-size:17px}.story-contact .story-contact-note{font-size:16px}.story-site #contact,.story-site #how-it-works{scroll-margin-top:-28px}}
@media print{.story-site .closing-section{display:block;background:white;color:black}.story-contact .story-contact-note{color:#333}.story-site .hero-atmosphere{display:none}}