/* portfolio presentation rules for Capture Media's black, red and white interface; responsive and print rules follow. */
.portfolio-cover{display:grid;place-items:center;min-height:300px;background:radial-gradient(ellipse at 20% 20%,#fc202155,transparent 65%),#111;color:#fff;font:800 1.2rem Manrope,sans-serif;letter-spacing:.15em;aspect-ratio:4/3}
.portfolio-sample{position:absolute;top:16px;right:16px;background:#000d;color:#fff;border:1px solid #ffffff40;padding:6px 10px;font-size:.68rem;letter-spacing:.06em;z-index:1}
.portfolio-player{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;background:#000;object-fit:contain}
.portfolio-youtube-player{border:0;min-height:200px}
.portfolio-video-card{padding:0;overflow:hidden;min-width:0}
.portfolio-video-copy{padding:24px;overflow-wrap:anywhere}
.portfolio-video-copy h3{margin-top:12px}
.portfolio-sample-inline{color:#FC2021;font-size:.75rem;font-weight:700;letter-spacing:.06em}
.portfolio-video-section{background:#000;border-top:1px solid var(--stroke)}
.portfolio-player:focus-visible{outline:3px solid #FC2021;outline-offset:3px}
.portfolio-video-copy p{white-space:pre-line}
.portfolio-collection-media{display:grid;gap:24px;margin:24px 0}.portfolio-collection-media figure{margin:0;min-width:0}.portfolio-collection-media img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.portfolio-collection-media figcaption{padding:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}