/* Project navigation: compact controls that inherit each film's own palette. */
.project-showcase .detail-header{padding:14px 6%;min-height:78px}
.project-showcase .detail-header .detail-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.project-showcase .detail-header .detail-actions .detail-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:5px 13px 5px 6px;border:1px solid var(--theme-line);border-radius:40px;color:var(--theme-ink);background:color-mix(in srgb,var(--theme-ink) 3%,transparent);font-size:11px;line-height:1.4;letter-spacing:.03em;white-space:nowrap;text-decoration:none;box-shadow:0 2px 7px #00000003;transition:background-color 220ms ease,border-color 220ms ease,box-shadow 280ms ease,transform 280ms cubic-bezier(.16,1,.3,1)}
.project-showcase .detail-header .detail-actions .detail-action-back{background:color-mix(in srgb,var(--theme-accent) 10%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 35%,transparent)}
.project-showcase .detail-header .detail-actions .detail-action:hover{color:var(--theme-ink);background:color-mix(in srgb,var(--theme-accent) 17%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 65%,transparent);box-shadow:0 5px 14px color-mix(in srgb,var(--theme-accent) 12%,transparent);transform:translateY(-2px)}
.project-showcase .detail-header .detail-actions .detail-action:active{transform:translateY(0) scale(.97);box-shadow:none}
.project-showcase .detail-header .detail-actions .detail-action:focus-visible{outline:2px solid var(--theme-accent);outline-offset:4px}
.detail-actions .detail-action-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:color-mix(in srgb,var(--theme-accent) 11%,transparent);transition:background-color 220ms ease}
.detail-actions .detail-action-icon svg{display:block;width:17px;height:17px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform 340ms cubic-bezier(.16,1,.3,1)}
.detail-actions .detail-action-back:hover .detail-action-icon svg{transform:translateX(-2px)}
.detail-actions .detail-action-arrow{font-family:Arial,sans-serif;font-size:13px;margin-left:1px;color:var(--theme-accent);transition:transform 340ms cubic-bezier(.16,1,.3,1)}
.detail-actions .detail-action-about:hover .detail-action-arrow{transform:translate(2px,-2px)}
@media(max-width:700px){.project-showcase .detail-header{padding:12px 7%;min-height:70px;gap:10px}.project-showcase .detail-header .detail-actions{gap:7px}.project-showcase .detail-header .detail-actions .detail-action{min-height:36px;font-size:10px;padding:4px 10px 4px 5px;gap:6px}.detail-actions .detail-action-icon{width:25px;height:25px;flex-basis:25px}.detail-actions .detail-action-icon svg{width:16px;height:16px}.detail-actions .detail-action-arrow{display:none}}
@media(max-width:360px){.project-showcase .detail-header .detail-actions .detail-action-about{width:36px;padding:4px}.detail-actions .detail-action-about .detail-action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.project-showcase .detail-header .detail-actions .detail-action,.detail-actions .detail-action-icon,.detail-actions .detail-action-icon svg,.detail-actions .detail-action-arrow{transition:none}}