/* Wayne Bodie Books — V16.1 clean luxury pass
   Built deliberately without blur, opacity veils, reveal filters, or ambient overlays. */
:root{--wbb-gold:#c9aa68;--wbb-gold-hi:#e1c481;--wbb-cyan:#43c8e8}
html{scroll-padding-top:92px}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
/* Preserve the original texture, but make it fine enough not to dirty artwork/text at desktop resolution. */
body::before{opacity:.065!important}
::selection{background:rgba(201,170,104,.28);color:#fff}
*{scrollbar-width:thin;scrollbar-color:rgba(201,170,104,.38) #07090c}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#07090c}
*::-webkit-scrollbar-thumb{background:rgba(201,170,104,.38);border:2px solid #07090c;border-radius:999px}
/* Keep all imagery native and crisp. No cinematic blur/filter is applied by this layer. */
img,.art img,.player img,.play-card img,.music-art img,.feature-media img{filter:none!important;opacity:1!important;image-rendering:auto}
/* Quiet interaction: expensive should feel precise, not animated for animation's sake. */
.btn{transition:transform .18s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.card,.media-card,.music-release,.release-tile,.book-card,.closing-card,.power-feature{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.card:hover,.media-card:hover,.music-release:hover,.release-tile:hover,.book-card:hover,.closing-card:hover,.power-feature:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.20)}
/* Never dim cards or their artwork during hover/scroll. */
.card,.media-card,.music-release,.release-tile,.book-card,.closing-card,.power-feature,.feature{opacity:1!important;filter:none!important}
/* Do not invent extra nav-current states; each page's authored .active class is the authority. */
.links a{transition:color .18s ease,opacity .18s ease!important}
.links a:not(.active):hover{opacity:1}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--wbb-gold-hi);outline-offset:4px}
.play{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:900px){html{scroll-padding-top:76px}body::before{opacity:.05!important}}
@media(hover:none){.btn:hover,.card:hover,.media-card:hover,.music-release:hover,.release-tile:hover,.book-card:hover,.closing-card:hover,.power-feature:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}


/* V16.5 mobile navigation repair — keeps desktop navigation unchanged. */
.nav .menu{display:none}
@media(max-width:900px){
  .nav{z-index:100!important}
  .navin{position:relative}
  .nav .menu{
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-width:48px;
    min-height:44px;
    padding:10px 2px 10px 14px;
    border:0;
    background:transparent;
    color:var(--warm-white,#f0ece4);
    font:500 12px/1 Arial,Helvetica,sans-serif;
    letter-spacing:.17em;
    text-transform:uppercase;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .nav .links{
    display:none!important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:110;
    flex-direction:column;
    align-items:stretch;
    gap:0!important;
    padding:10px 0 14px;
    border:1px solid rgba(240,236,228,.14);
    border-top-color:rgba(201,170,104,.30);
    background:rgba(5,7,10,.985);
    box-shadow:0 24px 54px rgba(0,0,0,.42);
    max-height:calc(100svh - 76px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .nav.mobile-open .links{display:flex!important}
  .nav .links a,
  .nav .links a:not(.active){
    display:block!important;
    width:100%;
    padding:15px 20px;
    border-bottom:1px solid rgba(240,236,228,.08);
    opacity:.84;
    font-size:11px;
    line-height:1.25;
    letter-spacing:.18em;
  }
  .nav .links a:last-child{border-bottom:0}
  .nav .links a.active{color:var(--gold-hi,var(--wbb-gold-hi,#e1c481));opacity:1}
  .nav .menu::after{content:'+';display:inline-block;margin-left:9px;font-size:16px;font-weight:300;line-height:.7;transition:transform .18s ease}
  .nav.mobile-open .menu::after{transform:rotate(45deg)}
}