/* Interior pages share the homepage palette, typography and public layout. */
.inner-page{--section-space:112px;background:#fff}
.inner-page .site-header{position:sticky;top:0;height:76px;color:var(--ink);background:#fffffff5;border-bottom:1px solid var(--line)}
.inner-page .site-header .header-contact{border-color:#a8b5bb}
.inner-page h1{font-size:clamp(40px,4.5vw,68px);line-height:1.3;font-weight:500;letter-spacing:-.035em}
.inner-page h2{font-size:clamp(30px,3.1vw,46px);line-height:1.4;letter-spacing:-.025em}
.inner-page h3{font-size:24px;line-height:1.5;font-weight:500}
.inner-page figure{margin:0;min-width:0}
.inner-page p{line-height:1.9}
.inner-page .page-width{max-width:1500px}
.page-hero{position:relative;isolation:isolate;min-height:610px;background:var(--night);color:#fff;display:flex;align-items:center;overflow:hidden}
.page-hero-media{position:absolute;inset:0;z-index:-1}
.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:75% 15%}\n.page-hero:not(.page-hero--light) .page-hero-media{left:24%}
.page-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101a20 0%,#101a20dc 20%,#101a204d 60%,#101a2000 100%)}
.page-hero-content{padding-block:58px 74px}
.breadcrumb,.breadcrumb-current{font-size:12px;color:#d4e4ea}
.breadcrumb:hover{text-decoration:underline}
.breadcrumb-separator{display:inline-block;font-size:12px;color:#8ca8b4;margin-inline:13px}
.page-hero h1{max-width:760px;margin-top:40px;text-wrap:balance}
.page-lead{margin-top:26px;color:#d4e1e6;font-size:17px;max-width:530px}
.page-actions{display:flex;align-items:center;gap:32px;margin-top:35px}
.hero-text-link{font-size:14px;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #a2bac4;padding-bottom:5px}
.page-hero--light{background:#f2f5f5;color:var(--ink)}
.page-hero--light .page-hero-media{inset:0 0 0 20%}
.page-hero--light .page-hero-media::after{background:linear-gradient(90deg,#f2f5f5 0%,#f2f5f5eb 23%,#f2f5f520 75%)}
.page-hero--light .page-hero-media img{object-position:80% center}
.page-hero--light .breadcrumb,.page-hero--light .breadcrumb-current{color:#526a76}
.page-hero--light .page-lead{color:#536a76}
.button-dark{background:var(--ink);color:#fff}
.button-dark:hover{background:#315b67;color:#fff}
.page-index{position:sticky;top:76px;z-index:20;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.page-index>div{display:flex;gap:42px;overflow-x:auto;scrollbar-width:none}
.page-index a{position:relative;flex-shrink:0;font-size:14px;padding:19px 0 18px;color:#5b717c}
.page-index a::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:transparent}
.page-index a[aria-current]{color:#164f5e}
.page-index a[aria-current]::after{background:#398b9c}
.inner-section{padding-block:var(--section-space)}
.inner-soft{background:var(--soft)}
.inner-heading{margin-bottom:50px;max-width:760px}
.inner-heading>p:last-child:not(.inner-label){font-size:16px;color:var(--muted);margin-top:22px;max-width:610px}
.inner-label{font-size:13px;color:#48717d;margin-bottom:19px}
.split-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.split-story .inner-heading{margin-bottom:28px}
.split-story>figure img{width:100%;height:auto;object-fit:cover}
.story-lead{font-size:16px;color:#5b707b;max-width:650px}
.story-lead+.story-lead{margin-top:20px}
.story-lead+.text-link{margin-top:26px}
.loop-art img{width:100%;max-width:640px;margin:auto}
.loop-list{list-style:none;counter-reset:loop;padding:0;margin:34px 0 0}
.loop-list li{counter-increment:loop;position:relative;padding:0 0 25px 51px}
.loop-list li::before{content:"0" counter(loop);position:absolute;left:0;top:4px;color:#468394;font-size:12px}
.loop-list li+li{border-top:1px solid var(--line);padding-top:22px}
.loop-list li+li::before{top:26px}
.loop-list h3{font-size:19px}
.loop-list p{font-size:14px;color:var(--muted);margin-top:8px}
.capability-list{border-top:1px solid #ccd8dd}
.capability-row{display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:44px;padding-block:30px;border-bottom:1px solid #ccd8dd}
.capability-row>img{width:230px;height:150px;object-fit:cover}
.capability-row h3{font-size:25px}
.capability-row p{font-size:15px;color:var(--muted);margin-block:12px;max-width:630px}
.topic-line{display:block;font-size:12px;color:#48717d}
.capability-row .text-link{white-space:nowrap;margin-left:20px}
.evaluation-grid,.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}
.evaluation-grid article,.principle-grid article{border-top:1px solid #9db7c1;padding-top:26px}
.evaluation-grid h3,.principle-grid h3{font-size:23px}
.evaluation-grid p,.principle-grid p{font-size:15px;color:var(--muted);margin-top:17px}
.evaluation-grid+.text-link{margin-top:38px}
.principle-grid{margin-top:65px}
.detail-rows{margin:28px 0 34px}
.detail-rows>div{display:grid;grid-template-columns:92px 1fr;gap:24px;border-top:1px solid #d5dfe3;padding-block:18px}
.detail-rows dt{font-size:13px;color:#3e6472}
.detail-rows dd{font-size:14px;color:var(--muted);line-height:1.9;margin:0}
.scenario-story{display:grid;grid-template-columns:1.04fr 1fr;gap:7%;align-items:center}
.scenario-story>figure img{width:100%;height:570px;object-fit:cover;object-position:65% center}
.scenario-story h2{font-size:clamp(29px,2.8vw,43px)}
.scenario-story .story-lead{margin-top:22px}
.scenario-story--reverse>figure{order:2}
.wide-art{width:100%;height:auto;object-fit:cover}
.journey-steps{counter-reset:journey;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;padding:0;list-style:none;margin:40px 0 0}
.journey-steps li{position:relative;border-top:1px solid #98b2bd;padding-top:24px;counter-increment:journey}
.journey-steps li::before{content:"0" counter(journey);display:block;font-size:12px;color:#548695;margin-bottom:18px}
.journey-steps h3{font-size:21px}
.journey-steps p{font-size:14px;color:var(--muted);margin-top:12px}
.inner-cta{background:var(--night);color:#fff;padding-block:78px}
.inner-cta>.page-width{display:flex;justify-content:space-between;align-items:center;gap:60px}
.inner-cta h2{font-size:clamp(30px,3.3vw,48px)}
.inner-cta p{font-size:15px;margin-top:20px;color:#b8cbd4}
.inner-cta .button{flex-shrink:0;min-width:190px}
.showcase-video{background:#09151c;overflow:hidden}
.showcase-video video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.video-context{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px;color:#55717e;font-size:13px}
.video-context .text-link{font-size:13px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.knowledge-card{display:flex;flex-direction:column;min-width:0}
.knowledge-card>img{width:100%;aspect-ratio:1.8;object-fit:cover;height:auto}
.knowledge-card>div{padding-top:25px}
.knowledge-card>div>span:first-child,.course-category,.discussion-grid a>div>span:first-child{font-size:12px;color:#4c7a89}
.knowledge-card h3{font-size:25px;margin-top:14px}
.knowledge-card p{color:var(--muted);font-size:14px;margin-top:12px;max-width:400px}
.card-link{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:25px;color:#355767}
.knowledge-card:hover h3,.learning-card:hover h3,.related-courses a:hover h3{color:#25788c}
.learning-path{display:grid;grid-template-columns:1fr 3fr;gap:45px;background:var(--soft);padding:40px;margin-block:52px 30px}
.learning-path h3{font-size:21px}
.learning-path p{font-size:13px;color:var(--muted);margin-top:10px}
.learning-path ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:25px;counter-reset:learn}
.learning-path li{counter-increment:learn;min-width:0}
.learning-path li::before{content:"0" counter(learn);font-size:11px;color:#538896}
.learning-path a{display:block;font-size:13px;margin-top:12px}
.learning-path a span{display:block;font-size:17px;margin-bottom:8px}
.catalogue-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}
.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}
.filter-buttons button{background:none;padding:10px 15px;font-size:13px;border:1px solid transparent;color:#586e7b}
.filter-buttons button[aria-pressed=true]{background:#dfecef;border-color:#c7dce1;color:#174c5e}
.course-search{display:flex;align-items:center;min-width:230px;gap:16px;background:#fff;border-bottom:1px solid #8aa7b2;padding:10px 14px}
.course-search input{font:inherit;font-size:13px;min-width:0;width:100%;border:0;outline:0;background:none;color:var(--ink)}
.course-search:focus-within{outline:2px solid #13859a;outline-offset:3px}
.course-search>span:last-child{font-size:23px;line-height:1}
.course-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.learning-card{background:#fff;display:flex;flex-direction:column;min-width:0}
.learning-card[hidden]{display:none}
.learning-card>img{height:200px;width:100%;object-fit:cover}
.learning-card>div{padding:25px 26px 26px;display:flex;flex-direction:column;flex:1}
.learning-card h3{font-size:22px;margin-top:12px}
.learning-card p{font-size:14px;color:var(--muted);margin-top:14px}
.learning-card .card-link{padding-top:27px;margin-top:auto}
.catalogue-empty{padding:60px 20px;text-align:center;font-size:15px;color:var(--muted)}
.discussion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.discussion-grid a{display:grid;grid-template-columns:42% 1fr;gap:26px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.discussion-grid a>img{width:100%;height:180px;object-fit:cover}
.discussion-grid h3{font-size:21px;margin-top:12px}
.discussion-grid .card-link{font-size:12px}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.community-grid>a{border-top:1px solid #9db8c2;padding-block:25px}
.community-grid h3{font-size:25px}
.community-grid p{font-size:14px;color:var(--muted);margin-top:17px}
.community-grid span{display:block;font-size:13px;color:#3f7080;margin-top:24px}
.community-grid>a:hover h3{color:#287b8c}
.channel-links{display:flex;gap:32px;border-top:1px solid var(--line);padding-top:25px;margin-top:12px;font-size:13px;flex-wrap:wrap}
.founder-profile{display:grid;grid-template-columns:32% 1fr;gap:65px;align-items:center;background:#fff;padding:45px}
.founder-monogram{background:#132c3b;color:#cbe8ec;aspect-ratio:1.3;display:grid;place-items:center;font-size:clamp(25px,3vw,45px);letter-spacing:.15em}
.founder-profile h3{font-size:36px;margin-bottom:12px}
.founder-profile h3>span{font-size:14px;color:#3f788b;margin-left:16px}
.founder-profile p:not(.inner-label){font-size:15px;color:var(--muted);margin-top:12px;max-width:600px}
.founder-profile .text-link{margin-top:25px}
.team-subheading{margin-top:65px;margin-bottom:28px}
.people-list{border-top:1px solid #c4d5dc}
.person-row{display:grid;grid-template-columns:180px 1fr;gap:45px;padding-block:35px;border-bottom:1px solid #c4d5dc}
.person-photo{position:relative;background:#dce9ed;isolation:isolate;height:205px;overflow:hidden}
.person-photo>span{position:absolute;inset:0;display:grid;place-items:center;font-size:55px;color:#416f80;z-index:-1}
.person-photo img{height:100%;width:100%;object-fit:cover;object-position:center 25%}
.person-info{min-width:0;max-width:930px}
.person-info h3{font-size:26px}
.person-info>p{font-size:15px;color:var(--muted);margin-top:17px}
.person-info>.person-role{font-size:13px;color:#527887;margin-top:7px}
.person-bio{margin-top:23px}
.person-bio summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:13px;color:#3b6e80;max-width:270px}
.person-bio summary::-webkit-details-marker{display:none}
.person-bio[open] summary span{transform:rotate(45deg)}
.person-bio>div{font-size:14px;color:#637783;margin-top:20px}
.person-bio p+p{margin-top:16px}
.person-bio a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.cooperation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.cooperation-grid article{border-top:1px solid #97b7c1;padding-top:25px}
.cooperation-grid h3{font-size:25px}
.cooperation-grid p{font-size:15px;color:var(--muted);margin-top:18px}
.cooperation-grid ul{padding-left:18px;margin:20px 0;color:#526c7a;font-size:14px;line-height:2.1}
.brief-list .detail-rows{margin:0}
.brief-list .detail-rows>div{display:block;padding-block:23px}
.brief-list .detail-rows dt{font-size:19px;color:var(--ink);margin-bottom:12px}
.contact-editorial{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:start}
.contact-large{display:block;font-family:Arial,sans-serif;font-size:clamp(19px,2.2vw,34px);margin-top:28px;overflow-wrap:anywhere}
.contact-phone{display:block;font-size:22px;margin-top:15px}
.contact-address{font-size:13px;color:var(--muted);margin-top:28px}
.contact-card-teaser{background:#e9f0f2;min-height:390px;padding:44px;display:flex;flex-direction:column;align-items:flex-start}
.contact-card-teaser>span{font-size:13px;color:#537f8e}
.contact-card-teaser h3{font-size:32px;margin-top:38px;line-height:1.5}
.contact-card-teaser p{font-size:14px;color:#637c89;margin-top:20px}
.contact-card-teaser .button{margin-top:38px;width:100%}
.course-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;align-items:start}
.course-overview .story-lead{margin-bottom:32px}
.course-poster{background:#edf2f3;padding:25px}
.course-poster>img{width:100%;height:430px;object-fit:contain}
.course-poster figcaption{border-top:1px solid #cedce1;margin-top:22px;padding-top:18px;text-align:center}
.course-poster .text-link{font-size:12px}
.syllabus-list{counter-reset:syllabus;padding:0;margin:0;list-style:none}
.syllabus-list li{display:flex;align-items:center;gap:40px;padding:28px 0;border-top:1px solid #b8ccd5}
.syllabus-list li:last-child{border-bottom:1px solid #b8ccd5}
.syllabus-list li>span{font-size:13px;color:#4f7d8e}
.syllabus-list h3{font-size:23px}
.course-audience{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}
.course-audience p+p{font-size:15px;color:var(--muted);margin-top:23px}
.course-audience .button{margin-top:30px}
.related-courses{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.related-courses a{display:block;border-top:1px solid #a1bdc8;padding-top:25px}
.related-courses a>span:first-child{font-size:12px;color:#4e7f90}
.related-courses h3{font-size:27px;margin-top:13px}
.related-courses p{font-size:15px;color:var(--muted);margin-top:13px}
.library-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 70px}
.library-groups section{min-width:0}
.library-groups h3{font-size:25px;margin-bottom:18px}
.library-groups a{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-top:1px solid #cbdbe2;font-size:15px}
.library-groups a>span{flex-shrink:0;color:#467e91}
.reading-hero{padding-block:50px 54px;border-bottom:1px solid var(--line)}
.reading-breadcrumb{display:flex;align-items:center;gap:18px;font-size:12px;color:#627985}
.reading-breadcrumb .text-link{border:0;font-size:12px;padding:0;gap:10px}
.reading-breadcrumb .text-link span{display:none}
.reading-hero h1{font-size:clamp(34px,3.8vw,56px);margin-top:40px;max-width:1100px}
.reading-hero>p{font-size:15px;color:var(--muted);margin-top:20px}
.reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:7%;padding-block:60px 100px;align-items:start}
.reading-layout>aside{position:sticky;top:105px;max-height:calc(100svh - 135px);overflow:auto;padding-bottom:10px}
.article-outline>p{font-size:13px;color:#315b6d;margin-bottom:20px}
.article-outline a{display:block;font-size:13px;line-height:1.7;color:#6b7f8b;padding:7px 0;border-left:1px solid #d7e2e7;padding-left:17px}
.article-outline a.outline-level-3{padding-left:28px;font-size:12px}
.article-outline a:hover,.article-outline a[aria-current]{color:#176a83;border-color:#237d94}
.back-library{display:inline-block;margin-top:28px;color:#3b7184;font-size:13px}
.reading-content{min-width:0;max-width:940px;font-size:16px;line-height:1.95;color:#455e6d;overflow-wrap:anywhere}
.reading-content h2{font-size:30px;color:var(--ink);margin:48px 0 24px;border-top:1px solid var(--line);padding-top:30px}
.reading-content h2:first-child{margin-top:0}
.reading-content h3{font-size:23px;color:var(--ink);margin:30px 0 18px}
.reading-content h4{font-size:18px;color:var(--ink);margin:25px 0 15px}
.reading-content p{margin:18px 0}
.reading-content ul,.reading-content ol{padding-left:24px;margin-block:18px}
.reading-content li+li{margin-top:7px}
.reading-content a{color:#216e85;text-decoration:underline;text-underline-offset:4px}
.reading-content .header-anchor{display:none}
.reading-content img{max-width:100%;height:auto;margin-block:25px}
.reading-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:28px 0;font-size:14px}
.reading-content th,.reading-content td{border:1px solid #d7e2e7;padding:13px 18px;min-width:110px;vertical-align:top}
.reading-content th{background:#edf3f5;color:#355765;font-weight:500}
.reading-content pre{max-width:100%;overflow:auto;padding:25px;background:#f0f4f6;font-size:13px;line-height:1.7}
.reading-content div[class*="language-"]{position:relative;background:#f0f4f6;margin-block:25px}
.reading-content div[class*="language-"]>span.lang{position:absolute;top:5px;right:15px;font-size:10px;color:#6c8391}
.reading-content div[class*="language-"]>.copy{display:none}
.reading-content code{font-family:monospace;font-size:.86em}
.reading-content :not(pre)>code{background:#eaf1f4;padding:3px 6px}
.reading-content blockquote{margin:25px 0;border-left:3px solid #68a9b9;padding:5px 25px;background:#f2f6f7;color:#597381}
.reading-content .custom-block{padding:20px 25px;background:#f0f5f7;border-left:3px solid #6f9fad;margin-block:25px}
.article-end{margin-top:65px;padding-top:15px}
.article-end .text-link{font-size:13px;text-decoration:none;margin-right:26px}
.not-found{min-height:65vh}
.not-found h1{margin-bottom:28px}
.not-found>p:not(.inner-label){color:var(--muted);margin-bottom:28px}
@media(min-width:1600px){.page-hero{min-height:690px}.page-hero h1{max-width:850px}}
@media(max-width:1100px){
 .inner-page{--section-space:85px}
 .page-hero{min-height:570px}
 .page-hero h1{font-size:52px;max-width:680px}
 .split-story,.scenario-story{gap:5%}
 .capability-row{grid-template-columns:170px 1fr;gap:30px}
 .capability-row>img{width:170px;height:150px}
 .capability-row>.text-link{grid-column:2;margin-left:0;justify-self:start}
 .scenario-story>figure img{height:550px}
 .learning-path{grid-template-columns:1fr;padding:30px;gap:30px}
 .catalogue-controls{align-items:flex-start}
 .course-catalogue{gap:23px}
 .learning-card>img{height:160px}
 .learning-card>div{padding:23px}
 .discussion-grid a{grid-template-columns:1fr;gap:20px}
 .discussion-grid a>img{height:auto;aspect-ratio:1.9}
 .founder-profile{gap:40px;padding:35px}
 .contact-editorial{gap:7%}
 .contact-card-teaser{padding:30px}
 .reading-layout{grid-template-columns:190px minmax(0,1fr);gap:6%}
}
@media(max-width:800px){
 .inner-page{--section-space:70px}
 .inner-page h1{font-size:42px}
 .inner-page h2{font-size:33px}
 .page-hero{min-height:580px;align-items:flex-start}
 .page-hero-content{padding-block:35px 55px}
 .page-hero h1{margin-top:60px;max-width:95%}
 .page-hero:not(.page-hero--light) .page-hero-media{left:0}\n .page-hero-media img{object-position:68% 15%}
 .page-hero-media::after{background:linear-gradient(90deg,#081924ed,#08192477),linear-gradient(0deg,#0819244d,#08192433)}
 .page-lead{font-size:15px;max-width:450px}
 .page-hero--light .page-hero-media{inset:0}
 .page-hero--light .page-hero-media::after{background:linear-gradient(90deg,#f2f5f5f5,#f2f5f5a6)}
 .page-hero--light .page-hero-media img{object-position:70% center}
 .page-actions{gap:25px;margin-top:30px}
 .page-index>div{gap:30px}
 .page-index a{font-size:12px;padding-block:17px}
 .inner-heading{margin-bottom:35px}
 .inner-heading>p:last-child:not(.inner-label){font-size:15px}
 .split-story,.scenario-story,.course-overview,.contact-editorial,.course-audience{grid-template-columns:1fr;gap:40px}
 .split-story>figure{max-width:640px}
 .loop-art{order:-1;max-width:520px!important;margin-inline:auto!important}
 .scenario-story>figure img{height:auto;aspect-ratio:1.5}
 .scenario-story--reverse>figure{order:0}
 .scenario-story h2{font-size:32px}
 .evaluation-grid,.principle-grid{gap:30px}
 .evaluation-grid h3,.principle-grid h3{font-size:21px}
 .evaluation-grid p,.principle-grid p{font-size:14px}
 .journey-steps{grid-template-columns:1fr 1fr;gap:30px}
 .inner-cta{padding-block:60px}
 .inner-cta>.page-width{gap:32px}
 .inner-cta h2{font-size:33px}
 .inner-cta .button{min-width:170px;font-size:13px;padding:14px 20px}
 .article-grid{gap:22px}
 .knowledge-card h3{font-size:21px}
 .knowledge-card p{font-size:13px}
 .catalogue-controls{flex-direction:column;gap:20px}
 .course-search{max-width:100%;width:320px}
 .course-catalogue{grid-template-columns:1fr 1fr}
 .learning-card>img{height:180px}
 .community-grid{gap:25px}
 .community-grid h3{font-size:22px}
 .community-grid p{font-size:13px}
 .founder-profile{grid-template-columns:1fr;gap:30px}
 .founder-monogram{height:150px;aspect-ratio:auto;place-items:center start;padding-left:35px}
 .founder-profile h3{font-size:31px}
 .person-row{grid-template-columns:125px 1fr;gap:27px}
 .person-photo{height:155px}
 .person-info h3{font-size:23px}
 .cooperation-grid{gap:27px}
 .cooperation-grid h3{font-size:22px}
 .contact-card-teaser{min-height:330px}
 .contact-card-teaser h3{margin-top:25px}
 .course-poster{max-width:600px;width:100%;margin-inline:auto!important}
 .course-poster>img{height:400px}
 .course-audience .inner-heading{margin-bottom:0}
 .library-groups{gap:35px}
 .reading-layout{grid-template-columns:1fr;padding-block:35px 65px;gap:32px}
 .reading-layout>aside{position:static;max-height:none;overflow:visible}
 .article-outline{border-bottom:1px solid var(--line);padding-bottom:20px}
 .article-outline a{display:inline-block;border-left:0;padding:5px 18px 5px 0;font-size:12px}
 .article-outline a.outline-level-3{display:none}
 .article-outline>p{margin-bottom:12px}
 .back-library{margin-top:16px;font-size:12px}
 .reading-content{max-width:none}
 .reading-hero{padding-top:35px;padding-bottom:36px}
 .reading-hero h1{font-size:39px;margin-top:30px}
}
@media(max-width:520px){
 .inner-page{--section-space:58px}
 .inner-page h1{font-size:36px;line-height:1.35}
 .inner-page h2{font-size:29px}
 .inner-page h3{font-size:22px}
 .page-hero{min-height:610px}
 .page-hero h1{margin-top:65px}
 .page-hero-content{padding-top:28px}
 .page-lead{font-size:14px;max-width:330px;margin-top:25px}
 .page-actions{align-items:flex-start;flex-direction:column;gap:24px}
 .page-actions .button{font-size:13px;padding:13px 20px}
 .page-actions .text-link,.hero-text-link{font-size:12px}
 .breadcrumb,.breadcrumb-current,.breadcrumb-separator{font-size:11px}
 .page-index>div{gap:26px;width:100%;padding-inline:24px}
 .page-index a{font-size:12px;padding-block:16px}
 .inner-heading{margin-bottom:30px}
 .inner-heading>p:last-child:not(.inner-label){font-size:14px;line-height:1.9}
 .story-lead{font-size:14px}
 .inner-label{font-size:12px;margin-bottom:15px}
 .loop-list li{padding-left:37px}
 .loop-list h3{font-size:19px}
 .loop-list p{font-size:13px}
 .capability-row{grid-template-columns:1fr;gap:22px;padding-block:28px}
 .capability-row>img{width:100%;height:auto;aspect-ratio:1.8}
 .capability-row h3{font-size:23px}
 .capability-row p{font-size:14px}
 .capability-row>.text-link{grid-column:auto;font-size:12px}
 .evaluation-grid,.principle-grid,.article-grid,.community-grid,.cooperation-grid{grid-template-columns:1fr;gap:30px}
 .principle-grid{margin-top:40px}
 .evaluation-grid article,.principle-grid article,.cooperation-grid article{padding-top:22px}
 .evaluation-grid h3,.principle-grid h3{font-size:22px}
 .detail-rows>div{grid-template-columns:72px 1fr;gap:18px;padding-block:15px}
 .detail-rows dt{font-size:12px}
 .detail-rows dd{font-size:13px}
 .scenario-story{gap:28px}
 .scenario-story h2{font-size:28px}
 .scenario-story>figure img{aspect-ratio:1.25;object-position:70% center}
 .journey-steps{gap:26px 20px;margin-top:28px}
 .journey-steps h3{font-size:19px}
 .journey-steps p{font-size:13px}
 .inner-cta>.page-width{flex-direction:column;align-items:flex-start;gap:28px}
 .inner-cta h2{font-size:31px}
 .inner-cta p{font-size:14px;margin-top:18px}
 .video-context{align-items:flex-start;font-size:11px}
 .video-context .text-link{font-size:11px;gap:15px}
 .knowledge-card{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line)}
 .knowledge-card>img{aspect-ratio:1;object-fit:cover;height:100%}
 .knowledge-card>div{padding:0}
 .knowledge-card h3{font-size:20px;margin-top:7px}
 .knowledge-card p{font-size:12px;margin-top:10px}
 .knowledge-card>div>span:first-child{font-size:11px}
 .card-link{font-size:12px;margin-top:15px}
 .learning-path{padding:25px;margin-top:30px}
 .learning-path ol{grid-template-columns:1fr 1fr;gap:25px}
 .learning-path a{font-size:12px}
 .learning-path a span{font-size:16px}
 .filter-buttons{gap:5px}
 .filter-buttons button{padding:8px 10px;font-size:12px}
 .course-search{width:100%}
 .course-catalogue{grid-template-columns:1fr;gap:25px}
 .learning-card>img{height:auto;aspect-ratio:1.8}
 .learning-card h3{font-size:23px}
 .learning-card>div{padding:25px}
 .discussion-grid{grid-template-columns:1fr;gap:30px}
 .discussion-grid h3{font-size:22px}
 .discussion-grid a{gap:17px}
 .community-grid{gap:12px}
 .community-grid>a{padding-block:23px}
 .channel-links{gap:18px 25px;font-size:12px}
 .founder-profile{padding:25px;gap:25px}
 .founder-monogram{height:130px;padding-left:25px;font-size:30px}
 .founder-profile h3{font-size:30px}
 .founder-profile p:not(.inner-label){font-size:13px}
 .team-subheading{margin-top:45px}
 .person-row{grid-template-columns:90px minmax(0,1fr);gap:20px;padding-block:27px}
 .person-photo{height:115px}
 .person-info h3{font-size:21px}
 .person-info>p{font-size:13px;margin-top:12px}
 .person-info>.person-role{font-size:11px}
 .person-bio{margin-top:17px}
 .person-bio>div{font-size:13px}
 .person-bio summary{font-size:12px}
 .person-photo>span{font-size:32px}
 .contact-large{font-size:22px}
 .contact-phone{font-size:21px}
 .contact-card-teaser{padding:28px}
 .contact-card-teaser h3{font-size:28px}
 .course-poster{padding:20px}
 .course-poster>img{height:380px}
 .syllabus-list li{gap:25px;padding-block:22px}
 .syllabus-list h3{font-size:20px}
 .syllabus-list li>span{font-size:12px}
 .related-courses{grid-template-columns:1fr;gap:32px}
 .related-courses h3{font-size:24px}
 .library-groups{grid-template-columns:1fr;gap:35px}
 .library-groups h3{font-size:23px}
 .library-groups a{font-size:14px}
 .reading-hero h1{font-size:32px;line-height:1.45}
 .reading-content{font-size:15px}
 .reading-content h2{font-size:25px;margin-top:35px;padding-top:25px}
 .reading-content h3{font-size:21px}
 .reading-content th,.reading-content td{font-size:12px;padding:11px 13px}
 .reading-content pre{padding:20px;font-size:12px}
 .reading-content blockquote{padding-inline:18px}
 .article-end .text-link{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){.inner-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.person-photo img[hidden]{display:none}

/* Service diagrams keep their explanatory labels readable without cropping. */
#capabilities .capability-row{grid-template-columns:340px minmax(0,1fr) auto;gap:36px}
#capabilities .capability-row>img{width:100%;height:auto;object-fit:contain}
@media(max-width:1100px){#capabilities .capability-row{grid-template-columns:280px minmax(0,1fr);gap:26px}}
@media(max-width:800px){#capabilities .capability-row{grid-template-columns:1fr;gap:22px}#capabilities .capability-row>.text-link{grid-column:1;margin-left:0}#capabilities .capability-row>img{max-width:480px;justify-self:center}}

/* A single workcell connects the three evaluation questions. */
.evaluation-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:6%;align-items:center}
.evaluation-story figure>img{display:block;width:100%;height:auto}
.evaluation-story figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.evaluation-notes{display:grid;gap:26px}
.evaluation-notes article+article{border-top:1px solid var(--line);padding-top:24px}
.evaluation-notes h3{font-size:23px}
.evaluation-notes p{font-size:15px;color:var(--muted);margin-top:10px}
.evaluation-notes+.text-link{margin-top:30px}
@media(max-width:1024px){.evaluation-story{gap:4%}.evaluation-notes{gap:18px}.evaluation-notes article+article{padding-top:18px}.evaluation-notes h3{font-size:21px}.evaluation-notes p{font-size:14px}}
@media(max-width:767px){.evaluation-story{grid-template-columns:1fr;gap:32px}.evaluation-notes{gap:22px}}

.inner-page[data-nav-section=evolution] .page-hero-media img{object-position:80% bottom;animation:evolution-hero-drift 8s ease-in-out infinite alternate;transform-origin:70% 30%}
@keyframes evolution-hero-drift{from{transform:scale(1) translateY(0)}to{transform:scale(1.035) translateY(6px)}}
@media(max-width:767px){
 .inner-page[data-nav-section=evolution] .page-hero-media img{object-position:70% top}
}
@media(prefers-reduced-motion:reduce){
 .inner-page[data-nav-section=evolution] .page-hero-media img{animation:none}
}

/* The learning section follows the homepage's edge-to-edge industrial scenes. */
#loop .split-story{position:relative;display:flex;align-items:center;isolation:isolate;width:100vw;margin-left:calc((100% - 100vw)/2);height:clamp(620px,46vw,760px);gap:0;overflow:hidden}
#loop .split-story>div{position:relative;z-index:2;width:36%;margin-left:max(var(--gutter),calc((100vw - 1600px)/2))}
#loop .loop-art{position:absolute;inset:0 0 0 auto;width:64%;height:100%;max-width:none;margin:0;z-index:0}
#loop .loop-art::before{content:"";position:absolute;inset:-12px;background:url('../assets/editorial/evolution-learning-workcell.jpg') 65% center/cover;filter:blur(12px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,transparent 48%);mask-image:linear-gradient(90deg,transparent,#000 28%,transparent 48%)}
#loop .loop-art img{position:relative;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% center;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}
#loop .loop-list{margin-top:32px;max-width:380px}
#loop .loop-list li{display:flex;align-items:baseline;gap:20px;padding:14px 0 14px 38px}
#loop .loop-list li::before{top:19px}
#loop .loop-list h3{font-size:18px;white-space:nowrap}
#loop .loop-list p{font-size:14px;margin:0}
@media(max-width:1100px) and (min-width:801px){#loop h2{font-size:35px}#loop .loop-list li{gap:12px;padding-left:30px}#loop .loop-list h3{font-size:16px}#loop .loop-list p{font-size:12px}}
@media(max-width:800px){
 #loop .split-story{height:auto;flex-direction:column;align-items:stretch}
 #loop .loop-art{position:relative;inset:auto;order:-1;width:100%;height:auto;max-width:none!important;margin:0!important}
 #loop .loop-art img{height:auto;aspect-ratio:4/3;object-fit:cover;-webkit-mask-image:none;mask-image:none}
 #loop .loop-art::before{display:none}
 #loop .split-story>div{width:auto;margin:0;padding:34px var(--gutter) 40px}
 #loop .loop-list{max-width:none;margin-top:24px}
}
