/* PANORAMA - 2026-10-12. Full-bleed header background with centered inner content.
   This file is used as a safe production hotfix. globals.css contains the same rules
   for future Next.js builds. No external fonts or APIs. */
.site-header {
  left: 0;
  right: 0;
  transform: none;
  width: 100%;
  padding-inline: max(36px, calc((100% - 1280px) / 2));
  background: rgba(5,5,5,.94);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
html[data-scroll-direction="down"] .site-header { background: rgba(5,5,5,.88); }
.pmt-header {
  left: 0;
  right: 0;
  transform: none;
  width: 100%;
  padding-inline: max(28px, calc((100% - 1220px) / 2));
  background: rgba(5,5,5,.90);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
@media (max-width: 720px) {
  .site-header { width: 100%; padding-inline: max(14px,env(safe-area-inset-left,0px)) max(14px,env(safe-area-inset-right,0px)); }
}
@media (max-width: 700px) {
  .pmt-header { width: 100%; padding-inline: max(14px,env(safe-area-inset-left,0px)) max(14px,env(safe-area-inset-right,0px)); }
}