:root{--bg: #10120e;--bg-soft: #181b16;--ink: #efe7d6;--muted: #9a917e;--line: rgba(239, 231, 214, .12);--accent: #c45c26;--accent-soft: #e8b07a;--serif: "Noto Serif SC", "Songti SC", serif;--sans: "Noto Sans SC", "PingFang SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor{display:none}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 7vw;background:#10120ed1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-mark{font-family:var(--serif);font-size:18px;letter-spacing:.18em}.nav-links{display:flex;gap:28px;font-size:14px;color:var(--muted)}.nav-links a:hover,.nav-cta:hover{color:var(--accent-soft)}.nav-cta{font-size:14px;color:var(--accent-soft)}.hero,.section,.footer{padding-left:7vw;padding-right:7vw}.hero{padding-top:12vh;padding-bottom:10vh;border-bottom:1px solid var(--line)}.hero-kicker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;letter-spacing:.12em}.dot{width:8px;height:8px;border-radius:50%;background:#7d9a4a;box-shadow:0 0 0 6px #7d9a4a29}.hero-title{margin-top:28px;font-family:var(--serif);font-size:clamp(48px,8vw,112px);font-weight:600;line-height:1.05;letter-spacing:.04em}.hero-title em{display:block;margin-top:18px;max-width:14ch;font-style:normal;font-size:clamp(22px,3.4vw,40px);font-weight:500;line-height:1.35;color:var(--accent-soft)}.hero-lead{max-width:42rem;margin-top:28px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:44px;padding:0 20px;border-radius:999px;font-size:14px;transition:transform .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff7ee}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,160px));gap:32px;margin-top:72px}.hero-meta dt{font-size:12px;letter-spacing:.16em;color:var(--muted)}.hero-meta dd{margin-top:6px;font-family:var(--serif);font-size:22px}.section{padding-top:96px;padding-bottom:96px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:48px}.section-index{font-size:13px;letter-spacing:.2em;color:var(--accent)}.section-head h2{font-family:var(--serif);font-size:36px;font-weight:600}.about-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:48px}.about-copy p+p{margin-top:18px}.about-copy{max-width:40rem;color:#d8d0be;font-size:18px}.about-card{padding:28px;background:var(--bg-soft);border:1px solid var(--line)}.about-card h3{font-family:var(--serif);font-size:20px;margin-bottom:16px}.about-card li{list-style:none;padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}.about-sign{display:flex;justify-content:space-between;margin-top:28px;color:var(--accent-soft);font-family:var(--serif)}.work-list{display:flex;flex-direction:column}.work-item{display:grid;grid-template-columns:80px 1fr 110px;gap:24px;padding:32px 0;border-top:1px solid var(--line);align-items:start}.work-item:hover h3{color:var(--accent-soft)}.work-year,.work-role{color:var(--muted);font-size:13px;letter-spacing:.12em}.work-role{text-align:right}.work-body h3{font-family:var(--serif);font-size:28px;font-weight:600;transition:color .2s ease}.work-body p{max-width:46rem;margin-top:10px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tags li{list-style:none;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--accent-soft)}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skill-grid article{min-height:180px;padding:24px;background:var(--bg-soft);border:1px solid var(--line)}.skill-grid h3{font-family:var(--serif);font-size:22px;margin-bottom:12px}.skill-grid p{color:var(--muted);font-size:14px}.marquee{overflow:hidden;margin-top:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-track{display:flex;gap:48px;width:max-content;padding:18px 0;animation:drift 28s linear infinite;color:var(--muted);font-family:var(--serif);font-size:22px;letter-spacing:.12em}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-panel{padding:48px;background:radial-gradient(circle at right top,rgba(196,92,38,.18),transparent 40%),var(--bg-soft);border:1px solid var(--line)}.contact-lead{max-width:28rem;color:var(--muted)}.contact-mail{display:inline-block;margin-top:18px;font-family:var(--serif);font-size:clamp(28px,5vw,56px);line-height:1.2}.contact-mail:hover{color:var(--accent-soft)}.contact-links{display:flex;gap:24px;margin-top:28px;color:var(--muted);font-size:14px}.contact-links a:hover{color:var(--ink)}.footer{display:flex;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:28px;color:var(--muted);font-size:13px}.copied{color:var(--accent-soft)!important}@media(max-width:900px){.nav-links{display:none}.about-grid,.skill-grid,.work-item{grid-template-columns:1fr}.work-role{text-align:left}.hero-meta{grid-template-columns:1fr;gap:18px}.contact-panel{padding:28px}.footer{flex-direction:column}}