/*
 * Emmaus Book Publishers: site stylesheet
 * 1. Fonts      2. Design tokens & base      3. Components (one class per element, grouped by page section)
 * 4. Shared custom styles (animations' first frames, 3D book, marquee, cursor…)      5. States toggled by JavaScript (states.css)
 */
:root {
  --font-fraunces: "Fraunces", "Fraunces Fallback";
  --font-manrope: "Manrope", "Manrope Fallback";
  --font-poppins: "Poppins", "Poppins Fallback";
  --font-sedgwick: "Sedgwick Ave", "Sedgwick Ave Fallback";
}
@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/6865e74822869db5-s.1t_e7nl3ovll-.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/0494568ab28b6008-s.421v1u00lnp2a.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/66b33cc02d8f8b9d-s.p.3slq8sz4zhb1g.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/a5a3076f5a3c2968-s.09mqwf_zjnrdf.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/23f1a98b08006014-s.0s5mkn35-hrc5.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/54fc36028e2bb174-s.p.20jfceqj9zyw9.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Fraunces Fallback;
  src: local(Times New Roman);
  ascent-override: 84.71%;
  descent-override: 22.09%;
  line-gap-override: 0%;
  size-adjust: 115.45%;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(../fonts/a342834df7752944-s.3hd2l7bm32o7k.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(../fonts/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(../fonts/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2) format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(../fonts/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(../fonts/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(../fonts/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0%;
  size-adjust: 103.19%;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2) format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/0da9c7f357bd9d4d-s.1975l3y3401x_.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/0a7740363b4d4863-s.3ji57o093q1kd.woff2) format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/5f9d24ebef5d5292-s.19xuq3td7fwu_.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/e2334d715941921e-s.p.3o_v2fun1jzxk.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins Fallback;
  src: local(Arial);
  ascent-override: 93.62%;
  descent-override: 31.21%;
  line-gap-override: 8.92%;
  size-adjust: 112.16%;
}
@font-face {
  font-family: Sedgwick Ave;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/cba9bb8bc00dd9c6-s.1c79olg5nl-c0.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Sedgwick Ave;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/38d65001a07296fc-s.17fr--qffyw84.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Sedgwick Ave;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/479b456c89b911d7-s.p.0i0vad1m3oxcv.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Sedgwick Ave Fallback;
  src: local(Arial);
  ascent-override: 98.75%;
  descent-override: 32.88%;
  line-gap-override: 0%;
  size-adjust: 94.89%;
}
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-2xl: 40px;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-navy-950: #0a1830;
    --color-navy-900: #0f2446;
    --color-navy: #183663;
    --color-navy-700: #1f4479;
    --color-slate: #33496b;
    --color-blue: #39699c;
    --color-sky: #caddf3;
    --color-sky-deep: #a9c0d8;
    --color-cream: #f8f5ec;
    --color-sand: #ebe3d0;
    --color-gold: #d4af37;
    --color-gold-soft: #ead9a0;
    --color-gold-deep: #8a6a14;
    --color-ink: #0a1830;
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --font-display: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    --font-hand: var(--font-sedgwick), "Comic Sans MS", cursive;
  }
  @supports (color: lab(0% 0 0)) {
    :root,
    :host {
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
    }
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  html {
    --gutter: clamp(1rem, 5vw, 6rem);
    background: var(--color-cream);
    color: var(--color-ink);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
  }
  @media (min-width: 1024px) {
    html {
      font-size: clamp(14px, 0.833333vw, 24px);
    }
  }
  body {
    background: var(--color-cream);
    font-family: var(--font-sans);
    overflow-x: clip;
  }
  ::selection {
    background: var(--color-gold-soft);
    color: var(--color-navy-950);
  }
  :focus-visible {
    outline: 2px solid var(--color-blue);
    outline-offset: 3px;
    border-radius: 6px;
  }
  h1,
  h2,
  h3 {
    font-family: var(--font-display);
    font-optical-sizing: auto;
    font-variation-settings:
      "SOFT" 0,
      "WONK" 1;
    letter-spacing: -0.04em;
    text-wrap: pretty;
    font-weight: 600;
  }
  p {
    text-wrap: pretty;
  }
}
@layer components;
html.lenis,
html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent] {
  overscroll-behavior: contain;
}
[data-reveal]:not(.is-revealed) {
  opacity: 0;
  transform: translateY(28px);
}
[data-reveal="fade"]:not(.is-revealed) {
  transform: none;
}
@keyframes scrollcue {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(260%);
  }
}
.marquee-track {
  width: max-content;
  animation: marquee var(--marquee-duration, 40s) linear infinite;
  display: flex;
}
.marquee-track[data-direction="reverse"] {
  animation-direction: reverse;
}
.marquee:hover .marquee-track[data-pausable] {
  animation-play-state: paused;
}
@keyframes marquee {
  to {
    transform: translate(-50%);
  }
}
@keyframes bob {
  0%,
  to {
    translate: 0;
  }
  50% {
    translate: 0 -6px;
  }
}
.book3d {
  --bw: var(--w, 10rem);
  --d: calc(var(--bw) * 0.13);
  width: var(--bw);
  aspect-ratio: 1/1.5;
  transform-style: preserve-3d;
  transition: transform 0.9s var(--ease-out-expo);
  position: relative;
  transform: rotateY(-24deg) rotateX(6deg);
}
.group:hover .book3d,
.book3d[data-open="true"] {
  transform: rotateY(-4deg) rotateX(2deg) translateZ(24px);
}
.book3d > .book3d-cover {
  transform: translateZ(calc(var(--d) / 2));
  background: var(--spine, #183663);
  border-radius: 2px 5px 5px 2px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.book3d > .book3d-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.book3d > .book3d-cover:after {
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, #0000006b 0%, #0000001a 4%, #ffffff2e 5.5%, #0000 7%),
    linear-gradient(118deg, #ffffff38 0%, #0000 32% 70%, #00000024 100%);
  position: absolute;
  inset: 0;
}
.book3d > .book3d-pages {
  top: 3px;
  bottom: 3px;
  left: calc(var(--bw) - var(--d) / 2 - 3px);
  width: var(--d);
  background: repeating-linear-gradient(90deg, #fffdf6 0 2px, #e5dcc4 2px 3px);
  position: absolute;
  transform: rotateY(90deg);
}
.book3d > .book3d-back {
  background: var(--spine, #183663);
  transform: translateZ(calc(var(--d) / -2));
  border-radius: 2px 5px 5px 2px;
  position: absolute;
  inset: 0;
  box-shadow: 22px 28px 40px -12px #050c1c8c;
}
.book3d > .book3d-spine {
  top: 0;
  bottom: 0;
  left: calc(var(--d) / -2);
  width: var(--d);
  background: linear-gradient(90deg, #00000059, transparent 40%, #00000040), var(--spine, #183663);
  border-radius: 3px;
  position: absolute;
  transform: rotateY(-90deg);
}
html.has-cursor,
html.has-cursor * {
  cursor: none;
}
html.has-cursor :is(input, textarea, select, [contenteditable]) {
  cursor: text;
}
.hero-portal {
  clip-path: inset(42% 44% round 999px);
}
.hero-zoom {
  transform: scale(1.5);
}
:is(.hero-title-text, .hero-fade) {
  opacity: 0;
}
.ph-panel {
  clip-path: inset(49% 0% round 24px);
}
:is(.ph-title, .ph-fade, .ph-book) {
  opacity: 0;
}
.ph-mark-bg {
  transform: scaleX(0);
}
.split-line-mask {
  margin-bottom: -0.16em;
  padding-bottom: 0.16em;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@layer components {
  .hero {
    position: relative;
    height: 100svh;
    min-height: 38rem;
    overflow: clip;
  }
  .hero__box {
    position: absolute;
    inset: 0;
    padding: clamp(0.6rem, 1.5625vw, 1.875rem);
    perspective: 1800px;
  }
  .hero-book {
    position: relative;
    height: 100%;
    transform-style: preserve-3d;
  }
  .hero-shadow {
    position: absolute;
    top: 86%;
    left: 50%;
    height: calc(var(--spacing) * 10);
    width: 30%;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 50%;
    background-color: #0a183073;
    opacity: 0;
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hero-shadow {
      background-color: color-mix(in oklab, var(--color-navy-950) 45%, transparent);
    }
  }
  .hero-portal {
    height: 100%;
  }
  .hero-frame {
    position: relative;
    height: 100%;
    overflow: clip;
    border-radius: clamp(1rem, 1.25vw, 1.5rem);
    background-color: var(--color-navy-900);
  }
  .hero-drift {
    position: absolute;
    inset: calc(var(--spacing) * -8);
  }
  .hero-zoom {
    position: absolute;
    inset: 0;
  }
  .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
  }
  .hero-wash {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(20deg, #0a1830d9 0%, #0a183073 38%, #0000 70%);
  }
  .hero-frame__box {
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: calc(var(--spacing) * 48);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #0a183073;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hero-frame__box {
      --tw-gradient-from: color-mix(in oklab, var(--color-navy-950) 45%, transparent);
    }
  }
  .hero-spine {
    position: absolute;
    inset-block: 0;
    left: 35.5%;
    width: 3.5%;
    background-image: linear-gradient(90deg, #0000008c, #ffffff1f 45%, #0000);
    opacity: 0;
  }
  @media not all and (min-width: 48rem) {
    .hero-spine {
      left: 21%;
    }
  }
  .hero-copy {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding-inline: clamp(1.25rem, 3.4375vw, 4.125rem);
    padding-bottom: clamp(2rem, 6vh, 4.0625rem);
  }
  .hero-title {
    max-width: 47.5rem;
    font-size: clamp(2.6rem, 4.6vw, 4.5rem);
    line-height: 1;
    color: var(--color-cream);
  }
  .hero-title-text {
    display: block;
    perspective: 600px;
  }
  .hero-fade--text {
    margin-top: calc(var(--spacing) * 5);
    max-width: 35.75rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #f8f5ecf2;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hero-fade--text {
      color: color-mix(in oklab, var(--color-cream) 95%, transparent);
    }
  }
  .hero-fade--box {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  .btn--gold {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-gold);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .btn--gold:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--gold:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--gold:disabled {
    opacity: 0.6;
  }
  .btn__label {
    position: relative;
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    place-items: center;
    overflow: clip;
    border-radius: var(--radius-md);
    background-color: var(--color-navy-950);
  }
  .btn__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--color-cream);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .btn__icon:is(:where(.group-btn):hover *) {
      --tw-translate-x: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .btn__icon-2 {
    position: absolute;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-x: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-cream);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .btn__icon-2:is(:where(.group-btn):hover *) {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .btn--sky {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-sky);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .btn--sky:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--sky:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--sky:disabled {
    opacity: 0.6;
  }
  .hero-out--box {
    position: absolute;
    right: clamp(1rem, 4.5vw, 5.375rem);
    bottom: clamp(2rem, 6vh, 4.0625rem);
    display: none;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  @media (min-width: 48rem) {
    .hero-out--box {
      display: flex;
    }
  }
  .hero-out__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--color-cream);
    writing-mode: vertical-rl;
  }
  .hero-out__label--cream {
    position: relative;
    display: block;
    height: calc(var(--spacing) * 20);
    width: 1px;
    overflow: clip;
    background-color: #f8f5ec4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hero-out__label--cream {
      background-color: color-mix(in oklab, var(--color-cream) 30%, transparent);
    }
  }
  .hero-out__label--gold {
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 33.3333%;
    animation: 2.2s ease-in-out infinite scrollcue;
    background-color: var(--color-gold);
  }
  .hero-pages {
    position: absolute;
    top: 12%;
    bottom: 12%;
    left: 64.5%;
    width: clamp(18px, 2.2vw, 34px);
    transform-origin: 0;
    transform: rotateY(90deg);
    background-image: repeating-linear-gradient(90deg, #fffdf6 0 2px, #e2d7bd 2px 3px);
    opacity: 0;
  }
  @media not all and (min-width: 48rem) {
    .hero-pages {
      top: 17%;
      bottom: 17%;
      left: 79%;
    }
  }
  .hero-caption {
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    inset-block: 0;
    left: clamp(1.5rem, 6vw, 7rem);
    display: flex;
    max-width: 24%;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
  }
  @media not all and (min-width: 48rem) {
    .hero-caption {
      inset-inline: calc(var(--spacing) * 6);
      top: auto;
      bottom: 5%;
      max-width: none;
    }
  }
  .hero-caption-title {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.8rem, 3.3vw, 3.4rem);
    --tw-leading: 1.02;
    line-height: 1.02;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  @media not all and (min-width: 48rem) {
    .hero-caption-title {
      text-align: center;
    }
  }
  .hero-caption-line {
    margin-top: calc(var(--spacing) * 4);
    display: block;
    height: var(--spacing);
    width: calc(var(--spacing) * 24);
    transform-origin: 0;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
  }
  @media not all and (min-width: 48rem) {
    .hero-caption-line {
      margin-inline: auto;
    }
  }
  .hero-caption-sub {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-slate);
    text-transform: uppercase;
    opacity: 0;
  }
  @media not all and (min-width: 48rem) {
    .hero-caption-sub {
      text-align: center;
    }
  }
  .problem {
    padding-block: clamp(3rem, 5.5vw, 6.5rem);
  }
  .problem__box {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
  }
  .problem-panel {
    position: relative;
    isolation: isolate;
    overflow: clip;
    border-radius: 1.25rem;
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 10);
  }
  @media (min-width: 48rem) {
    .problem-panel {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  @media (min-width: 64rem) {
    .problem-panel {
      height: 30rem;
      padding-block: 0;
      padding-right: 0;
      padding-left: 5rem;
    }
  }
  .problem-panel__box {
    position: absolute;
    top: -33.3333%;
    left: 25%;
    z-index: calc(10 * -1);
    width: 36rem;
    height: 36rem;
    border-radius: 2147483647px;
    background-image: radial-gradient(circle, #39699c59, #0000 65%);
  }
  .problem-panel__box-2 {
    display: grid;
    height: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 12);
  }
  @media (min-width: 64rem) {
    .problem-panel__box-2 {
      grid-template-columns: 28.875rem 1fr;
      column-gap: 10.875rem;
    }
  }
  .task-list {
    margin-inline: auto;
    width: 100%;
    max-width: 28.875rem;
  }
  :where(.task-list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(0.4375rem * var(--tw-space-y-reverse));
    margin-block-end: calc(0.4375rem * calc(1 - var(--tw-space-y-reverse)));
  }
  .task {
    position: relative;
    display: flex;
    height: 2.8125rem;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: 5px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #caddf359;
    background-color: var(--color-navy);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-sky);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .task {
      border-color: color-mix(in oklab, var(--color-sky) 35%, transparent);
    }
  }
  .task-box {
    display: grid;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    place-items: center;
    border-radius: 3px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: #caddf3cc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .task-box {
      border-color: color-mix(in oklab, var(--color-sky) 80%, transparent);
    }
  }
  .task-check {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    color: var(--color-navy-950);
  }
  .task-label {
    position: relative;
  }
  .task-strike {
    position: absolute;
    top: 50%;
    left: 0;
    height: 1.5px;
    width: 100%;
    transform-origin: 0;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--color-gold);
  }
  .task-dots {
    margin-left: auto;
    height: var(--spacing);
    width: calc(var(--spacing) * 4);
    color: #caddf3b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .task-dots {
      color: color-mix(in oklab, var(--color-sky) 70%, transparent);
    }
  }
  .task-stamp {
    position: absolute;
    right: calc(var(--spacing) * 3);
    border-radius: 3px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gold);
    background-color: var(--color-navy);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: 1px;
    font-family: var(--font-poppins), var(--font-manrope), sans-serif;
    font-size: 0.62rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-gold);
    text-transform: uppercase;
    opacity: 0;
  }
  .problem-panel__box-3 {
    position: relative;
    z-index: 10;
    max-width: 32.5625rem;
  }
  .problem-panel__text {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-cream);
  }
  .problem-panel__heading {
    margin-top: calc(var(--spacing) * 3);
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .problem-panel__label {
    white-space: nowrap;
  }
  .problem-panel__box-4 {
    margin-top: calc(var(--spacing) * 8);
  }
  .problem-panel__list {
    pointer-events: none;
  }
  .worry-drift {
    position: absolute;
    z-index: 20;
    display: none;
  }
  @media (min-width: 64rem) {
    .worry-drift {
      display: block;
    }
  }
  .worry {
    position: relative;
    display: block;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-navy-950);
    --tw-shadow: 3px 3px 0 var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .worry:after {
    position: absolute;
    bottom: calc(var(--spacing) * -1.5);
    left: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    rotate: 45deg;
    content: var(--tw-content);
    background-color: var(--color-gold);
  }
  .solution {
    scroll-margin-top: calc(var(--spacing) * 24);
    padding-block: clamp(3rem, 5vw, 6rem);
  }
  .solution__box {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 14);
    --wrap: 80rem;
  }
  @media (min-width: 64rem) {
    .solution__box {
      grid-template-columns: 1fr 39.0625rem;
      gap: calc(var(--spacing) * 8);
    }
  }
  .solution__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-navy-950);
  }
  .solution__heading {
    margin-top: calc(var(--spacing) * 4);
    max-width: 37.625rem;
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .solution__box-2 {
    margin-top: calc(var(--spacing) * 9);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  .solution__box-3 {
    position: relative;
    margin-inline: auto;
  }
  @media (min-width: 64rem) {
    .solution__box-3 {
      margin-inline: 0;
    }
  }
  .promise-halo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: calc(10 * -1);
    aspect-ratio: 1;
    width: 66%;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 2147483647px;
    background-color: #ebe3d0b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .promise-halo {
      background-color: color-mix(in oklab, var(--color-sand) 70%, transparent);
    }
  }
  .promise-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3.5);
    perspective: 1200px;
  }
  @media (min-width: 40rem) {
    .promise-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 64rem) {
    .promise-grid {
      column-gap: 1.71875rem;
      row-gap: 1.25rem;
    }
  }
  .promise-card--gold {
    display: flex;
    aspect-ratio: 190/173;
    width: clamp(9rem, 12vw, 11.875rem);
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    background-color: var(--color-gold);
    padding: calc(var(--spacing) * 4);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .promise-card__label {
    display: grid;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
  }
  .promise-card__icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    color: var(--color-cream);
  }
  .promise-card__label-2 {
    font-size: clamp(0.95rem, 1vw, 1.125rem);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .promise-card--cream {
    display: flex;
    aspect-ratio: 190/173;
    width: clamp(9rem, 12vw, 11.875rem);
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    background-color: var(--color-cream);
    padding: calc(var(--spacing) * 4);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .promise-card--navy {
    display: grid;
    aspect-ratio: 190/173;
    width: clamp(9rem, 12vw, 11.875rem);
    place-items: center;
    border-radius: 10px;
    background-color: var(--color-navy-900);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    --ink: var(--color-navy-950);
  }
  .logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: 9px;
    --tw-leading: 1;
    line-height: 1;
  }
  @media (min-width: 40rem) {
    .logo {
      font-size: 10px;
    }
  }
  .logo__icon {
    height: 2.55em;
    width: auto;
    flex-shrink: 0;
  }
  .logo__label {
    display: flex;
    flex-direction: column;
    font-family: var(--font-poppins), var(--font-manrope), sans-serif;
  }
  .logo__label-2 {
    font-size: 1.85em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .logo__label-3 {
    margin-top: 0.18em;
    font-size: 0.62em;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.24em;
    letter-spacing: 0.24em;
  }
  .books-we-have-published {
    position: relative;
    z-index: 10;
    margin-bottom: calc(-1 * clamp(4rem, 6.5vw, 7.75rem));
    height: clamp(20rem, 30vw, 36.0625rem);
  }
  .arch-stage {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 1s;
    transition-duration: 1s;
  }
  .books-we-have-published__text {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .process {
    position: relative;
    isolation: isolate;
    scroll-margin-top: calc(var(--spacing) * 20);
    overflow: clip;
    padding-top: clamp(6rem, 8vw, 7.75rem);
  }
  .process__box {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: calc(10 * -1);
    aspect-ratio: 1;
    width: max(118vw, 60rem);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 2147483647px;
    background-color: #f1ecdf;
  }
  .process__box-2 {
    position: relative;
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    text-align: center;
  }
  .process__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-navy-950);
  }
  .process__heading {
    margin-top: calc(var(--spacing) * 5);
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-black);
  }
  .process__label {
    display: inline-block;
  }
  .print-mark {
    display: inline-block;
    border-radius: var(--radius-md);
    background-color: var(--color-gold);
    padding-inline: 0.18em;
    padding-bottom: 0.05em;
  }
  .process__text-2 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 5);
    max-width: 38.75rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.33;
    line-height: 1.33;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .process__list {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 9);
    display: grid;
    max-width: 31.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2.5);
  }
  @media (min-width: 40rem) {
    .process__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .process__item {
    display: flex;
    height: 1.875rem;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: 3px;
    background-color: var(--color-slate);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-cream);
  }
  .process__label--gold {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
  }
  .sketch {
    pointer-events: none;
    position: absolute;
    top: 7.8rem;
    right: 0;
    display: none;
    width: 14rem;
  }
  @media (min-width: 64rem) {
    .sketch {
      display: block;
    }
  }
  .sketch-note {
    margin-left: 1.5rem;
    rotate: 14deg;
    font-family: var(--font-hand);
    letter-spacing: 0;
    font-weight: 400;
    font-size: 2.1rem;
    --tw-leading: 1.05;
    line-height: 1.05;
    white-space: nowrap;
    color: var(--color-navy-950);
  }
  .sketch__icon {
    margin-top: var(--spacing);
    margin-left: calc(var(--spacing) * 4);
    height: 10rem;
    width: 9rem;
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
    color: var(--color-navy-950);
  }
  .process__box-3 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-top: clamp(3rem, 6vw, 6.75rem);
    padding-bottom: clamp(3rem, 5vw, 5rem);
    --wrap: 84rem;
  }
  @media (min-width: 80rem) {
    .process__box-3 {
      padding-bottom: 0;
    }
  }
  .gantt {
    position: relative;
    display: none;
    height: 37.5rem;
  }
  @media (min-width: 80rem) {
    .gantt {
      display: block;
    }
  }
  .gantt__box {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 0.75rem;
  }
  .gantt__text {
    display: flex;
    height: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: var(--color-sand);
    padding-inline: calc(var(--spacing) * 2);
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
    color: var(--color-navy-950);
    text-transform: uppercase;
  }
  .gantt-rule {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(var(--spacing) * 0.5);
    background-color: #0a183012;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .gantt-rule {
      background-color: color-mix(in oklab, var(--color-navy-950) 7%, transparent);
    }
  }
  .gantt-playhead {
    pointer-events: none;
    position: absolute;
    top: 2.5rem;
    bottom: 2rem;
    z-index: 20;
    width: calc(var(--spacing) * 0.5);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-navy-950);
    opacity: 0;
  }
  .gantt-playhead__label {
    position: absolute;
    top: calc(var(--spacing) * -1.5);
    left: 50%;
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    border-radius: 2px;
    background-color: var(--color-gold);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-navy-950);
  }
  .gantt-playhead__label--navy {
    position: absolute;
    bottom: calc(var(--spacing) * -1);
    left: 50%;
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
  }
  .gantt__box-2 {
    position: relative;
    margin-top: 3rem;
    height: 27.75rem;
  }
  .gantt-step {
    position: absolute;
    z-index: 10;
    border-radius: 0.375rem;
    background-color: var(--color-gold);
    padding: calc(var(--spacing) * 4);
    text-align: left;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .gantt-step__box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .gantt-step__subheading {
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: var(--text-base);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-navy-950);
  }
  .gantt-step__label {
    display: grid;
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    font-size: 0.6rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gold);
  }
  .gantt-step__text {
    margin-top: calc(var(--spacing) * 3.5);
    max-width: 13rem;
    font-size: var(--text-sm);
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0a1830e6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .gantt-step__text {
      color: color-mix(in oklab, var(--color-navy-950) 90%, transparent);
    }
  }
  .gantt-step__text-2 {
    margin-top: calc(var(--spacing) * 3.5);
    max-width: 15rem;
    font-size: var(--text-sm);
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0a1830e6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .gantt-step__text-2 {
      color: color-mix(in oklab, var(--color-navy-950) 90%, transparent);
    }
  }
  .process__list-2 {
    margin-inline: auto;
    max-width: var(--container-xl);
  }
  :where(.process__list-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (min-width: 80rem) {
    .process__list-2 {
      display: none;
    }
  }
  .process__item--gold {
    border-radius: 8px;
    background-color: var(--color-gold);
    padding: calc(var(--spacing) * 5);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .process__text-3 {
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: #0a1830b3;
    text-transform: uppercase;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .process__text-3 {
      color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .process__box-4 {
    margin-top: var(--spacing);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .process__subheading {
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-navy-950);
  }
  .process__label--navy {
    display: grid;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gold);
  }
  .process__text-4 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0a1830e6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .process__text-4 {
      color: color-mix(in oklab, var(--color-navy-950) 90%, transparent);
    }
  }
  .process-marquee {
    display: flex;
    height: clamp(3.5rem, 3.44vw, 4.125rem);
    align-items: center;
    overflow: clip;
    background-color: var(--color-gold);
  }
  .marquee-track__box {
    display: flex;
    align-items: center;
  }
  .marquee-track__label {
    display: flex;
    align-items: center;
    font-size: clamp(1rem, 1.05vw, 1.25rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-navy-900);
    text-transform: uppercase;
  }
  .marquee-track__label-2 {
    padding-inline: clamp(1.5rem, 3vw, 3.5rem);
  }
  .purpose {
    position: relative;
    isolation: isolate;
    overflow: clip;
    background-color: var(--color-navy-900);
    padding-top: clamp(4rem, 8.3vw, 10rem);
    padding-bottom: calc(clamp(4rem, 6.8vw, 8.125rem) + 15vw);
  }
  .purpose__box {
    position: relative;
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    text-align: center;
  }
  .purpose__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-cream);
  }
  .purpose__heading {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 6);
    max-width: 50.5625rem;
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .purpose__text-2 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 6);
    max-width: 36.5rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.22;
    line-height: 1.22;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #f8f5ece6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .purpose__text-2 {
      color: color-mix(in oklab, var(--color-cream) 90%, transparent);
    }
  }
  .polaroid--box {
    position: absolute;
    top: 15.125rem;
    left: 4.6rem;
    display: none;
    rotate: -14deg;
    perspective: 900px;
  }
  @media (min-width: 64rem) {
    .polaroid--box {
      display: block;
    }
  }
  .polaroid-inner--navy-700 {
    display: grid;
    aspect-ratio: 1;
    width: clamp(13rem, 21vw, 25.25rem);
    place-items: center;
    border-radius: var(--radius-2xl);
    background-color: var(--color-navy-700);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 30px 60px -20px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .polaroid-inner__box {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    border-radius: var(--radius-xl);
    background-image: radial-gradient(circle at 50% 40%, #2b5694, #0f2446);
    --w: clamp(6rem, 9.5vw, 11.5rem);
  }
  .book {
    perspective: 1200px;
  }
  .book3d-cover__image {
    object-fit: cover;
  }
  .polaroid--box-2 {
    position: absolute;
    top: 10.125rem;
    right: 0.4rem;
    display: none;
    rotate: 8deg;
    perspective: 900px;
  }
  @media (min-width: 64rem) {
    .polaroid--box-2 {
      display: block;
    }
  }
  .polaroid-inner--navy-700--navy-700 {
    display: grid;
    aspect-ratio: 1;
    width: clamp(14rem, 22.6vw, 27.2rem);
    place-items: center;
    border-radius: var(--radius-2xl);
    background-color: var(--color-navy-700);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 30px 60px -20px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .polaroid-inner__box-2 {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    border-radius: var(--radius-xl);
    background-image: radial-gradient(circle at 50% 40%, #fbf6ea, #e4d8bd);
    --w: clamp(6rem, 9.5vw, 11.5rem);
  }
  .plan {
    position: relative;
    isolation: isolate;
    z-index: 10;
    margin-top: -15vw;
    overflow: clip;
    padding-top: clamp(5rem, 6.3vw, 7.5625rem);
    padding-bottom: clamp(3rem, 6vw, 5.6875rem);
  }
  .plan__box {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: calc(10 * -1);
    aspect-ratio: 1;
    width: 187.5vw;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 2147483647px;
    background-color: #f1ecdf;
  }
  .plan__box-2 {
    position: absolute;
    inset-inline: 0;
    top: 93.75vw;
    bottom: 0;
    z-index: calc(10 * -1);
    background-color: #f1ecdf;
  }
  .plan__box-3 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    text-align: center;
  }
  .plan__text {
    margin-inline: auto;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-cream);
  }
  .plan__icon {
    height: calc(var(--spacing) * 4);
    width: auto;
  }
  .plan__heading {
    margin-top: 1.875rem;
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .plan__text-2 {
    margin-top: calc(var(--spacing) * 5);
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .plan__text--white {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 10);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 2147483647px;
    background-color: #ffffffb3;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #33496b40;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .plan__text--white {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
      --tw-ring-color: color-mix(in oklab, var(--color-slate) 25%, transparent);
    }
  }
  .plan__label {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
  }
  .plan-grid {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-top: 3.75rem;
    display: grid;
    align-items: stretch;
    gap: calc(var(--spacing) * 6);
    --wrap: 75rem;
  }
  @media (min-width: 64rem) {
    .plan-grid {
      grid-template-columns: 23fr 23fr 26fr;
    }
  }
  .plan-card--navy {
    border-radius: 10px;
    background-color: var(--color-navy-950);
    padding: calc(var(--spacing) * 6);
    text-align: left;
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    --ink: var(--color-navy-950);
  }
  .plan-card__label {
    display: inline-block;
    border-radius: 3px;
    background-color: var(--color-gold);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
  }
  .plan-card__box {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .plan-card__text {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .plan-card__text-2 {
    margin-top: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #f8f5ece6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .plan-card__text-2 {
      color: color-mix(in oklab, var(--color-cream) 90%, transparent);
    }
  }
  .plan-card__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 1.5);
  }
  .plan-card__item {
    border-radius: 2147483647px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    text-align: center;
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #f8f5ec99;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .plan-card__item {
      --tw-ring-color: color-mix(in oklab, var(--color-cream) 60%, transparent);
    }
  }
  .btn--gold--gold {
    margin-top: calc(var(--spacing) * 6);
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-gold);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .btn--gold--gold:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--gold--gold:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--gold--gold:disabled {
    opacity: 0.6;
  }
  .plan-card__text-3 {
    margin-top: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-sky);
  }
  .plan-card__link {
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }
  @media (hover: hover) {
    .plan-card__link:hover {
      color: var(--color-cream);
    }
  }
  .plan-card__rule {
    margin-block: calc(var(--spacing) * 5);
    border-color: #f8f5ec26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .plan-card__rule {
      border-color: color-mix(in oklab, var(--color-cream) 15%, transparent);
    }
  }
  .plan-card__text-4 {
    font-size: 0.72rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .plan-card__list-2 {
    margin-top: calc(var(--spacing) * 3);
    font-size: 0.95rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :where(.plan-card__list-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .plan-card__item-2 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .plan-card__label-2 {
    display: grid;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #f8f5ecb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .plan-card__label-2 {
      --tw-ring-color: color-mix(in oklab, var(--color-cream) 70%, transparent);
    }
  }
  .plan-card__icon {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .plan-card__item-3 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    color: var(--color-gold);
  }
  .plan-card__label-3 {
    display: grid;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-gold);
  }
  .plan-grid__box {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  .plan-card--gold {
    position: relative;
    border-radius: 10px;
    background-color: var(--color-gold);
    padding: calc(var(--spacing) * 6);
    text-align: left;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .plan-card__label--navy {
    position: absolute;
    top: calc(var(--spacing) * -3.5);
    right: calc(var(--spacing) * 4);
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-cream);
  }
  .plan-card__label-4 {
    display: inline-block;
    border-radius: 3px;
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-gold);
    text-transform: uppercase;
  }
  .plan-card__text-5 {
    margin-top: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .plan-card__list-3 {
    margin-top: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-navy-950);
  }
  :where(.plan-card__list-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .plan-card__label-5 {
    display: grid;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
  }
  .plan-card--cream {
    flex: 1;
    border-radius: 10px;
    background-color: var(--color-cream);
    padding: calc(var(--spacing) * 6);
    text-align: left;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .plan-card__label--gold {
    display: grid;
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .plan-card__text-6 {
    margin-top: calc(var(--spacing) * 6);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .plan-card--navy-700 {
    scroll-margin-top: calc(var(--spacing) * 28);
    border-radius: 10px;
    background-color: var(--color-navy-700);
    padding: calc(var(--spacing) * 6);
    text-align: left;
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    --ink: var(--color-navy-950);
  }
  @media (min-width: 64rem) {
    .plan-card--navy-700 {
      align-self: stretch;
    }
  }
  .plan-card__subheading {
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .plan-card__text-7 {
    margin-top: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .lib-chips {
    margin-top: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .lib-chip__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
    color: var(--color-sky);
    text-transform: uppercase;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #caddf399;
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .lib-chip__link {
      --tw-ring-color: color-mix(in oklab, var(--color-sky) 60%, transparent);
    }
  }
  @media (hover: hover) {
    .lib-chip__link:hover {
      background-color: var(--color-sky);
      color: var(--color-navy-950);
    }
  }
  .lib-chip__icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .lib-chip__icon:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .plan__box-4 {
    margin-top: calc(var(--spacing) * 20);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .compare {
    background-color: #f1ecdf;
    padding-bottom: clamp(4rem, 6vw, 5.75rem);
  }
  .compare__box {
    position: relative;
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a18301a;
    padding-top: clamp(3rem, 5vw, 5.6875rem);
    text-align: center;
    --wrap: 85.75rem;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .compare__box {
      border-color: color-mix(in oklab, var(--color-navy-950) 10%, transparent);
    }
  }
  .compare__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-navy-950);
  }
  .compare__heading {
    margin-top: calc(var(--spacing) * 5);
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .compare__text-2 {
    margin-inline: auto;
    margin-top: 1.8rem;
    max-width: 49.8rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.33;
    line-height: 1.33;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .cmp-sketch {
    pointer-events: none;
    position: absolute;
    top: 6.625rem;
    right: -1rem;
    display: none;
    width: 17rem;
  }
  @media (min-width: 80rem) {
    .cmp-sketch {
      display: block;
    }
  }
  .cmp-sketch__text {
    margin-left: 2rem;
    rotate: 22deg;
    font-family: var(--font-hand);
    letter-spacing: 0;
    font-weight: 400;
    font-size: 2rem;
    --tw-leading: 1.05;
    line-height: 1.05;
    white-space: nowrap;
    color: var(--color-navy-950);
  }
  .cmp-sketch__icon {
    margin-top: var(--spacing);
    margin-left: 2.8rem;
    height: 7.9rem;
    width: 6.9rem;
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
    color: var(--color-navy-950);
  }
  .compare__box-2 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-top: clamp(2rem, 4.5vw, 5.625rem);
    overflow-x: auto;
    padding-top: calc(var(--spacing) * 7);
    padding-bottom: calc(var(--spacing) * 8);
    --wrap: 85.75rem;
  }
  .cmp-table {
    position: relative;
    display: grid;
    min-width: 52rem;
    grid-template-columns: 209fr 276fr 291fr 315fr 281fr;
    text-align: left;
  }
  .cmp-glow {
    position: absolute;
    top: -1.625rem;
    bottom: -1.75rem;
    left: 15.233%;
    width: 20.117%;
    border-radius: 4px;
    background-color: #ebdfb4;
  }
  .cmp-table__box {
    position: relative;
    display: flex;
    height: 2.9375rem;
    align-items: flex-start;
    padding-left: 1.625rem;
  }
  .logo-2 {
    margin-top: calc(var(--spacing) * -1);
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: 0.6rem;
    --tw-leading: 1;
    line-height: 1;
  }
  .cmp-table__box-2 {
    position: relative;
    display: flex;
    height: 2.9375rem;
    align-items: flex-start;
    padding-left: calc(var(--spacing) * 8);
  }
  .cmp-table__label {
    margin-top: calc(var(--spacing) * -1.5);
    display: flex;
    height: 2.1875rem;
    align-items: center;
    border-radius: 3px;
    background-color: var(--color-navy-900);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
    color: var(--color-cream);
    text-transform: uppercase;
  }
  .cmp-row {
    position: relative;
    grid-column: span 5 / span 5;
    display: grid;
    height: 4.125rem;
    grid-template-columns: subgrid;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a18301a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .cmp-row {
      border-color: color-mix(in oklab, var(--color-navy-950) 10%, transparent);
    }
  }
  .cmp-row__text {
    display: flex;
    align-items: center;
    padding-inline: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-blue);
    text-transform: uppercase;
  }
  .cmp-row__text-2 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-left: 1.625rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .cmp-yes {
    display: grid;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
  }
  .cmp-yes__icon {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    color: var(--color-navy-950);
  }
  .cmp-row__text-3 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .cmp-row__label {
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    border-radius: 2147483647px;
    background-color: #caddf3cc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .cmp-row__label {
      background-color: color-mix(in oklab, var(--color-sky) 80%, transparent);
    }
  }
  .compare__box-3 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-top: clamp(1.5rem, 2.5vw, 2.75rem);
    text-align: center;
  }
  .compare__text-3 {
    margin-inline: auto;
    max-width: 20.7rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.33;
    line-height: 1.33;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .compare__box-4 {
    margin-top: 2.125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 5);
  }
  .compare__figure {
    margin-inline: auto !important;
    margin-top: clamp(3.5rem, 5vw, 6rem) !important;
    max-width: 46rem;
    padding-inline: var(--gutter);
    text-align: center;
  }
  .compare__label {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 5);
    display: block;
    height: 1px;
    width: calc(var(--spacing) * 16);
    background-color: var(--color-gold);
  }
  .compare__quote {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.15rem, 1.35vw, 1.625rem);
    --tw-leading: 1.35;
    line-height: 1.35;
    color: var(--color-navy-950);
    font-style: italic;
  }
  .compare__caption {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-gold-deep);
    text-transform: uppercase;
  }
  .trust {
    position: relative;
    scroll-margin-top: calc(var(--spacing) * 20);
    background-color: var(--color-navy-900);
    padding-top: clamp(4rem, 5vw, 5.75rem);
    color: var(--color-cream);
  }
  .trust__box {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    --wrap: 108rem;
  }
  @media (min-width: 64rem) {
    .trust__box {
      flex-direction: row;
      align-items: flex-start;
    }
  }
  .trust__text {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .trust__heading {
    margin-top: calc(var(--spacing) * 4);
    max-width: 30.25rem;
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .trust__text-2 {
    max-width: 32.2rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (min-width: 64rem) {
    .trust__text-2 {
      margin-top: 2.375rem;
    }
  }
  .trust-grid {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-top: clamp(3rem, 5.7vw, 6.8rem);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.75rem, 1.67vw, 2rem);
    --wrap: 108rem;
    perspective: 1400px;
  }
  @media (min-width: 48rem) {
    .trust-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .trust-tile--item {
    position: relative;
    display: grid;
    aspect-ratio: 408/411;
    place-items: center;
    overflow: clip;
    border-radius: 0.625rem;
    background-image: radial-gradient(circle at 50% 35%, #d4af3733, #0000 60%), linear-gradient(170deg, #1f4479, #0a1830);
  }
  .trust-tile__box {
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
    --w: clamp(5.5rem, 10.6vw, 12.75rem);
  }
  @media (hover: hover) {
    .trust-tile__box:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .trust-tile__label {
    pointer-events: none;
    position: absolute;
    bottom: calc(var(--spacing) * 3);
    left: calc(var(--spacing) * 3);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 0.25rem;
    background-color: #0a1830cc;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    opacity: 0;
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .trust-tile__label {
      background-color: color-mix(in oklab, var(--color-navy-950) 80%, transparent);
    }
  }
  @media (hover: hover) {
    .trust-tile__label:is(:where(.group):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }
  }
  .trust-tile--item-2 {
    position: relative;
    display: grid;
    aspect-ratio: 408/411;
    place-items: center;
    overflow: clip;
    border-radius: 0.625rem;
    background-image: radial-gradient(circle at 50% 38%, #fff, #0000 62%), linear-gradient(170deg, #f8f2e4, #e4d8bd);
  }
  .trust-tile--gold {
    display: flex;
    aspect-ratio: 408/411;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 0.625rem;
    background-color: var(--color-gold);
    padding: clamp(1rem, 1.25vw, 1.5rem);
    color: var(--color-navy-950);
  }
  .trust-tile__text {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(2.4rem, 3.9vw, 3.875rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .counter {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
      var(--tw-numeric-fraction,);
  }
  .trust-tile__text-2 {
    margin-top: calc(var(--spacing) * 3);
    font-size: clamp(0.95rem, 1.1vw, 1.25rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .trust-tile__text-3 {
    margin-top: calc(var(--spacing) * 2);
    max-width: 15rem;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .trust-tile--item-3 {
    position: relative;
    display: grid;
    aspect-ratio: 408/411;
    place-items: center;
    overflow: clip;
    border-radius: 0.625rem;
    background-image: radial-gradient(circle at 50% 38%, #fff, #0000 62%), linear-gradient(170deg, #dde7f2, #a9c0d8);
  }
  .trust__box-2 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-top: clamp(4rem, 5vw, 5.75rem);
    display: grid;
    scroll-margin-top: calc(var(--spacing) * 24);
    gap: calc(var(--spacing) * 12);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #f8f5ec1a;
    padding-top: clamp(3rem, 5vw, 5.75rem);
    --wrap: 108rem;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .trust__box-2 {
      border-color: color-mix(in oklab, var(--color-cream) 10%, transparent);
    }
  }
  @media (min-width: 64rem) {
    .trust__box-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .trust__heading-2 {
    max-width: 38.6rem;
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .team-row {
    margin-top: clamp(3.5rem, 8vw, 10rem);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 5);
  }
  .team-row__list {
    display: flex;
  }
  .team-face {
    position: relative;
    margin-left: calc(var(--spacing) * -4);
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    overflow: clip;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-cream);
    background-color: var(--color-navy-950);
  }
  .team-face:first-child {
    margin-left: 0;
  }
  .team-face__image {
    object-fit: cover;
    object-position: bottom;
  }
  .team-sketch {
    position: relative;
    display: none;
  }
  @media (min-width: 40rem) {
    .team-sketch {
      display: block;
    }
  }
  .team-sketch__icon {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 24);
    color: var(--color-gold);
  }
  .team-sketch__text {
    position: absolute;
    top: calc(var(--spacing) * -14);
    left: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 48);
    rotate: -22deg;
    font-family: var(--font-hand);
    letter-spacing: 0;
    font-weight: 400;
    font-size: 1.4rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-gold);
  }
  .trust__box-3 {
    max-width: 28.625rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.33;
    line-height: 1.33;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  :where(.trust__box-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (min-width: 64rem) {
    .trust__box-3 {
      justify-self: flex-end;
    }
  }
  .trust__box-3 > div {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .trust__box-4 {
    margin-top: clamp(3rem, 3.5vw, 4.25rem);
    scroll-margin-top: calc(var(--spacing) * 24);
    padding-bottom: clamp(4rem, 5vw, 6rem);
  }
  .trust__box-5 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #f8f5ec1a;
    --wrap: 108rem;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .trust__box-5 {
      border-color: color-mix(in oklab, var(--color-cream) 10%, transparent);
    }
  }
  .trust__box-6 {
    height: clamp(1.5rem, 1.8vw, 2.125rem);
  }
  .marquee--box {
    overflow: clip;
  }
  .marquee-track__list {
    display: flex;
    gap: 0.625rem;
    padding-right: 0.625rem;
  }
  .marquee-track__item {
    margin-block: var(--spacing);
    display: flex;
    height: clamp(15rem, 14.2vw, 17rem);
    width: clamp(18rem, 20.1vw, 24.125rem);
    flex-direction: column;
    border-radius: 0.625rem;
    background-color: #f1eadb;
    padding: calc(var(--spacing) * 6);
    color: var(--color-navy-950);
    --tw-shadow: 4px 4px 0 var(--tw-shadow-color, #131311);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .marquee-track__box-2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .marquee-track__label--navy {
    position: relative;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    overflow: clip;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-navy-950);
    background-color: var(--color-navy-950);
  }
  .marquee-track__image {
    object-fit: cover;
  }
  .marquee-track__icon {
    height: 1.125rem;
    width: calc(var(--spacing) * 5);
    color: var(--color-navy);
  }
  .marquee-track__quote {
    margin-top: auto;
    font-size: clamp(1.25rem, 1.3vw, 1.5625rem);
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .marquee-track__text {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .trust__box-7 {
    margin-top: clamp(2.5rem, 3.1vw, 3.75rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 5);
  }
  .faq {
    position: relative;
    isolation: isolate;
    scroll-margin-top: calc(var(--spacing) * 20);
    background-color: var(--color-cream);
    padding-bottom: clamp(3rem, 5vw, 5.75rem);
  }
  .faq__box {
    position: absolute;
    inset-inline: 0;
    top: -1px;
    z-index: calc(10 * -1);
    height: 61%;
    border-bottom-right-radius: 50% clamp(4rem, 9.3vw, 11.2rem);
    border-bottom-left-radius: 50% clamp(4rem, 9.3vw, 11.2rem);
    background-color: var(--color-navy-900);
  }
  .faq__box-2 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    --wrap: 108rem;
  }
  .faq__box--gold {
    border-radius: 0.875rem;
    background-color: var(--color-gold);
    padding: clamp(1.25rem, 2.1vw, 2.5rem);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  @media (min-width: 64rem) {
    .faq__box--gold {
      padding-top: 3.25rem;
    }
  }
  .faq__heading {
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .faq__list {
    margin-top: clamp(2rem, 2.5vw, 3rem);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a183080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq__list {
      border-color: color-mix(in oklab, var(--color-navy-950) 50%, transparent);
    }
  }
  .faq__item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a183080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq__item {
      border-color: color-mix(in oklab, var(--color-navy-950) 50%, transparent);
    }
  }
  .faq-question--button {
    display: flex;
    min-height: 3.85rem;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    padding-right: 0.6rem;
    padding-left: 1.1875rem;
    text-align: left;
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(0.95rem, 0.9vw, 1.0625rem);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-navy-950);
  }
  .faq-question__icon {
    display: grid;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  .faq-question__icon__icon {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition-property: grid-template-rows;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  .faq-answer__box {
    min-height: 0;
    overflow: clip;
  }
  .faq-answer__text {
    max-width: var(--container-3xl);
    padding-bottom: calc(var(--spacing) * 5);
    padding-left: 1.1875rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0a1830d9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-answer__text {
      color: color-mix(in oklab, var(--color-navy-950) 85%, transparent);
    }
  }
  .faq__text {
    margin-top: clamp(2rem, 2.5vw, 3rem);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .faq__list-2 {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
  }
  .faq__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gold);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .faq__link:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .faq__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .faq__figure {
    margin-inline: auto !important;
    margin-top: clamp(3.5rem, 5vw, 6rem) !important;
    max-width: 46rem;
    padding-inline: var(--gutter);
    text-align: center;
  }
  .faq__label {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 5);
    display: block;
    height: 1px;
    width: calc(var(--spacing) * 16);
    background-color: var(--color-gold);
  }
  .faq__quote {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.15rem, 1.35vw, 1.625rem);
    --tw-leading: 1.35;
    line-height: 1.35;
    color: var(--color-navy-950);
    font-style: italic;
  }
  .faq__caption {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-gold-deep);
    text-transform: uppercase;
  }
  .giving__box {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a18301a;
    --wrap: 108rem;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .giving__box {
      border-color: color-mix(in oklab, var(--color-navy-950) 10%, transparent);
    }
  }
  .giving__box-2 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 14);
    padding-block: clamp(4rem, 5.8vw, 7rem);
    --wrap: 80rem;
  }
  @media (min-width: 64rem) {
    .giving__box-2 {
      grid-template-columns: 1fr 45.375rem;
      gap: calc(var(--spacing) * 8);
    }
  }
  .giving__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-navy-950);
  }
  .giving__heading {
    margin-top: calc(var(--spacing) * 5);
    max-width: 27.5rem;
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .giving__text-2 {
    margin-top: calc(var(--spacing) * 5);
    max-width: 28.7rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.33;
    line-height: 1.33;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .giving__box-3 {
    margin-top: calc(var(--spacing) * 10);
  }
  .give-collage {
    position: relative;
  }
  .give-halo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: calc(10 * -1);
    aspect-ratio: 763/511;
    width: 105%;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 2147483647px;
    background-color: #ebe3d0cc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .give-halo {
      background-color: color-mix(in oklab, var(--color-sand) 80%, transparent);
    }
  }
  .give-collage__box {
    display: grid;
    grid-template-columns: 529fr 177fr;
    gap: 1.25rem;
  }
  .give-panel--box {
    position: relative;
    aspect-ratio: 2.36;
    overflow: clip;
    border-radius: 10px;
  }
  .give-panel__image {
    object-fit: cover;
  }
  .give-panel--box-2 {
    position: relative;
    aspect-ratio: 0.79;
    overflow: clip;
    border-radius: 10px;
  }
  @media (min-width: 40rem) {
    .give-panel--box-2 {
      aspect-ratio: 0.79;
    }
  }
  .give-collage__box-2 {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .give-panel--box-3 {
    position: relative;
    aspect-ratio: 1.58;
    overflow: clip;
    border-radius: 10px;
  }
  .contact {
    position: relative;
    isolation: isolate;
    scroll-margin-top: calc(var(--spacing) * 16);
    padding-top: clamp(4rem, 5vw, 5.75rem);
    padding-bottom: clamp(5rem, 8vw, 9.875rem);
  }
  .contact__box {
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
    border-top-left-radius: 50% clamp(3rem, 8.8vw, 10.5rem);
    border-top-right-radius: 50% clamp(3rem, 8.8vw, 10.5rem);
    background-color: #f1ecdf;
  }
  .contact__box-2 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    text-align: center;
  }
  .contact__text {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-navy-950);
  }
  .contact__label {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    border-radius: 2147483647px;
    background-color: #c9c522;
  }
  .contact__heading {
    margin-inline: auto;
    margin-top: 1.625rem;
    max-width: 53.8rem;
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .contact__text-2 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 8);
    max-width: 55.4rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.33;
    line-height: 1.33;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .contact__box--gold {
    margin-inline: auto;
    margin-top: clamp(2.5rem, 3vw, 3.5rem);
    max-width: 49.4375rem;
    border-radius: 0.75rem;
    background-color: var(--color-gold);
    padding: clamp(1.25rem, 1.67vw, 2rem);
    text-align: left;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .contact__form {
    position: relative;
    text-align: left;
  }
  :where(.contact__form > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .contact__subheading {
    margin-bottom: 1.9rem !important;
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: 1.75rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-navy-950);
  }
  .contact__box-3 {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: clip;
    opacity: 0;
  }
  .contact__label-2 {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .contact__field {
    width: 100%;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-navy-950);
    background-color: var(--color-cream);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.875rem;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-navy-950);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
  }
  .contact__field::placeholder {
    color: #0a1830b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .contact__field::placeholder {
      color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .contact__field:focus {
    --tw-shadow: 3px 3px 0 var(--tw-shadow-color, var(--color-navy-950));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .contact__field[aria-invalid="true"] {
    border-color: var(--color-red-700);
  }
  .contact__field--cream {
    min-height: 6.25rem;
    width: 100%;
    resize: none;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-navy-950);
    background-color: var(--color-cream);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.875rem;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-navy-950);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
  }
  .contact__field--cream::placeholder {
    color: #0a1830b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .contact__field--cream::placeholder {
      color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .contact__field--cream:focus {
    --tw-shadow: 3px 3px 0 var(--tw-shadow-color, var(--color-navy-950));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .contact__field--cream[aria-invalid="true"] {
    border-color: var(--color-red-700);
  }
  .contact__box-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .btn--navy {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-navy-950);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-cream);
    text-transform: uppercase;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --ink: var(--color-gold);
  }
  @media (hover: hover) {
    .btn--navy:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--navy:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--navy:disabled {
    opacity: 0.6;
  }
  .btn__label--cream {
    position: relative;
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    place-items: center;
    overflow: clip;
    border-radius: var(--radius-md);
    background-color: var(--color-cream);
  }
  .btn__icon-3 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--color-navy-950);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .btn__icon-3:is(:where(.group-btn):hover *) {
      --tw-translate-x: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .btn__icon-4 {
    position: absolute;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-x: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-navy-950);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .btn__icon-4:is(:where(.group-btn):hover *) {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .contact__text-3 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
  }
  .contact__label--navy {
    display: grid;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
  }
  .contact__icon {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .contact__text-4 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-red-800);
  }
  .contact__text-4:empty {
    display: none;
  }
  .main__section {
    position: relative;
    height: clamp(38rem, 92svh, 60rem);
    padding: clamp(0.6rem, 1.5625vw, 1.875rem);
  }
  .ph-panel {
    position: relative;
    isolation: isolate;
    height: 100%;
    overflow: clip;
    border-radius: 24px;
    background-color: var(--color-navy-950);
    color: var(--color-cream);
    will-change: transform;
  }
  .ph-bg {
    position: absolute;
    inset: 0;
    z-index: calc(20 * -1);
  }
  .ph-bg-img {
    object-fit: cover;
    object-position: right;
  }
  .ph-panel__box {
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
    background-image: linear-gradient(90deg, #0a1830f0 0%, #0a1830d1 36%, #0a18304d 58%, #0000 78%);
  }
  .ph-panel__box-2 {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: calc(10 * -1);
    height: 33.3333%;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #0a1830b3;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ph-panel__box-2 {
      --tw-gradient-from: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .ph-panel__box-3 {
    position: relative;
    display: grid;
    height: 100%;
    align-items: flex-end;
    gap: calc(var(--spacing) * 10);
    padding-inline: clamp(1.25rem, 3.4375vw, 4.125rem);
    padding-top: calc(var(--spacing) * 32);
    padding-bottom: clamp(2rem, 6vh, 4.0625rem);
  }
  @media (min-width: 64rem) {
    .ph-panel__box-3 {
      grid-template-columns: 1.15fr 0.85fr;
    }
  }
  .ph-copy {
    position: relative;
    z-index: 10;
  }
  .ph-fade--nav {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ph-fade__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: #caddf3cc;
    text-transform: uppercase;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ph-fade__list {
      color: color-mix(in oklab, var(--color-sky) 80%, transparent);
    }
  }
  .ph-fade__item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .ph-fade__link {
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .ph-fade__link:hover {
      color: var(--color-gold);
    }
  }
  .ph-fade__label {
    color: var(--color-gold);
  }
  .ph-fade__label-2 {
    color: var(--color-cream);
  }
  .ph-fade--text {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold);
  }
  .ph-fade__label--gold {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #d4af3733);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ph-title--title {
    margin-top: calc(var(--spacing) * 5);
    max-width: 18ch;
    font-size: clamp(2.6rem, 4.6vw, 4.5rem);
    line-height: 1;
    color: var(--color-cream);
    perspective: 600px;
  }
  .ph-title__label {
    white-space: nowrap;
  }
  .ph-title__label-2 {
    position: relative;
    display: inline-block;
    padding-inline: 0.12em;
    color: var(--color-navy-950);
  }
  .ph-mark-bg {
    position: absolute;
    inset-inline: 0;
    top: 0.08em;
    bottom: 0.02em;
    transform-origin: 0;
    border-radius: var(--radius-md);
    background-color: var(--color-gold);
  }
  .ph-title__label-3 {
    position: relative;
  }
  .ph-fade--text-2 {
    margin-top: calc(var(--spacing) * 6);
    max-width: 40rem;
    font-size: clamp(1rem, 1.15vw, 1.25rem);
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #f8f5ecd9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ph-fade--text-2 {
      color: color-mix(in oklab, var(--color-cream) 85%, transparent);
    }
  }
  .ph-fade--box {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  .main__section-2 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 12);
    padding-block: clamp(4rem, 8vw, 9rem);
  }
  @media (min-width: 64rem) {
    .main__section-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 20);
    }
  }
  .main__box {
    max-width: 50rem;
  }
  .main__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-navy-950);
  }
  .main__heading {
    margin-top: calc(var(--spacing) * 5);
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .main__box-2 {
    margin-top: calc(var(--spacing) * 8);
    font-size: clamp(1rem, 1.15vw, 1.25rem);
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a1830d9;
  }
  :where(.main__box-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__box-2 {
      color: color-mix(in oklab, var(--color-navy-950) 85%, transparent);
    }
  }
  .main__box-3 {
    position: relative;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: calc(var(--spacing) * 4);
  }
  .main__box--sand {
    position: absolute;
    inset: -8%;
    z-index: calc(10 * -1);
    border-radius: 2147483647px;
    background-color: #ebe3d0b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__box--sand {
      background-color: color-mix(in oklab, var(--color-sand) 70%, transparent);
    }
  }
  .main__figure {
    position: relative;
    grid-row: span 2 / span 2;
    aspect-ratio: 3/4;
    overflow: clip;
    border-radius: 1rem;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .main__image {
    object-fit: cover;
  }
  .main__figure-2 {
    position: relative;
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 1rem;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .main__figure--gold {
    position: relative;
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-gold);
    padding: calc(var(--spacing) * 5);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .main__label {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
  }
  .main__label-2 {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(2.5rem, 4vw, 4.5rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .main__label-3 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .ms {
    position: relative;
    isolation: isolate;
    overflow: clip;
    background-color: var(--color-navy-950);
    color: var(--color-cream);
  }
  @media (min-width: 64rem) {
    .ms {
      display: flex;
      height: 100svh;
      align-items: center;
    }
  }
  .ms-ghost {
    pointer-events: none;
    position: absolute;
    bottom: 4%;
    left: 4%;
    z-index: calc(10 * -1);
    display: none;
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(10rem, 19vw, 22rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: #0000;
    -webkit-text-stroke: 1.5px #d4af3724;
  }
  @media (min-width: 64rem) {
    .ms-ghost {
      display: block;
    }
  }
  .ms__box {
    position: absolute;
    top: -33.3333%;
    right: -10%;
    z-index: calc(10 * -1);
    aspect-ratio: 1;
    width: 55%;
    border-radius: 2147483647px;
    background-image: radial-gradient(circle, #39699c66, #0000 62%);
  }
  .ms__box-2 {
    width: 100%;
    padding-block: clamp(4rem, 7vw, 8rem);
  }
  @media (min-width: 64rem) {
    .ms__box-2 {
      padding-block: 0;
    }
  }
  .ms__box-3 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    --wrap: 108rem;
  }
  @media (min-width: 64rem) {
    .ms__box-3 {
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
    }
  }
  .ms__text {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold);
  }
  .ms__label {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #d4af3733);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ms__heading {
    margin-top: calc(var(--spacing) * 4);
    font-size: clamp(2.6rem, 4.6vw, 4.5rem);
    line-height: 1;
    color: var(--color-cream);
  }
  .ms__box-4 {
    max-width: 24rem;
  }
  @media (min-width: 64rem) {
    .ms__box-4 {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .ms__text-2 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #f8f5ecbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ms__text-2 {
      color: color-mix(in oklab, var(--color-cream) 75%, transparent);
    }
  }
  .ms__label--cream {
    margin-top: calc(var(--spacing) * 5);
    display: none;
    height: var(--spacing);
    width: 100%;
    overflow: clip;
    border-radius: 2147483647px;
    background-color: #f8f5ec1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ms__label--cream {
      background-color: color-mix(in oklab, var(--color-cream) 10%, transparent);
    }
  }
  @media (min-width: 64rem) {
    .ms__label--cream {
      display: block;
    }
  }
  .ms-progress {
    display: block;
    height: 100%;
    transform-origin: 0;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
  }
  .ms__box-5 {
    position: relative;
    margin-top: clamp(2.5rem, 5vw, 5.5rem);
  }
  .ms-road {
    position: absolute;
    top: calc(clamp(3rem, 5vw, 5.5rem) + 1.375rem);
    left: 0;
    display: none;
    height: calc(var(--spacing) * 0.5);
    width: 300vw;
    transform-origin: 0;
    background-color: var(--color-gold);
  }
  @media (min-width: 64rem) {
    .ms-road {
      display: block;
    }
  }
  .ms-track {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 10);
  }
  @media (min-width: 64rem) {
    .ms-track {
      margin-inline: 0;
      width: max-content;
      flex-direction: row;
      gap: clamp(3rem, 6vw, 7rem);
      padding-left: var(--gutter);
    }
  }
  .ms-item {
    position: relative;
  }
  @media (min-width: 64rem) {
    .ms-item {
      width: clamp(18rem, 24vw, 26rem);
    }
  }
  .ms-year {
    display: block;
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(3rem, 5vw, 5.5rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gold);
  }
  .ms-item__label {
    margin-top: calc(var(--spacing) * 4);
    display: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 3px;
    border-color: var(--color-gold);
    background-color: var(--color-navy-950);
  }
  @media (min-width: 64rem) {
    .ms-item__label {
      display: block;
    }
  }
  .ms-item__subheading {
    margin-top: calc(var(--spacing) * 6);
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(1.2rem, 1.4vw, 1.5rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .ms-item__text {
    margin-top: calc(var(--spacing) * 2);
    max-width: 24rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #f8f5ecbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ms-item__text {
      color: color-mix(in oklab, var(--color-cream) 75%, transparent);
    }
  }
  .main__section-3 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(4rem, 8vw, 9rem);
  }
  .main__box-4 {
    margin-inline: auto;
    max-width: 50rem;
    text-align: center;
  }
  .main__box-5 {
    margin-top: clamp(2.5rem, 4vw, 4.5rem);
  }
  .main__list {
    display: grid;
    gap: calc(var(--spacing) * 5);
    perspective: 1400px;
  }
  @media (min-width: 40rem) {
    .main__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 64rem) {
    .main__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .fc-card--cream {
    display: flex;
    min-height: clamp(13rem, 14vw, 16rem);
    flex-direction: column;
    border-radius: 0.75rem;
    background-color: var(--color-cream);
    padding: clamp(1.25rem, 1.6vw, 1.75rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .fc-card__label {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(2.4rem, 3vw, 3.25rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.25;
  }
  .fc-card__subheading {
    margin-top: auto;
    padding-top: calc(var(--spacing) * 6);
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(1.15rem, 1.3vw, 1.4rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .fc-card__text {
    margin-top: calc(var(--spacing) * 2);
    font-size: 0.95rem;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0a1830cc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fc-card__text {
      color: color-mix(in oklab, var(--color-navy-950) 80%, transparent);
    }
  }
  .fc-card--gold {
    display: flex;
    min-height: clamp(13rem, 14vw, 16rem);
    flex-direction: column;
    border-radius: 0.75rem;
    background-color: var(--color-gold);
    padding: clamp(1.25rem, 1.6vw, 1.75rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .fc-card--sky {
    display: flex;
    min-height: clamp(13rem, 14vw, 16rem);
    flex-direction: column;
    border-radius: 0.75rem;
    background-color: var(--color-sky);
    padding: clamp(1.25rem, 1.6vw, 1.75rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .emmaus-in-numbers {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(3rem, 5vw, 6rem);
    --wrap: 108rem;
  }
  .emmaus-in-numbers__list {
    display: grid;
    overflow: clip;
    border-radius: 1.25rem;
    background-color: var(--color-gold);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  @media (min-width: 40rem) {
    .emmaus-in-numbers__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 64rem) {
    .emmaus-in-numbers__list {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .emmaus-in-numbers__item {
    padding: clamp(1.5rem, 2.5vw, 2.75rem);
    color: var(--color-navy-950);
  }
  .emmaus-in-numbers__text {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(3rem, 4.6vw, 5rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .emmaus-in-numbers__text-2 {
    margin-top: calc(var(--spacing) * 4);
    font-size: clamp(1rem, 1.15vw, 1.25rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .emmaus-in-numbers__text-3 {
    margin-top: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0a1830bf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .emmaus-in-numbers__text-3 {
      color: color-mix(in oklab, var(--color-navy-950) 75%, transparent);
    }
  }
  .emmaus-in-numbers__item-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1.5px;
    border-color: var(--color-navy-950);
    padding: clamp(1.5rem, 2.5vw, 2.75rem);
    color: var(--color-navy-950);
  }
  @media (min-width: 40rem) {
    .emmaus-in-numbers__item-2 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
      border-left-style: var(--tw-border-style);
      border-left-width: 1.5px;
    }
  }
  .main__section-4 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    gap: calc(var(--spacing) * 10);
    padding-block: clamp(4rem, 8vw, 9rem);
    --wrap: 100rem;
  }
  @media (min-width: 64rem) {
    .main__section-4 {
      grid-template-columns: 0.75fr 2fr;
      gap: calc(var(--spacing) * 16);
    }
  }
  .main__box-6 {
    max-width: 50rem;
  }
  @media (min-width: 64rem) {
    .main__box-6 {
      position: sticky;
      top: calc(var(--spacing) * 32);
      align-self: flex-start;
    }
  }
  .main__text-2 {
    margin-top: calc(var(--spacing) * 5);
    max-width: 40rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0a1830d9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-2 {
      color: color-mix(in oklab, var(--color-navy-950) 85%, transparent);
    }
  }
  .main__list-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(0.75rem, 1.4vw, 1.5rem);
    row-gap: calc(var(--spacing) * 8);
  }
  @media (min-width: 40rem) {
    .main__list-2 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tg-card__box {
    position: relative;
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-sky);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .tg-card__image {
    object-fit: cover;
    object-position: bottom;
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .tg-card__image:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tg-card__box--navy {
    position: absolute;
    inset-inline: calc(var(--spacing) * 3);
    bottom: calc(var(--spacing) * 3);
    --tw-translate-y: calc(100% + 1rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: var(--radius-lg);
    background-color: #0a1830e6;
    padding: calc(var(--spacing) * 3);
    color: var(--color-cream);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .tg-card__box--navy {
      background-color: color-mix(in oklab, var(--color-navy-950) 90%, transparent);
    }
  }
  @media (hover: hover) {
    .tg-card__box--navy:is(:where(.group):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tg-card__text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-gold);
    text-transform: uppercase;
  }
  .tg-card__text-2 {
    margin-top: calc(var(--spacing) * 3);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.1rem, 1.25vw, 1.35rem);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .tg-card__text-3 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate);
  }
  .tg-card__box--gold {
    position: relative;
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-gold);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .tg-card__box--cream {
    position: relative;
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .tg-card__box--sky-deep {
    position: relative;
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-sky-deep);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .tg-card__button {
    display: flex;
    aspect-ratio: 1;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 1rem;
    background-color: var(--color-navy-950);
    padding: clamp(1rem, 1.6vw, 1.75rem);
    text-align: left;
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    --ink: var(--color-gold);
  }
  .tg-card__label {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold);
  }
  .tg-card__label-2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
  }
  .tg-card__label-3 {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.25rem, 1.9vw, 2rem);
    --tw-leading: 1.05;
    line-height: 1.05;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tg-card__label--gold {
    display: grid;
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-navy-950);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .tg-card__label--gold:is(:where(.group):hover *) {
      rotate: 45deg;
    }
  }
  .what-authors-say {
    background-color: var(--color-navy-900);
    padding-block: clamp(4rem, 6vw, 7rem);
  }
  .what-authors-say__heading {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    text-align: center;
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .what-authors-say__box {
    margin-top: clamp(2.5rem, 4vw, 4rem);
  }
  .main__section-5 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(4rem, 6vw, 7rem);
    --wrap: 108rem;
  }
  .main__box--navy {
    position: relative;
    isolation: isolate;
    overflow: clip;
    border-radius: 1.5rem;
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: clamp(4rem, 8vw, 8.5rem);
    text-align: center;
    color: var(--color-cream);
  }
  .main__box-7 {
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
    background-image: radial-gradient(#39699c73, #0000 65%);
  }
  .main__box-8 {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: calc(10 * -1);
    display: none;
    aspect-ratio: 1;
    width: min(68rem, 92%);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    animation: 70s linear infinite spin;
  }
  @media (min-width: 48rem) {
    .main__box-8 {
      display: block;
    }
  }
  .main__box-9 {
    position: absolute;
    --w: clamp(4.5rem, 6vw, 7rem);
  }
  .main__box-10 {
    animation: 70s linear infinite reverse spin;
    opacity: 0.8;
  }
  .main__heading-2 {
    margin-inline: auto;
    max-width: 20ch;
    font-size: clamp(2.6rem, 4.6vw, 4.5rem);
    line-height: 1;
    color: var(--color-cream);
  }
  .main__text-3 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 6);
    max-width: 36rem;
    font-size: clamp(1rem, 1.15vw, 1.25rem);
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #f8f5ecd9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-3 {
      color: color-mix(in oklab, var(--color-cream) 85%, transparent);
    }
  }
  .main__box-11 {
    margin-top: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .main__figure-3 {
    margin-inline: auto !important;
    margin-top: calc(var(--spacing) * 14) !important;
    max-width: 38rem;
  }
  .main__label--gold {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    height: 1px;
    width: calc(var(--spacing) * 14);
    background-color: var(--color-gold);
  }
  .main__quote {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.05rem, 1.25vw, 1.4rem);
    --tw-leading: 1.4;
    line-height: 1.4;
    color: #f8f5ece6;
    font-style: italic;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__quote {
      color: color-mix(in oklab, var(--color-cream) 90%, transparent);
    }
  }
  .main__caption {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-gold);
    text-transform: uppercase;
  }
  .ph-glow {
    position: absolute;
    top: -33.3333%;
    right: -10%;
    z-index: calc(10 * -1);
    aspect-ratio: 1;
    width: 70%;
    border-radius: 2147483647px;
    background-image: radial-gradient(circle, #39699c8c, #0000 62%);
  }
  .ph-panel__box-4 {
    position: absolute;
    top: 50%;
    right: 18%;
    z-index: calc(10 * -1);
    aspect-ratio: 1;
    width: 95%;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    animation: 90s linear infinite spin;
    border-radius: 2147483647px;
    background-image: repeating-conic-gradient(#d4af3712 0deg 4deg, #0000 4deg 18deg);
    -webkit-mask-image: radial-gradient(circle, #000 10%, #0000 62%);
    mask-image: radial-gradient(circle, #000 10%, #0000 62%);
  }
  .ph-watermark {
    position: absolute;
    bottom: -18%;
    left: -6%;
    z-index: calc(10 * -1);
    height: 75%;
    width: auto;
    opacity: 0.05;
  }
  .ph-panel__box-5 {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: calc(10 * -1);
    height: 50%;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-navy-950);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .ph-panel__box-6 {
    position: relative;
    display: none;
    height: 100%;
    min-height: 22rem;
  }
  @media (min-width: 64rem) {
    .ph-panel__box-6 {
      display: block;
    }
  }
  .ph-lift--box {
    position: absolute;
    top: 18%;
    left: 34%;
    z-index: 20;
    --w: clamp(10rem, 13vw, 15.5rem);
  }
  .ph-book {
    animation: 7s ease-in-out infinite bob;
  }
  .ph-lift--box-2 {
    position: absolute;
    top: 8%;
    left: 2%;
    z-index: 10;
    --w: clamp(7rem, 9vw, 11rem);
  }
  .ph-lift--box-3 {
    position: absolute;
    top: 46%;
    right: -2%;
    z-index: 0;
    --w: clamp(7.5rem, 9.6vw, 11.5rem);
  }
  .main__section-6 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(4rem, 8vw, 9rem);
    --wrap: 70rem;
  }
  .main__text-4 {
    text-align: center;
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.8rem, 3.2vw, 3.4rem);
    --tw-leading: 1.12;
    line-height: 1.12;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .main__box-12 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    --wrap: 108rem;
  }
  :where(.main__box-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(clamp(1.5rem, 2.5vw, 3rem) * var(--tw-space-y-reverse));
    margin-block-end: calc(clamp(1.5rem, 2.5vw, 3rem) * calc(1 - var(--tw-space-y-reverse)));
  }
  .sr-row--navy {
    position: relative;
    isolation: isolate;
    display: grid;
    overflow: clip;
    border-radius: 1.5rem;
    background-color: var(--color-navy-950);
    color: var(--color-cream);
  }
  @media (min-width: 64rem) {
    .sr-row--navy {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sr-num {
    pointer-events: none;
    position: absolute;
    top: -0.15em;
    right: calc(var(--spacing) * 4);
    z-index: calc(10 * -1);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(8rem, 18vw, 20rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.08;
  }
  .sr-row__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.75rem, 4vw, 5rem);
  }
  .sr-row__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    opacity: 0.7;
  }
  .sr-row__heading {
    margin-top: calc(var(--spacing) * 4);
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
  }
  .sr-row__text-2 {
    margin-top: calc(var(--spacing) * 5);
    max-width: 34rem;
    font-size: clamp(1rem, 1.15vw, 1.25rem);
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.85;
  }
  .sr-row__list {
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  @media (min-width: 40rem) {
    .sr-row__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sr-feature {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .sr-feature__label {
    display: grid;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    color: var(--color-navy-950);
  }
  .sr-feature__icon {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .sr-row__link {
    margin-top: calc(var(--spacing) * 10);
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: currentColor;
    padding-block: calc(var(--spacing) * 2);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition-property: gap;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .sr-row__link:hover {
      gap: calc(var(--spacing) * 7);
    }
  }
  .sr-row__label {
    display: grid;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    place-items: center;
    border-radius: 2147483647px;
    background-color: currentColor;
  }
  .sr-row__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--color-navy-950);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .sr-row__icon:is(:where(.group):hover *) {
      rotate: 45deg;
    }
  }
  .sr-row__box-2 {
    position: relative;
    display: flex;
    min-height: 20rem;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding-block: calc(var(--spacing) * 12);
  }
  @media (min-width: 64rem) {
    .sr-row__box-2 {
      min-height: 34rem;
    }
  }
  .sr-row__box-3 {
    position: absolute;
    inset: 12%;
    border-radius: 2147483647px;
    background-image: radial-gradient(circle, #ffffff2e, #0000 68%);
  }
  .sr-book-a {
    position: relative;
    z-index: 10;
    --w: clamp(8rem, 12vw, 14rem);
  }
  .sr-book-b {
    position: relative;
    margin-left: calc(-1 * clamp(2rem, 4vw, 5rem));
    --w: clamp(7rem, 10vw, 12rem);
  }
  .sr-row--gold {
    position: relative;
    isolation: isolate;
    display: grid;
    overflow: clip;
    border-radius: 1.5rem;
    background-color: var(--color-gold);
    color: var(--color-navy-950);
  }
  @media (min-width: 64rem) {
    .sr-row--gold {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sr-row__box-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.75rem, 4vw, 5rem);
  }
  @media (min-width: 64rem) {
    .sr-row__box-4 {
      order: 2;
    }
  }
  .sr-feature__label--navy {
    display: grid;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
  }
  .sr-row__icon-2 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--color-cream);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .sr-row__icon-2:is(:where(.group):hover *) {
      rotate: 45deg;
    }
  }
  .sr-row--sky {
    position: relative;
    isolation: isolate;
    display: grid;
    overflow: clip;
    border-radius: 1.5rem;
    background-color: var(--color-sky);
    color: var(--color-navy-950);
  }
  @media (min-width: 64rem) {
    .sr-row--sky {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sr-row--navy-700 {
    position: relative;
    isolation: isolate;
    display: grid;
    overflow: clip;
    border-radius: 1.5rem;
    background-color: var(--color-navy-700);
    color: var(--color-cream);
  }
  @media (min-width: 64rem) {
    .sr-row--navy-700 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .main__section-7 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-block: clamp(3rem, 6vw, 7rem);
  }
  .main__box--gold {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    border-radius: 1.25rem;
    background-color: var(--color-gold);
    padding: clamp(1.75rem, 3vw, 3.5rem);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  @media (min-width: 48rem) {
    .main__box--gold {
      flex-direction: row;
      align-items: center;
    }
  }
  .main__heading-3 {
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .main__text-5 {
    margin-top: calc(var(--spacing) * 3);
    max-width: 40rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a1830d9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-5 {
      color: color-mix(in oklab, var(--color-navy-950) 85%, transparent);
    }
  }
  .btn--navy--navy {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-navy-950);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-cream);
    text-transform: uppercase;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --ink: var(--color-gold);
  }
  @media (hover: hover) {
    .btn--navy--navy:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--navy--navy:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--navy--navy:disabled {
    opacity: 0.6;
  }
  .main__box-13 {
    margin-top: clamp(2rem, 4vw, 4rem);
  }
  .main__box-14 {
    margin-block: calc(var(--spacing) * -2);
    overflow: clip;
    padding-block: calc(var(--spacing) * 6);
  }
  .marquee--gold {
    display: flex;
    height: clamp(3.5rem, 3.6vw, 4.4rem);
    rotate: -1.2deg;
    align-items: center;
    overflow: clip;
    background-color: var(--color-gold);
    color: var(--color-navy-900);
  }
  .marquee-track__label-3 {
    display: flex;
    align-items: center;
    font-size: clamp(1rem, 1.15vw, 1.35rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    text-transform: uppercase;
  }
  .marquee-track__label-4 {
    color: var(--color-navy-950);
  }
  .main__section-8 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(4rem, 7vw, 8rem);
  }
  .main__text-6 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 5);
    max-width: 40rem;
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0a1830d9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-6 {
      color: color-mix(in oklab, var(--color-navy-950) 85%, transparent);
    }
  }
  .main__box-15 {
    background-color: #f1ecdf;
  }
  .main__section-9 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    gap: calc(var(--spacing) * 12);
    padding-block: clamp(4rem, 7vw, 8rem);
  }
  @media (min-width: 64rem) {
    .main__section-9 {
      grid-template-columns: 0.8fr 1.2fr;
      gap: calc(var(--spacing) * 20);
    }
  }
  @media (min-width: 64rem) {
    .main__box-16 {
      position: sticky;
      top: calc(var(--spacing) * 32);
      align-self: flex-start;
    }
  }
  .main__box-17 {
    margin-top: calc(var(--spacing) * 10);
    display: none;
    align-items: flex-end;
    gap: calc(var(--spacing) * 5);
  }
  @media (min-width: 64rem) {
    .main__box-17 {
      display: flex;
    }
  }
  .main__label--navy {
    position: relative;
    height: calc(var(--spacing) * 40);
    width: var(--spacing);
    overflow: clip;
    border-radius: 2147483647px;
    background-color: #0a18301a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__label--navy {
      background-color: color-mix(in oklab, var(--color-navy-950) 10%, transparent);
    }
  }
  .ss-rail {
    position: absolute;
    inset: 0;
    transform-origin: top;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
  }
  .main__label-4 {
    overflow: clip;
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(5rem, 9vw, 10rem);
    --tw-leading: 0.8;
    line-height: 0.8;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .ss-count {
    display: inline-block;
  }
  .main__label-5 {
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate);
  }
  :where(.ss-list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (min-width: 64rem) {
    .ss-card {
      position: sticky;
    }
  }
  .ss-inner--navy {
    position: relative;
    transform-origin: top;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-navy-950);
    padding: clamp(1.5rem, 2.4vw, 2.75rem);
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    will-change: transform;
    --ink: var(--color-gold);
  }
  .ss-shade {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 10;
    background-color: var(--color-navy-950);
    opacity: 0;
  }
  .ss-inner__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .ss-inner__label {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.8rem, 2.4vw, 2.6rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.4;
  }
  .ss-inner__label-2 {
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: currentColor;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .ss-inner__subheading {
    margin-top: clamp(2.5rem, 5vw, 5rem);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.8rem, 2.6vw, 3rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .ss-inner__text {
    margin-top: calc(var(--spacing) * 4);
    max-width: 34rem;
    font-size: clamp(1rem, 1.1vw, 1.2rem);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.85;
  }
  .ss-inner--gold {
    position: relative;
    transform-origin: top;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-gold);
    padding: clamp(1.5rem, 2.4vw, 2.75rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    will-change: transform;
  }
  .ss-inner--cream {
    position: relative;
    transform-origin: top;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-cream);
    padding: clamp(1.5rem, 2.4vw, 2.75rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    will-change: transform;
  }
  .ss-inner--sky {
    position: relative;
    transform-origin: top;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-sky);
    padding: clamp(1.5rem, 2.4vw, 2.75rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    will-change: transform;
  }
  .ss-inner--navy-700 {
    position: relative;
    transform-origin: top;
    overflow: clip;
    border-radius: 1rem;
    background-color: var(--color-navy-700);
    padding: clamp(1.5rem, 2.4vw, 2.75rem);
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    will-change: transform;
    --ink: var(--color-navy-950);
  }
  .books-that-took-this-road {
    position: relative;
    overflow: clip;
    background-color: var(--color-navy-900);
    padding-block: clamp(4rem, 7vw, 8rem);
    color: var(--color-cream);
  }
  .books-that-took-this-road__box {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
  }
  .books-that-took-this-road__heading {
    max-width: 18ch;
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .books-that-took-this-road__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-gold);
    text-transform: uppercase;
  }
  .books-that-took-this-road__label {
    display: grid;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    place-items: center;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-gold);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .books-that-took-this-road__label:is(:where(.group):hover *) {
      rotate: 45deg;
    }
  }
  .books-that-took-this-road__box-2 {
    margin-top: clamp(3rem, 5vw, 5rem);
  }
  :where(.books-that-took-this-road__box-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(clamp(2rem, 3vw, 3.5rem) * var(--tw-space-y-reverse));
    margin-block-end: calc(clamp(2rem, 3vw, 3.5rem) * calc(1 - var(--tw-space-y-reverse)));
  }
  .shelf-row-0 {
    display: flex;
    width: max-content;
    gap: clamp(2rem, 3.4vw, 4rem);
    padding-inline: calc(var(--spacing) * 8);
  }
  .shelf-book {
    position: relative;
    --w: clamp(7rem, 10vw, 12rem);
  }
  .shelf-book__label {
    pointer-events: none;
    position: absolute;
    bottom: calc(var(--spacing) * -7);
    left: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    white-space: nowrap;
    color: var(--color-sky);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .shelf-book__label:is(:where(.group):hover *) {
      opacity: 1;
    }
  }
  .shelf-row-1 {
    display: flex;
    width: max-content;
    gap: clamp(2rem, 3.4vw, 4rem);
    padding-inline: calc(var(--spacing) * 8);
  }
  .books-that-took-this-road__box-3 {
    pointer-events: none;
    position: absolute;
    inset-block: 0;
    left: 0;
    width: 8vw;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-navy-900);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .books-that-took-this-road__box-4 {
    pointer-events: none;
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 8vw;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-navy-900);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .main__list-3 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__list-3 {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .main__item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__item {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-question--button-2 {
    display: flex;
    min-height: 4.25rem;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(1rem, 1.05vw, 1.15rem);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-navy-950);
  }
  .faq-question__label {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .faq-question__label:is(:where(.group):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .faq-question__label-2 {
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-navy-950);
    color: var(--color-navy-950);
    transition-property: background-color, color, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .faq-question__label-2:is(:where(.group):hover *) {
      background-color: var(--color-gold);
    }
  }
  .faq-question__icon-2 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .faq-answer__text-2 {
    max-width: var(--container-3xl);
    padding-bottom: calc(var(--spacing) * 6);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0a1830cc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-answer__text-2 {
      color: color-mix(in oklab, var(--color-navy-950) 80%, transparent);
    }
  }
  .main__section-10 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(3rem, 5vw, 6rem);
  }
  .main__list-4 {
    margin-top: calc(var(--spacing) * 10);
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  @media (min-width: 40rem) {
    .main__list-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 64rem) {
    .main__list-4 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .main__link {
    display: flex;
    height: 100%;
    min-height: 15rem;
    flex-direction: column;
    border-radius: 0.875rem;
    background-color: var(--color-gold);
    padding: calc(var(--spacing) * 6);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: translate, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .main__link:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 8px 8px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main__label-6 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .main__label-7 {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.3;
  }
  .main__label-8 {
    display: grid;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    place-items: center;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: currentColor;
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .main__label-8:is(:where(.group):hover *) {
      rotate: 45deg;
    }
  }
  .main__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .main__label-9 {
    margin-top: auto;
    padding-top: calc(var(--spacing) * 8);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.6rem, 2vw, 2.2rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .main__label-10 {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.8;
  }
  .main__link--sky {
    display: flex;
    height: 100%;
    min-height: 15rem;
    flex-direction: column;
    border-radius: 0.875rem;
    background-color: var(--color-sky);
    padding: calc(var(--spacing) * 6);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: translate, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .main__link--sky:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 8px 8px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main__link--cream {
    display: flex;
    height: 100%;
    min-height: 15rem;
    flex-direction: column;
    border-radius: 0.875rem;
    background-color: var(--color-cream);
    padding: calc(var(--spacing) * 6);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: translate, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .main__link--cream:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 8px 8px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main__link--navy {
    display: flex;
    height: 100%;
    min-height: 15rem;
    flex-direction: column;
    border-radius: 0.875rem;
    background-color: var(--color-navy-950);
    padding: calc(var(--spacing) * 6);
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: translate, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --ink: var(--color-gold);
  }
  @media (hover: hover) {
    .main__link--navy:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 8px 8px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main__section-11 {
    padding-block: clamp(4rem, 7vw, 8rem);
  }
  .main__box-18 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-bottom: clamp(2.5rem, 4vw, 4rem);
    max-width: 50rem;
    text-align: center;
  }
  .main__box-19 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    --wrap: 108rem;
  }
  .main__box-20 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .filter-chip {
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .filter-chip:hover {
      background-color: var(--color-sky);
    }
  }
  .filter-chip__label {
    opacity: 0.6;
  }
  .pf-grid {
    margin-top: calc(var(--spacing) * 10);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.75rem, 1.4vw, 1.75rem);
  }
  @media (min-width: 48rem) {
    .pf-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 64rem) {
    .pf-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .pf-tile__box {
    position: relative;
    display: grid;
    aspect-ratio: 4/5;
    place-items: center;
    overflow: clip;
    border-radius: 0.875rem;
    background-image: radial-gradient(circle at 50% 35%, #2b5694, #0f2446);
  }
  .pf-tile__box-2 {
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
    --w: clamp(6rem, 10vw, 12rem);
  }
  @media (hover: hover) {
    .pf-tile__box-2:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .pf-tile__list {
    position: absolute;
    inset-inline: calc(var(--spacing) * 3);
    bottom: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
    opacity: 0;
    transition-property: opacity, translate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .pf-tile__list:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }
  }
  .pf-tile__item {
    border-radius: 2147483647px;
    background-color: #0a1830d9;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gold);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pf-tile__item {
      background-color: color-mix(in oklab, var(--color-navy-950) 85%, transparent);
    }
  }
  .pf-tile__text {
    margin-top: calc(var(--spacing) * 3);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.1rem, 1.3vw, 1.4rem);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .pf-tile__text-2 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate);
  }
  .pf-tile__box-3 {
    position: relative;
    display: grid;
    aspect-ratio: 4/5;
    place-items: center;
    overflow: clip;
    border-radius: 0.875rem;
    background-image: radial-gradient(circle at 50% 35%, #fbf6ea, #e4d8bd);
  }
  .pf-tile__box-4 {
    position: relative;
    display: grid;
    aspect-ratio: 4/5;
    place-items: center;
    overflow: clip;
    border-radius: 0.875rem;
    background-image: radial-gradient(circle at 50% 35%, #e8f0fa, #a9c0d8);
  }
  .marquee--navy {
    display: flex;
    height: clamp(3.5rem, 3.6vw, 4.4rem);
    rotate: -1.2deg;
    align-items: center;
    overflow: clip;
    background-color: var(--color-navy-950);
    color: var(--color-cream);
  }
  .marquee-track__label-5 {
    color: var(--color-gold);
  }
  .main__section-12 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-top: clamp(4rem, 8vw, 9rem);
    padding-bottom: clamp(3rem, 5vw, 6rem);
    --wrap: 85.75rem;
  }
  .main__box-21 {
    margin-top: clamp(3rem, 6vw, 6rem);
  }
  .main__list-5 {
    display: grid;
    align-items: stretch;
    gap: calc(var(--spacing) * 6);
  }
  @media (min-width: 64rem) {
    .main__list-5 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .pt-card--cream {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 1.25rem;
    background-color: var(--color-cream);
    padding: clamp(1.5rem, 2.4vw, 2.5rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .pt-card__label {
    width: fit-content;
    border-radius: 2147483647px;
    background-color: var(--color-sky);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-navy-950);
    text-transform: uppercase;
  }
  .pt-card__subheading {
    margin-top: calc(var(--spacing) * 6);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(2.4rem, 3.4vw, 3.6rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .pt-card__text {
    margin-top: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a1830bf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pt-card__text {
      color: color-mix(in oklab, var(--color-navy-950) 75%, transparent);
    }
  }
  .pt-card__box {
    margin-top: calc(var(--spacing) * 6);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: #0a183026;
    padding-block: calc(var(--spacing) * 5);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pt-card__box {
      border-color: color-mix(in oklab, var(--color-navy-950) 15%, transparent);
    }
  }
  .pt-card__text-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 3);
  }
  .pt-card__label-2 {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(2.8rem, 3.6vw, 3.8rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .pt-card__label-3 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0a183073;
    text-decoration-line: line-through;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pt-card__label-3 {
      color: color-mix(in oklab, var(--color-navy-950) 45%, transparent);
    }
  }
  .pt-card__label--navy {
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-gold);
    text-transform: uppercase;
  }
  .pt-card__text-3 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-slate);
    text-transform: uppercase;
  }
  .pt-card__list {
    margin-top: calc(var(--spacing) * 6);
  }
  :where(.pt-card__list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .pt-feature {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .pt-feature__label {
    margin-top: calc(var(--spacing) * 0.5);
    display: grid;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
  }
  .pt-feature__icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .pt-card__box-2 {
    margin-top: auto;
    padding-top: calc(var(--spacing) * 10);
  }
  .btn--navy-2 {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-navy-950);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-cream);
    text-transform: uppercase;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --ink: var(--color-gold);
  }
  @media (hover: hover) {
    .btn--navy-2:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--navy-2:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--navy-2:disabled {
    opacity: 0.6;
  }
  .pt-card--navy {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 1.25rem;
    background-color: var(--color-navy-950);
    padding: clamp(1.5rem, 2.4vw, 2.5rem);
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    --ink: var(--color-gold);
  }
  @media (min-width: 64rem) {
    .pt-card--navy {
      --tw-translate-y: calc(var(--spacing) * -6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .pt-card__label--gold {
    width: fit-content;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-navy-950);
    text-transform: uppercase;
  }
  .pt-card__text-4 {
    margin-top: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #f8f5eccc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pt-card__text-4 {
      color: color-mix(in oklab, var(--color-cream) 80%, transparent);
    }
  }
  .pt-card__box-3 {
    margin-top: calc(var(--spacing) * 6);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: #f8f5ec26;
    padding-block: calc(var(--spacing) * 5);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pt-card__box-3 {
      border-color: color-mix(in oklab, var(--color-cream) 15%, transparent);
    }
  }
  .pt-card__label-4 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #f8f5ec80;
    text-decoration-line: line-through;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pt-card__label-4 {
      color: color-mix(in oklab, var(--color-cream) 50%, transparent);
    }
  }
  .pt-card__label-5 {
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
  }
  .pt-card__text-5 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-gold);
    text-transform: uppercase;
  }
  .pt-feature__label--gold {
    margin-top: calc(var(--spacing) * 0.5);
    display: grid;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    color: var(--color-navy-950);
  }
  .btn--gold-2 {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-gold);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .btn--gold-2:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--gold-2:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--gold-2:disabled {
    opacity: 0.6;
  }
  .main__text-7 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 12);
    max-width: 46rem;
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a1830b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-7 {
      color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .main__section-13 {
    background-color: #f1ecdf;
    padding-block: clamp(4rem, 7vw, 8rem);
  }
  .main__box-22 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
  }
  .main__box-23 {
    margin-top: clamp(3rem, 5vw, 5rem);
  }
  .main__box-24 {
    position: relative;
  }
  .main__box-25 {
    position: absolute;
    top: 1.65rem;
    right: 12.5%;
    left: 12.5%;
    display: none;
    height: var(--spacing);
    overflow: clip;
    border-radius: 2147483647px;
    background-color: #0a18301a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__box-25 {
      background-color: color-mix(in oklab, var(--color-navy-950) 10%, transparent);
    }
  }
  @media (min-width: 48rem) {
    .main__box-25 {
      display: block;
    }
  }
  .pr-fill {
    position: absolute;
    inset: 0;
    transform-origin: 0;
    background-color: var(--color-gold);
  }
  .main__list-6 {
    display: grid;
    gap: calc(var(--spacing) * 8);
  }
  @media (min-width: 48rem) {
    .main__list-6 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .main__item-2 {
    position: relative;
    text-align: center;
  }
  .pr-dot {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    display: grid;
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
    place-items: center;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-navy-950);
    background-color: var(--color-cream);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .main__subheading {
    margin-top: calc(var(--spacing) * 5);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .main__text-8 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 2);
    max-width: 15rem;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a1830bf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-8 {
      color: color-mix(in oklab, var(--color-navy-950) 75%, transparent);
    }
  }
  .main__box-26 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    gap: calc(var(--spacing) * 12);
    padding-block: clamp(4rem, 7vw, 8rem);
  }
  @media (min-width: 64rem) {
    .main__box-26 {
      grid-template-columns: 0.6fr 1.4fr;
      gap: calc(var(--spacing) * 20);
    }
  }
  @media (min-width: 64rem) {
    .main__aside {
      position: sticky;
      top: calc(var(--spacing) * 32);
      align-self: flex-start;
    }
  }
  .main__list-7 {
    position: relative;
    margin-top: calc(var(--spacing) * 6);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #0a18301a;
  }
  :where(.main__list-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__list-7 {
      border-color: color-mix(in oklab, var(--color-navy-950) 10%, transparent);
    }
  }
  .faq-topic {
    position: relative;
    margin-left: calc(var(--spacing) * -0.5);
    display: block;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #0000;
    padding-block: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 5);
    text-align: left;
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.2rem, 1.5vw, 1.6rem);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a183066;
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-topic {
      color: color-mix(in oklab, var(--color-navy-950) 40%, transparent);
    }
  }
  @media (hover: hover) {
    .faq-topic:hover {
      color: #0a1830b3;
    }
  }
  @media (hover: hover) {
    @supports (color: color-mix(in lab, red, red)) {
      .faq-topic:hover {
        color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
      }
    }
  }
  .faq-topic__label {
    margin-left: calc(var(--spacing) * 2);
    vertical-align: middle;
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate);
  }
  .main__box-27 {
    margin-top: calc(var(--spacing) * 10);
    border-radius: 1rem;
    background-color: var(--color-gold);
    padding: calc(var(--spacing) * 6);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .main__text-9 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .main__text-10 {
    margin-top: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a1830bf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-10 {
      color: color-mix(in oklab, var(--color-navy-950) 75%, transparent);
    }
  }
  .main__list-8 {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .main__link-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gold);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .main__link-2:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  :where(.main__box-28 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(clamp(3rem, 5vw, 5rem) * var(--tw-space-y-reverse));
    margin-block-end: calc(clamp(3rem, 5vw, 5rem) * calc(1 - var(--tw-space-y-reverse)));
  }
  .faq-h-getting-started {
    scroll-margin-top: calc(var(--spacing) * 32);
  }
  .faq-h-getting-started__heading {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .faq-h-getting-started__list {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-getting-started__list {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-getting-started__item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-getting-started__item {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-process-timeline {
    scroll-margin-top: calc(var(--spacing) * 32);
  }
  .faq-h-process-timeline__heading {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .faq-h-process-timeline__list {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-process-timeline__list {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-process-timeline__item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-process-timeline__item {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-rights-royalties {
    scroll-margin-top: calc(var(--spacing) * 32);
  }
  .faq-h-rights-royalties__heading {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .faq-h-rights-royalties__list {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-rights-royalties__list {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-rights-royalties__item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-rights-royalties__item {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-pricing-payment {
    scroll-margin-top: calc(var(--spacing) * 32);
  }
  .faq-h-pricing-payment__heading {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .faq-h-pricing-payment__list {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-pricing-payment__list {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-pricing-payment__item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-pricing-payment__item {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-distribution-marketing {
    scroll-margin-top: calc(var(--spacing) * 32);
  }
  .faq-h-distribution-marketing__heading {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-navy-950);
  }
  .faq-h-distribution-marketing__list {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-distribution-marketing__list {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .faq-h-distribution-marketing__item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #0a183040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .faq-h-distribution-marketing__item {
      border-color: color-mix(in oklab, var(--color-navy-950) 25%, transparent);
    }
  }
  .main__section-14 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(4rem, 7vw, 8rem);
    --wrap: 108rem;
  }
  .main__list-9 {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  @media (min-width: 48rem) {
    .main__list-9 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .main__box-29 {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 16rem;
    flex-direction: column;
    border-radius: 1.25rem;
    background-color: var(--color-gold);
    padding: clamp(1.5rem, 2.4vw, 2.5rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: translate, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .main__box-29:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 8px 8px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main__label-11 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main__label-12 {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
  }
  .main__label-13 {
    display: grid;
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    place-items: center;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: currentColor;
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .main__label-13:is(:where(.group):hover *) {
      rotate: 45deg;
    }
  }
  .main__link-3 {
    margin-top: auto;
    padding-top: calc(var(--spacing) * 10);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.4rem, 2vw, 2.2rem);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .main__link-3:after {
    position: absolute;
    inset: 0;
    content: var(--tw-content);
    border-radius: 1.25rem;
  }
  .main__label-14 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.75;
  }
  .main__label-14 a {
    position: relative;
    z-index: 10;
  }
  .main__link-4 {
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }
  .main__box-30 {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 16rem;
    flex-direction: column;
    border-radius: 1.25rem;
    background-color: var(--color-navy-950);
    padding: clamp(1.5rem, 2.4vw, 2.5rem);
    color: var(--color-cream);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: translate, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --ink: var(--color-gold);
  }
  @media (hover: hover) {
    .main__box-30:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 8px 8px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main__link-5 {
    margin-top: auto;
    padding-top: calc(var(--spacing) * 10);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.1rem, 1.35vw, 1.5rem);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .main__link-5:after {
    position: absolute;
    inset: 0;
    content: var(--tw-content);
    border-radius: 1.25rem;
  }
  .main__box--sky {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 16rem;
    flex-direction: column;
    border-radius: 1.25rem;
    background-color: var(--color-sky);
    padding: clamp(1.5rem, 2.4vw, 2.5rem);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: translate, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .main__box--sky:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 8px 8px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main__section-15 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    gap: calc(var(--spacing) * 12);
    padding-bottom: clamp(4rem, 7vw, 8rem);
  }
  @media (min-width: 64rem) {
    .main__section-15 {
      grid-template-columns: 0.8fr 1.2fr;
      gap: calc(var(--spacing) * 20);
    }
  }
  .main__section-16 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(4rem, 7vw, 8rem);
    --wrap: 108rem;
  }
  :where(.main__section-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  .main__link-6 {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: clip;
    border-radius: 1.25rem;
    background-color: var(--color-cream);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  @media (min-width: 64rem) {
    .main__link-6 {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
    }
  }
  .main__box-31 {
    position: relative;
    aspect-ratio: 16/10;
    overflow: clip;
  }
  @media (min-width: 64rem) {
    .main__box-31 {
      aspect-ratio: auto;
      min-height: 28rem;
    }
  }
  .main__image-2 {
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 1s;
    transition-duration: 1s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .main__image-2:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .main__label-15 {
    position: absolute;
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .main__box-32 {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(1.5rem, 3vw, 3.5rem);
  }
  .main__text-11 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-slate);
    text-transform: uppercase;
  }
  .main__subheading-2 {
    margin-top: calc(var(--spacing) * 3);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.9rem, 3vw, 3.2rem);
    --tw-leading: 1.05;
    line-height: 1.05;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .main__text-12 {
    margin-top: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0a1830bf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__text-12 {
      color: color-mix(in oklab, var(--color-navy-950) 75%, transparent);
    }
  }
  .main__label-16 {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .main__label-17 {
    display: grid;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  @media (hover: hover) {
    .main__label-17:is(:where(.group):hover *) {
      rotate: 45deg;
    }
  }
  .main__list-10 {
    display: grid;
    gap: calc(var(--spacing) * 6);
  }
  @media (min-width: 48rem) {
    .main__list-10 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .main__link-7 {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: clip;
    border-radius: 1.25rem;
    background-color: var(--color-cream);
    color: var(--color-navy-950);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .main__box-33 {
    position: relative;
    aspect-ratio: 16/10;
    overflow: clip;
  }
  .main__box-34 {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing) * 6);
  }
  .main__subheading-3 {
    margin-top: calc(var(--spacing) * 3);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: clamp(1.35rem, 1.6vw, 1.7rem);
    --tw-leading: 1.05;
    line-height: 1.05;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .reading-progress {
    position: fixed;
    inset-inline: 0;
    top: 0;
    z-index: 60;
    height: var(--spacing);
    transform-origin: 0;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--color-gold);
  }
  .main__section-17 {
    position: relative;
    height: clamp(30rem, 62svh, 40rem);
    padding: clamp(0.6rem, 1.5625vw, 1.875rem);
  }
  .ph-title--title-2 {
    margin-top: calc(var(--spacing) * 5);
    max-width: 18ch;
    font-size: clamp(2.3rem, 3.9vw, 3.875rem);
    line-height: 1.0833;
    color: var(--color-cream);
    perspective: 600px;
  }
  .article {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-block: clamp(3rem, 6vw, 6rem);
    --wrap: 46rem;
  }
  .article__text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-slate);
    text-transform: uppercase;
  }
  .article__figure {
    position: relative;
    margin-top: calc(var(--spacing) * 8);
    aspect-ratio: 16/9;
    overflow: clip;
    border-radius: 1rem;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .article__image {
    object-fit: cover;
  }
  .article__box {
    color: #0a1830e0;
    font-size: clamp(1.0625rem, 1.05vw, 1.1875rem);
    line-height: 1.75;
    margin-top: calc(var(--spacing) * 12);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .article__box {
      color: color-mix(in oklab, var(--color-navy-950) 88%, transparent);
    }
  }
  .article__box h2 {
    color: var(--color-navy-950);
    margin-top: 2.6em;
    margin-bottom: 0.6em;
    scroll-margin-top: 7rem;
    font-size: clamp(1.6rem, 2vw, 2.25rem);
    line-height: 1.1;
  }
  .article__box p + p {
    margin-top: 1.1em;
  }
  .article__box > section:first-child > h2 {
    margin-top: 0;
  }
  .main__section-18 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    padding-bottom: clamp(3rem, 5vw, 6rem);
    --wrap: 85.75rem;
  }
  .main__list-11 {
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    gap: calc(var(--spacing) * 6);
  }
  @media (min-width: 48rem) {
    .main__list-11 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .main__box-35 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    gap: calc(var(--spacing) * 12);
    padding-block: clamp(3rem, 6vw, 6rem);
    --wrap: 72rem;
  }
  @media (min-width: 64rem) {
    .main__box-35 {
      grid-template-columns: 16rem 1fr;
      gap: calc(var(--spacing) * 20);
    }
  }
  @media (min-width: 64rem) {
    .on-this-page {
      position: sticky;
      top: calc(var(--spacing) * 32);
      align-self: flex-start;
    }
  }
  .on-this-page__text {
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-navy-950);
  }
  .on-this-page__list {
    margin-top: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #0a18301a;
    padding-left: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :where(.on-this-page__list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .on-this-page__list {
      border-color: color-mix(in oklab, var(--color-navy-950) 10%, transparent);
    }
  }
  .on-this-page__link {
    color: #0a1830b3;
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .on-this-page__link {
      color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  @media (hover: hover) {
    .on-this-page__link:hover {
      color: var(--color-navy-950);
    }
  }
  .main__box-36 {
    color: #0a1830e0;
    font-size: clamp(1.0625rem, 1.05vw, 1.1875rem);
    line-height: 1.75;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main__box-36 {
      color: color-mix(in oklab, var(--color-navy-950) 88%, transparent);
    }
  }
  .main__box-36 h2 {
    color: var(--color-navy-950);
    margin-top: 2.6em;
    margin-bottom: 0.6em;
    scroll-margin-top: 7rem;
    font-size: clamp(1.6rem, 2vw, 2.25rem);
    line-height: 1.1;
  }
  .main__box-36 p + p {
    margin-top: 1.1em;
  }
  .main__box-36 > section:first-child > h2 {
    margin-top: 0;
  }
  .main__link-8 {
    text-decoration-line: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 4px;
  }
  @media (hover: hover) {
    .main__link-8:hover {
      color: var(--color-gold-deep);
    }
  }
  .skip-link {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    border-radius: var(--radius-md);
    background-color: var(--color-navy-950);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-cream);
  }
  .skip-link:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    position: fixed;
    top: calc(var(--spacing) * 3);
    left: calc(var(--spacing) * 3);
  }
  .site-header {
    position: fixed;
    inset-inline: 0;
    top: 0;
    z-index: 50;
    transition-property: transform, translate, scale, rotate;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  .site-header__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: var(--gutter);
    padding-top: clamp(1.4rem, 3.2vw, 3.8125rem);
    transition-property: padding;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  .site-header__home {
    border-radius: var(--radius-xl);
    transition-property: background-color, padding, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .site-header__logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: 12px;
    --tw-leading: 1;
    line-height: 1;
    transition-property: font-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  @media (min-width: 40rem) {
    .site-header__logo {
      font-size: 14px;
    }
  }
  @media (min-width: 64rem) {
    .site-header__logo {
      font-size: 1.375rem;
    }
  }
  .site-nav {
    display: none;
    align-items: center;
    gap: 0.3125rem;
  }
  @media (min-width: 48rem) {
    .site-nav {
      display: flex;
    }
  }
  .site-nav__pill {
    display: flex;
    height: calc(var(--spacing) * 10);
    align-items: center;
    border-radius: var(--radius-lg);
    background-color: #caddf3e6;
    padding-inline: calc(var(--spacing) * 2);
    --tw-shadow: 0 12px 40px -16px var(--tw-shadow-color, #0a183080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .site-nav__pill {
      background-color: color-mix(in oklab, var(--color-sky) 90%, transparent);
    }
  }
  .site-nav__item {
    position: relative;
  }
  .site-nav__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--spacing);
    padding-inline: 1.0625rem;
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
  }
  .site-nav__underline {
    position: absolute;
    inset-inline: calc(var(--spacing) * 4);
    bottom: var(--spacing);
    height: 1px;
    transform-origin: 0;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--color-navy-950);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .site-nav__underline:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .site-nav__chevron {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .site-nav__dropdown {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 22rem;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-top: calc(var(--spacing) * 3);
    opacity: 0;
    transition-property: opacity, translate, visibility;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  .site-nav__menu {
    border-radius: var(--radius-xl);
    background-color: var(--color-cream);
    padding: calc(var(--spacing) * 2);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
  }
  .site-nav__menu-link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .site-nav__menu-link:hover {
      background-color: #caddf399;
    }
  }
  @media (hover: hover) {
    @supports (color: color-mix(in lab, red, red)) {
      .site-nav__menu-link:hover {
        background-color: color-mix(in oklab, var(--color-sky) 60%, transparent);
      }
    }
  }
  .site-nav__menu-link__label {
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-md);
    background-color: var(--color-navy-950);
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gold);
  }
  .site-nav__menu-link__label-2 {
    flex: 1;
  }
  .site-nav__menu-link__label-3 {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  .site-nav__menu-link__label-4 {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate);
  }
  .site-nav__menu-link__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--color-navy-950);
    opacity: 0;
    transition-property: opacity, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .site-nav__menu-link__icon:is(:where(.group-item):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }
  }
  .btn--white {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-navy-950);
    text-transform: uppercase;
    --tw-shadow: 0 0 #0000 !important;
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    transition-property: transform, box-shadow;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .btn--white:hover {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 7px 7px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .btn--white:active {
    --tw-translate-x: var(--spacing);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 1px 1px 0 var(--tw-shadow-color, var(--ink, var(--color-navy-950)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--white:disabled {
    opacity: 0.6;
  }
  .btn__label--gold {
    position: relative;
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    place-items: center;
    overflow: clip;
    border-radius: var(--radius-md);
    background-color: var(--color-gold);
  }
  .burger {
    position: relative;
    display: grid;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    place-items: center;
    border-radius: var(--radius-xl);
    background-color: var(--color-sky);
    color: var(--color-navy-950);
  }
  @media (min-width: 48rem) {
    .burger {
      display: none;
    }
  }
  .burger__line-top {
    position: absolute;
    height: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 5);
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 0.25rem;
    background-color: currentColor;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .burger__line-bottom {
    position: absolute;
    height: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 5);
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 0.25rem;
    background-color: currentColor;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .mobile-nav {
    visibility: hidden;
    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background-color: var(--color-cream);
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 28);
    padding-bottom: calc(var(--spacing) * 10);
    opacity: 0;
    transition-property: opacity, visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  @media (min-width: 48rem) {
    .mobile-nav {
      display: none;
    }
  }
  :where(.mobile-nav__list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  .mobile-nav__item {
    transition-property: opacity, transform;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);
  }
  .mobile-nav__link {
    font-family: var(--font-fraunces), "Iowan Old Style", Georgia, serif;
    font-size: 2.6rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-navy-950);
  }
  .mobile-nav__item__list {
    margin-top: var(--spacing);
    margin-bottom: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
  }
  .mobile-nav__item__link {
    display: block;
    border-radius: var(--radius-md);
    background-color: #caddf399;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-navy-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .mobile-nav__item__link {
      background-color: color-mix(in oklab, var(--color-sky) 60%, transparent);
    }
  }
  .mobile-nav__cta {
    margin-top: calc(var(--spacing) * 8);
  }
  .page__footer {
    position: relative;
    overflow: clip;
    border-top-left-radius: clamp(1rem, 1.6vw, 1.5rem);
    border-top-right-radius: clamp(1rem, 1.6vw, 1.5rem);
    background-color: var(--color-navy-950);
    color: var(--color-cream);
  }
  .site-footer__box {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    display: grid;
    gap: calc(var(--spacing) * 12);
    padding-top: clamp(3rem, 4.8vw, 5.75rem);
  }
  @media (min-width: 64rem) {
    .site-footer__box {
      grid-template-columns: 1fr 16.5rem 10.75rem;
      gap: 0;
    }
  }
  .logo-3 {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: 14px;
    --tw-leading: 1;
    line-height: 1;
  }
  @media (min-width: 64rem) {
    .logo-3 {
      font-size: 1.375rem;
    }
  }
  .site-footer__text {
    margin-top: calc(var(--spacing) * 5);
    max-width: 22.75rem;
    font-size: 0.9375rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #f8f5ece6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .site-footer__text {
      color: color-mix(in oklab, var(--color-cream) 90%, transparent);
    }
  }
  .site-footer__box-2 {
    margin-top: calc(var(--spacing) * 7);
  }
  .site-footer__image {
    margin-top: 2.8rem;
    height: calc(var(--spacing) * 9);
    width: auto;
  }
  .footer__text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  @media (min-width: 64rem) {
    .footer__text {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .footer__list {
    margin-top: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :where(.footer__list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1.0625rem * var(--tw-space-y-reverse));
    margin-block-end: calc(1.0625rem * calc(1 - var(--tw-space-y-reverse)));
  }
  .footer__link {
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .footer__link:hover {
      color: var(--color-gold);
    }
  }
  .site-footer__text-2 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  @media (min-width: 64rem) {
    .site-footer__text-2 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .site-footer__list {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    gap: calc(var(--spacing) * 2);
  }
  .site-footer__link {
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    place-items: center;
    border-radius: 5px;
    background-color: var(--color-cream);
    color: var(--color-navy-950);
    transition-property: transform, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .site-footer__link:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      background-color: var(--color-gold);
    }
  }
  .site-footer__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .site-footer__link-2 {
    margin-top: calc(var(--spacing) * 6);
    display: block;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-sky);
  }
  @media (hover: hover) {
    .site-footer__link-2:hover {
      color: var(--color-cream);
    }
  }
  .site-footer__link-3 {
    margin-top: var(--spacing);
    display: block;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-sky);
  }
  @media (hover: hover) {
    .site-footer__link-3:hover {
      color: var(--color-cream);
    }
  }
  .site-footer__link-4 {
    margin-top: calc(var(--spacing) * 4);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #f8f5ecbf;
    font-style: normal;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .site-footer__link-4 {
      color: color-mix(in oklab, var(--color-cream) 75%, transparent);
    }
  }
  @media (hover: hover) {
    .site-footer__link-4:hover {
      color: var(--color-cream);
    }
  }
  .site-footer__box-3 {
    width: min(100% - 2 * var(--gutter), var(--wrap, 82rem));
    margin-inline: auto;
    margin-top: clamp(3.5rem, 5.8vw, 7rem);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding-bottom: clamp(2.5rem, 3.6vw, 4.4rem);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  @media (min-width: 40rem) {
    .site-footer__box-3 {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
  .site-footer__text-3 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (hover: hover) {
    .site-footer__link-5:hover {
      color: var(--color-gold);
    }
  }
  .site-footer__label {
    margin-inline: calc(var(--spacing) * 3);
    opacity: 0.6;
  }
  .cursor {
    pointer-events: none;
    position: fixed;
    inset: 0;
    z-index: 200;
    display: none;
  }
  @media (hover: hover) and (pointer: fine) {
    .cursor {
      display: block;
    }
  }
  .cursor__halo {
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    place-items: center;
    border-radius: 2147483647px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: #d4af37e6;
    opacity: 0;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .cursor__halo {
      border-color: color-mix(in oklab, var(--color-gold) 90%, transparent);
    }
  }
  .cursor__halo__label {
    font-size: 0.32rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-navy-950);
    text-transform: uppercase;
    opacity: 0;
  }
  .cursor__dot {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    opacity: 0;
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #0a183059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .booking-modal {
    position: fixed;
    inset: 0;
    z-index: 150;
    display: grid;
    place-items: center;
    padding: calc(var(--spacing) * 4);
  }
  @media (min-width: 40rem) {
    .booking-modal {
      padding: calc(var(--spacing) * 6);
    }
  }
  .bm-backdrop {
    position: absolute;
    inset: 0;
    background-color: #0a1830b3;
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bm-backdrop {
      background-color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .bm-panel {
    position: relative;
    display: grid;
    max-height: calc(100svh - 2rem);
    width: 100%;
    max-width: 60rem;
    overflow-y: auto;
    border-radius: 1.25rem;
    background-color: var(--color-gold);
    border: 1.5px solid var(--ink, var(--color-navy-950));
    box-shadow: 5px 5px 0 var(--ink, var(--color-navy-950));
    --ink: var(--color-navy-950);
  }
  @media (min-width: 48rem) {
    .bm-panel {
      grid-template-columns: 0.9fr 1.1fr;
      overflow: hidden;
    }
  }
  .bm-panel__button {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    z-index: 10;
    display: grid;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    font-size: var(--text-xl);
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-gold);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .bm-panel__button:hover {
      rotate: 90deg;
    }
  }
  .bm-panel__box {
    position: relative;
    isolation: isolate;
    overflow: clip;
    background-color: var(--color-navy-950);
    padding: clamp(1.5rem, 3vw, 2.75rem);
    color: var(--color-cream);
  }
  .bm-panel__icon {
    position: absolute;
    right: calc(var(--spacing) * -10);
    bottom: calc(var(--spacing) * -12);
    z-index: calc(10 * -1);
    height: calc(var(--spacing) * 64);
    width: auto;
    opacity: 0.06;
  }
  .bm-item--text {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold);
  }
  .bm-item__label {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #d4af3740);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .bm-item--heading {
    margin-top: calc(var(--spacing) * 4);
    font-size: clamp(1.9rem, 2.9vw, 3rem);
    line-height: 1.0833;
    color: var(--color-cream);
  }
  .bm-item--text-2 {
    margin-top: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #f8f5eccc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bm-item--text-2 {
      color: color-mix(in oklab, var(--color-cream) 80%, transparent);
    }
  }
  .bm-panel__list {
    margin-top: calc(var(--spacing) * 8);
  }
  :where(.bm-panel__list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .bm-item--item {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .bm-item__label--gold {
    margin-top: calc(var(--spacing) * 0.5);
    display: grid;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-gold);
    color: var(--color-navy-950);
  }
  .bm-item__icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .bm-item--text-3 {
    margin-top: calc(var(--spacing) * 10);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-sky);
  }
  .bm-item__link {
    color: var(--color-cream);
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }
  @media (hover: hover) {
    .bm-item__link:hover {
      color: var(--color-gold);
    }
  }
  .bm-panel__box-2 {
    padding: clamp(1.5rem, 3vw, 2.75rem);
    padding-top: clamp(3.5rem, 4vw, 3.75rem);
  }
  .bm-panel__form {
    position: relative;
    text-align: left;
  }
  :where(.bm-panel__form > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .bm-panel__subheading {
    margin-bottom: 1.9rem !important;
    font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
    font-size: 1.75rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-navy-950);
  }
  .bm-panel__box-3 {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: clip;
    opacity: 0;
  }
  .bm-panel__label {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .bm-panel__field {
    width: 100%;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-navy-950);
    background-color: var(--color-cream);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.875rem;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-navy-950);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
  }
  .bm-panel__field::placeholder {
    color: #0a1830b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bm-panel__field::placeholder {
      color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .bm-panel__field:focus {
    --tw-shadow: 3px 3px 0 var(--tw-shadow-color, var(--color-navy-950));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .bm-panel__field[aria-invalid="true"] {
    border-color: var(--color-red-700);
  }
  .bm-panel__field--cream {
    min-height: 6.25rem;
    width: 100%;
    resize: none;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-navy-950);
    background-color: var(--color-cream);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.875rem;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-navy-950);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
  }
  .bm-panel__field--cream::placeholder {
    color: #0a1830b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bm-panel__field--cream::placeholder {
      color: color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .bm-panel__field--cream:focus {
    --tw-shadow: 3px 3px 0 var(--tw-shadow-color, var(--color-navy-950));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .bm-panel__field--cream[aria-invalid="true"] {
    border-color: var(--color-red-700);
  }
  .bm-panel__box-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .bm-panel__text {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
  }
  .bm-panel__label--navy {
    display: grid;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    place-items: center;
    border-radius: 2147483647px;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
  }
  .bm-panel__icon-2 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .bm-panel__text-2 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-red-800);
  }
  .bm-panel__text-2:empty {
    display: none;
  }

  /* ───────── 5. States toggled by JavaScript ───────── */

  /* header hides while scrolling down */
  .site-header.is-hidden {
    --tw-translate-y: calc(130% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  /* header tucks up once the page has scrolled */
  .site-header.is-scrolled .site-header__bar {
    padding-top: clamp(0.75rem, 1.1vw, 1.25rem);
  }

  /* home: the bar waits for the hero intro (assets/js/hero.js fades it in) */
  body.page-home .site-header__bar {
    opacity: 0;
  }

  /* logo sits on a cream pill once scrolled */
  .site-header.is-scrolled:not(.is-open) .site-header__home {
    background-color: #f8f5ecd9;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-shadow: 0 10px 30px -14px var(--tw-shadow-color, #0a183066);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .site-header.is-scrolled:not(.is-open) .site-header__home {
      background-color: color-mix(in oklab, var(--color-cream) 85%, transparent);
    }
  }

  /* smaller logo once scrolled */
  @media (min-width: 64rem) {
    .site-header.is-scrolled .site-header__logo {
      font-size: 1rem;
    }
  }

  /* services dropdown open */
  .site-nav__item.is-menu .site-nav__chevron {
    rotate: 180deg;
  }
  .site-nav__item.is-menu .site-nav__dropdown {
    visibility: visible;
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }

  /* active page underline */
  .site-nav__link[aria-current="page"] .site-nav__underline {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  /* mobile menu open */
  .site-header.is-open .burger__line-top {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
  }
  .site-header.is-open .burger__line-bottom {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: -45deg;
  }
  .mobile-nav.is-open {
    visibility: visible;
    opacity: 1;
  }
  .mobile-nav__link[aria-current="page"] {
    color: var(--color-gold-deep);
  }

  /* FAQ answer open */
  .faq-answer.is-open {
    grid-template-rows: 1fr;
  }
  .faq-question[aria-expanded="true"] .faq-question__icon {
    rotate: 180deg;
    background-color: var(--color-navy-950);
    color: var(--color-gold);
  }

  /* FAQ page: topic in view */
  .faq-topic[aria-current="true"] {
    border-color: var(--color-gold);
    color: var(--color-navy-950);
  }

  /* portfolio: selected genre */
  .filter-chip[aria-pressed="true"] {
    background-color: var(--color-navy-950);
    color: var(--color-gold);
  }

  /* home: the 3D book arch fades in once it has drawn */
  .arch-stage.is-ready {
    opacity: 1;
  }
}

/* Ghostwriting origin: history + Emmaus difference (two-column). */
.main__section-2.gw-origin {
  padding-bottom: clamp(1.5rem, 3vw, 3rem);
}
.gw-origin__list {
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
}
.gw-origin__cta {
  margin-top: 1.75rem;
}
.gw-origin__item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0 0 0.85rem;
  font-size: clamp(0.95rem, 1.05vw, 1.05rem);
  font-weight: 700;
  line-height: 1.45;
  color: #0a1830;
}
.gw-origin__mark {
  flex: 0 0 auto;
  margin-top: 0.1em;
  color: #c9a227;
}
.gw-origin__media {
  position: relative;
}
.gw-origin__figure {
  position: relative;
  margin: 0;
  aspect-ratio: 3 / 4;
  overflow: clip;
  border-radius: 1rem;
  border: 1.5px solid var(--ink, #0a1830);
  box-shadow: 5px 5px 0 var(--ink, #0a1830);
  background: #ebe3d0;
}
.gw-origin__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gw-origin__caption {
  margin: 1rem 0 0;
  max-width: 28rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
  color: #0a1830b3;
}
@media (max-width: 63.99rem) {
  .gw-origin__figure {
    max-width: 28rem;
    margin-inline: auto;
  }
  .gw-origin__caption {
    text-align: center;
    margin-inline: auto;
  }
}