/*!
 * dmd 1.0.0
 * https://phucbm.com
 *
 * @author: phucbm, https://phucbm.com
 */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: "League Spartan", ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-amber-50: oklch(98.7% 0.022 95.277);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-9xl: 8rem;
  --text-9xl--line-height: 1;
  --font-weight-medium: 500;
  --radius-lg: 0.5rem;
  --blur-sm: 8px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-black-1: #191919;
  --color-white-1: #fefefe;
  --color-white-3: #d9d9d9;
  --color-yellow-2: #eaede7;
  --color-yellow-4: #ff5b00;
  --color-grey-black: #231f20;
  --spacing-container: 32px;
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.-inset-\[0\.5px\] {
  inset: calc(0.5px * -1);
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1 {
  top: calc(var(--spacing) * 1);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.-bottom-\[0\.5px\] {
  bottom: calc(0.5px * -1);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1 {
  left: calc(var(--spacing) * 1);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-full {
  left: 100%;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.\!mb-0 {
  margin-bottom: calc(var(--spacing) * 0) !important;
}
.\!mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.mb-40 {
  margin-bottom: calc(var(--spacing) * 40);
}
.mb-\[14px\] {
  margin-bottom: 14px;
}
.ml-auto {
  margin-left: auto;
}
.\!hidden {
  display: none !important;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[983\/364\] {
  aspect-ratio: 983/364;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[25vh\] {
  height: 25vh;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.min-h-\[80vh\] {
  min-height: 80vh;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: calc(var(--spacing) * 0);
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[61px\] {
  width: 61px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[calc\(100\%\*var\(--progress\)\)\] {
  width: calc(100% * var(--progress));
}
.w-full {
  width: 100%;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[595px\] {
  max-width: 595px;
}
.max-w-\[645px\] {
  max-width: 645px;
}
.max-w-\[653px\] {
  max-width: 653px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[983px\] {
  max-width: 983px;
}
.max-w-\[1132px\] {
  max-width: 1132px;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-bottom-left {
  transform-origin: 0 100%;
}
.origin-bottom-right {
  transform-origin: 100% 100%;
}
.origin-top-left {
  transform-origin: 0 0;
}
.origin-top-right {
  transform-origin: 100% 0;
}
.-translate-x-1 {
  --tw-translate-x: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * -0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-0\.5 {
  --tw-translate-y: calc(var(--spacing) * -0.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1 {
  --tw-translate-y: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[110px\] {
  --tw-translate-y: calc(110px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0\.5 {
  --tw-translate-y: calc(var(--spacing) * 0.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1 {
  --tw-translate-y: calc(var(--spacing) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-0 {
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.list-none {
  list-style-type: none;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-\[25px\] {
  gap: 25px;
}
.gap-container {
  gap: var(--spacing-container);
}
.gap-x-5 {
  column-gap: calc(var(--spacing) * 5);
}
.gap-x-6 {
  column-gap: calc(var(--spacing) * 6);
}
.gap-x-14 {
  column-gap: calc(var(--spacing) * 14);
}
.gap-y-5 {
  row-gap: calc(var(--spacing) * 5);
}
.gap-y-6 {
  row-gap: calc(var(--spacing) * 6);
}
.gap-y-8 {
  row-gap: calc(var(--spacing) * 8);
}
.gap-y-11 {
  row-gap: calc(var(--spacing) * 11);
}
.gap-y-20 {
  row-gap: calc(var(--spacing) * 20);
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.\!border-none {
  --tw-border-style: none !important;
  border-style: none !important;
}
.border-t-yellow-2 {
  border-top-color: var(--color-yellow-2);
}
.bg-\[\#38393b\] {
  background-color: #38393b;
}
.bg-black {
  background-color: var(--color-black);
}
.bg-black\/15 {
  background-color: color-mix(in srgb, #000 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
  }
}
.bg-black\/50 {
  background-color: color-mix(in srgb, #000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-grey-black {
  background-color: var(--color-grey-black);
}
.bg-red-400 {
  background-color: var(--color-red-400);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/50 {
  background-color: color-mix(in srgb, #fff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.bg-yellow-2 {
  background-color: var(--color-yellow-2);
}
.object-cover {
  object-fit: cover;
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-container {
  padding: var(--spacing-container);
}
.px-container {
  padding-inline: var(--spacing-container);
}
.py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-10 {
  padding-top: calc(var(--spacing) * 10);
}
.pt-36 {
  padding-top: calc(var(--spacing) * 36);
}
.pt-\[30px\] {
  padding-top: 30px;
}
.pt-\[56px\] {
  padding-top: 56px;
}
.pr-container {
  padding-right: var(--spacing-container);
}
.pb-\[25vh\] {
  padding-bottom: 25vh;
}
.pb-\[48px\] {
  padding-bottom: 48px;
}
.pb-\[56px\] {
  padding-bottom: 56px;
}
.pl-container {
  padding-left: var(--spacing-container);
}
.text-center {
  text-align: center;
}
.text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--tw-leading, var(--text-9xl--line-height));
}
.\!text-\[47px\] {
  font-size: 47px !important;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.\!leading-none {
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.leading-0 {
  --tw-leading: calc(var(--spacing) * 0);
  line-height: calc(var(--spacing) * 0);
}
.\!font-\[350\] {
  --tw-font-weight: 350 !important;
  font-weight: 350 !important;
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-white {
  color: var(--color-white);
}
.text-white-1 {
  color: var(--color-white-1);
}
.text-white-3 {
  color: var(--color-white-3);
}
.text-yellow-2 {
  color: var(--color-yellow-2);
}
.lowercase {
  text-transform: lowercase;
}
.normal-case {
  text-transform: none;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-amber-50 {
  --tw-shadow-color: oklch(98.7% 0.022 95.277);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-amber-50) var(--tw-shadow-alpha), transparent);
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.filter {
  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,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  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));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  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));
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-800 {
  --tw-duration: 800ms;
  transition-duration: 800ms;
}
.group-hover\:-translate-y-0\.5 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-90 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:inset-0 {
  &::before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
}
.before\:z-10 {
  &::before {
    content: var(--tw-content);
    z-index: 10;
  }
}
.before\:bg-black {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-black);
  }
}
.before\:opacity-0 {
  &::before {
    content: var(--tw-content);
    opacity: 0%;
  }
}
.before\:transition-all {
  &::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.group-hover\:before\:opacity-20 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        opacity: 20%;
      }
    }
  }
}
.hover\:-translate-y-0\.5 {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:bg-yellow-4 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-yellow-4);
    }
  }
}
.hover\:\!text-yellow-4 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-yellow-4) !important;
    }
  }
}
.hover\:opacity-60 {
  &:hover {
    @media (hover: hover) {
      opacity: 60%;
    }
  }
}
.hover\:opacity-75 {
  &:hover {
    @media (hover: hover) {
      opacity: 75%;
    }
  }
}
.active\:z-20 {
  &:active {
    z-index: 20;
  }
}
.max-sm\:-translate-y-2 {
  @media (width < 40rem) {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.max-sm\:\!font-\[350\] {
  @media (width < 40rem) {
    --tw-font-weight: 350 !important;
    font-weight: 350 !important;
  }
}
.max-sm\:normal-case {
  @media (width < 40rem) {
    text-transform: none;
  }
}
.sm\:col-span-5 {
  @media (width >= 40rem) {
    grid-column: span 5 / span 5;
  }
}
.sm\:col-span-7 {
  @media (width >= 40rem) {
    grid-column: span 7 / span 7;
  }
}
.sm\:block {
  @media (width >= 40rem) {
    display: block;
  }
}
.sm\:hidden {
  @media (width >= 40rem) {
    display: none;
  }
}
.sm\:aspect-auto {
  @media (width >= 40rem) {
    aspect-ratio: auto;
  }
}
.sm\:min-h-\[46px\] {
  @media (width >= 40rem) {
    min-height: 46px;
  }
}
.sm\:w-\[60\%\] {
  @media (width >= 40rem) {
    width: 60%;
  }
}
.sm\:w-\[85px\] {
  @media (width >= 40rem) {
    width: 85px;
  }
}
.sm\:w-\[142px\] {
  @media (width >= 40rem) {
    width: 142px;
  }
}
.sm\:gap-6 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 6);
  }
}
.sm\:gap-y-7 {
  @media (width >= 40rem) {
    row-gap: calc(var(--spacing) * 7);
  }
}
.sm\:\!pt-2 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 2) !important;
  }
}
.sm\:\!pb-3 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }
}
.md\:absolute {
  @media (width >= 48rem) {
    position: absolute;
  }
}
.md\:relative {
  @media (width >= 48rem) {
    position: relative;
  }
}
.md\:left-0 {
  @media (width >= 48rem) {
    left: calc(var(--spacing) * 0);
  }
}
.md\:col-span-4 {
  @media (width >= 48rem) {
    grid-column: span 4 / span 4;
  }
}
.md\:col-span-8 {
  @media (width >= 48rem) {
    grid-column: span 8 / span 8;
  }
}
.md\:mb-12 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 12);
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none;
  }
}
.md\:w-\[88px\] {
  @media (width >= 48rem) {
    width: 88px;
  }
}
.md\:w-auto {
  @media (width >= 48rem) {
    width: auto;
  }
}
.md\:-translate-x-1\/2 {
  @media (width >= 48rem) {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.md\:translate-x-0 {
  @media (width >= 48rem) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.md\:-translate-y-\[10px\] {
  @media (width >= 48rem) {
    --tw-translate-y: calc(10px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-start {
  @media (width >= 48rem) {
    align-items: flex-start;
  }
}
.md\:justify-between {
  @media (width >= 48rem) {
    justify-content: space-between;
  }
}
.md\:justify-end {
  @media (width >= 48rem) {
    justify-content: flex-end;
  }
}
.md\:gap-0 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 0);
  }
}
.md\:gap-4 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.md\:overflow-hidden {
  @media (width >= 48rem) {
    overflow: hidden;
  }
}
.md\:border-t {
  @media (width >= 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
.md\:pt-6 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 6);
  }
}
.lg\:col-span-4 {
  @media (width >= 64rem) {
    grid-column: span 4 / span 4;
  }
}
.lg\:col-span-8 {
  @media (width >= 64rem) {
    grid-column: span 8 / span 8;
  }
}
.lg\:mb-20 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 20);
  }
}
.lg\:\!flex {
  @media (width >= 64rem) {
    display: flex !important;
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:w-\[30\%\] {
  @media (width >= 64rem) {
    width: 30%;
  }
}
.lg\:w-\[40\%\] {
  @media (width >= 64rem) {
    width: 40%;
  }
}
.lg\:w-\[97px\] {
  @media (width >= 64rem) {
    width: 97px;
  }
}
.lg\:pt-16 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 16);
  }
}
.lg\:pt-\[62px\] {
  @media (width >= 64rem) {
    padding-top: 62px;
  }
}
.lg\:\!text-\[87px\] {
  @media (width >= 64rem) {
    font-size: 87px !important;
  }
}
.group-hover\:lg\:opacity-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      @media (width >= 64rem) {
        opacity: 0%;
      }
    }
  }
}
.xl\:block {
  @media (width >= 80rem) {
    display: block;
  }
}
.is-menu-open\:visible {
  &:is(.is-menu-open *) {
    visibility: visible;
  }
}
.is-menu-open\:translate-x-0 {
  &:is(.is-menu-open *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.is-menu-open\:opacity-100 {
  &:is(.is-menu-open *) {
    opacity: 100%;
  }
}
.is-menu-right-open\:visible {
  &:is(.is-menu-right-open *) {
    visibility: visible;
  }
}
.is-menu-right-open\:translate-x-0 {
  &:is(.is-menu-right-open *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.is-menu-right-open\:opacity-100 {
  &:is(.is-menu-right-open *) {
    opacity: 100%;
  }
}
.\[\&_img\]\:w-full {
  & img {
    width: 100%;
  }
}
.\[\&\.active\]\:z-20 {
  &.active {
    z-index: 20;
  }
}
.\[\&\.active\]\:opacity-100 {
  &.active {
    opacity: 100%;
  }
}
.\[\.active\]\:z-20 {
  &:is(.active) {
    z-index: 20;
  }
}
.\[\.is-white-text_\&\]\:text-white-3 {
  .is-white-text & {
    color: var(--color-white-3);
  }
}
.\[\@media_\(\(max-height\:800px\)_and_\(min-width\:1028px\)\)\]\:text-\[50px\] {
  @media ((max-height:800px) and (min-width:1028px)) {
    font-size: 50px;
  }
}
.\[\@media_\(\(max-height\:990px\)_and_\(min-width\:1280px\)\)\]\:\!text-\[50px\] {
  @media ((max-height:990px) and (min-width:1280px)) {
    font-size: 50px !important;
  }
}
.\[\@media_\(max-width\:460px\)\]\:\!text-\[46px\] {
  @media (max-width:460px) {
    font-size: 46px !important;
  }
}
.\[\@media_\(max-width\:460px\)\]\:text-\[46px\] {
  @media (max-width:460px) {
    font-size: 46px;
  }
}
.\[\@media_\(min-width\:769px\)\]\:fixed {
  @media (min-width:769px) {
    position: fixed;
  }
}
@font-face {
  font-family: "League Spartan";
  src: url("../fonts/LeagueSpartan-VariableFont_wght.woff2") format("woff2"), url("../fonts/LeagueSpartan-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
ul.list-none {
  padding: 0;
  margin: 0;
  list-style: none;
  li {
    padding: 0;
    margin: 0;
  }
}
p a, li a {
  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));
  &:hover {
    @media (hover: hover) {
      color: var(--color-yellow-4);
    }
  }
}
.px-prose > *:last-child {
  margin-bottom: 0;
}
.nectar-font-body, body {
  font-weight: 350;
}
.nectar-font-h1, h1, .nectar-font-h2, h2, .nectar-font-h3, h3, .nectar-font-h4, h4, .nectar-font-h5, h5, .nectar-font-h6, h6 {
  font-weight: 100;
}
.dm14 {
  font-weight: 450;
  font-size: 14px;
}
.nectar-gt-xfnI890grf {
  font-weight: 450;
  .is-white-text & {
    color: var(--color-white-1);
  }
}
.nectar-gt-lkiuYa5yWE {
  font-weight: 100;
  .is-white-text & {
    color: var(--color-white-1);
  }
}
@layer components {
  .btn-primary {
    min-height: 38px;
    border-radius: calc(infinity * 1px);
    --tw-border-style: none;
    border-style: none;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1);
    @media (width >= 40rem) {
      min-height: 44px;
    }
    @media (width >= 40rem) {
      min-width: 117px;
    }
    font-size: 16px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: calc(0.03em * -1);
    letter-spacing: calc(0.03em * -1);
    @media (width >= 40rem) {
      font-size: 18px;
    }
    cursor: pointer;
    transition-property: all;
    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;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: calc(var(--spacing) * 2);
    background-color: var(--color-yellow-2);
    color: var(--color-grey-black);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-4);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .px-hover-underline {
    position: relative;
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-4) !important;
      }
    }
  }
  .px-hover-underline:before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: block;
    height: 1px;
    background-color: var(--color-yellow-4);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .px-hover-underline:hover:before {
    right: calc(var(--spacing) * 0);
  }
  [class*="button-dmd-"] {
    min-height: 38px;
    background-color: transparent;
    @media (width >= 40rem) {
      min-height: 44px;
    }
    @media (width >= 40rem) {
      min-width: 117px;
    }
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    column-gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    font-size: 16px;
    transition-property: all;
    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 {
      @media (hover: hover) {
        color: var(--color-yellow-4);
      }
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .button-dmd-1 {
    border-image-slice: 20 20 20 20 fill;
    border-image-width: 20px;
    border-image-outset: 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA5NiA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjA1NDcgNDRDMTAuODk4OCA0NCA3LjUyMjE5IDQwLjU1MzIgNy41MjIxOSAzNi4zMTFDMy4zNjYzMiAzNi4zMTEgMC4wMDIwNTUwMyAzMi44NzY5IDAuMDAyMDU0NjYgMjguNjM0N0wwLjAwMjA1MzUgMTUuMzUyN0MwLjAwMjA1MzEzIDExLjExMDUgMy4zNjYzMiA3LjY3NjMzIDcuNTIyMTggNy42NzYzM0M3LjUyMjE4IDMuNDM0MTUgMTAuODg2NSA2LjAyODE3ZS0wNyAxNS4wNDIzIDIuMzk1ZS0wNyIgZmlsbD0iI0VBRURFNyIvPgo8cmVjdCB3aWR0aD0iNjUiIGhlaWdodD0iNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjA1NDcpIiBmaWxsPSIjRUFFREU3Ii8+CjxwYXRoIGQ9Ik04MC4wNTQ3IDBDODQuMjEwNSAwIDg3LjU4NzIgMy40NDY3NyA4Ny41ODcyIDcuNjg4OTVDOTEuNzQzIDcuNjg4OTUgOTUuMTA3MyAxMS4xMjMxIDk1LjEwNzMgMTUuMzY1M1YyOC42NDczQzk1LjEwNzMgMzIuODg5NSA5MS43NDMgMzYuMzIzNyA4Ny41ODcyIDM2LjMyMzdDODcuNTg3MiA0MC41NjU5IDg0LjIyMjkgNDQgODAuMDY3MSA0NCIgZmlsbD0iI0VBRURFNyIvPgo8L3N2Zz4K");
    border-style: solid;
  }
  .button-dmd-2 {
    border-image-slice: 15 15 15 15 fill;
    border-image-width: 15px;
    border-image-outset: 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAzMSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDAyMDU1NDUgMzYuMzExMUwwLjAwMjA1Mjk1IDcuNjc2MzNMNy41MjIxOCA3LjY3NjMzTDcuNTIyMTggNi41ODUxMmUtMDdMMTUuMDU0NyAwTDE1LjA1NDcgNDRMNy41MjIxOSA0NEw3LjUyMjE5IDM2LjMxMTFMMC4wMDIwNTU0NSAzNi4zMTExWiIgZmlsbD0iI0VBRURFNyIvPgo8cGF0aCBkPSJNMzAuMTA3MyA3LjY4ODk1VjM2LjMyMzdIMjIuNTg3MlY0NEgxNS4wNTQ3VjBIMjIuNTg3MlY3LjY4ODk1SDMwLjEwNzNaIiBmaWxsPSIjRUFFREU3Ii8+Cjwvc3ZnPgo=");
    border-style: solid;
  }
  .button-dmd-3 {
    border-image-slice: 14 14 14 14 fill;
    border-image-width: 14px;
    border-image-outset: 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAzMyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDAyODQ0NzkgMzIuOTEyNEwwLjAwMjg0Mjg4IDExLjA2MDZDNi4xMzI2NyAxMS4wNjA2IDExLjA2MzUgNi4xMTYzNSAxMS4wNzY5IDQuNjUyMmUtMDdMMTYuMzk4NCAwTDE2LjM5ODQgNDRMMTEuMDc2OSA0NEMxMS4wNzY5IDM3Ljg4MzYgNi4xMzI2NyAzMi45MTI0IDAuMDAyODQ0NzkgMzIuOTEyNFoiIGZpbGw9IiNFQUVERTciLz4KPHBhdGggZD0iTTMyLjc5NCAxMS4wODc2VjMyLjkzOTRDMjYuNjY0MiAzMi45Mzk0IDIxLjczMzQgMzcuODgzNiAyMS43MTk5IDQ0SDE2LjM5ODRWMEgyMS43MTk5QzIxLjcxOTkgNi4xMTYzNSAyNi42NjQyIDExLjA4NzYgMzIuNzk0IDExLjA4NzZaIiBmaWxsPSIjRUFFREU3Ii8+Cjwvc3ZnPgo=");
    border-style: solid;
  }
  .button-dmd-4 {
    border-image-slice: 10 10 10 10 fill;
    border-image-width: 20px;
    border-image-outset: 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS02LjY0Mzc5ZS0wNyAzMC40MDA0TC0yLjY1NzY5ZS0wNiA3LjU5OTYxTDcuNTk5NjEgNS41OTU0ZS0wN0wxNCAwTDE0IDM4TDcuNTk5NjEgMzhMLTYuNjQzNzllLTA3IDMwLjQwMDRaIiBmaWxsPSIjRUFFREU3Ii8+CjxyZWN0IHg9IjE0IiB3aWR0aD0iMTAiIGhlaWdodD0iMzgiIGZpbGw9IiNFQUVERTciLz4KPHBhdGggZD0iTTM4IDcuNTk5NjFWMzAuNDAwNEwzMC40MDA0IDM4SDI0VjBIMzAuNDAwNEwzOCA3LjU5OTYxWiIgZmlsbD0iI0VBRURFNyIvPgo8L3N2Zz4K");
    border-style: solid;
  }
}
.px-button {
  border-color: color-mix(in oklab, #b7a8a1 70%, transparent);
  background-color: color-mix(in oklab, #e7e7e7 70%, transparent);
  display: flex;
  min-height: 36px;
  min-width: 90px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: 8px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 1);
  padding-bottom: calc(var(--spacing) * 0.5);
  text-align: center;
  font-size: 14px;
  --tw-font-weight: 450;
  font-weight: 450;
  color: var(--color-black-1);
  text-transform: uppercase;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
  @media (width >= 64rem) {
    min-height: 44px;
  }
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 1.5);
  }
  @media (width >= 64rem) {
    font-size: 16px;
  }
}
@layer components {
  [class*="mask-banner"] {
    will-change: clip-path;
    transition: clip-path 5s ease;
  }
  .mask-banner-1 {
    clip-path: polygon(87.5% 0%, 87.5% 0%, 88.013% 0.031%, 88.514% 0.123%, 89.002% 0.272%, 89.476% 0.478%, 89.933% 0.736%, 90.372% 1.046%, 90.792% 1.403%, 91.192% 1.807%, 91.569% 2.255%, 91.921% 2.743%, 91.921% 2.743%, 92.247% 3.272%, 92.545% 3.838%, 92.814% 4.436%, 93.053% 5.067%, 93.259% 5.726%, 93.432% 6.412%, 93.569% 7.122%, 93.668% 7.854%, 93.729% 8.606%, 93.75% 9.375%, 93.75% 9.375%, 94.263% 9.406%, 94.764% 9.498%, 95.252% 9.647%, 95.726% 9.853%, 96.183% 10.111%, 96.622% 10.421%, 97.042% 10.778%, 97.442% 11.182%, 97.819% 11.63%, 98.171% 12.118%, 98.171% 12.118%, 98.497% 12.647%, 98.795% 13.213%, 99.064% 13.811%, 99.303% 14.442%, 99.509% 15.101%, 99.682% 15.787%, 99.819% 16.497%, 99.918% 17.229%, 99.979% 17.981%, 100% 18.75%, 100% 81.25%, 100% 81.25%, 99.979% 82.019%, 99.918% 82.771%, 99.819% 83.503%, 99.682% 84.213%, 99.509% 84.899%, 99.303% 85.559%, 99.064% 86.189%, 98.795% 86.788%, 98.497% 87.353%, 98.171% 87.882%, 98.171% 87.882%, 97.819% 88.371%, 97.442% 88.818%, 97.042% 89.222%, 96.622% 89.58%, 96.183% 89.889%, 95.726% 90.147%, 95.252% 90.353%, 94.764% 90.502%, 94.263% 90.594%, 93.75% 90.625%, 93.75% 90.625%, 93.729% 91.394%, 93.668% 92.146%, 93.569% 92.878%, 93.432% 93.588%, 93.259% 94.274%, 93.053% 94.934%, 92.814% 95.564%, 92.545% 96.163%, 92.247% 96.728%, 91.921% 97.257%, 91.921% 97.257%, 91.569% 97.746%, 91.192% 98.193%, 90.792% 98.597%, 90.372% 98.955%, 89.933% 99.264%, 89.476% 99.522%, 89.002% 99.728%, 88.514% 99.877%, 88.013% 99.969%, 87.5% 100%, 12.5% 100%, 12.5% 100%, 11.987% 99.969%, 11.486% 99.877%, 10.998% 99.728%, 10.524% 99.522%, 10.067% 99.264%, 9.628% 98.955%, 9.208% 98.597%, 8.808% 98.193%, 8.432% 97.746%, 8.079% 97.257%, 8.079% 97.257%, 7.753% 96.728%, 7.455% 96.163%, 7.186% 95.564%, 6.947% 94.934%, 6.741% 94.274%, 6.568% 93.588%, 6.432% 92.878%, 6.332% 92.146%, 6.271% 91.394%, 6.25% 90.625%, 6.25% 90.625%, 5.737% 90.594%, 5.236% 90.502%, 4.748% 90.353%, 4.274% 90.147%, 3.817% 89.889%, 3.378% 89.58%, 2.958% 89.222%, 2.558% 88.818%, 2.182% 88.371%, 1.829% 87.882%, 1.829% 87.882%, 1.503% 87.353%, 1.205% 86.788%, 0.936% 86.189%, 0.697% 85.559%, 0.491% 84.899%, 0.318% 84.213%, 0.182% 83.503%, 0.082% 82.771%, 0.021% 82.019%, 0% 81.25%, 0% 18.75%, 0% 18.75%, 0.021% 17.981%, 0.082% 17.229%, 0.182% 16.497%, 0.318% 15.787%, 0.491% 15.101%, 0.697% 14.442%, 0.936% 13.811%, 1.205% 13.213%, 1.503% 12.647%, 1.829% 12.118%, 1.829% 12.118%, 2.182% 11.63%, 2.558% 11.182%, 2.958% 10.778%, 3.378% 10.421%, 3.817% 10.111%, 4.274% 9.853%, 4.748% 9.647%, 5.236% 9.498%, 5.737% 9.406%, 6.25% 9.375%, 6.25% 9.375%, 6.271% 8.606%, 6.332% 7.854%, 6.432% 7.122%, 6.568% 6.412%, 6.741% 5.726%, 6.947% 5.067%, 7.186% 4.436%, 7.455% 3.838%, 7.753% 3.272%, 8.079% 2.743%, 8.079% 2.743%, 8.432% 2.255%, 8.808% 1.807%, 9.208% 1.403%, 9.628% 1.046%, 10.067% 0.736%, 10.524% 0.478%, 10.998% 0.272%, 11.486% 0.123%, 11.987% 0.031%, 12.5% 0%, 87.5% 0%);
  }
  .mask-banner-2 {
    clip-path: polygon(91.667% 12.5%, 100% 12.5%, 100% 87.5%, 91.667% 87.5%, 91.667% 100%, 8.333% 100%, 8.333% 87.5%, 0% 87.5%, 0% 12.5%, 8.333% 12.5%, 8.333% 0%, 91.667% 0%, 91.667% 12.5%);
  }
  .mask-banner-3 {
    clip-path: polygon(91.667% 0%, 91.667% 0%, 91.776% 2.026%, 92.092% 3.948%, 92.598% 5.741%, 93.276% 7.379%, 94.109% 8.836%, 95.081% 10.086%, 96.173% 11.103%, 97.368% 11.862%, 98.65% 12.336%, 100% 12.5%, 100% 87.5%, 100% 87.5%, 98.65% 87.664%, 97.368% 88.138%, 96.173% 88.897%, 95.081% 89.914%, 94.109% 91.164%, 93.276% 92.621%, 92.598% 94.259%, 92.092% 96.052%, 91.776% 97.974%, 91.667% 100%, 8.333% 100%, 8.333% 100%, 8.224% 97.974%, 7.908% 96.052%, 7.402% 94.259%, 6.724% 92.621%, 5.891% 91.164%, 4.919% 89.914%, 3.827% 88.897%, 2.632% 88.138%, 1.35% 87.664%, 0% 87.5%, 0% 12.5%, 0% 12.5%, 1.35% 12.336%, 2.632% 11.862%, 3.827% 11.103%, 4.919% 10.086%, 5.891% 8.836%, 6.724% 7.379%, 7.402% 5.741%, 7.908% 3.948%, 8.224% 2.026%, 8.333% 0%, 91.667% 0%);
  }
}
.nav-menu {
  ul, li {
    list-style: none;
  }
  ul {
    margin: unset;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  li a {
    font-size: 47px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: 100;
    font-weight: 100;
    color: var(--color-yellow-2);
    @media (width >= 64rem) {
      font-size: 50px;
    }
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-4);
      }
    }
    position: relative;
    margin-top: calc(var(--spacing) * 2);
    display: inline-block;
  }
  li[class*="current"] a {
    color: var(--color-yellow-4);
  }
  li a:before {
    content: "";
    height: 2px;
    background-color: var(--color-yellow-4);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    right: 100%;
    bottom: calc(var(--spacing) * 0) !important;
    left: calc(var(--spacing) * 0);
    display: block;
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 2) !important;
    }
  }
  li a:hover:before {
    right: calc(var(--spacing) * 0);
  }
  ul ul {
    display: none;
  }
}
.nav-menu.footer-menu {
  li.is-home {
    display: none;
  }
  li a {
    font-size: 47px;
    @media (width >= 48rem) {
      font-size: 77px;
    }
    @media (width >= 64rem) {
      font-size: 85px;
    }
  }
}
:root {
  --wp--style--global--content-size: 1440px;
  --wp--style--root--padding-left: var(--spacing-container);
  --wp--style--root--padding-right: var(--spacing-container);
}
.container {
  max-width: var(--wp--style--global--content-size, 1300px);
  padding-left: var(--wp--style--root--padding-left, 20px);
  padding-right: var(--wp--style--root--padding-right, 20px);
  margin-inline: auto;
}
.pl-container {
  padding-left: var(--wp--style--root--padding-left, 20px);
}
.pr-container {
  padding-left: var(--wp--style--root--padding-left, 20px);
}
.wp-block-dmd-banner {
  position: relative;
  z-index: 10;
}
.banner-desktop .banner-image-move-translate.move {
  mask-image: linear-gradient(transparent 100%, #000 125%, #000 225%);
  transform: translateY(5px) scale(1.2);
}
main.entry-content, footer.wp-block-template-part, nav#header {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:is(.is-menu-open *) {
    --tw-blur: blur(var(--blur-sm));
    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,);
  }
  &:is(.is-menu-right-open *) {
    --tw-blur: blur(4px);
    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,);
  }
}
:root {
  font-family: var(--font-sans), sans-serif;
  @media (width < 40rem) {
    --spacing-container: 20px;
  }
}
html, body {
  overscroll-behavior: none;
}
.img-wrapper-cover > img, .img-wrapper-contain > img {
  object-position: center center;
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: 100%;
  display: block;
}
.img-wrapper-cover > img {
  object-fit: cover;
}
.img-wrapper-contain > img {
  object-fit: contain;
}
.ab-center {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.show-on-desktop {
  display: none;
  @media (width >= 48rem) {
    display: block;
  }
}
.show-on-mobile {
  display: block;
  @media (width >= 48rem) {
    display: none;
  }
}
@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;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --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-duration: initial;
      --tw-content: "";
      --tw-tracking: initial;
      --tw-space-y-reverse: 0;
    }
  }
}