.section-kicker:not(h2) {
  display: none !important;
}

.section-kicker:is(h2) {
  color: #fff;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
  text-transform: none;
}

.bilart-social-icon svg {
  display: block;
  width: 17px;
  height: 17px;
}

.how-we-work-panel li > span.rounded-full {
  font-size: 0 !important;
}

.how-we-work-panel li > span.rounded-full::before {
  width: 17px;
  height: 17px;
  content: "";
  background: currentColor;
  mask: var(--bilart-step-icon) center / contain no-repeat;
  -webkit-mask: var(--bilart-step-icon) center / contain no-repeat;
}

.how-we-work-panel li:nth-child(1) > span.rounded-full { --bilart-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 17V7h16v10H4Zm0-9 8 6 8-6'/%3E%3C/svg%3E"); }
.how-we-work-panel li:nth-child(2) > span.rounded-full { --bilart-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4M9 11h4m-2-2v4'/%3E%3C/g%3E%3C/svg%3E"); }
.how-we-work-panel li:nth-child(3) > span.rounded-full { --bilart-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 19h14M7 16l9.5-9.5 1 1L8 17H7v-1Z'/%3E%3C/svg%3E"); }
.how-we-work-panel li:nth-child(4) > span.rounded-full { --bilart-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M14 5c3-2 5-2 5-2s0 2-2 5l-5 5-4-4 6-4Zm-6 4-3 1-2 2 5 1m4 0 1 5-2 3-1-5m-4 2-2 2'/%3E%3C/svg%3E"); }
.how-we-work-panel li:nth-child(5) > span.rounded-full { --bilart-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m8.5 12 2.3 2.3 4.8-5'/%3E%3C/g%3E%3C/svg%3E"); }

.bilart-social-icon {
  display: flex !important;
  opacity: 1 !important;
  text-decoration: none !important;
  visibility: visible !important;
}

.mobile-menu {
  position: fixed;
  inset: 73px 0 0;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: none;
  background:
    radial-gradient(circle at 85% 0%, rgba(201, 161, 74, 0.1), transparent 32%),
    rgba(16, 17, 21, 0.985);
  border-top: 1px solid rgba(201, 161, 74, 0.2);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.52);
  transform-origin: top center;
  animation: bilart-mobile-menu-open 360ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.mobile-menu::-webkit-scrollbar {
  display: none;
}

.mobile-menu > nav {
  width: min(100%, 680px);
  min-height: 100%;
  margin-inline: auto;
  gap: 0.55rem;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.mobile-menu .mobile-menu-link {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(201, 161, 74, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
  animation: bilart-mobile-menu-item 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.mobile-menu .mobile-menu-link:hover,
.mobile-menu .mobile-menu-link:focus-visible {
  background: rgba(201, 161, 74, 0.08);
  border-color: rgba(201, 161, 74, 0.38);
}

.mobile-menu .mobile-menu-link:nth-child(2) { animation-delay: 35ms; }
.mobile-menu .mobile-menu-link:nth-child(3) { animation-delay: 70ms; }
.mobile-menu .mobile-menu-link:nth-child(4) { animation-delay: 105ms; }
.mobile-menu .mobile-menu-link:nth-child(5) { animation-delay: 140ms; }
.mobile-menu .mobile-menu-link:nth-child(6) { animation-delay: 175ms; }

.mobile-menu nav > .gold-btn {
  min-height: 52px;
  margin-top: 0.75rem;
}

body.mobile-menu-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
  touch-action: none;
}

main > section + div > .card-glass.mt-20,
main > section + div > div.mt-16:last-child {
  display: none !important;
}

main > section + div > section.mt-16 {
  margin-top: 7rem !important;
}

main > section + div > section.mt-16 .lucide-arrow-right {
  display: none !important;
}

main > section + div > h2.section-kicker.mt-20 + ul {
  margin-top: 6rem;
}

main > section + div > .grid.mt-14 {
  margin-top: 5rem;
}

main > section + div {
  padding-bottom: 10rem !important;
}

main > section + div > h2,
main > section:first-child .font-serif-display.italic.mt-3 {
  display: none !important;
}

@keyframes bilart-mobile-menu-open {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    clip-path: inset(0);
    transform: translateY(0);
  }
}

@keyframes bilart-mobile-menu-item {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.font-cinzel[class~="text-[#a89a72]"][class~="text-[12px]"][class~="tracking-[0.32em]"] {
  display: none !important;
}

.how-we-work-bg .font-cinzel[class~="tracking-[0.28em]"],
.how-we-work-bg .w-20.h-px {
  display: none !important;
}

form a.underline {
  text-decoration: none !important;
  font-weight: 600;
}

.how-we-work-bg::before,
.how-we-work-bg::after {
  display: none !important;
}

.how-we-work-bg .w-20.h-px + .fade-up {
  margin-top: 4.5rem;
}

#why {
  padding-bottom: 6.5rem;
}

#location {
  padding-top: 4rem;
}

@media (min-width: 1024px) {
  .hero-mark-stage .logo-hero {
    width: auto !important;
    height: min(72vw, calc(100svh - 9rem));
    max-width: min(86vw, 1400px);
    max-height: calc(100svh - 9rem);
    object-fit: contain;
  }

  .how-we-work-bg .w-20.h-px + .fade-up {
    margin-top: 6rem;
  }

  #why {
    padding-bottom: 8.5rem;
  }

  #location {
    padding-top: 6rem;
  }

  #cases > div > .flex.items-center {
    justify-content: center;
  }

  #cases > div > .flex.items-center > button {
    display: none !important;
  }

  #cases > div > .flex.items-center > div {
    flex: 0 1 auto;
    justify-content: center;
    overflow-x: visible;
  }
}

@media (max-width: 1023px) {
  #services .fade-up.mt-20 + .grid:has(+ button[aria-expanded="false"]) > .card-glass:nth-child(3),
  #services .fade-up.mt-20 + .grid:has(+ button[aria-expanded="false"]) > .card-glass:nth-child(4) {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu {
    animation: none;
  }

  .mobile-menu .mobile-menu-link {
    animation: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer > div > .grid {
    column-gap: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  footer > div > .grid > div {
    grid-column: span 1 / span 1;
  }

  footer > div > .grid > div:first-child {
    grid-column: 1 / -1;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}

button[aria-haspopup="true"] {
  justify-content: center;
  min-width: 44px;
  padding-inline: 0.65rem !important;
  letter-spacing: 0;
}

button[aria-haspopup="true"]::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a9a6b7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E");
}

.lang-menu {
  min-width: 132px;
}

.lang-menu-item {
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.language-popover {
  position: relative;
}

.language-popover summary {
  display: grid;
  place-items: center;
  width: 44px;
  height: 40px;
  border: 1px solid rgba(201, 161, 74, 0.4);
  border-radius: 6px;
  color: #e2dabd;
  cursor: pointer;
  list-style: none;
}

.language-popover summary::-webkit-details-marker {
  display: none;
}

.language-popover summary::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a9a6b7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E");
}

.static-lang-menu {
  display: grid;
  gap: 2px;
}

.static-lang-menu a {
  padding: 8px 14px;
  border-radius: 4px;
  color: #e2dabd;
  font-size: 11px;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.static-lang-menu a:hover {
  background: rgba(201, 161, 74, 0.1);
  color: var(--gold);
}

.service-back-link {
  margin-top: 6rem;
}

main > section.py-20 section.mt-16 {
  margin-top: 5rem;
}

main > section.py-20 section.mt-16 > h2 {
  color: #fff;
  text-align: center;
}

.service-contact {
  margin-top: 6rem;
  padding: 2rem;
}

.service-contact > h2 {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.25;
}

.service-contact-intro {
  max-width: 42rem;
  margin-top: 1rem;
  color: #c0bdd2;
  font-size: 0.9rem;
  line-height: 1.75;
}

.service-contact-form {
  display: grid;
  gap: 1.5rem;
  max-width: 48rem;
  margin-top: 2rem;
}

.service-contact-field {
  display: grid;
  gap: 0.65rem;
  color: #cfcce0;
  font-size: 0.9rem;
}

.service-contact-control {
  width: 100%;
  padding: 0.8rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.service-contact-control:focus {
  border-color: var(--gold);
  outline: 2px solid transparent;
  box-shadow: 0 0 0 1px var(--gold);
}

.service-contact-privacy {
  color: #a9a6b7;
  font-size: 0.75rem;
  line-height: 1.65;
}

.service-contact-privacy a {
  color: var(--gold);
}

.service-contact-submit {
  justify-self: start;
}

main > section.relative.pt-32.pb-16 > div:nth-child(2) > a:first-child {
  display: none;
}

@media (max-width: 767px) {
  .service-contact {
    margin-top: 5rem;
    padding: 1.5rem;
  }

  main > section.py-20 .grid.md\:grid-cols-2 > .card-glass {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 1rem;
    row-gap: 0.3rem;
    align-items: start;
    padding: 1.25rem;
  }

  main > section.py-20 .grid.md\:grid-cols-2 > .card-glass > span:first-child {
    grid-row: 1 / span 2;
    margin-bottom: 0;
  }

  main > section.py-20 .grid.md\:grid-cols-2 > .card-glass > h3,
  main > section.py-20 .grid.md\:grid-cols-2 > .card-glass > p {
    grid-column: 2;
  }

  main > section.py-20 .grid.md\:grid-cols-2 > .card-glass > h3 {
    margin-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
