.scene-loading{position:absolute;z-index:3;left:var(--gutter);bottom:2rem;display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;transition:opacity .7s}.scene-loading i{width:2.5rem;height:1px;background:linear-gradient(90deg,var(--accent) calc(var(--loaded,0)*100%),var(--outline) 0)}.scene-loading.is-loaded{opacity:0;pointer-events:none}.webgl:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(241,244,240,.38),transparent 42%),linear-gradient(0deg,rgba(241,244,240,.28),transparent 35%)}
.home-main{height:100svh;min-height:42rem}.home-copy{width:min(72rem,78vw)}.home-copy .display{max-width:11ch}.home-copy .lede{max-width:31rem}.home-sections{position:relative;z-index:5;background:linear-gradient(to bottom,rgba(241,244,240,0),var(--canvas) 6rem)}.home-prologue{min-height:92vh;padding:12rem var(--gutter);display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}.home-prologue h2{margin:0;font-size:clamp(3.2rem,6.7vw,7.5rem);font-weight:320;line-height:.91;letter-spacing:-.066em}.home-prologue h2 span{color:var(--muted)}.home-prologue-copy{max-width:29rem;color:var(--secondary);font-size:1.08rem;line-height:1.8}.home-prologue-copy strong{display:block;margin-bottom:1rem;color:var(--ink);font-weight:500}.complexity-section{position:relative;min-height:310vh;background:var(--surface)}.complexity-sticky{position:sticky;top:0;height:100svh;padding:7.5rem var(--gutter) 3rem;display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(28rem,1.35fr);gap:8vw;align-items:center;overflow:hidden}.complexity-copy h2{font-size:clamp(3rem,5vw,5.8rem);line-height:.92;letter-spacing:-.06em;font-weight:330;margin:0 0 2rem}.complexity-steps{display:grid;gap:.25rem}.complexity-step{padding:1.2rem 0;border-top:1px solid var(--divider);opacity:.38;transition:opacity .5s}.complexity-step.is-active{opacity:1}.complexity-step span{display:block;font-size:.61rem;color:var(--accent-active);letter-spacing:.13em;text-transform:uppercase}.complexity-step b{display:block;font-size:1rem;font-weight:480;margin:.25rem 0}.complexity-step p{font-size:.78rem;color:var(--secondary);margin:0;max-width:25rem}.editor-demo{position:relative;aspect-ratio:1.32/1;background:var(--elevated);border:1px solid var(--outline);box-shadow:0 40px 100px rgba(80,100,87,.13);overflow:hidden}.editor-top{height:3rem;display:flex;align-items:center;gap:.5rem;padding:0 1rem;border-bottom:1px solid var(--divider);background:var(--header);font-size:.68rem;color:var(--secondary)}.editor-top i{width:.42rem;height:.42rem;border-radius:50%;background:var(--accent)}.editor-grid{height:calc(100% - 3rem);display:grid;grid-template-columns:0 1fr 0;transition:grid-template-columns .85s var(--ease)}.complexity-section[data-phase="1"] .editor-grid{grid-template-columns:22% 1fr 0}.complexity-section[data-phase="2"] .editor-grid,.complexity-section[data-phase="3"] .editor-grid{grid-template-columns:22% 1fr 24%}.editor-sidebar,.editor-notes{overflow:hidden;background:var(--nav);opacity:0;transition:opacity .5s}.complexity-section[data-phase="1"] .editor-sidebar,.complexity-section[data-phase="2"] .editor-sidebar,.complexity-section[data-phase="3"] .editor-sidebar,.complexity-section[data-phase="2"] .editor-notes,.complexity-section[data-phase="3"] .editor-notes{opacity:1}.editor-sidebar{border-right:1px solid var(--divider);padding:1.1rem}.editor-notes{border-left:1px solid var(--divider);padding:1.1rem}.fake-label{height:.38rem;border-radius:1rem;background:var(--outline);margin-bottom:.7rem}.fake-label.short{width:55%}.fake-label.active{background:var(--accent);opacity:.55}.editor-paper{padding:10% 12%;transition:padding .7s}.editor-paper h3{font-size:clamp(1.4rem,2.4vw,2.5rem);font-weight:390;letter-spacing:-.04em;margin:0 0 1.7rem}.editor-paper p{height:.42rem;margin:.65rem 0;background:var(--divider);border-radius:2rem}.editor-paper p:nth-of-type(2){width:89%}.editor-paper p:nth-of-type(3){width:72%}.editor-note-card{padding:.8rem;background:var(--surface);font-size:.65rem;color:var(--secondary);margin-bottom:.7rem}.scroll-zones{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:repeat(4,1fr)}
.detail-band{position:relative;padding:14rem var(--gutter);background:var(--canvas)}.detail-band-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:8rem}.detail-band h2{font-size:clamp(3.2rem,6.5vw,7rem);line-height:.9;letter-spacing:-.065em;font-weight:320;margin:0}.detail-band-head p{max-width:31rem;color:var(--secondary);line-height:1.8}.feature-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--outline);border-bottom:1px solid var(--outline)}.feature-rail article{padding:3rem 3rem 3rem 0}.feature-rail article+article{border-left:1px solid var(--outline);padding-left:3rem}.feature-rail span{font-size:.62rem;color:var(--accent-active);text-transform:uppercase;letter-spacing:.14em}.feature-rail h3{font-size:1.5rem;font-weight:420;letter-spacing:-.035em;margin:3rem 0 1rem}.feature-rail p{color:var(--secondary);font-size:.9rem;line-height:1.7}.boundary-section{min-height:100vh;padding:13rem var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:var(--ink);color:var(--surface)}.boundary-section .eyebrow{color:var(--success)}.boundary-section h2{font-size:clamp(3.4rem,7vw,7.5rem);line-height:.89;letter-spacing:-.07em;font-weight:310;margin:0}.boundary-section h2 span{color:var(--muted)}.boundary-copy{max-width:31rem;color:var(--muted);font-size:1.05rem;line-height:1.8}.boundary-rule{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid rgba(216,222,216,.18);display:flex;justify-content:space-between;font-size:.7rem;color:var(--surface)}.portal-section{padding:12rem var(--gutter);background:var(--canvas)}.portal-section>h2{font-size:clamp(3rem,5vw,5.5rem);font-weight:330;letter-spacing:-.055em;margin-bottom:6rem}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.portal{position:relative;min-height:22rem;padding:2rem;background:var(--surface);border:1px solid var(--divider);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .45s var(--ease),background .3s}.portal:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,var(--nav));transform:translate(25%,25%);transition:transform .6s var(--ease)}.portal:hover{transform:translateY(-.45rem);background:var(--elevated)}.portal:hover:before{transform:none}.portal span,.portal h3{position:relative}.portal span{font-size:.63rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.portal h3{font-size:2.2rem;font-weight:360;letter-spacing:-.045em;margin:0}.portal h3 i{font-style:normal;color:var(--accent);float:right}
.philosophy-cover{min-height:92svh;padding:10rem var(--gutter) 6rem;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.philosophy-cover .display{font-size:clamp(4rem,8.6vw,9rem)}.philosophy-cover aside{max-width:28rem}.philosophy-cover aside p{color:var(--secondary);line-height:1.8}.philosophy-summary{position:relative;background:var(--canvas);padding:10rem var(--gutter) 14rem}.summary-intro{max-width:65rem;margin:0 auto 10rem;text-align:center}.summary-intro h2{font-size:clamp(3rem,6.3vw,6.8rem);line-height:.92;letter-spacing:-.065em;font-weight:320;margin:0}.summary-intro p{max-width:37rem;margin:2rem auto 0;color:var(--secondary)}.principle-list{max-width:1200px;margin:auto;border-top:1px solid var(--outline)}.principle-row{display:grid;grid-template-columns:5rem .85fr 1.15fr;gap:4vw;padding:4rem 0;border-bottom:1px solid var(--outline);align-items:start}.principle-row>span{font-size:.65rem;color:var(--muted)}.principle-row h3{margin:0;font-size:clamp(1.8rem,3.2vw,3.2rem);font-weight:370;letter-spacing:-.045em}.principle-row p{margin:0;color:var(--secondary);line-height:1.78;max-width:35rem}.source-note{max-width:1200px;margin:5rem auto 0;color:var(--muted);font-size:.7rem}
body[data-page=roadmap] .webgl:after{background:radial-gradient(circle at center,transparent 30%,rgba(80,100,87,.16) 100%),linear-gradient(0deg,rgba(241,244,240,.25),transparent 45%)}body[data-page=roadmap] .roadmap-page:before{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(241,244,240,.05),rgba(113,139,124,.08),rgba(241,244,240,.18));pointer-events:none}.milestone-card{box-shadow:0 30px 90px rgba(80,100,87,.11)}
body[data-page=blog] .webgl{height:72svh;position:absolute}body[data-page=blog] .journal-main{background:linear-gradient(to bottom,transparent 0,transparent 48svh,var(--canvas) 68svh)}.journal-head{min-height:62svh;display:flex;flex-direction:column;justify-content:flex-end}.journal-head .display{font-size:clamp(4rem,8.4vw,8.8rem)}.post-list{background:var(--canvas);margin-top:8rem}.post-card{position:relative;grid-template-columns:8rem 1fr 7rem;padding:3.4rem 0}.post-card:before{content:"";position:absolute;left:8rem;right:0;bottom:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.post-card:hover:before{transform:scaleX(1)}.post-card h2{max-width:18ch}.post-card span:last-child{text-align:right;color:var(--accent-active)}.article-page .webgl{opacity:.3}.article-shell{margin-top:4rem}.article{background:rgba(252,252,250,.9);padding:clamp(1.5rem,5vw,5rem);box-shadow:0 30px 90px rgba(80,100,87,.08);border:1px solid var(--divider)}
@media(max-width:800px){.home-prologue,.detail-band-head,.boundary-section,.philosophy-cover{grid-template-columns:1fr}.home-prologue{padding-block:8rem}.complexity-sticky{grid-template-columns:1fr;padding-top:6rem;align-content:center}.complexity-copy h2{font-size:2.8rem}.complexity-steps{grid-template-columns:repeat(4,1fr);gap:.5rem}.complexity-step p{display:none}.complexity-step b{font-size:.72rem}.editor-demo{min-width:0}.detail-band{padding-block:8rem}.detail-band-head{margin-bottom:4rem}.feature-rail{grid-template-columns:1fr}.feature-rail article,.feature-rail article+article{padding:2.5rem 0;border-left:0;border-bottom:1px solid var(--divider)}.boundary-section{padding-block:8rem}.portal-grid{grid-template-columns:1fr}.portal{min-height:15rem}.principle-row{grid-template-columns:2rem 1fr}.principle-row p{grid-column:2}.philosophy-summary{padding-block:7rem}.post-card{grid-template-columns:1fr auto}.post-card:before{left:0}}
@media(max-width:540px){.home-main{min-height:40rem}.home-copy{width:100%}.home-prologue{padding-inline:1.25rem}.complexity-sticky{padding-inline:1rem}.complexity-steps{overflow:auto}.complexity-step{min-width:7rem}.editor-demo{aspect-ratio:1/1}.detail-band,.boundary-section,.portal-section,.philosophy-cover,.philosophy-summary{padding-inline:1.25rem}.portal-section{padding-block:7rem}}