*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#23392c;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ee7b37;outline-offset:4px}[hidden]{display:none!important}.studio{background:#fff;color:#222;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.studio-brand{font-weight:800;font-size:20px;white-space:nowrap}.studio-brand span{font-size:9px;letter-spacing:1px;display:block;margin-top:3px}.studio small{color:#777;font-size:11px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{background:#f6f6f3;border:0;padding:10px 15px;border-radius:6px;font-size:12px;color:#555}.tabs button[aria-pressed=true]{background:#22392e;color:white}.notice{padding:9px;text-align:center;font-size:11px;background:#e9e9e2;color:#666;letter-spacing:1px}.view nav{display:flex;justify-content:space-between;align-items:center;padding:28px 7%;gap:24px}.brand{font-weight:750;font-size:27px;letter-spacing:2px}.brand>span:not(.logo-box){display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.view nav>div{display:flex;gap:28px;align-items:center;font-size:12px}.outline{padding:12px 18px;border:1px solid currentColor}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:700}.solid,.pill,.electric{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;padding:17px 24px;border:0;font-size:12px}.solid{color:#fff;background:#244a38}.academy{background:#f4f1e8;color:#214833}.academy h1,.academy h2,.academy h3{font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif;font-weight:400}.a-hero{padding:30px 7% 0}.a-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;margin:25px 0 45px}.a-columns h1{font-size:clamp(42px,5vw,76px);letter-spacing:2px;line-height:1.25;margin:10px 0 26px}.a-columns p{font-size:14px;line-height:2;color:#657365;margin-bottom:28px}.editorial-art{height:395px;background:#dedac9;position:relative;overflow:hidden}.arch{position:absolute;border-radius:50% 50% 0 0;border:1px solid #ece9db;bottom:-100px}.one{background:#274b39;width:340px;height:470px;left:70px;transform:rotate(20deg)}.two{background:#58705a;width:250px;height:400px;left:130px;transform:rotate(20deg)}.three{background:#a6b09a;width:140px;height:330px;left:192px;transform:rotate(20deg)}.art-no{position:absolute;top:24px;left:26px;font-size:9px;letter-spacing:2px}.art-caption{position:absolute;bottom:28px;left:28px;color:#fff;font:25px/1.6 Georgia,'Songti SC',serif}.vertical{position:absolute;right:16px;top:30px;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px}.a-foot{border-top:1px solid #c6caba;display:flex;justify-content:space-between;padding:18px 0;font-size:9px;letter-spacing:1px}.a-programs{padding:70px 7%}.view h2{font-size:clamp(27px,3vw,42px);line-height:1.4}.course-lines>a{display:grid;grid-template-columns:50px 1fr 1fr 30px;align-items:center;border-top:1px solid #c9ccbd;padding:12px 0;gap:15px}.course-lines h3{font-size:26px;margin:20px 0}.course-lines p{font-size:12px;color:#6a7569}.course-lines span{font-size:10px}.course-lines b{font-size:25px;font-weight:400}.a-method{background:#234934;color:#f0eee1;padding:60px 7%;display:grid;grid-template-columns:1fr 2fr;gap:10px}.a-method .section-label{grid-column:1/-1}.a-method p{line-height:2;align-self:center;font-size:13px;color:#c0cbbf}.end{text-align:center;padding:75px 7%}.end p{font-size:12px;line-height:1.9;margin:25px 0;color:inherit;opacity:.7}.view footer{border-top:1px solid #bbb8a744;padding:26px 7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.workshop{background:#fff9ed;color:#342d28}.workshop nav{padding:25px 6%}.workshop .brand{letter-spacing:-1px}.workshop .brand span{letter-spacing:2px}.pill{border-radius:50px;background:#ef7953;color:#342d28;font-weight:700}.dark{background:#342d28;color:white}.b-hero{padding:35px 6% 70px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px}.tag{display:inline-block;background:#f8df7a;border-radius:6px;transform:rotate(-3deg);padding:8px 12px;font-size:12px}.b-intro h1{font-size:clamp(40px,4.5vw,67px);line-height:1.3;letter-spacing:-2px;margin:24px 0}.b-intro h1 span{position:relative;z-index:0}.b-intro h1 span:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:16px;background:#f08a62;z-index:-1;border-radius:50%}.b-intro p{font-size:13px;line-height:2;color:#70675f}.b-intro .pill{margin-top:18px}.scribble{margin-top:22px;font-size:11px;color:#9b6650}.room{position:relative;transform:rotate(2deg);margin:30px 0}.room svg{display:block;width:100%;border-radius:150px 150px 20px 20px;border:8px solid #fff3db;box-shadow:0 18px 35px #ab875229}.photo-label{display:block;font-size:9px;text-align:center;color:#8b725b;margin-top:14px}.sticker{position:absolute;bottom:25px;right:-12px;border-radius:50%;background:#f8de77;padding:24px;font-size:20px;line-height:1;font-weight:900;transform:rotate(12deg)}.b-programs{background:#f2eddf;padding:60px 6%}.b-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.b-heading h2{margin:0 0 25px;font-size:30px}.b-heading p{font-size:12px;margin-bottom:30px;color:#796d61}.b-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.b-cards article{padding:30px;border-radius:14px;background:#f2caac}.b-cards article:nth-child(2){background:#e8d77f}.b-cards article:nth-child(3){background:#c1d0b4}.big-icon{display:block!important;font-size:60px!important;height:95px;line-height:1}.b-cards article>span{font-size:10px}.b-cards h3{font-size:21px}.b-cards p{font-size:12px;line-height:1.9;min-height:46px}.b-cards a{display:block;margin-top:25px;font-size:12px;font-weight:bold}.b-method{padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:45px}.b-method h2{font-size:36px}.b-method ol{padding-left:25px}.b-method li{padding:15px 5px;border-bottom:1px solid #ded5c4}.b-method li p{font-size:12px;color:#8c7e70}.workshop .end{background:#f4d1bc}.blueprint{background:#091b31;color:#eaf4fd}.blueprint nav{border-bottom:1px solid #28425b}.blueprint .brand{display:flex;align-items:center;font-size:25px}.logo-box{display:inline-block;color:#a1ed78;font-size:18px;border:1px solid #a1ed78;padding:8px;margin-right:8px}.c-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:70px 7% 65px 10%;background-image:linear-gradient(#213c5329 1px,transparent 1px),linear-gradient(90deg,#213c5329 1px,transparent 1px);background-size:45px 45px}.c-side{writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;position:absolute;left:3%;top:75px;color:#6b91b6}.c-main h1{font-size:clamp(40px,4.5vw,68px);line-height:1.2;letter-spacing:-2px;margin:30px 0}.c-main h1 span{color:#9bea78}.c-main p{font-size:13px;color:#a0b8cf;line-height:2;margin:25px 0}.blueprint .eyebrow{color:#8babcc;letter-spacing:1px}.eyebrow i{display:inline-block;width:6px;height:6px;background:#a1ed78;border-radius:50%;margin-right:8px}.electric{background:#a2eb7a;color:#091b31;font-weight:700}.system-art{height:350px;position:relative;align-self:center}.orbit{position:absolute;border:1px solid #3b6488;border-radius:50%;width:255px;height:255px;top:44px;left:calc(50% - 127px)}.orbit-two{width:330px;height:330px;top:6px;left:calc(50% - 165px);border-style:dashed;transform:rotate(20deg)}.core{position:absolute;left:calc(50% - 67px);top:112px;width:134px;height:122px;border:1px solid #95db77;background:#0d2b3c;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:25px;font-weight:bold}.core span{font-size:7px;color:#91bdc4;letter-spacing:1px;margin-top:13px}.node{position:absolute;background:#0d243e;border:1px solid #396386;padding:12px 15px;font-size:7px;color:#80aaca;line-height:1.8;letter-spacing:1px}.node b{font-size:13px;color:#e4f5ff;letter-spacing:0}.n1{left:0;top:18px}.n2{right:0;top:78px}.n3{right:10px;bottom:13px}.n4{left:0;bottom:55px}.coord{position:absolute;bottom:-30px;left:20px;font:8px/1.6 monospace;color:#6a91b4}.c-strip{display:flex;gap:30px;justify-content:space-around;padding:23px 7%;background:#0e2941;border-top:1px solid #28425b;border-bottom:1px solid #28425b;font-size:12px;letter-spacing:2px}.c-strip b{color:#95db77}.c-programs{padding:70px 7%}.c-programs h2{font-size:34px}.c-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#29465e;border:1px solid #29465e;margin-top:35px}.c-cards article{background:#0c2036;padding:28px}.c-cards code{color:#7294b1;font-size:10px}.mini-chart{font-size:40px;color:#98df76;margin:30px 0;letter-spacing:10px;height:55px}.c-cards h3{font-size:23px}.c-cards p{font-size:11px;color:#91abc1;line-height:1.8}.c-cards a{display:block;border-top:1px solid #29465e;margin-top:27px;padding-top:17px;font-size:11px;color:#b1daed}.c-method{padding:40px 7% 65px;border-bottom:1px solid #29465e}.c-method h2{font-size:26px}.pipeline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:35px}.pipeline span{border:1px solid #36566b;flex:1;padding:20px;text-align:center;font-size:13px}.pipeline b{color:#95db77}.blueprint .end{background:radial-gradient(ellipse at bottom,#164265,transparent)}.references{background:#f7f7f3;min-height:calc(100vh - 100px);padding:55px 7%;color:#26352d}.ref-heading h1{font-size:40px;line-height:1.4;margin:22px 0}.ref-heading p{font-size:13px;color:#737b72;line-height:2}.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.ref-grid>a{background:#fff;padding:15px;border:1px solid #dddcd3}.ref-cover{height:200px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:white}.ref-cover>span{font-size:30px;font-weight:bold;line-height:1.05}.ref-cover small{font-size:9px;letter-spacing:2px}.harvard{background:#8a2634}.ga{background:#c83f3e}.hi{background:#1d2320;color:#d4f26b}.ref-grid h2{font-size:18px!important;min-height:50px}.ref-grid p{font-size:12px;line-height:1.8;color:#687365}.ref-url{font-size:11px;color:#8a9185}.reference-note{font-size:11px;color:#8a9185;margin:30px 0}dialog{background:#fffaf0;color:#23392c;border:0;padding:45px;max-width:550px;width:90%;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#051b27b3}dialog h2{font-size:26px}dialog p{font-size:13px;line-height:2}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px;color:#243a2b}.close-button{background:#244a38;color:white;padding:12px 25px;border:0;margin-top:15px}@media(max-width:850px){.studio{padding:10px 15px;flex-wrap:wrap;gap:12px}.studio small{display:none}.tabs{gap:3px}.tabs button{font-size:10px;padding:9px}.studio-brand{font-size:16px}.studio-brand span{font-size:7px}.view nav{padding:23px 6%}.view nav>div{gap:15px}.view nav>div a:not(:last-child){display:none}.brand{font-size:23px}.a-columns,.b-hero,.c-hero{grid-template-columns:1fr}.a-columns{gap:30px}.a-columns h1{font-size:52px}.editorial-art{height:340px}.a-foot span:last-child{display:none}.a-method{grid-template-columns:1fr}.a-method h2{margin-bottom:5px}.course-lines>a{grid-template-columns:30px 1fr 25px}.course-lines p{display:none}.b-hero{gap:10px;padding-top:25px}.b-intro h1{font-size:49px}.room{max-width:540px;width:95%;margin:auto}.b-cards,.c-cards,.ref-grid{grid-template-columns:1fr}.b-heading{display:block}.b-heading p{margin-top:0}.b-cards article{display:block}.b-cards p{min-height:0}.b-method{grid-template-columns:1fr;gap:5px}.b-method h2{font-size:30px}.c-hero{padding:50px 7%}.c-main h1{font-size:50px}.c-side{display:none}.system-art{max-width:450px;width:100%;margin:25px auto}.c-strip{gap:8px;font-size:9px;letter-spacing:0}.pipeline{flex-wrap:wrap;gap:8px}.pipeline span{padding:13px;flex-basis:37%}.pipeline b:nth-of-type(2){display:none}.view footer{gap:20px;line-height:1.8;font-size:8px}.ref-heading h1{font-size:30px}.ref-cover{height:170px}.ref-grid h2{min-height:0}.notice{font-size:8px;letter-spacing:0}.end{padding:55px 6%}.c-programs h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ref-cover.screenshot{position:relative;padding:0;overflow:hidden;background:#eee}.ref-cover.screenshot img{width:100%;height:100%;object-fit:cover;object-position:top}.ref-cover.screenshot small{position:absolute;bottom:0;left:0;right:0;padding:9px;background:#17241de8;color:#fff;font-size:8px}
