/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */

  .h-\[70vh\] {
    height: 70vh;
  }
  .h-full {
    height: 100%;
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-\[70vw\] {
    width: 70vw;
  }
  .grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-l-\[20px\] {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-lime-green {
    border-color: var(--color-lime-green);
  }
  .border-b-lime-green {
    border-bottom-color: var(--color-lime-green);
  }
  .bg-lime-green {
    background-color: var(--color-lime-green);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-transparent {
    --tw-gradient-from: 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));
  }
  .from-0\% {
    --tw-gradient-from-position: 0%;
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-75\% {
    --tw-gradient-via-position: 75%;
  }
  .to-lime-green {
    --tw-gradient-to: var(--color-lime-green);
    --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));
  }
  .to-100\% {
    --tw-gradient-to-position: 100%;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-\[2vw\] {
    font-size: 2vw;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }
  .font-extrablack {
    --tw-font-weight: var(--font-weight-extrablack);
    font-weight: var(--font-weight-extrablack);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-lime-green {
    color: var(--color-lime-green);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
  }
  .max-note\:text-\[2\.6vw\] {
    @media (width < 1370px) {
      font-size: 2.6vw;
    }
  }
  .max-tablet\:text-\[12px\] {
    @media (width < 1090px) {
      font-size: 12px;
    }
  }
  .max-tablet\:leading-\[20px\] {
    @media (width < 1090px) {
      --tw-leading: 20px;
      line-height: 20px;
    }
  }
  .max-mobile-big\:w-\[90vw\] {
    @media (width < 850px) {
      width: 90vw;
    }
  }
  .max-mobile-big\:text-\[4\.3vw\] {
    @media (width < 850px) {
      font-size: 4.3vw;
    }
  }
  .max-mobile-mid\:block {
    @media (width < 555px) {
      display: block;
    }
  }
  .max-mobile-mid\:hidden {
    @media (width < 555px) {
      display: none;
    }
  }
  .max-mobile-mid\:h-\[85vh\] {
    @media (width < 555px) {
      height: 85vh;
    }
  }
  .max-mobile-mid\:grid-cols-none {
    @media (width < 555px) {
      grid-template-columns: none;
    }
  }
  .max-mobile-mid\:rounded-t-\[20px\] {
    @media (width < 555px) {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }
  }
  .max-mobile-mid\:border-b-\[3px\] {
    @media (width < 555px) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 3px;
    }
  }
  .max-mobile-mid\:border-l-\[0px\] {
    @media (width < 555px) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .max-mobile-mid\:object-top {
    @media (width < 555px) {
      object-position: top;
    }
  }
  .max-mobile-mid\:text-\[6\.5vw\] {
    @media (width < 555px) {
      font-size: 6.5vw;
    }
  }
  .max-mobile\:text-\[12px\] {
    @media (width < 400px) {
      font-size: 12px;
    }
  }
  .\33 xl\:text-\[20px\] {
    @media (width >= 1920px) {
      font-size: 20px;
    }
  }
  .\33 xl\:text-\[45px\] {
    @media (width >= 1920px) {
      font-size: 45px;
    }
  }
  .\34 xl\:text-\[25px\] {
    @media (width >= 2400px) {
      font-size: 25px;
    }
  }
  .\34 xl\:text-\[55px\] {
    @media (width >= 2400px) {
      font-size: 55px;
    }
  }
}
.start-text {
  font-size: clamp(22px, 2.6vw, 2.6vw);
}
.nav-hover {
  position: relative;
}
.nav-hover::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: -2px;
  left: -39px;
  width: calc(100% + 78px);
  height: 110%;
  border: 2px solid black;
  border-radius: 10px;
  padding: 6px 35px;
}
.text-outline {
  -webkit-text-stroke: 4px black;
  @media (max-width: 850px) {
    -webkit-text-stroke: 2.5px black;
  }
  @media (max-width: 555px) {
    -webkit-text-stroke: 1.5px black;
  }
}
.unlock-gradient {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(206, 246, 27, 0.03) 15.67%, rgba(0, 0, 0, 1) 75.81%);
  background-blend-mode: multiply;
}
.unlock-gradient-revert {
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(206, 246, 27, 0.03) 84.33%, rgba(0, 0, 0, 0) 100%);
  background-blend-mode: multiply;
}
.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.text-shadow {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.text-shadow-md {
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
.text-shadow-lg {
  text-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}
.text-shadow-xl {
  text-shadow: 0 12px 24px rgba(0, 0, 0, 0.5);
}
.text-shadow-2xl {
  text-shadow: 0 16px 32px rgba(0, 0, 0, 0.5);
}
.text-shadow-black {
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}
.text-shadow-glow {
  text-shadow: 0 0 20px rgba(206, 246, 27, 0.8);
}
.text-shadow-glow-white {
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
}
.text-shadow-none {
  text-shadow: none;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}
.animate-fade-in-left {
  animation: fadeInLeft 0.8s ease-out forwards;
}
.animate-fade-in-right {
  animation: fadeInRight 0.8s ease-out forwards;
}
.animate-scale-in {
  animation: scaleIn 0.6s ease-out forwards;
}
.animate-slide-in-up {
  animation: slideInUp 0.8s ease-out forwards;
}
.scroll-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}
.scroll-animate.animate {
  opacity: 1;
  transform: translateY(0);
}
.scroll-animate-left {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.8s ease-out;
}
.scroll-animate-left.animate {
  opacity: 1;
  transform: translateX(0);
}
.scroll-animate-right {
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.8s ease-out;
}
.scroll-animate-right.animate {
  opacity: 1;
  transform: translateX(0);
}
.scroll-animate-scale {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.6s ease-out;
}
.scroll-animate-scale.animate {
  opacity: 1;
  transform: scale(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-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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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;
    }
  }
}