/* Native Blocksy navigation. The builder owns dimensions, typography and colors.
   Its ghost button shares one color for hover fill and border; the reference keeps a transparent fill. */
#header [data-id="button"] .ct-button-ghost {border-width: 1px;}
.page-id-23 #header [data-id="button"] .ct-button-ghost {--theme-button-text-initial-color: #67f4e7;}
#header [data-id="button"] .ct-button-ghost:hover {background-color: transparent;}
#header a:focus-visible, #header button:focus-visible {outline: 2px solid #67f4e7; outline-offset: 6px;}
/* Source uses percentage container edges and one intermediate desktop breakpoint. */
@media (min-width: 1000px) { #header [data-device="desktop"] .ct-container {width: 90%;} }
@media (min-width: 1000px) and (max-width: 1100px) {
  #header [data-id="logo"] img {max-height: 40.5335628227px;}
  #header [data-id="menu"] {--menu-items-spacing: 18px;}
  #header [data-id="button"] .ct-button-ghost {padding: 14px;}
}
/* Mobile dropdown keeps the original logo and one close icon in the trigger position. */
@media (max-width: 999.98px) {
  :root { --t1-nav-row-height: 90px; }
  #header [data-device="mobile"] .ct-container { width: 88%; }
  #header .ct-header-trigger { min-height: 44px; gap: 20px; }
  body[data-panel] #header .ct-header-trigger .ct-icon { visibility: hidden; }
  #offcanvas.ct-panel { width: calc(100% - var(--scrollbar-width, 0px)); background: transparent; justify-content: flex-start; transition: none; }
  #offcanvas .ct-panel-inner {
    position: relative; inset: auto; width: 100%; max-width: none;
    height: auto; max-height: 100%; background: transparent; box-shadow: none;
  }
  #offcanvas .ct-panel-actions {
    height: var(--t1-nav-row-height); min-height: var(--t1-nav-row-height);
    padding: 0 6%; justify-content: flex-end; pointer-events: none;
  }
  #offcanvas .ct-toggle-close {
    --toggle-button-padding: 0; --toggle-button-margin-end: 0;
    --toggle-button-margin-block: 0;
    margin: 0; width: 44px; height: 44px; padding: 0; pointer-events: auto;
    display: flex; align-items: center; justify-content: flex-end;
  }
  #offcanvas .ct-panel-content { flex: 0 1 auto; animation: none; }
  #offcanvas .ct-panel-content-inner {
    align-items: stretch; padding: 25px 7%; background: #002634;
    border-bottom: 1px solid #ffffff30; overflow-y: auto;
  }
  #offcanvas .mobile-menu { width: 100%; }
  #offcanvas .mobile-menu > ul { display: grid; gap: 10px; }
  #offcanvas .mobile-menu .ct-menu-link {
    min-height: 0; padding: 14px 0; font-size: 19px; line-height: 1.25;
    font-weight: 400; letter-spacing: .03em;
  }
  #offcanvas .mobile-menu li:last-child .ct-menu-link {
    margin: 10px 0; padding: 14px; border: 1px solid #ffffff65;
    border-radius: 2px; gap: 22px; line-height: 1.5;
  }
  #offcanvas .mobile-menu li:last-child .ct-menu-link::after { content: "→"; }
}
@media (max-width: 689.98px) { :root { --t1-nav-row-height: 85px; } }