/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
.absolute {
  position: absolute;
}
.-left-\[5000px\] {
  left: calc(5000px * -1);
}
.z-10 {
  z-index: 10;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.m-auto {
  margin: auto;
}
.m-giga {
  margin: var(--spacing-giga);
}
.mx-auto {
  margin-inline: auto;
}
.mx-md {
  margin-inline: var(--spacing-md);
}
.my-giga {
  margin-block: var(--spacing-giga);
}
.my-mega {
  margin-block: var(--spacing-mega);
}
.my-sm {
  margin-block: var(--spacing-sm);
}
.mt-\[-200px\] {
  margin-top: -200px;
}
.mt-giga {
  margin-top: var(--spacing-giga);
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.size-full {
  width: 100%;
  height: 100%;
}
.w-\[75px\] {
  width: 75px;
}
.w-full {
  width: 100%;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[750px\] {
  max-width: 750px;
}
.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.basis-1\/2 {
  flex-basis: calc(1/2 * 100%);
}
.basis-full {
  flex-basis: 100%;
}
.-translate-x-\[2em\] {
  --tw-translate-x: calc(2em * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[2em\] {
  --tw-translate-x: 2em;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1\/6 {
  --tw-translate-y: calc(1/6 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[\.1em\] {
  --tw-translate-y: .1em;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-150 {
  --tw-scale-x: 150%;
  --tw-scale-y: 150%;
  --tw-scale-z: 150%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.cursor-pointer {
  cursor: pointer;
}
.list-none {
  list-style-type: none;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-y-xs {
  row-gap: var(--spacing-xs);
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-\[45px\] {
  border-radius: 45px;
}
.rounded-xs {
  border-radius: var(--radius-xs);
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.bg-\[\#F6F6F3\] {
  background-color: #F6F6F3;
}
.bg-\[\#fffa\] {
  background-color: #fffa;
}
.bg-transparent {
  background-color: transparent;
}
.p-giga {
  padding: var(--spacing-giga);
}
.px-lg {
  padding-inline: var(--spacing-lg);
}
.px-mega {
  padding-inline: var(--spacing-mega);
}
.py-lg {
  padding-block: var(--spacing-lg);
}
.py-md {
  padding-block: var(--spacing-md);
}
.pt-\[7vh\] {
  padding-top: 7vh;
}
.pt-giga {
  padding-top: var(--spacing-giga);
}
.pb-\[10vh\] {
  padding-bottom: 10vh;
}
.pb-lg {
  padding-bottom: var(--spacing-lg);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-base {
  font-size: var(--text-base);
}
.text-\[\#A19F9F\] {
  color: #A19F9F;
}
.text-white {
  color: var(--color-white);
}
.uppercase {
  text-transform: uppercase;
}
.no-underline {
  text-decoration-line: none;
}
.placeholder-\[\#A19F9F\] {
  &::placeholder {
    color: #A19F9F;
  }
}
.hover\:text-black {
  &:hover {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.md\:block {
  @media (width >= 768px) {
    display: block;
  }
}
.lg\:ml-auto {
  @media (width >= 1024px) {
    margin-left: auto;
  }
}
.lg\:block {
  @media (width >= 1024px) {
    display: block;
  }
}
.lg\:hidden {
  @media (width >= 1024px) {
    display: none;
  }
}
.lg\:w-\[99px\] {
  @media (width >= 1024px) {
    width: 99px;
  }
}
.lg\:basis-auto {
  @media (width >= 1024px) {
    flex-basis: auto;
  }
}
.lg\:origin-right {
  @media (width >= 1024px) {
    transform-origin: 100%;
  }
}
.lg\:gap-lg {
  @media (width >= 1024px) {
    gap: var(--spacing-lg);
  }
}
.lg\:text-lg {
  @media (width >= 1024px) {
    font-size: var(--text-lg);
  }
}
.xl\:col-span-3 {
  @media (width >= 1280px) {
    grid-column: span 3 / span 3;
  }
}
.xl\:mt-\[-300px\] {
  @media (width >= 1280px) {
    margin-top: -300px;
  }
}
.xl\:block {
  @media (width >= 1280px) {
    display: block;
  }
}
.xl\:contents {
  @media (width >= 1280px) {
    display: contents;
  }
}
.xl\:hidden {
  @media (width >= 1280px) {
    display: none;
  }
}
.xl\:w-\[50em\] {
  @media (width >= 1280px) {
    width: 50em;
  }
}
.xl\:grid-cols-12 {
  @media (width >= 1280px) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.xl\:gap-mega {
  @media (width >= 1280px) {
    gap: var(--spacing-mega);
  }
}
.xl\:py-\[1\.5em\] {
  @media (width >= 1280px) {
    padding-block: 1.5em;
  }
}
.xl\:text-left {
  @media (width >= 1280px) {
    text-align: left;
  }
}
.xl\:text-right {
  @media (width >= 1280px) {
    text-align: right;
  }
}
@layer utilities {
  .content-auto {
    content-visibility: auto;
    :root, :host {
      --color-white: #fff;
      --color-black: #000;
      --color-primary: #342927;
      --text-base: 14px;
      --text-lg: 24px;
      --spacing-xs: 11.11px;
      --spacing-sm: 13.33px;
      --spacing-md: 19.20px;
      --spacing-lg: 23.04px;
      --spacing-giga: 100px;
      --spacing-mega: 33.18px;
      --radius-xs: clamp(11.11px, -0.30vi + 12.08px, 8.44px);
      --radius-lg: clamp(23.04px, 2.24vi + 15.87px, 42.75px);
    }
  }
}
:root {
  --color-blue-100: #e6fbfe;
  --color-blue-200: #b5f2fd;
  --color-blue-300: #83eafb;
  --color-blue-400: #51e2fa;
  --color-blue-500: #20d9f9;
  --color-blue-600: #06c0df;
  --color-blue-700: #0595ae;
  --color-blue-800: #046a7c;
  --color-blue-900: #02404a;
  --color-blue-1000: #011519;
  --color-transparent: transparent;
  --color-current: currentcolor;
  --color-white: #fff;
  --color-black: #000;
  --color-auto: auto;
  --color-inherit: inherit;
  --color-primary: #342927;
  --text-base: 14px;
  --text-lg: 24px;
  --text-giga: 37px;
  --spacing-xs: 11.11px;
  --spacing-sm: 13.33px;
  --spacing-base: 16.00px;
  --spacing-md: 19.20px;
  --spacing-lg: 23.04px;
  --spacing-giga: 100px;
  --spacing-mega: 33.18px;
  --radius-xs: clamp(11.11px, -0.30vi + 12.08px, 8.44px);
  --radius-sm: clamp(13.33px, -0.08vi + 13.58px, 12.67px);
  --radius-base: clamp(16.00px, 0.34vi + 14.91px, 19.00px);
  --radius-md: clamp(19.20px, 1.06vi + 15.82px, 28.50px);
  --radius-lg: clamp(23.04px, 2.24vi + 15.87px, 42.75px);
  --radius-giga: clamp(27.65px, 4.15vi + 14.38px, 64.13px);
  --radius-mega: clamp(33.18px, 7.16vi + 10.26px, 96.19px);
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
}
body {
  background-image: url(/wp-content/uploads/2025/12/Vintage-Orangek-7.png);
}
.wp-site-blocks main {
  margin-block-start: 0;
}
.wp-site-blocks main .white-boxes {
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
  padding: var(--spacing-lg);
  @media (width >= 768px) {
    padding: var(--spacing-mega);
  }
  @media (width >= 1024px) {
    padding: var(--spacing-giga);
  }
}
.om-button a {
  background: #F6F6F3;
  border-radius: var(--radius-lg);
  padding-block: var(--spacing-xs);
  color: var(--color-primary);
}
.wp-site-blocks p,ul,li {
  font-size: var(--text-base);
  @media (width >= 1024px) {
    font-size: var(--text-lg);
  }
}
.wp-site-blocks strong {
  font-weight: 500;
}
.wp-site-blocks .page-footer {
  a {
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
}
.wp-site-blocks .page-footer .menu-wrapper {
  gap: 4em;
}
.font-script {
  font-size: 80px;
  @media (width >= 1024px) {
    font-size: 140px;
  }
  font-family: "Palace Script MT Std";
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  line-height: 0.4;
  margin-block-start: 0.125em;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}