/* Restrained Chinese typography, with the template's spacing and motion intact. */
:root{--mono:'Courier New','Microsoft YaHei','PingFang SC',monospace}
.hero-subline h2{font-size:clamp(28px,3.7vw,53px);line-height:1.28;letter-spacing:.005em}
.hero-description p{font-size:15px;line-height:1.9;color:#ddd}
.hero-description .button{font-size:12px}.capabilities a{padding-block:6px;font-size:13px}
.profile-symbol{display:grid;place-items:center;flex-shrink:0;font-size:30px;width:44px;height:48px;border:1px solid #555}
.founder-top strong{font-family:var(--font);font-size:16px;font-weight:400}.founder-top small{margin-top:9px}
.hero-foot{font-size:10px}.hero-foot span{color:#aaa}
.resume-education{padding-block:50px;border-bottom:1px solid #292929}
.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:34px;align-items:start}
.education-grid h2{font-size:30px;font-weight:400;letter-spacing:.015em}.education-degree{margin-top:15px;font-size:15px;color:#aaa}
.education-courses>.mono{font-size:10px;color:#888;margin-bottom:17px}.education-courses>div{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px;color:#bbb}
#projects>.section-heading h2,.resume-experience .section-heading h2,.resume-awards .section-heading h2,.resume-contact .section-heading h2{letter-spacing:.015em;line-height:1.18;font-weight:500;font-size:clamp(44px,5.7vw,80px)}
body[data-page]:not([data-page=overview]) main .resume-experience .section-heading h2,body[data-page]:not([data-page=overview]) main #projects .section-heading h2,body[data-page]:not([data-page=overview]) main .resume-contact .section-heading h2{font-size:clamp(48px,7.5vw,108px)}
.other-projects{border-top:1px solid #333;border-bottom:1px solid #333;padding:22px 0;margin-bottom:34px;display:grid;grid-template-columns:1fr 3fr;gap:24px}.other-projects>.mono{color:#888;padding-top:3px;font-size:11px}.other-projects>div{display:flex;flex-wrap:wrap;gap:15px 32px}.other-projects p{font-size:14px;color:#bbb}.other-projects p>span:first-child{color:#666;margin-right:12px;font-size:10px}.other-projects p>span:last-child{color:#555;margin-left:15px}
.resume-project h3{font-weight:500;letter-spacing:.015em;font-size:26px}.resume-project .project-summary{font-size:12px;color:#888}.resume-project .project-image{isolation:isolate;background:#171717}
.case-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 52% 55%,#434340 0,#1e1e1c 36%,#111 74%)}
.case-art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff05 1px,transparent 1px),linear-gradient(90deg,#fff05 1px,transparent 1px);background-size:48px 48px;opacity:.25}
.case-art strong{font:500 clamp(23px,3.5vw,51px)/1.02 var(--font);letter-spacing:-.04em;z-index:1;max-width:75%;text-align:center;text-shadow:0 2px 30px #0008}
.case-orbit{position:absolute;width:63%;aspect-ratio:1;border:1px solid #aaa5;border-radius:50%;transform:rotateX(55deg) rotateZ(-30deg);transition:transform .9s cubic-bezier(.22,1,.36,1)}
.case-orbit::before,.case-orbit::after{content:'';position:absolute;border:1px solid #aaa4;inset:12%;border-radius:50%}.case-orbit::after{inset:25%}
.case-art.live .case-orbit{border-radius:2px;transform:rotate(-15deg);width:37%;aspect-ratio:.78;border-color:#aaa6;box-shadow:14px 14px 0 -1px #191919,14px 14px 0 0 #7778,28px 28px 0 -1px #161616,28px 28px 0 0 #7775}
.case-art.live .case-orbit::before{border-radius:0;inset:10%}.case-art.live .case-orbit::after{inset:38%;border-radius:50%}
.resume-project:hover .growth .case-orbit{transform:rotateX(52deg) rotateZ(-10deg) scale(1.06)}.resume-project:hover .live .case-orbit{transform:rotate(-8deg) scale(1.04)}
.resume-project .image-meta{z-index:1}.resume-project .image-meta span{font-size:10px}.resume-project .project-meta{font-size:10px;letter-spacing:.1em}
.experience-item summary{grid-template-columns:40px minmax(0,1fr) 210px 30px;gap:25px;padding-block:30px}.experience-item .service-main strong{font-size:24px;letter-spacing:0;line-height:1.6}.experience-item .service-main small{font-size:14px;line-height:1.7;margin-top:5px}.experience-period{font-size:12px;color:#aaa;text-align:right}.experience-details{padding:0 0 34px 65px;max-width:1080px}.resume-bullets{list-style:none;padding:0;margin:0}.resume-bullets li{position:relative;padding-left:20px;font-size:15px;line-height:1.95;color:#bbb}.resume-bullets li+li{margin-top:13px}.resume-bullets li::before{content:'↗';position:absolute;left:0;top:0;color:#666;font-size:11px}
.resume-awards .section-heading{align-items:end}.resume-awards .stats-grid{margin-top:48px}.resume-awards .stats-grid h3{font-size:20px;letter-spacing:.02em;line-height:1.5;margin-top:13px}.award-symbol{font-size:48px;color:#d8d8d4;line-height:1}.resume-awards .stats-grid .mono{font-size:10px;color:#777;margin-top:20px}
.template-label{display:inline-block;border:1px solid #444;border-radius:3px;padding:3px 7px;margin-left:16px;font-size:9px;color:#999;vertical-align:middle;letter-spacing:.03em}
.resume-contact .contact-grid h3{font-size:34px;letter-spacing:.02em;line-height:1.65}.resume-contact-list{margin-top:38px}.resume-contact-list>div{border-top:1px solid #333;padding:20px 0 24px}.resume-contact-list .mono{font-size:10px;color:#777}.resume-contact-list a{display:block;font:24px var(--font);letter-spacing:0;margin-top:12px}.resume-contact-list .text-link{font-size:10px;padding:0;margin-top:12px;color:#aaa}.birth-record>span{font-size:16px;display:block;margin-top:12px;color:#bbb}
.resume-contact .contact-form label{font-size:12px}.resume-contact .contact-form .button{font-size:13px}.resume-contact .form-note{font-size:11px;line-height:1.8}
.resume-case h2{letter-spacing:.015em;font-size:clamp(28px,4vw,46px);line-height:1.45;font-weight:500}.resume-case .case-section{grid-template-columns:1fr 2.8fr;gap:24px}.resume-case .case-section h3{font-size:11px;line-height:1.8}.resume-case .case-section p{font-size:15px;line-height:1.95}.resume-case .case-section p+p{margin-top:15px}.resume-case .section-kicker{color:#888}
.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#333;border:1px solid #333;margin:32px 0 0}.case-metrics>div{background:#141414;padding:26px}.case-metrics strong{font:400 clamp(30px,4.5vw,48px)/1.1 var(--font);letter-spacing:-.045em}.case-metrics h3{font-size:13px;font-weight:400;margin-top:18px}.case-metrics p{font-size:11px;color:#888;margin-top:6px}
.resume-case .modal-navigation button{font:12px var(--font)}
@media(max-width:900px){.experience-item summary{grid-template-columns:25px minmax(0,1fr) 170px 24px;gap:16px}.experience-item .service-main strong{font-size:21px}.experience-details{padding-left:41px}.education-grid{gap:30px}.other-projects{grid-template-columns:1fr}}
@media(max-width:600px){.hero-subline h2{font-size:29px}.education-grid{grid-template-columns:1fr;gap:28px}.education-grid h2{font-size:26px}.education-courses>div{font-size:13px;gap:12px 20px}.resume-education{padding-block:36px}.experience-item summary{grid-template-columns:23px minmax(0,1fr) 24px;gap:10px;padding-block:23px}.experience-period{grid-column:2;text-align:left;grid-row:2;font-size:10px}.experience-item .plus{grid-column:3;grid-row:1/3}.experience-item .service-main strong{font-size:18px;line-height:1.65}.experience-item .service-main small{font-size:12px}.experience-details{padding-left:33px;padding-bottom:25px}.resume-bullets li{font-size:13px;line-height:1.95;padding-left:18px}.resume-awards .stats-grid h3{font-size:16px}.resume-awards .section-heading{align-items:start}.resume-case .case-section{grid-template-columns:1fr;gap:12px}.case-metrics>div{padding:20px 16px}.case-metrics h3{font-size:12px}.case-metrics p{font-size:10px}.template-label{margin-left:0;margin-top:10px;display:table}.resume-contact-list a{font-size:22px}.other-projects>div{flex-direction:column;gap:17px}.case-art strong{font-size:34px}.hero-foot span{max-width:145px;line-height:1.7}}

.project-grid>.other-projects{grid-column:1/-1;margin:0;padding-block:24px}
