* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:84px
}
body {
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:var(--body);
  font-size:16px;
  line-height:1.55
}
img {
  display:block;
  max-width:100%;
  height:auto
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit
}
a:focus-visible,button:focus-visible {
  outline:3px solid var(--focus);
  outline-offset:4px
}
::selection {
  background:#d4e8cc;
  color:var(--green)
}
.shell {
  width:min(100% - 40px,1220px);
  margin-inline:auto
}
.skip-link {
  position:absolute;
  top:-100px;
  left:20px;
  z-index:50;
  padding:12px 18px;
  background:#fff;
  color:var(--green)
}
.skip-link:focus {
  top:12px
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 23px;
  color:var(--red);
  font-size:.75rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.16em;
  text-transform:uppercase
}
.eyebrow-light {
  color:#c8d9be
}
.eyebrow-mark {
  display:inline-block;
  width:22px;
  height:2px;
  background:currentColor
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  font-family:var(--heading);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.06
}