@font-face{font-family:Manrope;src:url('/brand/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Syncopate;src:url('/brand/fonts/syncopate-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Bodoni;src:url('/brand/fonts/bodoni-moda.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{color-scheme:dark;--ink:#111719;--paper:#f1eee6;--muted:#bcc3c4;--gold:#e3bc73;--gold-ink:#7a5722;--gutter:5vw;--line:#c7caca33;font-family:Manrope,Arial,sans-serif;background:#080b0d;color:#f0f2ef;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:auto}body{overflow-x:hidden}h1,h2,h3,p,dl,dd{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button{border-radius:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}body[data-theme="light"] a:focus-visible,body[data-theme="light"] button:focus-visible{outline-color:var(--gold-ink)}[hidden]{display:none!important}em{font-style:normal;color:var(--gold)}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-200%);background:#111719;color:white;padding:16px;border:1px solid var(--gold)}.skip-link:focus{transform:none}main:focus{outline:none}
.eyebrow{display:flex;align-items:center;gap:20px;font-size:clamp(11px,.72vw,15px);font-weight:700;line-height:1.5;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}.eyebrow::before{content:"";width:42px;height:1px;flex-shrink:0;background:var(--gold)}
/* The cinematic composition uses the same 16:9 camera frame as the supplied footage. */
.film-stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:#080b0d}.film-stage video,.rest-frame{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.rest-frame{opacity:0}.film-stage video[data-awaiting-first-presentation]{opacity:0}#journey{position:relative;z-index:2}.reading-art{display:none}.chapter{position:fixed;inset:0;opacity:0;visibility:hidden;pointer-events:none;isolation:isolate;overflow:hidden}.chapter[data-active="true"]{pointer-events:auto}.chapter::before,.chapter::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.chapter::before{background:linear-gradient(90deg,#040607f5 0%,#040607e3 24%,#04060770 41%,#04060700 58%,#04060710 75%,#040607b8 100%)}.chapter::after{background:linear-gradient(#0002,transparent 15%,transparent 82%,#0008)}.copy{position:absolute;top:24%;left:var(--gutter);width:36%;max-width:780px}.chapter h1,.chapter h2{font:700 clamp(32px,3.8vw,78px)/1.13 Syncopate,Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;color:#edf0f0;margin-bottom:25px;text-wrap:balance}.chapter h2 em{color:var(--gold)}.chapter .scene-lead{font-size:clamp(20px,1.5vw,31px);line-height:1.45;letter-spacing:-.02em;color:#f0f1ec;margin-bottom:20px;text-wrap:balance}.scene-body{font-size:clamp(15px,1vw,21px);line-height:1.75;color:#c1c8c8;max-width:35em}.scene-link,.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.6;border:0;border-bottom:1px solid #c3b28c80;background:none;padding:12px 0 10px;transition:color .2s,border-color .2s}.scene-link{margin-top:25px}.scene-link span,.text-link span{font-size:19px;color:var(--gold);transition:transform .2s}.scene-link:hover span,.text-link:hover span{transform:translate(3px,-3px)}.scene-link:hover,.text-link:hover{color:var(--gold);border-color:var(--gold)}.scene-status{font-size:11px;line-height:1.6;letter-spacing:.06em;color:#aab4b5;margin-top:22px}
.annotations{position:absolute;top:20%;right:7.8%;width:17%;display:flex;flex-direction:column;gap:clamp(26px,5vh,60px)}.callout{padding:15px 0 0;border-top:1px solid #dab5708c;position:relative}.callout::before{content:"";position:absolute;left:-34px;top:-1px;width:25px;height:1px;background:var(--gold)}.callout dt{font-size:clamp(12px,.8vw,17px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.5;margin-bottom:9px}.callout dd{font-size:clamp(13px,.86vw,18px);line-height:1.65;color:#d0d5d3;max-width:23em;text-shadow:0 1px 8px #000}.chapter:has(.annotations)::before{background:linear-gradient(90deg,#040607f5 0%,#040607de 24%,#04060780 40%,transparent 56%,#04060745 69%,#040607e3 100%)}
.right-copy .copy{left:auto;right:7.8%;width:34%;top:29%}.right-copy::before,.right-copy:has(.annotations)::before{background:linear-gradient(90deg,#0001,transparent 35%,#040607a1 53%,#040607ee 68%)}.right-copy .annotations{right:auto;left:var(--gutter);top:70%;width:39%;display:grid;grid-template-columns:1fr 1fr;gap:35px}.right-copy .callout dd{font-size:14px}.world-model .annotations{top:auto;bottom:13%;right:9%;width:26%;flex-direction:row;gap:35px}.world-model .callout{flex:1}.policy .annotations{top:19%;gap:6vh}.policy .copy{top:23%}.policy h2{font-size:clamp(50px,5.9vw,116px)}.optimisation .copy{width:38%}.optimisation h2{font-size:clamp(32px,3.45vw,68px)}.optimisation .annotations{top:16%;gap:6vh}.simulation .annotations{top:56%}.authority .annotations{top:auto;bottom:15%;width:36%;right:9%;display:grid;grid-template-columns:1fr 1fr}.execution .annotations{top:23%}.learning .annotations,.governance .annotations{top:22%;gap:27vh}.governance h2{font-size:clamp(32px,3.55vw,72px)}.product-core .copy,.product-family .copy{top:26%;width:37%}.product-core h2,.product-family h2{font-size:clamp(30px,3.4vw,70px)}.product-core .annotations{gap:4vh;top:23%}.product-family .annotations{top:16%;gap:4vh}.workforce .annotations{top:24%;gap:27vh}.command .annotations,.strategy .annotations{top:20%;gap:28vh}.federation .copy{width:40%;top:24%}.federation .scene-lead{font-size:clamp(23px,2vw,41px);font-weight:500}.federation .annotations{top:26%;gap:25vh}.centered .copy{left:50%;transform:translateX(-50%);width:76%;max-width:1500px;text-align:center}.centered .eyebrow{justify-content:center}.centered .eyebrow::before{width:30px}.centered .eyebrow::after{content:"";width:30px;height:1px;background:var(--gold)}.centered .scene-body{margin-left:auto;margin-right:auto;max-width:42em}.consequence .copy{top:29%;width:59%}.consequence h2{font-size:clamp(35px,4.1vw,84px)}.consequence .scene-lead{font-size:clamp(19px,1.7vw,35px)}.consequence::before,.consequence:has(.annotations)::before{background:radial-gradient(ellipse at center,#000e 0%,#000b 23%,#0002 60%,#0005)}.consequence .annotations{top:auto;bottom:12%;left:23%;right:23%;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.consequence .callout::before{display:none}
/* Luminous landscape bookends follow the reference deck's editorial tone. */
.chapter[data-theme="light"]{color:var(--ink)}.chapter[data-theme="light"]::before{background:linear-gradient(90deg,#f3eee7ed 0%,#eee6d9b8 25%,#eae3d45c 43%,transparent 62%)}.chapter[data-theme="light"]::after{background:linear-gradient(#f6f1e52e,transparent 70%,#1b161633)}.chapter[data-theme="light"] .eyebrow{color:#3e4645}.chapter[data-theme="light"] .eyebrow::before,.chapter[data-theme="light"] .eyebrow::after{background:#8c6b36}.chapter[data-theme="light"] h1,.chapter[data-theme="light"] h2{font-family:Bodoni,Georgia,serif;font-weight:500;text-transform:none;letter-spacing:-.04em;color:#11191b;background:none}.chapter[data-theme="light"] h1 em,.chapter[data-theme="light"] h2 em,.chapter[data-theme="light"] .scene-lead em{color:var(--gold-ink)}.chapter[data-theme="light"] .scene-lead{color:#202b2b}.chapter[data-theme="light"] .scene-body{color:#343f3d}.chapter[data-theme="light"] .scene-link{border-color:#8a6c4490;color:#25302e}.chapter[data-theme="light"] .scene-link span{color:var(--gold-ink)}.opening .copy{top:24%;width:47%;max-width:1000px}.opening h1{font-size:clamp(56px,5.65vw,115px);line-height:.99;margin-bottom:28px}.opening .eyebrow{font-size:11px;margin-bottom:22px}.opening .scene-lead{max-width:28em;font-size:clamp(20px,1.5vw,31px)}.opening .scene-body{max-width:28em;font-size:clamp(15px,1vw,20px)}.opening .scene-link{margin-top:22px}.purpose .copy{top:12%;width:86%}.purpose h2{font-size:clamp(44px,4.2vw,86px);margin-bottom:0}.purpose .scene-lead{font:500 clamp(38px,4.2vw,86px)/1.12 Bodoni,Georgia,serif!important;color:#745322!important;margin-bottom:22px}.purpose .scene-body{max-width:40em}.purpose .annotations{top:auto;bottom:11%;left:12%;right:12%;width:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;padding:25px 28px;background:#f5f0e9ed;backdrop-filter:blur(8px)}.purpose .callout{border-color:#8c6c3e88;padding-top:14px}.purpose .callout::before{display:none}.purpose .callout dt{color:#745322}.purpose .callout dd{color:#263230;text-shadow:none}.purpose::before{background:linear-gradient(#f5efe2e8 0%,#f1e6d4a8 32%,transparent 54%)!important}.philosophy .copy{top:21%;width:43%}.philosophy h2{font-size:clamp(62px,6.25vw,128px);line-height:1;margin-bottom:30px}.philosophy .scene-body{max-width:29em}.closing .copy{top:12%;width:79%}.closing::before{background:linear-gradient(#f3ede1d9 0%,#f5e9d2c7 58%,#f1e3c963 83%,transparent)!important}.closing-mark{display:block;margin:0 auto 9px;width:clamp(75px,8vw,160px);height:auto}.closing-logo{display:block;margin:0 auto 32px;width:clamp(260px,23vw,470px);height:auto}.closing .eyebrow{display:none}.closing h2{font-size:clamp(38px,3.9vw,80px);line-height:1.08;margin-bottom:18px}.closing h2 br{display:none}.closing .scene-lead{font-size:clamp(18px,1.4vw,28px);margin-bottom:15px}.closing .scene-body{font-size:clamp(15px,.96vw,20px)}.closing .scene-link{margin-top:23px}
/* Branding and the compact, expandable chapter rail. */
#header{display:flex;align-items:center;justify-content:space-between;gap:30px}.cinema-header{position:fixed;left:var(--gutter);right:var(--gutter);top:3.8vh;z-index:5;opacity:0}.brand{display:block;width:clamp(195px,15vw,290px)}.brand img{display:block;width:100%;height:auto}.brand-on-light{display:none!important}body[data-theme="light"] .cinema-header .brand-on-dark{display:none}body[data-theme="light"] .cinema-header .brand-on-light{display:block!important}nav{display:flex;align-items:center;gap:32px}#header nav>a{font-size:12px;font-weight:600}.outline-button,.solid-button{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:16px 22px;min-height:48px;border:1px solid #d4b274a3;background:#080b0d24;color:#f1dfbb;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.07em}.outline-button:hover{background:#dfb66922}.solid-button{background:var(--gold);color:#171c1c;border-color:var(--gold)}.solid-button:hover{background:#f2d092}.outline-button span,.solid-button span{font-size:19px}body[data-theme="light"] .cinema-header{color:var(--ink)}body[data-theme="light"] .cinema-header .outline-button{border-color:#725c3999;color:#222e2b;background:#f6eee244}.chapter-navigation{position:fixed;right:15px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:14px}.chapter-toggle{border:0;background:#080b0db8;min-width:44px;padding:13px 10px;color:#f0e2c4;display:flex;align-items:center;flex-direction:column;gap:10px}.rail-word{writing-mode:vertical-rl;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.rail-current{font-size:11px;letter-spacing:.1em}.rail-menu{display:none}.chapter-dots{display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px 15px;background:#080b0d70}.chapter-dots i{display:block;width:4px;height:8px;background:#c4caca77;transition:height .2s,background .2s}.chapter-dots i.is-current{height:20px;background:#f3cf89}.chapter-panel{position:absolute;right:0;top:50%;transform:translate(12px,-50%);width:300px;max-height:min(850px,92svh);overflow:auto;padding:22px;background:#0b1012f5;border:1px solid #b6a27b66;box-shadow:0 20px 70px #0006;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;backdrop-filter:blur(20px);color:#e8ece8}.chapter-navigation[data-open="true"] .chapter-panel{opacity:1;visibility:visible;transform:translate(0,-50%)}.chapter-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:12px}.chapter-panel-heading p{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.chapter-panel-heading button{width:32px;height:32px;border:0;background:none;font-size:23px}.chapter-panel ol{list-style:none;margin:0;padding:0}.chapter-panel li a{display:flex;gap:20px;align-items:center;min-height:31px;font-size:13px;color:#bac3c4;padding:4px 8px}.chapter-panel li a span{font-size:10px;color:#9ea8a8;width:18px}.chapter-panel li a:hover,.chapter-panel li a[aria-current]{color:#f9e2b5;background:#e3bc7314}.chapter-panel li a[aria-current]{border-left:2px solid var(--gold)}.rail-details{font-size:11px;display:block;border-top:1px solid var(--line);padding-top:13px;margin-top:13px;color:#dfc58e}.rail-details.text-link{width:100%;text-align:left;text-transform:none;letter-spacing:0;border-bottom:0}.journey-controls{position:fixed;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;gap:10px;align-items:center;z-index:5;color:#d9dedb;transition:opacity .2s}.journey-controls button{height:44px;min-width:44px;padding:10px 15px;border:1px solid #bdc3be50;background:#080b0d8f;font-size:12px}.journey-controls button:hover{border-color:var(--gold)}.journey-controls #play-journey{display:flex;gap:25px;align-items:center}.journey-controls .keyboard-hint{font-size:10px;letter-spacing:.04em;opacity:.8;margin-left:12px}.journey-controls>a{margin-left:auto;font-size:11px;border-bottom:1px solid #a6a48d;padding:11px 0}body[data-theme="light"] .journey-controls{color:#202c2a}body[data-theme="light"] .journey-controls button{background:#f8f1dfcc;border-color:#5b523e60;color:#202c2a}body[data-at-information="true"] .chapter-navigation,body[data-at-information="true"] .journey-controls{visibility:hidden;pointer-events:none;opacity:0}body[data-ready="false"] #journey,body[data-ready="false"] .cinema-header,body[data-ready="false"] .journey-controls{visibility:hidden}#media-status{position:relative;z-index:50;padding:20px;background:#242019;color:#f5dfb6}
/* Editorial layer and fully navigable pages. */
.site-information{position:relative;z-index:6;background:#0b1012}.editorial-section{padding:110px var(--gutter);border-bottom:1px solid var(--line)}.editorial-section h2,.editorial-cta h2,.page-intro h1{font:500 clamp(40px,4vw,78px)/1.08 Bodoni,Georgia,serif;letter-spacing:-.035em;text-wrap:balance}.editorial-section h2{margin-bottom:30px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:start}.section-heading>div{padding-top:8px}.editorial-section p,.page-content p{font-size:17px;line-height:1.85;color:#c3cccb}.section-heading .text-link{margin-top:24px}.development-note{font-size:14px!important;border-left:2px solid #9d7f4b;padding:4px 0 4px 18px;max-width:760px;color:#b5bfbe!important;margin:22px 0 40px}.product-list{margin-top:38px;border-top:1px solid var(--line)}.product-row{display:grid;grid-template-columns:55px minmax(220px,1fr) 1.2fr 30px;gap:25px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .22s,color .22s}.product-row:hover{padding-left:14px;color:var(--gold)}.row-number{font-size:12px;color:#c8a76b}.product-row h3{font-size:clamp(23px,2.3vw,43px);font-weight:500;letter-spacing:-.04em}.product-row p{font-size:16px;color:#aebcb9;line-height:1.6}.product-row>span:last-child{font-size:25px;color:var(--gold)}.evaluation{display:grid;grid-template-columns:.9fr 1fr;gap:12vw}.evaluation>div>p{margin-bottom:25px}.principle-list{padding:0;margin:0;list-style:none}.principle-list li{display:flex;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.principle-list li>span{font-size:11px;letter-spacing:.1em;color:var(--gold);padding-top:6px}.principle-list h3{font-weight:500;font-size:21px;line-height:1.5;margin-bottom:9px}.principle-list p{font-size:15px;line-height:1.8}.faq-list{margin-top:35px;border-top:1px solid var(--line);scroll-margin-top:40px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 0;font-size:18px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--gold);font-size:25px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:850px;padding-bottom:30px;font-size:16px}.editorial-cta{padding:115px var(--gutter);text-align:center;background:#11191b}.editorial-cta .eyebrow{justify-content:center}.editorial-cta h2{margin-bottom:38px}.site-footer{padding:70px var(--gutter) 25px;background:#060a0c;position:relative;z-index:6}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-bottom:55px;border-bottom:1px solid var(--line)}.footer-brand{display:block;width:230px;flex-shrink:0}.footer-brand img{display:block;width:100%;height:auto}.footer-top p{font:400 25px/1.45 Bodoni,Georgia,serif;color:#d5dcd9}.footer-email{font-size:14px;line-height:1.7;color:#d5ba83;overflow-wrap:anywhere}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:50px 0}.footer-links h2{font:600 11px/1.5 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a7b5b2;margin-bottom:18px}.footer-links a{display:block;font-size:14px;line-height:1.7;padding:7px 0;width:fit-content;color:#dce1dd}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:#a9b6b3}.page-header{padding:30px var(--gutter);border-bottom:1px solid var(--line)}.document-page{background:#0c1113}.page-intro{padding:70px var(--gutter) 75px;max-width:1400px}.breadcrumb{display:inline-block;font-size:12px;color:#a9b7b3;border-bottom:1px solid #9aab9d55;padding:8px 0;margin-bottom:38px}.page-intro .eyebrow{margin-bottom:25px}.page-intro h1{font-size:clamp(48px,5.5vw,106px);max-width:1100px}.page-lead{max-width:780px;font-size:clamp(18px,1.35vw,25px);line-height:1.75;color:#bdc9c6;margin-top:35px}.page-art{margin:0 var(--gutter) 20px;position:relative}.page-art img{display:block;width:100%;height:min(60vw,570px);object-fit:cover}.page-art figcaption{font-size:10px;letter-spacing:.08em;color:#a9b5b2;padding:14px 0}.page-content{padding:30px var(--gutter) 90px;max-width:1500px}.prose-section{padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.prose-section h2,.contact-layout h2{font:500 clamp(30px,2.8vw,48px)/1.2 Bodoni,Georgia,serif;letter-spacing:-.025em;margin-bottom:25px}.prose-section>p{max-width:850px;margin-bottom:22px}.prose-section>p:last-child{margin-bottom:0}.prose-section a:not(.product-row){color:#e5c689;text-decoration:underline;text-underline-offset:5px}.method-list{max-width:900px}.method-list>div{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:23px 0;border-bottom:1px solid var(--line)}.method-list dt{font-size:17px;color:var(--gold)}.method-list dd{font-size:16px;line-height:1.8;color:#c1ccca}.question-list{list-style:none;padding:15px 0 0;max-width:900px}.question-list li{padding:23px 0;border-top:1px solid var(--line);font-size:21px;line-height:1.6;color:#e1cfaa}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:20px}.feature-columns h3{font-size:18px;font-weight:500;margin-bottom:16px;color:var(--gold)}.feature-columns p{font-size:15px}.prose-section>ul:not(.question-list){max-width:850px;font-size:17px;line-height:1.8;color:#c3cccb}.prose-section>ul li{margin-bottom:15px}.document-status{font-size:12px!important;color:#d8c08c!important;border-bottom:1px solid var(--line);padding-bottom:30px}.contact-layout{display:grid;grid-template-columns:.8fr 1.1fr;gap:9vw}.contact-layout p{margin-bottom:25px}.contact-address{display:block;font-size:18px;color:var(--gold);overflow-wrap:anywhere;margin:30px 0}
/* Enquiries hand over to the visitor's chosen mail application. */
dialog{width:min(680px,calc(100% - 36px));max-height:90svh;overflow:auto;padding:42px;background:#0c1315;border:1px solid #ad9463;color:#e8ede7;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(10px)}dialog h2{font:500 39px/1.1 Bodoni,Georgia,serif;letter-spacing:-.03em;max-width:90%;margin-bottom:22px}dialog>p{font-size:14px;line-height:1.7;color:#bdcac6;margin-bottom:22px}dialog .eyebrow{font-size:10px}.dialog-close{position:absolute;right:16px;top:12px;width:38px;height:38px;border:0;background:none;font-size:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form{display:flex;flex-direction:column;gap:10px}form label{display:block;font-size:12px;line-height:1.5;color:#e0e8e1;margin-top:12px;margin-bottom:7px}form label span{color:#a0b2ad}input,textarea{display:block;width:100%;padding:14px;background:#080d0f;color:#f2f4f0;border:1px solid #52615c;border-radius:0;font-size:16px;line-height:1.5}textarea{resize:vertical;min-height:110px}.form-notice{font-size:12px!important;line-height:1.85!important;color:#adbeb7!important;margin:15px 0!important}.form-notice a{color:#ddcba8;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.form-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.form-actions .text-link{font-size:11px}#form-status{font-size:13px;line-height:1.8;color:#e5ca90;margin:10px 0 0}.legacy-draft{padding:15px 0;border-top:1px solid var(--line);margin-top:20px}.legacy-draft p{font-size:12px;margin-bottom:15px}.legacy-draft button{background:transparent;border:1px solid #a9bcad80;padding:9px;margin-right:8px;font-size:11px}
/* Reading mode is a first-class alternative and the default on narrow screens. */
body[data-mode="reading"] .film-stage,body[data-mode="reading"] .cinema-header,body[data-mode="reading"] .journey-controls{display:none}body[data-mode="reading"] .chapter{position:relative;inset:auto;opacity:1!important;visibility:visible!important;pointer-events:auto;min-height:0;overflow:visible;padding:0 0 60px;background:#0b1113;color:#eef2ed}body[data-mode="reading"] .chapter::before,body[data-mode="reading"] .chapter::after{display:none}body[data-mode="reading"] .reading-art{display:block;width:100%;height:auto;max-height:70svh;object-fit:cover}body[data-mode="reading"] .copy,body[data-mode="reading"] .centered .copy{position:relative;inset:auto;width:100%;max-width:1100px;transform:none;text-align:left;padding:50px var(--gutter) 0;margin:auto}body[data-mode="reading"] .eyebrow{justify-content:flex-start;color:#bcc8c2}body[data-mode="reading"] .eyebrow::after{display:none}body[data-mode="reading"] .chapter h1,body[data-mode="reading"] .chapter h2{font-size:clamp(38px,5vw,75px);color:#e9eee8}body[data-mode="reading"] .chapter h1 em,body[data-mode="reading"] .chapter h2 em{color:var(--gold)}body[data-mode="reading"] .chapter .scene-lead{color:#e0e8df;font:400 clamp(20px,2.5vw,30px)/1.5 Manrope,sans-serif!important}body[data-mode="reading"] .chapter .scene-body{color:#b6c4bc;margin:0;max-width:45em}body[data-mode="reading"] .chapter .scene-link{color:#e1cfaa}body[data-mode="reading"] .annotations{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,1fr);width:100%;max-width:1100px;margin:auto;padding:40px var(--gutter) 0;gap:28px;background:none;backdrop-filter:none}body[data-mode="reading"] .callout{color:#cad5cd}body[data-mode="reading"] .callout dt{color:var(--gold)}body[data-mode="reading"] .callout dd{color:#b9c5bf;text-shadow:none}body[data-mode="reading"] .callout::before{display:none}body[data-mode="reading"] .chapter .scene-lead em{color:var(--gold)}body[data-mode="reading"] .chapter .eyebrow::before{background:var(--gold)}body[data-mode="reading"] .closing-mark,body[data-mode="reading"] .closing-logo{margin-left:0}body[data-mode="reading"] .closing-logo{filter:brightness(1.8);margin-top:12px}body[data-mode="reading"] .chapter-navigation{right:12px;top:25px;transform:none}body[data-mode="reading"] .chapter-dots{display:none}body[data-mode="reading"] .rail-word{writing-mode:horizontal-tb}body[data-mode="reading"] .chapter-toggle{flex-direction:row;gap:12px;border:1px solid #e3bc7380;background:#080b0dee}body[data-mode="reading"] .chapter-panel{top:0;transform:translate(10px,0)}body[data-mode="reading"] .chapter-navigation[data-open="true"] .chapter-panel{transform:translate(0,0)}
@media(min-width:1000px) and (max-height:820px){.eyebrow{margin-bottom:18px}.chapter h1,.chapter h2{margin-bottom:20px}.chapter .scene-lead{margin-bottom:16px}.scene-link{margin-top:18px}.scene-status{margin-top:14px}.closing .copy{top:8%}.closing-logo{margin-bottom:20px}.closing-mark{width:95px}.opening .copy{top:23%}.opening .eyebrow{margin-bottom:18px}.opening h1{margin-bottom:23px}.annotations{gap:30px}.callout dd{line-height:1.6}.journey-controls{bottom:16px}.chapter-panel{max-height:94svh;padding:13px 18px}.chapter-panel li a{min-height:27px;font-size:12px}.chapter-panel-heading{margin-bottom:6px;padding-bottom:6px}.rail-details{margin-top:8px;padding-top:10px}}
@media(max-width:1100px){.page-header nav{gap:18px}.page-header nav>a{font-size:11px!important}.brand{width:195px}.annotations{right:8%;width:19%}.callout dt{font-size:12px}.callout dd{font-size:13px}.section-heading,.evaluation{gap:6vw}.footer-top{gap:25px}.footer-top p{font-size:20px}.footer-email{font-size:12px}.product-row{grid-template-columns:35px 1fr 1.2fr 25px;gap:15px}.chapter-panel{width:280px}.contact-layout{gap:5vw}.chapter .scene-body{font-size:15px}}
@media(max-width:760px){:root{--gutter:24px}.page-header{padding:20px var(--gutter)}.page-header .brand{width:165px}.page-header nav>a:not(.outline-button){display:none}.page-header nav .outline-button{padding:11px;font-size:10px;gap:12px}.page-intro{padding:35px var(--gutter) 45px}.page-intro h1{font-size:clamp(43px,10vw,65px)}.page-intro .eyebrow{font-size:10px}.page-lead{font-size:18px;line-height:1.75;margin-top:25px}.page-art{margin:0 0 20px}.page-art img{height:auto;object-fit:contain}.page-art figcaption{padding-left:24px}.page-content{padding:10px var(--gutter) 50px}.prose-section{padding:42px 0}.prose-section h2{font-size:32px}.prose-section>p{font-size:16px;line-height:1.85}.feature-columns{grid-template-columns:1fr;gap:28px}.feature-columns h3{margin-bottom:10px}.method-list>div{grid-template-columns:1fr;gap:10px}.product-row{grid-template-columns:25px 1fr 20px;padding:27px 0;gap:12px}.product-row h3{font-size:27px}.product-row p{grid-column:2;grid-row:2;font-size:14px}.product-row>span:last-child{grid-column:3;grid-row:1}.evaluation,.section-heading,.contact-layout{grid-template-columns:1fr;gap:35px}.editorial-section{padding:65px var(--gutter)}.editorial-section h2,.editorial-cta h2{font-size:43px}.editorial-section p{font-size:16px}.editorial-cta{padding:75px var(--gutter)}.editorial-cta h2 br{display:none}.eyebrow{font-size:10px;gap:15px;letter-spacing:.17em}.eyebrow::before{width:28px}.principle-list li{gap:18px}.principle-list h3{font-size:18px}.principle-list p{font-size:14px}.faq-list summary{font-size:16px;padding:22px 0}.faq-list details p{font-size:15px}.footer-top{flex-direction:column;align-items:flex-start;gap:25px;padding-bottom:35px}.footer-top p{font-size:24px}.footer-top .footer-email{font-size:14px}.footer-links{grid-template-columns:1fr 1fr;gap:30px 20px;padding:35px 0}.footer-links a{font-size:13px;padding:9px 0}.footer-bottom{flex-direction:column;gap:10px}.site-footer{padding-top:50px}.form-row{grid-template-columns:1fr;gap:0}.contact-address{font-size:16px}.form-actions{gap:15px}.form-actions .solid-button{font-size:11px;padding:14px 18px;gap:22px}dialog{padding:32px 24px;max-height:92svh}dialog h2{font-size:34px}body[data-mode="reading"] .reading-art{object-fit:contain;max-height:none}body[data-mode="reading"] .copy,body[data-mode="reading"] .centered .copy{padding:32px 24px 0}body[data-mode="reading"] .chapter h1,body[data-mode="reading"] .chapter h2{font-size:clamp(31px,8vw,50px);line-height:1.15;margin-bottom:22px}body[data-mode="reading"] .opening h1,body[data-mode="reading"] .philosophy h2{font-size:clamp(46px,12vw,68px)}body[data-mode="reading"] .chapter .scene-lead{font-size:21px!important}body[data-mode="reading"] .chapter .scene-body{font-size:15px;line-height:1.8}body[data-mode="reading"] .annotations{padding:30px 24px 0;grid-template-columns:1fr;gap:24px}body[data-mode="reading"] .chapter{padding-bottom:42px}body[data-mode="reading"] .chapter .scene-link{font-size:11px;margin-top:22px}body[data-mode="reading"] .closing-logo{filter:invert(1);width:240px}body[data-mode="reading"] .closing-mark{width:70px}body[data-mode="reading"] .chapter-navigation{top:12px;right:12px}body[data-mode="reading"] .chapter-toggle{min-height:42px;padding:8px 12px}body[data-mode="reading"] .rail-current{display:none}.chapter-panel{width:min(320px,calc(100vw - 24px));max-height:calc(100svh - 24px)}.chapter-panel li a{min-height:35px}.chapter-panel-heading button{width:38px;height:38px}.keyboard-hint{display:none}.form-notice{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(min-width:761px){.chapter-panel{right:44px}}
.purpose .scene-link{padding:10px 18px;background:#f5efdfed;border:1px solid #886c3b80}
body[data-mode="reading"] .chapter[data-theme="light"] .eyebrow{color:#bcc8c2}
body[data-mode="reading"] .chapter[data-theme="light"] .scene-lead{color:#e0e8df!important}
body[data-mode="reading"] .purpose .scene-link{background:none;border:0;border-bottom:1px solid #c3b28c80;padding:12px 0 10px}
body[data-mode="reading"] .closing-logo{filter:invert(1)}
/* Reference-led metal lettering and a quiet, architectural chapter index. */
.chapter:not([data-theme="light"]) h2{background:linear-gradient(180deg,#fff 0%,#e2e6e8 28%,#aeb6bb 47%,#f7f8f8 51%,#b7bec2 76%,#e2e5e6 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #000b);letter-spacing:-.045em}
.chapter:not([data-theme="light"]) h2 em{background:linear-gradient(180deg,#fff0c6 0%,#ebc47f 40%,#bc8b41 48%,#f7dea6 53%,#ba8e4b 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.opening .copy{top:27%;left:5%;width:57%;max-width:1250px}
.chapter.opening h1{font:700 clamp(44px,4.75vw,98px)/1.12 Syncopate,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.045em;background:linear-gradient(180deg,#fff 0%,#e2e6e8 28%,#aeb6bb 47%,#f7f8f8 51%,#b7bec2 76%,#e2e5e6 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #000b);margin-bottom:30px}
.chapter.opening h1 em{background:linear-gradient(180deg,#fff0c6 0%,#ebc47f 40%,#bc8b41 48%,#f7dea6 53%,#ba8e4b 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.opening .scene-lead{font-size:clamp(19px,1.5vw,31px);max-width:31em;font-weight:400;line-height:1.55;letter-spacing:0;color:#c5cece}
.opening .scene-body{max-width:32em;font-size:clamp(15px,1.05vw,21px)}
.opening .eyebrow,.opening .scene-body{display:none}
.chapter-navigation{right:22px;gap:0;min-width:44px;padding:12px 0;isolation:isolate}
.chapter-toggle{position:absolute;inset:0;width:44px;min-height:100%;padding:0;background:transparent;border:0;z-index:1}
.rail-word,.rail-current,.rail-menu{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.chapter-dots{padding:0 10px;background:transparent;gap:11px;pointer-events:none;align-items:flex-end}
.chapter-dots i{height:1px;width:7px;background:#b8b9b47a;box-shadow:0 1px 2px #0007;transition:width .25s,background .25s;flex-shrink:0}
.chapter-dots i:nth-child(4n+1){width:13px;background:#b8b9b4a8}
.chapter-dots i.is-current{height:1px;width:26px;background:#eac27e;box-shadow:0 0 9px #e8b96c44}
.chapter-panel{right:44px;width:300px;padding:24px 25px 24px 38px;background:linear-gradient(90deg,#06090c00,#06090cef 13%,#06090cfa);border:0;border-right:1px solid #d3b07a66;box-shadow:none;backdrop-filter:blur(12px)}
.chapter-panel-heading{border-bottom:1px solid #c8a96c50;padding-bottom:14px;margin-bottom:15px}
.chapter-panel-heading p{font-size:10px;letter-spacing:.18em;color:#d5ba83}.chapter-panel-heading button{font-size:23px;color:#b6b9b3}
.chapter-panel li a{padding:4px 0;gap:20px;min-height:29px;font-size:12px;letter-spacing:.035em;color:#bac0bd;transition:color .15s,padding .15s}
.chapter-panel li a span{color:#8f9d97;font-size:9px;letter-spacing:.06em}
.chapter-panel li a:hover,.chapter-panel li a[aria-current]{background:none;color:#f1d59a;border:0;padding-left:6px}
.chapter-panel li a[aria-current] span{color:#e1b971}
.rail-details{font-size:10px;line-height:1.7;border-top:1px solid #c8a96c40;color:#d4bc8b;letter-spacing:.035em}
.rail-playback{display:flex;gap:22px;padding-top:16px}.rail-playback button{border:0;background:none;padding:4px 0;color:#c0b08d;font-size:10px;letter-spacing:.045em;min-height:30px}.rail-playback button:hover{color:#ffe4ae}.rail-playback button:disabled{opacity:.35}
.scroll-cue.journey-controls{position:fixed;left:50%;right:auto;bottom:25px;transform:translateX(-50%);display:flex;flex-direction:column;gap:13px;align-items:center;width:max-content;padding:10px 25px;color:#dce1db;text-shadow:0 1px 6px #0009;border:0;background:none}
.scroll-cue span{font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.scroll-cue i{display:block;width:1px;height:24px;background:linear-gradient(#d4b47b,#d4b47b22);transition:height .2s}
.scroll-cue:hover i{height:32px}
body[data-theme="light"] .scroll-cue.journey-controls{color:#2b302a;text-shadow:0 1px 6px #f5ebd9bb}
body[data-theme="light"] .scroll-cue i{background:linear-gradient(#715329,#71532922)}
@media(min-width:1000px) and (max-height:820px){.opening .copy{top:27%}.chapter.opening h1{font-size:4.75vw;margin-bottom:25px}.chapter-panel{padding:16px 20px 16px 30px}.chapter-panel li a{min-height:25px}.chapter-panel-heading{margin-bottom:9px;padding-bottom:9px}.rail-playback{padding-top:10px}.scroll-cue.journey-controls{bottom:14px;gap:8px}.scroll-cue i{height:18px}}
body[data-mode="reading"] .chapter h1,body[data-mode="reading"] .chapter h2{filter:none}
body[data-mode="reading"] .chapter.opening h1{font-family:Syncopate,Arial,sans-serif;font-weight:700;font-size:clamp(32px,5vw,75px);line-height:1.13;text-transform:uppercase;background:linear-gradient(#f4f6f6,#aab4ba 49%,#edf0f1 52%,#bdc5c7);background-clip:text;-webkit-background-clip:text;color:transparent;max-width:100%}
body[data-mode="reading"] .chapter.opening h1 em{background:linear-gradient(#f4dda9,#c59d59);background-clip:text;-webkit-background-clip:text;color:transparent}
body[data-mode="reading"] .chapter-navigation{min-width:44px;width:auto;padding:0;right:18px;top:16px}
body[data-mode="reading"] .chapter-toggle{position:relative;inset:auto;width:auto;min-height:44px;padding:10px 0;background:none;border:0}
body[data-mode="reading"] .rail-word{position:static;clip-path:none;width:auto;height:auto;font-size:9px;color:#d8c291;letter-spacing:.18em;text-shadow:0 1px 6px #000}
body[data-mode="reading"] .rail-current{display:none}
@media(max-width:760px){.chapter-panel{right:0;width:min(310px,calc(100vw - 25px));padding:20px 25px;background:#070c0ef7;border-right:1px solid #bea47870;backdrop-filter:blur(15px)}.chapter-panel li a{min-height:34px;font-size:12px}.rail-playback{display:none}body[data-mode="reading"] .chapter.opening h1{font-size:clamp(25px,7vw,45px);letter-spacing:-.045em}body[data-mode="reading"] .opening .eyebrow{font-size:9px;letter-spacing:.18em}.chapter-navigation{right:15px}.chapter-toggle:focus-visible{outline-offset:1px}}

.opening::before{background:linear-gradient(90deg,#030507f5 0%,#030507e8 26%,#030507a8 46%,#03050725 68%,transparent 80%)!important}
.opening .scene-link{font-size:11px;letter-spacing:.21em;border:0;gap:0;flex-direction:column;align-items:flex-start;margin-top:18px}.opening .scene-link span{font-size:0;width:1px;height:34px;background:#9d8044;margin-top:15px;position:relative}.opening .scene-link span::after{content:"";position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-right:1px solid #9d8044;border-bottom:1px solid #9d8044;transform:rotate(45deg)}
.chapter-navigation::before{content:"";position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:390px;height:100svh;background:linear-gradient(90deg,transparent,#070a0de8 34%,#070a0dfa);opacity:0;visibility:hidden;pointer-events:none;z-index:-1;transition:opacity .2s,visibility .2s}.chapter-navigation[data-open="true"]::before{opacity:1;visibility:visible}.chapter-panel{background:none;border:0;backdrop-filter:none}.chapter-panel-heading{border-color:#b59a5c50}.chapter-panel li a{letter-spacing:.065em}.chapter-dots{opacity:.65}.chapter-navigation:hover .chapter-dots{opacity:1}
body[data-mode="reading"] .chapter-navigation::before{top:-16px;transform:none}.opening .scroll-cue{display:none}
/* Header actions sit quietly alongside the brand, without button chrome. */
.cinema-header .brand{width:clamp(220px,18.2vw,350px)}
.cinema-header nav{gap:34px}
.cinema-header nav>a{font-size:11px!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
.cinema-header .outline-button,.cinema-header .outline-button:hover,body[data-theme="light"] .cinema-header .outline-button{border:0;background:none;color:inherit;padding:8px 0;gap:0;box-shadow:none;position:relative}
.cinema-header .outline-button span{display:none}
.cinema-header .outline-button::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#9c7d43;transform:scaleX(.25);transform-origin:right;transition:transform .2s}
.cinema-header .outline-button:hover::after,.cinema-header .outline-button:focus-visible::after{transform:scaleX(1)}
.cinema-header .contact-link{opacity:.72}
body[data-theme="light"] .cinema-header{color:#30382f}
.page-header .outline-button{border:0;background:none;padding:8px 0;min-height:44px;color:#d2b576;gap:0;letter-spacing:.12em;text-transform:uppercase;font-size:10px}
.page-header .outline-button span{display:none}
.page-header .outline-button:hover{background:none;color:#f1d9a6}
@media(max-width:760px){.page-header nav .outline-button{padding:8px 0;font-size:9px}.page-header nav{gap:18px}}
body[data-chapter="opening"] .cinema-header nav{color:#f5f5ef;text-shadow:0 1px 9px #05090ca6}

.purpose .copy .scene-link{display:none}
/* Site navigation remains available throughout the journey. */
.cinema-header{opacity:1;z-index:12;isolation:isolate}
.cinema-header::before{content:"";position:absolute;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));top:-4vh;height:150px;background:linear-gradient(#05090ce8,#05090c88 45%,transparent);z-index:-1;pointer-events:none}
body[data-theme="light"] .cinema-header::before{background:linear-gradient(#f3eee5ad,#f3eee54a 45%,transparent)}
body[data-chapter="opening"] .cinema-header::before{background:linear-gradient(#05090c99,#05090c44 50%,transparent)}
.cinema-header nav{gap:clamp(20px,2vw,38px)}
.rail-footer{display:block;font-size:10px;line-height:1.7;color:#d4bc8b;padding:10px 0 0}
body[data-mode="cinema"] .rail-word{position:absolute;top:-20px;right:8px;width:auto;height:auto;overflow:visible;clip-path:none;writing-mode:vertical-rl;transform:translateY(-100%);color:#dfc58e;font-size:9px;font-weight:650;letter-spacing:.2em;text-shadow:0 1px 4px #000}
body[data-mode="reading"] .cinema-header{display:flex;position:sticky;inset:0 0 auto;padding:24px var(--gutter);background:#0b1012;color:#e3e9e4;visibility:visible}
body[data-mode="reading"] .cinema-header::before{display:none}
body[data-mode="reading"] .cinema-header nav{color:#e3e9e4}
body[data-mode="reading"] .cinema-header .brand-on-dark{display:block!important}
body[data-mode="reading"] .cinema-header .brand-on-light{display:none!important}
body[data-mode="reading"] .chapter-navigation{top:auto;bottom:22px;right:24px;transform:none}
body[data-mode="reading"] .chapter-navigation::before{top:auto;bottom:-22px;transform:none}
body[data-mode="reading"] .chapter-panel{top:auto;bottom:0;transform:translateX(12px);max-height:calc(100svh - 44px)}
body[data-mode="reading"] .chapter-navigation[data-open="true"] .chapter-panel{transform:translateX(0)}
body[data-at-information="true"] .cinema-header{top:0;left:0;right:0;padding:18px var(--gutter);background:#080d10f5;border-bottom:1px solid #c7caca22}
body[data-at-information="true"] .cinema-header nav{color:#e3e9e4}
body[data-mode="reading"] .chapter{scroll-margin-top:100px}
#footer{scroll-margin-top:100px}
.closing .copy{top:18%}
.closing h2 br{display:initial}
@media(max-width:1000px){.cinema-header .brand{width:220px}.cinema-header nav>a:not(.outline-button){display:none}}
@media(max-width:760px){body[data-mode="reading"] .cinema-header{padding:20px 24px;gap:20px}.cinema-header .brand{width:165px}.cinema-header nav>a{font-size:9px!important;letter-spacing:.09em}.cinema-header nav{gap:0}body[data-mode="reading"] .chapter-navigation{bottom:16px;right:20px}.chapter-panel{max-height:calc(100svh - 44px)}}
/* The chapter text has a fully opaque reading surface; only the outer edge fades. */
.chapter-navigation{z-index:20}
.chapter-navigation::before{display:none}
.chapter-panel{right:-22px;top:50%;width:clamp(350px,24vw,440px);height:100svh;max-height:100svh;overflow:visible;padding:44px 38px 30px 40px;display:flex;flex-direction:column;background:#080d10;border:0;backdrop-filter:none;transform:translate(16px,-50%);isolation:isolate}
.chapter-navigation[data-open="true"] .chapter-panel{transform:translate(0,-50%)}
.chapter-panel::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:70px;background:linear-gradient(90deg,transparent,#080d10);pointer-events:none;z-index:-1}
.chapter-panel-heading{flex-shrink:0;padding-bottom:18px;margin-bottom:14px}
.chapter-panel ol{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:14px;scrollbar-width:thin;scrollbar-color:#786746 transparent}
.chapter-panel ol::-webkit-scrollbar{width:3px}
.chapter-panel ol::-webkit-scrollbar-thumb{background:#786746}
.chapter-panel ol::-webkit-scrollbar-track{background:transparent}
.chapter-panel li a{min-height:31px;font-size:13px;color:#d5ddd9}
.chapter-panel li a span{color:#9eaca6}
.chapter-panel .rail-details,.chapter-panel .rail-footer,.chapter-panel .rail-playback{flex-shrink:0}
.chapter-panel .rail-details{margin-top:14px;padding-top:14px}
.chapter-panel .rail-playback{padding-top:10px}
.chapter-panel .rail-details.text-link{min-height:42px}
body[data-mode="reading"] .chapter-panel{right:-24px;top:auto;bottom:-22px;height:100svh;max-height:100svh;transform:translateX(16px)}
body[data-mode="reading"] .chapter-navigation[data-open="true"] .chapter-panel{transform:translateX(0)}
@media(max-height:820px){.chapter-panel{padding-top:26px;padding-bottom:18px}.chapter-panel li a{min-height:27px}.chapter-panel-heading{padding-bottom:12px;margin-bottom:10px}.chapter-panel .rail-details{margin-top:10px;padding-top:10px}}
@media(max-width:760px){body[data-mode="reading"] .chapter-panel{right:-20px;bottom:-16px;width:min(390px,100vw);padding:26px 28px 18px 32px}.chapter-panel li a{min-height:34px}.chapter-panel .rail-playback{display:none}}
/* Bright bookends keep their copy on a calm, solid paper tone. */
.purpose .copy{top:14%}
.purpose::before{background:linear-gradient(#f1ede4 0%,#f1ede4 50%,#f1ede400 68%)!important}
.purpose .scene-body{color:#18232a!important;font-weight:550;font-size:clamp(16px,1.1vw,22px);max-width:43em}
.philosophy::before{background:linear-gradient(90deg,#f1ede4 0%,#f1ede4 38%,#f1ede4db 48%,transparent 70%)!important}
.closing .copy{top:14%;width:84%}
.closing::before{background:linear-gradient(#f1ede4 0%,#f1ede4 76%,#f1ede4a3 88%,transparent)!important}
.closing-mark{width:clamp(64px,5vw,96px);margin-bottom:9px}
.closing-logo{width:clamp(240px,18vw,346px);margin-bottom:24px}
.closing h2{font-size:clamp(40px,3.6vw,70px);line-height:1.1}
.closing .scene-lead{font-weight:550;color:#18232a!important}
.closing .scene-body{display:none}
.scroll-cue.journey-controls{isolation:isolate;gap:10px;bottom:20px}
.scroll-cue span{font-size:11px;font-weight:750;letter-spacing:.18em}
.scroll-cue::before{content:"";position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:100vw;height:145px;background:linear-gradient(transparent,#080d10 62%);z-index:-1;pointer-events:none}
body[data-theme="light"] .scroll-cue.journey-controls{color:#f2e8d4;text-shadow:none}
body[data-theme="light"] .scroll-cue i{background:linear-gradient(#e3bc73,#e3bc7344)}
body[data-mode="reading"] .purpose .scene-body{color:#c8d5cc!important}
body:has(dialog[open]){overflow:hidden}
.info-dialog{width:min(860px,calc(100vw - 48px));max-height:calc(100svh - 64px);padding:0;overflow:hidden;background:#080d10;border:1px solid #b69b605c;color:#e8eeea;box-shadow:0 25px 100px #0008}
.info-dialog[open]{display:flex;flex-direction:column}
.info-dialog::backdrop{background:#010508d9;backdrop-filter:blur(6px)}
.modal-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 30px;border-bottom:1px solid #b69b604a;background:#080d10;flex-shrink:0}
.modal-bar p{font-size:11px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:#e3bc73;line-height:1.6}
.modal-bar button{width:44px;height:44px;flex-shrink:0;border:0;background:none;color:#e2e9e4;font-size:28px}
.modal-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:30px 44px 44px;scrollbar-width:thin;scrollbar-color:#786746 transparent}
.modal-content>h2{font:500 clamp(34px,3vw,52px)/1.14 Bodoni,Georgia,serif;letter-spacing:-.025em;margin-bottom:24px}
.modal-content p,.modal-content dd{font-size:16px;line-height:1.85;color:#c8d3cd}
.modal-content .modal-lead{font-size:18px;line-height:1.75;color:#e0e7e2;margin-bottom:28px}
.modal-content .prose-section{padding:28px 0}
.modal-content .prose-section>h3{font:600 22px/1.4 Manrope,sans-serif;color:#e9d3a7;letter-spacing:-.025em;margin-bottom:18px}
.modal-content .feature-columns{grid-template-columns:1fr;gap:22px;padding:0}
.modal-content .feature-columns h3{font:650 17px/1.5 Manrope,sans-serif;margin-bottom:8px}
.modal-content .product-row{grid-template-columns:25px 1fr 20px;gap:14px;padding:22px 0}
.modal-content .product-row h3{font:600 25px/1.5 Manrope,sans-serif;letter-spacing:-.03em}
.modal-content .product-row p{grid-column:2;grid-row:2;font-size:15px}
.modal-content .product-row>span:last-child{grid-column:3;grid-row:1}
.modal-content .method-list>div{grid-template-columns:150px 1fr;gap:24px}
.modal-content .question-list li{font-size:18px;padding:18px 0}
.modal-content .principle-list h3{font-size:18px}
.modal-content .faq-list{margin-top:0}
.modal-content .faq-list summary{font-size:17px;padding:20px 0}
.modal-content .development-note{margin:0 0 24px}
@media(max-width:760px){.info-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.modal-bar{padding:12px 18px}.modal-content{padding:24px 24px 32px}.modal-content>h2{font-size:35px}.modal-content .modal-lead{font-size:17px}.modal-content p,.modal-content dd{font-size:15px}.modal-content .method-list>div{grid-template-columns:1fr;gap:8px}.scroll-cue span{font-size:10px}}
/* The closing keeps the original sunset, with a local dark fade for its copy. */
.closing::before{background:linear-gradient(90deg,#04090df0 0%,#04090dd9 28%,#04090da3 44%,#04090d22 67%,transparent 82%)!important}
.closing .copy{left:5%;top:20%;width:56%;max-width:1080px;transform:none;text-align:left}
.closing .closing-mark{margin:0 0 12px;width:clamp(64px,5vw,96px)}
.closing .closing-logo{margin:0 0 26px;width:clamp(240px,18vw,346px);filter:invert(1)}
.chapter.closing h2{font:500 clamp(44px,4vw,80px)/1.07 Bodoni,Georgia,serif;letter-spacing:-.035em;text-transform:none;color:#f1eee5;background:none;filter:none;text-wrap:balance;margin-bottom:24px}
.chapter.closing h2 em{background:none;color:#e3bc73}
.closing .scene-lead{color:#e3e9e4!important;max-width:28em;font-weight:450}
.closing .scene-link{color:#ead7ac;border-color:#c9a96b99}
.closing .scene-link span{color:#e3bc73}
body[data-mode="reading"] .closing .copy{left:auto;top:auto;width:100%;max-width:1100px;margin:auto}
.cinema-header .contact-link{opacity:1}
@media(max-width:1000px){.cinema-header nav>a:not(.outline-button){display:inline-flex}}
@media(max-width:760px){body[data-mode="reading"] .cinema-header{gap:16px;padding:18px 24px}.cinema-header .brand{width:125px;flex-shrink:0}.cinema-header nav{gap:14px}.cinema-header nav>a{font-size:9px!important;letter-spacing:.06em;white-space:nowrap}body[data-mode="reading"] .chapter.closing h2{font-size:42px}}
/* Restore the centred closing composition while retaining the coloured sunset. */
.closing::before{background:radial-gradient(ellipse 62% 85% at 50% 40%,#04090de8 0%,#04090dc4 34%,#04090d66 66%,#04090d0d 100%)!important}
.closing .copy{left:50%;top:13%;width:79%;max-width:1500px;text-align:center;transform:translate(-50%,calc(-1 * var(--closing-offset,0px)))}
.closing .closing-mark{margin:0 auto 12px}
.closing .closing-logo{margin:0 auto 26px}
.closing .scene-lead{margin-left:auto;margin-right:auto;max-width:38em}
body[data-mode="reading"] .closing .copy{transform:none;text-align:left}
body[data-mode="reading"] .closing .closing-mark,body[data-mode="reading"] .closing .closing-logo{margin-left:0}
/* About is the single standalone editorial page. Team rows appear only when
   approved names and biographies are present in content/about.json. */
.about-page{background:#080d10;color:#edf0eb}
.about-page .cinema-header{position:relative;inset:auto;padding:30px var(--gutter);border-bottom:1px solid #c7caca22;background:#080d10}
.about-page .cinema-header::before{display:none}
.about-page .cinema-header nav{color:#f5f5ef}
.about-page .cinema-header nav [aria-current]{color:var(--gold)}
.about-page main{position:relative}
.about-intro{padding:clamp(64px,9vh,110px) var(--gutter) 75px;max-width:1600px}
.about-intro .eyebrow{color:var(--gold);margin-bottom:28px}
.about-intro h1{max-width:1400px;font:700 clamp(35px,4.6vw,68px)/1.15 Syncopate,Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;color:#e9eceb;background:linear-gradient(#fff 10%,#d6dbdd 43%,#adb5b9 52%,#f3f4f1 80%);background-clip:text;-webkit-text-fill-color:transparent}
.about-lead{max-width:780px;font-size:clamp(19px,1.35vw,25px);line-height:1.65;color:#c5cecb;margin-top:32px}
.about-intro .text-link{margin-top:26px;color:#eed4a1}
.about-content{padding:0 var(--gutter);max-width:1720px}
.about-section{display:grid;grid-template-columns:48px minmax(240px,.85fr) minmax(320px,1.15fr);gap:40px;padding:64px 0;border-top:1px solid #b69b604a}
.about-section-number{font-size:11px;color:var(--gold);letter-spacing:.12em;padding-top:10px}
.about-section h2,.about-people>h2,.about-closing h2{font:500 clamp(30px,2.75vw,48px)/1.15 Bodoni,Georgia,serif;letter-spacing:-.025em;text-wrap:balance}
.about-section>div,.about-people article>div:last-child{max-width:660px}
.about-section>div p,.about-people article p{font-size:16px;line-height:1.85;color:#bfcac6;margin-bottom:20px}
.about-section>div p:last-child,.about-people article p:last-child{margin-bottom:0}
.about-people{padding:70px 0;border-top:1px solid #b69b604a}
.about-people>h2{margin-bottom:38px}
.about-people article{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding:35px 0;border-top:1px solid #c7caca22}
.about-people h3{font-size:26px;font-weight:600;margin-bottom:12px}
.about-people .person-role{color:var(--gold);font-size:13px}
.about-closing{padding:80px var(--gutter) 90px;background:#0d1518;border-top:1px solid #b69b604a}
.about-closing .eyebrow{color:var(--gold)}
.about-closing>p:not(.eyebrow){font-size:18px;line-height:1.75;max-width:680px;margin-top:24px;color:#c5cecb}
.about-closing .text-link{margin-top:26px}
@media(max-width:1000px){.about-section{grid-template-columns:30px 1fr;gap:26px}.about-section>div{grid-column:2}.about-page .cinema-header nav>a:not(.outline-button){display:inline-flex}}
@media(max-width:760px){.about-page .cinema-header{gap:16px;padding:18px 24px}.about-page .cinema-header nav{gap:14px}.about-page .brand{width:125px;flex-shrink:0}.about-page .cinema-header nav>a{font-size:9px!important;letter-spacing:.06em;white-space:nowrap}.about-intro{padding:58px 24px 52px}.about-intro h1{font-size:clamp(30px,7.3vw,48px)}.about-lead{font-size:18px;margin-top:25px}.about-content{padding:0 24px}.about-section{padding:38px 0;gap:18px}.about-section h2{font-size:31px}.about-section>div p,.about-people article p{font-size:15px;line-height:1.8}.about-people article{grid-template-columns:1fr;gap:18px}.about-closing{padding:52px 24px 58px}.about-closing>p:not(.eyebrow){font-size:16px}}
.scroll-cue .cue-instruction{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.scroll-cue .cue-alternative{display:inline-flex;align-items:center;gap:8px;color:#d0d7d2;font-weight:550;letter-spacing:.09em}
.space-key{display:inline-flex;align-items:center;gap:7px;border:1px solid #bfa77d88;padding:4px 7px;color:#ece3cf;font:600 10px/1 Manrope,sans-serif;letter-spacing:.08em}
.space-key svg{display:block;width:22px;height:9px;fill:none;stroke:#d5b97f;stroke-width:1.3}
.scroll-cue .space-key span{font-size:10px;letter-spacing:.08em}
/* Founder mockup: a fixed gold chapter rail and a complete, non-scrolling index. */
body[data-mode] .chapter-navigation{position:fixed;top:50%;bottom:auto;right:22px;transform:translateY(-50%);width:44px;min-width:44px;height:clamp(300px,53svh,570px);padding:0;display:block;gap:0}
body[data-mode] .chapter-navigation .chapter-toggle{position:absolute;inset:0;width:44px;height:100%;min-height:0;margin:0;padding:0;display:block;border:1px solid #d2b17a;border-radius:24px;background:linear-gradient(90deg,#05090ef5,#141719f5 48%,#05090ef5);box-shadow:inset 0 0 0 3px #14191e,inset 0 0 18px #c39a4d12,0 0 12px #0005;z-index:1}
body[data-mode] .chapter-navigation .rail-menu{display:block;position:absolute;top:22px;left:50%;right:auto;transform:translateX(-50%);width:20px;height:20px;overflow:visible;clip-path:none}
.rail-menu svg{width:100%;height:100%;fill:none;stroke:#d8b574;stroke-width:1.1;filter:drop-shadow(0 0 4px #d5ae6944)}
body[data-mode] .chapter-navigation .rail-word{display:block;position:absolute;top:64px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:auto;height:auto;overflow:visible;clip-path:none;writing-mode:vertical-rl;white-space:nowrap;font-size:11px;font-weight:550;letter-spacing:.2em;line-height:1;color:#edd4a6;text-shadow:0 0 6px #ddb97c44}
body[data-mode] .chapter-navigation .rail-current{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body[data-mode] .chapter-navigation .chapter-dots{position:absolute;top:190px;bottom:24px;left:50%;right:auto;transform:translateX(-50%);width:20px;height:auto;padding:0;margin:0;display:grid;grid-template-rows:repeat(21,minmax(0,1fr));gap:0;align-items:center;justify-items:center;background:none;opacity:1;pointer-events:none;z-index:2}
.chapter-navigation .chapter-dots i,.chapter-navigation .chapter-dots i:nth-child(4n+1),.chapter-navigation .chapter-dots i.is-current{display:block;width:3px;height:3px;margin:0;border-radius:50%;background:#cfa76c;box-shadow:0 0 4px #cda56844;transition:none}
.chapter-navigation .chapter-dots i:nth-child(even){visibility:hidden}
.chapter-dots .rail-progress{position:absolute;top:calc(var(--rail-progress,0) * (100% - 34px));left:8px;width:4px;height:34px;border-radius:3px;background:linear-gradient(#f7d393,#deb46e);box-shadow:0 0 8px #e8b76c99;pointer-events:none}
body[data-mode] .chapter-navigation .chapter-panel{position:absolute;right:-22px;top:50%;bottom:auto;width:clamp(390px,29vw,500px);height:100svh;max-height:100svh;padding:32px 94px 24px 36px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;background:#080d10;transform:translate(12px,-50%)}
body[data-mode] .chapter-navigation[data-open="true"] .chapter-panel{transform:translate(0,-50%)}
.chapter-panel .chapter-panel-heading{height:57px;min-height:57px;margin:0 0 12px;padding:0 0 12px;align-items:center;flex-shrink:0}
.chapter-panel-heading button{width:36px;height:36px;min-height:36px}
body[data-mode] .chapter-panel ol{display:grid;grid-template-rows:repeat(21,minmax(0,1fr));height:100%;min-height:0;overflow:visible;gap:0;padding:0;margin:0;list-style:none;scrollbar-width:none}
.chapter-panel ol li{min-height:0;margin:0;padding:0}
body[data-mode] .chapter-panel ol li a{display:flex;align-items:center;gap:18px;width:100%;height:100%;min-height:0;padding:0;font-size:clamp(12px,.83vw,16px);line-height:1.15;letter-spacing:.035em;white-space:nowrap}
body[data-mode] .chapter-panel ol li a:hover,body[data-mode] .chapter-panel ol li a[aria-current]{padding:0;color:#f2d79f}
.chapter-panel ol li a span{width:18px;flex-shrink:0;font-size:10px;line-height:1}
.chapter-panel-footer{padding-top:12px;margin-top:12px;border-top:1px solid #b69b604a}
body[data-mode] .chapter-panel-footer .rail-details,body[data-mode] .chapter-panel-footer .rail-footer{margin:0;padding:7px 0;min-height:0;border:0;font-size:10px;line-height:1.5;letter-spacing:.025em}
body[data-mode] .chapter-panel-footer .rail-playback{padding:4px 0;gap:25px;min-height:0}
.chapter-panel-footer .rail-playback button{min-height:25px;padding:3px 0;font-size:10px}
body[data-mode] .chapter-panel-footer .text-link{margin-top:7px;padding-top:12px;border-top:1px solid #b69b604a;font-size:10px;line-height:1.5;min-height:0}
@media(max-height:820px){body[data-mode] .chapter-navigation .chapter-panel{padding-top:20px;padding-bottom:18px}.chapter-panel .chapter-panel-heading{height:45px;min-height:45px;margin-bottom:8px;padding-bottom:9px}.chapter-panel-footer{padding-top:8px;margin-top:8px}}
@media(max-width:760px){body[data-mode] .chapter-navigation{right:14px;width:40px;min-width:40px}body[data-mode] .chapter-navigation .chapter-toggle{width:40px}body[data-mode] .chapter-navigation .chapter-panel{right:-14px;width:100vw;padding-left:24px;padding-right:80px}.chapter-panel ol li a span{font-size:9px}body[data-mode] .chapter-panel ol li a{font-size:12px}.chapter-panel-footer .rail-playback{display:none}.chapter-panel .chapter-panel-heading p{font-size:9px;letter-spacing:.12em}}
@media(max-height:620px){body[data-mode] .chapter-navigation{height:300px}body[data-mode] .chapter-navigation .chapter-panel{padding-top:12px;padding-bottom:10px}.chapter-panel .chapter-panel-heading{height:36px;min-height:36px;margin-bottom:5px;padding-bottom:5px}.chapter-panel-footer{padding-top:5px;margin-top:5px}body[data-mode] .chapter-panel ol li a{font-size:11px}.chapter-panel-footer .rail-playback{display:none}body[data-mode] .chapter-panel-footer .text-link{margin-top:3px;padding-top:6px}}
.chapter-panel .chapter-panel-heading{margin-right:-54px}
@media(max-width:760px){.chapter-panel .chapter-panel-heading{margin-right:-40px}body[data-mode="cinema"] .copy,body[data-mode="cinema"] .right-copy .copy{left:5%;right:auto;width:82%;top:23%;max-width:650px}body[data-mode="cinema"] .chapter h2{font-size:clamp(28px,7vw,42px)}body[data-mode="cinema"] .chapter.opening h1{font-size:clamp(24px,6.4vw,42px);letter-spacing:-.05em}body[data-mode="cinema"] .chapter .scene-lead{font-size:18px}body[data-mode="cinema"] .chapter .scene-body{font-size:14px;line-height:1.65}body[data-mode="cinema"] .centered .copy{left:50%;width:86%;transform:translateX(-50%);top:22%}body[data-mode="cinema"] .purpose .copy{top:17%}body[data-mode="cinema"] .purpose .scene-lead{font-size:34px!important}body[data-mode="cinema"] .purpose::before{background:linear-gradient(#f1ede4 0%,#f1ede4 65%,transparent 85%)!important}body[data-mode="cinema"] .closing .copy{top:10%;transform:translate(-50%,calc(-1 * var(--closing-offset,0px)))}body[data-mode="cinema"] .chapter.closing h2{font-size:42px}body[data-mode="cinema"] .closing .closing-logo{width:220px;margin-bottom:18px}body[data-mode="cinema"] .closing .closing-mark{width:58px;margin-bottom:9px}}
/* Reserve the full 21-chapter journey before the application loads its timing.
   This keeps the footer below the film during the first desktop paint. */
body[data-mode="cinema"] #scroll-track{height:5700vh}
body[data-mode="cinema"][data-ready="false"] #site-information{visibility:hidden}
body[data-script-fallback="true"] .chapter-navigation,body[data-script-fallback="true"] .journey-controls{display:none}
body[data-script-fallback="true"] dialog.info-dialog{display:block;position:relative;inset:auto;width:auto;max-height:none;margin:0;padding:32px;border:0;border-top:1px solid #b99b5c55}
body[data-script-fallback="true"] dialog.info-dialog .modal-content{overflow:visible;padding:20px 0}
body[data-script-fallback="true"] dialog.info-dialog .modal-bar button{display:none}
/* Narrow reading layouts use a small chapter button instead of a rail over text. */
@media(max-width:1000px){
 body[data-mode="reading"] .chapter-navigation{top:auto;bottom:18px;right:18px;width:112px;min-width:112px;height:44px;transform:none}
 body[data-mode="reading"] .chapter-navigation .chapter-toggle{width:112px;height:44px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:0 13px}
 body[data-mode="reading"] .chapter-navigation .rail-word{position:static;writing-mode:horizontal-tb;transform:none;font-size:9px;letter-spacing:.12em}
 body[data-mode="reading"] .chapter-navigation .rail-menu{position:static;transform:none;width:16px;height:16px}
 body[data-mode="reading"] .chapter-navigation .chapter-dots{display:none}
 body[data-mode="reading"] .chapter-navigation .chapter-panel{right:-18px;top:auto;bottom:-18px;width:100vw;padding-right:32px;padding-bottom:76px;transform:translateX(12px)}
 body[data-mode="reading"] .chapter-navigation[data-open="true"] .chapter-panel{transform:translateX(0)}
 body[data-mode="reading"] .chapter-navigation[data-open="true"] .chapter-toggle{z-index:3}
 body[data-mode="reading"] .chapter-panel .chapter-panel-heading{margin-right:0}
}
@media(max-width:1000px) and (max-height:620px){
 body[data-mode="reading"] .chapter-panel ol{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(11,minmax(0,1fr));grid-auto-flow:column;column-gap:24px}
}
/* Analytics stays optional and uses the site's existing charcoal and gold palette. */
.analytics-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.analytics-actions button{min-height:44px;padding:10px 16px;border:1px solid #b69b6080;background:transparent;color:#ead5aa;font-size:12px;font-weight:650;line-height:1.5}
.analytics-actions button:hover{border-color:#e3bc73;background:#e3bc7312}
.footer-links button[data-analytics-settings]{display:block;text-align:left;background:none;border:0;color:#c3cccb;padding:9px 0;font-size:14px;line-height:1.5}
.footer-links button[data-analytics-settings]:hover{color:#e3bc73}
.analytics-preferences{background:#080d10;color:#e8eeea;border:1px solid #b69b6066}
.analytics-preferences>p{font-size:15px;line-height:1.8;color:#c8d3cd;margin-bottom:18px}
.analytics-preferences .analytics-actions{margin-top:24px}
.analytics-preferences #analytics-choice-status{color:#ead5aa}
.privacy-analytics-button{background:none;border:0;padding:0;color:#ead5aa;text-decoration:underline;text-underline-offset:3px;font-size:inherit;line-height:inherit}
@media(max-width:760px){.analytics-actions button{flex:1}.analytics-preferences>p{font-size:14px}.footer-links button[data-analytics-settings]{font-size:13px}}