:root{--bg: #0f1110;--bg-2: #171a18;--ink: #f4f1ea;--muted: #b7b2a6;--line: rgba(244, 241, 234, .12);--accent: #d8ff64;--accent-2: #7fd3c2;--warm: #e8c4a8;--serif: "Instrument Serif", "Songti SC", serif;--sans: "Outfit", "PingFang SC", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(216,255,100,.08),transparent 50%),radial-gradient(900px 500px at -10% 20%,rgba(127,211,194,.08),transparent 45%),var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;letter-spacing:.01em;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.cursor{display:none}@media(pointer:fine){.cursor{display:block;position:fixed;top:-10px;left:-10px;width:20px;height:20px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;z-index:20;mix-blend-mode:difference;transition:transform .08s linear}}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 7vw;background:#0f1110b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav__mark{font-family:var(--serif);font-size:22px;letter-spacing:.08em}.nav__links{display:flex;gap:28px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nav__links a:hover,.nav__cta:hover{color:var(--accent)}.nav__cta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);padding:8px 14px;border-radius:999px}.hero{padding:12vh 7vw 8vh;max-width:1200px}.hero__kicker{color:var(--accent-2);letter-spacing:.22em;text-transform:uppercase;font-size:12px;margin-bottom:28px}.hero__title{font-family:var(--serif);font-weight:400;font-size:clamp(48px,9vw,118px);line-height:.92}.hero__title span{display:block;margin-top:10px;font-size:clamp(28px,4.6vw,56px);font-style:italic;color:var(--warm)}.hero__lead{max-width:560px;margin-top:32px;color:var(--muted);font-size:18px;line-height:1.7}.hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:28px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}.hero__meta span{display:block;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:18px 0;color:var(--muted);letter-spacing:.28em;text-transform:uppercase;font-size:12px}.marquee__track{display:flex;width:max-content;gap:48px;animation:drift 28s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:48px}.section-head p{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.section-head h2{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400}.work,.about,.notes,.contact{padding:10vh 7vw}.project{display:grid;grid-template-columns:72px 1fr 320px;gap:32px;align-items:center;padding:40px 0;border-top:1px solid var(--line);opacity:0;transform:translateY(16px);animation:rise .7s ease both;animation-delay:var(--delay, 0ms)}.project.is-in{opacity:1}.project__index{font-family:var(--serif);font-size:28px;color:var(--muted)}.project__tag{color:var(--accent-2);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.project h3{font-family:var(--serif);font-size:36px;font-weight:400;margin-bottom:14px}.project p{color:var(--muted);line-height:1.7;max-width:52ch}.project ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:20px}.project li{font-size:12px;letter-spacing:.08em;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted)}.project__visual{height:220px;border-radius:24px;perspective:800px;transform-style:preserve-3d;transition:transform .2s ease}.project__visual--a{background:linear-gradient(160deg,#1e2a24,#101613);display:grid;place-items:center}.project__visual--b{background:linear-gradient(160deg,#26201b,#14110f);display:grid;place-items:center}.project__visual--c{background:linear-gradient(160deg,#1b2230,#101318);display:grid;place-items:center}.vis-card{width:78%;background:#f4f1ea0f;border:1px solid var(--line);border-radius:16px;padding:14px}.vis-card header,.vis-card footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.vis-bars{display:flex;align-items:flex-end;gap:8px;height:88px;margin:16px 0}.vis-bars i{flex:1;height:var(--h);background:linear-gradient(180deg,var(--accent),#8ea84a);border-radius:6px 6px 0 0;display:block}.vis-note{width:74%;min-height:120px;border:1px solid var(--line);border-radius:8px 28px 8px 8px;padding:20px;background:#f4f1ea0a}.vis-note__dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--warm);margin-bottom:16px}.vis-note p{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--ink)}.vis-note em{display:block;margin-top:18px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.vis-folio{font-family:var(--serif);font-size:42px;letter-spacing:.28em;color:var(--accent)}.about__grid{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}.portrait{aspect-ratio:4 / 5;border-radius:180px 180px 28px 28px;background:radial-gradient(circle at 40% 30%,#f1e4cf,transparent 36%),linear-gradient(180deg,#2a2420,#121110);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;font-family:var(--serif);font-size:36px;line-height:1;border:1px solid var(--line)}.about__portrait figcaption{margin-top:14px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.about__copy p{color:var(--muted);line-height:1.8;font-size:18px;margin-bottom:18px}.facts{display:grid;gap:18px;margin-top:32px}.facts dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.facts dd{color:var(--ink)}.skills{padding:0 7vw 8vh}.skills ul{list-style:none;border-top:1px solid var(--line)}.skills li{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(28px,4vw,44px)}.skills span{font-family:var(--sans);font-size:12px;letter-spacing:.16em;color:var(--muted)}.notes__list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.notes article{border:1px solid var(--line);border-radius:20px;padding:28px;background:#f4f1ea08;min-height:240px}.notes time{color:var(--accent-2);font-size:12px;letter-spacing:.14em}.notes h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:16px 0 12px}.notes p{color:var(--muted);line-height:1.7}.contact{text-align:center;padding-bottom:12vh}.contact__kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:12px;margin-bottom:20px}.contact h2{font-family:var(--serif);font-size:clamp(36px,6vw,72px);font-weight:400}.contact__mail{display:inline-block;margin-top:28px;font-size:clamp(22px,3vw,36px);border-bottom:1px solid var(--accent);padding-bottom:6px}.contact__links{display:flex;justify-content:center;gap:28px;margin-top:36px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.foot{display:flex;justify-content:space-between;gap:16px;padding:24px 7vw 40px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.foot code{color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.nav__links{display:none}.hero__meta,.project,.about__grid,.notes__list{grid-template-columns:1fr}.project__index{display:none}.project__visual{height:200px}.foot{flex-direction:column}}