.button[data-astro-cid-s76fryq4] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  font-size: 130%;
  background-color: transparent;
  border: 2px solid var(--main-color);
  letter-spacing: 2px;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  outline: none;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
  z-index: 100;
}
.button[data-astro-cid-s76fryq4]:disabled {
  pointer-events: none;
}
.button[data-astro-cid-s76fryq4]:hover {
  color: #fff;
  background-color: var(--main-color);
  box-shadow: #00000040 0 8px 15px;
  transform: translateY(-2px);
}
.button[data-astro-cid-s76fryq4]:hover svg[data-astro-cid-s76fryq4] {
  fill: #fff;
}
.button[data-astro-cid-s76fryq4]:active {
  box-shadow: none;
  transform: translateY(0);
}
.button[data-astro-cid-s76fryq4] span[data-astro-cid-s76fryq4] {
  margin-left: 0.5rem;
  white-space: nowrap;
}
@media (width<=1200px) {
  p[data-astro-cid-5vflrxoy] {
    font-size: 140%;
  }
}
@media (width<=1000px) {
  p[data-astro-cid-5vflrxoy] {
    font-size: 200%;
    padding: 0.3rem;
  }
}
@media (width<=1500px) {
  .heroImg[data-astro-cid-a42nmg7r] {
    width: 100%;
  }
  .container[data-astro-cid-a42nmg7r] {
    gap: 0rem;
  }
  .title[data-astro-cid-a42nmg7r] {
    font-size: 4.5rem;
  }
  p[data-astro-cid-a42nmg7r] {
    font-size: 90%;
  }
}
@media (width<=1250px) {
  .heroContainer[data-astro-cid-a42nmg7r] {
    display: flex;
    flex-direction: column;
  }
  .textContainer[data-astro-cid-a42nmg7r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 120%;
    text-align: center;
  }
  .bands[data-astro-cid-a42nmg7r] {
    padding: 0.5rem 1rem;
    font-size: 80%;
  }
}
@media (width<=1000px) {
  .bands[data-astro-cid-a42nmg7r] {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (width<=600px) {
  #hero[data-astro-cid-a42nmg7r] {
    width: 95vw;
  }
}
.card[data-astro-cid-fu2ft3iv] {
  width: 380px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  gap: 10px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  overflow: hidden;
}
.image[data-astro-cid-fu2ft3iv] {
  border-radius: 15px;
}
.card[data-astro-cid-fu2ft3iv] > .image[data-astro-cid-fu2ft3iv] {
  width: 100%;
  height: 250px;
  transition: all 0.5s;
  -o-object-fit: cover;
  object-fit: cover;
}
.image[data-astro-cid-fu2ft3iv]:hover {
  transform: scale(1.05);
}
.card[data-astro-cid-fu2ft3iv] > .h1[data-astro-cid-fu2ft3iv] {
  padding-top: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  color: var(--main-color);
}
@media (1400px>=width) {
  .card[data-astro-cid-fu2ft3iv] {
    width: 420px;
  }
  .card[data-astro-cid-fu2ft3iv] .h1[data-astro-cid-fu2ft3iv] {
    font-size: 150%;
  }
}
@media (1000px>=width) {
  .card[data-astro-cid-fu2ft3iv] {
    width: 380px;
  }
}
@media (width<=600px) {
  .card[data-astro-cid-fu2ft3iv] {
    width: 90vw;
  }
}
h3[data-astro-cid-phce3e5k] {
  color: #fff;
  font-size: 1.2rem;
}
@media (1400px>=width) {
  .areaGrid[data-astro-cid-lk6gdxrf] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (900px>=width) {
  .areaGrid[data-astro-cid-lk6gdxrf] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media (width<=600px) {
  #areas[data-astro-cid-lk6gdxrf] {
    width: 95vw;
  }
}
.container[data-astro-cid-4ohbxhgj] {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 1.25rem;
}
.name[data-astro-cid-4ohbxhgj] {
  font-family: Playfair Display, serif;
  color: var(--main-color);
  font-size: 155%;
}
@media (1600px>=width) {
  p[data-astro-cid-4ohbxhgj] {
    font-size: 95%;
  }
  span[data-astro-cid-4ohbxhgj] {
    font-size: 1.35rem;
  }
}
@media (1250px>=width) {
  .container[data-astro-cid-4ohbxhgj] {
    text-align: center;
    font-size: 115%;
  }
}
@media (1150px>=width) {
  .container[data-astro-cid-4ohbxhgj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  p[data-astro-cid-4ohbxhgj] {
    text-align: center;
  }
}
@media (600px>=width) {
  .container[data-astro-cid-4ohbxhgj] {
    padding: 0.5rem;
  }
  p[data-astro-cid-4ohbxhgj] {
    font-size: 90%;
  }
}
.grid[data-astro-cid-hgusl35r] {
  grid-template-columns: 1.2fr 1fr;
}
.image[data-astro-cid-hgusl35r] {
  border-radius: 10px;
}
.image[data-astro-cid-hgusl35r] img[data-astro-cid-hgusl35r] {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  -o-object-fit: cover;
  object-fit: cover;
}
.image[data-astro-cid-hgusl35r] img[data-astro-cid-hgusl35r]:hover {
  transform: scale(1.1);
}
@media (1250px>=width) {
  .container[data-astro-cid-hgusl35r] {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  @media (600px>=width) {
    #gallery[data-astro-cid-hgusl35r] {
      width: 95vw;
    }
  }
}
.form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.input-group {
  position: relative;
}
.input {
  outline: solid 1.5px white;
  border-radius: 5px;
  background: #222831b2;
  padding: 1rem;
  font-size: 1rem;
  color: #fff;
  transition: border 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.user-label {
  position: absolute;
  left: 15px;
  color: #fff;
  pointer-events: none;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: top left;
}
.input:not(:-moz-placeholder-shown) {
  border: none;
  outline: 2px solid #c49345;
}
.input:focus,
.input:not(:placeholder-shown) {
  border: none;
  outline: 2px solid #c49345;
}
.input:not(:-moz-placeholder-shown) ~ label {
  transform: translateY(-50%) scale(0.8);
  background-color: #212121;
  padding: 0 0.2em;
  color: #c49345;
}
.input:focus ~ label,
.input:not(:placeholder-shown) ~ label {
  transform: translateY(-50%) scale(0.8);
  background-color: #212121;
  padding: 0 0.2em;
  color: #c49345;
}
.field.message {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.message {
  resize: none;
  height: 150px;
  border: solid 1.5px white;
  border-radius: 5px;
  padding: 1rem;
  font-size: 1rem;
  color: #f5f5f5;
  width: 100%;
}
.formButton {
  align-self: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 2px solid #c49345;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  font-size: 110%;
  color: #fff;
  cursor: pointer;
  outline: none;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
  letter-spacing: 1.5px;
  width: 100%;
}
.formButton:disabled {
  pointer-events: none;
}
.formButton:hover {
  color: #fff;
  background-color: #c49345;
  box-shadow: #00000040 0 8px 15px;
  transform: translateY(-2px);
}
.formButton:active {
  box-shadow: none;
  transform: translateY(0);
}
.formButton span {
  margin-left: 0.5rem;
  white-space: nowrap;
}
.formSection[data-astro-cid-dtofnhqe] {
  position: relative;
  padding: 1rem;
  overflow: hidden;
}
.bg-image[data-astro-cid-dtofnhqe] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  filter: blur(1.5px);
  border-radius: 10px;
  mix-blend-mode: overlay;
}
.flex-col[data-astro-cid-dtofnhqe] {
  mix-blend-mode: difference;
}

@media (width<=600px) {
  #form[data-astro-cid-dtofnhqe] {
    width: 95vw;
  }
}
@media (width<=1200px) {
  .icon svg {
    width: 3rem;
  }
}
.social[data-astro-cid-wuwxcts2] {
  transition: all 0.3s;
}
.social[data-astro-cid-wuwxcts2]:hover {
  transform: scale(1.1);
}
.svg-icon[data-astro-cid-wuwxcts2] {
  fill: #c49345;
  width: 2.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (width<=1200px) {
  div[data-astro-cid-wuwxcts2] {
    display: flex;
    justify-content: center;
  }
  .svg-icon[data-astro-cid-wuwxcts2] {
    width: 3rem;
  }
}
.offices[data-astro-cid-goehoidx] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (width<=1200px) {
  .contactSection[data-astro-cid-goehoidx] {
    display: flex;
    flex-direction: column;
  }
  .textContainer[data-astro-cid-goehoidx] {
    align-items: center;
    text-align: center;
  }
  h2[data-astro-cid-goehoidx],
  p[data-astro-cid-goehoidx],
  a[data-astro-cid-goehoidx] {
    font-size: 110%;
  }
}
@media (700px>=width) {
  .location[data-astro-cid-goehoidx] {
    align-items: start;
  }
  .location[data-astro-cid-goehoidx] svg[data-astro-cid-goehoidx] {
    width: 1.5rem;
  }
}
@media (600px>=width) {
  .location[data-astro-cid-goehoidx] {
    align-items: center;
  }
}
@media (width<=600px) {
  #contact[data-astro-cid-goehoidx] {
    width: 90vw;
  }
}

@media (width<=700px) {
  .location {
    flex-direction: column;
  }
  .location a {
    font-size: 80%;
  }
}

@media (width<=700px) {
  .email svg {
    width: 1.5rem;
  }
  .emailContact {
    font-size: 85%;
  }
}