.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,4vw,58px) 28px;align-items:start}
.project-wide{grid-column:1/-1}
.video-facade{position:relative;width:100%;padding:0;overflow:hidden;border:1px solid #43463c;background:#070807;color:#fff;display:block;cursor:pointer;isolation:isolate}
.video-facade.portrait,.youtube-player.portrait{aspect-ratio:4/5}
.video-facade.landscape,.youtube-player.landscape{aspect-ratio:16/9}
.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 500ms cubic-bezier(.2,.7,.2,1),filter 300ms ease}
.video-facade.portrait .video-poster{object-position:center}
.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.24) 100%)}
.video-facade:hover .video-poster{transform:scale(1.025);filter:brightness(.84)}
.video-facade:focus-visible{outline:3px solid var(--acid);outline-offset:5px}
.play-mark{position:absolute;left:50%;top:50%;width:clamp(64px,7vw,92px);height:clamp(64px,7vw,92px);transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(12,12,12,.72);backdrop-filter:blur(8px);display:grid;place-items:center;transition:transform 220ms ease,background 220ms ease}
.play-mark-neutral{background:rgba(10,12,9,.82);border-color:rgba(217,255,99,.8)}
.play-triangle{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;margin-left:5px}
.play-mark-neutral .play-triangle{border-left-color:var(--acid)}
.video-facade:hover .play-mark{transform:translate(-50%,-50%) scale(1.08);background:rgba(12,12,12,.9)}
.youtube-mark{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:9px;font:600 15px/1 Arial,Helvetica,sans-serif;letter-spacing:-.02em;text-shadow:0 1px 10px #000}
.youtube-icon{width:38px;height:27px;border-radius:7px;background:#ff0033;display:grid;place-items:center;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.youtube-icon span{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;margin-left:2px}
.youtube-player{width:100%;border:0;display:block;background:#000}
.project-visual img{width:100%;height:100%;object-fit:cover;display:block}
.project-wide .project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
@media(max-width:650px){.projects{grid-template-columns:1fr;gap:36px}.project-wide{grid-column:auto}.video-facade.portrait,.youtube-player.portrait{aspect-ratio:4/5}.youtube-mark{left:14px;bottom:14px}.youtube-word{display:none}.project-wide .project-meta{display:block}}
@media(prefers-reduced-motion:reduce){.video-poster,.play-mark{transition:none}}

.portfolio-explore{margin-top:clamp(78px,9vw,128px);padding-top:38px;border-top:1px solid var(--line)}
.explore-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
.explore-heading .kicker{margin-bottom:14px}
.explore-heading h3{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.045em;margin:0}
.explore-heading>p{margin:0;color:var(--muted);font-size:14px}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.filter-chip{appearance:none;border:1px solid #575a50;background:transparent;color:var(--fg);border-radius:999px;padding:10px 16px;font:500 13px/1 Arial,Helvetica,sans-serif;cursor:pointer;transition:background 180ms ease,color 180ms ease,border-color 180ms ease}
.filter-chip:hover{border-color:var(--acid)}
.filter-chip[aria-pressed="true"]{background:var(--acid);border-color:var(--acid);color:#171910}
.filter-chip:focus-visible,.show-more:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
.project-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}
.catalog-card[hidden]{display:none}
.catalog-card--wide{grid-column:span 2}
.project-catalog[data-view="podcasts"]{grid-template-columns:minmax(0,900px)}
.project-catalog[data-view="podcasts"] .catalog-card--wide{grid-column:1}
.catalog-visual{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #3f4239;display:flex;align-items:flex-end;padding:22px;background:#21231e;isolation:isolate}
.catalog-visual.video-facade{display:block;padding:0}
.catalog-visual.video-facade.landscape{aspect-ratio:16/9}
.catalog-visual.video-facade.portrait{aspect-ratio:4/5}
.catalog-card .play-mark{width:clamp(58px,5vw,76px);height:clamp(58px,5vw,76px)}
.catalog-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 22%,rgba(255,255,255,.15),transparent 28%),linear-gradient(145deg,transparent 35%,rgba(0,0,0,.35));z-index:-1}
.catalog-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-2;filter:saturate(.82) contrast(1.04)}
.catalog-visual:has(.catalog-poster)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.68));z-index:-1}
.catalog-word{font-size:clamp(26px,3vw,43px);line-height:.95;letter-spacing:-.055em;overflow-wrap:anywhere;color:rgba(245,245,237,.9)}
.catalog-status{position:absolute;top:16px;left:16px;padding:7px 9px;background:rgba(13,14,12,.78);border:1px solid rgba(255,255,255,.25);font:10px/1 monospace;letter-spacing:.045em;color:#f0f0e8;backdrop-filter:blur(8px)}
.catalog-info{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:14px}
.catalog-info h4{font-size:18px;margin:0 0 4px}
.catalog-info span{font-size:12px;color:var(--muted)}
.catalog-work{text-align:right;max-width:120px}
.catalog-empty{margin:30px 0 0;color:var(--muted);font-size:15px}
.catalog-empty[hidden]{display:none}
.tone-sunset .catalog-visual{background:#8c4f37}.tone-olive .catalog-visual{background:#48503a}.tone-blue .catalog-visual{background:#334b5a}.tone-graphite .catalog-visual{background:#34363a}.tone-rose .catalog-visual{background:#76545b}.tone-sand .catalog-visual{background:#71624e}.tone-red .catalog-visual{background:#713d34}.tone-violet .catalog-visual{background:#4f465f}
.tone-teal .catalog-visual{background:#315854}.tone-amber .catalog-visual{background:#75572f}
.show-more{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:40px auto 0;padding:13px 19px;border:1px solid #64685a;border-radius:999px;background:transparent;color:var(--fg);font:500 13px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.show-more:hover{background:var(--fg);color:var(--bg)}
.show-more[hidden]{display:none}
@media(max-width:850px){.project-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.portfolio-explore{margin-top:72px;padding-top:28px}.explore-heading{display:block}.explore-heading>p{margin-top:16px}.project-filters{flex-wrap:nowrap;overflow-x:auto;margin-left:-6.4%;margin-right:-6.4%;padding:2px 6.4% 10px;scrollbar-width:none}.project-filters::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto}.project-catalog,.project-catalog[data-view="podcasts"]{grid-template-columns:1fr;gap:34px}.catalog-card--wide{grid-column:1}.catalog-info{gap:12px}.catalog-work{max-width:105px}}