/* Full-width shot credits with artist-selected theme colours. */
.portfolio .public-shot-index{padding:0;margin:32px 0 44px;border:0;border-radius:0;background:transparent}
.portfolio .public-shot-index>h2{font-size:28px;font-weight:500;letter-spacing:-.04em}
.portfolio .public-shot-index>.muted{font-size:14px;max-width:none}
.portfolio .public-shot-index .shot-index-grid{gap:12px;margin-top:22px}
.portfolio .public-shot-index .shot-index-card{position:relative;padding:18px 22px;border:1px solid color-mix(in srgb,var(--line) 85%,var(--ink) 15%);border-radius:14px;background:color-mix(in srgb,var(--paper) 98%,var(--ink) 2%);box-shadow:0 3px 12px #00000005;transition:background .15s,border-color .15s}
.portfolio .public-shot-index .shot-index-card.current-shot-card{background:color-mix(in srgb,var(--paper) 92%,var(--accent) 8%);border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.portfolio .public-shot-index .shot-index-card:hover{border-color:var(--accent)}
.portfolio .public-shot-index .shot-index-jump{display:block;text-decoration:none;border-radius:6px;color:var(--ink)}
.portfolio .public-shot-index .shot-index-jump:focus-visible,.portfolio .public-shot-index button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.portfolio .public-shot-index .shot-index-meta{margin:0 150px 8px 0;justify-content:flex-start;gap:12px}
.portfolio .public-shot-index .shot-number-label{font-size:11px;font-weight:600;letter-spacing:.07em;color:var(--muted)}
.portfolio .public-shot-index .current-shot-card .shot-number-label{color:var(--accent)}
.portfolio .public-shot-index .shot-index-time{font-size:12px;color:var(--muted)}
.portfolio .public-shot-index .shot-index-card h3{margin:0 0 5px;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.portfolio .public-shot-index .shot-index-card h3:before{content:'▶';display:inline-block;margin-right:9px;font-size:10px;vertical-align:middle;color:var(--accent)}
.portfolio .public-shot-index .shot-credit-summary{gap:4px 12px;font-size:13px;color:var(--ink);margin:0 0 8px}
.portfolio .public-shot-index .shot-index-card>p.muted{font-size:14px;line-height:1.65;margin:0;color:var(--muted)}
.portfolio .public-shot-index .shot-index-card>button{position:absolute;right:16px;top:9px;margin:0;padding:8px;min-height:36px;font-size:12px;font-weight:500;color:var(--muted);border:1px solid transparent;border-radius:8px}
.portfolio .public-shot-index .shot-index-card>button:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--line)}
@media(max-width:600px){.portfolio .public-shot-index{margin-top:28px}.portfolio .public-shot-index>h2{font-size:25px}.portfolio .public-shot-index .shot-index-card{padding:16px}.portfolio .public-shot-index .shot-index-meta{margin-right:0;padding-right:0}.portfolio .public-shot-index .shot-index-card h3{font-size:19px}.portfolio .public-shot-index .shot-index-card>button{position:static;min-height:44px;margin:8px 0 -6px;padding:8px 0}.portfolio .public-shot-index .shot-index-card>p.muted{font-size:14px}}
@media(prefers-reduced-motion:reduce){.portfolio .public-shot-index .shot-index-card{transition:none}}
/* Stretch the existing timecode link across the card, keeping Share independent. */
.portfolio .public-shot-index .shot-index-jump:after{content:'';position:absolute;inset:0;border-radius:14px;cursor:pointer}
.portfolio .public-shot-index .shot-index-card>button{z-index:1}
.portfolio .public-shot-index .shot-index-card:has(.shot-index-jump:focus-visible){outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.portfolio .public-shot-index .shot-index-card>button{position:relative}}