.narrative-hero{display:grid;grid-template-columns:1.13fr 1fr;gap:80px;padding:82px 0 100px;align-items:center}.narrative-hero h1{font-size:clamp(58px,6.7vw,88px);line-height:.99;letter-spacing:-.055em}.narrative-hero .hero-sub{font-size:17px;max-width:550px}.story-art{position:relative;border-radius:6px 60px 6px 6px;background:#142c64;color:#fff;padding:38px 42px;box-shadow:0 32px 64px #142c641c;overflow:hidden}.story-art:before{content:'';position:absolute;width:430px;height:430px;right:-290px;top:100px;border:1px solid #d6b45b99;border-radius:50%;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff04}.art-heading span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#e6c46f}.art-heading b{display:block;margin-top:9px;font:30px var(--serif)}.story-thread{position:relative;list-style:none;padding:0 0 0 22px;border-left:1px solid #c2cce04d;margin:35px 0 25px}.story-thread li{position:relative;padding:0 0 25px 8px}.story-thread li:last-child{padding-bottom:0}.story-thread li:before{content:'';position:absolute;left:-27px;top:5px;width:9px;height:9px;border-radius:50%;background:#e4c36a;box-shadow:0 0 0 5px #142c64}.story-thread span{display:block;color:#b8c8e8;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.story-thread strong{display:block;font:23px var(--serif);margin:7px 0}.story-thread small{display:block;color:#d4dced;font-size:12px;line-height:1.5}.art-foot{font-size:11px;color:#e4c36a;border-top:1px solid #ffffff26;padding-top:20px}.manifesto{padding:92px 0;background:#edece6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-grid{display:grid;grid-template-columns:1fr 3fr;gap:65px}.manifesto h2{font:clamp(34px,4vw,55px)/1.12 var(--serif);letter-spacing:-.035em}.manifesto h2 em{font-style:normal;color:var(--royal)}.manifesto p{font-size:18px;line-height:1.8;max-width:780px;color:#4f5663}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.question-grid article{padding:35px 35px 10px 0}.question-grid article+article{padding-left:30px;border-left:1px solid var(--line)}.question-grid span,.example-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--royal)}.question-grid h3{font:30px/1.15 var(--serif);margin:30px 0 20px}.question-grid p,.method-list p{line-height:1.75;color:#59606b}.example-section{padding:90px 0;background:#142c64;color:white}.example-section .section-header p{color:#d0d8e8}.example-section .eyebrow{color:#e4c36a}.example-tabs{display:flex;gap:4px;border-bottom:1px solid #ffffff33}.example-tabs button{cursor:pointer;color:#d0d8e8;background:none;border:0;border-bottom:3px solid transparent;padding:19px 25px;font:inherit}.example-tabs [aria-selected=true]{border-bottom-color:#e4c36a;color:white}.story-panel{display:grid;grid-template-columns:2fr 1fr;gap:70px;min-height:285px;padding:38px 0 0}.story-panel[hidden]{display:none}.story-panel h3{font:36px/1.12 var(--serif);max-width:630px;margin:16px 0}.story-panel p{line-height:1.8;color:#d0d8e8}.story-panel aside{border-left:1px solid #ffffff33;padding-left:35px;margin-top:8px}.story-panel aside b{font-size:13px;color:#e4c36a}.story-panel .example-label{color:#e4c36a}.method-list{max-width:900px;margin-left:auto}.method-list article{display:flex;gap:35px;border-top:1px solid var(--line);padding:24px 0}.method-list article>span{font:48px var(--serif);color:var(--royal);width:42px;flex-shrink:0}.method-list h3{font:28px var(--serif);margin:4px 0 8px}.method-list p{margin-bottom:0}.text-link{display:inline-block;margin-top:28px;color:var(--royal);text-underline-offset:6px}.system-section{padding:100px 0;background:#e9e9e0}.system-section h2{font:clamp(44px,5vw,72px)/1.02 var(--serif);letter-spacing:-.04em}.system-section h2 em{color:var(--royal);font-style:normal}.system-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:55px 0 30px}.system-roles article{border-top:2px solid #c89b2c;padding-top:24px}.system-roles p{font-size:15px;line-height:1.8;color:#59606b}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq summary{cursor:pointer;font-size:20px;line-height:1.4}.faq details p{max-width:850px;line-height:1.8;color:#59606b;margin:20px 0 0}.access-note{font-size:12px;max-width:280px;line-height:1.6;margin-top:18px}.essay-hero{padding:95px 0 55px}.essay-hero h1{font-size:clamp(50px,7vw,88px)}.lead{font-size:22px;line-height:1.7;max-width:800px;color:#59606b}.essay{max-width:820px;padding:15px 0 100px}.essay h2{font:34px/1.2 var(--serif);margin:40px 0 18px}.essay p,.essay li{font-size:18px;line-height:1.85;color:#4f5663}.essay li{padding-left:8px;margin:12px 0}.essay a{color:var(--royal)}.story-art{animation:appear .8s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c89b2c;outline-offset:5px}
@media(max-width:1000px){.narrative-hero{gap:35px}.story-art{padding:30px}.nav-links{gap:14px}.system-roles{grid-template-columns:repeat(2,1fr)}.manifesto-grid{gap:35px;grid-template-columns:1fr 2.6fr}}
@media(max-width:760px){.narrative-hero{grid-template-columns:1fr;padding:50px 0 65px;gap:40px}.narrative-hero h1{font-size:clamp(51px,12vw,78px)}.story-art{border-radius:5px 45px 5px 5px;padding:30px}.manifesto{padding:60px 0}.manifesto-grid{display:block}.section{padding:70px 0}.section-header{display:block;margin-bottom:35px}.section-header p{margin-top:25px}.question-grid{display:block}.question-grid article,.question-grid article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.question-grid h3{margin-top:20px}.example-section{padding:60px 0}.example-tabs button{padding:15px 8px;font-size:12px;flex:1}.story-panel{display:block;min-height:380px;padding-top:30px}.story-panel h3{font-size:30px}.story-panel aside{padding:0 0 0 20px;margin-top:25px}.method-list article{gap:20px}.system-section{padding:65px 0}.system-roles{gap:22px}.system-roles h3{font-size:16px}.system-roles p{font-size:14px}.essay-hero{padding:55px 0 25px}.essay{width:calc(100% - 40px)}.essay p,.essay li{font-size:17px}.lead{font-size:20px}.faq summary{font-size:18px}.closing-inner{gap:30px}.access-note{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-art{animation:none}*{transition:none!important}}
.footer-links{flex-wrap:wrap;min-width:0}.footer-inner>*{min-width:0}.footer-links a{overflow-wrap:anywhere}