/* Self-hosted so the page renders identically offline, from a local folder,
   and on networks that block Google Fonts. Cityvile uses these same two. */
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('/assets/fonts/heebo-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('/assets/fonts/heebo-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('/assets/fonts/heebo-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* ==========================================================================
   FEDERAL APOSTILLE USA
   Design system measured from the Cityvile FSE theme (Gutenverse), with
   Cityvile's neutral palette swapped for the brand palette sampled from
   the logo artwork. Structural values below are Cityvile's real numbers:

     H1 Inter 700 54px/54px        H2 Inter 700 36px/43.2px
     H3 Inter 600 20px/24px        body Heebo 400 16px/24px
     buttons 18px 32px, radius 0   card border 1px solid #EAEAEA, radius 0
     content column 1170px         hero padding 380px / 280px
     dark panel #181B2A            accent (Cityvile) #EF0A0A

   Brand substitution: Cityvile red #EF0A0A -> #B31923 (logo-safe on white,
   6.8:1). Cityvile dark #181B2A -> #172D56 (logo navy).
   ========================================================================== */
:root{
  --navy:#172D56;
  --navy-deep:#101F3C;
  --red:#B31923;
  --red-hover:#911319;
  --red-bright:#E23B45;
  --silver:#C4C7D0;
  --line:#EAEAEA;
  --ink:#1C1B1F;
  --body:#5A6478;
  --body-dark:#D7D7D7;
  --mist:#F5F7FA;
  --white:#fff;

  --display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --text:'Heebo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --wrap:1170px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--text);font-size:16px;line-height:1.5;color:var(--body);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5{font-family:var(--display);color:var(--ink);margin:0 0 .5em}
h1{font-weight:700;font-size:54px;line-height:1}
h2{font-weight:700;font-size:36px;line-height:1.2}
h3{font-weight:600;font-size:20px;line-height:1.2}
h4{font-weight:600;font-size:17px;line-height:1.3}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
:focus-visible{outline:3px solid var(--red-bright);outline-offset:2px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sec{padding:80px 0 100px}
.sec--mist{background:var(--mist)}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{width:auto;height:auto;overflow:visible;clip:auto;left:16px;top:16px;z-index:99;background:#fff;color:var(--navy);padding:12px 20px}

/* Cityvile's buttons are square. That is a deliberate signature, not an
   oversight, and it is what makes the whole kit read as institutional. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;
  font-family:var(--text);font-weight:500;font-size:15px;line-height:1;
  padding:18px 32px;border-radius:0;border:1px solid transparent;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s;text-decoration:none}
.btn:hover{text-decoration:none}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:var(--red-hover);color:#fff}
.btn--navy{background:var(--navy);color:#fff}
.btn--navy:hover{background:var(--navy-deep);color:#fff}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn--ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn--outline{background:transparent;color:var(--navy);border-color:var(--line)}
.btn--outline:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn--sm{padding:15px 30px}

.eyebrow{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:10px;margin:0 0 14px}
.eyebrow::before{content:"";width:24px;height:2px;background:currentColor}
.eyebrow--light{color:var(--silver)}
.sec-head{max-width:700px;margin-bottom:48px}
.sec-head--c{margin-left:auto;margin-right:auto;text-align:center}
.sec-head--c .eyebrow{justify-content:center}
.lede{font-size:16px;line-height:1.6}

/* ---------- topbar (Cityvile: 8px vertical padding) ---------- */
.topbar{background:var(--navy-deep);color:rgba(255,255,255,.8);font-size:14px}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:center;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.topbar ul{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0;padding:0;list-style:none}
.topbar li{display:flex;align-items:center;gap:8px}
.topbar svg{width:14px;height:14px;color:var(--red-bright);flex:none}
.topbar .live{display:flex;align-items:center;gap:8px;color:#fff;font-weight:500}
.topbar .dot{width:7px;height:7px;background:var(--red-bright);border-radius:50%}
.topbar a:hover{text-decoration:underline}

/* ---------- header ---------- */
.hdr{background:var(--navy);position:sticky;top:0;z-index:60}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;flex-wrap:nowrap}
.brand img{width:196px;max-width:46vw}
.nav{display:flex;align-items:center;gap:2px}
.nav>ul{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.nav a{font-family:var(--display);font-weight:600;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,255,255,.9);padding:12px 12px;display:block;white-space:nowrap;transition:color .2s}
.nav a:hover{color:#fff;text-decoration:none}
.nav a.active{color:#fff}
.nav>ul>li>a.active{box-shadow:inset 0 -2px 0 var(--red-bright)}
.has-sub{position:relative}
.has-sub>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;vertical-align:2px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.sub{position:absolute;left:0;top:100%;min-width:266px;background:#fff;list-style:none;margin:0;padding:8px 0;
  box-shadow:0 18px 44px rgba(16,31,60,.18);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s,transform .18s,visibility .18s}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translateY(0)}
.sub a{color:var(--ink);font-family:var(--text);font-weight:400;font-size:15px;letter-spacing:0;
  text-transform:none;padding:11px 22px}
.sub a:hover{color:var(--red);background:var(--mist)}
.hdr-cta .btn{padding:13px 22px;white-space:nowrap}
.burger{display:none;background:none;border:1px solid rgba(255,255,255,.32);padding:11px 13px;cursor:pointer}
.burger span{display:block;width:21px;height:2px;background:#fff;margin:4px 0}

/* ---------- hero (Cityvile: 380px top / 280px bottom, centered) ---------- */
.hero{position:relative;color:#fff;overflow:hidden;padding:190px 0 170px;text-align:center;
  background:#0B1730 url('/assets/photos/hero-capitol.webp') center/cover no-repeat}
/* Cityvile darkens its hero photo so white type stays legible. Same treatment. */
.hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,23,48,.72) 0%,rgba(16,31,60,.55) 42%,rgba(11,23,48,.80) 100%)}
.hero-pattern{display:none}
/* Cityvile ghosts its brand name behind the hero headline. Same device. */
.hero-ghost{position:absolute;top:150px;left:50%;transform:translate(-50%,-14%);
  font-family:var(--display);font-weight:700;font-size:clamp(90px,15vw,210px);line-height:1;
  color:rgba(255,255,255,.07);white-space:nowrap;pointer-events:none;letter-spacing:-.02em}
.hero .wrap{position:relative;z-index:3}
.hero-ghost{z-index:2}
.hero h1{color:#fff;max-width:19ch;margin:0 auto 22px}
.hero h1 em{font-style:normal;color:var(--red-bright)}
.hero p{color:rgba(255,255,255,.85);max-width:66ch;margin:0 auto;font-size:17px;line-height:1.65}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.hero-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin:56px auto 0;max-width:840px;
  border-top:1px solid rgba(255,255,255,.16);padding-top:34px}
.hero-stats div{flex:1 1 170px;padding:0 18px;border-right:1px solid rgba(255,255,255,.14)}
.hero-stats div:last-child{border-right:0}
.hero-stats b{display:block;font-family:var(--display);font-weight:700;font-size:32px;color:#fff;line-height:1}
.hero-stats span{display:block;margin-top:7px;font-size:13.5px;color:rgba(255,255,255,.68)}

/* ---------- intro split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.checks{list-style:none;margin:26px 0 0;padding:0}
.checks li{display:flex;gap:11px;padding:7px 0;font-size:15.5px}
.checks svg{width:17px;height:17px;color:var(--red);flex:none;margin-top:4px}
.shot{margin:0;position:relative}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.shot::after{content:"";position:absolute;left:-14px;bottom:-14px;width:96px;height:96px;
  border-left:5px solid var(--red);border-bottom:5px solid var(--red);pointer-events:none}

/* ---------- service cards (Cityvile: icon left, 1px #EAEAEA, square) ---------- */
.svc-head{display:grid;grid-template-columns:1fr 1fr auto;gap:36px;align-items:center;margin-bottom:40px}
.svc-head h2{margin:0}
.svc-head p{margin:0;font-size:15.5px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);padding:28px 26px;display:flex;flex-direction:column;
  transition:border-color .22s,box-shadow .22s}
.card:hover{border-color:var(--silver);box-shadow:0 14px 34px rgba(16,31,60,.07)}
.card-row{display:flex;gap:18px;align-items:flex-start}
.card-ico{width:50px;height:50px;background:var(--mist);display:grid;place-items:center;flex:none}
.card-ico svg{width:24px;height:24px;color:var(--red)}
.card h3{margin:0 0 6px;font-size:19px;color:var(--ink);min-height:2.4em;display:flex;align-items:flex-start}
.card p{font-size:14.5px;margin:0;color:var(--body)}
.card:hover h3{color:var(--red)}
.more{margin-top:14px;font-family:var(--text);font-weight:500;font-size:14.5px;color:var(--red);
  display:inline-flex;align-items:center;gap:7px}
.more::after{content:"→";transition:transform .2s}
.card:hover .more::after{transform:translateX(4px)}
.card .more{margin-top:auto;padding-top:16px;align-self:flex-start}

/* ---------- dark departments panel (Cityvile's signature section) ---------- */
.panel{position:relative;background:var(--navy);color:var(--body-dark);overflow:hidden}
.panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;
  background:url('/assets/photos/texture.webp') center/cover no-repeat}
.panel-grid{position:relative;z-index:1}
.panel-grid{display:grid;grid-template-columns:.42fr .58fr;align-items:stretch}
.panel-left{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  padding:72px 48px 72px max(24px,calc((100vw - 1170px)/2 + 24px));min-height:620px;
  background:#0B1730 url('/assets/photos/panel-capitol.webp') center/cover no-repeat}
.panel-left::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,23,48,.35) 0%,rgba(11,23,48,.88) 78%)}

.panel-left-inner{position:relative;z-index:2}
.paths{list-style:none;margin:0 0 30px;padding:0}
.paths li{padding:14px 0;border-top:1px solid rgba(255,255,255,.15)}
.paths li:last-child{border-bottom:1px solid rgba(255,255,255,.15)}
.paths b{display:block;font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--red-bright);margin-bottom:5px}
.paths span{font-size:14.5px;color:rgba(255,255,255,.76);line-height:1.55}
.panel-note{background:var(--navy);border-left:4px solid var(--red);padding:26px 24px}
.panel-note h3{color:#fff;margin:0 0 10px;font-size:18px}
.panel-note p{font-size:14.5px;margin:0;color:rgba(255,255,255,.72)}
.panel-right{padding:80px max(24px,calc((100vw - 1170px)/2 + 24px)) 100px 64px;min-width:0}
.panel-right h2{color:#fff}
.panel-right>p{max-width:60ch;margin-bottom:34px}
.panel .card{background:#fff}
.panel .card h3{color:var(--ink)}

/* ---------- process ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.step{padding-right:28px;position:relative}
.step:not(:last-child)::after{content:"";position:absolute;right:14px;top:2px;bottom:4px;width:1px;background:var(--line)}
.step b{display:block;font-family:var(--display);font-weight:700;font-size:46px;line-height:1;color:var(--navy);opacity:.15;margin-bottom:8px}
.step h4{margin-bottom:8px}
.step p{font-size:14.5px;margin:0}

/* ---------- countries ---------- */
.ctry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.ctry{border:1px solid var(--line);background:#fff;padding:14px 12px;text-align:center;
  font-size:14px;color:var(--ink);transition:border-color .2s,color .2s}
.ctry:hover{border-color:var(--red);color:var(--red);text-decoration:none}
.ctry i{display:block;font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--body);margin-top:4px}
.ctry:hover i{color:var(--red)}

/* ---------- coverage ---------- */
.cover{padding:38px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.cover-grid .cover{padding:34px 30px}
.cover-tag{position:absolute;top:0;right:0;font-family:var(--display);font-weight:600;font-size:11px;
  letter-spacing:.11em;text-transform:uppercase;color:#fff;background:var(--red);padding:6px 14px}
.cover-tag--muted{background:var(--navy);color:#fff}
.cover--white .cover-tag--muted{background:var(--mist);color:var(--navy)}
.cover--navy{background:var(--navy);color:rgba(255,255,255,.82)}
.cover--navy h3{color:#fff}
.cover--white{background:#fff;border:1px solid var(--line)}
.cover dl{margin:20px 0 24px;display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:14px}
.cover dt{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--red);padding-top:3px;white-space:nowrap}
.cover--navy dt{color:var(--silver)}
.cover dd{margin:0}
.cover .btn{align-self:flex-start;margin-top:auto}
.cover dd a:hover{text-decoration:underline}

/* ---------- FAQ ---------- */
.faq{max-width:none;margin:0}
.faq details{background:#fff;border:1px solid var(--line);margin-bottom:12px}
.faq details[open]{border-color:var(--silver)}
.faq summary{cursor:pointer;list-style:none;padding:20px 58px 20px 24px;position:relative;
  font-family:var(--display);font-weight:600;font-size:17px;color:var(--ink);line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;
  border-right:2px solid var(--red);border-bottom:2px solid var(--red);
  transform:translateY(-70%) rotate(45deg);transition:transform .22s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq .a{padding:0 24px 22px;font-size:15px}

/* ---------- CTA ---------- */
.cta{background:var(--navy-deep);color:#fff;position:relative;overflow:hidden;padding:72px 0}
.cta .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta-copy{flex:1 1 460px;min-width:280px}
.cta h2{color:#fff;margin-bottom:10px}
.cta p{color:rgba(255,255,255,.78);max-width:54ch;margin:0}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- footer ---------- */
.ftr{background:var(--navy);color:rgba(255,255,255,.7);padding:72px 0 0;font-size:15px}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:44px}
.ftr img{width:236px;margin-bottom:20px}
.ftr h5{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.15em;
  text-transform:uppercase;color:#fff;margin:0 0 18px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin-bottom:10px}
.ftr a{color:rgba(255,255,255,.7);font-size:14.5px}
.ftr a:hover{color:#fff;text-decoration:none}
.ftr-hours li{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ftr-hours li:last-child{border-bottom:0}
.ftr-loc{font-size:14px;color:rgba(255,255,255,.68);margin:0 0 18px;line-height:1.55}
.ftr-loc b{display:block;font-family:var(--display);font-weight:600;font-size:14px;color:#fff;letter-spacing:.02em}
.ftr-loc span{display:block;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--red-bright);margin:2px 0 7px}
.ftr-loc a{color:rgba(255,255,255,.8)}.ftr-loc a:hover{color:#fff}
.ftr-hours span:last-child{color:#fff}
.ftr-bot{margin-top:56px;border-top:1px solid rgba(255,255,255,.14);padding:22px 0;display:flex;
  flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;font-size:14px}
.ftr-bot p{margin:0;color:rgba(255,255,255,.6)}
.ftr-bot nav{display:flex;gap:20px;flex-wrap:wrap}
.disc{background:var(--navy-deep);padding:18px 0;font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.6}
.disc p{margin:0}

/* ---------- responsive ---------- */
@media(max-width:1280px){
  .hdr-cta{display:none}
  .nav a{padding:12px 11px}
}
@media(max-width:1024px){
  h1{font-size:40px}h2{font-size:30px}
  .sec{padding:64px 0 72px}
  .hero{padding:100px 0 86px}
  .hero-ghost{top:100px}
  .nav,.hdr-cta{display:none}
  .burger{display:block}
  .hdr.open .nav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--navy-deep);
    padding:12px 24px 20px;max-height:76vh;overflow:auto}
  .hdr.open .nav>ul{display:block}
  .hdr.open .nav a{padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.1)}
  .hdr.open .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    background:transparent;padding:0 0 0 16px}
  .hdr.open .sub a{color:rgba(255,255,255,.72);text-transform:none;font-size:14.5px}
  .hdr.open .nav-cta{display:flex!important;margin-top:14px;border-bottom:0!important;justify-content:center}
  .split,.panel-grid{grid-template-columns:1fr}
  .panel-left{padding:48px 32px;min-height:380px}
  .panel-right{padding:56px 32px 64px}
  .grid3{grid-template-columns:repeat(2,1fr)}
  .svc-head{grid-template-columns:1fr;gap:18px}
  .steps{grid-template-columns:1fr 1fr;gap:34px 0}
  .step:nth-child(2)::after{display:none}
  .ctry-grid{grid-template-columns:repeat(4,1fr)}
  .ftr-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  h1{font-size:32px}h2{font-size:26px}
  .sec{padding:52px 0 58px}
  .hero{padding:72px 0 64px}
  .hero-ghost{display:none}
  .hero-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:14px 0;flex-basis:100%}
  .hero-stats div:last-child{border-bottom:0}
  .grid3,.grid2{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:28px}
  .step{padding-right:0}
  .step::after{display:none!important}
  .ctry-grid{grid-template-columns:repeat(2,1fr)}
  .cert ol{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr}
  .topbar .live{display:none}
  .topbar ul{flex-wrap:wrap;gap:4px 18px;width:100%;justify-content:flex-start}
  .topbar li.tb-addr{display:flex;flex-basis:100%;font-size:11.5px;opacity:.85}
  .topbar{font-size:12.5px}
  .topbar li{gap:6px}
  .cover{padding:32px 24px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* mega menu (grouped services dropdown) */
.has-mega{position:relative}
.mega{position:absolute;left:0;top:100%;display:grid;grid-template-columns:repeat(3,minmax(196px,1fr));gap:0 8px;align-items:start;
  background:#fff;box-shadow:0 18px 44px rgba(16,31,60,.18);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s,transform .18s,visibility .18s;padding:18px 14px}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega-col{padding:0 6px}

.mega-col h5{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--red);margin:0 0 8px;padding:0 12px}
.mega-col a{display:block;
  font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.01em;text-transform:none;
  color:var(--ink);padding:7px 12px;white-space:nowrap;border-radius:3px}
.mega-col a:hover{color:var(--red);background:var(--mist);text-decoration:none}
.mega-all{margin-top:10px;padding-top:10px!important;border-top:1px solid var(--line);
  font-family:var(--display)!important;font-weight:600!important;font-size:12px!important;
  letter-spacing:.05em;text-transform:uppercase;color:var(--navy)!important}
@media(max-width:1024px){
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;grid-template-columns:1fr;padding:4px 0 0}
  .mega-col{border-right:0;border-bottom:0;padding:6px 0 12px;margin-bottom:6px}
  .mega-col:not(:last-child){border-bottom:1px solid rgba(255,255,255,.12)}
  .mega-col h5{color:var(--silver);padding:0 2px;margin-bottom:2px}
  .hdr.open .nav .mega-col a{border-bottom:0;padding:8px 10px;color:rgba(255,255,255,.72);font-size:14.5px}
  .hdr.open .nav .mega-col a:hover,.hdr.open .nav .mega-col a:active{background:rgba(255,255,255,.05);color:#fff}
  .mega-all{color:#fff!important;padding-left:2px!important}
}