@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#f4eae1;--blue:#087fe5;--black:#050505;--orange:#ffad1f;--green:#16a84a;--red:#f02d3a;--purple:#a855f7;color:var(--black);background:var(--cream);font-synthesis:none;font-family:Geist Variable,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid}button{color:inherit}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;font-weight:650}h2{font-size:clamp(38px,4.8vw,72px);line-height:1.01}h3{font-size:28px;line-height:1.1}p{font-size:17px;line-height:1.55}button{border:1px solid var(--black);background:0 0}[hidden]{display:none!important}.eyebrow{letter-spacing:.095em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.5}.lead{letter-spacing:-.025em;font-size:23px;line-height:1.45}.small{font-size:13px}.button{background:var(--black);color:#fff;border:1px solid var(--black);border-radius:40px;justify-content:center;align-items:center;gap:26px;padding:16px 23px;font-size:14px;font-weight:550;transition:transform .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:14px;font-weight:550}.skip-link{background:var(--black);color:#fff;z-index:100;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.site-header{background:var(--cream);z-index:30;border-bottom:1px solid #05050526;justify-content:space-between;align-items:center;gap:30px;height:84px;padding:0 40px;display:flex;position:sticky;top:0}.brand{width:205px;display:block}.brand img{filter:brightness(0);width:100%;height:auto;display:block}.site-header nav{gap:30px;font-size:13px;display:flex}.site-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.nav-cta{padding:11px 20px;font-size:12px}.mobile-menu{display:none}.hero{background:var(--blue);border-radius:28px;margin:20px 24px 0;padding:30px 32px 22px;overflow:hidden}.hero-top{border-bottom:1px solid #05050555;justify-content:space-between;padding-bottom:18px;display:flex}.hero-layout{grid-template-columns:1.12fr 1fr;align-items:center;gap:15px;padding:42px 0 36px;display:grid}.hero h1{letter-spacing:-.075em;font-size:clamp(68px,8.3vw,134px);font-weight:750;line-height:.87}.click-word{white-space:nowrap}.asterisk{vertical-align:top;margin-left:12px;font-size:.65em;display:inline-block}.hero-copy p{max-width:440px;margin-top:30px;font-size:16px;line-height:1.55}.actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:26px;display:flex}.hero-visual{background:var(--cream);border:1px solid var(--black);border-radius:20px;margin:40px 12px 0 0;position:relative;transform:rotate(2deg);box-shadow:10px 10px #050505}.visual-caption,.visual-bottom{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.visual-caption{border-bottom:1px solid}.visual-bottom{letter-spacing:.08em;border-top:1px solid;font-size:10px}.status-dot{color:var(--green);font-size:18px}.hero-composition{background-image:linear-gradient(#05050510 1px,#0000 1px),linear-gradient(90deg,#05050510 1px,#0000 1px);background-size:28px 28px;height:390px;position:relative;overflow:hidden}.hero-composition .art{width:64%;height:65%;position:absolute;top:12%;left:8%;transform:rotate(-8deg)}.fragment{background:var(--cream);z-index:2;border:1px solid;padding:12px 15px;font-size:10px;animation:1.6s both resolve;position:absolute}.f1{top:8%;left:8%;transform:rotate(-10deg)}.f2{background:var(--purple);top:12%;right:6%;transform:rotate(10deg)}.f3{background:var(--orange);bottom:12%;left:8%;transform:rotate(-7deg)}.understood{background:var(--green);letter-spacing:-.06em;border:1px solid;padding:22px 26px;font-size:48px;font-weight:750;line-height:.9;animation:1.9s both resolve;position:absolute;bottom:13%;right:6%;transform:rotate(-5deg)}.dot-cluster{letter-spacing:3px;font-size:20px;line-height:.55;position:absolute;top:39%;right:6%}.hero-bottom{letter-spacing:.055em;border-top:1px solid #05050555;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:10px;display:flex}.hero-bottom>div{gap:22px;font-size:12px;display:flex}.section{max-width:1440px;margin:auto;padding:110px 56px}.section-heading{justify-content:space-between;align-items:end;gap:48px;margin-bottom:44px;display:flex}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p{max-width:330px}.proof{padding-bottom:65px}.below-viewer{justify-content:space-between;gap:20px;margin-top:20px;font-size:13px;display:flex}.viewer{border:1px solid var(--black);background:var(--cream);border-radius:24px;overflow:hidden}.viewer-top{border-bottom:1px solid;justify-content:space-between;padding:20px 26px;display:flex}.counter{font-size:12px}.slide{grid-template-columns:1.3fr 1fr;min-height:380px;display:grid}.slide-map{background-image:linear-gradient(#05050516 1px,#0000 1px),linear-gradient(90deg,#05050516 1px,#0000 1px);background-size:30px 30px;border-right:1px solid;justify-content:center;align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden}.step-orbit{border:1px solid;border-radius:50%;width:240px;height:240px;position:absolute}.slide-map b{letter-spacing:-.075em;font-size:80px;font-weight:450;position:absolute;top:20px;left:25px}.step-node{background:var(--orange);z-index:2;border:1px solid;border-radius:12px;padding:25px 32px;font-size:15px;transform:rotate(-5deg)}.step-line{background:var(--black);width:80%;height:1px;position:absolute}.step-end{background:var(--cream);padding:8px;font-size:28px;position:absolute;right:6%}.slide:nth-child(2n) .step-node{background:var(--green)}.slide:nth-child(3n) .step-node{background:var(--purple)}.slide-copy{flex-direction:column;justify-content:center;padding:55px 40px;display:flex}.slide-copy h3{margin:20px 0;font-size:36px}.slide-copy p{max-width:420px}.viewer-controls{border-top:1px solid;justify-content:space-between;gap:18px;padding:16px 22px;display:flex}.viewer-controls button{border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:13px}.step-buttons{gap:10px;display:flex}.step-buttons [aria-pressed=true]{background:var(--black);color:#fff}.library-section{padding-top:55px}.search-form label{margin-bottom:12px;font-size:12px;display:block}.search-box{border-bottom:1px solid;align-items:center;gap:18px;padding-bottom:15px;display:flex}.search-box>span{font-size:38px}.search-box input{outline-offset:3px;letter-spacing:-.03em;width:100%;min-width:0;color:var(--black);background:0 0;border:0;padding:10px 0;font-size:clamp(18px,2vw,28px)}.search-box input::placeholder{color:#56504c}.search-box button{border-radius:50%;flex-shrink:0;width:45px;height:45px;font-size:25px}.filters{flex-wrap:wrap;gap:10px;margin:22px 0 0;display:flex}.filters button{border-radius:25px;padding:9px 19px;font-size:13px}.filters [aria-pressed=true]{background:var(--black);color:#fff}.result-count{margin:20px 0;font-size:12px}.library-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.card-cover{border:1px solid;border-radius:18px;height:290px;padding:22px;position:relative;overflow:hidden}.orange{--accent:var(--orange)}.green{--accent:var(--green)}.red{--accent:var(--red)}.purple{--accent:var(--purple)}.card-cover{background:var(--accent)}.card-cover>.art{width:76%;height:73%;transition:transform .3s;position:absolute;top:18%;left:12%}.library-card a:hover .art{transform:rotate(5deg)scale(1.04)}.cover-arrow{font-size:28px;position:absolute;bottom:14px;right:20px}.card-meta{text-transform:uppercase;letter-spacing:.075em;justify-content:space-between;margin:19px 0 12px;font-size:10px;display:flex}.library-card h3{max-width:330px;font-size:27px}.library-card p{max-width:340px;margin-top:12px;font-size:14px}.empty-state{padding:50px 0}.empty-state p{margin:15px 0}.art{height:230px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#05050566 1px,#0000 1px),linear-gradient(90deg,#05050566 1px,#0000 1px);background-size:12.5% 12.5%;border:1px solid;position:absolute;inset:12%;transform:rotate(-8deg)}.module{left:calc(20% + var(--x) * 23%);top:calc(16% + var(--y) * 23%);background:var(--accent);z-index:2;width:18%;height:19%;animation:1s both resolve;animation-delay:calc(var(--i) * 80ms);border:1px solid;position:absolute}.module:nth-of-type(3n){background:var(--cream)}.art-axis{background:var(--black);z-index:1;position:absolute}.axis-x{width:90%;height:1px;top:48%;left:5%}.axis-y{width:1px;height:90%;top:5%;left:48%}.art-label{background:var(--cream);border:1px solid;padding:5px 8px;font-size:12px;position:absolute;bottom:4%;left:4%}.art-label.last{inset:4% 4% auto auto}.flow .module{left:calc(10% + var(--i) * 8%);top:calc(7% + var(--i) * 8%);width:16%;height:17%}.flow .art-grid{transform:rotate(0)}.cycle .art-grid{border-radius:50%;transform:rotate(20deg)}.cycle .module{width:15%;height:17%;transform:rotate(45deg)}.cycle .module:nth-of-type(5){background:var(--black);border-radius:50%}.blue-section,.dark-section,.orange-section{padding:85px 56px}.blue-section{background:var(--blue);text-align:center;border-radius:28px;margin:0 24px}.blue-section>h2{max-width:960px;margin:22px auto 55px;font-size:clamp(35px,4.1vw,62px)}.principles{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.principles article{background:var(--cream);border-radius:22px;padding:24px 28px 30px}.principles .art{height:230px;margin-bottom:32px}.principles h3{margin:12px 0 15px;font-size:29px}.principles p{font-size:15px}.problem h2{margin:25px 0 45px;font-size:clamp(44px,6.5vw,98px)}.problem h2>span{color:#625b55}.problem-bottom{grid-template-columns:1.5fr 1fr;align-items:center;gap:50px;display:grid}.scattered-words{flex-wrap:wrap;align-items:center;gap:12px;max-width:590px;display:flex}.scattered-words span{border:1px solid;border-radius:6px;padding:12px;font-size:15px;transform:rotate(-6deg)}.scattered-words span:nth-child(2n){transform:rotate(8deg)}.scattered-words strong{background:var(--orange);padding:12px;font-size:22px;font-weight:500}.scattered-words b{font-size:30px}.dark-section{background:var(--black);color:var(--cream)}.dark-section>h2{margin:24px 0 60px}.process{grid-template-columns:repeat(4,1fr);display:grid}.process article{padding:0 30px 0 0;position:relative}.process-number{letter-spacing:-.085em;font-size:100px;line-height:1}.process i{background:var(--cream);height:1px;margin:30px 0;display:block;position:relative}.process i:before{content:"";background:var(--blue);border-radius:50%;width:9px;height:9px;position:absolute;top:-4px}.process h3{margin-bottom:15px;font-size:23px}.process p{color:#c7c0bb;font-size:15px}.process-note{margin-top:45px;font-size:13px}.format-gallery{grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;display:grid}.format-panel{background:var(--accent);border:1px solid;border-radius:24px;padding:30px;position:relative;overflow:hidden}.format-panel:first-child{grid-row:span 2}.format-panel h3{max-width:320px;margin:18px 0 12px;font-size:36px}.format-panel p{font-size:15px}.format-panel .art{width:65%;height:180px;margin:20px auto 0}.format-panel:first-child .art{width:90%;height:360px;margin-top:50px}.panel-arrow{font-size:32px;position:absolute;bottom:20px;right:25px}.format-notes{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;display:grid}.format-notes p{font-size:15px}.format-notes b{font-weight:550}.orange-section{background:var(--orange)}.story-link{margin-top:25px;display:table}.grounded{grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;display:grid}.grounded h2{margin-top:23px}.grounded p{margin-bottom:24px}.final-cta{background:var(--blue);text-align:center;border-radius:28px;margin:0 24px 24px;padding:70px 30px}.final-cta h2{margin:30px 0;font-size:clamp(60px,8.7vw,130px);font-weight:750;line-height:.89;position:relative}.final-cta h2>span{vertical-align:top;margin-left:12px;font-size:.6em;display:inline-block}.final-cta>p:last-child{margin-top:20px;font-size:13px}footer{background:var(--black);color:var(--cream);padding:55px 40px 25px}.footer-top{justify-content:space-between;align-items:start;margin-bottom:75px;display:flex}.footer-top p{letter-spacing:-.035em;font-size:24px}.footer-top nav{gap:35px;font-size:13px;display:flex}.back-top{border:1px solid;border-radius:50%;place-items:center;width:45px;height:45px;font-size:24px;display:grid}.footer-logo{width:100%;height:auto;display:block}.footer-bottom{justify-content:space-between;margin-top:35px;font-size:11px;display:flex}.explore-intro h1,.explanation-page h1{max-width:1050px;margin:25px 0;font-size:clamp(52px,6.9vw,100px);line-height:.98}.explore-intro>.lead,.explanation-page>.lead{max-width:680px;margin-bottom:55px}.explore-intro .library{margin-top:65px}.explanation-page>.eyebrow{margin-top:45px}.reading{max-width:850px;margin:80px auto}.reading h2{margin:20px 0 40px}.reading-step{border-top:1px solid #05050555;gap:35px;padding:28px 0;display:flex}.reading-step>span{font-size:15px}.reading-step h3{margin-bottom:12px}.source-note{background:var(--blue);border-radius:20px;padding:40px}.source-note h3{margin:18px 0}.source-note p{max-width:850px;margin-bottom:22px}.source-note .small{margin:25px 0 0}.related{margin-top:70px}.related h2{margin-bottom:25px;font-size:38px}.related>a{letter-spacing:-.025em;border-top:1px solid;justify-content:space-between;padding:22px 0;font-size:22px;display:flex}.explanation-diagram{width:100%;height:auto;padding:16px;overflow:visible}.diagram-node rect{fill:var(--cream);stroke:var(--black);stroke-width:1.5px}.diagram-node text{letter-spacing:.03em;font-size:13px;font-weight:550}.diagram-node .node-number{fill:var(--black);font-size:11px}.diagram-node.visited rect{fill:var(--orange)}.diagram-node.current rect{fill:var(--blue)}.diagram-node.current circle{fill:var(--green);stroke:var(--black)}.diagram-caption{letter-spacing:.12em;font-size:10px}.diagram-footnote{font-size:9px}.diagram-connector.traced{stroke-width:3px;stroke-dasharray:200;animation:.6s both trace}.slide:not([hidden]) .diagram-node.current{animation:.4s both resolve}@keyframes trace{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}@keyframes resolve{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@media (width>=1600px){.hero,.blue-section,.final-cta{max-width:1552px;margin-left:auto;margin-right:auto}.hero-layout{gap:70px}.hero-visual{max-width:620px}.dark-section,.orange-section{padding-left:max(56px,50vw - 664px);padding-right:max(56px,50vw - 664px)}}@media (width<=1050px){.site-header{padding:0 24px}.site-header nav{gap:18px}.nav-cta{display:none}.hero h1{font-size:9vw}.hero-layout{gap:25px}.hero-composition{height:330px}.understood{padding:15px;font-size:37px}.section{padding:80px 32px}.blue-section,.dark-section,.orange-section{padding:70px 32px}.principles article{padding:20px}.principles h3{font-size:24px}.card-cover{height:230px}.grounded{gap:35px}.process-number{font-size:80px}.slide-copy{padding:35px 25px}.slide-copy h3{font-size:30px}.hero-copy p{font-size:14px}.hero .button{padding:13px 17px;font-size:12px}}@media (width<=720px){html{scroll-padding-top:80px}.site-header{height:70px;padding:0 20px}.brand{width:180px}.site-header>nav{display:none}.mobile-menu{display:block}.mobile-menu summary{background:var(--black);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{background:var(--cream);border-bottom:1px solid;flex-direction:column;gap:24px;padding:25px;font-size:17px;display:flex;position:absolute;top:69px;left:0;right:0}.hero{border-radius:22px;margin:12px 12px 0;padding:22px 20px}.hero-top>.eyebrow:last-child{display:none}.hero-layout{grid-template-columns:1fr;gap:25px;padding-top:30px}.hero h1{font-size:clamp(65px,15vw,102px)}.hero-copy p{margin-top:24px;font-size:16px}.hero .button{padding:14px 19px;font-size:13px}.hero-visual{margin:10px 8px 10px 0;transform:rotate(1deg)}.hero-composition{height:330px}.hero-bottom{flex-direction:column;align-items:start;gap:16px}.hero-bottom>div{flex-wrap:wrap;gap:15px;font-size:11px}.section{padding:65px 24px}.section-heading{margin-bottom:30px;display:block}.section-heading>p{max-width:none;margin-top:25px}.section-heading>.text-link{margin-top:25px;display:inline-block}.section-heading .eyebrow{margin-bottom:17px}.lead{font-size:20px}.slide{grid-template-columns:1fr}.slide-map{border-bottom:1px solid;border-right:0;min-height:260px}.step-orbit{width:190px;height:190px}.slide-copy{min-height:260px;padding:28px 24px}.slide-copy h3{margin:15px 0;font-size:30px}.slide-copy p{font-size:15px}.viewer-top{padding:15px}.viewer-top .eyebrow{font-size:9px}.viewer-controls{gap:6px;padding:13px 10px}.viewer-controls button{width:30px;height:30px;font-size:11px}.step-buttons{gap:6px}.below-viewer{flex-direction:column;align-items:start;font-size:12px}.library-grid{grid-template-columns:1fr;gap:35px}.card-cover{height:300px}.library-card h3{max-width:none;font-size:30px}.library-card p{max-width:none}.search-box{gap:10px}.search-box input{font-size:18px}.search-box>span{font-size:29px}.filters{gap:7px}.filters button{padding:8px 13px;font-size:12px}.blue-section{margin:0 12px;padding:50px 20px}.blue-section>h2{margin-bottom:35px;font-size:36px}.principles{grid-template-columns:1fr}.principles article{padding:25px}.principles .art{max-width:350px;height:240px;margin:0 auto 25px}.principles h3{font-size:29px}.problem h2{font-size:47px}.problem-bottom{grid-template-columns:1fr;gap:25px}.dark-section,.orange-section{padding:60px 24px}.process{border-left:1px solid #fff5;grid-template-columns:1fr;gap:35px;padding-left:25px}.process article{grid-template-columns:65px 1fr;gap:10px 20px;padding:0;display:grid}.process-number{grid-row:span 2;font-size:55px}.process i{display:none}.process h3{font-size:24px}.process p{grid-column:2}.dark-section>h2{margin-bottom:40px}.format-gallery{grid-template-columns:1fr}.format-panel:first-child .art,.format-panel .art{width:80%;height:240px;margin:30px auto 0}.format-panel h3{font-size:33px}.format-notes{grid-template-columns:1fr;gap:18px}.grounded{grid-template-columns:1fr;gap:25px}.grounded p{margin-bottom:20px}.final-cta{margin:0 12px 12px;padding:60px 20px}.final-cta h2{font-size:clamp(46px,11.8vw,76px)}footer{padding:40px 24px 25px}.footer-top{flex-wrap:wrap;gap:25px;margin-bottom:55px}.footer-top nav{flex-direction:column;gap:12px}.footer-top p{font-size:21px}.footer-bottom{gap:20px;font-size:9px}.explore-intro h1,.explanation-page h1{font-size:52px}.reading-step{gap:20px}.reading-step h3{font-size:26px}.source-note{padding:25px}.source-note .text-link{overflow-wrap:anywhere}.related h2{font-size:32px}.related>a{gap:20px;font-size:19px}}@media (width<=380px){.viewer-controls{align-items:center}.step-buttons{grid-template-columns:repeat(3,30px);gap:6px;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
