:root {
  --mv-paper: #F5F1EA;
  --mv-mist: #E8E2D7;
  --mv-caramel: #C8966B;
  --mv-caramel-deep: #A87650;
  --mv-wood: #5A3E2B;
  --mv-ink: #1A1612;
  --mv-ink-soft: rgba(26, 22, 18, 0.7);
  --mv-line: rgba(26, 22, 18, 0.1);
  --mv-line-strong: rgba(26, 22, 18, 0.22);
  --mv-font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --mv-font-text: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mv-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --mv-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mv-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --mv-dur-fast: 240ms;
  --mv-dur-mid: 480ms;
  --mv-dur-slow: 840ms;
  --mv-container: 1440px;
  --mv-gutter: clamp(20px, 4vw, 64px);
}

html {
  background: var(--mv-paper);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body, .t-body {
  background: var(--mv-paper) !important;
  color: var(--mv-ink) !important;
  font-family: var(--mv-font-text) !important;
}

.t-text, .t-descr, .t-card__descr, .t-feed__post-descr,
.t-store__prod-popup__text, .t-store__card__descr {
  font-family: var(--mv-font-text) !important;
  color: var(--mv-ink) !important;
  letter-spacing: 0;
  line-height: 1.6;
}

.t-title, .t-name, .t-heading,
.t-store__prod-popup__name, .t-store__card__title,
.t-feed__post-popup__title {
  font-family: var(--mv-font-display) !important;
  color: var(--mv-ink) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.05 !important;
  font-weight: 500 !important;
}

.t-title em, .t-name em, .t-heading em {
  font-style: italic;
  font-weight: 400;
  color: var(--mv-wood);
}

.t-uptitle, .t-store__card__sku, .t-store__prod-popup__brand {
  font-family: var(--mv-font-text) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mv-wood) !important;
  opacity: 0.78;
  font-weight: 500 !important;
}

.t-btn, .t-submit {
  font-family: var(--mv-font-text) !important;
  letter-spacing: 0.04em !important;
  font-weight: 500 !important;
  border-radius: 999px !important;
  transition:
    background var(--mv-dur-fast) var(--mv-ease),
    color var(--mv-dur-fast) var(--mv-ease),
    transform var(--mv-dur-fast) var(--mv-ease),
    border-color var(--mv-dur-fast) var(--mv-ease);
}
.t-btn:hover, .t-submit:hover { transform: translateY(-1px); }
.t-btn:active, .t-submit:active { transform: translateY(0); }

.t-input {
  font-family: var(--mv-font-text) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--mv-line) !important;
  border-radius: 0 !important;
  color: var(--mv-ink) !important;
  padding: 14px 0 !important;
  font-size: 16px !important;
  transition: border-color var(--mv-dur-fast) var(--mv-ease);
}
.t-input:focus {
  outline: none;
  border-bottom-color: var(--mv-wood) !important;
}
.t-input::placeholder { color: var(--mv-ink-soft) !important; }

::selection {
  background: var(--mv-caramel);
  color: var(--mv-paper);
}

html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

[data-mv-reveal] {
  opacity: 0;
  transform: translateY(28px);
  will-change: opacity, transform;
}
[data-mv-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

*:focus-visible {
  outline: 2px solid var(--mv-caramel);
  outline-offset: 3px;
}

.mv-display-xl {
  font-family: var(--mv-font-display) !important;
  font-size: clamp(48px, 9vw, 140px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.025em !important;
  font-weight: 500 !important;
}
.mv-display-l {
  font-family: var(--mv-font-display) !important;
  font-size: clamp(36px, 6vw, 88px) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  font-weight: 500 !important;
}
.mv-display-m {
  font-family: var(--mv-font-display) !important;
  font-size: clamp(28px, 4vw, 56px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.015em !important;
  font-weight: 500 !important;
}
.mv-eyebrow {
  font-family: var(--mv-font-text) !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--mv-wood) !important;
}
.mv-body {
  font-family: var(--mv-font-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  color: var(--mv-ink) !important;
}
.mv-mono {
  font-family: var(--mv-font-mono) !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
  color: var(--mv-wood) !important;
}

@media (max-width: 760px) {
  .t-btn:hover, .t-submit:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  [data-mv-reveal] { opacity: 1; transform: none; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}