:root{color-scheme:light;--ink:#172033;--body:#526075;--blue:#356ae6;--surface:#f5f7fb;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-width:280px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:5px}.wrap{width:calc(100% - 80px);max-width:1120px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;background:white;padding:12px}.skip-link:focus{top:12px}
.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient span{position:absolute;border-radius:50%;filter:blur(65px);opacity:.72;animation:drift 24s ease-in-out infinite alternate}.ambient span:first-child{width:700px;height:700px;right:-100px;top:-200px;background:radial-gradient(circle,#c9dcfa,transparent 70%)}.ambient span:last-child{width:700px;height:700px;left:8%;top:380px;background:radial-gradient(circle,#e1ddf6,transparent 70%);animation-delay:-10s}
.site-header{padding-top:24px;position:relative;z-index:2}nav{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 8px 32px #203d6810}.wordmark{font-size:24px;letter-spacing:-1px;font-weight:750}.wordmark span{color:var(--blue)}.nav-links{display:flex;gap:32px;font-size:16px}.nav-links a{padding:8px 0;color:var(--body)}.nav-links a:hover{color:var(--blue)}
.wordmark{display:flex;align-items:center;flex-shrink:0}.wordmark img{display:block;width:96px;height:72px;object-fit:contain;margin-block:-12px}
.intro{padding:90px 0 88px;position:relative}.eyebrow{font-size:15px;letter-spacing:.1em;color:var(--body);margin:0 0 22px}h1{font-size:clamp(44px,5.3vw,72px);line-height:1.16;letter-spacing:-.045em;font-weight:720;margin:0 0 25px}h1 span{color:var(--blue)}.intro-copy{font-size:19px;color:var(--body);margin:0 0 32px}.primary-button{display:inline-flex;align-items:center;gap:28px;background:var(--blue);color:white;padding:13px 22px;border-radius:12px;font-size:16px;box-shadow:0 8px 24px #356ae624;transition:background .2s}.primary-button:hover{background:#2854bc}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font-size:28px;letter-spacing:-.04em;margin:0;font-weight:650}.section-heading>span{font-size:14px;color:var(--body);font-variant-numeric:tabular-nums;letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-card{border:1px solid white;background:rgba(255,255,255,.95);border-radius:24px;padding:12px;box-shadow:0 16px 45px #2139690a,inset 0 1px 0 white;transition:transform .25s,box-shadow .25s;min-width:0}.project-preview{aspect-ratio:16/10;overflow:hidden;border-radius:15px;background:#edf0f6}.project-preview img{display:block;width:100%;height:100%;object-fit:cover}.project-copy{padding:22px 16px 18px}.project-type{font-size:14px;color:#536b93;margin:0 0 7px}h3{font-size:24px;line-height:1.4;letter-spacing:-.03em;font-weight:650;margin:0 0 12px}.description{color:var(--body);font-size:16px;min-height:3.2em;margin:0 0 24px}.project-status,.project-link{font-size:15px;display:inline-flex;align-items:center;min-height:44px}.project-status{color:#687387}.project-link{color:#2854bc;gap:18px;font-weight:600}.project-link small{font-size:12px;color:var(--body);font-weight:400}
footer{display:flex;justify-content:space-between;gap:20px;padding-block:32px;margin-top:64px!important;border-top:1px solid #dce3ef;color:var(--body);font-size:14px}footer a{padding:5px 0}footer a:hover{color:var(--blue)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){nav{background:rgba(255,255,255,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.project-card{background:rgba(255,255,255,.58);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}
@media(hover:hover){.project-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #21396914}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.site-header{padding-top:16px}nav{padding:12px 18px}.nav-links{gap:22px}.intro{padding:66px 0}.intro-copy{font-size:17px}.project-grid{grid-template-columns:1fr;gap:24px}h2{font-size:25px}.project-copy{padding:20px 12px 14px}footer{margin-top:44px!important;flex-wrap:wrap}.ambient span:first-child{right:-380px}.description{min-height:0}}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(24px,18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-card:hover{transform:none}}