/* Readability, responsive structure, and page-specific editorial hierarchy. */
:root{--muted:#b1bdb8;--line:#2a3934}
body{line-height:1.75}
header{position:sticky;top:0;margin:0;width:100%;padding-inline:5%;height:84px;background:#080e10f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
header nav{gap:25px}header nav>a{font-size:14px}header nav>a[aria-current]{color:var(--accent)}header nav>a[aria-current]:before{bottom:-10px;width:100%;height:1px}
.nav-contact{min-height:44px;display:flex;align-items:center}
.hero{padding-top:78px;padding-bottom:62px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:4%;min-height:710px}
.hero-side{min-width:0;position:relative;align-self:center}.hero-text{min-width:0}
h1{font-size:clamp(54px,6.1vw,96px);line-height:1.06;letter-spacing:-.06em;text-wrap:balance}
.hero-intro{font-size:16px;line-height:1.8;max-width:58ch;color:#bcc9c1}.hero-intro p+p{font-size:15px;color:var(--muted)}
.eyebrow{font-size:11px;letter-spacing:1.4px}.stage{font-size:11px;letter-spacing:.2px;line-height:1.7}
.button{font-size:14px;padding:14px 20px;min-height:50px;gap:17px}.button:hover{box-shadow:0 8px 26px #7fffc411}.actions{gap:12px}
.art-label{font-size:10px;letter-spacing:1.1px}.art-caption{font-size:10px;letter-spacing:.9px}.art-caption>span:last-child{font-size:9px;letter-spacing:.5px}.core-art{filter:drop-shadow(0 0 28px #59b68a0b)}
.motion-toggle{display:block;margin:19px 0 0 auto;color:#abc5b6;background:transparent;border:1px solid #314b3e;padding:9px 13px;font-size:12px;min-height:44px}.motion-toggle:hover{border-color:var(--accent)}.motion-paused .orb-rings,.motion-paused .core-cube{animation-play-state:paused}
.hero-bottom{font-size:10px;letter-spacing:1px;padding-block:20px;color:#9bb3a5}.hero-bottom a{display:inline-flex;align-items:center;min-height:28px}.hero-bottom>span:last-child{font-size:9px}
.chapter-strip{padding:24px 5%;display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:#101c17}.chapter-strip>span{font:500 10px var(--display);color:#85a695;letter-spacing:1.1px;margin-right:6px}.chapter-strip>a{display:inline-flex;align-items:center;gap:10px;font-size:12px;min-height:36px;color:#bdcfc3}.chapter-strip>a>span{color:var(--accent)}.chapter-strip>a:hover{color:var(--accent)}
.page-inside .hero{min-height:0;padding-block:72px 65px;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:8%;align-items:start}
.page-inside h1{font-size:clamp(44px,4.7vw,72px);margin-block:26px;line-height:1.1}.page-inside .hero-side{align-self:start;padding-top:8px}.page-inside .hero-intro{max-width:62ch}.page-inside .hero-bottom{display:none}
.page-outline{padding:28px 0 0;border-top:1px solid #608c75}.page-outline>.eyebrow{margin-bottom:23px;font-size:10px;color:#a9c3b4}.page-outline a{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;font-size:14px;color:#d0ddd4;line-height:1.5;transition:color .2s}.outline-number{font:400 11px var(--display);color:#829b8d}.page-outline a>span:last-child{color:var(--accent)}.page-outline a:hover{color:var(--accent)}
.section{grid-template-columns:minmax(130px,19%) minmax(0,1fr);gap:7%;padding-block:88px}.section-label{font-size:11px;letter-spacing:1.3px;color:#97b1a1;line-height:1.8;overflow-wrap:break-word}
h2{font-size:clamp(34px,3.4vw,54px);line-height:1.13;letter-spacing:-.045em;text-wrap:balance;margin-bottom:30px}.section-content>p{font-size:16px;max-width:70ch;line-height:1.85}.section-content>h3{margin-top:36px}
.cards{border:0;gap:16px;background:transparent}.card{padding:30px;border:1px solid var(--line);background:linear-gradient(140deg,#13251b80,#0c1411);border-radius:4px}.card .index{font-size:12px;color:#a0c6b1;letter-spacing:1px}.card h3{font-size:25px;margin-top:28px;line-height:1.22}.card p{font-size:15px;line-height:1.8;color:#afc0b6}.card .arrow{font-size:25px;right:27px}a.card:hover{border-color:#648d74;background:linear-gradient(140deg,#1a3527,#0d1912);transform:translateY(-2px)}a.card{transition:transform .2s,border-color .2s,background .2s}.cards .card:last-child:nth-child(odd){padding-right:45px}
.section-content li{font-size:15px;line-height:1.75;padding-block:17px}.section-content ul{column-gap:40px}.note{font-size:13px!important;line-height:1.85;color:#a2b9aa!important;padding-left:18px;border-left-color:#698d73}
.priority-switch{gap:32px}.priority-switch button{font-size:14px;min-height:52px}.priority-output{padding-top:30px;min-height:160px}.priority-output h3{font-size:26px}.priority-output p{font-size:16px}.priority-symbol{font-size:43px}
.module-explorer{grid-template-columns:minmax(250px,.95fr) minmax(0,1.05fr);border-radius:4px;overflow:hidden;margin-top:36px}.module-tabs button{font-size:14px;gap:13px;padding:20px 22px;min-height:68px}.module-tabs button span:first-child{font-size:11px}.module-panel{padding:36px 30px;border-left:1px solid var(--line);border-top:0;display:flex;flex-direction:column}.module-panel h3{font-size:34px;line-height:1.15;margin:34px 0 24px}.module-panel p{font-size:16px;line-height:1.8}.module-panel .index{font-size:11px;letter-spacing:1px}.development-tag{font-size:10px;letter-spacing:.7px;margin-top:auto;padding-top:25px;line-height:1.7}
#the-people-the-purpose{background:linear-gradient(145deg,#162a1f60,#080e10)}#the-people-the-purpose .card{background:transparent;border-top-color:#70977e}#the-people-the-purpose .card .index{font-size:26px;color:var(--accent);letter-spacing:-1px}blockquote{font-size:28px;line-height:1.55;border-top:0;border-left:2px solid var(--accent);padding:8px 0 8px 27px;margin:45px 0 0;max-width:800px}cite{font-size:13px;line-height:1.7}
.contact{padding-block:90px;gap:7%;grid-template-columns:1fr 1fr}.contact h2{font-size:clamp(36px,3.9vw,60px)}.contact>div>p{font-size:16px;line-height:1.8}.brief{padding:32px;border-radius:4px;box-shadow:0 18px 55px #0002}.brief>.index{font-size:11px;letter-spacing:1.2px;margin-bottom:15px}.brief-intro{font-size:14px;color:#b4c8ba;line-height:1.75;margin-bottom:25px}.brief label{font-size:14px;margin-top:20px}select,textarea{font-size:16px;padding:14px;line-height:1.5;min-width:0;width:100%;border-color:#4b6655;border-radius:3px}.brief .note{font-size:12px!important;line-height:1.8}.text-button{font-size:14px;min-height:44px;padding:10px 0}.status-message{font-size:14px}
footer>p{font-size:14px;color:#a4bbab}footer>div:not(.footer-bottom){font-size:14px;gap:30px}footer a:hover{color:var(--accent)}.footer-bottom{font-size:12px;color:#9cb3a3;align-items:center}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1600px){header{max-width:none}header .brand{margin-right:auto}header{padding-inline:max(5%,calc((100% - 1620px)/2))}}
@media(max-width:1100px){header nav{gap:16px}header nav>a{font-size:12px}.hero{min-height:0;padding-top:60px;gap:3%}.hero h1{font-size:clamp(50px,6.5vw,75px)}.hero .button{font-size:13px;padding:13px 15px}.page-inside .hero{gap:6%;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.page-inside h1{font-size:clamp(42px,4.8vw,58px)}.section{grid-template-columns:150px minmax(0,1fr);gap:5%}.module-explorer{grid-template-columns:1fr}.module-panel{border-left:0;border-top:1px solid var(--line);min-height:300px}.module-tabs button{min-height:60px}.chapter-strip{gap:10px 22px}.card{padding:25px}.card h3{font-size:23px}}
@media(max-width:760px){html{scroll-padding-top:100px}header{height:76px;padding-inline:5%}header nav{top:75px;left:0;right:0;padding:16px 5% 24px;max-height:calc(100dvh - 76px);overflow:auto;gap:0}header nav>a{font-size:16px;padding:14px 12px;min-height:48px}header nav>a[aria-current]:before{left:0;bottom:18px;width:2px;height:20px}.nav-contact{justify-content:space-between}#menu-toggle{min-height:44px;font-size:13px}.hero{padding-top:46px;padding-bottom:30px;gap:20px}.hero h1{font-size:clamp(49px,10vw,76px);line-height:1.06;margin:25px 0}.hero-intro,.hero-intro p+p{font-size:15px;line-height:1.85}.hero .button{font-size:13px;padding:13px 16px;min-height:48px}.hero-side{width:100%}.core-art{max-width:360px;width:90%}.motion-toggle{margin:18px auto 0;font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.1px}.stage{font-size:11px;max-width:100%;margin-top:23px}.art-caption{font-size:9px}.art-caption>span:last-child{font-size:8px}.hero-bottom{font-size:9px;line-height:1.6;gap:20px;padding-block:18px}.hero-bottom>span:first-child{font-size:9px;max-width:145px}.hero-bottom>a{font-size:9px;text-align:right}.chapter-strip{padding:20px 5%;gap:10px 18px}.chapter-strip>span{flex-basis:100%;font-size:10px}.chapter-strip>a{font-size:12px;min-height:40px}.page-inside .hero{display:flex;flex-direction:column;padding:44px 5% 30px;gap:30px}.page-inside h1{font-size:clamp(40px,8vw,60px)}.page-inside .hero-side{padding:0}.page-outline{padding-top:23px}.page-outline>.eyebrow{margin-bottom:13px}.page-outline a{padding-block:13px;font-size:14px;min-height:48px}.section{display:block;padding:60px 5%}.section-label{font-size:11px;letter-spacing:1px;margin-bottom:22px}h2{font-size:clamp(31px,6.6vw,43px);line-height:1.15;margin-bottom:25px}.section-content>p{font-size:16px}.cards{gap:14px;margin-top:30px}.card{padding:24px}.card h3{font-size:24px}.card p{font-size:15px}.card .index{font-size:12px}.section-content ul{column-gap:25px}.section-content li{font-size:15px}.priority-switch{gap:25px;justify-content:space-between}.priority-switch button{font-size:13px;padding-block:15px}.priority-output p{font-size:15px}.priority-output h3{font-size:25px}.module-explorer{grid-template-columns:1fr;margin-top:28px}.module-tabs button{font-size:14px;padding:17px 20px;gap:16px;min-height:60px}.module-tabs button span:last-child{display:inline}.module-panel{padding:28px 23px;border-top:1px solid var(--line);border-left:0;min-height:300px}.module-panel h3{font-size:31px;margin-top:28px}.module-panel p{font-size:16px}.module-panel .index{font-size:10px}.note{font-size:13px!important}blockquote{font-size:24px;padding-left:22px}cite{font-size:13px}.contact{display:block;padding:65px 5%}.contact h2{font-size:clamp(34px,7.8vw,48px)}.brief{padding:25px;margin-top:35px}.brief label{font-size:14px}.contact>div>p{font-size:16px}footer{grid-template-columns:1fr;gap:24px}footer>p{text-align:left;font-size:14px}footer .brand{font-size:17px}footer>div:not(.footer-bottom){font-size:14px;gap:9px 26px}footer>div:not(.footer-bottom)>a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom{font-size:12px;gap:10px 20px}.footer-bottom>span:nth-child(2){font-size:11px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.section-content ul{grid-template-columns:1fr}.hero .actions{display:grid;grid-template-columns:1fr}.hero .button{width:100%;justify-content:space-between;font-size:14px}.page-inside .hero .actions{display:flex}.page-inside .hero .button{width:auto;flex:1 1 180px}.page-inside h1{font-size:clamp(36px,8.8vw,46px)}.chapter-strip>a{font-size:12px}.priority-switch{gap:15px}.priority-switch button{font-size:12px}.section-label{max-width:none}.cards .card:last-child:nth-child(odd){padding-right:24px}}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.reveal{opacity:1!important;transform:none!important}}

/* Approved Syntrix Core wordmark: display the supplied artwork without redrawing it. */
header .brand,footer .brand{display:inline-flex;gap:0;flex-shrink:0;align-items:center;min-height:48px}
.brand-crop{display:block;position:relative;width:220px;aspect-ratio:1375 / 295;overflow:hidden}
.brand-crop .brand-image{position:absolute;display:block;width:129.018182%;height:auto;max-width:none;left:-14.545455%;top:-100%}
footer .brand-crop{width:250px}
@media(max-width:1100px){header .brand-crop{width:190px}}
@media(max-width:760px){header .brand-crop{width:190px}footer .brand-crop{width:230px}}
@media(max-width:380px){header .brand-crop{width:170px}}

/* Evolving sphere: a shaded body, breathing aura, and gently flowing surface. */
.sphere-aura{transform-origin:300px 300px;animation:sphere-breathe 6s ease-in-out infinite}
.sphere-rim{animation:sphere-shimmer 7s ease-in-out infinite}
@keyframes sphere-breathe{0%,100%{transform:scale(.93);opacity:.65}50%{transform:scale(1.12);opacity:1}}
@keyframes sphere-shimmer{0%,100%{opacity:.4}50%{opacity:.8}}
.motion-paused .core-sphere *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.core-sphere *{animation:none!important}}