/* Reset, typography, shared controls */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font);color:var(--body);background:var(--paper);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{color:var(--ink);font-weight:600;letter-spacing:-.018em;line-height:1.15}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.on-dark :focus-visible,.hdr :focus-visible,.ftr :focus-visible{outline-color:var(--accent-soft)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:var(--on-accent);padding:10px 14px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

/* eyebrow = letter-spaced small caps of the main font */
.eyebrow,.wrap .eyebrow{display:flex;width:fit-content;margin:0;max-width:none;line-height:1.2;align-items:center;gap:14px;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink)}
.eyebrow::before{content:"";width:36px;height:1px;background:currentColor;flex:none}
.on-dark .eyebrow,.on-dark .wrap .eyebrow{color:var(--accent-soft)}

.btn{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--font);letter-spacing:.01em;text-decoration:none;padding:17px 26px;border-radius:2px;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);transition:background .2s,border-color .2s,color .2s}
.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
.btn .arr{transition:transform .2s}
.btn:hover .arr{transform:translateX(3px)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--navy-800);text-decoration:none;border-bottom:1px solid var(--hair);padding-bottom:3px;transition:border-color .2s,color .2s}
.link:hover{color:var(--ink);border-color:var(--accent)}
.link .arr{color:var(--accent-ink);transition:transform .2s}
.link:hover .arr{transform:translateX(3px)}

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