/* 3.0: give one idea the foreground, and let the detail arrive by choice. */
:root{--reading-size:19px}
main{position:relative;z-index:1}
body[data-field=ambient]>.flow-stage{display:none}
#ambient-canvas{position:fixed;inset:130px 0 0;width:100%;height:calc(100vh - 130px);z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,#000 0%,#000 3%,transparent 19%,transparent 81%,#000 97%,#000);opacity:.75;transition:opacity .7s}
body[data-scene=home] #ambient-canvas,.menu-open #ambient-canvas{opacity:0}
.page-context,.hero-context{font-size:16px;line-height:1.5;color:var(--muted);letter-spacing:0;text-transform:none;margin:0 0 32px}
.hero--immersive .hero-context{font-size:15px;max-width:340px;margin:0 0 44px}
.hero--immersive .hero-bottom>p{font-size:18px;line-height:1.5}
.hero--immersive .scroll-invitation{font-size:14px}
.flow-stage .flow-caption{font-size:12px;letter-spacing:0}
.flow-caption .motion-toggle{font-size:12px}
.page-top:not(.with-flow){padding-bottom:80px}
.page-top .lead{max-width:760px;font-size:22px;line-height:1.55}
.page-top:not(.with-flow) h1{margin-bottom:32px}
body[data-scene=approach] .page-top h1{font-size:clamp(65px,6.4vw,94px);max-width:1100px}
.navigation:before,.navigation:after{display:none}
.eyebrow,.small-label{font-size:14px;line-height:1.5;letter-spacing:.01em;text-transform:none}
.action{font-size:17px!important;min-height:52px;padding:15px 24px}
.disclosure summary,.reading-section .disclosure summary{font-size:22px;line-height:1.3;letter-spacing:-.025em;padding:23px 0;gap:24px}
.disclosure-body,.reading-section .disclosure-body{font-size:var(--reading-size);line-height:1.65;max-width:70ch}
.disclosure-body p{font-size:inherit;line-height:inherit;margin:0 0 20px}
.disclosure-body h3{font-size:27px;font-weight:600;margin:32px 0 16px;line-height:1.2}
.disclosure-body h3:first-child{margin-top:10px}
.disclosure-toggle{flex:0 0 26px;align-self:center}
.disclosure summary:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--iris);outline-offset:6px}
.disclosure[open] .disclosure-body{animation:reading-arrive .4s var(--ease)}
.disclosure[open] summary{font-weight:600}
.note{font-size:14px!important;line-height:1.55}
.reading-title h2{font-size:clamp(42px,4.3vw,62px);font-weight:600;line-height:1.05}
.reading-title p,.invitation>p{font-size:19px;line-height:1.55;max-width:42ch}
.reading-section{gap:9%;padding-block:65px;margin-bottom:55px}
.source-link{font-size:16px;line-height:1.5}
.footer-bottom,.footer-bottom nav{font-size:13px;line-height:1.5}
.footer-bottom nav{gap:20px}
.ambient-motion-toggle{background:transparent;color:var(--muted);font-size:13px;min-height:44px;padding:10px 0}

/* The landing page opens doors, rather than previewing every room. */
.home-mission{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:10%;padding:100px 8% 120px;min-height:0;background:transparent}
.home-mission h2{font-size:clamp(45px,5.5vw,78px);line-height:1.06;margin:0}
.home-mission .mission-copy>p{font-size:23px;line-height:1.5;max-width:29ch;margin:0 0 32px}
.home-pathways{max-width:1280px;padding:30px 6% 120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px 14%}
.home-pathway{position:relative;display:block;padding:45px 0 20px;isolation:isolate}
.home-pathway:before{content:'';position:absolute;inset:-10px -35px -20px;background:#e8e0f5;border-radius:48% 52% 44% 56%/38% 46% 54% 62%;z-index:-1;opacity:0;transform:rotate(-5deg) scale(.9);transition:opacity .5s,transform .7s var(--ease)}
.home-pathway:hover:before,.home-pathway:focus-visible:before{opacity:.65;transform:rotate(-2deg) scale(1)}
.home-pathway h2{font-size:clamp(38px,3.7vw,54px);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:0 0 25px}
.home-pathway h2 em{font-weight:400}
.home-pathway p{font-size:18px;line-height:1.5;max-width:30ch;color:var(--muted);margin:0 0 28px}
.pathway-link{font-size:17px;color:var(--iris);display:inline-block;padding-bottom:8px;text-decoration:underline;text-decoration-color:#5046e53a;text-underline-offset:8px}
.pathway-status{position:absolute;top:4px;left:0;font-size:14px;color:#735a8b}
.home-pathway:nth-child(2){margin-top:100px}
.home-pathway:nth-child(3){grid-column:1/-1;margin-top:-20px;margin-left:16%;max-width:550px}
.home-pathway:nth-child(3) h2{font-size:clamp(45px,5vw,70px)}

/* A stable model selector keeps the chosen field central. */
.field-switcher{display:flex;justify-content:center;gap:4px;position:sticky;top:20px;z-index:13;width:fit-content;max-width:calc(100% - 40px);margin:0 auto 25px;padding:8px 10px;background:#fffaf1ec;backdrop-filter:blur(18px);border-radius:48% 52% 49% 51%/42% 47% 53% 58%;box-shadow:0 10px 40px #53374a0d}
.field-choice{position:relative;padding:14px 24px;min-height:49px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1.1;white-space:nowrap;isolation:isolate;transition:color .3s}
.field-choice:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:47% 53% 54% 46%/48% 40% 60% 52%;background:var(--choice-wash);opacity:0;transform:scale(.8) rotate(-5deg);transition:opacity .4s,transform .6s var(--ease)}
.field-choice-housing{--choice-wash:#f9c8ae}.field-choice-health{--choice-wash:#bee7ed}.field-choice-education{--choice-wash:#fce49d}.field-choice-transport{--choice-wash:#c8e8d6}
.field-choice:hover:before{opacity:.45;transform:scale(1)}
.field-choice[aria-current=page]{font-weight:700;color:#392735}
.field-choice[aria-current=page]:before{opacity:1;transform:scale(1) rotate(-3deg)}
.with-flow.pillar-top{padding-top:58px;min-height:740px;padding-bottom:80px}
.with-flow.pillar-top h1{font-size:clamp(76px,7.3vw,112px);line-height:1;max-width:52%;margin-top:20px;margin-bottom:35px;font-weight:700}
.with-flow.pillar-top .lead{font-size:22px;max-width:41%;line-height:1.5}
.with-flow>.flow-stage{top:-12px;height:710px}
body:not([data-scene=home]) .flow-stage .flow-link:not(.selected){display:none}
body:not([data-scene=home]) .flow-stage .flow-caption{justify-content:flex-end;bottom:18px}
.field-start{display:inline-flex;font-size:17px;margin-top:22px;padding:13px 0;color:var(--iris);min-height:48px;background:none;text-decoration:underline;text-decoration-color:#5046e53a;text-underline-offset:8px}
.field-workspace{max-width:1320px;padding:55px 8% 45px;scroll-margin-top:100px}
.field-workspace .explorer-intro{display:block;margin:0 0 60px;max-width:820px}
.field-workspace .explorer-intro h2{font-size:clamp(43px,4.3vw,61px);line-height:1.1;max-width:850px;letter-spacing:-.04em;font-weight:600}
.field-reading{display:grid;grid-template-columns:210px minmax(0,1fr);gap:9%;align-items:start}
.field-reading .tabs{display:flex;flex-direction:column;align-items:stretch;gap:10px;position:sticky;top:115px;margin:0}
.field-reading .tab{font-size:18px;min-height:55px;padding:15px 16px;text-align:left;line-height:1.25;white-space:normal}
.field-reading .tab:before{inset:0 -6px;transform:rotate(-2deg);border-radius:45% 55% 50% 50%/47% 42% 58% 53%}
.field-reading .tab[aria-selected=true]{font-weight:700;color:var(--ink)!important}
.field-reading .tab-panel{min-height:440px;max-width:760px;animation:reading-arrive .4s var(--ease)}
.field-reading .panel-intro{font-size:23px;line-height:1.5;margin:0 0 32px;color:var(--ink)}
.field-reading .disclosure{margin:0 0 6px}
.field-reading .disclosure summary{width:100%;justify-content:space-between}
.field-reading .planetary-disclosure{margin-top:25px}
.field-reading .planetary-disclosure summary{color:var(--accent)}
.field-reading .journey{display:block;margin:25px 0 35px}
.pathway-step summary{display:grid;grid-template-columns:32px 1fr 26px;gap:20px}
.pathway-step .step-number{font-size:21px;font-weight:400;line-height:1.3;height:auto;margin:0;transform:none;color:var(--muted)}
.field-reading .policy-toggle{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.field-reading .policy-toggle button{font-size:16px;padding:15px 17px;min-height:52px;line-height:1.25}
.field-reading .policy-points{display:block;margin:15px 0 38px}
.field-reading .policy-point{font-size:19px;line-height:1.5;position:relative;padding:0 0 0 22px;margin:0 0 22px}
.field-reading .policy-point:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);left:0;top:12px}
.design-questions,.capacity-list{list-style:none;margin:0;padding:0}
.design-questions li,.capacity-list li{position:relative;margin:0 0 20px;padding-left:23px;line-height:1.55}
.design-questions li:before,.capacity-list li:before{content:'';position:absolute;top:.65em;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.capacity-list{font-size:21px;margin-bottom:35px}
.field-continuation{max-width:1320px;padding:20px 8% 110px;margin:auto;display:flex;gap:30px;flex-wrap:wrap}

/* The complete Approach now has a readable, navigable chapter rhythm. */
.approach-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8%;max-width:1320px;padding:0 6%;margin:20px auto 80px;align-items:start}
.chapter-nav{position:sticky;top:115px;padding-top:25px}
#chapter-links{display:flex;flex-direction:column;gap:9px}
.chapter-nav button{position:relative;background:none;color:var(--muted);text-align:left;font-size:17px;min-height:48px;padding:12px 0 12px 20px;line-height:1.35}
#chapter-links button:before{content:'';position:absolute;top:20px;left:0;width:6px;height:6px;background:var(--iris);border-radius:50%;opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s}
#chapter-links button[aria-current=location]{font-weight:600;color:var(--iris)}
#chapter-links button[aria-current=location]:before{opacity:1;transform:scale(1)}
.chapter-nav button:hover{color:var(--iris)}
.chapter-nav .chapter-nav-toggle{display:none}
.approach-reading{min-width:0}
.approach-chapter{scroll-margin-top:105px}
.approach-reading .reading-section{display:block;padding:30px 0 85px;margin:0;max-width:760px}
.approach-reading .reading-title{margin-bottom:30px}
.approach-reading .reading-title h2{font-size:clamp(46px,4.5vw,65px);line-height:1.06;margin:0 0 25px}
.approach-reading .reading-title p{max-width:50ch;font-size:22px;line-height:1.5;margin:0}
.approach-reading .disclosure{margin-bottom:5px}
.enterprise-wrapper{padding:25px 0 100px;isolation:isolate}
.approach-reading .enterprise-chapter{display:block;margin:0 -45px;padding:60px 45px 50px;border-radius:46% 54% 49% 51%/8% 12% 9% 13%;max-width:none;transform:none}
.approach-reading .enterprise-chapter:before{border-radius:46% 54% 49% 51%/8% 12% 9% 13%;inset:0}
.approach-reading .enterprise-chapter h2{font-size:clamp(43px,4.3vw,62px);font-weight:600;line-height:1.06;margin:0 0 35px;max-width:none}
.approach-reading .enterprise-copy{display:block;max-width:none;margin:0}
.approach-reading .enterprise-copy>p{font-size:22px;line-height:1.5}
.approach-reading .enterprise-copy .disclosure{margin-top:15px}
.approach-reading .enterprise-copy .disclosure summary{width:100%;justify-content:space-between}
.approach-reading .enterprise-copy .disclosure-toggle{color:#ffcf9d!important}
.approach-reading .enterprise-chapter .disclosure summary{font-size:22px}
.approach-reading .enterprise-chapter .disclosure-body{font-size:19px}

/* Deeper pages share the same scale, with secondary detail kept secondary. */
.founder-copy>p,.association-intro{font-size:19px;line-height:1.6}
.founder-role,.portrait-caption{font-size:14px;line-height:1.5}
.linkedin-action{font-size:17px}
.founder .associations .disclosure summary{font-size:20px}
.source-tag,.source-author{font-size:14px;line-height:1.5}
.source-kicker{gap:12px}
.source h3{font-size:34px;line-height:1.13;font-weight:600}
.source .disclosure summary{font-size:18px;line-height:1.4;padding:16px 0}
.source .disclosure-body{font-size:18px}
.source-filters .filter{font-size:16px;min-height:49px;padding:13px 17px}
.sources{gap:65px 8%}
.approach-values>p,.model-steps p{font-size:19px;line-height:1.55}
.model-steps h3{font-size:30px;line-height:1.12;font-weight:600}
.model-steps .small-label{font-size:16px}
.coming-soon{font-size:15px}
.prompt-intro{max-width:1000px;display:block;padding-bottom:50px}
.prompt-intro p{font-size:21px;line-height:1.65}
.prompt-method .reading-title h2,.prompt-foundations .reading-title h2{font-size:48px}
.prompt-example .eyebrow{font-size:15px}
.prompt-foundations .source-link{font-size:16px}
.board-seat p,.board-note{font-size:15px;line-height:1.5}
@keyframes reading-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}

@media(min-width:1600px){.with-flow.pillar-top{min-height:850px}.with-flow>.flow-stage{height:820px}.field-switcher{top:23px}}
@media(max-width:1100px) and (min-width:801px){.field-switcher{margin-left:6%;margin-right:0}.with-flow.pillar-top{min-height:720px}.with-flow.pillar-top h1{font-size:76px}.with-flow.pillar-top .lead{font-size:20px}.with-flow>.flow-stage{top:10px;height:670px}.field-reading{grid-template-columns:185px 1fr;gap:7%}.field-reading .tab{font-size:17px}.approach-layout{grid-template-columns:175px 1fr;gap:6%}}
@media(max-width:800px){
 :root{--reading-size:18px}
 .header:before{content:'';position:fixed;inset:0 0 auto;height:85px;background:linear-gradient(var(--paper) 65%,transparent);z-index:-1;pointer-events:none}
 #ambient-canvas{mask-image:linear-gradient(90deg,#000,transparent 10%,transparent 90%,#000);opacity:.5}
 .hero--immersive .hero-context{font-size:14px;margin-bottom:32px;max-width:100%}
 .hero--immersive .hero-bottom>p{font-size:17px}
 .hero--immersive .scroll-invitation{font-size:13px}
 .home-mission{grid-template-columns:1fr;gap:35px;padding:70px 7% 80px}
 .home-mission h2{font-size:57px}.home-mission .mission-copy>p{font-size:22px;max-width:40ch}
 .home-pathways{padding:0 7% 80px;gap:40px 9%}.home-pathway h2{font-size:38px}.home-pathway p{font-size:17px}.home-pathway:nth-child(2){margin-top:70px}.home-pathway:nth-child(3){margin-left:7%;margin-top:0}
 .field-switcher{top:80px;max-width:94%;padding:7px;margin-bottom:0;gap:0}
 .field-choice{font-size:16px;padding:14px 21px}
 .with-flow.pillar-top{padding-top:40px;min-height:0}
 .with-flow.pillar-top h1{font-size:clamp(70px,11vw,96px);max-width:100%;margin-top:0}
 .with-flow.pillar-top .lead{font-size:21px;max-width:100%}
 .with-flow>.flow-stage{height:570px;top:auto}
 .field-workspace{padding:35px 7% 30px;scroll-margin-top:170px}
 .field-workspace .explorer-intro{margin-bottom:35px}.field-workspace .explorer-intro h2{font-size:45px}
 .field-reading{display:block}
 .field-reading .tabs{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;margin-bottom:40px}
 .field-reading .tab{font-size:18px;text-align:center;padding:15px;min-height:55px}
 .field-reading .tab-panel{min-height:380px;max-width:none}.field-reading .panel-intro{font-size:21px}
 .field-continuation{padding:25px 7% 80px;gap:20px}
 .page-top:not(.with-flow){padding-bottom:55px}
 .page-context{font-size:16px;margin-bottom:26px}.page-top .lead{font-size:21px}
 .reading-section{padding-block:40px;margin-bottom:35px}.reading-title h2{font-size:47px}.reading-title p{font-size:19px}
 .disclosure summary,.reading-section .disclosure summary{font-size:21px;padding:21px 0}
 .approach-layout{display:block;padding:0 7%;margin-top:0}
 .chapter-nav{position:sticky;top:80px;z-index:10;background:#fffaf1f5;backdrop-filter:blur(16px);border-radius:28px;padding:0 22px;margin:0 -10px 30px;box-shadow:0 8px 30px #53374a0b}
 .chapter-nav .chapter-nav-toggle{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;padding:15px 0;font-size:17px;color:var(--ink)}
 #chapter-links{display:none;padding:0 0 16px;gap:2px}.chapter-nav.expanded #chapter-links{display:flex}
 .chapter-nav.expanded .chapter-nav-toggle span{transform:rotate(45deg)}
 .chapter-nav button{font-size:17px;min-height:45px}.approach-chapter{scroll-margin-top:158px}
 .approach-reading .reading-section{padding:30px 0 65px}
 .approach-reading .reading-title h2{font-size:51px}.approach-reading .reading-title p{font-size:21px}
 .approach-reading .enterprise-chapter{margin:0 -5%;padding:50px 7% 40px}
 .approach-reading .enterprise-chapter h2{font-size:48px}.approach-reading .enterprise-copy>p{font-size:21px}
 .enterprise-wrapper{padding-bottom:65px}
 .founder-copy>p{font-size:18px}.founder-role,.portrait-caption{font-size:14px}
 .prompt-method .reading-title h2,.prompt-foundations .reading-title h2{font-size:45px}
 .prompt-intro p{font-size:19px}.prompt-intro{padding-bottom:25px}
 .footer-bottom nav{font-size:13px}
}
@media(max-width:520px){
 .hero--immersive .hero-context{font-size:13px;max-width:280px;margin-bottom:30px}
 .hero--immersive .hero-bottom{display:block}.hero--immersive .hero-bottom>p{font-size:18px;max-width:none;margin-bottom:18px}.hero--immersive .scroll-invitation{font-size:14px}
 .flow-stage .flow-caption{font-size:11px;left:13%;right:12%;gap:8px}.flow-caption .motion-toggle{font-size:11px}.flow-caption>span{max-width:195px}
 .home-mission{padding-top:55px;padding-bottom:50px}.home-mission h2{font-size:43px}.home-mission .mission-copy>p{font-size:21px}
 .home-pathways{display:block;padding-bottom:60px}.home-pathway{padding-top:35px;margin:35px 0 0!important;max-width:none!important}.home-pathway:nth-child(2){padding-top:55px}.home-pathway h2,.home-pathway:nth-child(3) h2{font-size:41px}.home-pathway p{font-size:18px}.pathway-status{top:17px}
 .field-switcher{top:80px;padding:6px 4px;max-width:96%;width:96%;justify-content:space-around}.field-choice{font-size:15px;padding:13px 9px;min-height:47px}
 .with-flow.pillar-top{padding-top:35px}.with-flow.pillar-top h1{font-size:64px;line-height:1.01;letter-spacing:-.055em;margin-bottom:25px}.with-flow.pillar-top .lead{font-size:20px}
 .with-flow>.flow-stage{height:440px}
 .field-start{margin-top:10px}
 .field-workspace .explorer-intro h2{font-size:39px}.field-workspace .explorer-intro{margin-bottom:30px}
 .field-reading .tabs{gap:8px 12px;margin-bottom:35px}.field-reading .tab{font-size:17px;padding:13px 10px}
 .field-reading .panel-intro{font-size:21px}
 .field-reading .policy-toggle{display:block}.field-reading .policy-toggle button{display:block;margin:8px 0;font-size:16px;text-align:left}
 .field-reading .policy-point{font-size:19px}.capacity-list{font-size:20px}
 .field-continuation{padding-bottom:65px;display:block}.field-continuation .action{margin:10px 0}
 .page-top:not(.with-flow) h1{font-size:55px;line-height:1.03}.page-top .lead{font-size:20px}
 .page-context{font-size:15px}.reading-title h2{font-size:41px}.reading-title p{font-size:19px}
 body[data-scene=approach] .page-top h1{font-size:50px}
 .disclosure summary,.reading-section .disclosure summary{font-size:20px;padding:20px 0;gap:18px}
 .approach-reading .reading-title h2{font-size:43px}.approach-reading .reading-title p{font-size:20px}
 .approach-reading .enterprise-chapter h2{font-size:41px}.approach-reading .enterprise-copy>p{font-size:20px}
 .approach-reading .enterprise-chapter .disclosure summary{font-size:20px}.approach-reading .enterprise-chapter .disclosure-body{font-size:18px}
 .source h3{font-size:32px}.source-author,.source-tag{font-size:14px}.source-filters{gap:5px}.source-filters .filter{font-size:15px;padding:12px 14px}
 .source .disclosure summary{font-size:18px}.founder .associations .disclosure summary{font-size:20px}
 .prompt-top h1{font-size:54px!important}.prompt-intro p{font-size:19px}.prompt-method .reading-title h2,.prompt-foundations .reading-title h2{font-size:41px}
 .coming-soon{font-size:14px}.prompt-example .eyebrow{font-size:14px}
 .footer-bottom,.footer-bottom nav{font-size:13px}.footer-bottom nav{gap:15px 22px}
}
@media(max-width:360px){.field-choice{font-size:14px;padding-inline:7px}.with-flow.pillar-top h1{font-size:57px}.field-reading .tab{font-size:16px}.page-top:not(.with-flow) h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){.disclosure[open] .disclosure-body,.field-reading .tab-panel{animation:none}.home-pathway:before,.field-choice:before{transition:none}.ambient-motion-toggle{display:none}}