/* V420 global palette tokens; preserve page artwork/backdrops. */
:root {
  color-scheme: dark;
  --bg: #050505;
  --red: #b5121b;
  --wk-velvet-charcoal: var(--bg);
  --wk-crimson: var(--red);
  --wk-fine-line: rgba(255, 255, 255, 0.05);
  color: #ffffff;
}
body:not(.wk-premiere-canvas) {
  background-color: var(--wk-velvet-charcoal) !important;
  color: #ffffff !important;
}
:is(article, dialog, [role="dialog"], .card, .panel, [class*="-card"], [class*="-panel"]) {
  border: 1px solid var(--wk-fine-line) !important;
}

/* V484 shared header geometry consolidated from Media's late overrides. */
/* V2.4.420 — apply the V2.4.419 header/nav clearance to every primary tab.
   This final inline layer intentionally comes after page-specific styles so
   Media/About/Store/Contact cannot override the shared header behavior. */
@media(min-width:901px){
  .site-header .nav{display:grid!important;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,280px)!important;align-items:center!important;justify-content:initial!important;column-gap:clamp(10px,1.2vw,28px)!important;}
  .site-header .brand-logo{grid-column:1!important;grid-row:1!important;justify-self:start!important;min-width:0!important;}
  .site-header .nav-links{grid-column:2!important;grid-row:1!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(8px,1vw,28px)!important;overflow:visible!important;}
  .site-header .nav-links a{flex:1 1 0!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important;line-height:1.05!important;font-size:clamp(9px,0.72vw,17px)!important;}
  .site-header .wk-language-picker{grid-column:3!important;grid-row:1!important;justify-self:end!important;width:280px!important;min-width:280px!important;max-width:280px!important;margin-left:0!important;}
}
@media(min-width:901px) and (max-width:1100px){
  .site-header .nav{grid-template-columns:minmax(0,280px) minmax(0,1fr) minmax(0,260px)!important;column-gap:8px!important;}
  .site-header .brand-logo{width:min(280px,28vw)!important;}
  .site-header .wk-language-picker{width:260px!important;min-width:260px!important;max-width:260px!important;}
  .site-header .nav-links{gap:5px!important;}
  .site-header .nav-links a{font-size:clamp(8px,0.9vw,12px)!important;letter-spacing:.02em!important;}
}
@media(min-width:1101px) and (max-width:2399px){
  .site-header .nav{grid-template-columns:minmax(0,420px) minmax(0,1fr) minmax(0,280px)!important;}
  .site-header .brand-logo{width:min(420px,32vw)!important;}
}
@media(min-width:2400px){
  .site-header .nav{grid-template-columns:minmax(0,500px) minmax(0,1fr) minmax(0,280px)!important;}
  .site-header .brand-logo{width:min(500px,30vw)!important;}
  .site-header .nav-links{gap:clamp(10px,1vw,34px)!important;}
  .site-header .nav-links a{font-size:clamp(11px,0.62vw,17px)!important;}
}
/* V2.4.424 — FINAL SHARED HEADER BEHAVIOR ON ALL PRIMARY NAV PAGES.
   Applies identically to Home, Media, About, Store, and Contact.
   CSS viewport driven: portrait uses MENU; landscape uses full nav only when
   the available viewport can accommodate it; desktop remains full nav. */
@media (max-width:900px){
  .site-header .nav-links{display:none!important;}
}
@media (max-width:900px) and (orientation:landscape) and (min-width:650px){
  .site-header .nav{width:calc(100% - 24px)!important;max-width:none!important;min-height:68px!important;display:grid!important;grid-template-columns:minmax(110px,1fr) minmax(0,auto) auto!important;align-items:center!important;column-gap:clamp(10px,2vw,20px)!important;padding:0!important;box-sizing:border-box!important;}
  .site-header .brand-logo{position:relative!important;left:0!important;grid-column:1!important;width:clamp(105px,22vw,150px)!important;min-width:0!important;height:auto!important;justify-self:start!important;}
  .site-header .brand-logo img{width:100%!important;height:auto!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important;}
  .site-header .menu{display:none!important;}
  .site-header .nav-links{grid-column:2!important;grid-row:1!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;display:flex!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;justify-content:center!important;align-items:center!important;gap:clamp(7px,1.5vw,16px)!important;white-space:normal!important;overflow:visible!important;}
  .site-header .nav-links a{flex:0 1 auto!important;min-width:0!important;max-width:none!important;padding:5px 2px!important;margin:0!important;font-size:clamp(9px,1.45vw,13px)!important;line-height:1.05!important;letter-spacing:.035em!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  .site-header .wk-language-picker{grid-column:3!important;grid-row:1!important;position:relative!important;width:clamp(130px,25vw,165px)!important;min-width:clamp(130px,25vw,165px)!important;max-width:clamp(130px,25vw,165px)!important;margin:0!important;}
  .site-header .wk-language-button{width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding-left:10px!important;padding-right:9px!important;font-size:clamp(9px,1.8vw,11px)!important;box-sizing:border-box!important;}
}