/* ==========================================================
   Dmopen shared chrome: header + footer
   Linked AFTER each page's inline <style> so every page renders
   the exact same white corporate header. Edit here, not per page.
   ========================================================== */

html{scroll-padding-top:124px}

/* ---------- Header shell ---------- */
header.site,
header.site.solid{
  position:fixed;inset:0 0 auto 0;z-index:50;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e5e7ef!important;
  box-shadow:0 8px 28px rgba(7,10,38,.08)!important;
  backdrop-filter:blur(12px);
}
header.site .nav{display:flex;align-items:center;justify-content:space-between;height:88px}

/* ---------- Brand: logo + motto underneath ---------- */
header.site .brand{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;flex:none;min-width:0;text-decoration:none;color:#10153f;
}
header.site .brand .brand-full{
  display:block;width:auto!important;height:54px!important;max-width:none;
  object-fit:contain;background:transparent!important;border:0!important;
  border-radius:0!important;padding:0!important;box-shadow:none!important;
}
header.site .brand .brand-motto{
  display:block!important;flex-basis:auto;margin:0;
  font:700 .5rem/1 var(--body);letter-spacing:.17em;text-transform:uppercase;
  color:#1b1aa8;white-space:nowrap;
}

/* ---------- Menu ---------- */
header.site .menu{display:flex;align-items:center;gap:clamp(.9rem,1.7vw,1.9rem);list-style:none}
header.site .menu>li{position:relative;list-style:none}
header.site .menu>li>a:not(.btn){
  color:#10153f!important;font:700 .84rem var(--body);white-space:nowrap;
  position:relative;padding:.5rem 0;text-decoration:none;
}
header.site .menu>li>a:not(.btn)::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;
  background:#fcc419;transform:scaleX(0);transform-origin:left;
  transition:transform .35s var(--ease);
}
header.site .menu>li>a:not(.btn):hover::after,
header.site .menu>li>a.active:not(.btn)::after{transform:scaleX(1)}
header.site .menu>li>a.active:not(.btn){color:#1b1aa8!important}
header.site .menu .chevron{color:#1b1aa8!important;display:inline-block;margin-left:.25rem;font-size:1.05rem;transition:transform .25s}
header.site .menu .has-dropdown:hover .chevron,
header.site .menu .has-dropdown:focus-within .chevron{transform:rotate(180deg)}
header.site .menu .btn-amber{color:#101326!important;background:#fcc419!important;padding:.7rem 1.25rem;min-height:44px;font-size:.84rem}
header.site .menu .btn-amber:hover{background:#10153f!important;color:#fff!important}

/* ---------- Dropdown ---------- */
header.site .dropdown-menu{
  position:absolute;top:calc(100% + 14px);left:-20px;min-width:245px;padding:10px 0;list-style:none;
  background:#fff;border-top:3px solid #fcc419;box-shadow:0 18px 45px rgba(4,7,30,.15);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s,transform .2s,visibility .2s;z-index:100;
}
header.site .dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-17px;height:16px}
header.site .has-dropdown:hover>.dropdown-menu,
header.site .has-dropdown:focus-within>.dropdown-menu,
header.site .has-dropdown.dropdown-open>.dropdown-menu{opacity:1;visibility:visible;transform:none}
header.site .dropdown-menu li{border-bottom:1px solid #ececf2}
header.site .dropdown-menu li:last-child{border-bottom:0}
header.site .menu .dropdown-menu a{
  display:block;color:#10153f!important;padding:12px 20px!important;
  font:700 .84rem var(--body)!important;white-space:normal;text-decoration:none;
}
header.site .menu .dropdown-menu a::after{display:none}
header.site .menu .dropdown-menu a:hover{background:#f3f4fb;color:#1b1aa8!important}

/* ---------- Burger ---------- */
header.site .burger{color:#10153f!important}
header.site .burger span{background:#10153f!important}

/* ---------- Desktop sizing ---------- */
@media(min-width:961px){
  header.site .nav{height:108px}
  header.site .brand .brand-full{height:68px!important}
  header.site .brand .brand-motto{font-size:.54rem}
}
@media(min-width:1100px){
  header.site .menu>li>a:not(.btn){font-size:.9rem}
  header.site .menu .btn-amber{font-size:.9rem}
}

/* ---------- Mobile ---------- */
@media(max-width:960px){
  header.site .burger{display:block}
  header.site .nav{height:84px}
  header.site .brand .brand-full{height:50px!important}
  header.site .menu{
    position:fixed;inset:84px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    padding:8px var(--pad) 28px;max-height:calc(100svh - 84px);overflow-y:auto;
    background:#fff!important;border-top:1px solid #e5e7ef!important;
    box-shadow:0 20px 35px rgba(0,0,0,.12)!important;
    transform:translateY(-130%);visibility:hidden;transition:transform .45s var(--ease);
  }
  header.site .menu.open{transform:none;visibility:visible}
  header.site .menu>li{width:100%;border-bottom:1px solid #eceef5}
  header.site .menu>li:last-child{border:0}
  header.site .menu>li>a:not(.btn){display:block;padding:1.1rem 0;font-size:1.02rem}
  header.site .menu>li>a:not(.btn)::after{display:none}
  header.site .menu .has-dropdown>a.dropdown-toggle{display:flex;align-items:center;justify-content:space-between}
  header.site .menu .btn-amber{display:flex!important;margin-top:1.2rem;justify-content:center;text-align:center;width:100%}
  header.site .dropdown-menu{
    position:static;min-width:0;padding:0;background:#f7f8fc!important;
    border-top:1px solid #e5e7ef!important;box-shadow:none;display:none;
    opacity:1;visibility:visible;transform:none;
  }
  header.site .has-dropdown.dropdown-open>.dropdown-menu{display:block}
  header.site .dropdown-menu::before{display:none}
  header.site .menu .dropdown-menu a{padding:12px 16px 12px 20px!important}
  header.site .menu .dropdown-menu a:hover{background:#edf0fa}
}
@media(max-width:380px){
  header.site .brand .brand-motto{font-size:.44rem;letter-spacing:.12em}
}

/* ---------- Footer ---------- */
footer .foot .brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;color:#fff;flex-wrap:nowrap}
footer .foot .brand .brand-full{
  width:auto!important;height:72px!important;max-width:none;object-fit:contain;
  background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;
}
footer .foot .brand .brand-motto{
  display:block!important;margin:0;font:700 .56rem/1 var(--body);
  letter-spacing:.17em;text-transform:uppercase;color:#fcc419;
}
footer .foot-brand{max-width:none}
footer .foot li strong{color:#fff;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}
footer .footer-symbol{display:none!important}

/* ---------- Inner-page hero clears the taller header ---------- */
@media(min-width:961px){.page-hero{padding-top:170px}}
@media(min-width:861px) and (max-width:960px){.page-hero{padding-top:130px}}

/* footer icons, head office, social */
footer .ficon{width:18px;height:18px;flex:none;color:var(--amber,#f5a623)}
footer .foot-line{display:flex;gap:.7rem;align-items:flex-start;margin-top:.8rem;list-style:none}
footer .foot-office strong{color:#fff;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
footer .foot-office .foot-line{margin-top:.7rem}
footer .foot-office .foot-line .ficon{margin-top:2px}
footer .foot-contact .foot-line .ficon{margin-top:1px}
footer .social{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
footer .social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);transition:background .2s}
footer .social a .ficon{color:#fff;width:19px;height:19px}
footer .social a:hover{background:var(--amber,#f5a623)}
footer .social a:hover .ficon{color:#111}
@media(min-width:900px){footer .wrap .foot{grid-template-columns:1.5fr .9fr 1.1fr 1fr}}
h3[id]{scroll-margin-top:110px}
footer .foot ul.foot-contact,footer .foot ul.foot-follow{display:flex;flex-direction:column;align-content:flex-start;justify-content:flex-start;gap:.9rem}
footer .foot ul.foot-contact .foot-line{margin-top:0;align-items:center}
footer .foot-office{margin-top:1.4rem}
footer .foot ul.foot-follow .social{margin-top:0;gap:.5rem;flex-wrap:nowrap}
footer .social a{width:36px;height:36px}
footer .social a .ficon{width:17px;height:17px}