.selected-work .showcase{margin-top:1.5rem}
.selected-work .media-stage{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--ink);border:1px solid var(--ink);padding:clamp(1.2rem,4vw,3rem);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between}
.selected-work .media-stage:not(.has-media)::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 42%,rgba(224,52,43,.88) 42.3%,rgba(224,52,43,.88) 52%,transparent 52.3%),repeating-linear-gradient(90deg,transparent 0 47px,rgba(243,244,241,.09) 48px 49px);opacity:.9}
.selected-work .media-stage>*{position:relative}
.selected-work .media-stage.has-media{padding:0}
.selected-work .media-stage video,.selected-work .media-stage iframe{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.selected-work .still-media{width:100%;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#000}
.selected-work .still-media img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.selected-work .still-media figcaption{padding:.5rem .75rem;background:var(--paper);color:var(--muted);font:700 .72rem/1.3 var(--display);text-align:right}
.selected-work .still-media a,.selected-work .facebook-fallback a,.selected-work .project-source a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.selected-work .podcast-media{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1rem;background:var(--paper)}
.selected-work .podcast-media iframe{height:352px;max-height:calc(100% - 2.5rem);background:transparent;flex-shrink:1;min-height:0}
.selected-work .podcast-media>a{align-self:center;font:700 .8rem var(--display)}
.selected-work .media-stage:has(.podcast-media){min-height:420px}
.selected-work .facebook-media{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#000}
.selected-work .facebook-media iframe{min-height:0}
.selected-work .facebook-fallback{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;background:var(--paper);color:var(--ink);font:700 .72rem/1.3 var(--display)}
.selected-work .facebook-fallback span{color:var(--muted);text-align:right}
.selected-work .pending{font-family:var(--display);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}
.selected-work .stage-title{font-family:var(--display);font-weight:800;font-size:clamp(2rem,7vw,5rem);line-height:.87;letter-spacing:-.05em;max-width:11ch}
.selected-work .stage-bottom{display:flex;justify-content:space-between;align-items:end;gap:1rem}
.selected-work .media-error{height:100%;display:grid;place-content:center;gap:.75rem;text-align:center;padding:1.5rem;font-family:var(--display)}
.selected-work .media-fallback-link{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.selected-work .episode-picker{display:flex;gap:.45rem;overflow-x:auto;padding:.7rem 0 .2rem}
.selected-work .episode-picker[hidden]{display:none}
.selected-work .episode-button{flex:0 0 auto;min-width:4.5rem;border:1px solid var(--rule);padding:.5rem .65rem;background:var(--paper);color:var(--ink);text-align:left;font-family:var(--display)}
.selected-work .episode-button b,.selected-work .episode-button span{display:block}
.selected-work .episode-button span{margin-top:.15rem;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}
.selected-work .episode-button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.selected-work .episode-button[aria-pressed="true"] span{color:var(--paper)}
.selected-work .showcase-meta{padding:1.1rem 0 1.35rem;border-bottom:1px solid var(--rule)}
.selected-work .project-role{font-family:var(--display);font-size:.9rem;color:var(--red);margin-bottom:.35rem}
.selected-work .project-title{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 .5rem}
.selected-work .project-copy{max-width:52rem;margin:0}
.selected-work .project-source{margin:.7rem 0 0;font-family:var(--display);font-size:.78rem}
.selected-work .rail-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;align-items:center;margin-top:1rem}
.selected-work .rail-arrow{font-family:var(--display);font-size:1.3rem;width:2.75rem;height:2.75rem;border:1px solid var(--rule);display:grid;place-items:center}
.selected-work .project-rail{display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;padding:3px 3px .55rem}
.selected-work .project-rail::-webkit-scrollbar{height:5px}
.selected-work .project-rail::-webkit-scrollbar-track{background:transparent}
.selected-work .project-rail::-webkit-scrollbar-thumb{background:var(--rule);border-radius:999px}
.selected-work .thumb{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:0 0 min(10.5rem,48vw);text-align:left;border:0;padding:0 0 .3rem;color:var(--ink);background:transparent;scroll-snap-align:nearest}
.selected-work .thumb-media{display:block;width:100%;flex-shrink:0;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--rule);background:var(--ink)}
.selected-work .thumb-media img{display:block;width:100%;height:100%;object-fit:cover}
.selected-work .thumb-fallback{height:100%;padding:.7rem;display:flex;align-items:flex-end;color:var(--paper);font:800 .8rem/1.05 var(--display)}
.selected-work .thumb[aria-current="true"] .thumb-media{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.selected-work .thumb b{display:inline-block;font-family:var(--display);font-size:clamp(.78rem,1.7vw,.95rem);line-height:1.1;letter-spacing:-.02em;margin-top:.45rem;padding-bottom:.18rem;border-bottom:2px solid transparent}
.selected-work .thumb[aria-current="true"] b{border-bottom-color:var(--red)}
@media(min-width:52rem){.selected-work .thumb{flex-basis:calc((100% - 2.2rem)/5)}}
@media(prefers-reduced-motion:no-preference){.selected-work .thumb{transition:transform .16s ease}.selected-work .thumb:hover{transform:translateY(-3px)}.selected-work .project-rail{scroll-behavior:smooth}}
@media(max-width:36rem){.selected-work .facebook-fallback{align-items:flex-start;flex-direction:column}.selected-work .facebook-fallback span{text-align:left}}