:root{--admin-ink:#171a1f;--admin-muted:#69717b;--admin-soft:#9099a4;--admin-line:#c7ced3;--admin-line-strong:#9ea8b0;--admin-paper:#f6f4ef;--admin-paper-2:#ebe8df;--admin-panel:#fffdf7e0;--admin-coal:#20242a;--admin-cyan:#47b9c8;--admin-rose:#f0657d;--admin-gold:#d9aa35;--admin-green:#5b9d73;--admin-shadow:0 22px 60px #171a1f24;color:var(--admin-ink);font-family:Microsoft YaHei UI,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}:is(body:has(.admin-shell),body:has(.admin-login)){background:linear-gradient(90deg, #171a1f09 1px, transparent 1px), linear-gradient(#171a1f07 1px, transparent 1px), radial-gradient(circle at 18% 12%, #47b9c821, transparent 28%), radial-gradient(circle at 88% 78%, #f0657d1f, transparent 30%), var(--admin-paper);background-size:34px 34px,34px 34px,auto,auto;margin:0}.admin-shell{grid-template-columns:274px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{background:linear-gradient(#fffdf7eb,#ebe8dfe0),repeating-linear-gradient(0deg,#0000 0 27px,#171a1f09 28px);border-right:1px solid #9ea8b09e;flex-direction:column;gap:28px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;box-shadow:14px 0 40px #171a1f14}.admin-brand{background:#fffdf7bd;border:1px solid #9ea8b0b8;align-items:center;gap:12px;padding:10px;display:flex;box-shadow:4px 4px #171a1f14}.admin-brand-mark{border:1px solid var(--admin-ink);background:var(--admin-ink);color:#fffdf7;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:24px;display:grid}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{letter-spacing:.16em;text-transform:uppercase;font-size:13px}.admin-brand small{color:var(--admin-muted);letter-spacing:.04em;margin-top:3px;font-size:12px}.admin-nav{gap:8px;display:grid}.admin-nav a,.admin-ghost-link{color:#4f5964;min-height:44px;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:transform .16s,color .16s,background .16s,border-color .16s;display:flex}.admin-nav a span,.admin-ghost-link span{text-overflow:ellipsis;min-width:0;overflow:hidden}.admin-nav a.active{color:var(--admin-ink);background:#fffdf7eb;border-color:#171a1fc7;box-shadow:4px 4px #47b9c838}.admin-nav a:hover,.admin-ghost-link:hover{color:var(--admin-ink);transform:translate(3px)}.admin-sidebar-foot{border-top:1px dashed #9ea8b0cc;gap:8px;margin-top:auto;padding-top:18px;display:grid}.admin-main{min-width:0;padding:clamp(24px,4vw,54px)}.admin-page{gap:22px;display:grid}.admin-page-head{border-bottom:1px solid #9ea8b0a3;justify-content:space-between;align-items:end;gap:24px;padding-bottom:20px;display:flex}.admin-kicker{color:var(--admin-rose);letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.admin-page-head h1,.admin-login-panel h1{letter-spacing:0;margin:0;font-size:clamp(34px,5vw,62px);line-height:.94}.admin-page-head p:not(.admin-kicker){max-width:620px;color:var(--admin-muted);margin:12px 0 0;line-height:1.8}.admin-action,.admin-mini-action,.admin-danger-action,.admin-upload-inline,.admin-panel-head a,.admin-login-panel button{border:1px solid var(--admin-ink);background:var(--admin-ink);color:#fffdf7;min-height:42px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:4px 4px #f0657d4d}.admin-action:hover,.admin-mini-action:hover,.admin-danger-action:hover,.admin-upload-inline:hover,.admin-panel-head a:hover,.admin-login-panel button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #47b9c847}.admin-mini-action{min-height:36px;color:var(--admin-ink);background:#fffdf7d1;padding:8px 12px;box-shadow:3px 3px #d9aa3547}.admin-danger-action{color:#9e3042;background:#f0657d1f;border-color:#9e3042b8;box-shadow:4px 4px #f0657d2e}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-stats article,.admin-panel{box-shadow:var(--admin-shadow);background:linear-gradient(135deg,#fffdf7f5,#f7f5eedb),repeating-linear-gradient(0deg,#0000 0 31px,#171a1f08 32px);border:1px solid #9ea8b0c7;position:relative}.admin-stats article{align-content:space-between;min-height:142px;padding:18px;display:grid;overflow:hidden}.admin-stats article:after,.admin-panel:after{content:"";background:linear-gradient(90deg, var(--admin-cyan), var(--admin-gold), var(--admin-rose));height:3px;position:absolute;top:-2px;left:14px;right:14px}.admin-stats span,.admin-stats small{color:var(--admin-muted);font-size:13px}.admin-stats strong{font-family:Georgia,serif;font-size:48px;font-weight:500;line-height:1}.admin-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.admin-grid-2.align-start{align-items:start}.admin-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.admin-settings-grid .span-2{grid-column:1/-1}.admin-panel{padding:18px}.admin-panel-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.admin-panel-head h2{margin:0;font-size:20px}.admin-panel-head p,.admin-panel-head span{color:var(--admin-muted);margin:6px 0 0;font-size:13px;line-height:1.7}.admin-panel-head span{white-space:nowrap}.admin-list,.admin-table{display:grid}.admin-data-table{min-width:0;display:grid;overflow-x:auto}.admin-data-head,.admin-data-row{border-top:1px solid #c7ced3b8;align-items:center;gap:14px;min-width:860px;padding:13px 0;display:grid}.admin-data-head{color:var(--admin-soft);letter-spacing:.1em;text-transform:uppercase;border-top:0;padding-top:0;font-size:12px;font-weight:800}.admin-data-row{color:var(--admin-ink)}.admin-data-row:hover{background:#47b9c80f}.admin-data-row strong,.admin-data-row small{overflow-wrap:anywhere;display:block}.admin-data-row small,.admin-data-row>span{color:var(--admin-muted);margin-top:4px;font-size:13px}.post-table{grid-template-columns:64px minmax(220px,1.5fr) 110px 130px minmax(140px,.8fr) minmax(260px,1fr)}.project-table{grid-template-columns:64px minmax(220px,1.5fr) 110px 80px 120px 100px minmax(320px,1.2fr)}.admin-row-cover{background:linear-gradient(135deg,#fffdf7db,#ebe8df80),repeating-linear-gradient(-45deg,#0000 0 6px,#47b9c814 6px 7px);border:1px solid #9ea8b0b8;width:48px;height:48px;overflow:hidden;box-shadow:3px 3px #47b9c81a}.admin-row-cover img{object-fit:cover;width:100%;height:100%;display:block}.admin-row-cover span{width:100%;height:100%;display:block}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-row-actions button,.admin-row-actions a,.table-upload-action{min-height:32px;color:var(--admin-ink);font:inherit;cursor:pointer;background:#fffdf7c7;border:1px solid #9ea8b0d1;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:12px;text-decoration:none;display:inline-flex;position:relative}.admin-row-actions button.danger{color:#9e3042;border-color:#9e304275}.table-upload-action{overflow:hidden}.table-upload-action input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-list-row,.admin-row,.admin-table-head{border-top:1px solid #c7ced3b8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 0;display:grid}.admin-row.as-button,.admin-project-card.as-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.admin-row.as-button{background:0 0;border-bottom:0;border-left:0;border-right:0}.admin-row.as-button.active,.admin-row.as-button:hover{background:#47b9c814}.admin-row,.admin-table-head{grid-template-columns:minmax(180px,1.3fr) 100px minmax(120px,.8fr)}.admin-table-head{color:var(--admin-soft);letter-spacing:.1em;text-transform:uppercase;border-top:0;padding-top:0;font-size:12px;font-weight:800}.admin-list-row strong,.admin-row strong{overflow-wrap:anywhere;display:block}.admin-list-row span,.admin-row small,.admin-row>span{color:var(--admin-muted);overflow-wrap:anywhere;margin-top:4px;font-size:13px;display:block}.admin-badge{width:max-content;min-height:26px;color:var(--admin-muted);text-transform:uppercase;background:#fffdf7d1;border:1px solid #171a1f47;align-items:center;padding:4px 9px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.admin-badge.is-published{color:#35714d;background:#5b9d731f;border-color:#5b9d738c}.admin-badge.is-draft{color:#8a6518;background:#d9aa3524;border-color:#d9aa359e}.admin-dropzone,.admin-upload-button{min-height:146px;color:var(--admin-ink);text-align:center;cursor:pointer;background:linear-gradient(135deg,#47b9c814,#0000 44%),#fffdf7b8;border:1px dashed #171a1f75;place-items:center;gap:7px;margin-bottom:14px;padding:22px;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative}.admin-dropzone.compact{min-height:118px;margin-bottom:0}.admin-dropzone:hover,.admin-upload-button:hover{border-color:var(--admin-ink);background:#fffdf7f2;transform:translateY(-2px)}.admin-dropzone span,.admin-upload-button span{color:var(--admin-muted);font-size:13px}.admin-dropzone input,.admin-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-editor,.admin-login-panel input,.admin-form-grid input,.admin-form-grid select{width:100%;color:var(--admin-ink);font:inherit;background:#fffdf7f0;border:1px solid #9ea8b0d1;outline:none;padding:12px 14px;line-height:1.7}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.admin-form-grid label{color:var(--admin-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.admin-form-grid label>span{color:var(--admin-muted)}.admin-form-grid .span-2{grid-column:1/-1}.admin-cover-preview{background:#fffdf7b8;border:1px solid #9ea8b0b8;min-height:160px;position:relative;overflow:hidden;box-shadow:5px 5px #47b9c81f}.admin-cover-preview img{object-fit:cover;width:100%;height:190px;display:block}.admin-cover-preview span{color:var(--admin-muted);letter-spacing:.16em;text-transform:uppercase;background:#fffdf7d1;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;bottom:10px;left:12px}.cover-picker{gap:10px;display:grid}.cover-picker-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cover-upload{min-height:34px;padding:7px 10px;font-size:12px}.cover-picker-panel{background:linear-gradient(135deg,#fffdf7f2,#ebe8df9e),repeating-linear-gradient(0deg,#0000 0 22px,#171a1f06 23px);border:1px solid #9ea8b0b8;gap:12px;padding:12px;display:grid;box-shadow:5px 5px #47b9c81a}.cover-picker-panel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cover-picker-panel header div{gap:3px;display:grid}.cover-picker-panel header strong{color:var(--admin-ink);font-size:14px}.cover-picker-panel header span,.cover-picker-message,.cover-picker-empty{color:var(--admin-muted);margin:0;font-size:12px}.cover-picker-search{width:100%;min-height:38px;color:var(--admin-ink);font:inherit;background:#fffdf7e6;border:1px solid #9ea8b0b8;outline:none;padding:8px 10px}.cover-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:330px;padding-right:4px;display:grid;overflow:auto}.cover-picker-grid button{color:var(--admin-ink);text-align:left;cursor:pointer;background:#fffdf7ad;border:1px solid #9ea8b09e;gap:6px;padding:6px;transition:transform .16s,border-color .16s,background .16s;display:grid}.cover-picker-grid button:hover,.cover-picker-grid button.is-selected{border-color:var(--admin-teal);background:#fffdf7f5;transform:translateY(-2px)}.cover-picker-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid #171a1f14;width:100%;display:block}.cover-picker-grid button span{min-width:0;color:var(--admin-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cover-picker-empty{border:1px dashed #9ea8b0b8;grid-column:1/-1;padding:12px}.admin-preview-paper{background:linear-gradient(135deg,#fffdf7f5,#ebe8dfb3),repeating-linear-gradient(0deg,#0000 0 26px,#171a1f09 27px);border:1px solid #9ea8b0b8;gap:9px;margin-top:16px;padding:16px;display:grid;box-shadow:5px 5px #47b9c81f}.admin-preview-paper small{color:var(--admin-rose);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.admin-preview-paper strong{font-size:24px;line-height:1.2}.admin-preview-paper p{color:var(--admin-muted);margin:0;line-height:1.7}.admin-block-editor{gap:12px;margin-top:16px;display:grid}.admin-block-editor article{background:#fffdf79e;border:1px solid #c7ced3d1;gap:10px;padding:14px;display:grid}.admin-block-editor label{color:var(--admin-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.admin-block-editor input{width:100%;min-height:42px;color:var(--admin-ink);font:inherit;background:#fffdf7f0;border:1px solid #9ea8b0d1;outline:none;padding:8px 10px}.admin-form-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.admin-drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#171a1f2e;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-drawer{background:linear-gradient(135deg,#fffdf7fa,#f7f5eef0),repeating-linear-gradient(0deg,#0000 0 31px,#171a1f08 32px);border-left:1px solid #9ea8b0d1;grid-template-rows:auto auto 1fr auto;gap:16px;width:min(620px,100vw - 28px);height:100vh;padding:22px;display:grid;overflow-y:auto;box-shadow:-22px 0 60px #171a1f29}.admin-drawer-head,.admin-drawer-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-drawer-head{border-bottom:1px solid #c7ced3d1;padding-bottom:14px}.admin-drawer-head h2{margin:0;font-size:28px}.admin-icon-button{width:38px;height:38px;color:var(--admin-ink);cursor:pointer;background:#fffdf7d1;border:1px solid #9ea8b0d1;place-items:center;display:grid}.drawer-form{align-content:start}.admin-drawer-actions{background:#fffdf7f0;border-top:1px solid #c7ced3d1;justify-content:flex-start;padding-top:14px;padding-bottom:2px;position:sticky;bottom:-22px}.admin-editor{resize:vertical}.admin-editor.code{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px}.admin-editor:focus,.admin-login-panel input:focus,.admin-form-grid input:focus,.admin-form-grid select:focus{border-color:var(--admin-ink);box-shadow:0 0 0 3px #47b9c829}.admin-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-project-stack{gap:12px;display:grid}.admin-project-card{background:#fffdf7ad;border:1px solid #c7ced3d1;gap:18px;min-height:220px;padding:16px;display:grid}.admin-project-card.as-button.active,.admin-project-card.as-button:hover{border-color:#171a1f94;box-shadow:5px 5px #47b9c833}.admin-project-card h3{margin:14px 0 8px;font-size:20px}.admin-project-card p{min-height:44px;color:var(--admin-muted);margin:0 0 12px;line-height:1.6}.admin-project-card div>span{color:var(--admin-soft);font-size:12px}.admin-upload-button{min-height:44px;margin:0;padding:10px 12px;display:flex}.admin-upload-inline{min-height:42px;color:var(--admin-ink);background:#fffdf7d1;position:relative;overflow:hidden;box-shadow:4px 4px #47b9c833}.admin-upload-inline input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-notice,.admin-error{color:#2f6947;background:#5b9d731f;border:1px solid #5b9d737a;margin:0;padding:12px 14px}.admin-error{color:#a53347;background:#f0657d1f;border-color:#f0657d6b}.media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.media-search{min-height:42px;color:var(--admin-muted);background:#fffdf7db;border:1px solid #9ea8b0d1;align-items:center;gap:10px;margin-bottom:16px;padding:0 12px;display:flex}.media-search input{width:100%;color:var(--admin-ink);font:inherit;background:0 0;border:0;outline:none}.media-card{color:var(--admin-ink);background:#fffdf7b8;border:1px solid #c7ced3d1;gap:10px;padding:10px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid}.media-card:hover{transform:translateY(-3px);box-shadow:5px 5px #47b9c838}.media-card>a{color:inherit;gap:10px;text-decoration:none;display:grid}.media-thumb{aspect-ratio:4/3;background:var(--admin-paper-2);border:1px solid #171a1f29;place-items:center;display:grid;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-card strong,.media-card small{overflow-wrap:anywhere}.media-card small{color:var(--admin-muted)}.media-edit{gap:8px;display:grid}.media-edit label{color:var(--admin-muted);gap:5px;font-size:12px;font-weight:700;display:grid}.media-edit input{width:100%;min-height:34px;color:var(--admin-ink);font:inherit;background:#fffdf7e6;border:1px solid #9ea8b0b8;outline:none;padding:7px 9px}.media-tags{flex-wrap:wrap;gap:6px;display:flex}.media-tags span{color:var(--admin-muted);background:#47b9c81a;border:1px solid #47b9c857;padding:3px 7px;font-size:11px}.media-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.media-actions button{min-height:34px;color:var(--admin-ink);font:inherit;cursor:pointer;background:#fffdf7db;border:1px solid #9ea8b0d1;justify-content:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.media-actions button.danger{color:#9e3042;border-color:#9e304275}.admin-login{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-panel{width:min(420px,100%);box-shadow:var(--admin-shadow);background:linear-gradient(135deg,#fffdf7f5,#ebe8dfe6),repeating-linear-gradient(0deg,#0000 0 31px,#171a1f09 32px);border:1px solid #9ea8b0e0;gap:16px;padding:28px;display:grid}.admin-login-panel h1{margin-bottom:6px;font-size:46px}.admin-login-panel label{color:var(--admin-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.admin-login-panel button{width:100%;margin-top:4px}@media (width<=1060px){.admin-stats,.admin-grid-2,.admin-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{gap:18px;height:auto;position:static}.admin-main{padding:22px 16px 36px}.admin-nav,.admin-sidebar-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page-head,.admin-panel-head{display:grid}.admin-stats,.admin-grid-2,.admin-settings-grid,.admin-project-grid,.admin-form-grid,.admin-list-row,.admin-row,.admin-table-head{grid-template-columns:1fr}.admin-table-head{display:none}.admin-drawer{width:100vw}.admin-drawer-actions{grid-template-columns:1fr;display:grid}}@font-face{font-family:Yozai;src:url(/assets/mr7ahxw8-Yozai-Medium-BKvaaZfm.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--bg:#e8ecf0;--surface:#f0f3f6;--paper:#f7f8f9;--fg:#1a1e23;--fg-2:#5a6570;--muted:#88939e;--line:#c5cdd4;--shadow:#1a1e2314;--paper-wash:#ffffff42;--ink-soft:#1a1e2324;--ink-faint:#1a1e230f;--rainbow-ink:linear-gradient(90deg, #25c8ff 0%, #5b7cff 18%, #925dff 34%, #db58ff 52%, #ff6498 68%, #ff9c53 84%, #f7ea62 100%);--pointer-x:50%;--pointer-y:22%;--hero-depth-x:0;--hero-depth-y:0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);min-height:100vh;color:var(--fg);margin:0;font-family:Yozai,PingFang SC,Microsoft YaHei UI,sans-serif;font-size:17px;line-height:1.75;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.12;background:radial-gradient(circle 28rem at var(--pointer-x) var(--pointer-y), #ffffff80 0, transparent 70%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.public-page{z-index:1;position:relative}.topbar{z-index:20;justify-content:space-between;align-items:baseline;width:min(100% - 48px,1440px);margin:0 auto;padding:20px 0 12px;transition:background .3s;display:flex;position:fixed;inset:0 0 auto}.topbar.scrolled{background:0 0}.brand{letter-spacing:.28em;text-transform:uppercase;color:var(--fg);font-size:16px}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px;font-size:15px;display:flex}.nav-sep{color:var(--line);-webkit-user-select:none;user-select:none}.nav a{color:var(--muted);padding:0 4px 12px;transition:color .18s cubic-bezier(.22,1,.36,1);position:relative}.nav a:before,.nav a:after{content:"";background:currentColor;width:0;height:1px;transition:width .28s cubic-bezier(.22,1,.36,1);position:absolute;left:0}.nav a:before{bottom:2px}.nav a:after{bottom:6px;transform:translate(6px)}.nav a.active,.nav a:hover{color:var(--fg)}.nav a.active:before,.nav a:hover:before{width:100%}.nav a.active:after,.nav a:hover:after{width:66%}.panel{align-items:center;min-height:100svh;padding:104px 24px 60px;display:flex;position:relative;overflow:clip}.panel:before{content:"";pointer-events:none;z-index:0;opacity:.72;border-top:1px solid #ffffff6b;border-bottom:1px solid #1a1e230e;position:absolute;inset:22px 18px}.panel:after{content:"";pointer-events:none;z-index:0;opacity:.34;mix-blend-mode:multiply;background:linear-gradient(115deg,#0000 0 42%,#ffffff3d 48%,#0000 62%),repeating-linear-gradient(0deg,#1a1e2305 0 1px,#0000 1px 9px);position:absolute;inset:0}.storyboard-num{z-index:10;position:absolute;top:28px;left:28px}.storyboard-num svg{width:48px;height:48px}.storyboard-num .num-circle{fill:none;stroke:var(--fg-2);stroke-width:1.2px}.storyboard-num .num-text{fill:var(--fg-2);text-anchor:middle;dominant-baseline:central;font-family:Yozai,PingFang SC,sans-serif;font-size:18px}.corner-marks{pointer-events:none;z-index:5;position:absolute;inset:0}.corner-mark{color:var(--line);letter-spacing:.1em;font-size:13px;position:absolute}.corner-mark.tl{top:16px;left:18px}.corner-mark.tr{top:18px;right:22px}.corner-mark.bl{bottom:80px;left:20px}.corner-mark.br{bottom:78px;right:20px}.section-nav{z-index:25;flex-direction:column;align-items:center;gap:18px;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.section-nav-btn{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;position:relative}.section-nav-btn:before,.section-nav-btn:after{content:"";background:var(--muted);height:1px;transition:width .28s cubic-bezier(.22,1,.36,1),background .18s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;left:3px}.section-nav-btn:before{width:10px;top:8px;transform:rotate(-11deg)}.section-nav-btn:after{width:15px;top:15px;transform:rotate(4deg)}.section-nav-btn:hover:before,.section-nav-btn:hover:after{background-image:var(--rainbow-ink);background-size:200% 100%}.section-nav-btn:hover:before{width:18px}.section-nav-btn:hover:after{width:22px}.section-nav-btn.is-active:before,.section-nav-btn.is-active:after{background-image:var(--rainbow-ink);background-size:140% 100%}.section-nav-btn.is-active:before{width:20px}.section-nav-btn.is-active:after{width:24px}.panel-wrap{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:32px;width:min(100%,1440px);margin:0 auto;display:grid;position:relative}.home-hero .hero-overlay{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;width:min(100%,1440px);margin:0 auto;display:grid;position:relative}.home-hero .hero-image-wrap{isolation:isolate;width:min(100%,940px);min-height:clamp(520px,70vh,680px);transform:translate(calc(var(--hero-depth-x) * 8px), calc(var(--hero-depth-y) * 6px));grid-area:1/1/auto/-1;margin-left:auto;transition:transform .12s linear;position:relative}.home-hero .hero-image-wrap:before{content:"";z-index:0;pointer-events:none;opacity:.34;filter:grayscale(.82)contrast(1.18)blur(.45px);mix-blend-mode:multiply;transform:translate(calc(var(--hero-depth-x) * -22px), calc(var(--hero-depth-y) * -18px));background-image:url(/assets/mr7di4mw-z-image-810203214-qVQZVzKO.png);background-position:18% 42%;background-repeat:no-repeat;background-size:min(86vw,1120px);position:absolute;inset:-18% -10% -10% -20%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16% 72%,#0000 94%),radial-gradient(62% 66% at 42% 44%,#000 24%,#0000 82%);mask-image:linear-gradient(90deg,#0000 0,#000 16% 72%,#0000 94%),radial-gradient(62% 66% at 42% 44%,#000 24%,#0000 82%)}.home-hero .hero-image-wrap img{z-index:3;background:linear-gradient(135deg, #ffffffd1, #f6f8f99e), var(--paper);filter:grayscale(.22)contrast(1.08);width:clamp(280px,29vw,390px);height:auto;transform:rotate(1.2deg) translate(calc(var(--hero-depth-x) * 14px), calc(var(--hero-depth-y) * 12px));border:1px solid #1a1e2321;padding:12px 12px 32px;display:block;position:absolute;bottom:clamp(30px,7vh,74px);right:clamp(28px,5vw,86px);box-shadow:0 24px 54px #1a1e2321,8px 10px #1a1e2309}.home-hero .hero-image-wrap:after{content:"";z-index:4;pointer-events:none;opacity:.86;width:clamp(290px,32vw,430px);height:42px;transform:rotate(-2.4deg) translate(calc(var(--hero-depth-x) * 9px), calc(var(--hero-depth-y) * 7px));background-color:#0000;background-image:linear-gradient(90deg,#0000 0 8%,#25c8ff 10%,#5b7cff 25%,#db58ff 50%,#ff6498 70%,#f7ea62 94%,#0000 100%),linear-gradient(#ffffff52,#ffffff52);background-position:0 100%,18% 0;background-repeat:no-repeat;background-size:100% 2px,48% 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;bottom:clamp(24px,6vh,64px);right:clamp(14px,4vw,68px)}.home-hero .hero-copy{z-index:2;grid-area:1/1/auto/span 6;align-self:center;padding-right:24px}.scroll-cue{z-index:8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:8px 4px 4px;animation:2.8s cubic-bezier(.45,0,.25,1) infinite pencil-breathe;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-cue svg{transition:transform .22s cubic-bezier(.22,1,.36,1);display:block;transform:rotate(.6deg)}.scroll-cue:hover svg{transform:rotate(.6deg)translateY(3px)}.scroll-cue:hover svg path{stroke:var(--fg-2);transition:stroke .22s}@keyframes pencil-breathe{0%,to{opacity:.42;transform:translate(-50%)translateY(0)}12%{opacity:.6;transform:translate(-50%)translateY(-2px)}36%{opacity:.85;transform:translate(-50%)translateY(8px)}48%{opacity:.78;transform:translate(-50%)translateY(7px)}68%{opacity:.5;transform:translate(-50%)translateY(1px)}}.blog-layout{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:clamp(48px,7vw,104px);width:min(100%,1200px);margin:0 auto;display:grid;position:relative}.blog-layout:before{content:"";z-index:-1;pointer-events:none;opacity:.22;filter:grayscale(.9)contrast(1.22)blur(.35px);mix-blend-mode:multiply;transform:translate(calc(var(--hero-depth-x) * -16px), calc(var(--hero-depth-y) * -10px));background-image:url(/assets/mr7g33gj-z-image-turbo_00044_-CKijhyri.png);background-position:30% 42%;background-repeat:no-repeat;background-size:min(76vw,1040px);position:absolute;inset:-18% 6% -8% 18%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18% 74%,#0000 96%),radial-gradient(62% 62% at 46% 44%,#000 22%,#0000 80%);mask-image:linear-gradient(90deg,#0000 0,#000 18% 74%,#0000 96%),radial-gradient(62% 62% at 46% 44%,#000 22%,#0000 80%)}.blog-copy{min-width:0;padding:22px 0 22px 28px;position:relative}.blog-copy:before{content:"";background:linear-gradient(180deg, transparent, var(--line) 16%, var(--ink-soft) 52%, transparent);width:1px;position:absolute;top:8px;bottom:14px;left:0}.blog-copy:after{content:"draft log / recent writing";color:var(--muted);letter-spacing:.22em;text-transform:uppercase;opacity:.52;font-size:10px;position:absolute;top:-30px;right:-16px}.blog-timeline{margin-top:34px;padding-left:88px;position:relative}.blog-timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:32px}.blog-entry{color:inherit;grid-template-columns:1fr;gap:12px;margin-bottom:22px;padding:16px 18px 17px 0;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .18s;display:grid;position:relative}.blog-entry.has-cover{grid-template-columns:minmax(92px,.32fr) minmax(0,1fr);align-items:center;padding-right:6px}.blog-entry:last-child{margin-bottom:0}.blog-entry:before{content:"";background:var(--fg-2);width:20px;height:1px;transition:width .24s cubic-bezier(.22,1,.36,1),background .18s;position:absolute;top:22px;left:-58px}.blog-entry:after{content:"";z-index:-1;opacity:.34;background:linear-gradient(90deg,#ffffff47,#ffffff0f 70%,#0000),repeating-linear-gradient(0deg,#1a1e2304 0 1px,#0000 1px 8px);border:1px solid #1a1e2312;transition:opacity .22s,transform .22s cubic-bezier(.22,1,.36,1),border-color .18s;position:absolute;inset:4px -18px 4px -24px;transform:rotate(-.35deg)}.blog-entry time{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;font-size:12px;position:absolute;top:7px;left:-88px;transform:rotate(180deg)}.blog-entry-cover{aspect-ratio:4/3;background:#ffffff24;border:1px solid #1a1e231f;display:block;position:relative;overflow:hidden;transform:rotate(-1.1deg);box-shadow:5px 6px #1a1e2309}.blog-entry-cover img{object-fit:cover;filter:grayscale(.18)contrast(1.06);width:100%;height:100%;display:block}.blog-entry-body h3{color:var(--fg);max-width:15ch;margin:0 0 8px;font-size:clamp(24px,2.45vw,34px);font-weight:500;line-height:1.1}.blog-entry-body p{color:var(--fg-2);max-width:38ch;margin:0 0 8px;font-size:14px;line-height:1.65}.blog-entry-tags{flex-wrap:wrap;gap:10px;display:flex}.blog-entry-tags span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding-left:12px;font-size:11px;position:relative}.blog-entry-tags span:before{content:"";background:var(--line);width:6px;height:1px;margin-top:-.5px;position:absolute;top:50%;left:0}.blog-entry:hover .blog-entry-body h3{color:#0000;background-image:var(--rainbow-ink);background-size:140% 100%;-webkit-background-clip:text;background-clip:text}.blog-entry:hover{filter:contrast(1.02);transform:translate(10px)rotate(-.2deg)}.blog-entry:hover:before{background-image:var(--rainbow-ink);width:30px}.blog-entry:hover:after{opacity:.92;border-color:#0000;transform:rotate(-.35deg)translate(6px)}.blog-illus{background:linear-gradient(135deg, #ffffffc7, #f6f8f98f), var(--paper);transform:rotate(-1.4deg) translate(calc(var(--hero-depth-x) * 10px), calc(var(--hero-depth-y) * 8px));border:1px solid #1a1e2321;align-self:start;padding:12px 12px 34px;position:sticky;top:120px;box-shadow:0 22px 48px #1a1e231c,7px 9px #1a1e2308}.blog-illus:before{content:"";z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff4d;border:1px solid #1a1e2314;height:32px;position:absolute;top:-16px;left:18px;right:18px;transform:rotate(3deg)}.blog-illus:after{content:"writing sample 02";color:var(--muted);letter-spacing:.18em;text-transform:uppercase;border-top:2px solid #0000;border-image:var(--rainbow-ink) 1;padding-top:5px;font-size:11px;position:absolute;bottom:10px;left:18px;right:18px}.blog-illus img{filter:grayscale(.32)contrast(1.08);width:100%;height:auto;display:block;-webkit-mask-image:none;mask-image:none}.works-layout{z-index:1;width:min(100%,1160px);margin:0 auto;padding:22px 0;position:relative}.works-layout:before{content:"";background:linear-gradient(90deg, transparent, var(--line) 12%, var(--ink-soft) 48%, transparent);height:1px;position:absolute;top:0;left:-30px;right:-30px}.works-layout:after{content:"selected works / playable notes";color:var(--muted);letter-spacing:.2em;text-transform:uppercase;opacity:.58;font-size:10px;position:absolute;top:-22px;right:0}.works-panel .works-layout{isolation:isolate}.works-panel .works-layout>.eyebrow,.works-panel .works-layout>h2,.works-featured,.works-subs{z-index:2;position:relative}.works-panel .works-layout>h2{max-width:16ch}.works-featured{border-top:1px solid #ffffff61;border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(42px,6vw,92px);margin-top:36px;margin-bottom:34px;padding:26px 0 34px;display:grid;position:relative}.works-featured:before{content:"";z-index:-1;pointer-events:none;opacity:.14;filter:grayscale(.88)contrast(1.22)blur(.35px);mix-blend-mode:multiply;transform:translate(calc(var(--hero-depth-x) * -14px), calc(var(--hero-depth-y) * -12px));background-image:url(/assets/mr7i3aoa-z-image-turbo_00058_-CtoDIozU.png);background-position:18% 40%;background-repeat:no-repeat;background-size:min(42vw,520px);position:absolute;inset:-34% 26% -18% -12%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16% 70%,#0000 94%),radial-gradient(72% 62% at 34% 46%,#000 22%,#0000 82%);mask-image:linear-gradient(90deg,#0000 0,#000 16% 70%,#0000 94%),radial-gradient(72% 62% at 34% 46%,#000 22%,#0000 82%)}.works-featured-illus{background:linear-gradient(135deg, #ffffffc7, #f6f8f98f), var(--paper);width:min(100%,300px);transform:rotate(1.6deg) translate(calc(var(--hero-depth-x) * 9px), calc(var(--hero-depth-y) * 7px));border:1px solid #1a1e2321;justify-self:center;padding:12px 12px 34px;position:relative;box-shadow:0 22px 48px #1a1e231c,7px 9px #1a1e2308}.works-featured-illus:before{content:"";z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff4d;border:1px solid #1a1e2314;height:30px;position:absolute;top:-15px;left:16px;right:16px;transform:rotate(-3deg)}.works-featured-illus:after{content:"playable sample 03";color:var(--muted);letter-spacing:.18em;text-transform:uppercase;border-top:2px solid #0000;border-image:var(--rainbow-ink) 1;padding-top:5px;font-size:11px;position:absolute;bottom:10px;left:16px;right:16px}.works-featured-illus img{aspect-ratio:9/14;object-fit:cover;object-position:center 18%;filter:grayscale(.28)contrast(1.08);width:100%;height:auto;display:block}.works-featured.has-cover .works-featured-illus{width:min(100%,360px)}.works-featured.has-cover .works-featured-illus img{aspect-ratio:4/5;object-position:center;filter:grayscale(.12)contrast(1.06)saturate(.95)}.works-featured-copy{color:inherit;padding:18px 0 18px 28px;text-decoration:none;display:block;position:relative}.works-featured-copy:before{content:"";background:linear-gradient(180deg, var(--ink-soft), transparent 72%);width:1px;position:absolute;top:10px;bottom:12px;left:0}.works-featured-copy:after{content:"";background:var(--fg-2);width:18px;height:1px;transition:width .22s cubic-bezier(.22,1,.36,1),background .18s;position:absolute;top:24px;left:-10px;transform:rotate(-8deg)}.works-featured-copy h3{color:var(--fg);max-width:12ch;margin:0 0 14px;font-size:clamp(34px,4.2vw,58px);font-weight:500;line-height:1.06}.works-featured-copy p{color:var(--fg-2);max-width:40ch;margin:0 0 16px;font-size:clamp(15px,1.2vw,17px);line-height:1.7}.works-featured-copy:hover h3{color:#0000;background-image:var(--rainbow-ink);background-size:140% 100%;-webkit-background-clip:text;background-clip:text}.works-featured-copy:hover:after{background-image:var(--rainbow-ink);width:36px}.works-tags{flex-wrap:wrap;gap:10px;display:flex}.works-tags span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding-left:12px;font-size:11px;position:relative}.works-tags span:before{content:"";background:var(--line);width:6px;height:1px;margin-top:-.5px;position:absolute;top:50%;left:0}.works-subs{grid-template-columns:1fr 1fr;gap:22px;display:grid}.works-sub{color:inherit;background:linear-gradient(100deg,#ffffff24,#0000 78%);border-left:1px solid #1a1e231c;padding:18px 18px 18px 20px;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .18s;display:block;position:relative}.works-sub:before{content:"";background-image:var(--rainbow-ink);opacity:0;width:1px;height:26px;transition:opacity .18s,height .22s cubic-bezier(.22,1,.36,1);position:absolute;top:16px;left:-1px}.works-sub h4{color:var(--fg);margin:0 0 6px;font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.2}.works-sub p{color:var(--muted);margin:0 0 10px;font-size:14px;line-height:1.6}.works-sub:hover h4{color:#0000;background-image:var(--rainbow-ink);background-size:140% 100%;-webkit-background-clip:text;background-clip:text}.works-sub:hover{border-color:#0000;transform:translateY(-3px)}.works-sub:hover:before{opacity:1;height:calc(100% - 32px)}.easter-panel .easter-scatter{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:40px;width:min(100%,800px);margin:0 auto;display:flex;position:relative}.frag{color:var(--line);opacity:.45;pointer-events:none;font-size:14px;position:absolute}.frag-1{top:10%;left:5%}.frag-2{top:20%;right:8%}.frag-3{bottom:25%;left:3%}.frag-4{bottom:30%;right:5%}.easter-panel .easter-card{border:1px solid var(--line);text-align:left;background:#ffffff24;width:100%;max-width:420px;padding:24px 28px}.easter-card small{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.easter-card strong{color:var(--fg);margin-bottom:8px;font-size:22px;font-weight:500;line-height:1.25;display:block}.easter-card p{color:var(--fg-2);margin:0;line-height:1.6}.easter-panel .panel-foot{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:24px;font-size:13px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;isolation:isolate;background:#ffffff1f;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-family:inherit;font-size:15px;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex;position:relative;transform:rotate(-.25deg);box-shadow:3px 4px #1a1e2309}.btn:before,.btn:after{content:"";pointer-events:none;z-index:-1;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s;position:absolute}.btn:before{opacity:.78;border:1px solid #1a1e2329;inset:4px -5px -5px 5px;transform:rotate(.7deg)}.btn:after{background-image:var(--rainbow-ink);opacity:0;transform-origin:0;height:2px;bottom:8px;left:14px;right:14px;transform:scaleX(.18)rotate(-1deg)}.btn:hover{background:#ffffff38;transform:rotate(-.25deg)translateY(-3px)}.btn:hover:before{opacity:1;transform:rotate(-.6deg)translate(2px,-2px)}.btn:hover:after{opacity:.9;transform:scaleX(1)rotate(-1deg)}.btn.primary{background:var(--fg);color:var(--paper);border-color:var(--fg);box-shadow:4px 5px #1a1e2314}.btn.primary:hover{color:var(--paper);background:#11161b;border-color:#1a1e23b8}.btn.primary:before{border-color:#1a1e2347}.btn.primary:after{height:3px;bottom:7px}.cta-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px;font-size:12px;display:block}h1,h2{margin:0;font-weight:500}h1{font-size:clamp(56px,7vw,104px);line-height:.94}h2{font-size:clamp(38px,5vw,72px);line-height:1.02}h3{margin:0;font-size:clamp(22px,2.8vw,36px);font-weight:500;line-height:1.15}.lead{max-width:38ch;color:var(--fg-2);margin-top:18px;font-size:clamp(20px,2vw,28px);line-height:1.6}.rainbow-ink{transition:color .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1);display:inline;position:relative}.rainbow-ink:after{content:"";pointer-events:none;background-image:var(--rainbow-ink);opacity:0;transform-origin:0;height:.08em;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);position:absolute;bottom:.08em;left:.05em;right:.08em;transform:scaleX(.18)rotate(-.4deg)}.rainbow-ink:hover,.rainbow-ink:focus-visible{color:#0000;background-image:var(--rainbow-ink);filter:saturate(1.08);background-size:140% 100%;-webkit-background-clip:text;background-clip:text}.rainbow-ink:hover:after,.rainbow-ink:focus-visible:after{opacity:.72;transform:scaleX(1)rotate(-.4deg)}.content-link{transition:color .18s}.content-link:hover{color:#0000;background-image:var(--rainbow-ink);-webkit-background-clip:text;background-clip:text}.timeline{width:min(100% - 48px,960px);margin:0 auto;padding:40px 0 84px 120px;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:56px}.entry{margin-bottom:52px;padding:0;position:relative}.entry.has-cover{grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);align-items:start;column-gap:clamp(22px,4vw,42px);display:grid}.entry:before{content:"";border:1.5px solid var(--line);background:var(--bg);border-radius:50%;width:8px;height:8px;transition:border-color .2s,background .2s;position:absolute;top:8px;left:-72px}.entry:hover:before{background:var(--rainbow-ink);border-color:#0000}.entry time{color:var(--muted);letter-spacing:.14em;margin-bottom:6px;font-size:12px;display:block}.entry.has-cover time,.entry.has-cover h2,.entry.has-cover .summary,.entry.has-cover .meta-row{grid-column:2}.entry-cover{aspect-ratio:4/3;background:var(--paper);border:1px solid #1a1e2321;grid-area:1/1/span 4;display:block;overflow:hidden;transform:rotate(-.9deg);box-shadow:0 18px 36px #1a1e2314,6px 7px #1a1e2309}.entry-cover img{object-fit:cover;filter:grayscale(.14)contrast(1.06);width:100%;height:100%;transition:transform .26s cubic-bezier(.22,1,.36,1),filter .18s;display:block}.entry:hover .entry-cover img{filter:grayscale(.05)contrast(1.08);transform:scale(1.035)}.entry h2{max-width:18ch;margin:0}.entry .summary{color:var(--fg-2);max-width:560px;margin-top:8px;font-size:16px;line-height:1.6}.entry .meta-row{flex-wrap:wrap;gap:8px 14px;margin-top:10px;display:flex}.entry .meta-row span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.works-grid-page{grid-template-columns:repeat(3,1fr);gap:24px;width:min(100% - 48px,1260px);margin:0 auto;padding:40px 0 84px;display:grid}.works-grid-page .project-card{min-height:360px}.project-card{min-height:320px;color:inherit;background:linear-gradient(135deg,#ffffff38,#ffffff0a),#ffffff14;border:1px solid #1a1e231f;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .18s;display:grid;box-shadow:6px 7px #1a1e2309}.project-card:hover{border-color:#1a1e2338;transform:translateY(-4px)rotate(-.35deg)}.card-thumb{aspect-ratio:4/3;background:radial-gradient(circle at 18% 18%,#47b9c824,#0000 34%),repeating-linear-gradient(-45deg,#0000 0 10px,#1a1e230a 10px 11px);border-bottom:1px solid #1a1e231a;min-height:160px;overflow:hidden}.card-thumb img{object-fit:cover;filter:grayscale(.18)contrast(1.06);width:100%;height:100%;transition:transform .26s cubic-bezier(.22,1,.36,1),filter .18s;display:block}.project-card:hover .card-thumb img{filter:grayscale(.04)contrast(1.08);transform:scale(1.035)}.project-card .card-meta{align-content:end;gap:10px;padding:18px;display:grid}.project-card .card-meta strong{font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.15}.project-card .tags{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px}.detail-page{width:min(100% - 48px,860px);margin:0 auto;padding:140px 0 90px}.detail-page h1{max-width:18ch;margin-bottom:16px}.detail-summary{color:var(--fg-2);max-width:620px;margin-bottom:32px;font-size:clamp(18px,2vw,24px);line-height:1.7}.detail-cover{background:linear-gradient(135deg, #ffffffc7, #f6f8f98f), var(--paper);border:1px solid #1a1e2321;margin:2px 0 34px;padding:12px 12px 34px;position:relative;transform:rotate(-.45deg);box-shadow:0 22px 48px #1a1e231c,7px 9px #1a1e2309}.detail-cover:after{content:"cover";color:var(--muted);letter-spacing:.18em;text-transform:uppercase;border-top:2px solid #0000;border-image:var(--rainbow-ink) 1;padding-top:5px;font-size:11px;position:absolute;bottom:10px;left:16px;right:16px}.detail-cover img{aspect-ratio:16/9;object-fit:cover;filter:grayscale(.12)contrast(1.06);width:100%;display:block}.detail-back{color:var(--muted);align-items:center;gap:6px;margin-top:40px;font-size:14px;transition:color .2s;display:inline-flex}.detail-back:hover{color:var(--fg)}.detail-actions{flex-wrap:wrap;gap:14px;margin:28px 0;display:flex}.about-blocks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px;display:grid}.about-blocks article{border:1px solid var(--line);background:#ffffff14;padding:22px 20px;position:relative}.about-blocks article:before{content:"";background:var(--line);opacity:.5;height:1px;position:absolute;top:0;left:4%;right:4%}.about-blocks article small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:12px;display:block}.about-blocks article h2{margin-top:12px;font-size:clamp(28px,3vw,42px);line-height:1.1}.about-blocks article p{color:var(--fg-2);margin-top:12px;font-size:15px;line-height:1.75}.empty-note{border:1px solid var(--line);background:#ffffff1a;max-width:520px;padding:20px 22px}.empty-note small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.empty-note strong{color:var(--fg);margin-bottom:6px;font-size:20px;font-weight:500;display:block}.empty-note p{color:var(--fg-2);margin:0;line-height:1.6}@media (width<=980px){.panel{min-height:auto;padding:80px 18px 72px}.home-hero .hero-overlay{grid-template-columns:1fr;gap:24px}.home-hero .hero-copy{grid-area:1/1;padding-right:0}.home-hero .hero-image-wrap{grid-area:2/1;width:100%;min-height:500px;margin-left:0}.home-hero .hero-image-wrap:before{opacity:.3;background-position:36% 42%;background-size:min(132vw,980px);inset:-16% -18% -8% 4%}.home-hero .hero-image-wrap img{width:clamp(260px,54vw,360px);bottom:34px;right:clamp(16px,7vw,56px)}.home-hero .hero-image-wrap:after{width:clamp(270px,60vw,400px);bottom:28px;right:clamp(8px,6vw,46px)}.blog-layout{grid-template-columns:1fr;gap:32px}.blog-layout:before{opacity:.16;background-size:760px;height:520px;inset:18% -28% auto 14%}.blog-illus{max-width:400px;position:static}.blog-timeline{padding-left:72px}.blog-timeline:before{left:24px}.blog-entry:before{left:-52px}.blog-entry time{left:-72px}.works-featured{grid-template-columns:1fr;gap:24px}.works-featured:before{opacity:.14;background-size:min(58vw,430px);width:min(72vw,520px);inset:10% auto -8% 4%}.works-featured-illus{justify-self:start;max-width:320px}.frag{display:none}.works-grid-page{grid-template-columns:repeat(2,1fr)}.about-blocks{grid-template-columns:1fr;gap:18px}.timeline{padding-left:48px}.timeline:before{left:20px}.entry:before{left:-36px}.topbar{background:0 0;width:100%;padding:14px 18px 10px;position:sticky}.section-nav,.scroll-cue{display:none}}@media (width<=640px){.topbar{gap:12px;padding:12px 12px 8px;display:grid}.brand{font-size:13px}.nav{justify-content:flex-start;gap:4px;font-size:14px}h1{font-size:clamp(42px,12vw,64px)}h2{font-size:clamp(34px,10vw,52px)}.lead{font-size:17px}.panel{padding:48px 12px 56px}.works-grid-page{grid-template-columns:1fr}.timeline{padding-left:32px}.timeline:before{left:12px}.entry:before{width:6px;height:6px;left:-26px}.cta-row{flex-direction:column}.btn{width:100%}.detail-page{padding:64px 0 56px}.home-hero .hero-image-wrap{width:100%;min-height:390px}.home-hero .hero-image-wrap:before{opacity:.26;background-position:44% 38%;background-size:780px;inset:-10% -42% -6% -12%}.home-hero .hero-image-wrap img{width:min(78vw,310px);padding:9px 9px 26px;bottom:26px;right:10px}.home-hero .hero-image-wrap:after{width:min(84vw,330px);bottom:20px;right:0}.blog-timeline{padding-left:36px}.blog-timeline:before{left:10px}.blog-entry{padding-right:0}.blog-entry:after{inset:4px -8px 4px -14px}.blog-entry time{writing-mode:initial;margin-bottom:4px;display:block;position:static;transform:none}.blog-entry:before{width:14px;top:24px;left:-28px}.blog-entry-body h3{max-width:none}.blog-illus{max-width:min(100%,340px);margin:0 auto}.works-featured{gap:18px}.works-featured:before{opacity:.12;background-size:min(78vw,360px);width:100%;inset:16% auto -4% -8%}.works-featured-illus{justify-self:center;width:min(74vw,280px);max-width:100%;padding:10px 10px 30px}.works-featured-copy{padding-left:18px}.works-subs{grid-template-columns:1fr;gap:20px}}.site-footer{text-align:center;z-index:1;padding:18px 24px 32px;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--line) 22%, var(--ink-soft) 50%, transparent 78%);width:min(280px,42vw);height:1px;margin:0 auto 16px;display:block}.site-footer a{color:var(--muted);letter-spacing:.14em;font-size:12px;transition:color .18s}.site-footer a:hover{color:var(--fg-2)}@media (prefers-reduced-motion:reduce){.scroll-cue{opacity:.55;animation:none}}.markdown-view{max-width:680px;color:var(--fg-2);margin-top:40px;font-size:17px;line-height:1.85}.markdown-view h1,.markdown-view h2,.markdown-view h3{max-width:18ch;color:var(--fg);margin-top:1.5em;margin-bottom:.4em}.markdown-view h1{font-size:clamp(32px,4vw,48px)}.markdown-view h2{font-size:clamp(26px,3vw,36px)}.markdown-view h3{font-size:clamp(20px,2.2vw,26px)}.markdown-view p,.markdown-view li{margin-bottom:.8em;font-size:17px}.markdown-view pre{border:1px solid var(--line);background:#ffffff29;padding:18px 20px;font-size:14px;line-height:1.6;overflow:auto}.markdown-view code{font-family:Courier New,Consolas,monospace;font-size:.9em}.markdown-view img{max-width:100%;height:auto}.markdown-view a{color:var(--fg-2);border-bottom:1px solid var(--line);transition:color .18s,border-color .18s}.markdown-view a:hover{color:var(--fg);border-bottom-color:var(--fg-2)}.markdown-view blockquote{border-left:2px solid var(--line);color:var(--fg-2);background:#ffffff14;margin:28px 0;padding:14px 18px 14px 22px;font-style:italic}.markdown-view ul,.markdown-view ol{padding-left:1.4em}.markdown-view li{margin-bottom:.4em}.markdown-view hr{background:var(--line);opacity:.5;border:none;height:1px;margin:40px 0}