:root{--bg: #14110e;--bg-2: #1c1814;--ink: #efe6d6;--muted: #b8ab94;--line: rgba(239, 230, 214, .12);--accent: #c45c3a;--accent-2: #e8c48a;--paper: #efe6d6;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--serif-cn: "Noto Serif SC", "Songti SC", serif;--serif-en: "Instrument Serif", "Noto Serif SC", serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(1200px 700px at 80% -10%,#2a2118 0%,var(--bg) 55%);color:var(--ink);font-family:var(--serif-cn);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;opacity:.09;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")}.orb{pointer-events:none;position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(196,92,58,.18),transparent 68%);filter:blur(8px);z-index:0;transform:translate(-50%,-50%);left:70%;top:20%}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 7vw;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#14110e8c;border-bottom:1px solid var(--line)}.nav-mark{font-family:var(--mono);letter-spacing:.22em;font-size:12px;color:var(--accent-2)}.nav-links{display:flex;gap:28px;font-family:var(--mono);font-size:12px;letter-spacing:.12em}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--ink)}.nav-toggle{display:none;width:36px;height:36px;background:transparent;border:0;cursor:pointer}.nav-toggle span{display:block;height:1px;background:var(--paper);margin:7px 0}main{position:relative;z-index:1;padding:0 7vw}.hero{padding:12vh 0 14vh;max-width:980px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--accent-2);margin:0 0 28px}h1{margin:0;display:flex;flex-direction:column;gap:8px}.hero-cn{font-size:clamp(56px,9vw,120px);font-weight:700;line-height:1;letter-spacing:.08em}.hero-en{font-family:var(--serif-en);font-style:italic;font-size:clamp(22px,3vw,36px);color:var(--muted);font-weight:400}.hero-lead{margin:36px 0 0;font-size:clamp(18px,2.2vw,24px);color:var(--muted);max-width:28em}.hero-actions{display:flex;gap:14px;margin-top:40px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:46px;padding:0 22px;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.12em}.btn-solid{background:var(--accent);color:#fff8ee}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent-2)}.hero-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:64px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.08em}.section{padding:88px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:40px}.idx{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.16em}.section-head h2{margin:0;font-size:28px;font-weight:600;letter-spacing:.12em}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px}.about-lead{margin:0;font-size:22px;line-height:1.85}.about-facts{list-style:none;margin:0;padding:0;display:grid;gap:22px}.about-facts strong{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--accent-2);font-weight:500;margin-bottom:6px}.about-facts span{color:var(--muted)}.work-list{display:grid;gap:28px}.work-card{display:grid;grid-template-columns:280px 1fr;gap:36px;padding:28px;background:linear-gradient(180deg,#fff8ee0a,#fff8ee04);border:1px solid var(--line);border-radius:22px}.work-visual{position:relative;height:180px;border-radius:16px;overflow:hidden;background:#0f0d0b}.v1{background:radial-gradient(circle at 30% 80%,#c45c3a,#2a1a14 45%,#0f0d0b)}.v2{background:linear-gradient(135deg,#1b2420,#0f0d0b)}.v3{background:radial-gradient(circle at 70% 30%,#e8c48a,#3a2e1c 38%,#0f0d0b)}.v-line,.v-card,.v-dot,.v-grid,.v-bar,.v-circle,.v-ring{position:absolute}.v-line{left:18%;top:18%;width:1px;height:70%;background:#efe6d666}.v-card{right:16%;top:28%;width:48%;height:46%;border:1px solid rgba(239,230,214,.35);border-radius:8px}.v-dot{left:16%;top:16%;width:8px;height:8px;border-radius:50%;background:var(--accent-2)}.v-grid{top:16px;right:16px;bottom:16px;left:16px;background-image:linear-gradient(rgba(232,196,138,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(232,196,138,.18) 1px,transparent 1px);background-size:18px 18px}.v-bar{left:22%;bottom:28%;width:56%;height:10px;background:#6ea08a;border-radius:99px}.v-bar.short{bottom:44%;width:34%;background:#c45c3a}.v-circle{left:28%;top:28%;width:70px;height:70px;border-radius:50%;background:#efe6d6}.v-ring{right:18%;bottom:18%;width:90px;height:90px;border:1px solid rgba(239,230,214,.45);border-radius:50%}.work-tag{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent-2)}.work-body h3{margin:0 0 12px;font-size:28px;letter-spacing:.06em}.work-body p{margin:0 0 18px;color:var(--muted);max-width:38em}.work-link{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:2px}.note-list{list-style:none;margin:0;padding:0}.note-list li{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);font-size:20px}.note-list time{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.12em;padding-top:8px}.contact-lead{font-size:22px;color:var(--muted);max-width:22em}.contact-row{display:flex;flex-wrap:wrap;gap:28px;margin-top:32px;font-family:var(--mono);letter-spacing:.08em}.contact-row a{border-bottom:1px solid var(--accent);padding-bottom:4px}.foot{display:flex;justify-content:space-between;padding:28px 7vw 48px;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.12em}@media(max-width:860px){.nav-links{display:none}.nav.open .nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:16px;padding:20px 7vw 28px;background:#14110ef5;border-bottom:1px solid var(--line)}.nav-toggle{display:block}.about-grid,.work-card,.note-list li{grid-template-columns:1fr;gap:18px}.hero{padding-top:8vh}}