@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    [data-v-117e9853],
    [data-v-117e9853]::backdrop,
    [data-v-117e9853]:after,
    [data-v-117e9853]:before {
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --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-border-style: solid;
    }
  }
}
.hero[data-v-117e9853] {
  isolation: isolate;
  overflow: hidden;
  padding-bottom: 3%;
  position: relative;
  width: 100%;
  z-index: 2;
  height: 100%;
}
.hero .hero-wrapper[data-v-117e9853] {
  display: grid;
  grid-template-columns:
    [full-width-start] minmax(var(--content-grid-px), 1fr)
    [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(
      100% - var(--content-grid-px) * 2,
      var(--content-max-width)
    )
    [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(
      var(--content-grid-px),
      1fr
    )
    [full-width-end];
  position: relative;
  height: 100%;
}
.hero .hero-wrapper[data-v-117e9853] > * {
  grid-column: content;
}
.hero .hero-wrapper > .breakout[data-v-117e9853] {
  grid-column: breakout;
}
.hero .hero-wrapper > .full-width[data-v-117e9853] {
  grid-column: full-width;
}
.hero .hero-wrapper[data-v-117e9853] {
  overflow: hidden;
  padding-bottom: calc(var(--spacing, 0.25rem) * 10);
  padding-top: calc(var(--spacing, 0.25rem) * 32);
}
@media (min-width: 64rem) {
  .hero .hero-wrapper[data-v-117e9853] {
    height: 80vh;
  }
}
.hero .hero-wrapper[data-v-117e9853]:before {
  top: calc(var(--spacing, 0.25rem) * 0);
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(
    in oklab,
    var(--color-yellow-950, oklch(28.6% 0.066 53.813)) 90%,
    transparent
  );
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(
    --tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position)
  );
  content: "";
}
.hero .hero-bg[data-v-117e9853],
.hero .hero-wrapper[data-v-117e9853]:before {
  height: 100%;
  inset: calc(var(--spacing, 0.25rem) * 0);
  position: absolute;
  width: 100%;
}
.hero .hero-bg[data-v-117e9853] {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  opacity: 0.7;
  --tw-blur: blur(var(--blur-sm, 8px));
  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,);
  z-index: -1;
}
.hero .hero-image[data-v-117e9853] {
  height: 100%;
  margin-left: auto;
  position: relative;
  width: 50%;
  z-index: 10;
}
.hero .hero-image img[data-v-117e9853] {
  bottom: calc(var(--spacing, 0.25rem) * 0);
  --tw-translate-y: 5%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right bottom;
  object-position: right bottom;
  position: absolute;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  width: 100%;
}
.hero .hero-image-wrapper[data-v-117e9853] {
  display: grid;
  grid-template-columns:
    [full-width-start] minmax(var(--content-grid-px), 1fr)
    [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(
      100% - var(--content-grid-px) * 2,
      var(--content-max-width)
    )
    [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(
      var(--content-grid-px),
      1fr
    )
    [full-width-end];
  inset: calc(var(--spacing, 0.25rem) * 0);
  pointer-events: none;
  position: absolute;
}
.hero .hero-image-wrapper[data-v-117e9853] > * {
  grid-column: content;
}
.hero .hero-image-wrapper > .breakout[data-v-117e9853] {
  grid-column: breakout;
}
.hero .hero-image-wrapper > .full-width[data-v-117e9853] {
  grid-column: full-width;
}
.hero .hero-image-wrapper[data-v-117e9853] {
  align-items: flex-end;
  justify-content: flex-end;
  padding-bottom: 2.75%;
}
@media not all and (min-width: 48rem) {
  .hero .hero-image-wrapper[data-v-117e9853] {
    display: none;
  }
}
.hero .icon[data-v-117e9853] {
  border-color: var(--color-white);
  border-radius: calc(var(--radius) + 4px);
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.hero .hero-content[data-v-117e9853] {
  display: flex;
  filter: drop-shadow(2px 2px 10px #00000080);
  flex-direction: column;
  gap: calc(var(--spacing, 0.25rem) * 4);
  height: 100%;
  justify-content: center;
  position: relative;
}
.hero[data-v-117e9853] + * {
  margin-top: -3%;
}
@media (width < 64rem) {
  .embla__controls[data-v-de08ca2e] {
    bottom: calc(3vw + 1rem);
  }
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}