/**
 * Fallback styles for browsers without Tailwind v4 support (Safari / iOS < 16.4).
 * Activated when <html> has class "legacy-browser".
 */

html.legacy-browser {
  -webkit-text-size-adjust: 100%;
}

html.legacy-browser body {
  margin: 0;
  background: #f7f5f1;
  color: #070a12;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
}

html.legacy-browser img,
html.legacy-browser picture,
html.legacy-browser video {
  max-width: 100%;
  height: auto;
  display: block;
}

html.legacy-browser svg {
  max-width: 1.25rem;
  max-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

html.legacy-browser a {
  color: inherit;
}

html.legacy-browser .marquee-track > div:last-child {
  display: none !important;
}

html.legacy-browser [style*="opacity: 0"],
html.legacy-browser [style*="opacity:0"] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

html.legacy-browser main,
html.legacy-browser section,
html.legacy-browser header,
html.legacy-browser footer,
html.legacy-browser nav,
html.legacy-browser form,
html.legacy-browser p,
html.legacy-browser h1,
html.legacy-browser h2,
html.legacy-browser h3,
html.legacy-browser ul,
html.legacy-browser li {
  opacity: 1 !important;
  transform: none !important;
}

html.legacy-browser .pointer-events-none.fixed.inset-0.z-80 {
  display: none !important;
}

html.legacy-browser section {
  padding: 3rem 1.25rem;
}

html.legacy-browser .shell {
  width: min(1280px, 100% - 2.5rem);
  margin-inline: auto;
}

html.legacy-browser header {
  position: relative !important;
  transform: none !important;
}

html.legacy-browser button,
html.legacy-browser input,
html.legacy-browser textarea {
  font: inherit;
  max-width: 100%;
  box-sizing: border-box;
}

html.legacy-browser input,
html.legacy-browser textarea {
  width: 100%;
}

html.legacy-browser button[type="submit"] {
  background: #e9a83c;
  color: #070a12;
  border: none;
  border-radius: 999px;
  padding: 0.85rem 1.5rem;
  font-weight: 600;
}

html.legacy-browser .grain::after {
  display: none;
}
