:root{color:#18243a;background:#eef2f7;font-family:Microsoft YaHei,system-ui,sans-serif;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #d46f2a;outline-offset:3px}.skip-link{position:fixed;z-index:10;top:.75rem;left:.75rem;transform:translateY(-200%);border-radius:.2rem;padding:.55rem .8rem;background:#fff;color:#10213c;font-weight:800;text-decoration:none}.skip-link:focus-visible{transform:translateY(0)}.layout{display:grid;grid-template-columns:minmax(17.5rem,22rem) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;min-height:100vh;padding:3.25rem 2.25rem 2rem;background:#10213c;color:#f4f8ff}.eyebrow,.label,.content-header,.card-number,.period{margin:0;font:700 .72rem/1.25 ui-monospace,Cascadia Code,monospace;letter-spacing:.11em}.eyebrow{color:#76a8da;text-transform:uppercase}.label{color:#315a87;text-transform:uppercase}.sidebar h1{margin:.7rem 0 .35rem;font-size:clamp(2rem,3.4vw,2.75rem);letter-spacing:-.04em;line-height:1.1}.positioning{max-width:15rem;margin:0;color:#d2e0ef;font-weight:700}.sidebar-status{margin:2.2rem 0 1.8rem;border-left:2px solid #76a8da;padding-left:.8rem}.sidebar-status>p:not(.eyebrow){margin:.35rem 0 .15rem;color:#d5e8fb;font:700 .78rem/1.3 ui-monospace,monospace;letter-spacing:.06em}.sidebar-status>p span{color:#76a8da}.sidebar-status small{display:block;color:#b8cae0;font-size:.8rem;line-height:1.55}.section-nav{display:grid;gap:.15rem;border-top:1px solid #355370;padding-top:1.2rem}.section-nav a{display:grid;grid-template-columns:2rem 1fr;gap:.2rem;padding:.5rem .6rem;border-left:2px solid transparent;color:#d5e2f1;text-decoration:none}.section-nav a span{color:#7fa2c9;font:.68rem/1.8 ui-monospace,monospace}.section-nav a:hover,.section-nav a:focus-visible,.section-nav a[aria-current]{border-left-color:#76a8da;background:#1a3455;color:#fff}.sidebar-contact{display:grid;gap:.4rem;margin:auto 0 0;padding-top:2rem;font-size:.92rem}.sidebar-contact a{color:#fff;font-weight:700;text-decoration-color:#76a8da;text-underline-offset:.25em}.content{width:min(100%,76rem);padding:2rem clamp(2rem,6vw,6rem) 5rem;background:#fbfcfe}.content-header{display:flex;justify-content:space-between;gap:1rem;padding-bottom:2rem;color:#5c6e86;border-bottom:1px solid #d8e0ea}section{scroll-margin-top:1rem;border-bottom:1px solid #d8e0ea;padding:4.5rem 0}h2{margin:.45rem 0 1.25rem;color:#16233a;font-size:clamp(1.7rem,3vw,2.75rem);letter-spacing:-.04em;line-height:1.18}.hero{padding-top:5.75rem}.hero h2{max-width:48rem;overflow-wrap:anywhere;word-break:break-all;font-size:clamp(1.9rem,8vw,4.75rem)}.lead{max-width:48rem;margin:0;overflow-wrap:anywhere;word-break:break-all;color:#53647c;font-size:1.13rem}.hero-action{margin:2rem 0 0}.hero-action a{display:inline-block;border-bottom:2px solid #315a87;padding-bottom:.2rem;font-weight:700;text-decoration:none}.section-intro{max-width:43rem;margin:-.55rem 0 1.8rem;color:#596b84}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.card{position:relative;min-height:11.5rem;border:1px solid #d6dfe9;padding:1.35rem;background:#fff}.card-number{color:#8a9bb3}.card h3{margin:2.15rem 0 .45rem;font-size:1.08rem}.card p{margin:0;color:#56677e}.project{margin-top:1.15rem;border:1px solid #cbd7e5;background:#fff}.project-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid #dce4ed}.project-header h3{grid-column:1 / -1;margin:0;color:#16233a;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.3}.project-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.project-detail>div{min-height:8.5rem;padding:1.25rem 1.5rem;border-right:1px solid #e0e6ee;border-bottom:1px solid #e0e6ee}.project-detail>div:nth-child(2n){border-right:0}.project-detail h4{margin:0 0 .45rem;color:#4d6787;font-size:.75rem;letter-spacing:.04em}.project-detail p{margin:0;color:#475b75;font-size:.94rem}.project-outcome{background:#fff8ef}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:1.1rem 1.5rem;list-style:none}.tags li{border:1px solid #b9c9dc;padding:.18rem .5rem;color:#355676;font:.76rem ui-monospace,monospace}.timeline{display:grid;gap:.75rem}.timeline-item{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid #d8e0ea}.timeline-item:first-child{border-top:2px solid #2e4f73}.period{padding-top:.28rem;color:#4d6787}.timeline-item h3{margin:0 0 .35rem;font-size:1.08rem}.timeline-item p:not(.period){margin:0;color:#54677f}.capability-list{display:grid;gap:.65rem;max-width:44rem;margin:0;padding:0;list-style:none}.capability-list li{border-left:2px solid #7ea4cd;padding:.45rem 0 .45rem 1rem}.contact-box{max-width:48rem;border-left:4px solid #315a87;padding:1.35rem 1.5rem;background:#f4f8fc}.contact-box p{margin:.4rem 0;color:#53647a}.contact-box a{color:#1d395b;font-weight:800}@media(max-width:768px){.layout{display:block;max-width:100%}.sidebar{position:static;min-width:0;min-height:auto;max-width:100%;padding:2rem 1.5rem}.sidebar-status{margin:1.5rem 0}.section-nav{min-width:0;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:.15rem}.section-nav a{display:block;border-left:0;border-bottom:2px solid transparent}.section-nav a span{display:none}.section-nav a:hover,.section-nav a:focus-visible,.section-nav a[aria-current]{border-left-color:transparent;border-bottom-color:#76a8da}.sidebar-contact{display:none}.content{min-width:0;max-width:100%;padding:1.5rem}.content-header{font-size:.6rem}section{scroll-margin-top:1rem;padding:3rem 0}.hero{padding-top:3.5rem}}@media(max-width:540px){.content-header{display:block}.content-header span+span{display:block;margin-top:.25rem}.grid,.project-detail{grid-template-columns:1fr}.project-detail>div,.project-detail>div:nth-child(2n){min-height:auto;border-right:0}.timeline-item{grid-template-columns:1fr;gap:.2rem}}.hero-action,.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem 1.25rem}.copy-email{border:0;border-bottom:2px solid #315a87;padding:0 0 .2rem;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:700}.copy-email:focus-visible{outline:3px solid #d46f2a;outline-offset:3px}.contact-actions{margin:1rem 0}