/* [project]/styles/globals.css [client] (css) */
:root {
  --ink: #08090b;
  --ink2: #14171a;
  --paper: #f2f0eb;
  --paper2: #e7e4de;
  --white: #fff;
  --muted: #aeb4ba;
  --coral: #ff725c;
  --blue: #69bfff;
  --line-d: #ffffff29;
  --line-l: #08090b29;
  --max: 1440px;
  --g: clamp(20px, 4.1vw, 68px);
  --display: clamp(58px, 9.2vw, 145px);
  --h2: clamp(42px, 6.2vw, 94px);
  --h3: clamp(29px, 3.1vw, 50px);
  --ease: cubic-bezier(.2, .75, .25, 1);
  --transition-fast: .2s var(--ease);
  --transition-base: .35s var(--ease);
  --transition-slow: .7s var(--ease);
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --radius-full: 999px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --color-primary: var(--ink);
  --color-primary-light: var(--ink2);
  --color-accent: var(--coral);
  --color-accent-light: #ff9a88;
  --color-accent-secondary: var(--blue);
  --color-accent-pink: var(--coral);
  --color-text-dark: var(--ink);
  --color-text-body: #555b61;
  --color-text-muted: #686d71;
  --color-text-light: #9199a1;
  --color-surface: var(--paper);
  --color-surface-subtle: var(--paper2);
  --color-border: #08090b29;
  --color-footer-bg: #050607;
  --gradient-hero: radial-gradient(80% 80% at 80% 30%, #364352b8, #08090b00 64%),
    radial-gradient(44% 50% at 12% 68%, #37404c40, transparent 70%),
    linear-gradient(135deg, #050608 0%, #111417 58%, #262b31 100%);
  --gradient-accent: var(--coral);
  --gradient-accent-hover: #ff8a77;
  --gradient-subtle: var(--paper2);
  --gradient-footer: #050607;
  font-size: 10px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background: var(--paper);
  min-width: 100%;
  min-height: 100vh;
  color: var(--ink);
  text-rendering: optimizelegibility;
  scrollbar-width: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  line-height: 1.45;
  overflow-x: hidden;
}

body.mobile.noScroll {
  overflow: hidden;
}

body::-webkit-scrollbar {
  display: none;
}

::selection {
  background: var(--coral);
  color: var(--ink);
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, textarea, select {
  font: inherit;
}

p {
  margin: 0;
}

svg {
  max-width: 100%;
  display: block;
}

.skipToContent {
  border: 1px solid var(--line-d);
  border-radius: var(--radius-full);
  background: var(--coral);
  color: var(--ink);
  z-index: 1000;
  padding: 1.2rem 2.4rem;
  font-size: 1.4rem;
  font-weight: 750;
  text-decoration: none;
  transition: top .2s;
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
}

.skipToContent:focus {
  top: 1rem;
}

:focus-visible {
  outline: 3px solid var(--coral);
  outline-offset: 3px;
}

.mySwiper .swiper-pagination-bullet {
  border: 1px solid var(--line-l);
  opacity: 1;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  transition: all var(--transition-fast);
  background: none;
  border-radius: 50%;
  display: inline-block;
}

.mySwiper .swiper-pagination-bullet:not(:last-child) {
  margin-right: 1rem;
}

.mySwiper .swiper-pagination-bullet-active {
  border-color: var(--coral);
  border-radius: var(--radius-full);
  background: var(--coral);
  width: 2.8rem;
}

@media (max-width: 720px) {
  :root {
    --g: 20px;
    --display: clamp(52px, 17vw, 88px);
    --h2: clamp(40px, 13vw, 68px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/*# sourceMappingURL=styles_globals_1sjip1h.css.map*/