@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f6f8;--ink:#18213b;--muted:#596278;--line:#d2d8e6;--accent:#2548d8;font-family:'Space Grotesk','Microsoft YaHei',sans-serif;background:var(--paper)}
::selection{background:#2548d8;color:white}
.header{padding-block:28px;border-bottom-color:var(--accent)}.wordmark{color:var(--accent);font-weight:700;letter-spacing:.04em}.wordmark span{color:var(--ink);letter-spacing:.1em}nav{font-weight:500;letter-spacing:.035em}
.hero{padding-block:70px 62px;align-items:flex-end}.hero-heading>.eyebrow{color:var(--accent);font-size:13px;letter-spacing:.12em;margin-bottom:30px}h1{color:var(--accent);font-weight:500;font-size:clamp(3.5rem,7.8vw,7.4rem);letter-spacing:-.065em;line-height:1.06}h1 span{color:var(--ink);font-size:clamp(1.25rem,2.1vw,1.9rem);letter-spacing:-.025em;margin-top:18px}.hero-description{border-left:2px solid var(--accent);padding-left:24px;min-width:200px}.hero-description p{font-size:15px;line-height:1.8}.text-link{color:var(--accent);border-color:var(--accent);font-size:14px;gap:20px}
.reel-visual{border-top:5px solid var(--accent)}.reel-title p{font-weight:500;letter-spacing:-.045em}.reel-caption{font-size:13px;letter-spacing:0}
h2{color:var(--accent);font-size:34px;font-weight:500;letter-spacing:-.04em}.section-head>.eyebrow,.work-meta{font-family:Consolas,'Courier New',monospace;color:var(--accent);font-size:13px;letter-spacing:.02em}.work-card h3{font-weight:500;font-size:25px;letter-spacing:-.04em}.work-state{background:var(--accent);font-size:13px}.work-image{background:var(--ink)}.work-card p{font-size:16px}.about .about-lead{font-size:28px;line-height:1.65}.about .education{border-left:2px solid var(--accent);padding-left:18px}.section{padding-block:80px}
.contact.wrap{background:var(--accent);color:#fff;width:100%;max-width:none;padding:64px max(56px,calc((100vw - 1280px)/2));margin-top:0;border:0;grid-template-columns:1fr 1.5fr}.contact h2,.contact h2 span,.contact-label{color:#fff}.contact h2 span{opacity:.78}.contact-label{opacity:.8}.email-link{color:#fff;border-color:#ffffff80;font-size:clamp(1.2rem,2.7vw,2.6rem);letter-spacing:-.045em}.email-link:hover{color:white;border-color:white}.footer{padding-block:28px}.footer a{color:var(--accent)}
@media(max-width:1000px){.hero{gap:22px}h1{font-size:clamp(3.5rem,7.6vw,6rem)}.hero-description{min-width:170px;padding-left:18px}.contact.wrap{padding-inline:28px}}
@media(max-width:650px){.hero{align-items:flex-start;flex-direction:column;padding-block:42px 38px;gap:30px}h1{font-size:clamp(3rem,12.5vw,5rem)}.hero-heading>.eyebrow{font-size:12px;letter-spacing:.07em;margin-bottom:23px}h1 span{font-size:23px;margin-top:16px}.hero-description{display:flex;justify-content:space-between;width:100%;gap:16px;align-items:center;box-sizing:border-box}.hero-description p{font-size:14px;margin:0}.text-link{gap:12px}.contact.wrap{padding:45px 20px;grid-template-columns:1fr;gap:25px}.section{padding-block:55px}h2{font-size:30px}.header{padding-block:23px}.reel-caption{flex-direction:column;gap:6px}.email-link{font-size:clamp(1.1rem,5.7vw,2rem)}.footer{font-size:12px}}
/* Muted ink-blue revision */
:root{--accent:#465b78}
::selection{background:#465b78;color:#fff}
.contact.wrap{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);border-bottom:0}
.contact h2{color:var(--accent)}
.contact h2 span,.contact-label{color:var(--muted);opacity:1}
.email-link{color:var(--accent);border-color:#465b7866}
.email-link:hover{color:var(--ink);border-color:var(--ink)}
.reel-visual{border-top-width:2px}
.work-state{background:#263449e8}