/* Reviewed Figma, 2026-10-19. Preserve copy and original explanatory motion. */
@font-face{font-family:Heros;src:url('/assets/fonts/texgyreheros-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Heros;src:url('/assets/fonts/texgyreheros-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Heros;src:url('/assets/fonts/texgyreheros-italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
:root{--sans:Heros,Arial,sans-serif;--review-sans:Heros,Arial,sans-serif}
body{font-family:var(--sans);position:relative;isolation:isolate;background:#0d1013}
.site-header nav,.site-footer,.closing-button,.kicker,.lb,.textlink{font-family:Heros,Arial,sans-serif!important}
.site-header{height:72px!important}.site-header nav{font-size:15px;line-height:24px}.site-header nav a{font-weight:400}.site-header nav a.active{font-weight:700}
.demo-page h1,.demo-page .team-directory h1{font-family:Heros,Arial,sans-serif;font-size:60px;font-weight:700;line-height:1.12;letter-spacing:-1.8px;max-width:1000px}
.demo-page h2{font-size:45.36px;line-height:52.164px;letter-spacing:-.9072px}
.demo-page .kicker{font-weight:400;font-size:21px;line-height:28px;letter-spacing:-.21px}
.demo-page .scr{padding:64px 0}.demo-page main>.scr:first-child{padding:144px 0 64px;min-height:0}
.demo-page main>.scr>.inner>h1{margin:0 0 32px}
.demo-page main>.scr>.inner>p{margin-top:0}
.reviewed-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:transparent}
.reviewed-atmosphere:before{content:'';position:absolute;top:0;left:50%;width:1440px;height:1000px;transform:translateX(-50%);background-image:linear-gradient(to bottom,rgba(13,16,19,.1),rgba(13,16,19,.7) 65%,#0d1013),var(--cosmic-image);background-size:100% 100%;filter:blur(40px);opacity:.4}
.reviewed-atmosphere:after{content:'';position:absolute;top:-600px;left:-1600px;width:2800px;height:1944px;background-image:var(--cosmic-image);background-size:cover;filter:blur(70px);opacity:.1}
.narrative-home .reviewed-atmosphere:before{display:none}.narrative-home .reviewed-atmosphere:after{top:200px;left:-780px;width:3000px;height:2083px;filter:blur(55px);opacity:.25;mask-image:linear-gradient(to bottom,transparent 0%,transparent 38%,#000 46%,#000 64%,transparent 85%)}
/* Hero: approved serif/sans swap, two-line copy, same live eclipse. */
.eclipse-page .hero-copy{max-width:1120px;top:calc(var(--eclipse-start-top) + (var(--eclipse-final-top) - var(--eclipse-start-top))*var(--eclipse-settle));left:24px;right:24px}
.eclipse-page .hero h1{font:400 80px/84.4px Libre,Georgia,serif;letter-spacing:-1.6px;margin:0 0 28px}
.eclipse-page .hero-copy>p:not(.hero-intro){font:400 24px/34px Heros,Arial,sans-serif;letter-spacing:-.24px;max-width:1040px;color:#bdc3bf}
.hero-emphasis{font:inherit;color:inherit;text-shadow:none}.eclipse-page .hero .textlink{font:400 15px/24px Heros,Arial,sans-serif;margin-top:40px}
.replay-opening{display:none}
.narrative-home .equation-essay{padding:112px 32px 72px}.narrative-home .narrative-column{width:min(800px,100%)}
.narrative-home .narrative-group+.narrative-group{margin-top:72px}
.narrative-home .equation-essay .narrative-group p{font-size:23px;line-height:1.6;letter-spacing:-.345px}
.narrative-home .equation-essay .narrative-group:first-child p{font-size:26px;line-height:39px;letter-spacing:-.52px}
.narrative-home .equation-essay .narrative-group .narrative-close{font-size:28px;line-height:39.2px;margin-top:40px}
.home-closing{position:relative;padding:56px 0;min-height:0}.home-closing:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 48px));height:1px;background:#343b3b}
.home-closing .home-reading{display:block;width:min(768px,calc(100% - 48px));margin:auto;text-align:center}.home-closing .closing-statement{font:400 32px/40px Libre,Georgia,serif;margin:0 0 32px}.home-closing .closing-links{justify-content:center;gap:16px}.closing-button{font-size:16px;font-weight:700;height:48px}
.site-footer{position:relative;border:0;padding:33px 0 32px}.site-footer:before{content:'';position:absolute;top:0;left:0;right:0;transform:none;width:100%;height:1px;background:#343b3b}.site-footer p{font:400 12px/18px Heros,Arial,sans-serif}
/* Vision: introductory labels removed; core concept and loop retained. */
.demo-page .question-section .two{grid-template-columns:588fr 588fr;gap:72px}.demo-page #loop>.inner>.two{grid-template-columns:588fr 588fr;gap:72px;align-items:start!important}.demo-page #loop .longform{max-width:588px}.demo-page #loop .lp{margin-top:32px}
.demo-page .lp-grid{grid-template-columns:544px 1fr;gap:116px;align-items:start}.demo-page .lp-grid .diagram-scroll{width:544px;max-width:100%}.demo-page .lp .diagram-scroll svg{width:544px;min-width:0;max-width:100%}.demo-page .lp .st text{font-family:Heros;font-size:21.65px}.demo-page .lp svg text.ph{font-family:Heros;font-size:19.55px}.demo-page .lp-det h4{font:400 32px/40px Libre,Georgia,serif}.demo-page .lp-det p{font:400 18px/32px Heros,Arial,sans-serif}.demo-page .lp-det .k{font:400 14px/24px Heros,Arial,sans-serif}
/* Three challenge headings use the same stacked relation as Vision. */
.demo-page .challenge-intro h1{font-size:56px;line-height:62.72px;max-width:1000px!important}.challenge-intro p{max-width:1248px}
.challenge-study .study-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.challenge-study .study-heading .kicker{margin:0}.challenge-study .study-heading h2{max-width:100%;margin:0}
.study-layout{grid-template-columns:610.53fr 581.47fr;gap:56px;align-items:start}.automatic-figure{position:relative;top:auto}.study-copy>div{border:0;padding:0 0 8px}.study-copy>div+div{margin-top:28px}.demo-page .study-copy p{font-size:18px;line-height:28px;margin-bottom:20px}.demo-page .automatic-figure figcaption{border:0;padding:12px 0 0;min-height:40px}
.demo-page svg text,#speed .speed-original svg text{font-family:Heros,Arial,sans-serif}.diagram-label{font-family:Heros}.diagram-muted{font-family:Heros}.diagram-light{font-family:Heros}.diagram-caption{font-family:Heros}
#speed .speed-costs span,#speed .speed-cause,#speed .speed-retained{font-family:Heros,Arial,sans-serif}#speed .study-copy{gap:56px}#speed .speed-cause{font-weight:400}#speed .speed-cost-title{font-weight:400}
/* Approach: matched type, fixed reading column, knowledge heading/body grid. */
.demo-page main>.scr:first-child>.inner.longform>p{max-width:900px;margin:0 0 24px}.demo-page main>.scr:first-child>.inner.longform>p.lede{font-size:22px;line-height:32px}.demo-page main>.scr:first-child>.inner.longform>p:last-child{margin-bottom:0}
.demo-page #knowledge>.knowledge-grid{display:grid;grid-template-columns:432px minmax(0,1fr);column-gap:48px;align-items:start}.knowledge-heading .kicker{display:block;margin-bottom:20px}.knowledge-heading h2{margin:0}.demo-page #knowledge .two{display:block;max-width:none;margin:0;padding-top:48px}.demo-page #knowledge .two p{margin:0 0 20px}.demo-page #risk .two{gap:72px}
.demo-page #system>.inner>p>span{font:400 20px/31px Libre,Georgia,serif!important;max-width:none!important}.demo-page #system>.inner>p{margin-bottom:32px}.research-engine{margin-top:0}.engine-workspace{border:0;padding-top:0;grid-template-columns:minmax(0,896fr) minmax(0,296fr);gap:56px}.engine-notes{border:0;padding:0;min-width:0}.engine-heading{font:700 20px Heros,Arial,sans-serif}.engine-label{font:400 16px Heros,Arial,sans-serif}.engine-caption{font:400 14px Heros,Arial,sans-serif}.demo-page .engine-notes h3{font:400 32px/40px Libre,Georgia,serif}.demo-page .engine-notes p,.engine-notes li{font:400 16px/24px Heros,Arial,sans-serif}.engine-notes h4{font-family:Heros;font-weight:400}
/* Team imagery uses the exact source image/crops from the reviewed Design file. */
.demo-page .team-directory{padding:152px 0 64px}.demo-page .team-directory h1{font-size:60px;line-height:67.2px;max-width:none;margin-bottom:40px}.team-members{gap:40px}.team-member{border:0;padding-top:24px}.abstract-portrait{height:auto;aspect-ratio:384/344;position:relative;display:block;background:#0d1013}.abstract-portrait img{position:absolute;top:-58.37%;height:238.14%;width:320%;max-width:none;object-fit:fill}.demo-page .team-member h2{font:400 32px/40px Libre,Georgia,serif;margin-top:24px}.demo-page .team-context{padding:64px 0}.team-context .two{grid-template-columns:544fr 640fr;gap:64px}
@media(max-width:1100px){.demo-page .lp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.demo-page .lp-grid .diagram-scroll{width:100%}.demo-page #knowledge>.knowledge-grid{grid-template-columns:1fr 1.6fr;gap:40px}.demo-page .team-directory h1{font-size:50px}.eclipse-page .hero h1{font-size:64px;line-height:1.055}.eclipse-page .hero-copy>p:not(.hero-intro){font-size:22px;line-height:32px}}
@media(max-width:750px){.site-header{height:112px!important}.site-header nav{font-size:14px}.demo-page h1,.demo-page .challenge-intro h1,.demo-page .team-directory h1{font-size:40px;line-height:1.12;letter-spacing:-1px}.demo-page h2{font-size:33px;line-height:1.18;letter-spacing:-.6px}.demo-page main>.scr:first-child{padding:154px 0 48px}.demo-page .scr{padding:48px 0}.demo-page .question-section .two,.demo-page #loop>.inner>.two,.demo-page .lp-grid,.demo-page #knowledge>.knowledge-grid,.study-layout,.team-context .two{grid-template-columns:1fr;gap:24px}.demo-page .lp-grid .diagram-scroll{width:100%;overflow:visible}.demo-page .lp .diagram-scroll svg{width:100%;min-width:0}.diagram-scroll-hint{display:none}.demo-page #knowledge .two{padding-top:0}.engine-workspace{grid-template-columns:1fr;gap:24px}.engine-notes{border-top:1px solid var(--rule);padding-top:24px}.eclipse-page .hero-copy{top:calc(var(--eclipse-start-top) + (var(--eclipse-final-top) - var(--eclipse-start-top))*var(--eclipse-settle))}.eclipse-page .hero h1{font-size:44px;line-height:1.08;letter-spacing:-1px;margin-bottom:24px}.eclipse-page .hero-copy>p:not(.hero-intro){font-size:18px;line-height:27px;max-width:440px}.eclipse-page .hero .textlink{margin-top:28px}.narrative-home .equation-essay{padding:64px 24px 48px}.narrative-home .equation-essay .narrative-group p{font-size:19px;line-height:1.7}.narrative-home .equation-essay .narrative-group:first-child p{font-size:22px;line-height:1.55}.narrative-home .narrative-group+.narrative-group{margin-top:48px}.narrative-home .equation-essay .narrative-group .narrative-close{font-size:25px;line-height:1.4}.home-closing{padding:40px 0}.home-closing .closing-statement{font-size:27px;line-height:36px}.closing-button{font-size:14px}.demo-page .team-directory{padding:154px 0 48px}.team-members{gap:32px}.team-context .lede{margin-top:0!important}.demo-page main>.scr:first-child>.inner.longform>p.lede{font-size:21px;line-height:31px}}
/* The knowledge text follows the grid width instead of the earlier fixed-width column. */
.knowledge-heading{min-width:0}.knowledge-heading h2{width:auto;max-width:100%}.demo-page #knowledge .two{width:auto;min-width:0}
.demo-page .challenge-intro p{max-width:1248px}