/* The current film and chapter share one colour with the sticky navigation. */
.bowls-page .site-header,
.bowls-page .site-header.scrolled{
  --bowl-nav-bg:#805277;
  --bowl-nav-ink:#FFF8F0;
  background:var(--bowl-nav-bg);
  color:var(--bowl-nav-ink);
  border-bottom-color:rgba(255,248,240,.18);
  box-shadow:0 6px 24px rgba(20,12,20,.12);
  transition:background-color .65s ease,box-shadow .3s ease;
}
.bowls-page .site-header .nav-links a,
.bowls-page .site-header .nav-social a{color:var(--bowl-nav-ink)}
.bowls-page .site-header .nav-links a.active::after{background:currentColor}
.bowls-page .site-header .nav-links a:hover{color:#FFFFFF}
.bowls-page .site-header .nav-social::before{background:rgba(255,248,240,.25)}
.bowls-page .site-header .nav-social a:hover{color:#FFFFFF;background:rgba(255,248,240,.14)}
.bowls-page .site-header .nav-cta{
  color:var(--bowl-nav-bg);background:var(--bowl-nav-ink);border-color:var(--bowl-nav-ink);
  box-shadow:0 5px 18px rgba(20,12,20,.15);
  transition:color .65s ease,background-color .2s ease,transform .2s ease;
}
.bowls-page .site-header .nav-cta:hover{background:#FFFFFF;border-color:#FFFFFF}
.bowls-page .site-header :is(a,button):focus-visible{outline:3px solid #FFFFFF;outline-offset:4px}
.bowls-page .site-header .burger{background:rgba(255,248,240,.12)}
.bowls-page .site-header .burger:hover{background:rgba(255,248,240,.22)}
.bowls-page .site-header .burger-inner,
.bowls-page .site-header .burger-inner::before,
.bowls-page .site-header .burger-inner::after{background:var(--bowl-nav-ink)}
.bowls-page.nav-open .site-header .burger-inner{background:transparent}
@media(max-width:1180px){
  .bowls-page .site-header .nav-collapse{
    background:var(--bowl-nav-bg);
    transition:transform .38s cubic-bezier(.4,0,.2,1),background-color .65s ease;
  }
  .bowls-page .site-header .nav-links a{border-bottom-color:rgba(255,248,240,.2)}
  .bowls-page .site-header .nav-social a{background:rgba(255,248,240,.12)}
}
@media(prefers-reduced-motion:reduce){
  .bowls-page .site-header,.bowls-page .site-header.scrolled,
  .bowls-page .site-header .nav-collapse,.bowls-page .site-header .nav-cta{transition:none}
}