/* Shared foundation for the dedicated Jobs pages. The visual theme lives in ice/ice.css. */
:root { --wrap: 1240px; --gutter: clamp(16px, 4vw, 48px); }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; font-family: "Archivo", system-ui, sans-serif; font-size: 1.0625rem;
  line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
h1, h2, h3, p, dl, dd { margin: 0; }
h1, h2, h3 { color: var(--ink); text-wrap: balance; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--volt); outline-offset: 3px; border-radius: 8px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.h2 { font-size: clamp(2.25rem, 5vw, 4.5rem); font-weight: 800; font-stretch: 115%; line-height: .95; letter-spacing: -.035em; }
.grad { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.topbar { position: fixed; inset: 0 0 auto; z-index: 50; transition: transform .35s ease; }
.topbar-in { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 1.125rem; font-weight: 800; white-space: nowrap; }
.topnav { display: flex; align-items: center; gap: 28px; }
.topnav > a { text-decoration: none; font-size: .9375rem; font-weight: 500; white-space: nowrap; }
.jobs-page .topnav .jobs-nav { color: #f0faff; font-weight: 750; }
.jobs-page .jobs { min-height: calc(100vh - 90px); padding-top: clamp(150px, 16vw, 190px); border-top: 0; }
.foot { border-top: 1px solid var(--line); }
.foot-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-block: 32px; }
@media (max-width: 760px) {
  .jobs-page .jobs { padding-top: 125px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}