.project-gallery{--project-art-height:280px;--project-card-width:320px;--project-gap:24px;padding:16px 0 24px;min-width:0;color:var(--ink)}
.project-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.project-gallery-kicker{font:11px/1.5 var(--mono);color:var(--muted);letter-spacing:.08em;margin-bottom:8px}
.project-gallery-head h2{font:600 24px/1.2 var(--sans);letter-spacing:-.035em}
.project-motion{font:11px/1.5 var(--mono);padding:8px 12px;min-height:44px;border:1px solid var(--silver);border-radius:4px;white-space:nowrap}
.project-tabs{display:flex;gap:24px;border-bottom:1px solid var(--rule)}
.project-tabs button{min-height:48px;padding:8px 0;border-bottom:2px solid transparent;font:13px/1.5 var(--sans);color:var(--muted)}
.project-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}
.project-note{font:13px/1.5 var(--sans);color:var(--muted);padding:16px 0;min-height:52px}
.project-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y;perspective:1200px;padding:8px 0}
.project-window::-webkit-scrollbar{display:none}.project-window:active{cursor:grabbing}
.project-track,.project-strip{display:flex;gap:var(--project-gap);width:max-content}
.project-track{gap:0}.project-strip{padding-right:var(--project-gap)}
.project-print{width:var(--project-card-width);flex:0 0 var(--project-card-width);min-width:0}
.project-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:var(--project-art-height);padding:24px;background:var(--panel);border:1px solid var(--rule);border-radius:4px;user-select:none}
.project-art::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid var(--silver);border-radius:4px;opacity:0;transition:opacity 180ms ease-out}
.project-art:hover::before,.project-art:focus-visible::before{opacity:1}
.project-art img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none}
.project-print-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font:11px/1.5 var(--mono)}
.project-print-meta p{max-width:65%;overflow-wrap:anywhere}
.project-print-meta a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.project-gallery[data-project=metal] .project-art{background:linear-gradient(145deg,var(--chrome-light),var(--silver) 45%,var(--chrome-middle));border-color:var(--chrome-edge)}
.project-gallery[data-project=black] .project-art{background:var(--ink);border-color:var(--ink)}
.project-gallery[data-project=black] .project-art::before{inset:8px;border-color:var(--silver);opacity:.2;animation:project-breathe 5.6s ease-in-out infinite;animation-play-state:paused}
.project-gallery[data-project=black][data-motion=running] .project-art::before{animation-play-state:running}
.project-gallery-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;color:var(--muted);font:11px/1.5 var(--mono)}
.project-gallery-foot>div{display:flex;gap:8px}.project-gallery-foot button{width:44px;height:44px;border:1px solid var(--silver);border-radius:4px;font-size:20px;color:var(--ink)}
.project-gallery button:hover{background:var(--panel)}.project-gallery button:active{background:var(--silver)}
@keyframes project-breathe{0%,100%{transform:scale(.98);opacity:.12}50%{transform:scale(1);opacity:.45}}
@media(max-width:600px){.project-gallery{--project-art-height:224px;--project-card-width:248px;--project-gap:16px;padding:24px 0 16px}.project-tabs{gap:20px}.project-tabs button{font-size:12px}.project-art{padding:16px}.project-gallery-foot>span{max-width:180px}.project-note{min-height:64px}}
@media(prefers-reduced-motion:reduce){.project-art::before{animation:none!important;transition:none!important}}
.project-empty{display:flex;align-items:center;min-height:var(--project-art-height);max-width:calc(100vw - 80px);font:13px/1.6 var(--sans);color:var(--muted)}
.project-tabs{overflow-x:auto;scrollbar-width:thin}.project-tabs button{flex-shrink:0}
.project-gallery-compact{padding-top:8px}
.project-tabs-shell{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--rule)}
.project-tabs-shell .project-tabs{flex:1;min-width:0;border-bottom:0}
.project-tabs-shell .project-motion{flex-shrink:0;border-color:transparent;padding-right:0}
@media(max-width:600px){.project-gallery-compact{padding-top:8px}.project-tabs-shell{gap:12px}.project-tabs-shell .project-tabs{gap:16px}.project-tabs-shell .project-motion{font-size:10px;padding-left:4px}.project-tabs-shell .project-tabs button{font-size:11px}}