@charset "UTF-8";
:root{--paper:#f4f3eb;--ink:#263c30;--muted:#697168;--line:#d3d6cb;--orange:#c65330;--display:Georgia,"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#dceba3;color:var(--ink)}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:99}.skip-link:focus{top:12px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-1.2px;font-weight:650}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--paper);font:italic 29px/1 Georgia;border-radius:50%;padding-right:4px}.wordmark sup{align-self:flex-start;font-size:10px;letter-spacing:0;padding-top:4px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:13px}.site-header nav>a:hover{color:var(--orange)}.github-link{border:1px solid var(--ink);padding:11px 17px;border-radius:24px;display:flex;gap:20px}.github-link:hover{background:var(--ink);color:var(--paper)!important}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding-block:52px 50px;min-height:590px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;line-height:1.6;margin:0 0 26px}.hero .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:1.3px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #d05a3510}.hero h1{font-size:clamp(44px,5vw,72px);font-weight:550;line-height:1.35;letter-spacing:-3px;margin:0 0 25px}.serif-word{font-family:var(--display);font-weight:400}.orange{color:var(--orange)}.hero-description{color:var(--muted);font-size:15px;line-height:2;margin:0 0 30px;letter-spacing:1px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;min-width:162px;background:var(--ink);color:var(--paper);padding:17px 21px;border-radius:3px;font-size:14px;transition:transform .2s,background .2s}.primary-link:hover{background:#3d5643;transform:translateY(-3px)}.primary-link span{font-size:21px;line-height:16px}.hero-footnote{margin:31px 0 0;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.hero-footnote>span{font-size:19px;color:var(--orange)}.orbit-art{position:relative;width:100%;max-width:510px;justify-self:end}.orbit-art svg{width:100%;height:auto;display:block}.art-coordinate{position:absolute;left:22px;top:9px;font-size:9px;letter-spacing:1px;color:var(--muted)}.orbit-label{position:absolute;padding:9px 14px;background:var(--paper);border:1px solid var(--line);font-size:10px;letter-spacing:1px;box-shadow:3px 3px 0 #263c3008;transform:rotate(-6deg)}.label-top{top:23%;left:1%}.label-top b{margin-left:16px;color:var(--orange);font-size:17px;font-weight:400}.label-bottom{right:0;bottom:16%;transform:rotate(5deg);font-size:9px}.art-caption{display:flex;justify-content:space-between;padding:12px 4px 0;border-top:1px solid var(--line);font-size:8px;color:var(--muted);letter-spacing:.9px}.ticker{border-block:1px solid var(--line);background:#eceee3}.ticker-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:61px;font-size:11px;font-weight:500;letter-spacing:1.8px}.ticker i{font-style:normal;color:var(--orange);font-size:20px}.explore{padding-block:91px 90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:15px}h2{font-weight:500;letter-spacing:-1.2px;line-height:1.5;font-size:36px;margin:0}.section-heading .orange{margin-left:10px;font-size:42px;font-weight:300}.section-note{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 7px}.filter-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px;gap:10px}.filters{display:flex;gap:29px}.filter{position:relative;padding:13px 0 16px;border:0;background:none;font-size:12px;color:var(--muted)}.filter sup{font-size:9px;margin-left:4px}.filter.active{color:var(--ink);font-weight:650}.filter.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--ink)}.result-count{font-size:10px;color:var(--muted);letter-spacing:.6px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-card{display:flex;flex-direction:column;min-width:0}.project-card[hidden]{display:none}.project-visual{height:238px;position:relative;overflow:hidden;display:grid;place-items:center;transition:transform .3s}.project-card:hover .project-visual{transform:translateY(-4px)}.visual-label{position:absolute;left:20px;top:19px;font-size:8px;letter-spacing:1.2px;font-weight:600;z-index:1}.visual-number{position:absolute;left:20px;bottom:17px;font-size:9px;letter-spacing:1px}.visual-corner{position:absolute;right:18px;bottom:12px;font-size:21px;font-weight:300}.lok-visual{background:#dfe5d5;color:#364a3b}.lok-visual svg{width:80%;height:80%;margin-top:12px;transition:transform .6s}.project-card:hover .lok-visual svg{transform:rotate(5deg)}.noba-visual{background:#242424;color:#e5d9d5}.noba-visual img{width:144px;height:144px;object-fit:cover;mix-blend-mode:lighten;transition:transform .6s}.project-card:hover .noba-visual img{transform:rotate(90deg)}.lesson-visual{background:#eae3d4;color:#625c4b}.mini-schedule{width:63%;transform:rotate(-8deg);padding:15px;background:#faf7ed;box-shadow:7px 10px 0 #85744b12;border:1px solid #bdb8a644}.schedule-title{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.3px;margin-bottom:12px}.schedule-title b{font:18px Georgia;margin-left:3px}.schedule-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.schedule-grid i{height:23px;background:#eeeadd;border-radius:1px}.schedule-grid .filled{background:#9aa686}.schedule-grid .accent{background:#cb7b58}.project-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:22px}.project-arrow{font-size:22px;color:var(--ink)}.project-card h3{font-size:24px;font-weight:550;letter-spacing:-.7px;margin:9px 0 12px}.project-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 22px}.project-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:auto}.project-bottom span{font-size:19px;transition:transform .2s}.project-card:hover .project-bottom span{transform:translateX(5px)}.side-note{display:grid;grid-template-columns:.8fr 1.2fr;border-block:1px solid var(--line);padding-block:55px;gap:70px;align-items:center}.note-copy{position:relative}.note-copy .eyebrow{margin-bottom:36px}.note-copy h2{font-size:44px;line-height:1.55;letter-spacing:0}.note-copy p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);margin-top:22px}.note-star{position:absolute;right:12%;top:16%;font-size:55px;color:var(--orange);font-weight:300}.text-button{border:0;border-bottom:1px solid var(--ink);background:none;padding:10px 0;font-size:12px;display:inline-flex;gap:36px;margin-top:12px}.text-button span{font-size:17px}.art-preview{border:0;padding:0;background:#261900;color:#d9ccad;text-align:left;overflow:hidden}.art-preview img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .5s}.art-preview:hover img{transform:scale(1.025)}.art-preview>span{padding:15px 20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;border-top:1px solid #fff2}.about{padding-block:86px 91px}.about>.eyebrow{margin-bottom:24px}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.about h2{font-size:34px;line-height:1.65}.about-content p{font-size:12px;line-height:2.2;color:var(--muted);margin:0 0 22px}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:8px;display:inline-flex;gap:42px}.text-link:hover{border-color:var(--ink)}.site-footer{border-top:1px solid var(--ink);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:30px 25px;gap:25px}.site-footer>span{font-size:12px;color:var(--muted);letter-spacing:1px}.back-to-top{font-size:11px}.footer-bottom{flex-basis:100%;border-top:1px solid var(--line);padding-top:25px;margin-top:7px;display:flex;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:1.2px}.footer-bottom i{font-style:normal;color:var(--orange);margin-left:7px;font-size:14px}.image-dialog{width:min(1000px,94vw);max-height:94dvh;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow:auto}.image-dialog::backdrop{background:#102318c9;backdrop-filter:blur(6px)}.image-dialog img{width:100%;height:auto}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:12px;position:sticky;top:0;background:var(--paper)}.dialog-toolbar button{border:1px solid var(--line);background:transparent;padding:8px 14px}.subpage-header{height:90px}.subpage-header .wordmark{font-size:22px}.page-back{font-size:12px}.page-intro{padding-block:65px 38px}.page-intro h1{font-size:clamp(36px,5vw,60px);font-weight:500;letter-spacing:-2px;margin:12px 0 16px}.page-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}.archive-badge{display:inline-block;font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:8px 12px;background:#eceee3}.schedule-view{margin-bottom:70px}.image-frame{padding:15px;border:1px solid var(--line);background:#fff}.schedule-view img{width:100%;height:auto}.image-frame a{display:block}.schedule-caption{display:flex;justify-content:space-between;padding:18px 0;font-size:11px;color:var(--muted);gap:20px}.schedule-caption a{border-bottom:1px solid var(--line)}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{min-height:530px}.hero h1{font-size:54px}.project-visual{height:210px}.project-grid{gap:20px}.side-note{gap:45px}.note-copy h2{font-size:37px}.note-star{right:0}.about h2{font-size:30px}.ticker-inner{font-size:9px;letter-spacing:1px}.eyebrow{font-size:9px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:80px}.wordmark{font-size:21px}.brand-symbol{width:28px;height:28px;font-size:25px}.site-header nav{gap:18px;font-size:12px}.site-header nav .github-link{display:none}.hero{padding-block:43px 33px;gap:28px;grid-template-columns:1fr;min-height:0}.hero h1{font-size:58px;line-height:1.3;margin-bottom:20px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:22px}.hero-description{font-size:13px;line-height:1.9;margin-bottom:24px}.hero-footnote{margin-top:23px}.orbit-art{width:85%;max-width:400px;justify-self:center;margin-top:-10px}.art-caption{font-size:7px}.label-top{font-size:9px}.label-bottom{font-size:7px}.ticker-inner{min-height:48px;gap:12px;font-size:8px;letter-spacing:1px}.ticker-inner>:nth-child(n+6){display:none}.ticker i{font-size:18px}.explore{padding-block:53px 55px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:28px}.section-heading .orange{font-size:32px;margin-left:0}.section-note{font-size:11px;margin-top:14px}.section-note br{display:none}.section-heading .eyebrow{font-size:8px;margin-bottom:9px}.filter-bar{margin-bottom:25px}.filters{gap:22px}.filter{font-size:11px}.result-count{display:none}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:250px}.lok-visual svg{max-width:320px}.mini-schedule{max-width:225px}.project-card h3{font-size:25px}.project-card p{font-size:13px;line-height:1.9;margin-bottom:18px}.project-meta{margin-top:16px}.project-bottom{font-size:12px;padding-top:12px}.side-note{grid-template-columns:1fr;padding-block:36px;gap:32px}.note-copy .eyebrow{margin-bottom:22px;font-size:8px}.note-copy h2{font-size:35px}.note-copy p:not(.eyebrow){margin-top:13px}.note-star{right:15%;top:25%;font-size:65px}.text-button{margin-top:4px}.about{padding-block:49px}.about-content{grid-template-columns:1fr;gap:22px}.about h2{font-size:28px}.about>.eyebrow{font-size:8px;margin-bottom:20px}.about-content p{font-size:12px}.site-footer{padding-top:24px;gap:20px}.site-footer>span{display:none}.footer-bottom{font-size:7px;gap:12px;flex-wrap:wrap;line-height:1.8;padding-top:17px}.footer-bottom>:nth-child(2){display:none}.page-intro{padding-top:40px}.page-intro>p:not(.eyebrow){font-size:13px}.schedule-caption{font-size:10px;align-items:start;line-height:1.8}.image-frame{padding:5px}.subpage-header .page-back{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}