:root{color-scheme:dark;--bg: #111411;--bg-soft: #171b17;--ink: #f1eee5;--muted: #9ca096;--dim: #666c63;--line: rgba(226, 231, 214, .15);--line-strong: rgba(226, 231, 214, .28);--stone: #464d44;--face: #d8ddce;--dark: #252c27;--accent: #e7753d;--metal: #9ea99a;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100svh;background:var(--bg)}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:var(--bg);background:var(--accent)}.show-shell{max-width:1440px;min-height:100svh;margin:0 auto;padding:30px 52px 28px;position:relative;isolation:isolate;overflow:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 1px,transparent 1px,transparent 4px);mix-blend-mode:soft-light}.site-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.wordmark{font-family:Georgia,Times New Roman,serif;font-size:24px;letter-spacing:-.06em}.wordmark span{color:var(--accent)}.header-meta{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:12px;letter-spacing:.03em}.header-meta button,.header-meta a{border:0;background:none;padding:8px 0;color:inherit}.header-meta button:hover,.header-meta a:hover{color:var(--ink)}.header-status{display:inline-flex;gap:8px;align-items:center;color:var(--dim)}.header-status i{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #e7753d1f}.hero{min-height:690px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:20px;align-items:center;padding:46px 0 20px}.hero-copy{align-self:center;position:relative;z-index:2;padding:30px 0 0 8px}.hero h1{max-width:580px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,6.8vw,112px);font-weight:400;line-height:.95;letter-spacing:-.075em}.hero h1 em{color:#b8c0b3;font-style:normal}.stage-wrap{min-width:0;height:620px;position:relative}.stage-wrap:before{content:"";position:absolute;width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(231,117,61,.12);border-radius:50%;box-shadow:0 0 100px #e7753d0d;pointer-events:none}.stage-wrap:after{content:"";position:absolute;top:12%;right:4%;bottom:8%;left:9%;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg) skew(-9deg);pointer-events:none}.scene,.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.scene-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.scene-canvas canvas:active{cursor:grabbing}.scene-status{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:11px;letter-spacing:.08em}.project-index{border-top:1px solid var(--line-strong);padding:20px 0 0}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-row{display:grid;grid-template-columns:1fr 20px;gap:12px;min-height:92px;align-items:start;padding:17px 14px 15px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;transition:border-color .2s,transform .2s}.project-row:hover,.project-row[aria-pressed=true]{border-color:var(--accent);transform:translateY(-3px)}.project-main{display:grid;gap:9px}.project-main strong{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400;letter-spacing:-.04em}.project-main small{color:var(--muted);font-size:12px;line-height:1.6}.project-arrow{color:var(--accent);font-size:18px;opacity:.7;transition:transform .2s}.project-row:hover .project-arrow,.project-row[aria-pressed=true] .project-arrow{transform:translate(3px,-3px)}.project-detail{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-top:54px;padding:26px 0 30px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}.project-detail[hidden]{display:none}.detail-copy{max-width:620px}.detail-copy h2{margin:11px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-.06em}.detail-description{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.detail-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}.detail-actions a{padding:9px 0;border-bottom:1px solid var(--ink);font-size:12px}.detail-actions a span{color:var(--accent)}.close-detail{border:0;background:none;padding:10px 0;color:var(--muted);font-size:12px}.close-detail:hover{color:var(--ink)}@media(max-width:900px){.show-shell{padding-inline:28px}.hero{grid-template-columns:1fr;min-height:0;padding-top:66px}.hero-copy{padding-left:0}.hero h1{max-width:620px;font-size:clamp(56px,11vw,92px)}.stage-wrap{height:min(600px,70vw);min-height:470px;margin-top:-14px}.project-list{gap:10px}}@media(max-width:600px){.show-shell{padding:22px 19px 24px}.header-meta{gap:15px;font-size:11px}.header-status{display:none}.hero{padding-top:46px}.hero h1{font-size:clamp(48px,14vw,76px);line-height:.98}.stage-wrap{height:470px;min-height:0;margin:0 -18px}.stage-wrap:before{width:250px;height:250px}.stage-wrap:after{top:15%;right:3%;bottom:10%;left:3%}.project-list{display:block;margin-top:8px}.project-row{grid-template-columns:1fr 18px;min-height:74px;padding:15px 8px 13px 0}.project-main{gap:5px}.project-main strong{font-size:18px}.project-main small{font-size:11px}.project-detail{display:block;margin-top:34px;padding:22px 0 24px}.detail-copy h2{font-size:38px}.detail-actions{justify-content:space-between;margin-top:25px}}@media(pointer:coarse){.header-meta button,.header-meta a,.project-row,.detail-actions a,.close-detail{min-height:44px}}