*,*::before,*::after{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-height) + 24px);
  color-scheme:dark
}
body{
  margin:0;
  background:var(--black);
  color:var(--off-white);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}
body.modal-open{overflow:hidden}
body:has(dialog[open]){
  overflow:hidden
}
a{
  color:inherit;
  text-decoration:none
}
button,input{
  font:inherit
}
button,a,input{
  -webkit-tap-highlight-color:transparent
}
button{
  cursor:pointer
}
button:disabled{
  cursor:not-allowed
}
img{
  display:block;
  max-width:100%;
  height:auto
}
h1,h2,h3,p{
  margin:0
}
h1,h2,h3{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.055em
}
h2{
  font-size:clamp(36px,4.4vw,64px)
}
h3{
  font-size:24px
}
p{
  max-width:65ch
}
ul{
  padding:0;
  list-style:none
}
fieldset{
  margin:0;
  padding:0;
  border:0;
  min-width:0
}
::selection{
  background:var(--red);
  color:white
}
:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:5px
}
a[href]:not(.button):hover{
  color:var(--orange)
}
[hidden]{
  display:none!important
}
.container{
  width:min(100% - var(--gutter)*2,var(--container));
  margin-inline:auto
}
.section{
  padding-block:var(--section-space)
}
.eyebrow,.section-index,.hero-note,.hero-bottom,.preview-label{
  font-size:10px;
  letter-spacing:.12em;
  font-weight:600;
  line-height:1.5
}
.eyebrow{
  font-size:11px
}
.muted{
  color:var(--muted)
}
.red-ink{
  color:var(--red-text)
}
.small{
  font-size:13px
}
.lead{
  font-size:20px
}
.section-index{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:40px;
  color:var(--muted)
}
.section-index>span:last-child{
  font-size:24px;
  font-weight:400
}
.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:32px;
  margin-bottom:48px
}
.section-heading>p{
  font-size:14px;
  color:var(--muted);
  max-width:320px
}
.section-intro{
  margin-top:24px;
  color:var(--muted)
}
.demo-note{
  font-size:11px;
  line-height:1.6;
  color:var(--muted);
  margin-top:24px
}
.visually-hidden{
  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:fixed;
  top:-100px;
  left:20px;
  z-index:100;
  background:var(--off-white);
  color:var(--black);
  padding:12px
}
.skip-link:focus{
  top:12px
}
.js-only{
  display:none!important
}
.js .js-only{
  display:inline-flex!important
}
@media(max-width:767px){
  .section-heading{
    display:block
  }
  .section-heading>p{
    margin-top:24px
  }
  .section-index{
    margin-bottom:28px
  }
  .section-heading{
    margin-bottom:32px
  }
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }
}