/* HALUS — base. Element defaults only. Components live in components.css. */

*,*::before,*::after{box-sizing:border-box;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;}

body{
  background:var(--paper);
  color:var(--ink-900);
  font-family:var(--sans);
  font-size:var(--t-body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,h4{font-weight:700;letter-spacing:-.022em;line-height:1.15;}
h1{font-size:var(--t-h1);letter-spacing:-.026em;}
h2{font-size:var(--t-h2);}
h3{font-size:var(--t-h3);}

a{color:inherit;}
img,picture,video,svg{display:block;max-width:100%;height:auto;}
input,button,textarea,select{font:inherit;color:inherit;}
button{cursor:pointer;}

/* Layout */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);}

/* Utility */
.eyebrow{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-400);}
.muted{color:var(--ink-500);}
.mono{font-family:var(--mono);}

/* Visible only to screen readers — used for hotspot and switcher labels */
.sr-only{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:-9999px;}
.skip-link:focus{left:var(--gutter);top:10px;z-index:100;background:var(--paper);
  padding:10px 16px;border:1px solid var(--line-strong);border-radius:var(--r);}