/* Loaded via <link> so Tailwind/PostCSS never parses env(safe-area-*), which can break the build. */
.px-safe {
  padding-left: max(1rem, env(safe-area-inset-left));
  padding-right: max(1rem, env(safe-area-inset-right));
}

.pt-hero-safe {
  padding-top: max(
    calc(5rem + 80px),
    calc(env(safe-area-inset-top, 0px) + 4rem + 80px)
  );
}