/* Innovation inherits Traction's tokens, type, controls and motion. */
/* Slightly smaller prose; preserve sector labels, headings and controls. */
:root{--innovation-prose-size:.9375rem}
#main .hero-description p,#main .section p:where(:not(.sector,.flow-label,.diagram-note,.choice-or)),#main .experience-ribbon p,#main .detail-body li{font-size:var(--innovation-prose-size);line-height:1.6}
#header{background:#0A1028;opacity:1;backdrop-filter:none}
/* Blocks assemble once in 1.2 seconds; connections complete the reading path. */
.experience-motion-active .flow-nodes li{animation:experience-assemble 850ms cubic-bezier(.18,.8,.18,1) var(--assemble-delay,0s) both}
.experience-motion-active .flow-nodes li:not(:last-child):after{animation:experience-connect 340ms ease-out var(--link-delay,1.1s) both}
.experience-index article h3{position:relative;padding-bottom:12px}
.experience-index article h3:after{content:'';position:absolute;left:0;bottom:0;width:52px;height:2px;background:#9E375C;transform:scaleX(0);transform-origin:left}
.experience-index .experience-motion-active h3:after{animation:experience-reference 900ms var(--ease) both}
@keyframes experience-assemble{from{transform:translate3d(var(--assemble-x,0px),var(--assemble-y,24px),0) rotate(var(--assemble-angle,0deg)) scale(.97);box-shadow:0 10px 18px rgba(65,22,47,.12)}to{transform:translate3d(0,0,0) rotate(0deg) scale(1);box-shadow:0 2px 5px rgba(65,22,47,.04)}}
@keyframes experience-connect{from{opacity:0;transform:translateX(-4px) rotate(45deg)}to{opacity:1;transform:translateX(0) rotate(45deg)}}
@keyframes experience-reference{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.project-diagram *, .experience-index article *{animation:none!important}.experience-index article h3:after{transform:scaleX(1)}}
.project-case{padding-block:32px;border-top:1px solid var(--line)}
.project-heading{margin-bottom:24px}.project-heading h3{font-size:clamp(27px,2.55vw,36px);line-height:1.16;max-width:36ch}.project-heading .sector{margin-bottom:10px}
.project-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:44px;align-items:start}
.project-copy h4{font-size:16px;line-height:1.5;margin:0 0 8px;font-weight:700;color:var(--text)}
.project-copy>p{margin:0 0 22px;color:var(--muted)}
.project-result{padding-top:18px;border-top:1px solid var(--line)}.project-result p{color:var(--muted)}.project-result p strong{color:var(--text);font-weight:600}
.project-diagram{background:#FAF4F0;padding:24px;border-radius:10px;border:1px solid #D9C8C8;align-self:stretch;display:flex;flex-direction:column;gap:20px}
.project-diagram figcaption{font-size:19px;font-weight:600;line-height:1.3;color:#291531}
.project-flow .flow-label{color:#713454;font-weight:600;margin-bottom:10px}
.flow-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.flow-nodes li{position:relative;border:1px solid #DFC7CD;border-top:2px solid #B1697D;padding:12px 10px;min-width:0;color:#291531;background:#F6E9E6;border-radius:7px;transform-origin:50% 70%}
.flow-nodes li:not(:last-child):after{content:'';position:absolute;right:-12px;top:20px;width:6px;height:6px;border-top:1.5px solid #713454;border-right:1.5px solid #713454;transform:rotate(45deg)}
.flow-inputs .flow-nodes li:after{display:none}
.flow-nodes strong{display:block;font-size:16px;line-height:1.3;font-weight:650}.flow-nodes span{display:block;margin-top:7px;font-size:14px;line-height:1.4;color:#694A60}
.project-diagram .diagram-note{font-size:14px;line-height:1.45;color:#694A60}
.project-diagram .project-lesson{margin-top:auto;padding-top:18px;border-top:1px solid #D9C8C8;color:#291531}.project-lesson strong{display:block;margin-bottom:6px;font-weight:600}
.project-evidence{margin-top:18px}.project-evidence .detail-body p{max-width:95ch}
.case .more-experiences{margin-top:12px}.case .case-conversion{margin-top:28px}
@media(max-width:1000px){.project-body{gap:26px;grid-template-columns:1fr 1fr}.project-diagram{padding:20px}}
@media(max-width:759px){.project-body{grid-template-columns:1fr;gap:24px}.project-heading h3{font-size:27px}.project-case{padding-block:28px}.project-diagram{padding:18px;gap:18px}.flow-nodes{gap:16px}.flow-nodes strong{font-size:16px;overflow-wrap:anywhere}.flow-nodes span{font-size:14px}.project-diagram figcaption{font-size:18px}}
@media(max-width:759px){.hero{padding-top:100px}}
.hero .hero-description p{max-width:68ch}
.experience-ribbon{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.experience-ribbon .wrap{display:flex;justify-content:space-between;gap:28px;align-items:center;padding-block:25px}
.experience-ribbon p{font-size:16px;line-height:1.5}.experience-ribbon p span{display:block;color:var(--muted)}
.experience-ribbon a{font-size:16px;display:inline-flex;align-items:center;gap:18px;min-height:44px;flex-shrink:0}
.case-heading .section-intro{max-width:78ch}
.case .sector{font-size:16px;font-weight:500;line-height:1.5;color:#435578;margin:0 0 16px}
.case-origin>h3{max-width:520px}.case-origin>p{margin-top:0}
.case-diagram{display:block;width:100%;height:auto;margin:0 0 26px}
.reference-result{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.reference-result>strong{font-size:26px;letter-spacing:-.02em;line-height:1.2;display:block;color:var(--text)}
.case-origin .reference-result p{margin-top:10px}
.case .detail-body{color:var(--muted)}.case summary:hover{color:#24306C}
.supporting-cases{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:48px}
.supporting-cases>article{display:grid;grid-template-rows:auto auto 1fr auto auto;align-content:start;border-top:1px solid var(--line);padding-top:26px}
.supporting-cases h3{font-size:27px;line-height:1.2;max-width:26ch;margin-bottom:18px}
.supporting-cases p{color:var(--muted)}.supporting-cases .case-key{color:var(--text);font-weight:600;margin-top:18px}
.supporting-cases details{margin-top:12px}.supporting-cases .detail-body p{margin:0}
.more-experiences{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px;padding-block:6px}
.more-experiences>summary{font-weight:600}.experience-index{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;padding-block:18px}
.experience-index article h3{font-size:21px}.experience-index .sector{font-size:16px;margin:8px 0 12px}
.reference-note{margin-top:18px;color:var(--muted)}
.case-conversion{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.case-conversion h3{font-size:24px}.case-conversion p{margin-top:10px;color:var(--muted);max-width:59ch}.case-conversion .btn{flex-shrink:0}
.starting-route{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.starting-route h3{font-size:25px;margin-bottom:12px}.starting-route>p{color:var(--muted)}
.starting-route details{margin-top:8px}.starting-route .detail-body p+p{margin-top:12px}.method-start{margin-top:24px}
.method-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.person-card{position:sticky;top:108px}
.hero-copy h1{font-size:clamp(40px,4.05vw,58px)}
@media(min-width:1200px){.hero-copy{grid-template-columns:minmax(0,704px) minmax(0,380px)}.hero-feature{grid-row:1/4}}
@media(min-width:760px) and (max-height:800px){.hero{padding-top:96px;padding-bottom:30px}.hero-copy{row-gap:14px}.hero-copy h1{font-size:clamp(38px,3.5vw,48px)}.hero-heading .audience{margin-bottom:12px}.hero-copy h1 span+span{margin-top:12px}.hero-description>p+p{margin-top:10px}}
@media(max-width:1000px){.supporting-cases{gap:32px}.case-conversion{align-items:flex-start;flex-direction:column}.experience-ribbon .wrap{gap:20px}.experience-ribbon a{flex-shrink:1}}
@media(max-width:759px){.experience-ribbon .wrap{display:block;padding-block:22px}.experience-ribbon a{margin-top:10px}.hero-copy h1{font-size:38px}.hero-copy h1 span+span{font-size:29px}.supporting-cases,.experience-index{grid-template-columns:1fr;gap:28px}.supporting-cases{margin-top:32px}.supporting-cases h3{font-size:25px;max-width:none}.case-conversion{gap:24px;margin-top:28px}.method-grid{grid-template-columns:1fr}.person-card{position:static}.experience-index{padding-bottom:8px}.case-origin .sector{margin-bottom:14px}.reference-result>strong{font-size:24px}.hero-choice{order:0}.hero-feature{order:1}.more-experiences{margin-top:30px}}

/* Sector headings: editorial landmarks shared by all nine experiences. */
.case .case-heading .section-intro{max-width:78ch}
.case .case-heading .section-intro strong{display:block;margin-bottom:8px}
.case-heading+.project-case{border-top:0;padding-top:0}
.case .project-heading p.sector,.case .experience-index p.sector{display:flex;align-items:center;gap:20px;color:#713454;font-weight:600;line-height:1.3;letter-spacing:.005em;text-wrap:balance}
.case .project-heading p.sector{font-size:22px;margin:0 0 16px}
.case .project-heading p.sector:after,.case .experience-index p.sector:after{content:'';height:1px;background:#BA8E9D;flex:1;min-width:24px}
.case .experience-index p.sector{font-size:16px;margin:0 0 12px;gap:14px}
.case .experience-index article h3{margin-bottom:12px}
@media(max-width:759px){.case .project-heading p.sector{font-size:20px;gap:16px}.case .project-heading p.sector:after{flex:0 0 28px}.case .experience-index p.sector:after{max-width:80px}}

/* Credentials stated by the founder, displayed directly in the profile. */
.person-card .profile-credentials{margin:22px 0 24px;border-block:1px solid var(--line)}
.profile-credentials>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;padding-block:18px}
.profile-credentials dt img{display:block;width:96px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.profile-credentials>div+div{border-top:1px solid var(--line)}
.profile-credentials dt{font-size:16px;font-weight:650;line-height:1.4;color:var(--text)}
.profile-credentials dd{margin:0;font-size:var(--innovation-prose-size);line-height:1.6;color:var(--muted)}
.profile-credentials dd>strong,.profile-credentials dd>span{display:block}
.profile-credentials dd>strong{color:var(--text);font-weight:600;margin-bottom:5px}
.profile-credentials dd>a{display:inline-block;margin-top:8px;padding-block:6px;text-decoration:underline;text-underline-offset:4px}
#main .profile-credentials .credential-context{margin-top:10px}
#main .profile-credentials .credential-context>summary{font-size:var(--innovation-prose-size);line-height:1.5;padding-block:10px}
.profile-credentials .credential-context .detail-body{padding-bottom:0}
@media(max-width:399px){.profile-credentials>div{grid-template-columns:80px minmax(0,1fr);gap:16px}}