@charset "utf-8";

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--white);color:var(--ink);
  font-family:var(--font-sans);font-size:var(--fs-base);
  line-height:var(--lh-body);letter-spacing:.005em;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-tap-highlight-color:transparent;overflow-x:hidden;
}

h1,h2,h3,h4,h5{
  margin:0;font-family:var(--font-sans);font-weight:var(--fw-head);
  line-height:var(--lh-heading);letter-spacing:var(--tr-tight);color:var(--ink);
}
h1{line-height:var(--lh-tight)}
p{margin:0 0 var(--space-3)}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0;list-style:none}
img{max-width:100%;height:auto;display:block;border:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
table{width:100%;border-collapse:collapse}
strong,b{font-weight:var(--fw-bold)}
hr{border:0;border-top:1px solid var(--line);margin:var(--space-6) 0}

.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

.eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:var(--space-4);
  font-family:var(--font-mono);font-size:16px;font-weight:600;
  letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--main-text);
}
.eyebrow::before{content:"";width:22px;height:1.5px;background:currentColor;opacity:.5;flex:0 0 auto}
.eyebrow--inv{color:rgba(255,255,255,.8)}
.eyebrow--inv::before{background:currentColor;opacity:.6}

:focus-visible{outline:2px solid var(--main-l);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 var(--gutter)}
.sec{position:relative;padding:var(--space-9) 0}
.sec--soft{background:var(--bg)}
.sec--ink{background:var(--deep);color:#fff}
.sec--ink h2,.sec--ink h3{color:#fff}
.sec--tight{padding:var(--space-8) 0}

.sec-head{max-width:720px;margin:0 auto var(--space-8);text-align:center}
.sec-head h2{font-size:var(--fs-3xl);margin-bottom:var(--space-4);letter-spacing:-.03em}
.sec-head p{color:var(--ink2);font-size:19px;line-height:1.85;max-width:58ch;margin:0 auto}
.sec-head .eyebrow{justify-content:center}

.reveal{opacity:0;transform:translateY(36px)}
.reveal.in{
  opacity:1;transform:none;
  transition:opacity .9s var(--ease),transform .9s var(--ease);
}
.reveal[data-d="1"]{transition-delay:100ms}
.reveal[data-d="2"]{transition-delay:200ms}
.reveal[data-d="3"]{transition-delay:300ms}
.reveal[data-d="4"]{transition-delay:400ms}
.reveal[data-d="5"]{transition-delay:500ms}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important}
}

::selection{background:var(--main);color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
