/* NAV-MENU */
.nav .mi{ position:relative; padding:18px 0; margin:-18px 0; } .nav .mi>a.mtop::after{ content:"\25BE"; margin-left:6px; font-size:11px; }
.sub{ list-style:none; margin:0; padding:0; }
.l2{ display:none; position:absolute; left:-16px; top:100%; min-width:260px; padding:8px 0; background:var(--mbg,#1B2A5C); border:4px solid var(--macc,#C8102E); border-top-width:6px; box-shadow:8px 8px 0 var(--msh,#14183A); z-index:60; }
.mi:hover>.l2,.mi:focus-within>.l2,.mi.open>.l2{ display:block; }
.l2>li{ position:relative; }
.nav .l2 a{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:11px 18px; color:var(--mtx,#EFE3C6); text-decoration:none; white-space:nowrap; font-family:var(--hand,"Oswald",sans-serif); font-size:14px; letter-spacing:.12em; text-transform:uppercase; }
.nav .l2 a:hover,.nav .l2 li:focus-within>a,.nav .l2 li:hover>a{ background:var(--macc,#C8102E); color:#fff; }
.l2>li.has-sub>a::after{ content:"\25B8"; }
.l3{ display:none; position:absolute; left:100%; top:-10px; min-width:300px; padding:8px 0; background:var(--msh,#14183A); border:4px solid var(--macc,#C8102E); box-shadow:8px 8px 0 var(--mdeep,#0E1636); max-height:min(72vh,600px); overflow:auto; }
.l2>li:hover>.l3,.l2>li:focus-within>.l3,.l2>li.open>.l3{ display:block; }
.l3 .fh{ padding:12px 18px 4px; font-family:var(--hand,"Oswald",sans-serif); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--mgold,#E8B923); }
.l3 small{ opacity:.7; font-size:12px; letter-spacing:0; }
.navbtn{ display:none; min-height:44px; padding:0 18px; border:3px solid var(--mtx,#EFE3C6); background:transparent; color:var(--mtx,#EFE3C6); font-family:var(--hand,"Oswald",sans-serif); font-size:14px; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.viewbar{ margin:22px clamp(20px,5vw,72px) 0; padding:14px 20px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; border:5px solid var(--msh,#14183A); background:var(--mcard,#FFF9E8); box-shadow:8px 8px 0 var(--macc,#C8102E); font-family:var(--hand,"Oswald",sans-serif); text-transform:uppercase; letter-spacing:.1em; }
.viewbar:not([hidden]) + .branch .bname{ margin-top:30px; }
.viewbar .inc{ flex-basis:100%; font-size:13px; letter-spacing:.08em; color:var(--mlead,#4A4F6E); }
.viewbar b{ font-family:var(--display,"Anton",sans-serif); font-weight:400; font-size:28px; letter-spacing:.04em; } .viewbar a{ margin-left:auto; color:var(--macc,#C8102E); font-weight:600; }
[hidden]{ display:none !important; }
@media (max-width:900px){ .navbtn{ display:inline-block; } .top{ flex-wrap:wrap; } .nav.open{ display:flex !important; flex-direction:column; align-items:stretch; gap:0; flex-basis:100%; order:5; padding:8px 0; } .nav.open>a,.nav.open .mi>a{ display:block; padding:12px 4px; border-top:1px solid rgba(239,227,198,.25); } .nav .mi{ padding:0; margin:0; }
  .l2,.l3{ position:static; box-shadow:none; border:0; border-left:4px solid var(--macc,#C8102E); margin-left:10px; min-width:0; max-height:none; } .mi:hover>.l2,.l2>li:hover>.l3{ display:none; } .mi.open>.l2,.l2>li.open>.l3{ display:block !important; } .nav .l2 a{ white-space:normal; } }
/* /NAV-MENU */
/* DUSK-HEADER: generated by make_dusk_header.py from the homepage css. Do not edit by hand. Loaded LAST on every dusk page so the header is identical everywhere. */
:root:root:root{ --cream:#F2E6C6; --brass:#C9A74B; --gold:#F6D77C; --red:#C23B2B; --script:"Yellowtail",cursive; --hand:"Oswald","Arial Narrow",sans-serif; --display:"Anton","Oswald",Impact,sans-serif; --mbg:#1B2150; --macc:#C23B2B; --msh:#0B1020; --mtx:#F2E6C6; --mgold:#F6D77C; --mcard:#F2E6C6; --mlead:#4B4A63; --mdeep:#0B1020; }
/* neutralise settings that other page templates put on the header, so it matches the homepage exactly */
.top{ justify-content:flex-start; -webkit-backdrop-filter:none; backdrop-filter:none; }
.logo{ font-family:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; letter-spacing:normal; }
.nav{ gap:0; font-weight:400; } .tools{ font-weight:400; }
/* layout (from home.base.css) */
.top{ position:sticky; top:0; z-index:40; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding:8px 14px; }
.logo{ flex:1 1 auto; min-width:0; }
.nav{ display:none; }
.tools{ display:flex; gap:14px; align-items:center; }
.tools a{ display:inline-flex; align-items:center; min-height:44px; }
.tools a:first-child{ display:none; }
.tools .ic{ display:none; }
@media (min-width:900px){
  .top{ flex-wrap:nowrap; justify-content:space-between; gap:24px; padding:16px clamp(20px,5vw,72px); }
  .logo{ flex:0 0 auto; }
  .nav{ display:flex; gap:26px; align-items:center; }
  .tools{ gap:20px; }
  .tools a{ min-height:0; }
  .tools a:first-child{ display:inline-flex; }
}
/* look (from themes/dusk-home.css) */
.top{ background:linear-gradient(to bottom,#171F3E,#2A2547); color:var(--cream); border-bottom:3px solid #EADFBF; box-shadow:0 5px 0 var(--red); }
.logo{ display:flex; align-items:center; gap:8px; text-decoration:none; color:inherit; }
.logo .em{ display:block; width:54px; height:54px; flex:none; }
.logo .em svg{ display:block; width:100%; height:100%; }
.logo .wm{ display:block; line-height:1; }
.logo .sc{ display:block; font:400 clamp(26px,7.4vw,32px)/1 var(--script); color:var(--cream); -webkit-text-stroke:1.5px #B0301F; paint-order:stroke fill; text-shadow:2px 2px 0 #B0301F; }
.logo i{ display:block; margin-top:3px; font:500 10px var(--hand); font-style:normal; letter-spacing:.38em; color:var(--brass); }
.nav,.tools{ font-family:var(--hand); font-size:14px; text-transform:uppercase; letter-spacing:.12em; }
.nav a,.tools a{ color:var(--cream); text-decoration:none; }
.nav a:hover,.tools a:hover{ color:var(--gold); }
.nav a[aria-current]{ color:var(--gold); text-decoration:underline; text-underline-offset:6px; }
.top .navbtn{ padding:0 12px; }
.tools{ gap:0; }
.tools a:last-child{ justify-content:center; width:44px; border:3px solid var(--cream); padding:0; }
.tools .ic{ display:block; }
.tools .lbl,.tools .ct{ display:none; }
@media (min-width:900px){
  .nav{ gap:clamp(14px,1.5vw,24px); }
  .nav a{ white-space:nowrap; }
  .nav,.tools{ font-size:13px; letter-spacing:.1em; }
  .tools a:first-child{ display:none; }
  .logo .sc{ font-size:clamp(40px,4vw,54px); }
  .tools{ gap:20px; }
  .tools .ic{ display:none; }
  .tools .lbl,.tools .ct{ display:inline; }
  .tools a:last-child{ width:auto; border:0; padding:0; font-size:14px; }
  .top{ padding-top:8px; padding-bottom:8px; }
  .logo{ gap:12px; }
  .logo .em{ width:92px; height:92px; }
  .logo .sc{ -webkit-text-stroke-width:2px; text-shadow:3px 3px 0 #B0301F; }
  .logo i{ font-size:12px; letter-spacing:.5em; margin-top:4px; }
}
@media (min-width:1300px){
  .tools a:first-child{ display:inline-flex; }
  .nav,.tools{ font-size:14px; letter-spacing:.12em; }
}
/* /DUSK-HEADER */