:root{--reel-gold:#f2cf8b;--reel-gold-soft:#f2cf8b14}
.site-header nav a:is(.nav-reels,.nav-holds){gap:.65rem;padding:.55rem 1rem;border:1px solid #f2cf8b8c;background:var(--reel-gold-soft);color:var(--reel-gold);font-size:1rem;font-weight:700;line-height:1.4;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.site-header nav a:is(.nav-reels,.nav-holds):hover,.site-header nav a:is(.nav-reels,.nav-holds)[aria-current="page"]{background:var(--reel-gold);color:var(--ink);border-color:var(--reel-gold)}
.site-header nav a:is(.nav-reels,.nav-holds):focus-visible{outline-color:var(--reel-gold)}
.reel-nav-play{font-size:.75rem;line-height:1}
@media(min-width:701px){.site-header nav{gap:clamp(.75rem,1.25vw,1.5rem)}}
@media(max-width:700px){.site-header nav a:is(.nav-reels,.nav-holds){padding:.75rem 1rem;margin:.25rem 0 .5rem}.site-header.page-header nav a:is(.nav-reels,.nav-holds){margin:0}}

.hold-nav-icon{flex-shrink:0;display:block}.button-hold{background:var(--reel-gold);border-color:var(--reel-gold);color:var(--ink)}.button-hold:hover{background:#ffe0a5;border-color:#ffe0a5}.button-hold:focus-visible{outline-color:var(--reel-gold)}.hero-actions{flex-wrap:wrap;gap:1rem}.hero-actions .button{justify-content:center;gap:1rem}