.portfolio-player__surface{border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}.portfolio-player__poster{z-index:2;width:100%;height:auto;display:block;position:relative}.portfolio-player__poster[data-hidden=true]{visibility:hidden}.portfolio-player .portfolio-player__video{object-fit:contain;border:0;width:100%;height:100%;position:absolute;inset:0}.portfolio-player .portfolio-player__video[hidden]{display:none}.portfolio-player__play{z-index:3;inset-inline-start:16px;border:1px solid var(--gold);border-radius:var(--radius);background:var(--ground);min-height:44px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;line-height:1.5;display:inline-flex;position:absolute;bottom:16px}.portfolio-player__play svg{color:var(--gold)}.portfolio-player__play:hover:not(:disabled){background:var(--surface-high)}.portfolio-player__play:focus-visible,.portfolio-player__retry:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.portfolio-player__play:disabled{opacity:.8;cursor:wait}.portfolio-player__feedback:empty{display:none}.portfolio-player__feedback{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;display:flex}.portfolio-player__feedback p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.portfolio-player__retry{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--ink);padding:8px 12px;font-size:14px}.portfolio-player__retry:hover{border-color:var(--gold);background:var(--surface-high)}@media (max-width:600px){.portfolio-player__play{inset-inline-start:12px;padding:10px 12px;bottom:12px}}