/* Reset, document defaults, shared utilities. */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%}
html:focus-within{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

body{
  font-family:var(--font-body);
  font-size:var(--step-0);
  line-height:1.6;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,picture,svg,video{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}
p,li{overflow-wrap:break-word}

h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.12;letter-spacing:-0.01em}
h1{font-size:var(--step-6)}
h2{font-size:var(--step-5)}
h3{font-size:var(--step-2);font-family:var(--font-body);font-weight:700;line-height:1.35}

a{color:inherit}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px}

.container{width:min(100% - var(--gutter)*2,var(--container));margin-inline:auto}
.container--wide{--container:var(--container-wide)}

/* The design puts 36px between the pill and whatever follows it, in every
   section that uses one. Owning that here keeps the six call sites consistent;
   .section-header spaces its children with a flex gap instead. */
.eyebrow{
  display:inline-flex;align-items:center;
  padding:.25rem .7rem;
  border:1px solid currentColor;border-radius:var(--radius-pill);
  font-size:var(--step--2);font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;line-height:1.4;
  margin-block-end:2.25rem;
}
.section-header .eyebrow{margin-block-end:0}

.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.skip-link{
  position:absolute;left:.5rem;top:-4rem;z-index:100;
  padding:.6rem 1rem;background:var(--gold);color:var(--ink);
  font-weight:600;border-radius:var(--radius-input);transition:top .15s;
}
.skip-link:focus{top:.5rem}