/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-weight-semibold: 600;
    --tracking-widest: 0.1em;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --text-base: clamp(1.00rem, 0.11vi + 0.98rem, 1.06rem);
    --spacing-0: 0;
    --spacing-auto: auto;
    --spacing-full: 100%;
    --spacing-screen: 100vh;
    --spacing-xxs: clamp(0.51rem, 0.03vi + 0.51rem, 0.53rem);
    --spacing-xs: clamp(0.64rem, 0.20vi + 0.60rem, 0.75rem);
    --spacing-sm: clamp(0.80rem, 0.47vi + 0.71rem, 1.06rem);
    --spacing-base: clamp(1.00rem, 0.91vi + 0.82rem, 1.50rem);
    --spacing-md: clamp(1.25rem, 1.58vi + 0.93rem, 2.12rem);
    --radius-full: calc(infinity * 1px);
    --radius-sm: 0.50rem;
    --radius-base: 0.75rem;
  }
}
@layer utilities {
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .-order-1 {
    order: calc(1 * -1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-auto {
    margin-inline: var(--spacing-auto);
  }
  .mt-auto\! {
    margin-top: auto !important;
  }
  .mt-auto\! {
    margin-top: var(--spacing-auto) !important;
  }
  .mt-sm\! {
    margin-top: var(--spacing-sm) !important;
  }
  .mb-base\! {
    margin-bottom: var(--spacing-base) !important;
  }
  .box-content\! {
    box-sizing: content-box !important;
  }
  .aspect-\[9\/16\] {
    aspect-ratio: 9/16;
  }
  .img-full {
    height: 100% !important;
    height: var(--spacing-full) !important;
    width: 100% !important;
    width: var(--spacing-full) !important;
    & img {
      height: 100% !important;
    }
    & img {
      height: var(--spacing-full) !important;
    }
    & img {
      width: 100% !important;
    }
    & img {
      width: var(--spacing-full) !important;
    }
  }
  .h-full {
    height: 100%;
  }
  .h-full {
    height: var(--spacing-full);
  }
  .min-h-\[30rem\]\! {
    min-height: 30rem !important;
  }
  .w-base {
    width: var(--spacing-base);
  }
  .w-full {
    width: 100%;
  }
  .w-full {
    width: var(--spacing-full);
  }
  .w-md {
    width: var(--spacing-md);
  }
  .max-w-\[25rem\] {
    max-width: 25rem;
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[44ch\] {
    max-width: 44ch;
  }
  .columns-3 {
    columns: 3;
  }
  .columns-4 {
    columns: 4;
  }
  .flex-nowrap\! {
    flex-wrap: nowrap !important;
  }
  .items-stretch\! {
    align-items: stretch !important;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-base {
    border-radius: var(--radius-base);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-amber-100\/20 {
    border-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-100) 20%, transparent);
    }
  }
  .border-y-amber-100\/20 {
    border-block-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-block-color: color-mix(in oklab, var(--color-amber-100) 20%, transparent);
    }
  }
  .bg-amber-700\/20 {
    background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-700) 20%, transparent);
    }
  }
  .bg-neutral-400\/10 {
    background-color: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
    }
  }
  .bg-neutral-700\/20 {
    background-color: color-mix(in srgb, oklch(37.1% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-700) 20%, transparent);
    }
  }
  .bg-neutral-800\/60 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
    }
  }
  .bg-neutral-950\/30 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 30%, transparent);
    }
  }
  .bg-neutral-950\/40 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 40%, transparent);
    }
  }
  .bg-neutral-950\/50 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);
    }
  }
  .img-cover {
    & img {
      object-fit: cover !important;
    }
  }
  .p-xs {
    padding: var(--spacing-xs);
  }
  .py-xs {
    padding-block: var(--spacing-xs);
  }
  .text-center {
    text-align: center;
  }
  .leading-\[1em\]\! {
    --tw-leading: 1em !important;
    line-height: 1em !important;
  }
  .text-amber-200 {
    color: var(--color-amber-200);
  }
  .text-amber-300\/80 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
  }
  .opacity-90 {
    opacity: 90%;
  }
  .brightness-150 {
    --tw-brightness: brightness(150%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .saturate-70 {
    --tw-saturate: saturate(70%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .max-medium\:-order-1 {
    @media (width < 782px) {
      order: calc(1 * -1);
    }
  }
  .max-medium\:mx-auto {
    @media (width < 782px) {
      margin-inline: auto;
    }
  }
  .max-medium\:mx-auto {
    @media (width < 782px) {
      margin-inline: var(--spacing-auto);
    }
  }
  .max-medium\:mr-0\! {
    @media (width < 782px) {
      margin-right: var(--spacing-0) !important;
    }
  }
  .medium\:-translate-y-md\! {
    @media (width >= 782px) {
      --tw-translate-y: calc(var(--spacing-md) * -1) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .medium\:pt-md {
    @media (width >= 782px) {
      padding-top: var(--spacing-md);
    }
  }
  .large\:min-h-\[55rem\]\! {
    @media (width >= 960px) {
      min-height: 55rem !important;
    }
  }
  .\[\&_a\]\:w-full {
    & a {
      width: 100%;
    }
  }
  .\[\&_a\]\:w-full {
    & a {
      width: var(--spacing-full);
    }
  }
  .\[\&_a\]\:py-xxs {
    & a {
      padding-block: var(--spacing-xxs);
    }
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}
:root {
  --bg-body: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0%, transparent 40%), radial-gradient(circle at 80% 30%, rgba(255,255,255,0.05) 0%, transparent 40%), linear-gradient(120deg, #0f0e17 0%, #1a1b26 100%);
  --bg-home-hero: radial-gradient(ellipse 70% 40% at 50% 100%, rgba(251, 191, 36, 0.25), transparent 70%), hsl(from var(--color-neutral-950) h s l / 0.3);
}
.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 97vh;
  min-height: 97dvh;
  body.admin-bar & {
    min-height: calc(97vh - var(--wp-admin--admin-bar--height));
    min-height: calc(97dvh - var(--wp-admin--admin-bar--height));
  }
}
footer {
  margin-top: auto !important;
}
.fluentform {
  .ff-el-group.ff_submit_btn_wrapper {
    margin-bottom: var(--spacing-0);
  }
  .ff-btn-submit {
    width: 100%;
    width: var(--spacing-full);
    cursor: pointer;
    border-radius: var(--radius-sm);
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-amber-200) !important;
    padding-inline: 1.4em;
    padding-block: 0.7em;
    font-family: inherit !important;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-neutral-900) !important;
    text-transform: uppercase;
    opacity: 100% !important;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-300) !important;
      }
    }
  }
  .ff-el-input--label label {
    color: var(--color-neutral-100);
  }
  .ff-el-input--content {
    input::placeholder, textarea::placeholder {
      font-size: var(--text-base) !important;
    }
  }
  .ff-el-form-control, .ff-el-form-control:focus {
    color: var(--color-neutral-900);
  }
  .ff-el-is-error .text-danger {
    font-size: var(--text-base) !important;
  }
}
body {
  background: var(--bg-body);
  min-height: 100vh;
  min-height: var(--spacing-screen);
}
strong {
  font-weight: 600;
}
.home-hero {
  background: var(--bg-home-hero);
}
.wp-site-blocks > header {
  top: 0;
  z-index: 10;
  &.sticky {
    .wp-block-site-logo {
      max-width: 3rem;
    }
  }
  body.admin-bar & {
    top: var(--wp-admin--admin-bar--height);
  }
  .wp-block-navigation-item img {
    --tw-brightness: brightness(150%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
  @media (width >= 600px) {
    margin-left: auto;
  }
  @media (width >= 600px) {
    margin-left: var(--spacing-auto);
  }
  @media (width >= 600px) {
    display: flex;
  }
  @media (width >= 782px) {
    display: none;
  }
  svg {
    width: 2rem;
    height: 2rem;
  }
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  @media (width >= 600px) {
    display: none;
  }
  @media (width >= 782px) {
    display: block;
  }
}
@layer components {
  [class*="fade-"] {
    opacity: 0%;
    transition-property: translate,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .in-view[class*='fade-'] {
    --tw-translate-x: var(--spacing-0) !important;
    --tw-translate-y: var(--spacing-0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    opacity: 100%;
  }
  .home-above-footer-cta {
    background: #000000;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 1.5px, transparent 1.5px);
    background-size: 60px 60px;
    background-position: 0 0;
  }
  .wp-lightbox-overlay .scrim {
    background-color: color-mix(in srgb, oklch(87% 0 0) 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-300) 40%, transparent) !important;
    }
  }
  .wp-lightbox-navigation-icon svg {
    width: 2.5rem;
    height: 2.5rem;
  }
  .wp-lightbox-close-icon svg {
    width: 1.8rem;
    height: 1.8rem;
  }
  .products-gallery {
    figure.wp-block-image {
      overflow: hidden;
      img {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
      }
      &:hover img {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
        rotate: 3deg;
      }
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@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-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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-border-style: solid;
      --tw-leading: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}