*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  min-height:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-height:100vh;
  font-family:"Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--gp-ink);
  background:var(--gp-cream);
  letter-spacing:.2px;
  text-rendering:optimizeLegibility;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  height:auto;
}

input,
select,
textarea,
button{
  font:inherit;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible{
  outline:2px solid rgba(179,138,100,.85);
  outline-offset:2px;
}

.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  border:0 !important;
}