@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#222b40;--muted:#657087;--blue:#4765b6;--line:#dfe5ef;--paper:#f8faff;--white:#fff;--lavender:#ecedfa;--sky:#e7f0fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #7292f0;outline-offset:4px;border-radius:3px}.skip-link{position:absolute;top:-80px;left:12px;background:#fff;padding:8px;z-index:20}.skip-link:focus{top:10px}.shell,.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{background:rgba(248,250,255,.97);border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;gap:11px;align-items:center;font-size:16px;font-weight:800;line-height:1.15;white-space:nowrap}.brand small{display:block;font-size:10px;font-weight:500;color:#8b96aa;margin-top:5px;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#516bbc;color:white;border-radius:12px;font-size:17px}.nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;color:#707b90;white-space:nowrap}.nav-link:hover,.nav-link.active,.nav-link[aria-current=page]{color:#3657a4;font-weight:700}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;padding:76px 0 83px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#6680b9;margin:0 0 15px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#75b99f;margin-right:8px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.23;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 span{color:#4c65ac}.hero-description{color:var(--muted);font-size:16px;max-width:475px;margin:24px 0 30px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:12px 19px;border-radius:9px;font-size:14px;font-weight:700;display:inline-flex;gap:20px;align-items:center}.primary{background:#4b65ae;color:#fff}.subtle{background:#e9eef8;color:#4d6299}.hero-note{background:#e9eefb;border:1px solid #dde5f5;border-radius:18px;padding:23px 27px;color:#566a9b;min-height:332px;position:relative;overflow:hidden}.note-top,.note-bottom{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.note-top span:last-child{font-size:20px}.note-visual{height:182px;display:grid;place-items:center;position:relative}.orbit{position:absolute;width:155px;height:155px;border:1px solid #c8d5ef;border-radius:50%}.orbit-two{width:205px;height:110px;transform:rotate(-28deg)}.note-core{text-align:center;font-size:22px;line-height:1.35;font-weight:700;letter-spacing:.05em;color:#526ab0}.spark{position:absolute;color:#91a5d1}.spark-one{left:18%;top:20%;font-size:23px}.spark-two{right:17%;bottom:15%;font-size:20px}.hero-note>p{font-size:13px;margin:0 0 17px;color:#7483a5;line-height:1.7}.note-bottom{border-top:1px solid #d2dcef;padding-top:12px;color:#8494b7}.note-bottom span{font-size:8px;color:#83b8a4}.section{padding:65px 0;border-top:1px solid var(--line)}.section h2,.contact-section h2{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin:0}.about-strip{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about-strip>div:nth-child(2)>p{margin:0 0 15px;color:var(--muted);max-width:490px}.text-link{color:#4e68b0;font-size:13px;font-weight:700;white-space:nowrap}.text-link span{margin-left:8px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section-heading p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.section-heading .text-link{padding-bottom:5px}.project-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.project-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.project-art{min-height:255px;background:#e6edfb;display:grid;place-items:center;position:relative}.art-window{width:65%;height:140px;background:#f9fbff;border:1px solid #cad7ee;border-radius:9px;box-shadow:10px 12px 0 #d0dcf2;padding:15px}.art-window i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b4c4e5;margin-right:4px}.art-line{height:5px;background:#dce5f5;width:85%;margin-top:16px;border-radius:4px}.art-line.short{width:53%;margin-top:8px}.art-prompt{color:#8da6d7;font-size:29px;font-weight:700;margin-top:8px}.art-badge{position:absolute;right:18%;bottom:18%;font-size:28px;color:#6d87c4}.project-info{padding:26px;display:flex;flex-direction:column;align-items:flex-start}.card-top{display:flex;justify-content:space-between;width:100%;align-items:center}.tag{display:inline-block;background:#eff3fb;color:#7183aa;font-size:11px;border-radius:5px;padding:4px 9px}.card-arrow{color:#a2b0ca}.project-info h3,.empty-panel h3{font-size:17px;margin:22px 0 8px}.project-info p,.project-side p,.empty-panel p{color:var(--muted);font-size:13px;margin:0}.card-link{font-size:12px;color:#5471b9;font-weight:700;margin-top:auto;padding-top:20px}.project-side{padding:28px;background:#f0f1fa;border-radius:15px;display:flex;flex-direction:column}.side-label{font-size:12px;color:#8390af;display:flex;justify-content:space-between}.side-label span{font-size:22px;color:#93a3cd}.project-side h3{font-size:23px;line-height:1.5;margin:26px 0 10px}.topic-list{margin-top:auto;display:flex;gap:7px;flex-wrap:wrap;padding-top:25px}.topic-list span{font-size:11px;color:#7184ad;border:1px solid #d8dff0;border-radius:5px;padding:3px 8px}.empty-panel{border:1px solid var(--line);border-radius:14px;background:#fff;padding:24px;display:flex;gap:18px;align-items:center}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eef2fc;color:#6c86c0;font-size:24px;flex:none}.empty-panel h3{margin:0 0 4px}.empty-panel .text-link{margin-left:auto}.update-row{display:flex;gap:18px;align-items:start;padding:22px 0 0}.update-dot{width:10px;height:10px;background:#7e9bde;border:3px solid #dfe9fc;box-sizing:content-box;border-radius:50%;margin-top:5px}.update-row strong{font-size:14px}.update-row p{margin:5px 0 0;color:var(--muted);font-size:13px}.update-label{margin-left:auto;font-size:12px;color:#93a0b7}.contact-section{background:#e7eefb;border-radius:16px;padding:38px 43px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 72px}.contact-section p:last-child{color:var(--muted);margin:10px 0 0}.contact-note{border:1px solid #c4d2eb;padding:11px 15px;border-radius:9px;color:#7185ae;font-size:13px;white-space:nowrap}.contact-note span{margin-left:15px}.site-footer{background:#edf1f8;border-top:1px solid var(--line)}.footer-inner{padding:36px 0;display:flex;align-items:start;gap:35px}.footer-brand{font-weight:800}.footer-brand span{color:#6b85c1;margin-left:7px}.footer-inner p{color:#8a96a8;font-size:12px;margin:6px 0}.footer-links{display:flex;gap:22px;font-size:13px;color:#6f7c92;margin-left:auto}.copyright{white-space:nowrap}.page-intro{padding:75px 0 40px;max-width:730px}.page-title{font-size:clamp(36px,5vw,52px);letter-spacing:-.04em;line-height:1.2;margin:0 0 20px}.lead{font-size:16px;color:var(--muted);max-width:650px}.list{border-top:1px solid var(--line)}.list-item{padding:24px 0;border-bottom:1px solid var(--line)}.list-item h2,.list-item h3{margin:6px 0;font-size:19px}.list-item p{margin:6px 0;color:var(--muted)}.meta{color:#8190a8;font-size:12px}.prose{max-width:740px;color:#58667c}.prose h2{color:var(--ink);margin-top:34px}.callout{background:#eef2fb;border-radius:12px;padding:24px;color:#5f7193}.back-link{display:inline-block;color:var(--blue);margin:25px 0}.page-content{min-height:320px;padding-bottom:80px}
@media(max-width:760px){.shell,.container{width:calc(100% - 36px)}.header-inner{height:auto;min-height:76px;align-items:flex-start;padding:17px 0;flex-direction:column;gap:16px}.nav{width:100%;gap:22px;overflow-x:auto;padding-bottom:3px}.nav-link{font-size:13px}.hero{grid-template-columns:1fr;gap:35px;padding:50px 0 60px}.hero h1{font-size:40px}.hero-note{min-height:290px}.note-visual{height:145px}.section{padding:48px 0}.about-strip{grid-template-columns:1fr;gap:15px}.section-heading{align-items:start}.section h2,.contact-section h2{font-size:26px}.project-grid,.project-card{grid-template-columns:1fr}.project-art{min-height:200px}.project-info{min-height:205px}.project-side{min-height:230px}.empty-panel{align-items:start;flex-wrap:wrap}.empty-panel .text-link{margin-left:66px}.contact-section{padding:30px 25px;align-items:start;flex-direction:column;margin-bottom:48px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-links{margin-left:auto}.copyright{width:100%}.page-intro{padding-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.avatar-placeholder{height:182px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.avatar-placeholder>span{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;border:1px dashed #9caed4;background:#f5f7ff;color:#778ec1;font-size:32px;font-weight:700}.avatar-placeholder small{color:#8293b6;font-size:11px}.hero-note>p strong{color:#4f6395;font-size:15px}
@media(max-width:760px){.avatar-placeholder{height:145px}.avatar-placeholder>span{width:80px;height:80px;font-size:27px}}