/* Material dressing. The original liquid-glass module supplies the optics. */
.site-header {
  max-width: 800px;
  border-radius: 24px;
  padding-inline: 22px;
  background: linear-gradient(155deg, rgba(235, 250, 224, .13), rgba(31, 42, 26, .10) 43%, rgba(5, 10, 3, .25));
  border-color: rgba(233, 251, 215, .23);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .36), inset 0 1px 1px rgba(255, 255, 255, .35), inset 0 -8px 20px rgba(219, 247, 193, .035), inset 0 0 0 1px rgba(255, 255, 255, .05);
}
.site-header .desktop-nav { padding-left: 0; gap: 26px; }
.site-header .header-contact {
  border-radius: 12px;
  background: linear-gradient(160deg, rgba(241, 255, 219, .12), rgba(148, 181, 97, .03));
  border-color: rgba(230, 255, 197, .24);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .26), inset 0 -4px 12px rgba(229, 255, 198, .035), 0 4px 14px rgba(0, 0, 0, .12);
}
.site-header .header-contact:hover { background: rgba(210, 246, 90, .18); color: var(--lime); border-color: rgba(210, 246, 90, .55); }
.mobile-menu {
  border-radius: 22px;
  background: linear-gradient(155deg, rgba(62, 77, 45, .20), rgba(7, 15, 3, .62));
  border-color: rgba(233, 251, 215, .23);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .35), inset 0 -8px 20px rgba(223, 255, 185, .06);
}
.contact-form {
  background: radial-gradient(ellipse at 100% 10%, rgba(184, 230, 99, .055), transparent 65%), linear-gradient(155deg, rgba(27, 36, 21, .6), rgba(11, 18, 8, .56));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.glass-select { position: relative; display: block; margin-top: 9px; }
.contact-form .glass-select-native {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  clip-path: inset(50%);
  pointer-events: none;
}
.glass-select-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  min-height: 50px;
  padding: 14px 16px;
  border: 1px solid rgba(225, 246, 207, .24);
  border-radius: 12px;
  color: #e2ead7;
  background: linear-gradient(160deg, rgba(240, 255, 223, .105), rgba(157, 183, 121, .035) 48%, rgba(2, 9, 0, .13));
  box-shadow: 0 5px 14px rgba(0, 0, 0, .12), inset 0 1px 1px rgba(255, 255, 255, .24), inset 0 -6px 14px rgba(217, 247, 188, .04), inset 0 0 0 1px rgba(255, 255, 255, .02);
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.glass-select-trigger:hover { border-color: rgba(224, 248, 193, .42); background-color: rgba(210, 246, 90, .04); }
.glass-select-trigger[aria-expanded="true"] { border-color: rgba(210, 246, 90, .6); box-shadow: 0 0 0 3px rgba(210, 246, 90, .055), inset 0 1px 1px rgba(255, 255, 255, .3); }
.glass-select-trigger[aria-invalid="true"] { border-color: #e3a692; }
.glass-select-trigger.is-placeholder { color: #a2af93; }
.glass-select-value { min-width: 0; flex: 1; }
.glass-select-chevron { width: 17px; height: 17px; color: #c2d1b0; transition: transform .2s; flex-shrink: 0; }
.glass-select-chevron svg { display: block; width: 100%; height: 100%; }
.glass-select-trigger[aria-expanded="true"] .glass-select-chevron { transform: rotate(180deg); color: var(--lime); }
.glass-select-menu {
  position: fixed;
  z-index: 140;
  padding: 7px;
  margin: 0;
  max-height: 280px;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
  border-radius: 16px;
  border: 1px solid rgba(231, 252, 207, .29);
  background: linear-gradient(155deg, rgba(29, 40, 20, .67), rgba(6, 13, 2, .75));
  color: var(--white);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .48), inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -8px 22px rgba(209, 248, 169, .065), inset 0 0 0 1px rgba(255, 255, 255, .04);
  scrollbar-width: thin;
  scrollbar-color: #596b44 transparent;
  animation: glass-menu-in .17s ease-out;
}
.glass-select-menu[hidden] { display: none; }
.glass-select-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 43px;
  padding: 11px 13px;
  font-family: var(--font);
  font-size: 12px;
  line-height: 1.6;
  border-radius: 9px;
  cursor: pointer;
  color: #d7e0cd;
  transition: background .15s, color .15s;
}
.glass-select-option:hover, .glass-select-option.is-highlighted { background: rgba(225, 252, 199, .11); color: #f6ffed; }
.glass-select-option.is-selected { color: var(--lime); background: rgba(210, 246, 90, .085); }
.glass-select-option[aria-disabled="true"] { cursor: default; color: #88957b; }
.glass-select-option svg { width: 15px; height: 15px; flex-shrink: 0; color: var(--lime); }
.glass-select-option:not(.is-selected) svg { opacity: 0; }
.glass-select-option::after { content: ''; width: 6px; height: 10px; margin-right: 4px; border-right: 1.5px solid var(--lime); border-bottom: 1.5px solid var(--lime); transform: rotate(45deg); flex-shrink: 0; visibility: hidden; }
.glass-select-option.is-selected::after { visibility: visible; }
.glass-select-error { display: block; margin-top: 7px; color: #f0b5a1; font-size: 10px; line-height: 1.5; }
.glass-select-error[hidden] { display: none; }
@keyframes glass-menu-in { from { opacity: 0; } to { opacity: 1; } }
@media(max-width:680px) {
  .site-header { border-radius: 22px; padding-inline: 17px; }
  .glass-select-trigger { font-size: 13px; min-height: 50px; padding: 13px 14px; }
  .glass-select-option { font-size: 13px; min-height: 46px; }
}
@media(prefers-reduced-motion:reduce) { .glass-select-menu { animation: none; } }
body > svg[width="0"][height="0"] { width: 0; height: 0; top: 0; left: 0; pointer-events: none; }