@font-face{font-family:"Urbanist";src:url("/static/fonts/urbanist-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Urbanist";src:url("/static/fonts/urbanist-latin-800-normal.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Reddit Sans";src:url("/static/fonts/reddit-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Reddit Sans";src:url("/static/fonts/reddit-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Reddit Sans";src:url("/static/fonts/reddit-sans-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --color-rust:#3E1A0B;
  --color-rust-raised:#4E2412;
  --color-apricot:#FFB547;
  --color-apricot-hover:#FFC56E;
  --color-cream:#FFF7EE;
  --color-cream-soft:rgba(255,247,238,.78);
  --color-sand:#FBEFE2;
  --color-clay:#EFD6BA;
  --color-clay-deep:#E4C19D;
  --color-text-soft:#5E4E43;
  --color-ink:#241810;
  --color-orange-ink:#B8480E;
  --color-orange-deep:#9E3D0B;
  --color-muted:#7A6A5E;
  --font-display:"Urbanist",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Reddit Sans",ui-sans-serif,system-ui,sans-serif;
  --radius-card:1.25rem;
  --radius-pill:999px;
  --gutter:clamp(1rem,4vw,2.5rem);
  --container:84rem;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body.site{margin:0;background:var(--color-rust);color:var(--color-ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
:where(.site) img{max-width:100%;height:auto;display:block}
:where(.site) a{color:inherit}
:where(.site) :is(h1,h2,h3){font-family:var(--font-display);font-weight:800;line-height:1.1;margin:0;letter-spacing:-.01em}
:where(.site) p{margin:0}

.screen-reader__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--gutter);top:-4rem;z-index:100;padding:.75rem 1.25rem;border-radius:var(--radius-pill);background:var(--color-apricot);color:var(--color-ink);font-weight:600;text-decoration:none}
.skip-link:focus-visible{top:1rem}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.8rem 1.75rem;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-display);font-weight:700;font-size:1.0625rem;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}
.button:focus-visible{outline:2px solid var(--color-apricot);outline-offset:3px}
.button--primary{background:var(--color-apricot);color:var(--color-ink);box-shadow:0 .5rem 1.5rem -.5rem rgba(255,181,71,.55)}
.button--primary:hover{background:var(--color-apricot-hover);box-shadow:0 .5rem 1.75rem -.4rem rgba(255,181,71,.7)}
.button--ghost{background:transparent;color:var(--color-cream);border-color:rgba(255,247,238,.5)}
.button--ghost:hover{border-color:var(--color-cream);background:rgba(255,247,238,.07)}
.button--light{background:var(--color-cream);color:var(--color-ink)}
.button--light:hover{background:#fff}
.button:active{box-shadow:none}