:root{--nav-h:36px}@media (prefers-reduced-motion:no-preference){.project-panel>*{opacity:0;animation:fadeUp .55s cubic-bezier(.16,1,.3,1) forwards}.project-panel>:first-child{animation-delay:40ms}.project-panel>:nth-child(2){animation-delay:.11s}.project-panel>:nth-child(3){animation-delay:.18s}.project-panel>:nth-child(4){animation-delay:.25s}.project-panel>:nth-child(5){animation-delay:.32s}.project-panel>:nth-child(6){animation-delay:.39s}.project-mobile-header{opacity:0;animation:fadeUp .45s cubic-bezier(.16,1,.3,1) 40ms forwards}}.project-root{display:flex;height:100vh;overflow:hidden}.project-panel{flex:0 0 var(--side-w);width:var(--side-w);height:100%;overflow-y:auto;border-right:1px solid var(--border);padding:calc(var(--space-4) + var(--nav-h) + var(--space-6)) calc(var(--space-3) + 6px) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:none}.project-panel::-webkit-scrollbar{display:none}.panel-tags{display:flex;flex-direction:column;gap:5px}.panel-tag{font-family:var(--f-ui);font-size:var(--ts-sm);font-weight:300;letter-spacing:var(--ls-body);color:var(--text-2);line-height:1.4;display:flex;align-items:baseline;gap:11px}.panel-tag:before{content:"•";color:var(--text-4);flex-shrink:0;font-size:.7em}.meta-block--cta{margin-top:var(--space-3)}.project-grid{flex:1 1 0;overflow-y:auto;padding:3px;scrollbar-width:thin;scrollbar-color:var(--text-4) transparent}.project-grid::-webkit-scrollbar{width:2px}.project-grid::-webkit-scrollbar-thumb{background:var(--text-4)}.grid-inner{display:grid;grid-template-columns:1fr 1fr;gap:3px}.grid-cell{position:relative;overflow:hidden;background:transparent;width:100%}.grid-cell-full{grid-column:1/-1}.grid-cell-third{width:100%}.grid-cell-native{position:relative;overflow:hidden;background:transparent;width:100%}.grid-triple{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}.grid-quad{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3px}.project-mobile-header,.project-mobile-intro,.project-mobile-meta{display:none}@media (max-width:900px){.project-root{display:block;height:auto;overflow:visible;padding-top:0}.project-panel{display:none}.project-mobile-header{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-top:calc(var(--space-4) + var(--nav-h) + var(--space-3));padding:var(--space-4) var(--space-3) var(--space-3);border-bottom:1px solid var(--border)}.project-grid{overflow:visible;padding:3px}.project-mobile-intro{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.project-mobile-intro .panel-body-text,.project-mobile-intro .panel-statement{font-size:var(--ts-base)}.grid-cell-full{max-height:72svh;overflow:hidden}.project-mobile-meta{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-3) var(--space-7);border-top:1px solid var(--border)}.panel-next-card{padding:16px}.panel-next-thumb{width:64px;height:64px}.panel-next-title{font-size:var(--ts-base)}.grid-triple{grid-template-columns:1fr 1fr 1fr}.grid-quad{grid-template-columns:1fr 1fr 1fr 1fr}.gc-full{padding:10px 14px;font-size:var(--ts-sm)}}@media (max-width:540px){.grid-inner{grid-template-columns:1fr}.grid-triple{grid-template-columns:1fr 1fr 1fr}.grid-quad{grid-template-columns:1fr 1fr}.project-mobile-header{padding:var(--space-3) var(--space-3) var(--space-2)}}