/* Focus Construct — shared site-wide CSS (mobile menu / hamburger toggle)
   Uses the page's own --red/--black/--white custom properties so it themes
   correctly on every page without needing page-specific overrides. */
.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0;z-index:70;}
.menu-toggle span{display:block;width:100%;height:2px;background:var(--red);transition:transform .25s ease, opacity .25s ease;}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle.active span:nth-child(2){opacity:0;}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;position:fixed;inset:0;background:var(--white);z-index:65;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;padding:40px;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'Big Shoulders Display',sans-serif;font-size:28px;text-transform:uppercase;letter-spacing:0.02em;color:var(--black);font-weight:700;}
.mobile-menu a.active{color:var(--red);}
.mobile-menu .call-btn{margin-top:14px;}