/*
  Truly generic resets/utilities shared by every client page.
  Anything brand-specific (colors, fonts, animations, layout) belongs in
  that client's own clients/<slug>/style.css instead of here.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}

body {
  -webkit-tap-highlight-color: transparent;
  margin: 0;
}

.safe-x {
  padding-left: max(1.5rem, env(safe-area-inset-left));
  padding-right: max(1.5rem, env(safe-area-inset-right));
}

.safe-bottom {
  padding-bottom: max(3rem, env(safe-area-inset-bottom));
}

.bg-video-wrap {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.bg-video-wrap video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
  .bg-video-wrap video {
    display: none;
  }
}