html{
scroll-behavior:smooth
}
body{
background:var(--color-paper);
color:var(--color-text);
font:var(--text-base)/1.6 var(--font-sans)
}
a:focus-visible,button:focus-visible{
outline:3px solid var(--color-teal-dark);
outline-offset:4px
}
.skip-link{
position:fixed;
z-index:100;
top:-5rem;
left:1rem;
background:#fff;
padding:10px 14px
}
.skip-link:focus{
top:1rem
}
.eyebrow{
margin-bottom:22px;
color:#568d8d;
font:500 var(--text-xs)/1.2 var(--font-mono);
letter-spacing:1.25px;
text-transform:uppercase
}
h1,h2,h3{
font-weight:600
}
h1{
font-size:var(--text-display);
line-height:.98;
letter-spacing:-5px
}
h2{
font-size:var(--text-heading);
line-height:1.05;
letter-spacing:-3.4px
}
h3{
font-size:var(--text-lg);
line-height:1.2;
letter-spacing:-1px
}
em{
font-family:var(--font-display);
font-weight:400;
letter-spacing:-.06em
}
.section-pad{
padding:var(--space-7) var(--page-padding)
}