/* The same header, drawer, quick navigation and footer on every public page. */
:root {
  --site-header-height: 88px;
  --mobile-header-height: 64px;
  --mobile-bottom-nav-height: 70px;
  --site-body-font: "Jost", "Avenir Next", "Segoe UI", sans-serif;
  --mobile-gutter: clamp(20px, 5.4vw, 40px);
  --home-body-font: var(--site-body-font);
}
html { scroll-padding-top: calc(var(--site-header-height) + 12px) !important; }
body.site-standard :where(main[id], section[id], div[id], article[id]) { scroll-margin-top: 0 !important; }
body.site-standard nav#navbar { display:flex; align-items:center; justify-content:space-between; margin:0; font-family:var(--site-body-font); font-weight:400; color:#faf8f3; }
body.site-standard nav#navbar .nav-links { padding:0; list-style:none; }
body.site-standard nav#navbar .nav-links a { font-family:var(--site-body-font); font-weight:500; color:#bcb5aa; font-size:11px; text-decoration:none; text-transform:uppercase; }
body.site-standard nav#navbar .nav-cta { font-weight:600; color:#e8c97a !important; border:1px solid #e8c97a; text-decoration:none; }
body.site-standard nav#navbar .nav-links a.active,
body.site-standard nav#navbar .nav-links a:hover { color:#e8c97a; }
body.site-standard nav#navbar .nav-logo-icon picture { display:contents; }
body.site-standard .hamburger { flex-direction:column; cursor:pointer; margin:0; }
body.site-standard .hamburger span { display:block; }
body.site-standard .mobile-bottom-nav { display:none; }
body.site-standard #mobileMenu { font-family:var(--site-body-font); }
body.site-standard #mobileMenu .mobile-close,
body.site-standard #mobileMenu .mobile-menu-scrim { cursor:pointer; }
body.site-standard #mobileMenu .mobile-menu-title-sr { display:block; }
body.site-standard.mobile-menu-open { overflow:hidden; }
body.site-standard footer {
  position:relative; z-index:1; margin:0; background:#111;
  border-top:1px solid rgba(201,168,76,.15);
  font-family:var(--site-body-font); font-size:16px; font-weight:400; line-height:1.7; color:#bdb6ab;
}
body.site-standard footer .footer-brand-name {
  font-family:"Cormorant Garamond",Georgia,serif; font-style:normal; letter-spacing:normal;
}
body.site-standard footer .footer-brand-name span { color:#c9a84c; }
body.site-standard footer .footer-phone { font-family:"Cormorant Garamond",Georgia,serif; color:#e8c97a; font-weight:500; text-decoration:none; }
body.site-standard footer .footer-col-title { color:#c9a84c; font-family:var(--site-body-font); font-weight:600; line-height:1.7; letter-spacing:.22em; text-transform:uppercase; }
body.site-standard footer .footer-links { display:flex; flex-direction:column; margin:0; padding-left:0; list-style:none; }
body.site-standard footer .footer-links a,
body.site-standard footer .footer-email { text-decoration:none; }
body.site-standard footer .footer-tagline,
body.site-standard footer .footer-email,
body.site-standard footer .footer-links a { color:#bdb6ab; font-weight:400; }
body.site-standard footer .footer-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.06); padding-right:0; }
body.site-standard footer .footer-credit-brand { font-size:13px; font-weight:600; }
body.site-standard .whatsapp-float { position:fixed; right:20px; bottom:20px; z-index:1200; display:flex; width:54px; height:54px; align-items:center; justify-content:center; border-radius:50%; background:#25d366; color:#fff; font-size:28px; text-decoration:none; }
body.site-standard .skip-link { position:fixed; z-index:2000; top:12px; left:12px; padding:12px 16px; border-radius:8px; background:#e8c97a; color:#111; font-family:var(--site-body-font); font-size:14px; text-decoration:none; opacity:0; transform:translateY(-160%); }
body.site-standard .skip-link:focus { opacity:1; transform:none; }
body.site-standard a:focus-visible,
body.site-standard button:focus-visible { outline:2px solid #e8c97a; outline-offset:4px; }
@media (min-width:1025px) {
  body.site-standard nav#navbar .hamburger,
  body.site-standard #mobileMenu { display:none !important; }
  body.site-standard footer .footer-brand-name { color:#faf8f3; font-size:24px; font-weight:400; }
  body.site-standard footer .footer-phone { color:#c9a84c; font-weight:400; }
  body.site-standard nav#navbar .nav-dropdown a { min-height:44px; }
}
@media (max-width:1024px) {
  :root { --site-header-height:calc(64px + env(safe-area-inset-top)); }
  html { scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom)) !important; }
  body.site-standard nav#navbar { height:var(--site-header-height); }
  body.site-standard nav#navbar .nav-links { display:none; }
  body.site-standard nav#navbar .nav-logo-icon { aspect-ratio:auto; }
  body.site-standard .mobile-bottom-nav { display:grid; font-family:var(--site-body-font); }
  body.site-standard .whatsapp-float { display:none; }
  body.site-standard #mobileMenu a { text-transform:none; }
  body.site-standard #mobileMenu .mobile-drawer-contact a { font-family:var(--site-body-font); }
  body.site-standard footer { padding-bottom:calc(104px + env(safe-area-inset-bottom)); }
  body.site-standard footer .footer-brand-name { font-size:28px; font-weight:500; }
  body.site-standard footer .footer-phone { font-size:22px; }
  body.site-standard footer .footer-tagline,
  body.site-standard footer .footer-email,
  body.site-standard footer .footer-links a { color:#bdb6aa; }
}
@media (max-width:380px) {
  :root { --mobile-gutter:18px; }
  body.site-standard nav#navbar .nav-logo-icon { flex-basis:116px; width:116px; height:45px; }
}
@media (max-width:1024px) and (orientation:landscape) and (max-height:560px) {
  body.site-standard .mobile-bottom-nav { display:none; }
  html { scroll-padding-bottom:24px !important; }
  body.site-standard footer { padding-bottom:34px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  body.site-standard #navbar,
  body.site-standard #mobileMenu *,
  body.site-standard .mobile-bottom-nav,
  body.site-standard .mobile-bottom-nav * { transition:none !important; }
}
