@font-face{font-family:'PP Neue Bit';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/shared/fonts/PPNeueBit-Regular.otf') format('opentype')}
@font-face{font-family:'PP Neue Bit';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/shared/fonts/PPNeueBit-Bold.otf') format('opentype')}
:root{--bg:#000;--panel:#000}
.design-study{--ui-surface:#000;--ui-control:#000;--ui-hover:#000}
body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.project-intro,.toolbar{flex:none}
main{flex:1;min-height:0;height:auto;overflow:hidden}
.topbar{display:none}
#inspector:has(.browse-list){display:flex;flex-direction:column;overflow:hidden}
#inspector:has(.browse-list) .inspector-title{height:52px;flex:none}
.browse-list{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 0}
.browse-list>.description{margin-bottom:12px;flex:none}
.browse-tabs{flex:none;margin-bottom:24px;padding:0;gap:0;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;background:transparent}
.browse-tabs button{position:relative;min-height:44px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--ui-muted);box-shadow:none}
.browse-tabs button:hover{background:transparent;color:var(--ui-text)}
.browse-tabs button[aria-selected=true]{background:transparent;color:#fff;box-shadow:none}
.browse-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ui-focus)}
.browse-entries{overflow:hidden}
.browse-pagination{margin-top:24px}
.project-intro{--gut:24px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:end;padding:48px var(--gut);border-bottom:1px solid rgba(255,255,255,.15);background:#000;color:#fff;font-family:'PP Neue Bit',monospace;text-transform:uppercase}
.project-intro h1{grid-column:1/-1;margin:0 0 24px;font-family:inherit;font-size:96px;line-height:.8;font-weight:700;letter-spacing:-.035em}
.project-tagline{grid-column:1/7;margin:0;font-size:32px;line-height:28px}
.project-tagline span{display:block}
.project-description{grid-column:7/-1;justify-self:end;max-width:54ch;margin:0;font-size:24px;line-height:22px;color:#ccc}