@font-face {
  font-family:Onest;
  src:url('../assets/fonts/onest-300.ttf') format('truetype');
  font-weight:300;
  font-display:swap
}
@font-face {
  font-family:Onest;
  src:url('../assets/fonts/onest-400.ttf') format('truetype');
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:Onest;
  src:url('../assets/fonts/onest-500.ttf') format('truetype');
  font-weight:500;
  font-display:swap
}
@font-face {
  font-family:Onest;
  src:url('../assets/fonts/onest-600.ttf') format('truetype');
  font-weight:600;
  font-display:swap
}
@font-face {
  font-family:Onest;
  src:url('../assets/fonts/onest-700.ttf') format('truetype');
  font-weight:700;
  font-display:swap
}
@font-face {
  font-family:Onest;
  src:url('../assets/fonts/onest-800.ttf') format('truetype');
  font-weight:800;
  font-display:swap
}
:root {
  --paper:#f3efe8;
  --alternate:#eae4da;
  --ink:#191715;
  --muted:#746e67;
  --red:#a5261a;
  --gutter:clamp(24px,5.5556vw,80px);
  --ease:cubic-bezier(.22,1,.36,1)
}
*,*::before,*::after {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scrollbar-gutter:stable
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Onest,Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
html.modal-is-open,body.modal-is-open {
  overflow:hidden
}
html.modal-is-open {
  overscroll-behavior:none
}
h1,h2,h3,p,dl,dd {
  margin:0
}
h1,h2,h3 {
  font-weight:600
}
button,input,textarea,select {
  font:inherit
}
button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
button:disabled {
  cursor:wait
}
a {
  color:inherit
}
img {
  display:block
}
button {
  color:inherit
}
button,a {
  -webkit-touch-callout:none
}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #cc7263;
  outline-offset:5px
}
input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:3px solid #cc7263;
  outline-offset:2px
}
[hidden] {
  display:none!important
}
.container {
  width:calc(100% - var(--gutter)*2);
  max-width:1440px;
  margin-inline:auto
}
.eyebrow {
  font-size:24px;
  font-weight:600;
  line-height:1.3
}
.eyebrow span,h2>span,h3>span {
  color:var(--red)
}
.button {
  min-height:64px;
  border:0;
  border-radius:12px;
  background:var(--red);
  color:var(--paper);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:600;
  font-size:18px;
  padding:16px 24px;
  transition:background .25s,transform .3s var(--ease),box-shadow .25s
}
.button:hover {
  background:#8b2016;
  transform:translateY(-2px);
  box-shadow:0 8px 24px #a5261a20
}
.button:active {
  transform:translateY(0)
}
.button--outline {
  background:transparent;
  border:4px solid var(--red);
  color:var(--red)
}
.button--outline:hover {
  background:var(--red);
  color:var(--paper)
}
.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:fixed;
  top:12px;
  left:12px;
  padding:12px 18px;
  background:var(--paper);
  z-index:200;
  transform:translateY(-180%)
}
.skip-link:focus {
  transform:none
}
.reveal-ready {
  transition:opacity .7s var(--ease),transform .8s var(--ease);
  opacity:0;
  transform:translateY(22px)
}
.reveal-ready.is-visible {
  opacity:1;
  transform:none
}
@media(min-width:1600px) {
  :root {
    --gutter:max(80px,calc((100vw - 1440px)/2))
  }
}
@media(max-width:767px) {
  :root {
    --gutter:20px
  }
  .container {
    width:calc(100% - 40px)
  }
  .eyebrow {
    font-size:16px
  }
  .button {
    min-height:52px;
    border-radius:10px;
    font-size:16px;
    padding:12px 20px
  }
  .button--outline {
    border-width:2px
  }
  html {
    scrollbar-gutter:auto
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important
  }
  .reveal-ready {
    opacity:1;
    transform:none
  }
}
