/* codex-provenance: last-edited-by="OpenAI Codex" date="2026-09-06" */
/* codex-provenance: last-edited-by="OpenAI Codex" date="2026-09-07" */
/* Trent's TE stack identity: paper, graphite, original seven layer colors. */
:root{--paper:#f5f5f7;--ink:#1d1d1f;--secondary:#575960;--slate:#3c5a72;--night:#10151b;--line:rgba(29,29,31,.15);--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(24px,5vw,88px);color-scheme:light;scroll-behavior:smooth;scroll-padding-top:86px;font-family:Outfit,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #398ac1;outline-offset:6px}::selection{background:#a6c7dc;color:#10151b}body::-webkit-scrollbar{width:9px}body::-webkit-scrollbar-thumb{background:#919ba4;border:2px solid var(--paper);border-radius:8px}body::-webkit-scrollbar-track{background:var(--paper)}svg{display:block}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(44px,4.8vw,76px);line-height:1.065}h2{font-size:clamp(38px,4.1vw,64px);line-height:1.12}h3{font-size:clamp(24px,2.35vw,36px);line-height:1.2;letter-spacing:-.025em}p{font-size:clamp(17px,1.3vw,20px);line-height:1.58}button{border:0;background:none;padding:0}a svg,button svg,summary svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:10px;z-index:200;background:var(--ink);color:white;padding:12px 18px}.skip-link:not(:focus){width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.section-shell{width:100%;max-width:1440px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:fixed;inset:0 0 auto;z-index:100;padding:0 var(--gutter);background:rgba(245,245,247,.77);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:color .4s,background .4s;color:var(--ink)}.header-dark .site-header{background:rgba(16,21,27,.76);color:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font-weight:500;font-size:15px;white-space:nowrap}.brand svg{width:36px;height:30px}.desktop-nav{display:flex;gap:28px;font-size:14px}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.desktop-nav a:hover::after{transform:scaleX(1)}.header-controls{display:flex;align-items:center;gap:20px}.motion-toggle{display:flex;align-items:center;gap:6px;font-size:12px;min-height:44px}.motion-toggle svg{width:17px;height:17px}.play-glyph{display:none}.motion-paused .play-glyph{display:block}.motion-paused .pause-glyph{display:none}.menu-button{display:none;width:42px;height:42px;flex-direction:column;justify-content:center;gap:6px}.menu-button span{display:block;width:24px;height:1px;background:currentColor}.reading-progress{position:absolute;inset:auto 0 0;height:1px;transform:scaleX(var(--page-progress,0));transform-origin:left;background:currentColor;opacity:.4}#mobile-menu{position:fixed;z-index:99;inset:76px 0 auto;background:var(--paper);padding:24px var(--gutter) 36px;box-shadow:0 15px 30px rgba(0,0,0,.1)}#mobile-menu a{display:block;padding:13px 0;font-size:24px}.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:50px;padding:12px 22px;background:var(--ink);color:var(--paper);border-radius:4px;font-size:15px;transition:background .3s,transform .3s var(--ease)}.button-link:hover{background:var(--slate);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.text-link svg{transition:transform .4s var(--ease)}.text-link:hover svg{transform:translateX(5px)}
.world{position:relative}.world-sticky{position:relative;padding:120px var(--gutter) 50px}.world-surface{position:absolute;inset:0;background:var(--paper);z-index:-2}.world-surface::after{content:'';position:absolute;inset:0;background:var(--night);opacity:var(--world-dark,0)}.world-visual{height:460px;position:relative}#memory-world{width:100%;height:100%;display:block}.scene-fallback{position:absolute;inset:10% 12%;display:grid;place-items:center;color:#3c4045}.scene-fallback>svg{width:70%;height:auto}.fallback-layers{display:none}.world-visual[data-ready='true'] .scene-fallback{display:none}.hero-copy{max-width:680px}.hero-body{margin-top:27px;max-width:48ch;color:var(--secondary);font-size:clamp(16px,1.18vw,18px);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 27px;margin-top:30px}.stack-intro{padding:60px 0;max-width:530px}.stack-intro p,.stack-end>p{font-family:Manrope,sans-serif;font-size:clamp(32px,3.5vw,52px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.layer-caption{padding:30px 0;max-width:500px}.layer-caption p{margin-top:22px;max-width:29ch}.layer-position{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.02em;margin-top:25px}.layer-position i{width:6px;height:6px;border-radius:50%;background:var(--layer-hue)}.stack-end .text-link{margin-top:30px}.stack-rail,.scroll-cue{display:none}.stack-anchor{position:absolute;top:100svh}.js .world{height:640svh;min-height:3600px}.js .world-sticky{position:sticky;top:0;height:100svh;min-height:550px;padding:0;overflow:hidden;isolation:isolate}.js .world-surface{z-index:0}.js .world-visual{position:absolute;inset:0;height:100%;z-index:1;pointer-events:none}.js .hero-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-45%);width:44%;max-width:670px;z-index:3;will-change:opacity,transform;transform-origin:left center}.js .hero-body{max-width:48ch}.js .stack-intro,.js .stack-end{position:absolute;left:var(--gutter);top:50%;transform:translateY(-45%);width:39%;max-width:550px;z-index:3;padding:0;opacity:0;pointer-events:none}.js .stack-end{color:var(--paper)}.js .stack-end .text-link{pointer-events:auto}.js .layer-caption{position:absolute;left:var(--gutter);top:50%;width:36%;max-width:460px;z-index:3;padding:0;transform:translateY(-35%);opacity:0;visibility:hidden;color:var(--paper);transition:opacity .35s var(--ease),transform .5s var(--ease),visibility .35s;pointer-events:none}.js .layer-caption h2{font-size:clamp(50px,6.5vw,96px);line-height:1.05}.js .layer-caption p{color:#bec9d2;font-size:clamp(18px,1.65vw,24px);line-height:1.5}.js .layer-caption.is-active{opacity:1;visibility:visible;transform:translateY(-50%)}.js .scroll-cue{display:flex;align-items:center;gap:13px;position:absolute;bottom:33px;left:var(--gutter);z-index:3;font-size:12px;color:var(--secondary)}.scroll-cue svg{width:18px;height:24px;stroke:currentColor;stroke-width:1.3}.js .stack-rail{display:flex;align-items:center;position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);gap:14px;z-index:4;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;color:#edf1f4}.js .stack-rail.is-visible{opacity:1;visibility:visible}.stack-rail button{display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px;color:#b8c2ca;transition:color .25s}.stack-rail button i{height:2px;width:17px;background:#697580;transition:width .35s,background .35s}.stack-rail button[aria-pressed=true]{color:white}.stack-rail button[aria-pressed=true] i{background:var(--layer-hue);width:34px}.skip-stack{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px}.skip-stack svg{width:17px}.js .scene-fallback{inset:25% 5% 20% 52%}.js .scene-fallback>svg{width:100%;filter:drop-shadow(16px 24px 16px rgba(0,0,0,.1))}
.founder-section{padding-top:130px;padding-bottom:135px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px 8%;position:relative;background:var(--paper)}.founder-heading h2{max-width:12ch}.founder-heading .text-link{margin-top:32px}.founder-body p{color:var(--secondary);font-size:18px;max-width:62ch}.founder-body p+p{margin-top:22px}.founder-steps{list-style:none;padding:0;margin:0;grid-column:1/-1;display:flex;flex-direction:column}.founder-steps li{display:grid;grid-template-columns:80px 1fr 30px;align-items:start;gap:20px;border-top:1px solid var(--line);padding:28px 0;position:relative}.founder-steps li:last-child{border-bottom:1px solid var(--line)}.step-index{font-size:15px;color:var(--slate);padding-top:5px;font-variant-numeric:tabular-nums}.founder-steps li>div{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.founder-steps h3{font-size:25px}.founder-steps p{font-size:16px;color:var(--secondary);max-width:50ch}.founder-steps>li>svg{width:23px;stroke:currentColor;stroke-width:1.3;transition:transform .4s var(--ease)}.founder-steps li:hover>svg{transform:translateX(6px)}
.memory-lab{background:var(--night);color:var(--paper);position:relative;overflow:hidden}.lab-inner{padding-top:120px;padding-bottom:70px}.lab-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.lab-heading h2{max-width:14ch}.lab-heading>p{color:#b5c2cc;font-size:18px;max-width:56ch;padding-top:5px}.lab-workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center;margin-top:65px;min-height:480px}.memory-experiment{width:100%;height:400px;position:relative;perspective:1000px}.experiment-lines{position:absolute;inset:0}.experiment-lines svg{width:100%;height:100%;stroke:#386171;stroke-width:1;stroke-dasharray:7 9;animation:travel 4s linear infinite}.source-cloud{position:absolute;left:3%;top:25%;width:140px;height:220px;transform:rotateY(22deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform 1s var(--ease)}.source-cloud>i{position:absolute;left:calc(mod(var(--i),3)*40px);top:calc(round(down,var(--i)/3)*53px);width:35px;height:43px;border:1px solid #728996;border-radius:3px;background:#1c2b34;padding:7px 5px;box-shadow:8px 12px 14px rgba(0,0,0,.2);transform:translateZ(calc(var(--i)*2px));transition:transform 1s var(--ease),opacity .6s}.source-cloud>i b{display:block;height:2px;margin-bottom:4px;background:#839faf}.source-cloud>i b:nth-child(2){width:70%}.context-aperture{position:absolute;left:43%;top:24%;height:190px;width:135px;border:1px solid #63aaa6;border-radius:14px;transform:rotateY(-18deg);display:grid;place-items:center;background:#132729;box-shadow:14px 20px 22px rgba(0,0,0,.2);overflow:hidden;transition:transform 1s var(--ease),border-color .6s}.context-aperture svg{width:63px;color:#b9d8d0}.aperture-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(149,221,205,.24) 50%,transparent 56%);transform:translateY(-100%);animation:scan 6s var(--ease) infinite}.retrieved-record{position:absolute;right:3%;top:34%;width:68px;height:94px;border:1px solid #9ab5cb;border-radius:5px;background:#233342;padding:20px 12px;box-shadow:10px 16px 18px rgba(0,0,0,.2);transform:rotateY(-27deg) rotateZ(5deg);transition:transform 1s var(--ease),background .6s}.retrieved-record i{display:block;background:#9ab5cb;height:3px;margin:8px 0}.retrieved-record i:last-child{width:60%}.experiment-labels{position:absolute;top:85%;left:3%;right:1%;display:flex;justify-content:space-between;font-size:12px;color:#b5c5ce}.memory-experiment[data-concept='1'] .source-cloud{transform:translateX(25px) rotateY(36deg) rotateZ(0)}.memory-experiment[data-concept='1'] .source-cloud>i{transform:translateZ(calc(var(--i)*7px)) translateY(calc(var(--i)*2px))}.memory-experiment[data-concept='2'] .context-aperture{transform:scale(1.12) rotateY(0);border-color:#c3e1d9}.memory-experiment[data-concept='2'] .source-cloud>i:nth-child(n+4){opacity:.25;transform:translateX(-15px) translateZ(-20px)}.memory-experiment[data-concept='3'] .retrieved-record{transform:scale(1.24) rotateY(0) rotateZ(0) translateX(-5px);background:#35556f}.memory-experiment[data-concept='3'] .experiment-lines svg{stroke:#87babd;animation-duration:2s}.memory-tabs{display:flex;border-bottom:1px solid #35424f;gap:0}.memory-tabs button{flex:1;font-size:14px;padding:16px 7px;color:#aabdc9;position:relative}.memory-tabs button[aria-selected=true]{color:white}.memory-tabs button::after{content:'';position:absolute;bottom:-1px;left:0;right:0;background:#96c7c0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.memory-tabs button[aria-selected=true]::after{transform:scaleX(1)}.memory-panels{min-height:250px;padding:30px 0}.memory-panels h3{font-size:28px;max-width:20ch}.memory-panels p{font-size:17px;color:#b5c2cc;margin-top:17px}.memory-panels .concept-example{font-size:13px;color:#9bc5c0;padding-top:6px}.memory-controls>.text-link{font-size:14px;color:#d3e8e3}.example-detail{margin-top:45px;border-top:1px solid #33404d;padding-top:22px;max-width:600px}.example-detail summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:14px}.example-detail p{font-size:16px;margin-top:18px;color:#b5c2cc}.example-detail[open] summary svg{transform:rotate(45deg)}
.work-section{padding:120px 0 50px;background:var(--paper)}.work-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;margin-bottom:65px}.work-heading h2{max-width:15ch}.work-heading p{font-size:18px;color:var(--secondary);max-width:55ch}.work-deck{max-width:1440px;margin:auto}.work-project{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center;padding:30px var(--gutter) 95px}.project-visual-wrap{perspective:1100px;min-width:0}.project-visual{height:500px;transform-style:preserve-3d;will-change:transform;overflow:hidden;border-radius:16px;backface-visibility:hidden;box-shadow:0 18px 38px rgba(16,21,27,.12)}.project-copy h3{font-size:34px;max-width:19ch}.project-copy>p{font-size:17px;color:var(--secondary);margin-top:20px}.project-copy .project-lesson{font-size:15px;color:var(--ink);margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.app-composition{position:relative;height:100%;overflow:hidden;background:#e8b640;perspective:1000px}.app-word{position:absolute;left:-4%;top:2%;font-size:clamp(100px,13vw,185px);font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;color:rgba(74,51,1,.10);line-height:1}.phone{position:absolute;width:205px;border-radius:29px;background:#171717;padding:6px;box-shadow:18px 28px 32px rgba(43,29,0,.27);transform-style:preserve-3d}.phone img{border-radius:24px;width:100%;height:auto}.phone-front{left:18%;top:17%;transform:rotateZ(-8deg) rotateY(-13deg)}.phone-back{right:10%;top:-24%;transform:rotateZ(12deg) rotateY(-16deg)}.visual-caption{position:absolute;bottom:20px;left:24px;font-size:11px;letter-spacing:.03em;color:#5d4716}.system-composition{position:relative;height:100%;background:#10151b;color:#d8e4eb;overflow:hidden}.system-core{position:absolute;left:43%;top:40%;width:80px;height:80px;display:grid;place-items:center;border-radius:16px;background:#29343f;border:1px solid #677883;transform:rotate(-10deg)}.system-core svg{width:52px;height:45px}.system-node{position:absolute;padding:12px 14px;background:#1b2530;border:1px solid #3e4b58;border-radius:7px;font-size:13px;display:flex;align-items:center;gap:7px;z-index:2;box-shadow:6px 10px 14px rgba(0,0,0,.22)}.system-node i{display:block;width:5px;height:5px;background:var(--node-color);border-radius:50%}.node-0{left:5%;top:15%}.node-1{left:41%;top:6%}.node-2{right:4%;top:17%}.node-3{right:1%;top:51%}.node-4{right:12%;bottom:13%}.node-5{left:30%;bottom:7%}.node-6{left:3%;top:60%}.system-links{position:absolute;inset:0;width:100%;height:100%;stroke:#576e81;stroke-width:1;stroke-dasharray:5 9;animation:travel 5s linear infinite}.system-orbit{position:absolute;border:1px solid #233747;border-radius:50%;width:270px;height:270px;left:24%;top:23%;transform:rotateX(55deg) rotateZ(-25deg)}.orbit-two{transform:rotateY(65deg) rotateZ(40deg)}.system-composition .visual-caption{color:#9faeba}.brand-composition{position:relative;height:100%;background:#e0e3e6;color:#252b32;overflow:hidden}.brand-mark{position:absolute;left:9%;top:9%;width:67%;transform:rotateY(-24deg) rotateZ(-7deg);filter:drop-shadow(18px 25px 16px rgba(30,38,47,.22))}.brand-mark svg{width:100%}.brand-type{position:absolute;right:4%;bottom:8%;font-family:Manrope,sans-serif;font-size:96px;letter-spacing:-.04em;font-weight:500;line-height:1.05}.brand-type span{display:block;font-family:Outfit,sans-serif;font-size:12px;letter-spacing:0;line-height:1.4;text-align:right;margin-top:10px}.brand-bars{position:absolute;left:10%;right:27%;bottom:18%;display:flex;height:60px;transform:rotateY(-25deg) rotateZ(-7deg);box-shadow:15px 22px 18px rgba(30,38,47,.16)}.brand-bars i{flex:1}.brand-composition .visual-caption{color:#535f69}
.notes-section{padding-top:60px;padding-bottom:130px}.notes-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;margin-bottom:55px}.notes-heading h2{max-width:15ch}.notes-heading p{font-size:18px;color:var(--secondary);max-width:46ch}.note{border-top:1px solid var(--line);scroll-margin-top:100px}.note:last-child{border-bottom:1px solid var(--line)}.note>summary{display:grid;grid-template-columns:1fr 150px 25px;gap:40px;align-items:center;list-style:none;cursor:pointer;padding:30px 0}.note>summary::-webkit-details-marker,.example-detail summary::-webkit-details-marker{display:none}.note-title{font-family:Manrope,sans-serif;font-size:clamp(23px,2.2vw,32px);line-height:1.3;letter-spacing:-.025em;max-width:38ch;transition:transform .4s var(--ease)}.note summary:hover .note-title{transform:translateX(6px)}.note-category{font-size:12px;color:var(--secondary)}.note[open]>summary svg{transform:rotate(45deg)}.note summary svg{transition:transform .4s var(--ease)}.note-body{max-width:72ch;padding:0 0 44px;margin-left:clamp(0px,7vw,100px)}.note-body p{font-size:18px;line-height:1.75;color:var(--secondary);margin:0 0 22px}.note-body .note-summary{font-size:21px;color:var(--ink)}.close-note{margin-top:10px}.about-section{position:relative;background:#171c23;color:var(--paper);overflow:hidden;min-height:660px;padding:120px 0}.about-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-content h2{max-width:15ch}.about-content p{font-size:18px;color:#b6c2cc;max-width:52ch}.about-content p+p{margin-top:20px}.about-content .button-link{margin-top:35px;background:#dbe3e9;color:#1d2730}.about-mark{position:absolute;left:2%;bottom:-34%;width:58%;color:#29333e;transform:rotate(-8deg);pointer-events:none}.about-mark svg{width:100%}.site-footer{background:#171c23;color:#b6c2cc;border-top:1px solid #35404c;padding:26px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.site-footer a{display:flex;align-items:center;gap:10px}.site-footer a svg{transform:rotate(-90deg);width:18px}
@keyframes travel{to{stroke-dashoffset:-112}}@keyframes scan{to{transform:translateY(100%)}}
@media(min-width:1700px){.js .hero-copy{left:max(var(--gutter),calc((100vw - 1540px)/2));width:40%}}
@media(max-width:1100px){.desktop-nav{gap:18px}.brand span{display:none}.js .hero-copy{width:45%}h1{font-size:clamp(44px,5.3vw,65px)}.js .stack-rail{gap:10px}.stack-rail button span{font-size:11px}.stack-rail button i{width:12px}.stack-rail button[aria-pressed=true] i{width:23px}.lab-workspace{gap:5%;grid-template-columns:1.1fr 1fr}.memory-experiment{height:350px}.source-cloud{transform:scale(.8) rotateY(22deg);transform-origin:left center;width:100px}.context-aperture{width:110px;height:160px}.retrieved-record{width:55px;height:78px;padding:10px}.project-visual{height:450px}.phone{width:180px}.phone-front{left:10%;top:20%}.phone-back{right:3%;top:-18%}.project-copy h3{font-size:28px}.work-project{gap:5%}.system-node{font-size:11px;padding:9px}.system-core{left:40%;width:70px;height:70px}.brand-type{font-size:74px}}
@media(max-width:760px){:root{--gutter:24px;scroll-padding-top:76px}.site-header{height:64px;gap:12px}.brand span{display:block;font-size:13px}.brand svg{width:30px;height:26px}.desktop-nav{display:none}.menu-button{display:flex}.motion-label{display:none}.header-controls{gap:15px}#mobile-menu{top:64px}.js .world{height:590svh;min-height:3200px}.js .world-sticky{min-height:620px}.js .hero-copy{left:var(--gutter);right:var(--gutter);top:46%;width:auto;max-width:570px;transform:none}.js .hero-copy h1{font-size:clamp(36px,6.4vw,49px);line-height:1.08;max-width:18ch}.hero-body{font-size:15px;line-height:1.5;margin-top:16px}.hero-actions{margin-top:20px;gap:15px}.hero-actions .button-link{font-size:13px;min-height:44px;padding:10px 15px;gap:15px}.hero-actions .text-link{font-size:13px}.js .stack-intro,.js .stack-end{top:59%;left:var(--gutter);width:calc(100% - 48px);max-width:500px;transform:none}.stack-intro p,.stack-end>p{font-size:34px;max-width:21ch}.js .layer-caption{top:61%;width:calc(100% - 48px);max-width:500px;transform:translateY(20px)}.js .layer-caption.is-active{transform:translateY(0)}.js .layer-caption h2{font-size:57px}.js .layer-caption p{font-size:19px;line-height:1.5;max-width:29ch;margin-top:16px}.layer-position{margin-top:17px;font-size:11px}.js .stack-rail{bottom:20px;gap:9px;left:24px;right:24px;justify-content:space-between}.stack-rail button{min-width:20px;min-height:32px}.stack-rail button span{display:none}.stack-rail button i{width:20px;height:3px}.stack-rail button[aria-pressed=true] i{width:31px}.skip-stack{font-size:11px;margin-left:5px;gap:4px}.skip-stack svg{width:14px}.js .scroll-cue{bottom:17px;font-size:10px;gap:9px}.scroll-cue svg{height:18px}.js .scene-fallback{inset:12% 25% 56%;}.founder-section{padding-top:85px;padding-bottom:80px;grid-template-columns:1fr;gap:34px}.founder-heading h2{max-width:16ch}.founder-heading .text-link{margin-top:23px}.founder-body p{font-size:17px}.founder-steps li{grid-template-columns:35px 1fr 18px;gap:12px;padding:24px 0}.founder-steps li>div{display:block}.founder-steps h3{font-size:23px;margin-bottom:12px}.founder-steps p{font-size:16px}.step-index{font-size:12px}.founder-steps>li>svg{width:18px}.lab-inner{padding-top:80px;padding-bottom:45px}.lab-heading{grid-template-columns:1fr;gap:26px}.lab-heading>p{font-size:17px}.lab-workspace{grid-template-columns:1fr;margin-top:20px;gap:5px}.memory-experiment{max-width:520px;margin:auto;height:320px}.context-aperture{left:43%;width:103px;height:143px;top:27%}.source-cloud{top:25%;transform:scale(.75) rotateY(22deg)}.memory-experiment[data-concept='1'] .source-cloud{transform:scale(.75) translateX(15px) rotateY(36deg)}.retrieved-record{top:37%;width:54px;height:73px}.experiment-labels{font-size:11px}.memory-panels{min-height:220px;padding-top:25px}.memory-panels h3{font-size:28px;max-width:22ch}.memory-panels p{font-size:17px}.memory-controls{min-width:0}.memory-tabs button{font-size:13px;padding:14px 5px}.example-detail{margin-top:35px}.work-section{padding-top:80px}.work-heading{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.work-heading p{font-size:17px}.work-project{grid-template-columns:1fr;gap:35px;padding-top:20px;padding-bottom:65px}.project-visual{height:460px}.phone{width:185px}.phone-front{left:12%;top:21%}.phone-back{right:5%;top:-14%}.project-copy h3{font-size:31px}.project-copy p{font-size:17px}.project-copy .project-lesson{margin-top:23px}.system-node{font-size:12px}.system-core{top:40%;left:39%}.notes-section{padding-top:10px;padding-bottom:75px}.notes-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.notes-heading p{font-size:17px}.note>summary{grid-template-columns:1fr 22px;gap:16px;padding:24px 0}.note-title{font-size:23px}.note-category{grid-column:1;grid-row:2;font-size:11px;margin-top:-5px}.note>summary>svg{grid-column:2;grid-row:1}.note-body{margin-left:0;padding-bottom:32px}.note-body p{font-size:17px}.note-body .note-summary{font-size:19px}.about-section{padding:80px 0 120px;min-height:0}.about-content{grid-template-columns:1fr;gap:28px}.about-content p{font-size:17px}.about-mark{width:95%;bottom:-17%;left:-4%}.site-footer{flex-direction:column;align-items:flex-start;padding-top:24px;padding-bottom:30px;gap:17px}}
@media(max-width:380px){:root{--gutter:20px}.brand span{font-size:12px}.js .hero-copy{top:44%;}.js .hero-copy h1{font-size:35px}.hero-body{font-size:14px;line-height:1.45}.hero-actions{gap:12px;margin-top:16px}.hero-actions .text-link{font-size:12px}.js .scroll-cue{display:none}.js .layer-caption h2{font-size:49px}.js .layer-caption p{font-size:17px}.stack-intro p,.stack-end>p{font-size:30px}.project-visual{height:400px}.phone{width:162px}.memory-tabs button{font-size:12px}.source-cloud{transform:scale(.65) rotateY(22deg)}.context-aperture{left:43%;width:90px}.retrieved-record{width:45px;right:0}.system-node{font-size:10px;padding:8px}.brand-type{font-size:67px}}
/* A useful static edition accompanies the same source when motion is disabled. */
.motion-paused{scroll-behavior:auto}.motion-paused .js,.motion-paused *{animation:none!important}.motion-paused .world{height:auto;min-height:0}.motion-paused .world-sticky{position:relative;height:auto;min-height:0;overflow:visible;padding:110px var(--gutter) 75px}.motion-paused .world-surface{background:var(--paper)}.motion-paused .world-surface::after{opacity:0!important}.motion-paused .world-visual{position:relative;height:370px;inset:auto}.motion-paused .hero-copy{position:relative;inset:auto;width:100%;max-width:720px;transform:none!important;opacity:1!important;visibility:visible!important}.motion-paused .hero-body{max-width:60ch}.motion-paused .stack-intro{position:relative;inset:auto;transform:none!important;opacity:1!important;width:100%;max-width:750px;padding:60px 0 30px;visibility:visible!important}.motion-paused .layer-captions{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 8%;}.motion-paused .layer-caption{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;width:100%;max-width:none;color:var(--ink);padding:25px 0;border-top:1px solid var(--line)}.motion-paused .layer-caption h2{font-size:32px}.motion-paused .layer-caption p{font-size:17px;color:var(--secondary);max-width:50ch}.motion-paused .stack-end{display:none}.motion-paused .scroll-cue,.motion-paused .stack-rail{display:none!important}.motion-paused .stack-anchor{top:590px}.motion-paused .project-visual{transform:none!important;filter:none!important;will-change:auto}.motion-paused .reveal-text{opacity:1!important;transform:none!important}.motion-paused .scene-fallback{inset:0 20%}.motion-paused .header-dark .site-header{color:var(--ink);background:rgba(245,245,247,.8)}
@media(max-width:760px){.motion-paused .layer-captions{grid-template-columns:1fr;gap:0}.motion-paused .world-visual{height:260px}.motion-paused .world-sticky{padding-top:90px}.motion-paused .stack-intro p{font-size:30px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Confirmation-pass fixes: avoid overlapping chapter captions and fit short phones. */
.js .layer-caption{transition:opacity .12s var(--ease),transform .35s var(--ease);visibility:hidden}
.js .layer-caption.is-active{visibility:visible;transition:opacity .35s var(--ease) .10s,transform .5s var(--ease) .10s}
@media(max-width:760px) and (max-height:720px){.js .world-sticky{min-height:0}.js .hero-copy{top:34%}.js .hero-copy h1{font-size:34px;max-width:19ch}.hero-body{font-size:14px;line-height:1.45;margin-top:13px}.hero-actions{margin-top:17px}.js .layer-caption{top:54%}.js .layer-caption h2{font-size:46px}.js .layer-caption p{font-size:17px;line-height:1.4;max-width:31ch}.layer-position{margin-top:12px}.js .stack-intro,.js .stack-end{top:54%}.stack-intro p,.stack-end>p{font-size:29px}.js .scroll-cue{display:none}}
@media(max-width:350px) and (max-height:720px){.js .hero-copy{top:33%}.js .hero-copy h1{font-size:30px}.hero-body{font-size:13px}.hero-actions .button-link{font-size:12px;min-height:41px;padding:9px 12px}.hero-actions .text-link{font-size:11px}.header-controls{gap:8px}.brand span{font-size:11px}.js .layer-caption p{font-size:16px}.stack-rail{gap:6px}}
/* Give the opening mark room above the copy on phones with browser chrome. */
@media(max-width:760px) and (max-height:720px){
  html.js:not(.motion-paused) .hero-copy{margin-top:28px}
}
.stack-rail button i{transition:background .35s}
html:not(.js) .motion-toggle,html:not(.js) .menu-button,html:not(.js) .memory-tabs{display:none}
@media(max-width:760px){html:not(.js) .site-header{position:relative;height:auto;padding-top:18px;padding-bottom:16px;flex-wrap:wrap}html:not(.js) .desktop-nav{display:flex;flex-wrap:wrap;flex-basis:100%;gap:10px 23px}html:not(.js) .world-sticky{padding-top:25px}}

/* Transcript and independent Gemini refinement: preserve the visual world. */
.js .layer-caption.is-active{opacity:1;transition:transform .3s var(--ease)}
.site-header{border-bottom:1px solid rgba(98,116,131,.12)}
.reading-progress{height:2px;background:var(--slate);opacity:.72}
.header-dark .reading-progress{background:#9bc4d6}
.menu-button span{transition:transform .25s var(--ease)}
.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu-open,.menu-open body{overflow:hidden}
.menu-open .site-header{color:var(--ink);background:var(--paper)}
.memory-tabs button{transition:background .2s,color .2s}
.memory-tabs button:hover{background:rgba(155,196,214,.08);color:var(--paper)}
@media(max-width:760px){
  .motion-toggle,.menu-button{min-width:44px;min-height:44px;justify-content:center}
  .header-controls{gap:6px}
  #mobile-menu{inset:64px 0 0;overflow-y:auto;padding-top:28px;box-shadow:none}
  #mobile-menu a{font-family:Manrope,sans-serif;font-size:clamp(27px,8vw,38px);line-height:1.3;padding:17px 0}
  .js .stack-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;bottom:12px}
  .stack-rail button{width:100%;min-width:0;min-height:44px;justify-content:center}
  .stack-rail button i{width:20px}
  .stack-rail button[aria-pressed=true] i{width:28px}
  .skip-stack{grid-column:1/-1;justify-self:end;min-height:32px;margin:0;font-size:12px}
  .lab-workspace{gap:10px;min-height:0}
  .memory-experiment{height:228px;scroll-margin-top:84px}
  .memory-experiment .source-cloud{top:14%;transform:scale(.65) rotateY(22deg);transform-origin:left top}
  .memory-experiment[data-concept='1'] .source-cloud{transform:scale(.65) translateX(15px) rotateY(36deg)}
  .memory-experiment .context-aperture{top:15%;width:95px;height:130px}
  .memory-experiment .retrieved-record{top:30%}
  .experiment-labels{display:none}
  .memory-tabs button{min-height:48px}
  .memory-panels{min-height:216px;padding-top:20px}
}
@media(max-width:380px){.js .stack-rail{left:6px;right:6px}.skip-stack{margin-right:14px}}
@media(max-width:760px) and (max-height:720px){.js .layer-caption{top:50%}}

/* codex-provenance: created-by="OpenAI Codex" date="2026-09-06" */
/* Paired-phone fragment for the .app-composition host; it does not alter outer project layout. */
.app-composition.interface-study{isolation:isolate;background:linear-gradient(135deg,#e9edef 0%,#dbe2e5 52%,#cdd9dc 100%);color:#18232b;font-family:Outfit,sans-serif}
.app-composition .interface-word{position:absolute;left:5%;top:6%;z-index:0;font-family:Manrope,sans-serif;font-size:clamp(88px,11vw,162px);font-weight:800;letter-spacing:-.04em;line-height:.8;color:rgba(47,88,98,.12)}
.app-composition .interface-field{position:absolute;border:1px solid rgba(41,91,101,.18);border-radius:50%;pointer-events:none}.app-composition .interface-field--one{width:66%;height:46%;right:-21%;bottom:-9%;transform:rotate(-23deg)}.app-composition .interface-field--two{width:51%;height:35%;left:-23%;top:30%;transform:rotate(39deg)}
.app-composition .interface-phone{position:absolute;z-index:1;width:205px;padding:6px;border-radius:30px;background:linear-gradient(140deg,#162028,#071016 48%,#26343a);box-shadow:17px 27px 33px rgba(29,50,55,.26),inset 0 0 0 1px rgba(255,255,255,.22);transform-style:preserve-3d}.app-composition .interface-phone--front{left:18%;top:11%;z-index:3;transform:rotateZ(-8deg) rotateY(-13deg)}.app-composition .interface-phone--back{right:10%;top:-24%;transform:rotateZ(12deg) rotateY(-16deg)}
.app-composition .interface-device{position:relative;overflow:hidden;border-radius:25px;background:#edf1f1;aspect-ratio:942 / 2048;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.app-composition .interface-island{position:absolute;z-index:5;left:50%;top:11px;width:67px;height:18px;border-radius:12px;transform:translateX(-50%);background:#071016}.app-composition .interface-screen{position:absolute;inset:0;padding:20px 13px 12px;background:linear-gradient(165deg,#f8faf9,#e2e9e9 62%,#d5e1e1);overflow:hidden}.app-composition .interface-screen::after{position:absolute;content:"";inset:0;background:linear-gradient(110deg,rgba(255,255,255,.42),transparent 31%);pointer-events:none}
.app-composition .interface-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-top:4px;font-size:8px;font-weight:600;letter-spacing:.01em;color:#253b42}.app-composition .interface-bar i{width:15px;height:15px;border:1px solid #7c9699;border-radius:50%;background:radial-gradient(circle at 35% 35%,#76b4b3 0 18%,transparent 21%)}.app-composition .interface-kicker{font-family:Manrope,sans-serif;font-size:5.5px;font-weight:700;letter-spacing:.12em;color:#5c777b}
.app-composition .interface-memory-head{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;margin-top:28px}.app-composition .interface-memory-head b,.app-composition .interface-route-head b{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.04em;font-weight:700;color:#152d34}.app-composition .interface-archive{position:relative;z-index:1;display:grid;gap:5px;margin-top:15px;padding:8px;border:1px solid #c6d2d2;border-radius:9px;background:rgba(255,255,255,.46)}.app-composition .interface-archive-row{display:grid;grid-template-columns:8px 1fr 15px;align-items:center;gap:6px}.app-composition .interface-archive-row i{width:8px;height:8px;border-radius:2px;background:#5e9798}.app-composition .interface-archive-row:nth-child(2) i{background:#7994a5}.app-composition .interface-archive-row:nth-child(3) i{background:#b1a272}.app-composition .interface-archive-row span{height:4px;border-radius:2px;background:#aebfc0}.app-composition .interface-archive-row em{height:3px;border-radius:2px;background:#d0dcdb}
.app-composition .interface-thread{position:relative;z-index:1;height:168px;margin-top:12px;border-radius:11px;background:#15262d;overflow:hidden;box-shadow:0 8px 15px rgba(24,51,56,.17)}.app-composition .interface-thread-title{position:absolute;z-index:2;top:10px;left:11px;right:11px;display:flex;justify-content:space-between;font-size:7px;color:#e8f2f0}.app-composition .interface-thread-title i{width:28px;height:4px;border-radius:2px;background:#567276}.app-composition .interface-thread svg{position:absolute;inset:27px 10px 8px;width:calc(100% - 20px);height:calc(100% - 35px);fill:none;stroke:#577d7e;stroke-width:1.4;stroke-linecap:round}.app-composition .interface-thread svg path:nth-child(2){stroke:#a99e6e;stroke-dasharray:3 4}.app-composition .interface-thread-node{position:absolute;width:7px;height:7px;border:2px solid #d6e9e4;border-radius:50%;background:#1b7775;box-shadow:0 0 0 3px rgba(71,157,151,.15)}.app-composition .interface-thread-node--a{left:17px;top:39px}.app-composition .interface-thread-node--b{right:18px;top:82px}.app-composition .interface-thread-node--c{left:61px;bottom:29px;background:#94895d}.app-composition .interface-thread-node--d{right:54px;bottom:44px;background:#698ca8}.app-composition .interface-nav{position:absolute;z-index:2;bottom:11px;left:12px;right:12px;display:flex;justify-content:space-between}.app-composition .interface-nav i{width:14px;height:3px;border-radius:2px;background:#9aadae}.app-composition .interface-nav i:first-child{background:#407b7c;width:22px}
.app-composition .interface-route-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:27px}.app-composition .interface-route-head b{grid-column:1/-1}.app-composition .interface-route-head>i{position:absolute;right:0;bottom:1px;width:13px;height:13px;border-radius:3px;background:#1f6f72;box-shadow:inset 0 0 0 3px #a8d1ca}.app-composition .interface-canvas{position:relative;z-index:1;height:238px;margin-top:16px;border:1px solid #c3d0d0;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(227,236,235,.55));overflow:hidden}.app-composition .interface-canvas::before{position:absolute;inset:0;content:"";background-image:radial-gradient(#b9cccc .65px,transparent .75px);background-size:10px 10px;opacity:.55}.app-composition .interface-canvas svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#6d9d9e;stroke-width:1.15;stroke-linecap:round}.app-composition .interface-canvas svg path:nth-child(2){stroke:#8b9eb0;stroke-dasharray:3 3}.app-composition .interface-node{position:absolute;display:flex;align-items:center;gap:4px;padding:5px 6px;border:1px solid #b1c4c4;border-radius:5px;background:rgba(250,252,251,.94);box-shadow:2px 4px 8px rgba(34,67,70,.09);font-family:Manrope,sans-serif;font-size:5.5px;font-weight:700;letter-spacing:.01em;color:#2b444a}.app-composition .interface-node i{width:5px;height:5px;border-radius:50%;background:#4f9896}.app-composition .interface-node--source{left:9px;top:29px}.app-composition .interface-node--context{right:7px;top:72px}.app-composition .interface-node--memory{left:9px;bottom:29px}.app-composition .interface-node--route{right:8px;top:140px}.app-composition .interface-node--route i{background:#8098ac}.app-composition .interface-node--app{left:84px;top:119px;border-color:#6d9798;background:#e7f0ed}.app-composition .interface-node--app i{background:#b09b61}.app-composition .interface-footer{position:relative;z-index:1;display:flex;align-items:center;gap:5px;margin-top:13px;padding:0 2px}.app-composition .interface-footer span{width:38px;height:4px;border-radius:3px;background:#1f7375}.app-composition .interface-footer i{width:20px;height:4px;border-radius:3px;background:#b3c6c7}.app-composition .interface-caption{z-index:5;bottom:17px;left:19px;padding:5px 7px;border:1px solid rgba(79,121,124,.19);border-radius:999px;background:rgba(244,248,248,.88);color:#39595d;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;box-shadow:0 3px 10px rgba(39,72,76,.08)}
@media(max-width:1100px){.app-composition .interface-phone{width:180px}.app-composition .interface-phone--front{left:10%;top:13%}.app-composition .interface-phone--back{right:3%;top:-18%}}
@media(max-width:760px){.app-composition .interface-phone{width:185px}.app-composition .interface-phone--front{left:12%;top:11%}.app-composition .interface-phone--back{right:5%;top:-14%}.app-composition .interface-caption{bottom:16px;left:18px}}
@media(max-width:380px){.app-composition .interface-phone{width:162px}.app-composition .interface-phone--front{left:9%;top:9%}.app-composition .interface-phone--back{right:1%;top:-15%}.app-composition .interface-caption{left:14px;bottom:13px;font-size:9px}.app-composition .interface-word{top:8%;font-size:82px}}
/* codex-provenance: last-edited-by="OpenAI Codex" date="2026-09-06" */
/* WARM is an architectural visualization; all narrative remains in the document. */
.warm-section{background:#10151b;color:#f5f5f7;position:relative;isolation:isolate}
.warm-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;padding-top:120px;padding-bottom:45px}
.warm-heading h2{max-width:14ch}.warm-heading>p{color:#b9c7d0;font-size:18px;max-width:57ch}
.warm-journey{position:relative}.warm-sticky{position:relative;max-width:1800px;margin:auto;padding:35px var(--gutter) 75px;isolation:isolate}
.warm-visual{height:530px;position:relative}.warm-visual canvas{width:100%;height:100%;display:block}
.warm-visual-caption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:11px;color:#a7bbc7;white-space:nowrap;letter-spacing:.02em}
.warm-fallback{position:absolute;inset:14% 20%;display:grid;place-items:center;color:#9cb4c4}.warm-fallback svg{width:50%}.warm-fallback div{position:absolute;width:100%;height:60%;border:1px solid #3c6a7c;border-radius:50%;transform:rotate(calc(var(--orbit,0)*38deg))}.warm-fallback div:nth-of-type(2){--orbit:1}.warm-fallback div:nth-of-type(3){--orbit:2}.warm-fallback div:nth-of-type(4){--orbit:3}
.warm-visual[data-ready=true] .warm-fallback{display:none}
.warm-panels{display:grid;grid-template-columns:1fr 1fr;gap:45px 8%;margin-top:45px}.warm-panel h3{font-size:36px;line-height:1.14;color:#f5f5f7}.warm-panel .warm-thesis{font-size:22px;color:#dce7eb;line-height:1.3;margin-top:24px;max-width:26ch}.warm-panel>p:not(.warm-thesis){font-size:17px;line-height:1.6;color:#b9c7d0;margin-top:20px;max-width:39ch}.warm-panel>p.warm-detail{font-size:13px;line-height:1.5;color:#97cfc5;max-width:42ch;margin-top:23px}
.warm-controls{display:none}.warm-implementation{padding-top:25px;padding-bottom:75px;display:flex;justify-content:space-between;gap:60px;align-items:start}.warm-implementation p{font-size:14px;color:#a7bbc7;max-width:90ch}.warm-implementation .text-link{flex-shrink:0;font-size:14px;color:#d7ece7}
.js .warm-journey{height:295svh}.js .warm-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;padding:0;max-width:none}
.js .warm-visual{position:absolute;inset:65px 0 85px 37%;height:auto}.js .warm-panels{display:block;margin:0;position:absolute;top:50%;left:var(--gutter);width:33%;max-width:460px;transform:translateY(-50%)}
.js .warm-panel{position:absolute;top:50%;width:100%;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 18px));transition:transform .6s var(--ease);pointer-events:none}
.js .warm-panel.is-active{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}
.js .warm-controls{display:flex;gap:25px;align-items:center;position:absolute;left:var(--gutter);right:var(--gutter);bottom:22px;min-height:52px}
.warm-controls button{display:flex;align-items:center;gap:9px;min-height:48px;font-size:13px;line-height:1.3;color:#a7bbc7;text-align:left;transition:color .2s}.warm-controls button:hover,.warm-controls button[aria-pressed=true]{color:#fff}.warm-stop{display:block;width:7px;height:7px;border:1px solid #5d7b8e;border-radius:50%;flex-shrink:0;transition:background .25s,border-color .25s}.warm-controls button[aria-pressed=true] .warm-stop{background:#9acfc4;border-color:#9acfc4}.warm-controls>a{display:flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;font-size:13px;color:#d2e3ea}.warm-controls>a svg{width:18px}
.system-details{margin-top:26px}.system-details details{border-top:1px solid var(--line)}.system-details details:last-child{border-bottom:1px solid var(--line)}.system-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:19px 0;min-height:70px}.system-details summary::-webkit-details-marker{display:none}.system-details summary>span{display:grid;gap:7px}.system-details strong{font-family:Manrope,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em}.system-details summary span span{font-size:13px;color:#556673;line-height:1.4}.system-details summary svg{width:18px;height:18px;transition:transform .3s var(--ease)}.system-details details[open] summary svg{transform:rotate(45deg)}.system-details details>p{font-size:15px;line-height:1.6;color:var(--secondary);padding:0 20px 22px 0;max-width:58ch}.work-project{align-items:start}.project-visual-wrap{position:sticky;top:140px;align-self:start}.project-copy>h3{max-width:21ch}.system-node{transition:border-color .5s,background .5s,transform .6s var(--ease)}.system-node.is-connected{background:#263a44;border-color:#84b7b2;transform:translateY(-5px)}
.brand-section{background:#10151b;color:#f5f5f7;padding:115px 0 110px;overflow:hidden}.brand-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:start}.brand-heading h2{max-width:15ch}.brand-heading>p{font-size:18px;color:#bac7d0;max-width:56ch}
.brand-studio{margin-top:35px}.studio-visual{height:min(67vw,640px);min-height:380px;position:relative}.studio-visual canvas{display:block;width:100%;height:100%}.studio-fallback{position:absolute;inset:10% 25%;display:grid;place-items:center;color:#aebfc9;filter:drop-shadow(16px 22px 20px #0005)}.studio-fallback svg{width:100%;height:auto}.studio-visual[data-ready=true] .studio-fallback{display:none}.studio-caption{position:absolute;bottom:14px;left:0;font-size:12px;line-height:1.5;color:#a7bbc7}
.studio-controls{border-top:1px solid #354651;display:grid;grid-template-columns:1fr auto;gap:22px 60px;padding-top:25px}.studio-inputs{display:flex;gap:10%;max-width:760px}.studio-inputs label{display:grid;gap:14px;flex:1;min-width:0}.studio-inputs label>span{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:#e3eaf0}.studio-inputs output{font-size:12px;font-variant-numeric:tabular-nums;color:#9dbcc6}.studio-inputs input{display:block;width:100%;margin:0;accent-color:#afd0d3;min-height:44px;cursor:pointer}.studio-inputs input:focus-visible{outline:2px solid #9ed7d2;outline-offset:5px;border-radius:2px}.studio-controls>button{font-size:13px;align-self:center;color:#e0edee;min-height:44px}.studio-controls>p{font-size:12px;color:#a7bbc7;grid-column:1/-1}.studio-controls[data-unavailable=true] .studio-inputs{opacity:.45}.studio-controls[data-unavailable=true] input{cursor:not-allowed}
.brand-practice{margin-top:90px;display:grid;grid-template-columns:1.05fr 1fr;gap:10%}.brand-principle>p{font-family:Manrope,sans-serif;font-size:clamp(26px,3vw,42px);line-height:1.25;letter-spacing:-.03em;color:#d7e6eb;max-width:20ch;text-wrap:balance}.brand-palette{display:flex;gap:5px;margin-top:35px;max-width:290px}.brand-palette i{display:block;flex:1;height:32px}.brand-notes article+article{margin-top:42px;padding-top:35px;border-top:1px solid #354651}.brand-notes h3{font-size:25px;color:#f1f4f5}.brand-notes p{font-size:17px;line-height:1.6;color:#bac7d0;margin-top:18px;max-width:58ch}
.motion-paused .warm-journey{height:auto}.motion-paused .warm-sticky{position:relative;height:auto;min-height:0;overflow:visible;padding:20px var(--gutter) 75px}.motion-paused .warm-visual{position:relative;inset:auto;height:440px}.motion-paused .warm-panels{position:relative;inset:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:45px 8%;width:100%;max-width:none;margin-top:45px}.motion-paused .warm-panel{position:relative;inset:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto}.motion-paused .warm-controls{position:relative;inset:auto;flex-wrap:wrap;margin-top:45px}.motion-paused .warm-controls>a{margin-left:0}
@media(max-width:1100px){.warm-controls button{font-size:12px}.js .warm-controls{gap:18px}.warm-panel h3{font-size:31px}.warm-panel .warm-thesis{font-size:21px}.warm-panel>p:not(.warm-thesis){font-size:16px}.js .warm-panels{width:35%}.js .warm-visual{left:39%}.project-visual-wrap{top:120px}.studio-controls{column-gap:35px}}
@media(max-width:760px){
 .warm-heading{grid-template-columns:1fr;gap:25px;padding-top:75px;padding-bottom:10px}.warm-heading h2{max-width:17ch}.warm-heading>p{font-size:17px}
 .js .warm-journey{height:280svh}.js .warm-sticky{min-height:0;height:100svh}.js .warm-visual{left:0;right:0;top:64px;bottom:auto;height:34svh}.warm-visual-caption{bottom:3px;font-size:10px}
 .js .warm-panels{left:var(--gutter);right:var(--gutter);top:calc(34svh + 85px);width:auto;max-width:none;transform:none}.js .warm-panel{top:0;transform:translateY(15px)}.js .warm-panel.is-active{transform:none}.warm-panel h3{font-size:30px}.warm-panel .warm-thesis{font-size:19px;line-height:1.3;margin-top:13px;max-width:32ch}.warm-panel>p:not(.warm-thesis){font-size:15px;line-height:1.5;margin-top:13px;max-width:52ch}.warm-panel>p.warm-detail{font-size:12px;line-height:1.4;margin-top:13px;color:#a6d6cd;max-width:50ch}
 .js .warm-controls{left:var(--gutter);right:var(--gutter);bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px 12px;align-items:center}.warm-controls button{display:block;font-size:11px;line-height:1.25;min-height:44px;padding:4px 0}.warm-stop{width:20px;height:2px;border-radius:0;margin-bottom:6px}.warm-controls>a{grid-column:1/-1;justify-self:end;min-height:36px;font-size:12px}.warm-controls>a svg{width:16px}.warm-implementation{display:block;padding-top:20px;padding-bottom:55px}.warm-implementation p{font-size:13px}.warm-implementation .text-link{margin-top:20px}
 .warm-panels{grid-template-columns:1fr}.project-visual-wrap{position:relative;top:auto}.work-project{padding-bottom:75px}.system-details{margin-top:25px}.system-details summary{padding:18px 0}.system-details summary span span{font-size:13px}.system-details details>p{font-size:15px;padding-right:0}
 .brand-section{padding-top:75px;padding-bottom:75px}.brand-heading{grid-template-columns:1fr;gap:25px}.brand-heading h2{max-width:16ch}.brand-heading>p{font-size:17px}.brand-studio{margin-top:5px}.studio-visual{height:380px;min-height:0;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}.studio-caption{left:var(--gutter);right:var(--gutter);font-size:10px;bottom:12px}.studio-controls{display:flex;flex-wrap:wrap;gap:15px;padding-top:22px}.studio-inputs{width:100%;gap:25px}.studio-inputs label>span{font-size:13px}.studio-inputs output{font-size:11px}.studio-controls>button{margin-left:auto}.studio-controls>p{width:100%;font-size:12px}.brand-practice{margin-top:55px;grid-template-columns:1fr;gap:45px}.brand-principle>p{font-size:31px;max-width:25ch}.brand-palette{margin-top:28px;max-width:220px}.brand-palette i{height:25px}.brand-notes h3{font-size:24px}.brand-notes p{font-size:16px}.brand-notes article+article{margin-top:30px;padding-top:30px}
 .motion-paused .warm-sticky{padding-left:var(--gutter);padding-right:var(--gutter)}.motion-paused .warm-visual{height:320px;top:auto;left:auto;right:auto}.motion-paused .warm-panels{position:relative;inset:auto;grid-template-columns:1fr;width:100%;margin-top:30px}.motion-paused .warm-panel{position:relative;inset:auto;transform:none!important}.motion-paused .warm-controls{position:relative;inset:auto;margin-top:32px}.motion-paused .warm-panel .warm-thesis{margin-top:15px}
}
@media(max-width:760px) and (max-height:720px){.js .warm-visual{top:57px;height:31svh}.js .warm-panels{top:calc(31svh + 71px)}.warm-panel h3{font-size:26px}.warm-panel .warm-thesis{font-size:17px;margin-top:9px}.warm-panel>p:not(.warm-thesis){font-size:14px;line-height:1.45;margin-top:9px}.warm-panel>p.warm-detail{font-size:11px;margin-top:10px}.warm-visual-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.warm-panel,.warm-stop,.system-node,.system-details svg{transition:none}}
/* Short phones reserve enough room for the complete stage explanation. */
@media(max-width:760px) and (max-height:620px){
 .js .warm-visual{top:64px;height:23svh}
 .js .warm-panels{top:calc(23svh + 76px)}
 .warm-panel h3{font-size:24px}
 .warm-panel .warm-thesis{font-size:16px;line-height:1.25}
 .js .warm-panel>p.warm-detail{display:none}
 .motion-paused .warm-visual{height:300px;top:auto}
 .motion-paused .warm-panels{top:auto}
 .motion-paused .warm-panel>p.warm-detail{display:block}
}
html:not(.js) .studio-controls{display:none}
.desktop-nav a[aria-current=location]::after{transform:scaleX(1)}
.work-project,.project-copy,.system-details summary{scroll-margin-top:96px}
@media(min-width:761px){.js .warm-controls{bottom:32px}.warm-controls>a{min-height:48px}.warm-visual-caption{font-size:12px}}
@media(max-width:760px){.warm-controls button{font-size:11px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:7px;line-height:1.25}.warm-stop{margin-bottom:5px}.js .warm-controls{gap:2px 8px}.warm-controls button:last-of-type{font-size:10px}}

/* Editorial copy additions retain the stack's title/subhead hierarchy and brand-note cadence. */
.stack-intro h2{font-size:clamp(32px,3.5vw,52px);line-height:1.18;letter-spacing:-.035em;max-width:17ch;text-wrap:balance}
.stack-intro>p{font-family:Outfit,sans-serif;font-size:clamp(17px,1.3vw,20px);line-height:1.55;letter-spacing:normal;max-width:32ch;margin-top:20px;text-wrap:pretty}
.brand-notes .brand-note-thesis{font-family:Manrope,sans-serif;font-size:clamp(19px,1.65vw,24px);font-weight:500;line-height:1.3;letter-spacing:-.025em;color:#dce7eb;max-width:27ch}
@media(max-width:760px){
 .stack-intro h2{font-size:34px;max-width:19ch}
 .stack-intro>p{font-size:17px;line-height:1.5;margin-top:14px;max-width:30ch}
 .brand-notes .brand-note-thesis{font-size:20px;line-height:1.35;margin-top:16px}
 .js .scroll-cue{display:none}
}
/* The opening stage exceeds the shortest viewport instead of hiding the supplied CTA. */
@media(max-width:760px) and (max-height:620px){
 html.js:not(.motion-paused) .world-sticky{position:sticky;top:min(0px,calc(100svh - 620px));height:620px;min-height:620px;overflow:hidden}
 html.js:not(.motion-paused) .hero-copy{margin-top:20px}
}
/* Motion upgrade 2026-10-20: live pulses and spring tilt for the Work architecture diagram. */
.system-composition{perspective:950px}.system-stage{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.system-stage .system-core{transform:translateZ(60px) rotate(-10deg);box-shadow:0 0 calc(var(--core-glow,0)*26px) rgba(159,195,216,calc(var(--core-glow,0)*.55)),8px 14px 22px rgba(0,0,0,.35)}
.system-stage .system-node{transform:translateZ(34px)}.system-stage .system-node.is-connected{transform:translateZ(34px) translateY(-5px)}
.system-stage .system-orbit{opacity:.9}.system-stage .system-links{transform:translateZ(0)}
.system-pulses{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translateZ(8px)}
.pulse-trail{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:.22 1.4;stroke-dashoffset:.22;opacity:0}
.pulse-head,.pulse-halo{opacity:0}
.system-node::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--node-color);box-shadow:0 0 22px 1px color-mix(in srgb,var(--node-color) 60%,transparent),inset 0 0 14px color-mix(in srgb,var(--node-color) 35%,transparent);opacity:0;transition:opacity 1.1s var(--ease);pointer-events:none}
.system-node.is-hit::after{opacity:1;transition:opacity .08s linear}
.system-node i{transition:transform .9s var(--ease)}.system-node.is-hit i{transform:scale(2.1);transition:transform .08s linear}
.motion-paused .system-stage{transform:none!important}.motion-paused .pulse-trail,.motion-paused .pulse-head,.motion-paused .pulse-halo{display:none}
@media(prefers-reduced-motion:reduce){.system-stage{transform:none!important}.system-pulses{display:none}.system-node::after{display:none}}

/* Watch it work, free files and follow along, 2026-10-25. */
.watch-section{padding-top:130px;padding-bottom:135px;background:var(--paper);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:65px 8%;align-items:start}.watch-heading h2{max-width:10ch}
.watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:end;gap:clamp(28px,4vw,64px)}
.watch-film{margin:0;display:flex;flex-direction:column;gap:26px}
.watch-frame{position:relative;width:100%;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--night);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 30px 60px -28px rgba(16,21,27,.55),0 10px 22px -12px rgba(16,21,27,.35);transform:translateZ(0)}
.watch-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--night)}
.watch-controls{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;pointer-events:none}
.watch-controls button{pointer-events:auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--paper);background:rgba(16,21,27,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(245,245,247,.16) inset;transition:background .3s,transform .4s var(--ease)}
.watch-controls button:hover{background:rgba(60,90,114,.82);transform:translateY(-2px)}.watch-controls svg{width:20px;height:20px;stroke-width:1.6}
/* Film play/pause follows the video's own state, never the header Motion state (.play-glyph and .pause-glyph are shared with the Motion toggle). */
.watch-controls .watch-play .play-glyph{display:block;fill:currentColor;stroke-width:1.2;transform:translateX(.5px)}.watch-controls .watch-play .pause-glyph{display:none;stroke-width:2.2}.watch-controls .watch-play[aria-pressed=true] .play-glyph{display:none}.watch-controls .watch-play[aria-pressed=true] .pause-glyph{display:block}
.watch-sound .sound-on-glyph,.watch-sound[aria-pressed=true] .sound-off-glyph{display:none}.watch-sound[aria-pressed=true] .sound-on-glyph{display:block}
.watch-film figcaption{border-top:1px solid var(--line);padding-top:22px}.watch-film h3{font-size:25px}.watch-film figcaption p{margin-top:12px;font-size:16px;color:var(--secondary);max-width:36ch}
.desktop-nav .nav-files{padding-left:28px;border-left:1px solid currentColor;border-left-color:color-mix(in srgb,currentColor 25%,transparent)}
.follow-section{background:#171c23;color:var(--paper);border-top:1px solid #35404c}.follow-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;padding-bottom:84px;align-items:baseline}.follow-content p{font-size:18px;color:#b6c2cc;max-width:46ch}
.follow-link{color:var(--paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;transition:color .3s}.follow-link:hover{color:#9bc4d6}
@media(max-width:1100px){.watch-section{grid-template-columns:1fr;gap:50px}.watch-grid{justify-content:start}.desktop-nav .nav-files{padding-left:18px}}
@media(max-width:760px){.watch-section{padding-top:90px;padding-bottom:95px;gap:36px}.watch-grid{grid-template-columns:1fr;gap:64px;justify-content:stretch}.watch-film{align-items:center;gap:22px}.watch-frame{width:min(100%,320px)}.watch-film figcaption{width:100%;max-width:320px}.desktop-nav .nav-files{border-left:0;padding-left:0}.follow-content{grid-template-columns:1fr;gap:20px;padding-top:64px;padding-bottom:68px}}
.motion-paused .watch-controls button,.motion-paused .follow-link{transition:none}