html,body{height:auto;overflow:auto;background:var(--bg);color:var(--text);font-family:MA Inter,Inter,sans-serif}body{display:block;padding:0;min-height:100svh}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;color:var(--text);background:var(--surface);border-color:var(--border)}button:hover{background:var(--surface-hover)}.nav-wrap{position:sticky;top:0;z-index:30;background:var(--nav-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.nav-wrap .nav{width:min(1180px,calc(100% - 88px));height:76px;margin:auto;padding:0;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.identity{display:inline-flex;align-items:center}.monogram{display:block;width:49px;height:30px}.monogram svg{width:100%;height:100%;overflow:visible}.header-menu{position:relative}.menu-trigger{width:38px;height:38px;border:0;display:grid;place-items:center;background:transparent;border-radius:6px;color:var(--soft)}.menu-trigger:hover{background:var(--surface-hover)}.menu-panel{position:absolute;right:0;top:50px;width:188px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #00000015}.menu-panel[hidden]{display:none}.menu-panel nav{display:grid;gap:0}.menu-panel a{padding:11px 12px;font-size:13px;color:var(--soft);border-radius:4px}.menu-panel a:hover{background:var(--surface-hover)}.theme-switch{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;margin-top:6px;font-size:13px}.theme-switch svg{width:18px;height:18px}.theme-switch .moon{display:none}[data-theme=light] .theme-switch .sun{display:none}[data-theme=light] .theme-switch .moon{display:block}.portfolio-header,.layout{width:min(1180px,calc(100% - 88px));margin:auto;padding:0;background:transparent}.portfolio-header{height:auto;position:static;padding-top:32px;border:0}.portfolio-header nav{gap:5px;overflow:auto;flex-wrap:nowrap}.shell-tab{color:var(--muted);background:none;font-size:13px;padding:10px 13px}.shell-tab:hover,.shell-tab[aria-pressed=true]{color:var(--text);background:var(--surface);border-color:var(--border)}.layout{display:block;overflow:visible}.layout>aside{display:block;max-height:none}.filters{padding:26px 0}.search-field{background:var(--surface);border-color:var(--border)}.filters input{color:var(--text)}.filters input::placeholder,.count,.card-summary,.shelf h2{color:var(--muted)}.search-field svg{stroke:var(--muted)}.list{overflow:visible;padding-bottom:60px}.shelf h2{font-family:inherit}.tiles{gap:18px}.project-tile{background:var(--surface);border-color:var(--border);box-shadow:none;border-radius:12px}.project-tile:hover{border-color:var(--accent)}.project-tile .row,.project-tile .row.active{color:var(--text)}.row strong{font-family:inherit;font-weight:500}.cover img{background:var(--surface-hover)}.type-badge[data-type],.live-badge,.live-icon{background:var(--bg);color:var(--soft);border-color:var(--border)}.brand-banner{background:var(--surface);border-color:var(--border);margin-top:24px}.brand-banner h2,.brand-banner-link{color:var(--text)}.brand-banner p,.availability{color:var(--muted)}.brand-mini{border-color:var(--border)}dialog#projectDialog{background:var(--bg);color:var(--text);border-color:var(--border)}#projectDialog .dialog-top,#projectDialog main,.viewer-stage,.viewer-tabs,.viewer-controls{background:var(--bg);color:var(--text);border-color:var(--border)}.viewer-tabs button{color:var(--muted);background:transparent;border-color:transparent}.viewer-tabs button[aria-pressed=true]{background:var(--surface);color:var(--text)}.site-icon{width:18px;height:18px}::selection{background:var(--accent);color:var(--bg)}@media(max-width:900px){.nav-wrap .nav,.portfolio-header,.layout{width:calc(100% - 48px)}}@media(max-width:640px){.nav-wrap .nav,.portfolio-header,.layout{width:calc(100% - 36px)}.nav-wrap .nav{height:64px}.monogram{width:42px}.portfolio-header{padding-top:22px}.tiles{grid-template-columns:1fr}.filters{padding:20px 0}.search-field{width:100%}.portfolio-header nav{width:100%}.brand-banner{margin-top:20px}}