.site-nav { min-width: 0; font: 400 14px/1.185 var(--font-body); }
.site-nav__toggle { display: none; }
.site-nav__panel { display: flex; align-items: center; gap: 12px; padding: 10px; background: rgb(255 255 255 / .29); backdrop-filter: blur(8px); }
.site-nav__panel--solid { background: white; backdrop-filter: none; }
.site-nav__links { display: flex; align-items: center; gap: 22px; padding-inline: 16px 12px; }
.site-nav__link { text-decoration: none; white-space: nowrap; }
.site-nav__projects-marker { display: inline-block; width: 7px; height: 7px; margin-left: 3px; background: currentColor; mask: url('../../media/web/polygon-95-1032.svg') center / contain no-repeat; transform: rotate(180deg); }
.site-nav__phone { text-decoration: none; white-space: nowrap; }
.site-nav__link:focus-visible, .site-nav__phone:focus-visible, .site-nav__toggle:focus-visible { outline-color: currentColor; }
@media (hover: hover) {
  .site-nav__link:hover, .site-nav__phone:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .22em; }
  .site-nav[open] .site-nav__toggle:hover { background: #d9eef4; border-color: var(--color-ink); }
}
.site-nav__actions { display: flex; gap: 8px; }
.site-nav::details-content { content-visibility: visible; }
@media (min-width: 1171px) { .site-nav__panel { display: flex; } }
@media (max-width: 1170px) {
  .site-nav__toggle { display: flex; align-items: center; justify-content: center; list-style: none; border: 1px solid var(--color-outline); color: var(--color-outline); width: 42px; height: 42px; cursor: pointer; position: relative; z-index: 7; }
  .site-nav__toggle::-webkit-details-marker { display: none; }
  .site-nav__toggle--light { border-color: #7cacca; color: white; }
  .site-nav__bars { width: 24px; height: 24px; background: currentColor; mask: url('../../media/web/icon-menu.svg') center / contain no-repeat; }
  .site-nav[open] .site-nav__bars { mask-image: url('../../media/web/icon-close.svg'); }
  .site-nav[open] .site-nav__toggle { border-color: transparent; color: var(--color-ink); }
  .site-nav__panel { display: none; z-index: 5; padding: 20px 0 0; background: var(--color-page); color: var(--color-ink); overflow-y: auto; overscroll-behavior: contain; backdrop-filter: none; }
  .site-nav[data-nav-enhanced] .site-nav__panel { position: fixed; inset: 0; height: 100dvh; padding: 126px 6px 10px 10px; }
  .site-nav[open] .site-nav__panel { display: flex; flex-direction: column; align-items: stretch; gap: 36px; }
  .site-nav__links { flex-direction: column; align-items: start; gap: clamp(15px, 2.5vw, 24px); padding: 0; font-size: clamp(18px, 3vw, 32px); line-height: 1.185; }
  .site-nav__phone { font-size: clamp(18px, 2.25vw, 24px); font-weight: 500; margin-top: auto; padding-top: 30px; }
  .site-nav__actions { gap: 5px; }
  .site-nav__project-action { flex: 1; margin-right: 5px; }
  .site-nav[open]:not([data-nav-enhanced]) { flex-basis: 100%; }
  .site-nav:not([data-nav-enhanced]) .site-nav__toggle { margin-left: auto; }
}