/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --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-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --font-serif: "Kante", ui-serif, serif;
    --font-sans: "TT Norms Pro Variable", ui-sans-serif, system-ui, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-display: "Puffling", ui-sans-serif;
    --color-light: #fefbfb;
    --color-dark: #090c02;
    --color-shade: #90928a;
    --color-primary: #325f3d;
    --color-primary-shade: #cae0cf;
    --color-secondary: #933631;
    --color-secondary-shade: #df928e;
    --color-focus: #264ab8;
    --color-buddy: #fcd087;
    --color-buddy-shade: #f6bd60;
    --color-buddy-shadier: #f8a245;
    --color-glass: color-mix(in srgb, #fefbfb, 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-glass: color-mix(in oklab, var(--color-light), 50%, transparent);
    }
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, 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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container\/brand {
    container-type: inline-size;
    container-name: brand;
  }
  .\@container {
    container-type: inline-size;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .z-10 {
    z-index: 10;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-2 {
    grid-column: 2;
  }
  .col-3 {
    grid-column: 3;
  }
  .col-4 {
    grid-column: 4;
  }
  .col-5 {
    grid-column: 5;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-7 {
    grid-column: 7;
  }
  .col-8 {
    grid-column: 8;
  }
  .col-9 {
    grid-column: 9;
  }
  .col-10 {
    grid-column: 10;
  }
  .col-11 {
    grid-column: 11;
  }
  .col-12 {
    grid-column: 12;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-9 {
    grid-column: span 9 / span 9;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-11 {
    grid-column: span 11 / span 11;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-start-4 {
    grid-column-start: 4;
  }
  .col-start-5 {
    grid-column-start: 5;
  }
  .col-start-6 {
    grid-column-start: 6;
  }
  .col-start-7 {
    grid-column-start: 7;
  }
  .col-start-8 {
    grid-column-start: 8;
  }
  .col-start-9 {
    grid-column-start: 9;
  }
  .col-start-10 {
    grid-column-start: 10;
  }
  .col-start-11 {
    grid-column-start: 11;
  }
  .col-start-12 {
    grid-column-start: 12;
  }
  .row-1 {
    grid-row: 1;
  }
  .row-2 {
    grid-row: 2;
  }
  .row-3 {
    grid-row: 3;
  }
  .row-4 {
    grid-row: 4;
  }
  .row-5 {
    grid-row: 5;
  }
  .row-6 {
    grid-row: 6;
  }
  .row-7 {
    grid-row: 7;
  }
  .row-8 {
    grid-row: 8;
  }
  .row-9 {
    grid-row: 9;
  }
  .row-10 {
    grid-row: 10;
  }
  .row-11 {
    grid-row: 11;
  }
  .row-12 {
    grid-row: 12;
  }
  .row-13 {
    grid-row: 13;
  }
  .row-14 {
    grid-row: 14;
  }
  .row-15 {
    grid-row: 15;
  }
  .row-16 {
    grid-row: 16;
  }
  .row-17 {
    grid-row: 17;
  }
  .row-18 {
    grid-row: 18;
  }
  .row-19 {
    grid-row: 19;
  }
  .row-20 {
    grid-row: 20;
  }
  .row-span-1 {
    grid-row: span 1 / span 1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-span-3 {
    grid-row: span 3 / span 3;
  }
  .row-span-4 {
    grid-row: span 4 / span 4;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .row-start-4 {
    grid-row-start: 4;
  }
  .row-start-5 {
    grid-row-start: 5;
  }
  .row-start-6 {
    grid-row-start: 6;
  }
  .row-start-7 {
    grid-row-start: 7;
  }
  .row-start-8 {
    grid-row-start: 8;
  }
  .row-start-9 {
    grid-row-start: 9;
  }
  .row-start-10 {
    grid-row-start: 10;
  }
  .row-start-11 {
    grid-row-start: 11;
  }
  .row-start-12 {
    grid-row-start: 12;
  }
  .row-start-13 {
    grid-row-start: 13;
  }
  .row-start-14 {
    grid-row-start: 14;
  }
  .row-start-15 {
    grid-row-start: 15;
  }
  .row-start-16 {
    grid-row-start: 16;
  }
  .row-start-17 {
    grid-row-start: 17;
  }
  .row-start-18 {
    grid-row-start: 18;
  }
  .row-start-19 {
    grid-row-start: 19;
  }
  .row-start-20 {
    grid-row-start: 20;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-auto {
    margin: auto;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mb-32 {
    margin-bottom: calc(var(--spacing) * 32);
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-auto {
    height: auto;
  }
  .h-min {
    height: min-content;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-1 {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .space-y-2 {
    :where(& > :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)));
    }
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .bg-light {
    background-color: var(--color-light);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-\[5cqw\] {
    font-size: 5cqw;
  }
  .text-\[9\.5cqw\] {
    font-size: 9.5cqw;
  }
  .text-\[10cqw\] {
    font-size: 10cqw;
  }
  .text-\[30cqw\] {
    font-size: 30cqw;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-\[100\] {
    --tw-font-weight: 100;
    font-weight: 100;
  }
  .font-\[300\] {
    --tw-font-weight: 300;
    font-weight: 300;
  }
  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-dark {
    color: var(--color-dark);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .font-stretch-100\% {
    font-stretch: 100%;
  }
  .font-stretch-\[15\%\] {
    font-stretch: 15%;
  }
  .font-stretch-\[45\%\] {
    font-stretch: 45%;
  }
  .font-stretch-\[75\%\] {
    font-stretch: 75%;
  }
  .font-stretch-\[100\%\] {
    font-stretch: 100%;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_2px_var\(--color-primary-shade\)\] {
    --tw-shadow: inset 0 2px var(--tw-shadow-color, var(--color-primary-shade));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    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,);
  }
  .filter {
    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,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-dark {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--color-dark);
      }
    }
  }
  .hover\:decoration-primary-shade {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--color-primary-shade);
      }
    }
  }
  .hover\:decoration-2 {
    &:hover {
      @media (hover: hover) {
        text-decoration-thickness: 2px;
      }
    }
  }
  .md\:col-1 {
    @media (width >= 48rem) {
      grid-column: 1;
    }
  }
  .md\:col-2 {
    @media (width >= 48rem) {
      grid-column: 2;
    }
  }
  .md\:col-3 {
    @media (width >= 48rem) {
      grid-column: 3;
    }
  }
  .md\:col-4 {
    @media (width >= 48rem) {
      grid-column: 4;
    }
  }
  .md\:col-5 {
    @media (width >= 48rem) {
      grid-column: 5;
    }
  }
  .md\:col-6 {
    @media (width >= 48rem) {
      grid-column: 6;
    }
  }
  .md\:col-7 {
    @media (width >= 48rem) {
      grid-column: 7;
    }
  }
  .md\:col-8 {
    @media (width >= 48rem) {
      grid-column: 8;
    }
  }
  .md\:col-9 {
    @media (width >= 48rem) {
      grid-column: 9;
    }
  }
  .md\:col-10 {
    @media (width >= 48rem) {
      grid-column: 10;
    }
  }
  .md\:col-11 {
    @media (width >= 48rem) {
      grid-column: 11;
    }
  }
  .md\:col-12 {
    @media (width >= 48rem) {
      grid-column: 12;
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-span-9 {
    @media (width >= 48rem) {
      grid-column: span 9 / span 9;
    }
  }
  .md\:col-span-10 {
    @media (width >= 48rem) {
      grid-column: span 10 / span 10;
    }
  }
  .md\:col-span-11 {
    @media (width >= 48rem) {
      grid-column: span 11 / span 11;
    }
  }
  .md\:col-span-12 {
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
  }
  .md\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .md\:col-start-2 {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  .md\:col-start-3 {
    @media (width >= 48rem) {
      grid-column-start: 3;
    }
  }
  .md\:col-start-4 {
    @media (width >= 48rem) {
      grid-column-start: 4;
    }
  }
  .md\:col-start-5 {
    @media (width >= 48rem) {
      grid-column-start: 5;
    }
  }
  .md\:col-start-6 {
    @media (width >= 48rem) {
      grid-column-start: 6;
    }
  }
  .md\:col-start-7 {
    @media (width >= 48rem) {
      grid-column-start: 7;
    }
  }
  .md\:col-start-8 {
    @media (width >= 48rem) {
      grid-column-start: 8;
    }
  }
  .md\:col-start-9 {
    @media (width >= 48rem) {
      grid-column-start: 9;
    }
  }
  .md\:col-start-10 {
    @media (width >= 48rem) {
      grid-column-start: 10;
    }
  }
  .md\:col-start-11 {
    @media (width >= 48rem) {
      grid-column-start: 11;
    }
  }
  .md\:col-start-12 {
    @media (width >= 48rem) {
      grid-column-start: 12;
    }
  }
  .md\:row-1 {
    @media (width >= 48rem) {
      grid-row: 1;
    }
  }
  .md\:row-2 {
    @media (width >= 48rem) {
      grid-row: 2;
    }
  }
  .md\:row-3 {
    @media (width >= 48rem) {
      grid-row: 3;
    }
  }
  .md\:row-4 {
    @media (width >= 48rem) {
      grid-row: 4;
    }
  }
  .md\:row-5 {
    @media (width >= 48rem) {
      grid-row: 5;
    }
  }
  .md\:row-6 {
    @media (width >= 48rem) {
      grid-row: 6;
    }
  }
  .md\:row-7 {
    @media (width >= 48rem) {
      grid-row: 7;
    }
  }
  .md\:row-8 {
    @media (width >= 48rem) {
      grid-row: 8;
    }
  }
  .md\:row-9 {
    @media (width >= 48rem) {
      grid-row: 9;
    }
  }
  .md\:row-10 {
    @media (width >= 48rem) {
      grid-row: 10;
    }
  }
  .md\:row-11 {
    @media (width >= 48rem) {
      grid-row: 11;
    }
  }
  .md\:row-12 {
    @media (width >= 48rem) {
      grid-row: 12;
    }
  }
  .md\:row-13 {
    @media (width >= 48rem) {
      grid-row: 13;
    }
  }
  .md\:row-14 {
    @media (width >= 48rem) {
      grid-row: 14;
    }
  }
  .md\:row-15 {
    @media (width >= 48rem) {
      grid-row: 15;
    }
  }
  .md\:row-16 {
    @media (width >= 48rem) {
      grid-row: 16;
    }
  }
  .md\:row-17 {
    @media (width >= 48rem) {
      grid-row: 17;
    }
  }
  .md\:row-18 {
    @media (width >= 48rem) {
      grid-row: 18;
    }
  }
  .md\:row-19 {
    @media (width >= 48rem) {
      grid-row: 19;
    }
  }
  .md\:row-20 {
    @media (width >= 48rem) {
      grid-row: 20;
    }
  }
  .md\:row-span-1 {
    @media (width >= 48rem) {
      grid-row: span 1 / span 1;
    }
  }
  .md\:row-span-2 {
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .md\:row-span-3 {
    @media (width >= 48rem) {
      grid-row: span 3 / span 3;
    }
  }
  .md\:row-span-4 {
    @media (width >= 48rem) {
      grid-row: span 4 / span 4;
    }
  }
  .md\:row-start-1 {
    @media (width >= 48rem) {
      grid-row-start: 1;
    }
  }
  .md\:row-start-2 {
    @media (width >= 48rem) {
      grid-row-start: 2;
    }
  }
  .md\:row-start-3 {
    @media (width >= 48rem) {
      grid-row-start: 3;
    }
  }
  .md\:row-start-4 {
    @media (width >= 48rem) {
      grid-row-start: 4;
    }
  }
  .md\:row-start-5 {
    @media (width >= 48rem) {
      grid-row-start: 5;
    }
  }
  .md\:row-start-6 {
    @media (width >= 48rem) {
      grid-row-start: 6;
    }
  }
  .md\:row-start-7 {
    @media (width >= 48rem) {
      grid-row-start: 7;
    }
  }
  .md\:row-start-8 {
    @media (width >= 48rem) {
      grid-row-start: 8;
    }
  }
  .md\:row-start-9 {
    @media (width >= 48rem) {
      grid-row-start: 9;
    }
  }
  .md\:row-start-10 {
    @media (width >= 48rem) {
      grid-row-start: 10;
    }
  }
  .md\:row-start-11 {
    @media (width >= 48rem) {
      grid-row-start: 11;
    }
  }
  .md\:row-start-12 {
    @media (width >= 48rem) {
      grid-row-start: 12;
    }
  }
  .md\:row-start-13 {
    @media (width >= 48rem) {
      grid-row-start: 13;
    }
  }
  .md\:row-start-14 {
    @media (width >= 48rem) {
      grid-row-start: 14;
    }
  }
  .md\:row-start-15 {
    @media (width >= 48rem) {
      grid-row-start: 15;
    }
  }
  .md\:row-start-16 {
    @media (width >= 48rem) {
      grid-row-start: 16;
    }
  }
  .md\:row-start-17 {
    @media (width >= 48rem) {
      grid-row-start: 17;
    }
  }
  .md\:row-start-18 {
    @media (width >= 48rem) {
      grid-row-start: 18;
    }
  }
  .md\:row-start-19 {
    @media (width >= 48rem) {
      grid-row-start: 19;
    }
  }
  .md\:row-start-20 {
    @media (width >= 48rem) {
      grid-row-start: 20;
    }
  }
  .md\:ml-auto {
    @media (width >= 48rem) {
      margin-left: auto;
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:col-1 {
    @media (width >= 64rem) {
      grid-column: 1;
    }
  }
  .lg\:col-2 {
    @media (width >= 64rem) {
      grid-column: 2;
    }
  }
  .lg\:col-3 {
    @media (width >= 64rem) {
      grid-column: 3;
    }
  }
  .lg\:col-4 {
    @media (width >= 64rem) {
      grid-column: 4;
    }
  }
  .lg\:col-5 {
    @media (width >= 64rem) {
      grid-column: 5;
    }
  }
  .lg\:col-6 {
    @media (width >= 64rem) {
      grid-column: 6;
    }
  }
  .lg\:col-7 {
    @media (width >= 64rem) {
      grid-column: 7;
    }
  }
  .lg\:col-8 {
    @media (width >= 64rem) {
      grid-column: 8;
    }
  }
  .lg\:col-9 {
    @media (width >= 64rem) {
      grid-column: 9;
    }
  }
  .lg\:col-10 {
    @media (width >= 64rem) {
      grid-column: 10;
    }
  }
  .lg\:col-11 {
    @media (width >= 64rem) {
      grid-column: 11;
    }
  }
  .lg\:col-12 {
    @media (width >= 64rem) {
      grid-column: 12;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:col-span-10 {
    @media (width >= 64rem) {
      grid-column: span 10 / span 10;
    }
  }
  .lg\:col-span-11 {
    @media (width >= 64rem) {
      grid-column: span 11 / span 11;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .lg\:col-start-3 {
    @media (width >= 64rem) {
      grid-column-start: 3;
    }
  }
  .lg\:col-start-4 {
    @media (width >= 64rem) {
      grid-column-start: 4;
    }
  }
  .lg\:col-start-5 {
    @media (width >= 64rem) {
      grid-column-start: 5;
    }
  }
  .lg\:col-start-6 {
    @media (width >= 64rem) {
      grid-column-start: 6;
    }
  }
  .lg\:col-start-7 {
    @media (width >= 64rem) {
      grid-column-start: 7;
    }
  }
  .lg\:col-start-8 {
    @media (width >= 64rem) {
      grid-column-start: 8;
    }
  }
  .lg\:col-start-9 {
    @media (width >= 64rem) {
      grid-column-start: 9;
    }
  }
  .lg\:col-start-10 {
    @media (width >= 64rem) {
      grid-column-start: 10;
    }
  }
  .lg\:col-start-11 {
    @media (width >= 64rem) {
      grid-column-start: 11;
    }
  }
  .lg\:col-start-12 {
    @media (width >= 64rem) {
      grid-column-start: 12;
    }
  }
  .lg\:row-1 {
    @media (width >= 64rem) {
      grid-row: 1;
    }
  }
  .lg\:row-2 {
    @media (width >= 64rem) {
      grid-row: 2;
    }
  }
  .lg\:row-3 {
    @media (width >= 64rem) {
      grid-row: 3;
    }
  }
  .lg\:row-4 {
    @media (width >= 64rem) {
      grid-row: 4;
    }
  }
  .lg\:row-5 {
    @media (width >= 64rem) {
      grid-row: 5;
    }
  }
  .lg\:row-6 {
    @media (width >= 64rem) {
      grid-row: 6;
    }
  }
  .lg\:row-7 {
    @media (width >= 64rem) {
      grid-row: 7;
    }
  }
  .lg\:row-8 {
    @media (width >= 64rem) {
      grid-row: 8;
    }
  }
  .lg\:row-9 {
    @media (width >= 64rem) {
      grid-row: 9;
    }
  }
  .lg\:row-10 {
    @media (width >= 64rem) {
      grid-row: 10;
    }
  }
  .lg\:row-11 {
    @media (width >= 64rem) {
      grid-row: 11;
    }
  }
  .lg\:row-12 {
    @media (width >= 64rem) {
      grid-row: 12;
    }
  }
  .lg\:row-13 {
    @media (width >= 64rem) {
      grid-row: 13;
    }
  }
  .lg\:row-14 {
    @media (width >= 64rem) {
      grid-row: 14;
    }
  }
  .lg\:row-15 {
    @media (width >= 64rem) {
      grid-row: 15;
    }
  }
  .lg\:row-16 {
    @media (width >= 64rem) {
      grid-row: 16;
    }
  }
  .lg\:row-17 {
    @media (width >= 64rem) {
      grid-row: 17;
    }
  }
  .lg\:row-18 {
    @media (width >= 64rem) {
      grid-row: 18;
    }
  }
  .lg\:row-19 {
    @media (width >= 64rem) {
      grid-row: 19;
    }
  }
  .lg\:row-20 {
    @media (width >= 64rem) {
      grid-row: 20;
    }
  }
  .lg\:row-span-1 {
    @media (width >= 64rem) {
      grid-row: span 1 / span 1;
    }
  }
  .lg\:row-span-2 {
    @media (width >= 64rem) {
      grid-row: span 2 / span 2;
    }
  }
  .lg\:row-span-3 {
    @media (width >= 64rem) {
      grid-row: span 3 / span 3;
    }
  }
  .lg\:row-span-4 {
    @media (width >= 64rem) {
      grid-row: span 4 / span 4;
    }
  }
  .lg\:row-start-1 {
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
  }
  .lg\:row-start-2 {
    @media (width >= 64rem) {
      grid-row-start: 2;
    }
  }
  .lg\:row-start-3 {
    @media (width >= 64rem) {
      grid-row-start: 3;
    }
  }
  .lg\:row-start-4 {
    @media (width >= 64rem) {
      grid-row-start: 4;
    }
  }
  .lg\:row-start-5 {
    @media (width >= 64rem) {
      grid-row-start: 5;
    }
  }
  .lg\:row-start-6 {
    @media (width >= 64rem) {
      grid-row-start: 6;
    }
  }
  .lg\:row-start-7 {
    @media (width >= 64rem) {
      grid-row-start: 7;
    }
  }
  .lg\:row-start-8 {
    @media (width >= 64rem) {
      grid-row-start: 8;
    }
  }
  .lg\:row-start-9 {
    @media (width >= 64rem) {
      grid-row-start: 9;
    }
  }
  .lg\:row-start-10 {
    @media (width >= 64rem) {
      grid-row-start: 10;
    }
  }
  .lg\:row-start-11 {
    @media (width >= 64rem) {
      grid-row-start: 11;
    }
  }
  .lg\:row-start-12 {
    @media (width >= 64rem) {
      grid-row-start: 12;
    }
  }
  .lg\:row-start-13 {
    @media (width >= 64rem) {
      grid-row-start: 13;
    }
  }
  .lg\:row-start-14 {
    @media (width >= 64rem) {
      grid-row-start: 14;
    }
  }
  .lg\:row-start-15 {
    @media (width >= 64rem) {
      grid-row-start: 15;
    }
  }
  .lg\:row-start-16 {
    @media (width >= 64rem) {
      grid-row-start: 16;
    }
  }
  .lg\:row-start-17 {
    @media (width >= 64rem) {
      grid-row-start: 17;
    }
  }
  .lg\:row-start-18 {
    @media (width >= 64rem) {
      grid-row-start: 18;
    }
  }
  .lg\:row-start-19 {
    @media (width >= 64rem) {
      grid-row-start: 19;
    }
  }
  .lg\:row-start-20 {
    @media (width >= 64rem) {
      grid-row-start: 20;
    }
  }
  .\[\&_p\]\:col-start-1 {
    & p {
      grid-column-start: 1;
    }
  }
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: 0;
  }
  ul[role="list"], ol[role="list"] {
    list-style: none;
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
  }
  a:not([class]) {
    text-decoration-skip-ink: auto;
  }
  img, picture, video {
    max-width: 100%;
    display: block;
    height: auto;
  }
  input, button, textarea, select {
    font: inherit;
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  @font-face {
    font-family: "TT Norms Pro Variable";
    src: url("../fonts/tt-norms-v.woff2") format("woff2 supports-variations"), url("../fonts/tt-norms-v.woff2") format("woff2-variations"), url("../fonts/tt-norms-v.woff") format("woff");
    font-weight: 100 950;
    font-stretch: 75% 125%;
    font-feature-settings: "ss02" on, "ss03" on, "ss04" on, "ss06" on;
    unicode-range: U+000D, U+0020-007E, U+00A0-0137, U+0139-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01F4-01F5, U+01FA-01FF, U+0218-021B, U+0232-0233, U+0237, U+0244, U+0259, U+0289, U+02BC, U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323, U+0326-0328, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+0400-045F, U+0462-0463, U+0472-0475, U+048A-04A5, U+04A8-04FF, U+0510-0513, U+051A-051D, U+0524-0529, U+052E-052F, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+203D, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20A9, U+20AB-20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113, U+2116-2117, U+2122, U+2126, U+212E, U+2150-215F, U+2190-2199, U+2202, U+2205-2206, U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2318, U+2460-2473, U+24EA-24F4, U+24FF, U+25CA, U+2776-277F, U+2E18, U+F49A-F49B, U+F4CC-F4CD, U+F4D4-F4D5, U+F50E-F511, U+F516-F51D, U+F520-F523, U+F526-F52F, U+F6D1, U+F6D4, U+F730-F739, U+F830-F831, U+F836-F837, U+F839-F83A, U+F83C-F83D, U+F842-F843, U+FB00-FB03, U+FB06, U+FFFF;
  }
  :root {
    --tt-norms-pro-variable-aalt: "aalt" off;
    --tt-norms-pro-variable-c2sc: "c2sc" off;
    --tt-norms-pro-variable-case: "case" off;
    --tt-norms-pro-variable-dlig: "dlig" off;
    --tt-norms-pro-variable-dnom: "dnom" off;
    --tt-norms-pro-variable-frac: "frac" off;
    --tt-norms-pro-variable-lnum: "lnum" off;
    --tt-norms-pro-variable-numr: "numr" off;
    --tt-norms-pro-variable-onum: "onum" off;
    --tt-norms-pro-variable-ordn: "ordn" off;
    --tt-norms-pro-variable-pnum: "pnum" off;
    --tt-norms-pro-variable-sinf: "sinf" off;
    --tt-norms-pro-variable-smcp: "smcp" off;
    --tt-norms-pro-variable-ss01: "ss01" off;
    --tt-norms-pro-variable-ss02: "ss02" off;
    --tt-norms-pro-variable-ss03: "ss03" off;
    --tt-norms-pro-variable-ss04: "ss04" off;
    --tt-norms-pro-variable-ss05: "ss05" off;
    --tt-norms-pro-variable-ss06: "ss06" off;
    --tt-norms-pro-variable-ss07: "ss07" off;
    --tt-norms-pro-variable-ss08: "ss08" off;
    --tt-norms-pro-variable-ss09: "ss09" off;
    --tt-norms-pro-variable-ss10: "ss10" off;
    --tt-norms-pro-variable-ss11: "ss11" off;
    --tt-norms-pro-variable-ss12: "ss12" off;
    --tt-norms-pro-variable-ss13: "ss13" off;
    --tt-norms-pro-variable-ss14: "ss14" off;
    --tt-norms-pro-variable-ss15: "ss15" off;
    --tt-norms-pro-variable-ss16: "ss16" off;
    --tt-norms-pro-variable-subs: "subs" off;
    --tt-norms-pro-variable-sups: "sups" off;
    --tt-norms-pro-variable-tnum: "tnum" off;
  }
  .tt-norms-pro-variable-aalt {
    --tt-norms-pro-variable-aalt: "aalt" on;
  }
  .tt-norms-pro-variable-c2sc {
    --tt-norms-pro-variable-c2sc: "c2sc" on;
  }
  .tt-norms-pro-variable-case {
    --tt-norms-pro-variable-case: "case" on;
  }
  .tt-norms-pro-variable-dlig {
    --tt-norms-pro-variable-dlig: "dlig" on;
  }
  @supports (font-variant-ligatures: discretionary-ligatures) {
    .tt-norms-pro-variable-dlig {
      --tt-norms-pro-variable-dlig: "____";
      font-variant-ligatures: discretionary-ligatures;
    }
  }
  .tt-norms-pro-variable-dnom {
    --tt-norms-pro-variable-dnom: "dnom" on;
  }
  .tt-norms-pro-variable-frac {
    --tt-norms-pro-variable-frac: "frac" on;
  }
  @supports (font-variant-numeric: diagonal-fractions) {
    .tt-norms-pro-variable-frac {
      --tt-norms-pro-variable-frac: "____";
      font-variant-numeric: diagonal-fractions;
    }
  }
  .tt-norms-pro-variable-lnum {
    --tt-norms-pro-variable-lnum: "lnum" on;
  }
  @supports (font-variant-numeric: lining-nums) {
    .tt-norms-pro-variable-lnum {
      --tt-norms-pro-variable-lnum: "____";
      font-variant-numeric: lining-nums;
    }
  }
  .tt-norms-pro-variable-numr {
    --tt-norms-pro-variable-numr: "numr" on;
  }
  .tt-norms-pro-variable-onum {
    --tt-norms-pro-variable-onum: "onum" on;
  }
  @supports (font-variant-numeric: oldstyle-nums) {
    .tt-norms-pro-variable-onum {
      --tt-norms-pro-variable-onum: "____";
      font-variant-numeric: oldstyle-nums;
    }
  }
  .tt-norms-pro-variable-ordn {
    --tt-norms-pro-variable-ordn: "ordn" on;
  }
  @supports (font-variant-numeric: ordinal) {
    .tt-norms-pro-variable-ordn {
      --tt-norms-pro-variable-ordn: "____";
      font-variant-numeric: ordinal;
    }
  }
  .tt-norms-pro-variable-pnum {
    --tt-norms-pro-variable-pnum: "pnum" on;
  }
  @supports (font-variant-numeric: proportional-nums) {
    .tt-norms-pro-variable-pnum {
      --tt-norms-pro-variable-pnum: "____";
      font-variant-numeric: proportional-nums;
    }
  }
  .tt-norms-pro-variable-sinf {
    --tt-norms-pro-variable-sinf: "sinf" on;
  }
  .tt-norms-pro-variable-smcp {
    --tt-norms-pro-variable-smcp: "smcp" on;
  }
  @supports (font-variant-caps: small-caps) {
    .tt-norms-pro-variable-smcp {
      --tt-norms-pro-variable-smcp: "____";
      font-variant-caps: small-caps;
    }
  }
  .tt-norms-pro-variable-ss01 {
    --tt-norms-pro-variable-ss01: "ss01" on;
  }
  .tt-norms-pro-variable-ss02 {
    --tt-norms-pro-variable-ss02: "ss02" on;
  }
  .tt-norms-pro-variable-ss03 {
    --tt-norms-pro-variable-ss03: "ss03" on;
  }
  .tt-norms-pro-variable-ss04 {
    --tt-norms-pro-variable-ss04: "ss04" on;
  }
  .tt-norms-pro-variable-ss05 {
    --tt-norms-pro-variable-ss05: "ss05" on;
  }
  .tt-norms-pro-variable-ss06 {
    --tt-norms-pro-variable-ss06: "ss06" on;
  }
  .tt-norms-pro-variable-ss07 {
    --tt-norms-pro-variable-ss07: "ss07" on;
  }
  .tt-norms-pro-variable-ss08 {
    --tt-norms-pro-variable-ss08: "ss08" on;
  }
  .tt-norms-pro-variable-ss09 {
    --tt-norms-pro-variable-ss09: "ss09" on;
  }
  .tt-norms-pro-variable-ss10 {
    --tt-norms-pro-variable-ss10: "ss10" on;
  }
  .tt-norms-pro-variable-ss11 {
    --tt-norms-pro-variable-ss11: "ss11" on;
  }
  .tt-norms-pro-variable-ss12 {
    --tt-norms-pro-variable-ss12: "ss12" on;
  }
  .tt-norms-pro-variable-ss13 {
    --tt-norms-pro-variable-ss13: "ss13" on;
  }
  .tt-norms-pro-variable-ss14 {
    --tt-norms-pro-variable-ss14: "ss14" on;
  }
  .tt-norms-pro-variable-ss15 {
    --tt-norms-pro-variable-ss15: "ss15" on;
  }
  .tt-norms-pro-variable-ss16 {
    --tt-norms-pro-variable-ss16: "ss16" on;
  }
  .tt-norms-pro-variable-subs {
    --tt-norms-pro-variable-subs: "subs" on;
  }
  @supports (font-variant-position: sub) {
    .tt-norms-pro-variable-subs {
      --tt-norms-pro-variable-subs: "____";
      font-variant-position: sub;
    }
  }
  .tt-norms-pro-variable-sups {
    --tt-norms-pro-variable-sups: "sups" on;
  }
  @supports (font-variant-position: super) {
    .tt-norms-pro-variable-sups {
      --tt-norms-pro-variable-sups: "____";
      font-variant-position: super;
    }
  }
  .tt-norms-pro-variable-tnum {
    --tt-norms-pro-variable-tnum: "tnum" on;
  }
  @supports (font-variant-numeric: tabular-nums) {
    .tt-norms-pro-variable-tnum {
      --tt-norms-pro-variable-tnum: "____";
      font-variant-numeric: tabular-nums;
    }
  }
  .tt-norms-pro-variable-aalt, .tt-norms-pro-variable-c2sc, .tt-norms-pro-variable-case, .tt-norms-pro-variable-dlig, .tt-norms-pro-variable-dnom, .tt-norms-pro-variable-frac, .tt-norms-pro-variable-lnum, .tt-norms-pro-variable-numr, .tt-norms-pro-variable-onum, .tt-norms-pro-variable-ordn, .tt-norms-pro-variable-pnum, .tt-norms-pro-variable-sinf, .tt-norms-pro-variable-smcp, .tt-norms-pro-variable-ss01, .tt-norms-pro-variable-ss02, .tt-norms-pro-variable-ss03, .tt-norms-pro-variable-ss04, .tt-norms-pro-variable-ss05, .tt-norms-pro-variable-ss06, .tt-norms-pro-variable-ss07, .tt-norms-pro-variable-ss08, .tt-norms-pro-variable-ss09, .tt-norms-pro-variable-ss10, .tt-norms-pro-variable-ss11, .tt-norms-pro-variable-ss12, .tt-norms-pro-variable-ss13, .tt-norms-pro-variable-ss14, .tt-norms-pro-variable-ss15, .tt-norms-pro-variable-ss16, .tt-norms-pro-variable-subs, .tt-norms-pro-variable-sups, .tt-norms-pro-variable-tnum {
    font-feature-settings: var(--tt-norms-pro-variable-aalt), var(--tt-norms-pro-variable-c2sc), var(--tt-norms-pro-variable-case), var(--tt-norms-pro-variable-dlig), var(--tt-norms-pro-variable-dnom), var(--tt-norms-pro-variable-frac), var(--tt-norms-pro-variable-lnum), var(--tt-norms-pro-variable-numr), var(--tt-norms-pro-variable-onum), var(--tt-norms-pro-variable-ordn), var(--tt-norms-pro-variable-pnum), var(--tt-norms-pro-variable-sinf), var(--tt-norms-pro-variable-smcp), var(--tt-norms-pro-variable-ss01), var(--tt-norms-pro-variable-ss02), var(--tt-norms-pro-variable-ss03), var(--tt-norms-pro-variable-ss04), var(--tt-norms-pro-variable-ss05), var(--tt-norms-pro-variable-ss06), var(--tt-norms-pro-variable-ss07), var(--tt-norms-pro-variable-ss08), var(--tt-norms-pro-variable-ss09), var(--tt-norms-pro-variable-ss10), var(--tt-norms-pro-variable-ss11), var(--tt-norms-pro-variable-ss12), var(--tt-norms-pro-variable-ss13), var(--tt-norms-pro-variable-ss14), var(--tt-norms-pro-variable-ss15), var(--tt-norms-pro-variable-ss16), var(--tt-norms-pro-variable-subs), var(--tt-norms-pro-variable-sups), var(--tt-norms-pro-variable-tnum);
  }
  .tt-norms-pro-variable-cond-thin {
    font-variation-settings: "wdth" 75, "wght" 100, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-thin-italic {
    font-variation-settings: "wdth" 75, "wght" 100, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-extralight {
    font-variation-settings: "wdth" 75, "wght" 144.446, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-extralight-italic {
    font-variation-settings: "wdth" 75, "wght" 144.446, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-light {
    font-variation-settings: "wdth" 75, "wght" 233.334, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-light-italic {
    font-variation-settings: "wdth" 75, "wght" 233.334, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-regular {
    font-variation-settings: "wdth" 75, "wght" 344.446, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-italic {
    font-variation-settings: "wdth" 75, "wght" 344.446, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-normal {
    font-variation-settings: "wdth" 75, "wght" 411.111, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-normal-italic {
    font-variation-settings: "wdth" 75, "wght" 411.111, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-medium {
    font-variation-settings: "wdth" 75, "wght" 500, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-medium-italic {
    font-variation-settings: "wdth" 75, "wght" 500, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-demibold {
    font-variation-settings: "wdth" 75, "wght" 545, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-demibold-italic {
    font-variation-settings: "wdth" 75, "wght" 545, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-bold {
    font-variation-settings: "wdth" 75, "wght" 620, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-bold-italic {
    font-variation-settings: "wdth" 75, "wght" 620, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-extrabold {
    font-variation-settings: "wdth" 75, "wght" 740, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-extrabold-italic {
    font-variation-settings: "wdth" 75, "wght" 740, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-black {
    font-variation-settings: "wdth" 75, "wght" 845, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-black-italic {
    font-variation-settings: "wdth" 75, "wght" 845, "slnt" 12;
  }
  .tt-norms-pro-variable-cond-extrablack {
    font-variation-settings: "wdth" 75, "wght" 950, "slnt" 0;
  }
  .tt-norms-pro-variable-cond-extrablack-italic {
    font-variation-settings: "wdth" 75, "wght" 950, "slnt" 12;
  }
  .tt-norms-pro-variable-thin {
    font-variation-settings: "wdth" 100, "wght" 100, "slnt" 0;
  }
  .tt-norms-pro-variable-thin-italic {
    font-variation-settings: "wdth" 100, "wght" 100, "slnt" 12;
  }
  .tt-norms-pro-variable-extralight {
    font-variation-settings: "wdth" 100, "wght" 144.446, "slnt" 0;
  }
  .tt-norms-pro-variable-extralight-italic {
    font-variation-settings: "wdth" 100, "wght" 144.446, "slnt" 12;
  }
  .tt-norms-pro-variable-light {
    font-variation-settings: "wdth" 100, "wght" 233.334, "slnt" 0;
  }
  .tt-norms-pro-variable-light-italic {
    font-variation-settings: "wdth" 100, "wght" 233.334, "slnt" 12;
  }
  .tt-norms-pro-variable-regular {
    font-variation-settings: "wdth" 100, "wght" 344.446, "slnt" 0;
  }
  .tt-norms-pro-variable-italic {
    font-variation-settings: "wdth" 100, "wght" 344.446, "slnt" 12;
  }
  .tt-norms-pro-variable-normal {
    font-variation-settings: "wdth" 100, "wght" 411.111, "slnt" 0;
  }
  .tt-norms-pro-variable-normal-italic {
    font-variation-settings: "wdth" 100, "wght" 411.111, "slnt" 12;
  }
  .tt-norms-pro-variable-medium {
    font-variation-settings: "wdth" 100, "wght" 500, "slnt" 0;
  }
  .tt-norms-pro-variable-medium-italic {
    font-variation-settings: "wdth" 100, "wght" 500, "slnt" 12;
  }
  .tt-norms-pro-variable-demibold {
    font-variation-settings: "wdth" 100, "wght" 545, "slnt" 0;
  }
  .tt-norms-pro-variable-demibold-italic {
    font-variation-settings: "wdth" 100, "wght" 545, "slnt" 12;
  }
  .tt-norms-pro-variable-bold {
    font-variation-settings: "wdth" 100, "wght" 620, "slnt" 0;
  }
  .tt-norms-pro-variable-bold-italic {
    font-variation-settings: "wdth" 100, "wght" 620, "slnt" 12;
  }
  .tt-norms-pro-variable-extrabold {
    font-variation-settings: "wdth" 100, "wght" 740, "slnt" 0;
  }
  .tt-norms-pro-variable-extrabold-italic {
    font-variation-settings: "wdth" 100, "wght" 740, "slnt" 12;
  }
  .tt-norms-pro-variable-black {
    font-variation-settings: "wdth" 100, "wght" 845, "slnt" 0;
  }
  .tt-norms-pro-variable-black-italic {
    font-variation-settings: "wdth" 100, "wght" 845, "slnt" 12;
  }
  .tt-norms-pro-variable-extrablack {
    font-variation-settings: "wdth" 100, "wght" 950, "slnt" 0;
  }
  .tt-norms-pro-variable-extrablack-italic {
    font-variation-settings: "wdth" 100, "wght" 950, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-thin {
    font-variation-settings: "wdth" 125, "wght" 100, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-thin-italic {
    font-variation-settings: "wdth" 125, "wght" 100, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-extralight {
    font-variation-settings: "wdth" 125, "wght" 144.446, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-extralight-italic {
    font-variation-settings: "wdth" 125, "wght" 144.446, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-light {
    font-variation-settings: "wdth" 125, "wght" 233.334, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-light-italic {
    font-variation-settings: "wdth" 125, "wght" 233.334, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-regular {
    font-variation-settings: "wdth" 125, "wght" 344.446, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-italic {
    font-variation-settings: "wdth" 125, "wght" 344.446, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-normal {
    font-variation-settings: "wdth" 125, "wght" 411.111, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-normal-italic {
    font-variation-settings: "wdth" 125, "wght" 411.111, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-medium {
    font-variation-settings: "wdth" 125, "wght" 500, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-medium-italic {
    font-variation-settings: "wdth" 125, "wght" 500, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-demibold {
    font-variation-settings: "wdth" 125, "wght" 545, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-demibold-italic {
    font-variation-settings: "wdth" 125, "wght" 545, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-bold {
    font-variation-settings: "wdth" 125, "wght" 620, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-bold-italic {
    font-variation-settings: "wdth" 125, "wght" 620, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-extrabold {
    font-variation-settings: "wdth" 125, "wght" 740, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-extrabold-italic {
    font-variation-settings: "wdth" 125, "wght" 740, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-black {
    font-variation-settings: "wdth" 125, "wght" 845, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-black-italic {
    font-variation-settings: "wdth" 125, "wght" 845, "slnt" 12;
  }
  .tt-norms-pro-variable-exp-extrablack {
    font-variation-settings: "wdth" 125, "wght" 950, "slnt" 0;
  }
  .tt-norms-pro-variable-exp-extrablack-italic {
    font-variation-settings: "wdth" 125, "wght" 950, "slnt" 12;
  }
  @font-face {
    font-family: "Kante";
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/Kante-Italic.woff2");
    unicode-range: U+0020-0023, U+0025-003B, U+003D, U+003F-005D, U+005F, U+0061-007D, U+00A1, U+00A7-00A8, U+00AB, U+00B4, U+00B6-00B7, U+00BB, U+00BF-00C4, U+00C6-00CB, U+00CD-00CF, U+00D1-00D6, U+00D9-00DC, U+00DF-00E4, U+00E6-00EB, U+00ED, U+00F1-00F6, U+00FA, U+00FC, U+0131, U+014C-014D, U+0152-0153, U+0178, U+0237, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2116, U+2190, U+2192, U+2212, U+FB01, U+FFFF;
  }
  :root {
    --kante-italic-aalt: "aalt" off;
    --kante-italic-case: "case" off;
    --kante-italic-onum: "onum" off;
    --kante-italic-ordn: "ordn" off;
  }
  .kante-italic-aalt {
    --kante-italic-aalt: "aalt" on;
  }
  .kante-italic-case {
    --kante-italic-case: "case" on;
  }
  .kante-italic-onum {
    --kante-italic-onum: "onum" on;
  }
  @supports (font-variant-numeric: oldstyle-nums) {
    .kante-italic-onum {
      --kante-italic-onum: "____";
      font-variant-numeric: oldstyle-nums;
    }
  }
  .kante-italic-ordn {
    --kante-italic-ordn: "ordn" on;
  }
  @supports (font-variant-numeric: ordinal) {
    .kante-italic-ordn {
      --kante-italic-ordn: "____";
      font-variant-numeric: ordinal;
    }
  }
  .kante-italic-aalt, .kante-italic-case, .kante-italic-onum, .kante-italic-ordn {
    font-feature-settings: var(--kante-italic-aalt), var(--kante-italic-case), var(--kante-italic-onum), var(--kante-italic-ordn);
  }
  @font-face {
    font-family: "Kante";
    font-weight: 400;
    src: url("../fonts/Kante-Regular.woff2");
    unicode-range: U+0020-0023, U+0025-003B, U+003D, U+003F-005D, U+005F-007D, U+00A0-00A1, U+00A7-00A8, U+00AB, U+00AF, U+00B4, U+00B6-00B8, U+00BB, U+00BF-00C4, U+00C6-00CB, U+00CD-00CF, U+00D1-00D6, U+00D9-00DC, U+00DF-00E4, U+00E6-00EB, U+00ED, U+00F1-00F6, U+00FA, U+00FC, U+0131, U+014C-014D, U+0152-0153, U+0178, U+0237, U+02BB-02BC, U+02C6-02C7, U+02D8-02DD, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2116, U+2190, U+2192, U+2212, U+FB01, U+FFFF;
  }
  :root {
    --kante-regular-aalt: "aalt" off;
    --kante-regular-case: "case" off;
    --kante-regular-onum: "onum" off;
    --kante-regular-ordn: "ordn" off;
  }
  .kante-regular-aalt {
    --kante-regular-aalt: "aalt" on;
  }
  .kante-regular-case {
    --kante-regular-case: "case" on;
  }
  .kante-regular-onum {
    --kante-regular-onum: "onum" on;
  }
  @supports (font-variant-numeric: oldstyle-nums) {
    .kante-regular-onum {
      --kante-regular-onum: "____";
      font-variant-numeric: oldstyle-nums;
    }
  }
  .kante-regular-ordn {
    --kante-regular-ordn: "ordn" on;
  }
  @supports (font-variant-numeric: ordinal) {
    .kante-regular-ordn {
      --kante-regular-ordn: "____";
      font-variant-numeric: ordinal;
    }
  }
  .kante-regular-aalt, .kante-regular-case, .kante-regular-onum, .kante-regular-ordn {
    font-feature-settings: var(--kante-regular-aalt), var(--kante-regular-case), var(--kante-regular-onum), var(--kante-regular-ordn);
  }
  @font-face {
    font-family: "Kante";
    font-weight: 600;
    src: url("../fonts/Kante-SemiBold.woff2");
    unicode-range: U+0020-0023, U+0025-003B, U+003D, U+003F-005D, U+005F-007D, U+00A0-00A1, U+00A7-00A8, U+00AB, U+00AF, U+00B4, U+00B6-00B8, U+00BB, U+00BF-00C4, U+00C6-00CB, U+00CD-00CF, U+00D1-00D6, U+00D9-00DC, U+00DF-00E4, U+00E6-00EB, U+00ED, U+00F1-00F6, U+00FA, U+00FC, U+0131, U+014C-014D, U+0152-0153, U+0178, U+0237, U+02BB-02BC, U+02C6-02C7, U+02D8-02DD, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2116, U+2190, U+2192, U+2212, U+FB01, U+FFFF;
  }
  :root {
    --kante-semibold-aalt: "aalt" off;
    --kante-semibold-case: "case" off;
    --kante-semibold-onum: "onum" off;
    --kante-semibold-ordn: "ordn" off;
  }
  .kante-semibold-aalt {
    --kante-semibold-aalt: "aalt" on;
  }
  .kante-semibold-case {
    --kante-semibold-case: "case" on;
  }
  .kante-semibold-onum {
    --kante-semibold-onum: "onum" on;
  }
  @supports (font-variant-numeric: oldstyle-nums) {
    .kante-semibold-onum {
      --kante-semibold-onum: "____";
      font-variant-numeric: oldstyle-nums;
    }
  }
  .kante-semibold-ordn {
    --kante-semibold-ordn: "ordn" on;
  }
  @supports (font-variant-numeric: ordinal) {
    .kante-semibold-ordn {
      --kante-semibold-ordn: "____";
      font-variant-numeric: ordinal;
    }
  }
  .kante-semibold-aalt, .kante-semibold-case, .kante-semibold-onum, .kante-semibold-ordn {
    font-feature-settings: var(--kante-semibold-aalt), var(--kante-semibold-case), var(--kante-semibold-onum), var(--kante-semibold-ordn);
  }
  @font-face {
    font-family: "Puffling";
    src: url("../fonts/puffling-v.woff2");
    font-weight: 100 900;
    font-stretch: 10% 100%;
    unicode-range: U+0020-0022, U+0025-002A, U+002C-003B, U+003F-005B, U+005D-007B, U+007D-007E, U+00A0-00A1, U+00A8-00A9, U+00AE, U+00B4, U+00B8, U+00BF-00C5, U+00C7-00CF, U+00D1-00D6, U+00D8-00DD, U+00DF-00E5, U+00E7-00EF, U+00F1-00F6, U+00F8-00FD, U+00FF, U+0106-010B, U+0116-0117, U+011C-011D, U+0120-0121, U+0124-0125, U+0128-0129, U+0134-0135, U+0139-013A, U+0143-0144, U+0154-0155, U+015A-015D, U+0168-0169, U+016E-016F, U+0174-017C, U+02C6, U+02D9-02DA, U+02DC, U+1E80-1E85, U+1E9E, U+1EBC-1EBD, U+1EF2-1EF3, U+1EF8-1EF9, U+2013-2014, U+2018-2019, U+201C-201D, U+9829, U+10084;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-condensed-thin {
    font-variation-settings: "wdth" 10, "wght" 100;
  }
  .puffling-v03-vf-ultra-condensed-thin-extra-condensed-thin {
    font-variation-settings: "wdth" 20, "wght" 100;
  }
  .puffling-v03-vf-ultra-condensed-thin-condensed-thin {
    font-variation-settings: "wdth" 30, "wght" 100;
  }
  .puffling-v03-vf-ultra-condensed-thin-medium-thin {
    font-variation-settings: "wdth" 50, "wght" 100;
  }
  .puffling-v03-vf-ultra-condensed-thin-wide-thin {
    font-variation-settings: "wdth" 70, "wght" 100;
  }
  .puffling-v03-vf-ultra-condensed-thin-extended-thin {
    font-variation-settings: "wdth" 85, "wght" 100;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-extended-thin {
    font-variation-settings: "wdth" 100, "wght" 100;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-condensed-light {
    font-variation-settings: "wdth" 10, "wght" 300;
  }
  .puffling-v03-vf-ultra-condensed-thin-extra-condensed-light {
    font-variation-settings: "wdth" 20, "wght" 300;
  }
  .puffling-v03-vf-ultra-condensed-thin-condensed-light {
    font-variation-settings: "wdth" 30, "wght" 300;
  }
  .puffling-v03-vf-ultra-condensed-thin-medium-light {
    font-variation-settings: "wdth" 50, "wght" 300;
  }
  .puffling-v03-vf-ultra-condensed-thin-wide-light {
    font-variation-settings: "wdth" 70, "wght" 300;
  }
  .puffling-v03-vf-ultra-condensed-thin-extended-light {
    font-variation-settings: "wdth" 85, "wght" 300;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-extended-light {
    font-variation-settings: "wdth" 100, "wght" 300;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-condensed-regular {
    font-variation-settings: "wdth" 10, "wght" 400;
  }
  .puffling-v03-vf-ultra-condensed-thin-extra-condensed-regular {
    font-variation-settings: "wdth" 20, "wght" 400;
  }
  .puffling-v03-vf-ultra-condensed-thin-condensed-regular {
    font-variation-settings: "wdth" 30, "wght" 400;
  }
  .puffling-v03-vf-ultra-condensed-thin-medium-regular {
    font-variation-settings: "wdth" 50, "wght" 400;
  }
  .puffling-v03-vf-ultra-condensed-thin-wide-regular {
    font-variation-settings: "wdth" 70, "wght" 400;
  }
  .puffling-v03-vf-ultra-condensed-thin-extended-regular {
    font-variation-settings: "wdth" 85, "wght" 400;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-extended-regular {
    font-variation-settings: "wdth" 100, "wght" 400;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-condensed-bold {
    font-variation-settings: "wdth" 10, "wght" 700;
  }
  .puffling-v03-vf-ultra-condensed-thin-extra-condensed-bold {
    font-variation-settings: "wdth" 20, "wght" 700;
  }
  .puffling-v03-vf-ultra-condensed-thin-condensed-bold {
    font-variation-settings: "wdth" 30, "wght" 700;
  }
  .puffling-v03-vf-ultra-condensed-thin-medium-bold {
    font-variation-settings: "wdth" 50, "wght" 700;
  }
  .puffling-v03-vf-ultra-condensed-thin-wide-bold {
    font-variation-settings: "wdth" 70, "wght" 700;
  }
  .puffling-v03-vf-ultra-condensed-thin-extended-bold {
    font-variation-settings: "wdth" 85, "wght" 700;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-extended-bold {
    font-variation-settings: "wdth" 100, "wght" 700;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-condensed-thicc {
    font-variation-settings: "wdth" 10, "wght" 900;
  }
  .puffling-v03-vf-ultra-condensed-thin-extra-condensed-thicc {
    font-variation-settings: "wdth" 20, "wght" 900;
  }
  .puffling-v03-vf-ultra-condensed-thin-condensed-thicc {
    font-variation-settings: "wdth" 30, "wght" 900;
  }
  .puffling-v03-vf-ultra-condensed-thin-medium-thicc {
    font-variation-settings: "wdth" 50, "wght" 900;
  }
  .puffling-v03-vf-ultra-condensed-thin-wide-thicc {
    font-variation-settings: "wdth" 70, "wght" 900;
  }
  .puffling-v03-vf-ultra-condensed-thin-extended-thicc {
    font-variation-settings: "wdth" 85, "wght" 900;
  }
  .puffling-v03-vf-ultra-condensed-thin-ultra-extended-thicc {
    font-variation-settings: "wdth" 100, "wght" 900;
  }
  body {
    font-variation-settings: "slnt" var(--variation-style, 0);
    counter-reset: sidenote-counter;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    background-color: var(--color-light);
    color: var(--color-dark);
    font-family: var(--font-sans);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  h1 {
    font-family: var(--font-display);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-font-weight: 275;
    font-weight: 275;
    font-stretch: 40%;
  }
  h2 {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: 340;
    font-weight: 340;
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    font-stretch: 50%;
  }
  h3 {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: 360;
    font-weight: 360;
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    font-stretch: 55%;
  }
  p {
    max-width: 60ch;
    font-family: var(--font-serif);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  p:has(+ p, + h1, + h2, + h3) {
    margin-block-end: 2rem;
  }
  :is(h1, h2, h3) + p {
    margin-block-start: 1rem;
  }
  p a {
    text-decoration-color: var(--color-primary);
    color: var(--color-dark);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    &:hover {
      text-decoration-color: var(--color-primary-shade);
      color: var(--color-primary);
      text-decoration-thickness: 2px;
    }
  }
  a:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-focus);
  }
  p + p {
    text-indent: 6ch;
  }
  .skip-link {
    z-index: 20;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    background-color: var(--color-focus);
    color: var(--color-light);
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
    &:focus {
      position: static;
    }
    &:focus {
      margin: calc(var(--spacing) * 2);
    }
    &:focus {
      padding: calc(var(--spacing) * 2);
    }
  }
  #main > * {
    grid-column: span 4 / span 4;
    grid-column-start: 1;
    @media (width >= 48rem) {
      @media (width < 64rem) {
        grid-column: span 5 / span 5;
      }
    }
    &:is(p) {
      font-size: clamp(1.125rem, 2cqw, 1.25rem);
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
    }
  }
}
@layer components {
  [data-template="collection"][data-theme="directions"] {
    font-family: var(--font-sans);
    h1 {
      grid-column: span 4 / span 4;
      color: var(--color-primary);
      @media (width >= 48rem) {
        grid-column: span 8 / span 8;
      }
      @media (width >= 64rem) {
        grid-column: span 6 / span 6;
      }
    }
    h2 {
      grid-column: span 2 / span 2;
      display: block;
      text-align: right;
      font-family: var(--font-sans);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-font-weight: 400;
      font-weight: 400;
      color: var(--color-dark);
      font-stretch: 100%;
      @media (width >= 48rem) {
        grid-column: span 4 / span 4;
      }
    }
    .arrow-link {
      grid-column: span 2 / span 2;
      grid-column-start: 3;
      @media (width >= 48rem) {
        grid-column: span 4 / span 4;
      }
      @media (width >= 48rem) {
        grid-column-start: 5;
      }
    }
    .arrow-link a {
      background-color: var(--color-theme-secondary, var(--color-secondary));
      color: var(--color-theme-bg, var(--color-light));
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      &:hover, &:focus {
        background-color: var(--color-theme-secondary, var(--color-secondary));
        color: var(--color-theme-bg, var(--color-light));
      }
    }
    a {
      svg {
        height: 1em;
        width: 5em;
        position: relative;
        top: 0;
        stroke-width: 1.5px;
        transition: all linear 0.2s;
        padding-right: 3em;
      }
      &:hover, &:focus {
        svg {
          padding-right: 0;
        }
      }
    }
    .direction__description {
      grid-column: span 4 / span 4;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      @media (width >= 48rem) {
        grid-column: span 6 / span 6;
      }
      @media (width >= 48rem) {
        grid-column-start: 5;
      }
      @media (width >= 64rem) {
        grid-column: span 4 / span 4;
      }
      @media (width >= 64rem) {
        grid-column-start: 5;
      }
      span {
        font-family: var(--font-sans);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: 450;
        font-weight: 450;
      }
      p {
        margin: calc(var(--spacing) * 0);
        text-indent: calc(var(--spacing) * 0);
        font-family: var(--font-sans);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
      svg {
        position: relative;
        top: calc(var(--spacing) * -0.5);
        display: inline;
      }
    }
    .direction__preview {
      grid-column: span 2 / span 2;
      transition: all cubic-bezier(0.08, 0.82, 0.17, 1) 0.4s;
    }
    .direction__link {
      grid-column: span 4 / span 4;
      display: grid;
      grid-template-columns: subgrid;
      @media (width >= 48rem) {
        grid-column: span 12 / span 12;
      }
      text-decoration: none;
      position: relative;
      svg {
        color: var(--color-theme-primary, var(--color-primary));
      }
      &:hover, &:focus {
        .direction__preview {
          transform: rotate(calc(15deg * var(--seed, 0.5) + 3deg)) scale(1.1);
          &:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: -2;
            transform: rotate(calc(-60deg * var(--seed, 0.5) - 20deg));
            box-shadow: 0 0 0 4px var(--color-theme-primary-shade, var(--color-primary-shade)), 0 0 0 5px var(--color-theme-primary, var(--color-primary));
          }
          &:after {
            content: "";
            width: calc(100% + 8px);
            height: calc(100% + 8px);
            top: -4px;
            left: -4px;
            position: absolute;
            z-index: -1;
            transform: rotate(calc(-60deg * var(--seed, 0.5) - 20deg));
            background-color: var(--glass);
            backdrop-filter: blur(8px);
            filter: blur(4px);
          }
        }
      }
    }
    figcaption {
      display: none;
    }
  }
  [data-template="directions"] main {
    * {
      font-size: 1.1875rem;
      line-height: 1.5rem;
      font-family: var(--font-sans);
    }
    [id] {
      scroll-margin-top: 8rem;
    }
    h1 {
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.75rem;
      margin-bottom: 8rem;
      font-stretch: 100%;
    }
    p {
      max-width: 40ch;
    }
    p + p {
      text-indent: 2rem;
    }
    .grid {
      gap: calc(var(--spacing) * 8);
    }
    figure {
      img {
        width: 100%;
      }
    }
  }
  [data-template="directions"] .direction {
    margin-top: 8rem;
    grid-auto-rows: minmax(4rem, auto);
    grid-column: span 4 / span 4;
    display: grid;
    grid-template-columns: subgrid;
    gap: calc(var(--spacing) * 5);
    color: var(--color-dark);
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
    h2 {
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.75rem;
      font-stretch: 100%;
    }
    svg {
      overflow: visible;
      margin-top: 8rem;
    }
    figure {
      &:not([class*="bg-"]) img {
        background-color: var(--shade);
      }
      &:not(:has(figcaption)) {
        box-shadow: 0 0 0 10px red !important;
      }
      figcaption {
        text-align: center;
        text-wrap: balance;
        font-size: 0.9375rem;
        line-height: 1.125rem;
        color: var(--color-secondary);
      }
      &.caption-none figcaption {
        display: none;
      }
    }
    .bg-blend {
      mix-blend-mode: darken;
    }
    .direction__content, h2 {
      grid-column: span 4 / span 4;
      @media (width >= 48rem) {
        grid-column: span 6 / span 6;
      }
      @media (width >= 48rem) {
        grid-column-start: 7;
      }
      @media (width >= 64rem) {
        grid-column: span 4 / span 4;
      }
      @media (width >= 64rem) {
        grid-column-start: 9;
      }
    }
    hr {
      margin-block: calc(var(--spacing) * 10);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #933631 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-secondary) 50%, transparent);
      }
    }
    .direction__content {
      grid-row-start: 2;
      p:has(+ p), p + p {
        margin: calc(var(--spacing) * 0);
      }
    }
    .direction__preview {
      grid-column: span 2 / span 2;
      @media (width >= 48rem) {
        grid-column-start: 7;
      }
      @media (width >= 64rem) {
        grid-column-start: 9;
      }
      grid-row: 3;
      figcaption {
        display: none;
      }
    }
    .direction__description {
      grid-column: span 4 / span 4;
      @media (width >= 48rem) {
        grid-column: span 6 / span 6;
      }
      @media (width >= 48rem) {
        grid-column-start: 7;
      }
      @media (width >= 64rem) {
        grid-column: span 4 / span 4;
      }
      @media (width >= 64rem) {
        grid-column-start: 9;
      }
      grid-row: 4;
      svg {
        display: none;
      }
      p {
        text-wrap: balance;
      }
      p:has(+ p), p + p {
        margin: calc(var(--spacing) * 0);
        text-indent: calc(var(--spacing) * 0);
      }
    }
    .direction__hero {
      grid-column: span 4 / span 4;
      display: grid;
      grid-auto-rows: min-content;
      grid-template-columns: subgrid;
      gap: calc(var(--spacing) * 5);
      @media (width >= 48rem) {
        grid-column: span 6 / span 6;
      }
      @media (width >= 64rem) {
        grid-column: span 8 / span 8;
      }
    }
    .direction__media {
      grid-column: span 4 / span 4;
      display: grid;
      grid-auto-rows: min-content;
      grid-template-columns: subgrid;
      gap: calc(var(--spacing) * 5);
      @media (width >= 48rem) {
        grid-column: span 12 / span 12;
      }
      img {
        height: max-content;
        width: 100%;
        object-fit: contain;
        object-position: bottom;
      }
      .self-end img {
        object-fit: contain;
        object-position: bottom;
      }
      .self-start img {
        object-fit: contain;
        object-position: top;
      }
    }
  }
  .direction__transition {
    margin-top: 8rem;
    grid-column: span 4 / span 4;
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
    svg {
      overflow: visible;
    }
    svg [stroke] {
      stroke: var(--transition-color);
    }
    svg [vector-effect="non-scaling-stroke"] {
      stroke-width: var(--transition-width);
    }
  }
  [data-template="collection"][data-theme="etudes-de-cas"] {
    h1 {
      grid-column: span 4 / span 4;
      color: var(--color-primary);
      @media (width >= 48rem) {
        grid-column: span 8 / span 8;
      }
      @media (width >= 64rem) {
        grid-column: span 6 / span 6;
      }
    }
    p {
      grid-column: span 4 / span 4;
      @media (width >= 48rem) {
        grid-column: span 6 / span 6;
      }
      @media (width >= 64rem) {
        grid-column: span 4 / span 4;
      }
    }
    a {
      text-decoration: none;
      &.grid {
        align-items: flex-end;
        @media (width >= 48rem) {
          align-items: center;
        }
      }
      &:hover, &:focus {
        svg {
          width: 5rem;
        }
        .case-study__feature {
          box-shadow: inset 0 0 0 5px var(--color-light);
        }
        .case-study__card {
          background-color: var(--color-light);
          clip-path: inset(-9px);
          box-shadow: 0 0 0 4px var(--color-light), 0 0 0 8px var(--color-primary-shade), 0 0 0 9px var(--color-primary);
          position: relative;
          &:before {
            content: "";
            width: calc(100% + 16px);
            height: calc(100% + 16px);
            top: -8px;
            left: -8px;
            position: absolute;
            z-index: -1;
            background-color: var(--color-light);
            backdrop-filter: blur(8px);
            filter: blur(4px);
          }
        }
      }
    }
    .case-study__card {
      grid-column: span 4 / span 4;
      grid-column-start: 1;
      grid-row: 2;
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 5);
      @media (width >= 48rem) {
        grid-column: span 6 / span 6;
      }
      @media (width >= 48rem) {
        grid-column-start: 7;
      }
      @media (width >= 48rem) {
        grid-row: 1;
      }
      @media (width >= 64rem) {
        grid-column: span 4 / span 4;
      }
      @media (width >= 64rem) {
        grid-column-start: 8;
      }
      position: relative;
      height: min-content;
      z-index: 1;
      box-shadow: none;
      transition: all ease-in-out 0.2s;
      &:before {
        content: "";
        width: calc(100%);
        height: calc(100%);
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1;
        background-color: var(--color-glass);
        backdrop-filter: blur(0px);
        transition: all ease-in-out 0.2s;
      }
      h1 {
        &:after {
          content: "";
          display: block;
          margin-top: 10px;
          width: 150px;
          height: 2px;
          background-color: var(--color-dark);
          margin-bottom: 12px;
        }
      }
    }
    .case-study__link {
      display: inline-flex;
      align-items: center;
      svg {
        height: 0.75em;
        width: 1em;
        position: relative;
        top: 0.15ex;
        padding-left: 0.25rem;
        stroke-width: 2px;
        transition: all linear 0.2s;
      }
    }
    .case-study__feature {
      grid-column: span 4 / span 4;
      grid-column-start: 1;
      height: 12rem;
      @media (width >= 48rem) {
        grid-column: 1 / span 9;
      }
      @media (width >= 48rem) {
        grid-column: 1 / span 10;
      }
      @media (width >= 48rem) {
        height: 32rem;
      }
      grid-row: 1;
      background-size: cover;
      background-position: center;
      box-shadow: inset 0 0 0 0 var(--color-light);
      transition: all ease-in-out 0.2s;
    }
  }
  [data-template="case-study"], [data-theme="etudes-de-cas"] {
    --color-secondary: #00845e;
    --color-secondary-shade: #92beb1;
    --color-primary: #1a60e8;
    --color-primary-shade: #9cb1db;
    --color-focus: #32559b;
    --color-shade: #968d91;
    --color-dark: #1b0f14;
    --color-light: #fdfdfd;
    background-size: 25vw;
    background-position: right;
    background-repeat: no-repeat;
    background-color: var(--color-light);
  }
  [data-template="case-study"] main {
    margin-top: 8rem;
    main {
      counter-reset: toc;
      font-family: var(--font-sans);
    }
    h1, h2, h3 {
      font-family: var(--font-sans);
    }
    h1 {
      max-width: 30ch;
      counter-increment: toc;
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      font-stretch: normal;
      &:before {
        content: "0" counter(toc);
        font-variant-numeric: normal;
        font-variant-numeric: tabular-nums;
        display: block;
        position: relative;
        width: 150px;
        padding: 0.5rem 0;
        border-bottom: 2px solid var(--color-secondary);
        margin-left: 3px;
        margin-bottom: calc(var(--spacing) * 5);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: 500;
        font-weight: 500;
        font-stretch: normal;
      }
    }
    .sub-header {
      flex-wrap: wrap;
      align-items: baseline;
      --col-sixth: calc((100% - calc(5 * calc(var(--spacing) * 5))) / 6);
      --col-half: calc((100% - calc(1 * calc(var(--spacing) * 5))) / 2);
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 10);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      &:before {
        content: "";
        display: block;
        position: relative;
        width: 100%;
        padding: 0;
        border-top: 2px solid var(--color-secondary);
        margin-left: 3px;
        margin-bottom: calc(var(--spacing) * 5);
      }
    }
    .toc {
      margin-right: auto;
      @media (width >= 64rem) {
        width: var(--col-half);
      }
      ol {
        list-style-type: none;
        padding: 0;
        margin: 0;
        a {
          display: inline;
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
          --tw-font-weight: 500;
          font-weight: 500;
          color: var(--color-dark);
          font-stretch: normal;
          text-decoration-line: underline;
          text-decoration-color: var(--color-primary-shade);
          text-decoration-thickness: 2px;
          &:hover {
            color: var(--color-secondary);
            text-decoration-thickness: 3px;
          }
        }
        li {
          display: flex;
          gap: calc(var(--spacing) * 2);
        }
        li:before {
          counter-increment: toc;
          content: "0" counter(toc);
          margin-right: 1rem;
          font-variant-numeric: normal;
          font-variant-numeric: tabular-nums;
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
          --tw-font-weight: 500;
          font-weight: 500;
          font-stretch: normal;
        }
        li:has([href="#introduction"]), li:has([href="#conclusion"]) {
          display: none;
        }
      }
    }
    .case-study__meta {
      :where(& > :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 (width >= 64rem) {
        width: var(--col-sixth);
      }
      p {
        text-indent: 0;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
        --tw-font-weight: 400;
        font-weight: 400;
        font-stretch: 75%;
        strong {
          display: block;
        }
      }
      hr {
        width: 100%;
        border: none;
        border-bottom: 2px solid var(--color-secondary);
      }
    }
    .content > ul, .content > ol {
      margin-block: calc(var(--spacing) * 5);
      padding-left: 2rem;
      font-family: var(--font-sans);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: 500;
      font-weight: 500;
      li {
        list-style: none;
      }
    }
    .content ol li {
      list-style: numeric;
      &::marker {
        color: var(--color-primary);
      }
    }
    h2, h3 {
      scroll-margin-top: calc(var(--spacing) * 16);
      --tw-font-weight: 500;
      font-weight: 500;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      font-stretch: 100%;
    }
    .content > p {
      font-family: var(--font-serif);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      text-wrap: balance;
    }
    .content > :is(p, ul, ol) {
      max-width: 65ch;
      + p {
        text-indent: 2rem;
      }
    }
    .content > :is(p, ul, ol, figure) + :not(p, ul, ol) {
      margin-top: 4rem;
    }
  }
  .slider-parent[data-js] {
    position: relative;
    width: 100vw;
    left: calc((100vw - 100cqw) / 2 * -1);
    overflow: hidden;
    user-select: none;
    touch-action: pan-x;
    padding-top: 1rem;
    .slider-track {
      display: flex;
      width: min-content;
      padding-left: 1rem;
      &:hover {
        outline-offset: 8px;
        outline: 1px dashed var(--color-primary-shade);
        cursor: grab;
      }
      &[data-dragging] {
        outline-offset: 8px;
        outline: 1px dashed var(--color-primary, currentColor);
        cursor: grabbing;
      }
      .slider-item {
        &:not(:last-of-type) {
          margin-right: calc(var(--spacing) * 4);
          @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * 16);
          }
        }
        &[data-snapping] {
          box-shadow: 0 0 0 4px var(--color-light), 0 0 0 8px var(--color-primary-shade), 0 0 0 9px var(--color-primary);
        }
      }
    }
    .slider-control {
      padding: 1rem;
      display: flex;
      button {
        width: 2rem;
        height: 2rem;
        padding: 0;
        display: flex;
        background: none;
        border: none;
        &:not(last-of-type) {
          margin-right: 1rem;
        }
        svg {
          width: 100%;
          height: 100%;
          stroke-width: 2px;
        }
        &:enabled {
          &:hover, &:focus {
            svg {
              color: var(--color-primary);
            }
          }
        }
        &:disabled {
          svg {
            color: var(--color-shade);
          }
        }
      }
    }
  }
  .slider-item {
    font-family: var(--font-sans);
    padding-bottom: 2rem;
    .slider-image {
      margin-bottom: 1rem;
    }
    .slider-item-info {
      display: flex;
      flex-direction: column;
      font-family: var(--font-sans);
      .slider-item-title {
        --tw-font-weight: 500;
        font-weight: 500;
        text-transform: uppercase;
      }
    }
  }
  .slider-image {
    --height: clamp(9rem, 42vw, 30rem);
    width: calc(var(--height) * var(--ratio));
    height: var(--height);
    > * {
      height: 100%;
      width: auto;
    }
  }
  .slider-parent:not([data-js]) {
    .slider-control {
      display: none;
    }
  }
  .draggable span {
    pointer-events: none;
  }
  video:focus, button:focus {
    outline-offset: 4px;
    outline: 1px solid var(--color-focus, currentColor);
  }
  [data-theme="home"] {
    .photos {
      row-gap: calc(var(--spacing) * 5);
      .photo {
        line-height: 1.125rem;
        a {
          display: block;
          position: relative;
          text-decoration: none;
          min-height: 44px;
          &:hover {
            z-index: 2;
            box-shadow: 0 0 0 4px var(--color-light), 0 0 0 8px var(--color-primary-shade), 0 0 0 9px var(--color-primary);
            &:before {
              content: "";
              display: block;
              position: absolute;
              width: calc(100% + 16px);
              height: calc(100% + 16px);
              top: -8px;
              left: -8px;
              z-index: -1;
              background-color: var(--primary-bg, var(--color-glass));
              filter: blur(4px);
              backdrop-filter: blur(8px);
            }
          }
        }
      }
    }
    section > h2 {
      border-top: 2px solid var(--color-dark);
    }
    .things {
      > * + * {
        box-shadow: 0 -2px var(--color-primary-shade);
      }
    }
    .thing-item {
      position: relative;
      text-decoration: none;
      line-height: 2rem;
      &:hover {
        z-index: 2;
        box-shadow: 0 0 0 4px var(--color-light), 0 0 0 8px var(--color-primary-shade), 0 0 0 9px var(--color-primary);
        text-decoration: none;
        &:before {
          content: "";
          display: block;
          position: absolute;
          width: calc(100% + 16px);
          height: calc(100% + 16px);
          top: -8px;
          left: -8px;
          z-index: -1;
          background-color: var(--primary-bg, var(--color-glass));
          filter: blur(4px);
          backdrop-filter: blur(8px);
        }
      }
    }
    #companion {
      display: block;
      position: fixed;
      top: -6rem;
      left: 2rem;
      border: 2px solid var(--color, var(--color-light));
      transition: transform ease-out 0.2s;
      z-index: 2;
      transform: matrix( var(--a, 1), var(--b, 0), var(--c, 0), var(--d, 1), var(--cursor-x), var(--cursor-y) );
      &[data-contains*="himself"] {
        width: 4rem;
        height: 4rem;
        border: none;
        background: no-repeat url("/assets/images/buddy.svg"), var(--color-buddy);
        &:hover {
          background: no-repeat url("/assets/images/buddy-concerned.svg"), var(--color-buddy);
        }
      }
    }
    .sphere {
      position: relative;
      display: inline-block;
      box-shadow: -5px 18px 25px -15px;
      overflow: hidden;
      transition: all 0.2s ease-out;
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      border-radius: 50%;
      box-shadow: inset 0 0 6px 2px var(--color-buddy-shadier);
      color: var(--color-buddy-shade);
    }
    .sphere::before {
      background: repeat-x 100% 0/50% 100% radial-gradient( circle at 50% 0, rgba(255, 255, 255, 0) 25%, var(--color-buddy-shadier) 65% );
      content: "";
      position: absolute;
      z-index: -1;
      display: block;
      top: 0;
      left: 0;
      height: 100%;
      width: 400%;
      mix-blend-mode: multiply;
      mask: url(data:image/png;base64,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), radial-gradient(circle at 50% 0, rgba(0, 0, 0, 0) 5%, #000 80%) 0 0/50% 100%;
    }
  }
  nav.main-nav {
    position: relative;
    height: 100%;
  }
  nav.main-nav:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    background-color: var(--color-primary-contrast, var(--color-glass));
    box-shadow: 0 0 0 4px var(--color-primary-shade);
    backdrop-filter: blur(8px);
  }
  :is(nav.main-nav, nav.footer-nav) a {
    text-decoration: none;
    min-height: 44px;
    color: var(--color-primary);
    display: inline-flex;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: 500;
    font-weight: 500;
    font-stretch: 75%;
    &[aria-current="page"]:hover, &:hover {
      box-shadow: 0 2px var(--color-primary-shade);
    }
    &[aria-current="page"] {
      box-shadow: 0 2px var(--color-primary);
    }
  }
  nav.footer-nav {
    position: relative;
    height: 100%;
  }
  nav.footer-nav:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    background-color: var( --color-secondary-contrast, color-mix(in srgb, #fefbfb, 50%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background-color: var( --color-secondary-contrast, color-mix(in oklab, var(--color-light), 50%, transparent) );
    }
    box-shadow: 0 0 0 4px var(--color-secondary-shade);
    backdrop-filter: blur(8px);
  }
  nav.footer-nav a {
    align-items: center;
    align-self: flex-start;
    color: var(--color-secondary);
    &[data-state="active"]:hover, &:hover {
      box-shadow: 0 2px var(--color-secondary-shade);
    }
    &[data-state="active"] {
      box-shadow: 0 2px var(--color-secondary);
    }
  }
  .shaded img {
    filter: brightness(0.94);
  }
}
@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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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: 0px;
}
@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;
}
@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-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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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;
    }
  }
}