/* ══════════════════════════════════════════════════════════════
   Site shell — header, nav and mobile drawer.

   Extracted verbatim from index.html's inline <style> so the inner
   pages get the identical header rather than a lookalike. Both the
   homepage and the inner pages link this file; on the homepage it
   loads after the inline block and simply restates the same rules.

   NOTE: :root is deliberately NOT included. index.html and
   css/shared.css define the same custom-property names with
   different values (--gold is #C9A84C vs #DFA12A), so importing the
   homepage :root would repaint every inner page's body copy.
   ══════════════════════════════════════════════════════════════ */

.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;transition:.35s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap}
.hp-top{container-type:inline-size;background:#001029;position:relative;max-width:1536px;margin-inline:auto}
.hp-top::before{content:'';position:absolute;inset:0;left:50%;transform:translateX(-50%);width:100vw;background:#001029;z-index:0}
.hp-top > *{position:relative;z-index:1}
#site-header{position:relative;z-index:20;background:#001029;height:8.464cqw;display:block}
#site-header .hp-bar{position:relative;height:100%;width:100%}
.hp-logo{position:absolute;left:2.344cqw;top:1.563cqw;width:13.02cqw;height:auto;display:block}
.hp-nav{position:absolute;left:17.77cqw;top:.26cqw;height:100%;display:flex;align-items:center;gap:2.3cqw;margin:0;padding:0;list-style:none}
.hp-nav a{display:flex;align-items:center;gap:.55cqw;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1.09cqw;letter-spacing:.01em;text-transform:uppercase;color:#fff;white-space:nowrap;transition:color .2s}
.hp-nav a svg{width:.72cqw;height:.72cqw;color:#E9A415;flex-shrink:0;margin-top:.1cqw}
.hp-nav a:hover{color:#E9A415}
.hp-call{position:absolute;right:1.823cqw;top:2.2cqw;text-align:left}
.hp-call .ct{display:flex;align-items:center;gap:.55cqw;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1.1cqw;letter-spacing:.01em;text-transform:uppercase;color:#fff;line-height:1;padding-left:.7cqw}
.hp-call .ct svg{width:1.1cqw;height:1.1cqw;color:#E9A415}
.hp-call .num{display:block;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:2.35cqw;letter-spacing:0;color:#E9A415;line-height:1.05;margin-top:.5cqw;white-space:nowrap}
.hp-call .num:hover{color:#fff}
.mobile-menu{position:fixed;inset:0;background:#001029;z-index:2000;transform:translateX(100%);transition:.4s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:24px}
.mobile-menu.open{transform:translateX(0)}
.mobile-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1}
.mobile-header{display:none;background:#001029;padding:12px 20px;align-items:center;justify-content:space-between}
.mobile-logo-img{height:40px;width:auto}
.mobile-actions{display:flex;align-items:center;gap:10px}
.hamburger{background:none;border:none;color:#fff;cursor:pointer;padding:10px;margin:-4px;line-height:0}
.hamburger svg{display:block}
@media(max-width:900px){
  #site-header{height:auto}
  #site-header .hp-bar{display:none}
}
@media(max-width:768px){
  .mobile-header{display:flex}
}

/* Drawer body — these lived only in index.html's inline <style>, so the inner
   pages rendered an unstyled drawer. Shared here so all 17 match. */
.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.mobile-menu-logo{height:40px;width:auto;display:block}
.mobile-menu-links{display:flex;flex-direction:column;gap:0}
.mobile-menu-links li{border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-menu-links li a{display:block;padding:16px 0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.mobile-menu-info{margin-top:32px;display:flex;flex-direction:column;gap:12px}
.mobile-menu-info-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.75);font-size:.85rem}
.mobile-menu-cta{display:block;background:var(--gold);color:var(--navy);text-align:center;padding:16px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;margin-top:24px}
.mobile-menu-logo{height:40px;width:auto;display:block}