/* Let Safari render its own translucent browser chrome from the page beneath it.
   Keep actual controls inside the safe area when viewport-fit=cover is active. */
:root { --page-padding:max(clamp(22px,5vw,88px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)); }
html { scroll-padding-top:calc(110px + env(safe-area-inset-top,0px)); }
.header { padding-top:calc(28px + env(safe-area-inset-top,0px)); }
.header.scrolled { padding-top:calc(16px + env(safe-area-inset-top,0px)); }
.page-hero,.jobs-first-hero { border-top:env(safe-area-inset-top,0px) solid transparent; }
.menu-dialog { padding-top:calc(30px + env(safe-area-inset-top,0px)); padding-bottom:calc(30px + env(safe-area-inset-bottom,0px)); }
.footer { padding-bottom:calc(25px + env(safe-area-inset-bottom,0px)); }
[data-job-detail] { scroll-margin-top:calc(115px + env(safe-area-inset-top,0px)); }
@media(max-width:1024px) {
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .header.scrolled {
      background:linear-gradient(180deg,rgba(9,39,29,.88),rgba(9,39,29,.78));
      -webkit-backdrop-filter:blur(18px) saturate(140%);
      backdrop-filter:blur(18px) saturate(140%);
      box-shadow:0 8px 24px #09271d0d;
    }
  }
}
@media(max-width:800px) {
  .header { padding-top:calc(22px + env(safe-area-inset-top,0px)); }
  .header.scrolled { padding-top:calc(16px + env(safe-area-inset-top,0px)); }
}
@media(max-width:560px) {
  .menu-dialog { padding-top:calc(22px + env(safe-area-inset-top,0px)); }
}
@media(prefers-reduced-transparency:reduce) {
  .header.scrolled { background:var(--deep); -webkit-backdrop-filter:none; backdrop-filter:none; }
}