/** Shopify CDN: Minification failed

Line 61:0 All "@import" rules must come first

**/
/* ==========================================================================
   Typography System
   Consolidates all font declarations, type scale, and utility classes.
   Loaded after base.css to override theme font_picker defaults.
   ========================================================================== */

/* --------------------------------------------------------------------------
   @font-face Declarations
   -------------------------------------------------------------------------- */

@font-face {
  font-family: "Teodor-Medium";
  src: url("/cdn/shop/files/Teodor-Medium.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

/*
  Bickham — Upload your .woff2 file to Shopify Files (Settings > Files),
  then replace the placeholder URL below with the CDN URL Shopify provides.
*/
@font-face {
  font-family: "Bickham";
  src: url("/cdn/shop/files/Bickham_Script_Pro_Regular.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

/*
  'Sweet Sans Pro' — Upload your .woff and .woff2 files to Shopify Files (Settings > Files),
  then replace the placeholder URLs below with the CDN URLs Shopify provides.
*/

@font-face {
  font-family: "Sweet Sans Pro";
  src:
    url("/cdn/shop/files/SweetSansPro-Bold.woff2") format("woff2"),
    url("/cdn/shop/files/SweetSansPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sweet Sans Pro";
  src:
    url("/cdn/shop/files/SweetSansPro-BoldItalic.woff2") format("woff2"),
    url("/cdn/shop/files/SweetSansPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap");

/* --------------------------------------------------------------------------
   Font Family Custom Properties
   -------------------------------------------------------------------------- */

:root {
  --font-family-heading: "Teodor-Medium", var(--font-heading-family), serif;
  --font-family-emphasis: "Bickham", var(--font-heading-family), cursive;
  --font-family-body: "Roboto Mono", var(--font-body-family), monospace;
  --font-family-sweet-sans-pro: "Sweet Sans Pro", var(--font-body-family), sans-serif;
}

/* --------------------------------------------------------------------------
   Type Scale — Mobile-first (default)
   -------------------------------------------------------------------------- */

:root {
  /* font size */
  --font-size-h0: 4rem;
  --font-size-h1: 4rem;
  --font-size-h2: 3.6rem;
  --font-size-h3: 2.6rem;
  --font-size-h4: 2.6rem;
  --font-size-h5: 1.8rem;
  --font-size-h6: 1.6rem;
  --font-size-body: 1.26rem;
  --font-size-body-large: 1.6rem;
  --font-size-small: 1.2rem;
  --font-size-subhead: 1.6rem;
  --font-size-eyebrow: 1.2rem;
  --font-size-eyebrow-large: 1.8rem;

  /* line height */
  --line-height-heading: 1.2;
  --line-height-body: 1.4;
  --line-height-body-large: 1.4;
  --line-height-subhead: 1.4;
  --line-height-eyebrow: 1.4;
  --line-height-eyebrow-large: 1;

  /* letter spacing */
  --letter-spacing-eyebrow: 0.048rem;
  --letter-spacing-eyebrow-large: 0.25em;
}

/* --------------------------------------------------------------------------
   Type Scale — Desktop
   -------------------------------------------------------------------------- */

@media screen and (min-width: 990px) {
  :root {
    /* font size */
    --font-size-h0: 12.348rem;
    --font-size-h1: 7rem;
    --font-size-h2: 5.2rem;
    --font-size-h3: 2.6rem;
    --font-size-h4: 2.6rem;
    --font-size-h5: 2.2rem;
    --font-size-h6: 1.8rem;
    --font-size-body: 14px;
    --font-size-body-large: 1.6rem;
    --font-size-small: 1.2rem;
    --font-size-subhead: 1.6rem;
    --font-size-eyebrow: 1.2rem;
    --font-size-eyebrow-large: 1.6rem;
  }
}

/* --------------------------------------------------------------------------
   Global Body
   -------------------------------------------------------------------------- */

body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

/* --------------------------------------------------------------------------
   Headings
   -------------------------------------------------------------------------- */

.h0 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h0);
  line-height: var(--line-height-heading);
}

h1,
.h1 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h1);
  line-height: var(--line-height-heading);
}

h2,
.h2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-heading);
}

h3,
.h3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h3);
  line-height: var(--line-height-heading);
}

h4,
.h4 {
  font-family: var(--font-family-sweet-sans-pro) !important;
  font-size: var(--font-size-h4);
  line-height: var(--line-height-heading);
  font-weight: 600;
}

h5,
.h5 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h5);
  line-height: var(--line-height-heading);
}

h6,
.h6 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h6);
  line-height: var(--line-height-heading);
}

/* --------------------------------------------------------------------------
   Body Text
   -------------------------------------------------------------------------- */

p {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.body-large,
.body-large > p {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-large);
  line-height: var(--line-height-body-large);
}

small,
.small,
.small-font,
.small-font > p {
  font-family: var(--font-family-body);
  font-size: var(--font-size-small);
  line-height: var(--line-height-body);
}

.menu-drawer__menu-item {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-large);
  line-height: var(--line-height-body-large);
}

/* --------------------------------------------------------------------------
   Emphasis — Bickham
   -------------------------------------------------------------------------- */

em,
i,
.font-emphasis {
  font-family: var(--font-family-emphasis) !important;
  font-size: 1.5em;
  line-height: 1;
  font-style: normal;
}

/* --------------------------------------------------------------------------
   Utility: Subhead
   -------------------------------------------------------------------------- */

.subhead {
  font-family: var(--font-family-body);
  font-size: var(--font-size-subhead);
  font-weight: 400;
  line-height: var(--line-height-subhead);
  letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   Utility: Eyebrow
   -------------------------------------------------------------------------- */

.eyebrow,
.subtitle {
  font-family: var(--font-family-body);
  font-size: var(--font-size-eyebrow);
  font-weight: 500;
  line-height: var(--line-height-eyebrow);
  letter-spacing: var(--letter-spacing-eyebrow);
  text-transform: uppercase;
}

.eyebrow-large {
  font-size: var(--font-size-eyebrow-large);
  line-height: var(--line-height-eyebrow-large);
  letter-spacing: 0.02em;
  font-weight: 500;
  text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Utility: Sweet Sans Pro
   -------------------------------------------------------------------------- */

.font-sweet-sans-pro {
  font-family: var(--font-family-sweet-sans-pro);
}

.font-sweet-sans-pro--regular {
  font-family: var(--font-family-sweet-sans-pro);
  font-weight: 400;
}

.font-sweet-sans-pro--semibold {
  font-family: var(--font-family-sweet-sans-pro);
  font-weight: 600;
}

.font-sweet-sans-pro--bold {
  font-family: var(--font-family-sweet-sans-pro);
  font-weight: 700;
}