/* Extracted from the sketch's bundle so /contact carries Sofia's own form
   design. Class-only rules: Tailwind's element resets are excluded. */
.relative{
  position: relative;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.block{
  display: block;
}
.grid{
  display: grid;
}
.w-full{
  width: 100%;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-md{
  max-width: 28rem;
}
.scroll-mt-24{
  scroll-margin-top: 6rem;
}
.items-center{
  align-items: center;
}
.gap-14{
  gap: 3.5rem;
}
.gap-4{
  gap: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-ochre\/10{
  border-color: rgb(212 163 89 / 0.1);
}
.border-ochre\/20{
  border-color: rgb(212 163 89 / 0.2);
}
.bg-bark\/80{
  background-color: rgb(28 23 19 / 0.8);
}
.bg-emeraldpine\/40{
  background-color: rgb(26 51 35 / 0.4);
}
.bg-ochre{
  --tw-bg-opacity: 1;
  background-color: rgb(212 163 89 / var(--tw-bg-opacity, 1));
}
.bg-soil\/60{
  background-color: rgb(19 16 13 / 0.6);
}
.p-8{
  padding: 2rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.font-display{
  font-family: 'Cinzel Decorative', serif;
}
.font-enchant{
  font-family: Almendra, serif;
}
.font-narrative{
  font-family: 'Cormorant Garamond', serif;
}
.font-ui{
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.uppercase{
  text-transform: uppercase;
}
.italic{
  font-style: italic;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.text-ochre{
  --tw-text-opacity: 1;
  color: rgb(212 163 89 / var(--tw-text-opacity, 1));
}
.text-ochre\/70{
  color: rgb(212 163 89 / 0.7);
}
.text-ochre\/80{
  color: rgb(212 163 89 / 0.8);
}
.text-parchment{
  --tw-text-opacity: 1;
  color: rgb(243 237 226 / var(--tw-text-opacity, 1));
}
.text-sand{
  --tw-text-opacity: 1;
  color: rgb(194 180 157 / var(--tw-text-opacity, 1));
}
.text-soil{
  --tw-text-opacity: 1;
  color: rgb(19 16 13 / var(--tw-text-opacity, 1));
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black\/50{
  --tw-shadow-color: rgb(0 0 0 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-300{
  animation-duration: 300ms;
}
.placeholder\:text-sand\/40::placeholder{
  color: rgb(194 180 157 / 0.4);
}
.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-parchment:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 237 226 / var(--tw-bg-opacity, 1));
}
.focus\:border-ochre\/60:focus{
  border-color: rgb(212 163 89 / 0.6);
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
@media (min-width: 640px){
  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:py-36{
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px){
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}