@font-face{font-family:display;src:url(../media/league_spartan_700-s.p.32snlzrbv4loj.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:69.96%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:100.06%}.display_53856679-module__6PP6SG__className{font-family:display,display Fallback;font-weight:700}.display_53856679-module__6PP6SG__variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/inter_var-s.p.2bn3s6zvc0dyp.woff2)format("woff2");font-display:swap}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.body_8f18afc9-module__cylera__className{font-family:body,body Fallback}.body_8f18afc9-module__cylera__variable{--font-body:"body", "body Fallback"}
@font-face{font-family:mono;src:url(../media/jetbrains_mono_var-s.p.3t6q91iet4nsy.woff2)format("woff2");font-display:swap}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.mono_34f205f6-module__11hLMG__className{font-family:mono,mono Fallback}.mono_34f205f6-module__11hLMG__variable{--font-mono:"mono", "mono Fallback"}
:root{--bg:#f5f6f8;--paper:#fff;--ink:#202327;--muted:#62676d;--line:#d9dde2;--coral:#de482e;--coral-light:#f8ded7;--teal:#246d64;--teal-light:#dcebe8;--violet:#706096;--violet-light:#e8e4f0;--yellow:#e9ed9e;--gutter:64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#9a9da3 var(--bg);scroll-padding-top:96px}body{color:var(--ink);background:var(--bg);font-family:var(--font-body), sans-serif;-webkit-font-smoothing:antialiased;margin:0}body,button,a,input{letter-spacing:0}::selection{color:var(--ink);background:var(--yellow)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:6px}button:disabled{cursor:default}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display), sans-serif;text-wrap:balance;font-weight:700}p{line-height:1.7}img{max-width:100%;height:auto;display:block}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:14px 24px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{height:92px;padding:0 var(--gutter);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:32px;display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:12px;display:flex}.brand-mark{font-family:var(--font-display);font-size:56px;line-height:.85}.brand-mark span{color:var(--coral)}.wordmark>span:last-child{font-size:11px;font-weight:650;line-height:1.12}.desktop-nav{gap:34px;margin-left:auto;display:flex}.desktop-nav a{font-size:13px;transition:color .18s}.desktop-nav a:hover{color:var(--coral)}.header-contact{border-bottom:1px solid var(--ink);align-items:center;gap:20px;margin-left:56px;padding:9px 0;font-size:13px;display:inline-flex}.header-contact:hover svg{transform:translate(2px,-2px)}.header-contact svg{transition:transform .18s}.icon-button{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .18s;display:inline-flex}.icon-button:hover{background:var(--line)}.menu-toggle,.mobile-nav,.mobile-only{display:none}.hero{isolation:isolate;height:calc(100svh - 260px);min-height:650px;max-height:800px;position:relative}.hero-copy{top:80px;left:var(--gutter);z-index:3;pointer-events:none;position:absolute}.hero-copy h1{font-size:96px;line-height:.89}.hero-copy h1>span:first-child{color:var(--muted)}.hero-period{color:var(--coral)}.hero-positioning{margin-top:35px;font-size:22px;line-height:1.4}.hero-description{color:var(--muted);max-width:350px;margin-top:14px;font-size:14px}.round-link{pointer-events:auto;align-items:center;gap:13px;margin-top:38px;font-size:13px;display:inline-flex}.arrow-circle{border:1px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;transition:background .2s,color .2s;display:flex}.round-link:hover .arrow-circle{background:var(--ink);color:var(--paper)}.hero-world{z-index:1;position:absolute;inset:0 0 40px 30%;overflow:hidden}.knowledge-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;position:relative}.knowledge-canvas:active{cursor:grabbing}.knowledge-canvas canvas{width:100%;height:100%;position:absolute;inset:0}.scene-labels{pointer-events:none;position:absolute;inset:0}.scene-label{border:1px solid var(--line);background:var(--bg);white-space:nowrap;pointer-events:auto;visibility:hidden;border-radius:3px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;transition:background .18s,border-color .18s;display:flex;position:absolute;top:0;left:0}.is-ready .scene-label,.is-unavailable .scene-label{visibility:visible}.is-unavailable .scene-labels{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.is-unavailable .scene-label{position:static;transform:none!important}.is-unavailable .scene-fallback{display:none}.scene-label>span{background:var(--coral);width:5px;height:5px}.scene-label-control>span{background:var(--teal)}.scene-label-engineering>span{background:var(--violet)}.scene-label:hover,.scene-label[aria-pressed=true]{background:var(--paper);border-color:var(--ink)}.hero-side-note{writing-mode:vertical-rl;font-family:var(--font-mono);color:var(--muted);align-items:center;gap:16px;font-size:9px;display:flex;position:absolute;top:30%;right:29px}.vertical-rule{background:var(--line);width:1px;height:80px}.hero-floor{bottom:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);min-height:70px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute}.hero-tools{align-items:center;gap:9px;display:flex}.scene-note{margin-right:12px;font-size:10px}.scene-detail{z-index:5;background:var(--paper);border:1px solid var(--line);border-radius:5px;width:320px;padding:25px;position:absolute;bottom:105px;right:90px;box-shadow:0 12px 40px #2023270c}.scene-detail>button{position:absolute;top:4px;right:4px}.scene-detail h2{max-width:230px;font-size:26px;line-height:1.15}.scene-detail p{color:var(--muted);margin-top:12px;font-size:13px}.scene-detail a{color:var(--tone);align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.scene-fallback{height:100%;color:var(--muted);justify-content:center;align-items:center;gap:25px;display:flex}.scene-fallback span{border:1px solid var(--line);border-radius:50%;place-items:center;width:120px;height:120px;font-size:12px;display:grid}.tone-coral{--tone:var(--coral);--tone-bg:var(--coral-light)}.tone-teal{--tone:var(--teal);--tone-bg:var(--teal-light)}.tone-violet{--tone:var(--violet);--tone-bg:var(--violet-light)}.section-pad{padding:110px var(--gutter)}.section-intro{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:62px;display:flex}.section-intro h2{font-size:60px;line-height:1}.section-intro h2>span,.about-heading h2>span{color:var(--coral)}.section-intro>p{color:var(--muted);min-width:290px;font-size:14px}.thinking-section{background:var(--paper)}.thinking-body{grid-template-columns:.9fr 1.25fr;align-items:start;gap:85px;display:grid}.topic-list{flex-direction:column;display:flex}.topic-list button{border-bottom:1px solid var(--line);text-align:left;color:var(--muted);background:0 0;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:23px;display:flex}.topic-list button:first-child{border-top:1px solid var(--line)}.topic-list button.is-active{color:var(--ink)}.topic-list button svg{transition:transform .25s;transform:rotate(45deg)}.topic-list button.is-active svg{color:var(--coral);transform:rotate(0)}.topic-panel{border-left:1px solid var(--line);flex-direction:column;min-height:340px;padding:0 0 0 40px;display:flex;position:relative}.topic-symbol{font-family:var(--font-display);color:var(--tone);height:95px;font-size:100px;line-height:1}.topic-symbol svg{stroke-width:1.5px;width:72px;height:72px}.topic-panel h3{margin:10px 0 14px;font-size:30px;line-height:1.15}.topic-panel p{max-width:480px;color:var(--muted);font-size:14px}.text-link{align-items:center;gap:16px;font-size:13px;line-height:1.6;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.topic-panel .text-link{color:var(--tone);margin-top:22px}.topic-tags{color:var(--muted);flex-wrap:wrap;gap:17px;margin-top:auto;padding-top:28px;font-size:10px;display:flex}.topic-tags span+span:before{content:"/";color:var(--line);margin-right:17px}.work-section{padding-bottom:115px}.project-list{flex-direction:column;gap:90px;display:flex}.project{grid-template-columns:1.55fr 1fr;align-items:center;gap:65px;display:grid}.project-visual{min-width:0}.project-1 .project-visual{order:2}.project-link{margin-top:28px}.project-kind{color:var(--muted);margin-bottom:22px;font-size:11px;display:block}.project-copy h3{margin-bottom:20px;font-size:40px;line-height:1.08}.project-copy p{color:var(--muted);font-size:14px}.project-domains{flex-wrap:wrap;gap:14px;margin-top:28px;font-size:10px;display:flex}.project-domains span{border-bottom:1px solid var(--line);padding-bottom:7px}.project-1{grid-template-columns:1fr 1.55fr}.principle-band{background:var(--ink);color:var(--paper);padding:105px var(--gutter);flex-direction:column;align-items:flex-start;display:flex}.principle-band>span{font-family:var(--font-display);font-size:70px;line-height:1.1}.principle-band>span:nth-child(2){color:#b8c4c2;align-self:center}.principle-band>span:nth-child(3){align-self:flex-end}.accent{color:#f28068}.notes-section{background:var(--paper)}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.note{min-width:0}.note-art{background:var(--tone-bg);justify-content:center;align-items:center;height:235px;display:flex;overflow:hidden}.note-copy{padding:25px 28px 30px 0;position:relative}.note-copy>span{color:var(--muted);font-size:10px}.note-copy h3{margin:15px 0 13px;font-size:31px;line-height:1.08}.note-copy p{color:var(--muted);font-size:12px}.note-arrow{transition:transform .2s;position:absolute;top:22px;right:0}.note:hover .note-arrow{transform:translate(3px,-3px)}.art-chain{transition:transform .5s;display:flex;transform:rotate(-30deg)}.art-chain span{border:2px solid var(--tone);border-radius:50%;width:97px;height:58px;margin-left:-26px}.art-chain span:nth-child(2){background:var(--tone)}.note:hover .art-chain{transform:rotate(-20deg)scale(1.06)}.art-control{grid-template-columns:repeat(2,60px);gap:10px;transition:transform .5s;display:grid;transform:rotate(-20deg)}.art-control span{border:1px solid var(--tone);width:60px;height:60px}.art-control span:last-child{background:var(--tone);transition:transform .5s;transform:translate(13px,13px)}.note:hover .art-control{transform:rotate(0)}.note:hover .art-control span:last-child{transform:translate(0)}.art-grammar{font-family:var(--font-mono);color:var(--tone);font-size:90px;line-height:1;position:relative}.art-grammar>span{background:var(--tone);width:23px;height:38px;transition:transform .5s;display:block;position:absolute;top:28px;left:calc(50% - 11px);transform:rotate(15deg)}.note:hover .art-grammar>span{transform:rotate(90deg)}.about-section{grid-template-columns:1.1fr 1fr;align-items:start;gap:100px;padding-top:120px;padding-bottom:120px;display:grid}.about-heading h2{margin-bottom:30px;font-size:58px;line-height:1.04}.about-heading>p{color:var(--muted);font-size:12px}.about-copy p{color:var(--muted);max-width:510px;margin-bottom:17px;font-size:14px}.about-copy .text-link{margin-top:12px}.about-footnote{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:20px;margin-top:35px;padding-top:18px;font-size:10px;display:flex}.about-footnote svg{margin-left:auto}.contact-section{background:var(--yellow);padding:50px var(--gutter) 44px}.contact-top{justify-content:space-between;align-items:center;font-size:12px;display:flex}.availability{align-items:center;gap:8px;font-size:10px;display:inline-flex}.availability>span{background:var(--teal);border-radius:50%;width:6px;height:6px}.contact-title{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:40px;margin:55px 0 45px;font-size:96px;line-height:.95;display:flex}.contact-title>svg{stroke-width:1px;width:120px;height:120px;transition:transform .3s}.contact-title:hover>svg{transform:translate(8px,-8px)}.contact-bottom{border-top:1px solid #20232730;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:25px;display:flex}.contact-bottom>a{font-size:19px}.contact-bottom>a:hover{text-underline-offset:5px;text-decoration:underline}.contact-bottom p{font-size:11px}.site-footer{padding:36px var(--gutter) 25px;flex-wrap:wrap;align-items:center;gap:25px;display:flex}.footer-brand{font-family:var(--font-display);font-size:23px}.footer-brand>span{margin-left:4px;font-size:13px}.site-footer>span{color:var(--muted);margin-left:auto;font-size:10px}.site-footer>a:last-of-type{align-items:center;gap:6px;font-size:11px;display:flex}.site-footer small{color:var(--muted);border-top:1px solid var(--line);flex-basis:100%;margin-top:8px;padding-top:20px;font-size:9px}.article-header{padding:70px var(--gutter) 60px;max-width:1200px}.back-link{color:var(--muted);align-items:center;gap:10px;margin-bottom:55px;font-size:12px;display:inline-flex}.article-category{color:var(--tone);margin-bottom:20px;font-size:12px}.article-header h1{max-width:900px;font-size:78px;line-height:1}.article-intro{color:var(--muted);max-width:740px;margin-top:32px;font-size:21px}.article-layout{padding:60px var(--gutter) 100px;background:var(--paper);grid-template-columns:.55fr 1.45fr;gap:70px;display:grid}.article-aside{color:var(--muted);font-size:12px}.article-aside p{margin-bottom:18px}.article-body{max-width:710px}.article-body>p{margin-bottom:28px;font-size:17px;line-height:1.85}.article-takeaway{font-family:var(--font-display);color:var(--tone);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:45px 0;padding:30px 0;font-size:38px;line-height:1.14}.article-next{background:var(--tone-bg);justify-content:space-between;align-items:center;gap:20px;margin-top:50px;padding:28px;display:flex}.article-next p{color:var(--muted);font-size:11px}.article-next h2{margin-top:8px;font-size:27px;line-height:1.2}.project-full-image{padding:55px var(--gutter);background:var(--tone-bg);margin:0}.project-full-image img{border:1px solid #20232720;width:100%;max-width:1300px;margin:auto}.error-page{min-height:70vh;padding:100px var(--gutter)}.error-page h1{margin-bottom:25px;font-size:70px;line-height:1.05}.error-page .text-link{margin-top:30px}@media (min-width:1600px){:root{--gutter:100px}.hero-copy{top:80px}.hero-world{inset:-60px 20px 40px 29%}.hero-copy h1{font-size:96px}.section-pad{padding-left:max(var(--gutter), calc((100% - 1420px)/2));padding-right:max(var(--gutter), calc((100% - 1420px)/2))}}@media (max-width:1100px){:root{--gutter:36px}.header-contact{margin-left:20px}.hero-copy h1{font-size:80px}.hero-copy{top:70px}.hero-positioning{font-size:22px}.hero-description{max-width:310px}.hero-world{inset:-15px 0 50px 26%}.hero-side-note{right:10px}.section-intro h2{font-size:51px}.thinking-body{gap:35px}.topic-list button{font-size:20px}.topic-panel{padding-left:25px}.project{gap:35px}.project-copy h3{font-size:34px}.principle-band>span{font-size:55px}.notes-grid{gap:22px}.note-art{height:200px}.note-copy h3{font-size:27px}.about-section{gap:55px}.about-heading h2{font-size:46px}}@media (min-width:761px) and (max-width:1000px){.hero-copy{top:35px;right:var(--gutter);grid-template-columns:1fr 1fr;align-items:center;column-gap:40px;display:grid}.hero-copy h1{grid-row:span 2;font-size:72px}.hero-positioning{margin:0}.hero-description{margin-top:12px}.hero-copy .round-link{margin-top:15px}.hero-world{inset:230px 0 60px}.scene-detail{bottom:100px;right:40px}}@media (max-width:760px){:root{--gutter:24px}html{scroll-padding-top:92px}.site-header{gap:12px;height:76px}.brand-mark{font-size:44px}.wordmark{gap:8px}.wordmark>span:last-child{font-size:9px}.desktop-nav{display:none}.header-contact{gap:8px;margin-left:auto;font-size:11px}.menu-toggle{margin-right:-8px;display:inline-flex}.mobile-nav{overscroll-behavior:contain;background:var(--paper);flex-direction:column;max-height:calc(100dvh - 76px);padding:10px 24px 24px;display:flex;position:absolute;top:76px;left:0;right:0;overflow-y:auto;box-shadow:0 25px 30px #20232715}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;font-size:20px;display:flex}.hero{height:auto;min-height:780px;max-height:none}.hero-copy{top:32px;right:var(--gutter);display:block}.hero-copy h1{font-size:63px;line-height:.9}.hero-positioning{margin:24px 0 0;font-size:22px;line-height:1.4}.hero-description{max-width:350px;margin-top:12px;font-size:14px}.round-link{gap:9px;margin-top:25px;font-size:11px}.arrow-circle{width:32px;height:32px}.arrow-circle svg{width:16px}.hero-world{inset:405px 0 63px}.hero-side-note{display:none}.hero-floor{gap:8px;min-height:60px;font-size:9px}.hero-tools{gap:0}.hero-tools .icon-button{width:30px}.scene-note{display:none}.scene-label{gap:6px;padding:8px;font-size:9px}.mobile-only{display:block}.scene-detail{width:auto;padding:21px;bottom:83px;left:24px;right:24px}.scene-detail h2{font-size:25px}.scene-detail p{margin-top:8px}.scene-fallback{gap:5px}.scene-fallback span{width:90px;height:90px;font-size:10px}.section-pad{padding:70px var(--gutter)}.section-intro{margin-bottom:35px;display:block}.section-intro h2{font-size:42px;line-height:1.04}.section-intro>p{min-width:0;margin-top:23px;font-size:13px}.section-intro>a{margin-top:20px}.thinking-body{display:block}.topic-list button{padding:19px 0;font-size:20px}.topic-panel{border:0;min-height:330px;margin-top:32px;padding:0}.topic-symbol{height:80px;font-size:80px}.topic-panel h3{font-size:30px}.topic-panel p{font-size:14px}.topic-tags{gap:10px}.topic-tags span+span:before{margin-right:10px}.project-list{gap:50px}.project,.project-1{flex-direction:column;align-items:stretch;gap:25px;display:flex}.project-1 .project-visual{order:0}.project-copy h3{margin-bottom:15px;font-size:34px}.project-kind{margin-bottom:14px;font-size:10px}.project-copy p{font-size:13px}.project-domains{margin-top:18px}.principle-band{padding:65px var(--gutter);gap:13px}.principle-band>span{font-size:34px;line-height:1.07}.principle-band>span:nth-child(2),.principle-band>span:nth-child(3){align-self:flex-start}.notes-grid{grid-template-columns:1fr;gap:25px}.note-art{height:240px}.note-copy{padding-bottom:15px}.note-copy h3{font-size:32px}.note-copy p{font-size:13px}.about-section{grid-template-columns:1fr;gap:38px}.about-heading h2{font-size:42px}.about-footnote{gap:12px;font-size:9px}.contact-section{padding:35px var(--gutter)}.contact-top{align-items:flex-start;gap:20px;font-size:11px}.availability{max-width:110px;font-size:9px}.availability>span{flex-shrink:0}.contact-title{gap:12px;margin:45px 0 35px;font-size:56px}.contact-title>svg{width:60px;height:60px}.contact-bottom{display:block}.contact-bottom>a{font-size:16px}.contact-bottom p{margin-top:18px;font-size:10px}.site-footer{padding:30px var(--gutter) 25px;gap:20px}.site-footer>span{flex-basis:100%;order:2;margin-left:0}.site-footer>a:last-of-type{margin-left:auto}.site-footer small{order:3;line-height:1.8}.article-header{padding:40px var(--gutter)}.back-link{margin-bottom:35px}.article-header h1{overflow-wrap:anywhere;font-size:49px}.article-intro{margin-top:25px;font-size:17px}.article-layout{padding:40px var(--gutter) 65px;display:block}.article-aside{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:20px}.article-aside p{margin-bottom:8px}.article-body>p{font-size:15px;line-height:1.8}.article-takeaway{font-size:31px}.article-next{padding:20px}.article-next h2{font-size:24px}.project-full-image{padding:25px 15px}.error-page{padding:60px var(--gutter)}.error-page h1{font-size:49px}}@media (max-width:370px){.hero-copy h1{font-size:54px}.section-intro h2,.about-heading h2{font-size:37px}.contact-title{font-size:54px}.contact-title>svg{width:45px;height:45px}.principle-band>span{font-size:30px}.header-contact{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
