/* Gallery preview: quiet covers, clear categories, progressive browsing. */
.portfolio-explore{padding-top:48px;margin-top:85px}
.explore-heading{margin-bottom:32px}.explore-heading h3{max-width:700px}
.project-filters{gap:5px 18px;margin:0;padding:0 0 8px;border-bottom:1px solid #ffffff19}
.filter-chip{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:0;padding:14px 0;background:none!important;color:#aa9f97;font-size:13px;line-height:1.3;transition:color .2s}
.filter-chip::after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.filter-chip[aria-pressed=true]{color:#f3ebe5;border:0}.filter-chip[aria-pressed=true]::after{transform:scaleX(1)}
.filter-chip:hover{color:#f3ebe5}.filter-count{font:10px/1 monospace;color:#a88771;padding:4px 5px;background:#ffffff07;border-radius:4px}.filter-chip[aria-pressed=true] .filter-count{background:#efaa8020;color:#efbd99}
.catalog-summary{margin:19px 0 22px;color:#9d9187;font:11px/1.5 monospace;letter-spacing:.02em}
.catalog-select-label,.catalog-select{display:none}
.project-catalog,.project-catalog[data-view=podcasts]{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
.catalog-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none!important;min-width:0;transition:transform .3s}
.catalog-card--wide{grid-column:span 2}.project-catalog[data-view=podcasts] .catalog-card--wide{grid-column:span 2}
.catalog-visual.video-facade.portrait{aspect-ratio:1/1.04}.catalog-visual.video-facade.landscape{aspect-ratio:16/9}
.catalog-visual.video-facade{border:1px solid #ffffff12;border-radius:12px;background:#181614;overflow:hidden}
.catalog-visual .video-poster{object-fit:contain;filter:saturate(.85) brightness(.96);transition:filter .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.catalog-visual.portrait .video-poster{width:68%;left:16%;height:100%;object-fit:cover}
.catalog-visual .video-shade{background:linear-gradient(180deg,#1816140d 50%,#15110f88);pointer-events:none}
.catalog-status{left:14px;top:14px;border:0;border-radius:0;padding:0;background:none;font:9px/1.4 monospace;letter-spacing:.08em;color:#f5e9d8aa;backdrop-filter:none}
.catalog-card .play-mark{width:43px;height:43px;left:auto;top:auto;right:14px;bottom:14px;transform:none;background:#15110bc9;border:1px solid #eed2b342;box-shadow:0 4px 18px #0003}
.catalog-card .play-triangle{border-top-width:6px;border-bottom-width:6px;border-left-width:10px;margin-left:3px}
.catalog-info{padding:0 2px;margin-top:15px;display:block}.catalog-info h4{font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.015em;margin-bottom:6px}.catalog-info span{font-size:11px;color:#a89a8d}.catalog-work{display:none}
.portfolio-explore .playback-shell{border-radius:12px;overflow:hidden}.portfolio-explore .playback-shell.portrait{aspect-ratio:9/16;max-height:520px;margin:auto;width:auto}.portfolio-explore .playback-shell.landscape{aspect-ratio:16/9}
.portfolio-explore .show-more{margin-top:34px;padding:15px 24px;min-width:190px;justify-content:center;border-color:#c5a58d40;color:#e0c5b2;background:#ffffff03;font-size:12px;transition:background .2s,border-color .2s}
.portfolio-explore .show-more:hover{background:#e1ae8914;border-color:#c5a58d;color:#f2e4d7}
@media(hover:hover) and (pointer:fine){.catalog-card:hover{transform:translateY(-4px)}.catalog-card:hover .video-poster{filter:saturate(1) brightness(1);transform:scale(1.035)}.catalog-card:hover .play-mark{transform:scale(1.08);background:#dca17b;border-color:#e8bf9d}.catalog-card:hover .play-triangle{border-left-color:#20150d}}
.catalog-visual:focus-visible .video-poster{filter:saturate(1) brightness(1)}
@media(max-width:850px){.project-catalog,.project-catalog[data-view=podcasts]{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card--wide,.project-catalog[data-view=podcasts] .catalog-card--wide{grid-column:span 2}}
@media(max-width:650px){.portfolio-explore{padding-top:30px;margin-top:55px}.explore-heading{margin-bottom:25px}.explore-heading h3{font-size:32px}.explore-heading>p{font-size:13px}.project-filters{display:none}.catalog-select-label{display:block;margin-bottom:9px;font:10px/1.4 monospace;letter-spacing:.05em;color:#b19a88;text-transform:uppercase}.catalog-select{display:block;width:100%;min-height:48px;padding:12px 15px;background:#211a15;color:#eee4d9;border:1px solid #ffffff25;border-radius:9px;font:14px Arial,sans-serif;color-scheme:dark}.catalog-select:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.catalog-summary{margin:15px 0 20px;font-size:10px}.project-catalog,.project-catalog[data-view=podcasts]{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.catalog-visual.video-facade.portrait{aspect-ratio:3/4}.catalog-visual.portrait .video-poster{width:100%;left:0;object-fit:cover;filter:saturate(.65) brightness(.86)}.catalog-card .play-mark{width:34px;height:34px;right:9px;bottom:9px}.catalog-status{top:10px;left:10px;font-size:7px}.catalog-info{padding:0}.catalog-info h4{font-size:13px;margin-bottom:5px}.catalog-info span{font-size:10px}.portfolio-explore .show-more{margin-top:28px}.portfolio-explore .playback-shell.portrait{aspect-ratio:9/16;max-height:none;width:100%}}
@media(prefers-reduced-motion:reduce){.catalog-card,.catalog-visual .video-poster,.catalog-card .play-mark,.filter-chip::after{transition:none!important}.catalog-card:hover{transform:none}}
