/* Riff Street 2.0.5 / category-powered navigation and a complete vinyl ornament. */
.riff-header-inner{position:relative!important}
.riff2-magazine-menu{gap:1px!important}
.riff2-magazine-menu>li{position:static!important}
.riff2-magazine-menu>li>a,.riff2-nav-heading>a{font:800 12px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.045em!important;text-transform:uppercase;color:#fff!important;padding:26px 11px!important;display:inline-flex!important;align-items:center!important;text-decoration:none!important}
.riff2-nav-heading{display:flex;align-items:center}
.riff2-nav-heading:hover,.riff2-nav-heading:focus-within{background:#272727}
.riff2-nav-heading>a:hover,.riff2-magazine-menu>li>a:hover{color:#fff!important}
.riff2-nav-toggle{display:inline-grid;place-items:center;background:transparent;border:0;color:#ff695d;min-width:26px;min-height:38px;padding:0;cursor:pointer;font-size:20px;font-weight:800}
.riff2-nav-toggle[aria-expanded="true"]{transform:rotate(180deg)}
.riff2-nav-toggle:focus-visible{outline:2px solid #ff6557;outline-offset:1px}
.riff2-nav-panel[hidden]{display:none!important}
.riff2-nav-panel{position:absolute;top:100%;left:20px;right:20px;z-index:120;display:grid;grid-template-columns:minmax(215px,.7fr) minmax(0,2fr);gap:30px;min-height:220px;padding:26px 35px;background:#f6f1e9;color:#161616;border-bottom:5px solid #e8342e;box-shadow:0 18px 35px #0006}
.riff2-nav-panel-heading{display:flex;flex-direction:column;align-items:start;gap:12px;border-right:1px solid #d6cfc4;padding-right:18px}
.riff2-nav-panel-heading>strong{font:900 clamp(25px,2vw,35px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.06em}
.riff2-nav-panel-heading>strong span{color:#e8342e}
.riff2-nav-panel-heading>a{font:800 11px Arial,sans-serif;letter-spacing:.06em;color:#df322d;text-decoration:none}
.riff2-nav-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,.7fr);gap:25px}
.riff2-nav-panel-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;align-content:start}
.riff2-nav-panel-links>a{display:flex;justify-content:space-between;gap:9px;padding:11px 7px;border-bottom:1px solid #d8d1c8;color:#171717;text-decoration:none;font:800 14px/1.25 Arial,Helvetica,sans-serif}
.riff2-nav-panel-links>a span{color:#e8342e}
.riff2-nav-panel-links>a:hover{background:#191919;color:white}
.riff2-nav-panel-feature{display:grid;grid-template-columns:95px 1fr;gap:13px;align-items:center;background:#171717;color:white;text-decoration:none;padding:10px}
.riff2-nav-panel-feature img{width:95px;height:110px;object-fit:cover}
.riff2-nav-panel-feature span{display:flex;flex-direction:column;gap:8px}
.riff2-nav-panel-feature small{font:800 9px Arial,sans-serif;letter-spacing:.1em;color:#ff6a60}
.riff2-nav-panel-feature strong{font:800 16px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.riff2-nav-panel-feature:hover{color:white;background:#282828}
.riff2-home-intro{grid-template-columns:minmax(0,1.5fr) minmax(220px,.6fr) 235px!important;overflow:visible!important}
.riff2-vinyl{justify-self:center!important;position:relative;width:188px!important;height:188px!important;transform:rotate(-13deg)!important;border:10px solid #141414!important;box-shadow:0 3px 8px #0003,inset 0 0 0 15px #111,inset 0 0 0 43px #e6332f!important;overflow:hidden;flex:none}
.riff2-vinyl:before{content:"";position:absolute;inset:38%;background:#141414;border-radius:50%;border:3px solid #e7dfce;box-shadow:0 0 0 2px #141414,0 0 0 12px #e6332f}
.riff2-vinyl:after{content:"";position:absolute;left:31%;top:-12%;width:13%;height:126%;transform:rotate(-22deg);background:linear-gradient(90deg,transparent,#ffffff26,transparent);pointer-events:none}
/* Truly collapsed mobile nav with high-contrast hamburger and scrollable mega accordions. */
.riff-menu-toggle{color:#fff!important}
.riff2-hamburger{width:25px;height:21px;display:flex;flex-direction:column;justify-content:space-between}
.riff2-hamburger i{height:3px;background:#fff;border-radius:3px;width:100%;display:block;transition:transform .2s,opacity .2s}
.riff-menu-toggle[aria-expanded="true"] .riff2-hamburger i:first-child{transform:translateY(9px) rotate(45deg)}
.riff-menu-toggle[aria-expanded="true"] .riff2-hamburger i:nth-child(2){opacity:0}
.riff-menu-toggle[aria-expanded="true"] .riff2-hamburger i:last-child{transform:translateY(-9px) rotate(-45deg)}
@media(max-width:1199px) and (min-width:768px){.riff2-magazine-menu>li>a,.riff2-nav-heading>a{font-size:11px!important;padding:24px 7px!important}.riff2-home-intro{grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr) 165px!important}.riff2-vinyl{width:155px!important;height:155px!important}}
@media(max-width:767px){
  .riff-header-inner{min-height:64px!important;flex-wrap:nowrap!important;gap:12px!important}
  .riff-brand{order:0;z-index:12}.riff-brand a{font-size:24px!important}
  .riff-menu-toggle{display:grid!important;place-items:center;order:3;z-index:130;min-width:44px!important;min-height:44px!important;margin-left:0!important;background:transparent!important;border:1px solid #5b5b5b!important;border-radius:7px!important;padding:9px!important}
  .riff-header-search{order:2;flex:0 0 42px!important;width:42px!important;min-width:42px!important;margin-left:auto!important}
  .riff-navigation{position:fixed!important;z-index:105;top:64px;left:0;right:0;width:100%!important;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);padding:15px 18px 30px;overflow:auto;background:#161616;display:none!important;box-shadow:0 9px 20px #0007}
  .riff-navigation.is-open{display:block!important}
  body.riff2-mobile-menu-open{overflow:hidden}
  .riff2-magazine-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
  .riff2-magazine-menu>li{display:block;border-bottom:1px solid #353535}
  .riff2-magazine-menu>li>a,.riff2-nav-heading>a{display:block!important;font-size:17px!important;padding:17px 10px!important;letter-spacing:.02em!important;line-height:1.15!important}
  .riff2-nav-heading{justify-content:space-between}
  .riff2-nav-heading>a{flex:1}
  .riff2-nav-toggle{min-width:52px!important;min-height:51px!important;font-size:25px!important}
  .riff2-nav-panel{position:static!important;display:block;min-height:0;margin:0 0 15px;padding:17px!important;border:0!important;border-left:3px solid #e8342e!important;box-shadow:none!important}
  .riff2-nav-panel-heading{border-right:0;padding:0 0 12px;gap:5px}
  .riff2-nav-panel-heading>strong{font-size:22px}
  .riff2-nav-panel-grid{display:block}
  .riff2-nav-panel-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}
  .riff2-nav-panel-links>a{font-size:13px;padding:12px 5px}
  .riff2-nav-panel-feature{margin-top:15px;grid-template-columns:70px 1fr}
  .riff2-nav-panel-feature img{width:70px;height:70px}
  .riff2-home-intro{display:block!important;overflow:hidden!important;position:relative;padding-right:20px!important;min-height:205px;isolation:isolate}
  .riff2-home-intro>div:first-child,.riff2-home-intro>p{position:relative;z-index:2}
  .riff2-vinyl{display:block!important;position:absolute!important;right:-32px;top:16px;width:130px!important;height:130px!important;opacity:.18;transform:rotate(-14deg)!important;z-index:0}
}
