:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1c1b18;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#ffffffeb,#f7f5f0e0),radial-gradient(circle at 0 0,#1f9d8a1f,#0000 36rem),#f7f5f0;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.2rem;height:1.2rem}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f5f0db;border-bottom:1px solid #1c1b181a;grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr);align-items:center;gap:1rem;min-height:4.5rem;padding:.75rem clamp(1rem,3vw,2rem);display:grid;position:sticky;top:0}.brand{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.brand-mark{color:#f7f5f0;background:#1c1b18;border:1px solid #1c1b1824;border-radius:.5rem;place-items:center;width:2.5rem;height:2.5rem;font-size:.8rem;font-weight:800;display:grid}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{font-size:1rem}.brand small{color:#747069;margin-top:.1rem;font-size:.75rem}.topnav,.segmented-control{background:#ffffffb8;border:1px solid #1c1b181f;border-radius:.5rem;grid-auto-flow:column;align-items:center;gap:.25rem;width:fit-content;padding:.25rem;display:inline-grid;box-shadow:0 1px 2px #1c1b180a}.topnav a,.segment{color:#59564f;border-radius:.35rem;justify-content:center;align-items:center;min-width:3.25rem;min-height:2.25rem;padding:0 .8rem;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex}.topnav a[data-active=true],.segment[data-active=true]{color:#fffaf0;background:#1c1b18;box-shadow:0 .55rem 1.1rem #1c1b1824}.topbar-stats{color:#747069;justify-self:end;align-items:center;gap:.5rem;min-width:0;font-size:.78rem;font-weight:700;display:inline-flex}.topbar-stats span{white-space:nowrap;background:#ffffff8f;border:1px solid #1c1b181a;border-radius:999px;padding:.45rem .65rem}.portfolio-page{width:min(92rem,100%);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.intro-band{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;min-height:13rem;padding:clamp(1.5rem,4vw,3rem) 0;display:grid}.intro-copy{min-width:0}.eyebrow{color:#1f756a;letter-spacing:0;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:800}.intro-copy h1{overflow-wrap:anywhere;max-width:11ch;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.92}.intro-copy p:last-child{color:#625f58;max-width:32rem;margin:1rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.7}.metric-strip{grid-template-columns:repeat(3,minmax(5rem,1fr));gap:.75rem;width:min(26rem,100%);display:grid}.metric{background:#ffffffad;border:1px solid #1c1b181a;border-radius:.5rem;min-height:6.5rem;padding:1rem}.metric strong,.metric span{display:block}.metric strong{font-size:2rem;line-height:1}.metric span{color:#747069;margin-top:.7rem;font-size:.82rem;font-weight:800}.control-row{grid-template-columns:auto minmax(14rem,24rem) auto;align-items:center;gap:1rem;margin:.5rem 0 1rem;display:grid}.search-box{background:#ffffffb8;border:1px solid #1c1b181f;border-radius:.5rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;min-height:2.75rem;padding:.25rem .45rem .25rem .8rem;display:grid;box-shadow:0 1px 2px #1c1b180a}.search-box span{color:#747069;font-size:.78rem;font-weight:900}.search-box input{color:#1c1b18;background:0 0;border:0;outline:0;width:100%;min-width:0;height:2.1rem;font-weight:700}.search-box input::placeholder{color:#9b968d}.result-count{color:#747069;white-space:nowrap;justify-self:end;font-size:.86rem;font-weight:800}.work-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;padding-bottom:3rem;display:grid}.work-card{background:#fffdf8;border:1px solid #1c1b181a;border-radius:.5rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;overflow:hidden;box-shadow:0 1.1rem 2.2rem #1c1b1814}.work-card:hover{border-color:color-mix(in srgb, var(--accent) 38%, #1c1b181f);transform:translateY(-.18rem);box-shadow:0 1.4rem 2.8rem #1c1b181f}.work-preview{aspect-ratio:16/10;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, #fffdf8), #f0eee8), #f0eee8;place-items:center;display:grid;position:relative;overflow:hidden}.work-preview img,.work-preview video{object-fit:cover;width:100%;height:100%}.work-preview video{background:#111}.work-kind{color:#fffaf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1b18c7;border:1px solid #ffffff6b;border-radius:.45rem;place-items:center;width:2.35rem;height:2.35rem;display:grid;position:absolute;bottom:.75rem;right:.75rem}.work-kind svg{width:1.05rem;height:1.05rem}.preview-fallback{width:4rem;height:4rem;color:color-mix(in srgb, var(--accent) 72%, #1c1b18);background:#ffffff85;border-radius:.5rem;place-items:center;display:grid}.preview-fallback svg{width:2rem;height:2rem}.work-meta{border-top:.22rem solid var(--accent);min-width:0;padding:1rem}.work-meta span{color:color-mix(in srgb, var(--accent) 70%, #1c1b18);font-size:.72rem;font-weight:900;display:block}.work-meta h2{overflow-wrap:anywhere;margin:.45rem 0 0;font-size:1.05rem;line-height:1.28}.work-meta p{color:#747069;text-overflow:ellipsis;white-space:nowrap;margin:.55rem 0 0;font-size:.82rem;overflow:hidden}.tag-row{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}.tag-row span{color:#625f58;background:#1c1b180f;border-radius:999px;padding:.32rem .45rem;font-size:.72rem;font-weight:800}.empty-state{color:#747069;border:1px dashed #1c1b182e;border-radius:.5rem;place-items:center;min-height:18rem;font-weight:800;display:grid}.detail-page{grid-template-rows:auto minmax(0,1fr);width:min(100%,100rem);min-height:calc(100vh - 4.5rem);margin:0 auto;padding:clamp(.75rem,2vw,1.25rem);display:grid}.detail-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.5rem 0 1rem;display:grid}.icon-button{color:#1c1b18;background:#fffdf8;border:1px solid #1c1b181f;border-radius:.5rem;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 .55rem 1.2rem #1c1b1814}.icon-button:hover{border-color:#1c1b1847}.detail-title{min-width:0}.detail-title span{color:#747069;font-size:.72rem;font-weight:900;display:block}.detail-title h1{text-overflow:ellipsis;white-space:nowrap;margin:.18rem 0 0;font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.18;overflow:hidden}.viewer-frame{background:#111;border:1px solid #1c1b181f;border-radius:.5rem;min-height:28rem;display:grid;overflow:hidden;box-shadow:0 1.5rem 3rem #1c1b1824}.viewer-frame-h5{width:min(100%, var(--h5-max-width,100%));height:auto;min-height:0;aspect-ratio:var(--h5-aspect-ratio,16 / 9);margin:0 auto}.viewer-frame-h5 iframe{background:#fff;border:0;width:100%;height:100%}.viewer-frame-video,.viewer-frame-photo{place-items:center;min-height:calc(100vh - 9rem)}.viewer-frame-video video{object-fit:contain;width:100%;height:100%;max-height:calc(100vh - 9rem)}.viewer-frame-photo{background:#f0eee8}.viewer-frame-photo img{object-fit:contain;width:100%;height:100%;max-height:calc(100vh - 9rem)}.detail-meta{flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1rem;display:flex}.detail-meta span{color:#625f58;text-overflow:ellipsis;white-space:nowrap;background:#ffffffa3;border:1px solid #1c1b181a;border-radius:999px;max-width:100%;padding:.42rem .6rem;font-size:.78rem;font-weight:800;overflow:hidden}.detail-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:1rem;display:grid}.sibling-link{background:#fffdf8;border:1px solid #1c1b181f;border-radius:.5rem;gap:.2rem;min-height:4.2rem;padding:.85rem 1rem;display:grid;box-shadow:0 .55rem 1.2rem #1c1b180f}.sibling-link[data-align=end]{text-align:right}.sibling-link span{color:#747069;font-size:.76rem;font-weight:900}.sibling-link strong{color:#1c1b18;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.sibling-link-disabled{visibility:hidden}@media (width<=780px){.topbar{grid-template-columns:1fr auto;min-height:auto}.topnav{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;justify-self:stretch;width:100%}.topnav a{min-width:0;padding:0 .35rem;font-size:.86rem}.topbar-stats{display:none}.intro-band{grid-template-columns:1fr;min-height:0}.intro-copy h1{max-width:7ch;font-size:clamp(2.5rem,12vw,3.35rem);line-height:1}.metric-strip{width:100%}.control-row{grid-template-columns:1fr;align-items:stretch}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;width:100%}.segment{min-width:0;padding:0 .35rem;font-size:.86rem}.result-count{place-self:flex-end end}.detail-page{min-height:calc(100vh - 7.6rem)}.viewer-frame{min-height:26rem}.viewer-frame-h5{min-height:0}.viewer-frame-video,.viewer-frame-photo{height:calc(100vh - 12.5rem)}}@media (width<=560px){.portfolio-page{padding:.85rem}.topnav,.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{grid-template-columns:1fr}.metric{min-height:4.4rem}.metric span{margin-top:.45rem}.work-grid{grid-template-columns:1fr}}