/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --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);
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --tracking-widest: 0.1em;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-sans-serif: "Rota", ui-sans-serif, system-ui, sans-serif;
    --color-primary: #0a4357;
    --color-accent: #feb001;
    --color-ink: #101010;
    --color-copy: #4a4a4a;
    --color-muted: #8f8f8f;
    --color-line: #e5e5e5;
    --color-surface: #ffffff;
    --color-canvas: #ebebeb;
  }
}
@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, -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;
    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: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 {
    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 {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .grow {
    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-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-line {
    border-color: var(--color-line);
  }
  .bg-accent {
    background-color: var(--color-accent);
  }
  .bg-canvas {
    background-color: var(--color-canvas);
  }
  .bg-copy {
    background-color: var(--color-copy);
  }
  .bg-ink {
    background-color: var(--color-ink);
  }
  .bg-line {
    background-color: var(--color-line);
  }
  .bg-muted {
    background-color: var(--color-muted);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .text-center {
    text-align: center;
  }
  .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-body {
    font-size: var(--text-size-body);
    line-height: var(--tw-leading, var(--line-height-body));
  }
  .text-display {
    font-size: var(--text-size-display);
    line-height: var(--tw-leading, var(--line-height-display));
  }
  .text-heading {
    font-size: var(--text-size-heading);
    line-height: var(--tw-leading, var(--line-height-heading));
  }
  .text-title {
    font-size: var(--text-size-title);
    line-height: var(--tw-leading, var(--line-height-title));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-white {
    color: var(--color-white);
  }
  .italic {
    font-style: italic;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    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,);
  }
  .invert {
    --tw-invert: invert(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,);
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@font-face {
  font-family: "Rota";
  src: url("../assets/fonts/Rota-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rota";
  src: url("../assets/fonts/Rota-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rota";
  src: url("../assets/fonts/Rota-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rota";
  src: url("../assets/fonts/Rota-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rota";
  src: url("../assets/fonts/Rota-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rota";
  src: url("../assets/fonts/Rota-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
:root {
  --text-size-display: 2.5rem;
  --line-height-display: 1.05;
  --text-size-title: 1.75rem;
  --line-height-title: 1.2;
  --text-size-heading: 1.25rem;
  --line-height-heading: 1.3;
  --text-size-body: 1rem;
  --line-height-body: 1.6;
  --section-vertical-spacing: 4rem;
  --shell-horizontal-spacing: 1.5rem;
  --stack-gap: 1rem;
  --max-page-width: 1536px;
  --band-height: 2.5rem;
  --header-py: 1rem;
  --logo-h: 2.5rem;
  --team-gap: 0.5rem;
  --hover-scale: 1.06;
  --hover-dur: 0.32s;
  --info-w: 22rem;
  --info-gap: 0.75rem;
  --stage-h: calc(100svh - var(--band-height));
  --run: 100vh;
  --focus-y: 60svh;
  --head-y: 12svh;
  --ask-y: 17svh;
  --ask-scale: 0.7;
  --diagram-h: 42svh;
  --pipe-gap: 32svh;
  --pipe-lead: 30svh;
  --pipe-w: 60rem;
  --dot-col: 1.75rem;
  --label-half: calc(var(--text-size-display) * var(--line-height-display) / 2);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --on-dark: #ffffff;
  --on-dark-soft: color-mix(in srgb, #ffffff 76%, #0a4357);
  @supports (color: color-mix(in lab, red, red)) {
    --on-dark-soft: color-mix(in oklab, #ffffff 76%, var(--color-primary));
  }
  --on-dark-quiet: color-mix(in srgb, #ffffff 58%, #0a4357);
  @supports (color: color-mix(in lab, red, red)) {
    --on-dark-quiet: color-mix(in oklab, #ffffff 58%, var(--color-primary));
  }
}
@media (width >= 48rem) {
  :root {
    --text-size-display: 3.5rem;
    --text-size-title: 2rem;
    --text-size-heading: 1.5rem;
    --section-vertical-spacing: 5rem;
    --shell-horizontal-spacing: 2rem;
    --team-gap: 1rem;
    --logo-h: 3.125rem;
  }
}
@media (width >= 64rem) {
  :root {
    --text-size-display: 4.5rem;
    --section-vertical-spacing: 6rem;
    --shell-horizontal-spacing: 3rem;
    --focus-y: 62svh;
    --head-y: 13svh;
    --ask-y: 15svh;
    --ask-scale: 0.44;
    --diagram-h: 46svh;
    --pipe-gap: 28svh;
    --pipe-lead: 34svh;
    --dot-col: 2.5rem;
  }
}
@media (width >= 64rem) and (height < 46rem) {
  :root {
    --focus-y: 62svh;
    --head-y: 12svh;
    --diagram-h: 36svh;
    --pipe-gap: 32svh;
    --pipe-lead: 30svh;
  }
}
@media (width >= 80rem) {
  :root {
    --shell-horizontal-spacing: 4rem;
  }
}
@layer base {
  html {
    background: var(--color-canvas);
    -webkit-text-size-adjust: 100%;
    scrollbar-gutter: stable;
  }
  html:has(dialog[open]) {
    overflow: hidden;
  }
  body {
    font-family: var(--font-sans-serif);
    font-size: var(--text-size-body);
    line-height: var(--line-height-body);
    color: var(--color-copy);
    -webkit-font-smoothing: antialiased;
  }
  h1, h2, h3 {
    color: var(--color-ink);
    font-weight: 400;
    text-wrap: balance;
  }
  h1 {
    font-size: var(--text-size-display);
    line-height: var(--line-height-display);
  }
  h2 {
    font-size: var(--text-size-title);
    line-height: var(--line-height-title);
  }
  h3 {
    font-size: var(--text-size-heading);
    line-height: var(--line-height-heading);
  }
  p {
    text-wrap: pretty;
  }
  figcaption {
    color: var(--color-muted);
  }
  .folk__meta {
    color: var(--color-copy);
  }
  :focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
  }
}
@layer components {
  mark {
    position: relative;
    display: inline-block;
    background: none;
    color: inherit;
  }
  :is(h1, h2, h3, p):has(mark) {
    position: relative;
    z-index: 0;
  }
  mark > img {
    position: absolute;
    z-index: -1;
    max-width: none;
    pointer-events: none;
  }
  .accent-underline > img {
    left: -3%;
    bottom: -0.09em;
    width: 106%;
    height: 0.22em;
  }
  .accent-circle > img {
    left: 50%;
    top: 46%;
    width: 140%;
    transform: translate(-50%, -50%);
  }
  .sketch-label {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.375rem;
    font-size: var(--text-size-body);
    font-weight: 700;
    line-height: 1.15;
    color: var(--color-ink);
  }
  .sketch-label > span {
    display: inline-block;
    text-align: center;
    transform: rotate(-9deg);
  }
  .sketch-label > img {
    width: 3rem;
  }
  .accent-underline {
    position: relative;
    display: inline-block;
  }
  .accent-underline:has(> img)::after {
    content: none;
  }
  .accent-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q 25 0, 50 5 T 100 5' stroke='%23FEB001' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    z-index: 1;
  }
  .bento {
    display: grid;
    gap: var(--stack-gap);
    max-width: 67.5rem;
    margin-inline: auto;
  }
  .bento__grid {
    display: grid;
    gap: var(--stack-gap);
  }
  .bento__cell {
    padding: 1.5rem;
    background: var(--color-canvas);
  }
  .bento__cell > strong {
    display: block;
    font-size: var(--text-size-heading);
    line-height: var(--line-height-heading);
    font-weight: 400;
    color: var(--color-ink);
  }
  .bento__cell ul {
    display: grid;
    gap: 0.25rem;
    margin-block-start: 0.5rem;
  }
  .bento__cell li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
  }
  .bento__cell li::before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    margin-block-start: 0.45em;
    background: var(--color-primary);
  }
  @media (width >= 48rem) {
    .bento__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .bento__cell--wide, .bento__cell--tall {
      grid-column: span 2;
    }
  }
  @media (width >= 64rem) {
    .bento__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .bento__cell--tall {
      grid-row: span 2;
    }
  }
  .booking {
    width: 100%;
    max-height: 100dvh;
    margin: auto auto 0;
    background: none;
    overflow: visible;
  }
  .booking::backdrop {
    background: rgb(255 255 255 / 0.55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .booking__panel {
    display: grid;
    background: rgb(255 255 255 / 0.92);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 0.14);
  }
  .booking__panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 24px;
  }
  .booking__panel > header > h3 {
    line-height: 1;
  }
  .booking__panel > iframe {
    width: 100%;
    height: min(47rem, calc(100dvh - 8rem));
    border: 0;
  }
  @media (width >= 48rem) {
    .booking {
      width: min(90rem, calc(100% - 2rem));
      max-height: calc(100dvh - 3rem);
      margin: auto;
    }
  }
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    font-size: var(--text-size-body);
    font-weight: 500;
    line-height: 1;
    padding: 0.7em 1.4em;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  .btn--primary {
    background: var(--color-primary);
    color: var(--color-surface);
  }
  .btn--primary:hover {
    background: color-mix(in srgb, #0a4357 85%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-primary) 85%, white);
    }
  }
  .btn--quiet {
    background: var(--color-canvas);
    color: var(--color-copy);
  }
  .btn--quiet:hover {
    background: var(--color-line);
    color: var(--color-ink);
  }
  .chapter-label {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--color-muted);
    margin-block-end: calc(var(--stack-gap) * -0.45);
  }
  .chapter--dark .chapter-label {
    color: var(--on-dark-quiet);
  }
  .chapter--dark .chapter-label::before {
    background: var(--color-accent);
  }
  .swatch {
    height: 5rem;
    border: 1px solid var(--color-line);
  }
  .spec {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
  }
  .spec th, .spec td {
    padding: 0.5rem 0.75rem 0.5rem 0;
    border-bottom: 1px solid var(--color-line);
    vertical-align: baseline;
  }
  .spec th {
    color: var(--color-ink);
    font-weight: 500;
    white-space: nowrap;
  }
  .spec code, .inline-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 1em;
    color: var(--color-ink);
  }
  .demo-box {
    display: grid;
    place-items: center;
    min-height: 4.5rem;
    padding: 1rem;
    background: var(--color-canvas);
    border: 1px solid var(--color-line);
    color: var(--color-muted);
  }
  .js .tale--company .tale__ask > span {
    opacity: 1;
  }
  .js .tale--company .tale__ask {
    --a: 0;
    --b: 0.08;
  }
  .js .tale--company .pipe {
    --a: 0.07;
    --b: 0.13;
  }
  .js .tale--company .pipe--4 {
    --pipe-gap: max(32svh, 20rem);
    --focus-y: 38svh;
    --pipe-lead: 10svh;
  }
  @media (width >= 64rem) {
    .js .tale--company .pipe--4 {
      --pipe-gap: max(28svh, 20rem);
    }
  }
  .tale--company .pipe__body {
    max-width: 46rem;
  }
  .tale--company .pipe__body ul {
    display: grid;
    gap: 0.25rem;
    margin-block-start: 0.5rem;
  }
  .tale--company .pipe__body li {
    position: relative;
    padding-inline-start: 0.875rem;
  }
  .tale--company .pipe__body li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.45em;
    width: 0.375rem;
    height: 0.375rem;
    background: var(--color-primary);
  }
  .figures {
    display: grid;
    gap: calc(var(--stack-gap) * 2);
  }
  @media (width >= 48rem) {
    .figures {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .figure__num {
    display: block;
    color: var(--color-accent);
    font-size: var(--text-size-title);
    line-height: var(--line-height-title);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
  }
  .figure__src {
    display: block;
    color: var(--color-muted);
  }
  .chapter--dark .figure__src {
    color: var(--on-dark-quiet);
  }
  .folk-grid {
    display: grid;
    gap: calc(var(--stack-gap) * 2.5);
  }
  @media (width >= 48rem) {
    .folk-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .folk {
    display: grid;
    gap: 1.25rem;
    align-content: start;
  }
  .folk__frame {
    --zoom: 1;
    --zoom-y: 50%;
    display: block;
    max-width: 14rem;
    aspect-ratio: 1;
    overflow: hidden;
  }
  .folk-grid--round .folk__frame {
    border-radius: 50%;
  }
  .folk__frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(var(--zoom));
    transform-origin: 50% var(--zoom-y);
  }
  .folk__meta {
    display: grid;
    gap: 0.25rem;
    align-content: start;
    padding-block-start: 1rem;
    border-block-start: 1px solid var(--color-line);
  }
  .chapter--dark .folk__meta {
    border-color: var(--on-dark);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--on-dark) 24%, var(--color-primary));
    }
  }
  .folk__name {
    color: var(--color-ink);
    font-size: var(--text-size-heading);
    line-height: var(--line-height-heading);
    font-weight: 500;
  }
  .chapter--dark .folk__name {
    color: var(--on-dark);
  }
  .folk__role {
    color: var(--color-muted);
  }
  .chapter--dark .folk__role {
    color: var(--on-dark-quiet);
  }
  .folk__topics {
    display: flex;
    flex-wrap: wrap;
    margin-block-start: 0.75rem;
    padding: 0;
    list-style: none;
  }
  .folk__topics li:not(:last-child)::after {
    content: " ·";
    margin-inline-end: 0.35em;
  }
  .folk__cred {
    color: var(--color-muted);
  }
  .chapter--dark .folk__cred {
    color: var(--on-dark-quiet);
  }
  .folk .link-meta {
    margin-block-start: 0.75rem;
  }
  footer {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1.5rem;
    margin-block-start: var(--section-vertical-spacing);
    padding-block: 2rem;
    border-top: 1px solid var(--color-line);
    font-size: 0.875rem;
    color: var(--color-muted);
  }
  footer nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 1.25rem;
  }
  footer a {
    text-decoration: none;
  }
  footer a:hover {
    color: var(--color-ink);
  }
  .page-home {
    --ease-float: cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
  }
  .page-home main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 auto;
  }
  .page-home footer {
    flex: 0 0 auto;
    opacity: 0;
    animation: hero-footer-in 1.3s var(--ease-float) 1.8s forwards;
  }
  @keyframes hero-footer-in {
    to {
      opacity: 1;
    }
  }
  .hero-intro {
    display: grid;
    justify-items: center;
  }
  .hero-logo {
    --intro-logo-scale: 2.4;
    --intro-logo-scale-settled: 1.6;
    display: grid;
    place-items: center;
    scale: var(--intro-logo-scale);
    animation: hero-logo-settle 0.6s var(--ease) 0.75s forwards;
  }
  @media (width >= 48rem) {
    .hero-logo {
      --intro-logo-scale: 3;
    }
  }
  @media (width >= 64rem) {
    .hero-logo {
      --intro-logo-scale: 3.6;
    }
  }
  .hero-logo__svg {
    display: block;
    height: var(--logo-h);
    width: auto;
  }
  .hero-logo__svg path {
    fill-opacity: 0;
    stroke: var(--color-ink);
    stroke-width: 3;
    stroke-opacity: 1;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: link-draw 0.9s var(--ease) 0s forwards, logo-fill-in 0.4s var(--ease) 0.65s forwards;
  }
  .hero-logo__rocket path {
    stroke: var(--color-accent);
    stroke-width: 7.5;
    animation: link-draw 0.9s var(--ease) 0.3s forwards, logo-fill-in 0.4s var(--ease) 0.95s forwards;
  }
  @keyframes hero-logo-settle {
    to {
      scale: var(--intro-logo-scale-settled);
    }
  }
  @keyframes logo-fill-in {
    to {
      fill-opacity: 1;
      stroke-opacity: 0;
    }
  }
  .hero-underline {
    position: relative;
    display: inline-block;
  }
  .hero-underline__svg {
    position: absolute;
    z-index: -1;
    left: -6%;
    bottom: -0.075em;
    width: 112%;
    height: auto;
    pointer-events: none;
  }
  .hero-underline__svg path {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: link-draw 0.5s var(--ease) 1.5s forwards;
  }
  .hero-claim {
    animation: world-in 0.85s var(--ease) 1.15s both;
  }
  .about-intro {
    display: grid;
    grid-template-rows: 0fr;
    padding-block-start: 0;
    opacity: 0;
    animation: about-intro-reveal 1.2s var(--ease-float) 1.35s forwards;
  }
  .about-intro > .stack {
    overflow: hidden;
    min-height: 0;
  }
  @keyframes about-intro-reveal {
    0% {
      grid-template-rows: 0fr;
      padding-block-start: 0;
      opacity: 0;
    }
    15% {
      opacity: 0;
    }
    100% {
      grid-template-rows: 1fr;
      padding-block-start: var(--section-vertical-spacing);
      opacity: 1;
    }
  }
  .who-intro {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    animation: who-intro-reveal 1.4s var(--ease-float) 1.8s forwards;
  }
  .who-intro > .layout-1col {
    overflow: hidden;
    min-height: 0;
  }
  @keyframes who-intro-reveal {
    0% {
      grid-template-rows: 0fr;
      opacity: 0;
    }
    15% {
      opacity: 0;
    }
    100% {
      grid-template-rows: 1fr;
      opacity: 1;
    }
  }
  .who-intro__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--stack-gap);
    flex-wrap: wrap;
  }
  @media (prefers-reduced-motion: reduce) {
    .hero-logo {
      scale: var(--intro-logo-scale-settled);
      animation: none;
    }
    .hero-logo__svg path, .hero-logo__rocket path {
      fill-opacity: 1;
      stroke-opacity: 0;
      stroke-dashoffset: 0;
      animation: none;
    }
    .hero-underline__svg path {
      stroke-dashoffset: 0;
      animation: none;
    }
    .page-home footer {
      opacity: 1;
      animation: none;
    }
    .hero-claim {
      opacity: 1;
      translate: none;
      animation: none;
    }
    .about-intro {
      grid-template-rows: 1fr;
      padding-block-start: var(--section-vertical-spacing);
      opacity: 1;
      animation: none;
    }
    .who-intro {
      grid-template-rows: 1fr;
      opacity: 1;
      animation: none;
    }
  }
  body {
    width: 100%;
    margin-inline: auto;
    background: var(--color-surface);
    padding-block-end: calc(var(--band-height) + 1.5rem);
  }
  @media (width >= 48rem) {
    body {
      width: min(var(--max-page-width), 94%);
    }
  }
  main {
    overflow-x: clip;
  }
  .shell {
    padding-inline: var(--shell-horizontal-spacing);
  }
  .section {
    padding-block-start: var(--section-vertical-spacing);
  }
  .layout-1col {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: calc(var(--stack-gap) * 2);
  }
  .layout-1col--center {
    justify-items: center;
    text-align: center;
  }
  .layout-2col {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: calc(var(--stack-gap) * 2);
  }
  @media (width >= 48rem) {
    .layout-2col {
      grid-template-columns: 1fr 1fr;
      column-gap: calc(var(--stack-gap) * 2);
      align-items: start;
    }
  }
  @media (width >= 64rem) {
    .layout-2col {
      column-gap: calc(var(--stack-gap) * 2.5);
    }
  }
  @media (width >= 48rem) {
    .layout-2col--aside {
      grid-template-columns: 1fr 2fr;
    }
  }
  .measure {
    max-width: 34rem;
  }
  .stack {
    display: grid;
    gap: var(--stack-gap);
    align-content: start;
  }
  body > header {
    position: sticky;
    top: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: var(--header-py);
  }
  body > header > nav {
    display: none;
    gap: 2rem;
  }
  body > header > nav a {
    color: inherit;
    text-decoration: none;
  }
  body > header > nav a:hover {
    color: var(--color-primary);
  }
  body > header > nav a[aria-current="page"] {
    color: var(--color-primary);
  }
  @media (width >= 48rem) {
    body > header > nav {
      display: flex;
    }
  }
  .logo {
    height: var(--logo-h);
    width: auto;
  }
  .logo--sm {
    height: 2rem;
  }
  .who-intro .stack {
    gap: calc(var(--stack-gap) * 2);
  }
  @media (width >= 48rem) {
    .who-intro .stack {
      gap: var(--stack-gap);
    }
  }
  .card-link {
    display: grid;
    gap: 1.25rem;
    place-content: center;
    justify-items: center;
    min-height: 5rem;
    padding: 2rem;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease;
  }
  @media (width >= 48rem) {
    .card-link {
      min-height: 11rem;
    }
  }
  .card-link--dark {
    gap: 0.625rem;
    background: var(--color-primary);
    color: var(--color-surface);
  }
  .card-link--dark .logo {
    filter: brightness(0) invert(1);
  }
  .card-link--dark:hover {
    background: color-mix(in srgb, #0a4357 85%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-primary) 85%, white);
    }
  }
  .card-link--dark .card-link__note {
    color: var(--on-dark-soft);
  }
  .card-link--light {
    gap: 0.625rem;
    background: var(--color-canvas);
    color: var(--color-ink);
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .card-link--light:is(:hover, :focus-visible) {
    background: var(--color-primary);
    color: var(--color-surface);
  }
  .card-link__note {
    max-width: 24ch;
    color: var(--color-copy);
    text-wrap: balance;
  }
  .card-link--light:is(:hover, :focus-visible) .card-link__note {
    color: var(--on-dark-soft);
  }
  .card-link__go {
    display: inline-flex;
    margin-block-start: 0.25rem;
    transition: translate 0.2s ease;
  }
  .card-link__go .i-arrow {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .card-link--light:is(:hover, :focus-visible) .card-link__go {
    translate: 0.25rem -0.25rem;
  }
  @media (prefers-reduced-motion: reduce) {
    .card-link--light, .card-link__go {
      transition: none;
    }
    .card-link--light:is(:hover, :focus-visible) .card-link__go {
      translate: none;
    }
  }
  .card-link--foundation {
    gap: 0.625rem;
    background: var(--color-canvas);
    color: var(--color-ink);
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  @media (width >= 48rem) {
    .card-link--foundation {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: auto;
      padding: 1.25rem 1.5rem;
    }
    .card-link--foundation .card-link__go {
      margin-block-start: 0;
      transition: none;
    }
  }
  .card-link--foundation:is(:hover, :focus-visible) {
    background: var(--color-primary);
    color: var(--color-surface);
  }
  .card-link--foundation:is(:hover, :focus-visible) .card-link__note {
    color: var(--on-dark-soft);
  }
  body > header::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 0 auto;
    height: calc(100% + 3rem);
    pointer-events: none;
    background: linear-gradient( to bottom, rgb(255 255 255 / 0.88) 0%, rgb(255 255 255 / 0.83) 46%, rgb(255 255 255 / 0.54) 74%, rgb(255 255 255 / 0) 100% );
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 52%, transparent 100% );
    mask-image: linear-gradient(to bottom, #000 0%, #000 52%, transparent 100%);
  }
  html[data-nav="dark"] body > header::after {
    background: linear-gradient( to bottom, color-mix(in srgb, #0a4357 92%, transparent) 0%, color-mix(in srgb, #0a4357 88%, transparent) 46%, color-mix(in srgb, #0a4357 50%, transparent) 74%, color-mix(in srgb, #0a4357 0%, transparent) 100% );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( to bottom, color-mix(in srgb, var(--color-primary) 92%, transparent) 0%, color-mix(in srgb, var(--color-primary) 88%, transparent) 46%, color-mix(in srgb, var(--color-primary) 50%, transparent) 74%, color-mix(in srgb, var(--color-primary) 0%, transparent) 100% );
    }
  }
  html[data-nav="dark"] .logo {
    filter: brightness(0) invert(1);
  }
  html[data-nav="dark"] body > header .btn--primary {
    background: var(--color-surface);
    color: var(--color-primary);
  }
  html[data-nav="dark"] body > header .btn--primary:hover {
    background: var(--on-dark);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--on-dark) 88%, var(--color-primary));
    }
  }
  html[data-nav="dark"] body > header > nav a {
    color: var(--on-dark-soft);
  }
  html[data-nav="dark"] body > header > nav a:hover, html[data-nav="dark"] body > header > nav a[aria-current="page"] {
    color: var(--on-dark);
  }
  .legal a {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
  .legal a:hover {
    color: color-mix(in srgb, #0a4357 85%, white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 85%, white);
    }
  }
  .link-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--color-primary);
    font-size: var(--text-size-body);
    font-weight: 500;
    text-decoration: none;
    width: fit-content;
  }
  .link-meta:hover {
    text-decoration: underline;
  }
  .link-meta .i-arrow {
    width: 0.7em;
    height: 0.7em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .link-meta .i-linkedin {
    width: 1.1em;
    height: 1.1em;
  }
  .logo-band {
    overflow: hidden;
    -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 8%, #000 92%, transparent 100% );
    mask-image: linear-gradient( to right, transparent 0%, #000 8%, #000 92%, transparent 100% );
  }
  .logo-band__track {
    display: flex;
    width: max-content;
    animation: band-scroll 40s linear infinite;
  }
  .logo-band:hover .logo-band__track {
    animation-play-state: paused;
  }
  .logo-band__group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--stack-gap) * 1.5) calc(var(--stack-gap) * 2);
    padding-inline-end: calc(var(--stack-gap) * 2);
  }
  .logo-band img {
    width: auto;
    filter: brightness(0) invert(1);
    opacity: 0.75;
  }
  .logo-band--mono img {
    filter: grayscale(1);
    opacity: 0.6;
  }
  .logo-band--mono img[data-logo="hilti"] {
    filter: grayscale(1) brightness(0);
  }
  .logo-band img[data-logo="bmw-group"] {
    height: 1.7rem;
  }
  .logo-band img[data-logo="sap"] {
    height: 1.7rem;
  }
  .logo-band img[data-logo="gea"] {
    height: 1.55rem;
  }
  .logo-band img[data-logo="hilti"] {
    height: 1.35rem;
  }
  .logo-band img[data-logo="strategy-and"] {
    height: 1.3rem;
  }
  .logo-band img[data-logo="deutsche-bank"] {
    height: 1.3rem;
  }
  .logo-band img[data-logo="otto-group"] {
    height: 1.25rem;
  }
  .logo-band img[data-logo="lufthansa"] {
    height: 1.2rem;
  }
  .logo-band img[data-logo="finanz-informatik"] {
    height: 1.2rem;
  }
  .logo-band img[data-logo="bundesdruckerei"] {
    height: 1rem;
  }
  .logo-band img[data-logo="endress-hauser"] {
    height: 1rem;
  }
  .logo-band img[data-logo="mercedes-benz"] {
    height: 0.875rem;
  }
  .logo-band img[data-logo="porsche"] {
    height: 0.7rem;
  }
  @media (width >= 48rem) {
    .logo-band img[data-logo="bmw-group"] {
      height: 2rem;
    }
    .logo-band img[data-logo="sap"] {
      height: 2rem;
    }
    .logo-band img[data-logo="gea"] {
      height: 1.85rem;
    }
    .logo-band img[data-logo="hilti"] {
      height: 1.6rem;
    }
    .logo-band img[data-logo="strategy-and"] {
      height: 1.55rem;
    }
    .logo-band img[data-logo="deutsche-bank"] {
      height: 1.5rem;
    }
    .logo-band img[data-logo="otto-group"] {
      height: 1.45rem;
    }
    .logo-band img[data-logo="lufthansa"] {
      height: 1.4rem;
    }
    .logo-band img[data-logo="finanz-informatik"] {
      height: 1.4rem;
    }
    .logo-band img[data-logo="bundesdruckerei"] {
      height: 1.2rem;
    }
    .logo-band img[data-logo="endress-hauser"] {
      height: 1.15rem;
    }
    .logo-band img[data-logo="mercedes-benz"] {
      height: 1.05rem;
    }
    .logo-band img[data-logo="porsche"] {
      height: 0.85rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .logo-band__track {
      animation: none;
    }
  }
  .loop {
    display: block;
    width: 100%;
    height: auto;
    max-width: 58rem;
    margin-inline: auto;
    overflow: visible;
    --fs-side: 14px;
    --fs-step: 14px;
    --fs-station: 20px;
  }
  @media (width >= 48rem) {
    .loop {
      --fs-side: 15px;
      --fs-step: 15px;
      --fs-station: 22px;
    }
  }
  .loop__wash-r {
    fill: var(--color-primary);
    opacity: 0.06;
  }
  .loop__wash-p {
    fill: var(--color-ink);
    opacity: 0.04;
  }
  .loop__dot {
    fill: var(--color-primary);
    opacity: 0.42;
  }
  .loop__grid {
    fill: none;
    stroke: var(--color-ink);
    stroke-width: 1;
    opacity: 0.14;
  }
  .loop__gap {
    fill: none;
    stroke: color-mix(in srgb, #0a4357 40%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-primary) 40%, var(--color-surface));
    }
    stroke-width: 1.5;
    stroke-dasharray: 5 7;
  }
  .loop__side {
    font-size: var(--fs-side);
    font-weight: 700;
    letter-spacing: 0.18em;
    fill: color-mix(in srgb, #0a4357 70%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-primary) 70%, var(--color-surface));
    }
  }
  .loop__side--practice {
    fill: color-mix(in srgb, #101010 55%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-ink) 55%, var(--color-surface));
    }
  }
  .loop__ring, .loop__arrow {
    fill: none;
    stroke: var(--color-accent);
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .loop__stop {
    fill: var(--color-accent);
    stroke: var(--color-surface);
    stroke-width: 4;
  }
  .loop__step {
    font-size: var(--fs-step);
    font-weight: 500;
    letter-spacing: 0.12em;
    font-variant-numeric: tabular-nums;
    fill: var(--color-muted);
  }
  .loop__station {
    font-size: var(--fs-station);
    font-weight: 500;
    letter-spacing: 0.12em;
    fill: var(--color-ink);
    paint-order: stroke fill;
    stroke: var(--color-surface);
    stroke-width: 4;
    stroke-linejoin: round;
  }
  .loop__in {
    animation: world-in 0.85s var(--ease) both;
  }
  .loop__in--a {
    animation-delay: 0s;
  }
  .loop__in--b {
    animation-delay: 0.12s;
  }
  .loop__in--c {
    animation-delay: 0.55s;
  }
  .loop__ring, .loop__arrow {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: link-draw 1.2s var(--ease) 0.75s forwards;
  }
  .band {
    position: fixed;
    z-index: 70;
    inset: auto 0 0;
    height: var(--band-height);
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--color-primary);
  }
  .band__track {
    display: flex;
    width: max-content;
    animation: band-scroll 150s linear infinite;
  }
  .band__group {
    display: flex;
    flex-shrink: 0;
  }
  .band__group > span {
    padding-right: 0.75em;
    color: var(--color-surface);
    font-size: var(--text-size-body);
    font-style: italic;
    white-space: nowrap;
  }
  .band:hover .band__track {
    animation-play-state: paused;
  }
  .band-scrim {
    position: fixed;
    z-index: 50;
    bottom: var(--band-height);
    left: 50%;
    width: 100%;
    height: 6rem;
    transform: translateX(-50%);
    pointer-events: none;
    background: linear-gradient( to bottom, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 0.04) 26%, rgb(255 255 255 / 0.14) 44%, rgb(255 255 255 / 0.34) 60%, rgb(255 255 255 / 0.6) 74%, rgb(255 255 255 / 0.85) 87%, rgb(255 255 255 / 1) 100% );
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    -webkit-mask-image: linear-gradient( to bottom, transparent 0%, rgb(0 0 0 / 0.05) 28%, rgb(0 0 0 / 0.2) 46%, rgb(0 0 0 / 0.48) 64%, rgb(0 0 0 / 0.8) 83%, #000 100% );
    mask-image: linear-gradient( to bottom, transparent 0%, rgb(0 0 0 / 0.05) 28%, rgb(0 0 0 / 0.2) 46%, rgb(0 0 0 / 0.48) 64%, rgb(0 0 0 / 0.8) 83%, #000 100% );
  }
  @media (width >= 48rem) {
    .band-scrim {
      width: min(var(--max-page-width), 94%);
    }
  }
  @keyframes band-scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .band__track {
      animation: none;
    }
  }
  .matrix-scroll {
    min-width: 0;
    overflow-x: auto;
  }
  .matrix {
    width: 100%;
    border-collapse: collapse;
  }
  .matrix, .matrix-note {
    --matrix-own-column: 20%;
  }
  .matrix :is(thead th, tbody td):last-child {
    width: var(--matrix-own-column);
  }
  .matrix thead th {
    padding: 0 1.5rem 0.875rem;
    color: var(--color-muted);
    line-height: var(--line-height-body);
    text-align: center;
    vertical-align: bottom;
    font-weight: 400;
  }
  .matrix thead th:last-child {
    color: var(--color-ink);
  }
  .matrix tbody th {
    padding: 1.375rem 2.5rem 1.375rem 0;
    color: var(--color-ink);
    font-weight: 400;
    text-align: start;
  }
  .matrix tbody td {
    padding: 1.375rem 1.5rem;
    text-align: center;
  }
  .matrix thead :is(th, td):not(:last-child) {
    border-block-end: 1px solid var(--color-line);
  }
  .matrix tbody tr:not(:first-child) :is(th, td):not(:last-child) {
    border-block-start: 1px solid var(--color-line);
  }
  .matrix tbody tr:last-child :is(th, td):not(:last-child) {
    border-block-end: 1px solid var(--color-line);
  }
  .matrix tbody td::before {
    content: "";
    display: block;
    width: 0.6875rem;
    height: 0.6875rem;
    margin-inline: auto;
    border: 1px solid var(--color-line);
    border-radius: 50%;
  }
  .matrix tbody td[data-state="yes"]::before {
    border-color: var(--color-primary);
    background: var(--color-primary);
  }
  .matrix :is(thead th, thead td, tbody th, tbody td):last-child {
    background: color-mix(in srgb, #feb001 8%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-accent) 8%, var(--color-surface));
    }
  }
  .matrix thead th:last-child {
    padding-block-start: 1.25rem;
  }
  .matrix-note {
    justify-self: end;
    width: var(--matrix-own-column);
    justify-content: center;
    margin-block-end: calc(var(--stack-gap) * -2 + 0.5rem);
  }
  @media (width < 48rem) {
    .matrix-note {
      display: none;
    }
  }
  .matrix tbody tr:last-child td:last-child {
    padding-block-end: 1.75rem;
  }
  .matrix tbody td:last-child[data-state="yes"]::before {
    border-color: var(--color-accent);
    background: var(--color-accent);
  }
  @media (width < 48rem) {
    .matrix tbody th {
      padding-inline-end: 1rem;
    }
    .matrix :is(thead th, tbody td) {
      padding-inline: 0.75rem;
    }
    .matrix :is(thead th, tbody td):last-child {
      padding-inline: 1rem;
    }
  }
  .mosaic {
    display: grid;
    gap: calc(var(--stack-gap) * 2);
  }
  .mosaic > * {
    align-self: start;
    min-width: 0;
  }
  .mosaic__tag {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.8125rem;
    color: var(--color-primary);
  }
  @media (width >= 48rem) {
    .mosaic {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: calc(var(--stack-gap) * 2);
    }
    .mosaic__wide {
      grid-column: span 12;
    }
    .mosaic__major {
      grid-column: span 7;
    }
    .mosaic__minor {
      grid-column: span 5;
    }
    .mosaic__third {
      grid-column: span 4;
    }
    .mosaic__drop {
      margin-block-start: calc(var(--section-vertical-spacing) / 2);
    }
  }
  @media (width < 48rem) {
    #track-record .mosaic > :nth-child(1), #culture .mosaic > :nth-child(1) {
      order: 2;
    }
    #track-record .mosaic > :nth-child(2), #culture .mosaic > :nth-child(2) {
      order: 1;
    }
    #track-record .mosaic > :nth-child(3), #culture .mosaic > :nth-child(3) {
      order: 3;
    }
    #track-record .mosaic > :nth-child(4), #culture .mosaic > :nth-child(4) {
      order: 4;
    }
  }
  .opening {
    display: grid;
    align-content: center;
    min-height: calc( var(--stage-h) - var(--logo-h) - 2 * var(--header-py) - var(--section-vertical-spacing) );
  }
  .opening + .chapter {
    padding-block-start: calc(var(--section-vertical-spacing) * 0.5);
  }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .reveal {
        animation-name: world-in;
        animation-timing-function: linear;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: cover 10% cover 24%;
      }
    }
  }
  .shot {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .shot--wide {
    aspect-ratio: 16 / 9;
  }
  .shot-ph {
    display: grid;
    place-items: center;
    aspect-ratio: 3 / 2;
    padding: 1.25rem;
    background: color-mix( in oklab, #0a4357 9%, #ffffff );
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in oklab, var(--color-primary) 9%, var(--color-surface) );
    }
    border: 1px dashed color-mix(in srgb, #0a4357 40%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in oklab, var(--color-primary) 40%, var(--color-surface));
    }
    color: color-mix(in srgb, #0a4357 80%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 80%, var(--color-surface));
    }
    font-style: italic;
    text-align: center;
  }
  .shot-ph--wide {
    aspect-ratio: 16 / 9;
  }
  .chapter--dark .shot-ph {
    background: var(--on-dark);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--on-dark) 13%, var(--color-primary));
    }
    border-color: var(--on-dark);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--on-dark) 38%, var(--color-primary));
    }
    color: var(--on-dark-soft);
  }
  .photo-row {
    --photo-row-peek: 2rem;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc( 100vw - var(--shell-horizontal-spacing) - var(--stack-gap) - var(--photo-row-peek) );
    gap: var(--stack-gap);
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding-inline: var(--shell-horizontal-spacing);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline-start: var(--shell-horizontal-spacing);
    scrollbar-width: none;
  }
  .photo-row::-webkit-scrollbar {
    display: none;
  }
  .photo-row__img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    scroll-snap-align: start;
    border-radius: 0.75rem;
  }
  @media (width >= 48rem) {
    .photo-row {
      grid-auto-flow: row;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      width: auto;
      margin-inline: 0;
      padding-inline: 0;
      overflow-x: visible;
      scroll-snap-type: none;
      max-width: 46rem;
    }
  }
  .pipe__morph {
    display: none;
  }
  @media (width >= 96rem) {
    .js .pipe__morph {
      display: block;
      position: absolute;
      z-index: 3;
      top: var(--focus-y);
      left: 0;
      right: 0;
      max-width: var(--pipe-w);
      height: 0;
      margin-inline: auto;
      padding-right: clamp(1.5rem, 4vw, 3.5rem);
      opacity: clamp(0, calc((var(--p, 0) - 0.07) / 0.06), 1);
      translate: 0 calc(-1 * clamp(0, calc((var(--p, 0) - 0.84) / 0.16), 1) * 3.5rem);
      pointer-events: none;
    }
  }
  .pipe__morph-svg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 33%;
    height: auto;
    translate: 0 -50%;
    opacity: 0.4;
  }
  .morph-layer {
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform-box: fill-box;
    transform-origin: center center;
  }
  .morph-layer.hidden-layer {
    opacity: 0;
    transform: scale(0.85) rotate(-3deg);
  }
  .morph-layer.active-layer {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  .morph-layer[data-stage="3"].hidden-layer, .morph-layer[data-stage="3"].active-layer {
    transform: none;
  }
  @keyframes pipe-morph-dash {
    to {
      stroke-dashoffset: -40;
    }
  }
  .morph-dash {
    stroke-dasharray: 6 4;
    animation: pipe-morph-dash 3s linear infinite;
  }
  .morph-node, .morph-edge {
    transform-box: fill-box;
    transition: x 0.35s cubic-bezier(0.4, 0, 0.2, 1), y 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1), height 0.35s cubic-bezier(0.4, 0, 0.2, 1), rx 0.35s cubic-bezier(0.4, 0, 0.2, 1), ry 0.35s cubic-bezier(0.4, 0, 0.2, 1), fill 0.2s ease, stroke 0.2s ease, opacity 0.2s ease;
  }
  .morph-node[data-node="0"], .morph-edge[data-edge="0"] {
    transition-delay: 0ms;
  }
  .morph-node[data-node="1"], .morph-edge[data-edge="1"] {
    transition-delay: 20ms;
  }
  .morph-node[data-node="2"], .morph-edge[data-edge="2"] {
    transition-delay: 40ms;
  }
  .morph-node[data-node="3"] {
    transition-delay: 60ms;
  }
  .morph-node[data-node="4"] {
    transition-delay: 80ms;
  }
  .morph-node[data-node="5"] {
    transition-delay: 100ms;
  }
  @keyframes pipe-morph-idle {
    0%, 100% {
      transform: translate(0, 0) scale(1);
    }
    50% {
      transform: translate(1px, -1px) scale(1.06);
    }
  }
  .pipe__morph-svg.stage1-active .morph-node[data-node="0"] {
    animation: pipe-morph-idle 3.2s ease-in-out infinite 0s;
  }
  .pipe__morph-svg.stage1-active .morph-node[data-node="1"] {
    animation: pipe-morph-idle 3.2s ease-in-out infinite 0.4s;
  }
  .pipe__morph-svg.stage1-active .morph-node[data-node="2"] {
    animation: pipe-morph-idle 3.2s ease-in-out infinite 0.8s;
  }
  .pipe__morph-svg.stage1-active .morph-node[data-node="3"] {
    animation: pipe-morph-idle 3.2s ease-in-out infinite 1.2s;
  }
  .pipe__morph-svg.stage1-active .morph-node[data-node="4"] {
    animation: pipe-morph-idle 3.2s ease-in-out infinite 1.6s;
  }
  .morph-rocket {
    transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateY(46px);
  }
  .morph-rocket.rocket-active {
    opacity: 1;
    transform: translateY(0);
  }
  .morph-rocket.rocket-exit-up {
    opacity: 0;
    transform: translateY(-46px);
  }
  .morph-rocket.rocket-instant {
    transition: none;
  }
  @keyframes pipe-morph-tremble {
    0%, 100% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-1.2px);
    }
    50% {
      transform: translateX(0.6px);
    }
    75% {
      transform: translateX(1.2px);
    }
  }
  .morph-rocket.rocket-active .morph-rocket__bob {
    animation: pipe-morph-tremble 0.35s ease-in-out infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .js .pipe__morph {
      display: none;
    }
  }
  .morph-node {
    fill: var(--color-primary);
  }
  .morph-node--accent {
    fill: var(--color-accent);
    filter: drop-shadow( 0 0 3px color-mix(in srgb, #feb001 50%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      filter: drop-shadow( 0 0 3px color-mix(in oklab, var(--color-accent) 50%, transparent) );
    }
  }
  .morph-edge {
    stroke: var(--color-primary);
    stroke-width: 1.5;
    opacity: 0.35;
  }
  .pipe {
    position: relative;
    --pos: 0;
  }
  .js .pipe {
    --a: 0.29;
    --b: 0.35;
    --focus-y: 42svh;
    --pipe-lead: 14svh;
    --pos: calc(clamp(0, calc((var(--p, 0) - 0.33) / 0.51), 1) * 4);
    inset-block: 0;
    opacity: var(--win);
  }
  .pipe__list {
    position: relative;
    display: grid;
    gap: calc(var(--stack-gap) * 3);
    width: min(100%, var(--pipe-w));
    margin-inline: auto;
  }
  .pipe__list::before, .pipe__list::after {
    content: "";
    position: absolute;
    top: var(--label-half);
    bottom: 3rem;
    left: calc(var(--dot-col) / 2 - 1px);
    width: 2px;
  }
  .pipe__list::before {
    background: var(--color-line);
  }
  .pipe__list::after {
    background: var(--color-primary);
  }
  .js .pipe__list {
    position: absolute;
    top: calc(var(--focus-y) - var(--pipe-gap) / 2);
    left: 0;
    right: 0;
    width: auto;
    max-width: var(--pipe-w);
    gap: 0;
    translate: 0 calc(-1 * var(--pos) * var(--pipe-gap));
  }
  .js .pipe__list::before, .js .pipe__list::after {
    top: calc(var(--pipe-gap) / 2 - var(--pipe-lead));
    bottom: auto;
  }
  .js .pipe__list::before {
    height: calc(4 * var(--pipe-gap) + var(--pipe-lead));
  }
  .js .pipe__list::after {
    height: calc(var(--pipe-lead) + var(--pos) * var(--pipe-gap));
  }
  .js .pipe--4 {
    --pos: calc(clamp(0, calc((var(--p, 0) - 0.13) / 0.71), 1) * 3);
  }
  .js .pipe--4 .pipe__list::before {
    height: calc(3 * var(--pipe-gap) + var(--pipe-lead));
  }
  .pipe__step {
    --act: 1;
    --revealed: 1;
    --done: 1;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: var(--dot-col) minmax(0, 1fr);
    column-gap: var(--stack-gap);
    align-items: start;
  }
  .js .pipe__step {
    --dist: max(calc(var(--pos) - var(--i)), calc(var(--i) - var(--pos)));
    --act: clamp(0, calc(1 - var(--dist)), 1);
    --revealed: clamp(0, calc(1 - var(--i) + var(--pos)), 1);
    --done: clamp(0, calc(1 + 4 * (var(--pos) - var(--i))), 1);
    height: var(--pipe-gap);
    padding-block-start: calc(var(--pipe-gap) / 2 - var(--label-half));
  }
  .js .pipe__step:nth-child(1) {
    --i: 0;
  }
  .js .pipe__step:nth-child(2) {
    --i: 1;
  }
  .js .pipe__step:nth-child(3) {
    --i: 2;
  }
  .js .pipe__step:nth-child(4) {
    --i: 3;
  }
  .js .pipe__step:nth-child(5) {
    --i: 4;
  }
  .js .pipe__step--last {
    z-index: 2;
  }
  .pipe__node {
    position: relative;
    justify-self: center;
    display: grid;
    place-items: center;
    margin-block-start: var(--label-half);
    translate: 0 -50%;
  }
  .pipe__dot {
    width: 0.875rem;
    height: 0.875rem;
    border: 2px solid var(--color-primary);
    background: #0a4357;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in oklab, var(--color-primary) calc(var(--done) * 100%), var(--color-surface) );
    }
  }
  .js .pipe__dot {
    scale: calc(1 + 0.55 * var(--act));
  }
  .pipe__text {
    display: grid;
    gap: 0.75rem;
  }
  .js .pipe__text {
    position: relative;
    z-index: 3;
  }
  .pipe__label {
    transform-origin: left center;
  }
  .js .pipe__label {
    scale: calc(0.44 + 0.56 * var(--revealed));
    color: #101010;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix( in oklab, var(--color-ink) calc(var(--revealed) * 100%), var(--color-muted) );
    }
  }
  .pipe__line {
    color: var(--color-ink);
  }
  .pipe__body {
    display: grid;
    gap: 0.75rem;
  }
  .js .pipe__body {
    opacity: clamp(0, calc((var(--revealed) - 0.5) / 0.35), 1);
  }
  .js .pipe__step:not(.pipe__step--last) {
    opacity: clamp(0, calc((0.89 - var(--p, 0)) / 0.04), 1);
  }
  .bloom {
    display: none;
  }
  .js .bloom {
    display: block;
    position: absolute;
    inset: 0;
  }
  .bloom__cell, .bloom__field {
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--color-primary);
  }
  .js .bloom__cell {
    --a: 0.84;
    --b: 0.89;
    z-index: 2;
    width: 0.875rem;
    height: 0.875rem;
    opacity: var(--win);
  }
  .js .bloom__cell--l {
    translate: -50% calc(-50% - var(--win) * 3.5rem);
  }
  .js .bloom__cell--r {
    translate: -50% calc(-50% + var(--win) * 3.5rem);
  }
  .js .bloom__field {
    --a: 0.89;
    --b: 1;
    z-index: 1;
    width: 300vmax;
    height: 300vmax;
    translate: -50% -50%;
    scale: clamp(0, calc(var(--win) / 0.35), 1) calc(var(--win) * var(--win));
  }
  .js .pipe__step--last .pipe__body {
    --a: 0.85;
    --b: 0.88;
    opacity: calc( clamp(0, calc((var(--revealed) - 0.5) / 0.35), 1) * (1 - var(--win)) );
  }
  .js .pipe__step--last .pipe__label {
    --a: 0.94;
    --b: 0.99;
    color: var(--on-dark);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix( in oklab, var(--on-dark) calc(var(--win) * 100%), var(--color-ink) );
    }
    scale: calc((0.44 + 0.56 * var(--revealed)) * (1 + 0.08 * var(--win)));
  }
  .publications {
    display: grid;
  }
  .publication {
    position: relative;
    display: grid;
    gap: 0.75rem 2.5rem;
    padding-block: 1.75rem;
    border-block-start: 1px solid var(--color-line);
    text-decoration: none;
  }
  .publications > li:last-child > .publication {
    border-block-end: 1px solid var(--color-line);
  }
  @media (width >= 48rem) {
    .publication {
      grid-template-columns: 15rem minmax(0, 1fr);
    }
  }
  .publication::before {
    content: "";
    position: absolute;
    inset-block: 1.25rem;
    inset-inline-start: -1.25rem;
    width: 3px;
    background: var(--color-accent);
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  a.publication:hover::before, a.publication:focus-visible::before {
    opacity: 1;
  }
  a.publication:hover .publication__title {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
  .publication__meta, .publication__main {
    display: grid;
    gap: 0.5rem;
    align-content: start;
  }
  .publication__domain {
    color: var(--color-muted);
    font-weight: 400;
  }
  .publication__venue {
    color: var(--color-copy);
  }
  .publication__title {
    color: var(--color-ink);
  }
  .publication__by {
    color: var(--color-copy);
  }
  .publication__pending {
    color: var(--color-muted);
    font-style: italic;
  }
  .paper-stack {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  @media (width >= 48rem) {
    .paper-stack {
      justify-content: end;
    }
  }
  .paper-stack > img {
    position: relative;
    width: 9.5rem;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: left top;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.05), 0 0.75rem 2rem rgb(0 0 0 / 0.09);
  }
  .paper-stack > img:not(:first-child) {
    margin-inline-start: -5rem;
  }
  .paper-stack > img:nth-child(1) {
    z-index: 3;
    rotate: -4deg;
  }
  .paper-stack > img:nth-child(2) {
    z-index: 2;
    rotate: 3deg;
    margin-block-start: 1.25rem;
  }
  .paper-stack > img:nth-child(3) {
    z-index: 1;
    rotate: -2deg;
    margin-block-start: 0.5rem;
  }
  .pull {
    display: grid;
    gap: 1rem;
    max-width: 46rem;
  }
  .pull blockquote {
    font-style: italic;
  }
  .pull--face {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.5rem;
  }
  .pull--face > * {
    grid-column: 2;
  }
  .pull__face {
    grid-column: 1;
    grid-row: span 2;
    width: 5.5rem;
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
  .pull--face-square {
    column-gap: 2rem;
  }
  .pull--face-square .pull__face {
    width: 7rem;
    aspect-ratio: 1;
  }
  @media (width >= 48rem) {
    .pull--face-square .pull__face {
      width: 9rem;
    }
  }
  .scene {
    position: relative;
  }
  .scene__stage {
    display: grid;
    gap: calc(var(--stack-gap) * 3);
    align-content: center;
    padding-block-start: var(--section-vertical-spacing);
  }
  .js .scene {
    height: calc(var(--stage-h) + var(--steps, 1) * var(--run));
  }
  .scene[data-steps="6"] {
    --steps: 6;
  }
  .scene[data-steps="7"] {
    --steps: 7;
  }
  .scene[data-steps="8"] {
    --steps: 8;
  }
  .scene[data-steps="9"] {
    --steps: 9;
  }
  .js .scene__stage {
    position: sticky;
    top: 0;
    display: block;
    height: var(--stage-h);
    padding-block-start: 0;
    overflow: clip;
  }
  .js :is( .tale__head, .tale__ask, .tale__ask > span, .worlds__research, .worlds__industry, .worlds__hub, .pipe, .bloom__cell, .bloom__field, .pipe__step--last .pipe__body, .pipe__step--last .pipe__label ) {
    --win: clamp(0, calc((var(--p, 0) - var(--a)) / (var(--b) - var(--a))), 1);
  }
  .tale__head, .tale__worlds, .tale__ask, .pipe {
    padding-inline: var(--shell-horizontal-spacing);
  }
  .js :is(.tale__head, .tale__worlds, .tale__ask, .pipe) {
    position: absolute;
    padding-inline: 0;
    left: var(--shell-horizontal-spacing);
    right: var(--shell-horizontal-spacing);
  }
  .tale__head {
    display: grid;
    justify-items: center;
    gap: var(--stack-gap);
    text-align: center;
  }
  .js .tale__head {
    --a: 0.008;
    --b: 0.05;
    top: var(--head-y);
    opacity: calc(1 - var(--win));
    translate: 0 calc(var(--win) * -2rem);
  }
  .js .tale__worlds {
    top: max( calc( var(--head-y) + var(--head-h, 0px) + var(--stack-gap) * 2 + var(--diagram-h) / 2 ), var(--focus-y) );
    height: var(--diagram-h);
    translate: 0 -50%;
  }
  .tale__ask {
    display: grid;
    justify-items: center;
    text-align: center;
  }
  .js .tale__ask {
    --a: 0.24;
    --b: 0.3;
    z-index: 2;
    top: var(--focus-y);
    transform-origin: center center;
    scale: calc(1 - (1 - var(--ask-scale)) * var(--win));
    translate: 0 calc(-50% - var(--win) * (var(--focus-y) - var(--ask-y)));
    opacity: clamp(0, calc((0.89 - var(--p, 0)) / 0.04), 1);
  }
  .js .tale__ask > span {
    --a: 0.17;
    --b: 0.24;
    opacity: var(--win);
  }
  .js .tale__ask::before {
    content: "";
    position: absolute;
    z-index: -1;
    --ask-veil-fade: 12svh;
    inset-block: calc(-1 * var(--ask-veil-fade));
    inset-inline: calc(-1 * var(--shell-horizontal-spacing));
    scale: calc(1 / (1 - (1 - var(--ask-scale)) * var(--win)));
    opacity: var(--win);
    background: linear-gradient( var(--color-surface) calc(100% - var(--ask-veil-fade)), transparent );
    pointer-events: none;
  }
  .selftest {
    display: grid;
    gap: calc(var(--stack-gap) * 2);
    align-items: start;
  }
  @media (width >= 64rem) {
    .selftest {
      grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
      column-gap: calc(var(--stack-gap) * 2.5);
    }
  }
  .paper {
    display: grid;
    gap: 1.25rem;
    padding: 1.75rem;
    background: #faf9f5;
    border: 1px solid var(--color-line);
  }
  .paper__title {
    color: var(--color-ink);
  }
  .checks {
    display: grid;
    gap: 0.875rem;
  }
  .checks > li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.875rem;
    align-items: start;
    color: var(--color-ink);
    line-height: var(--line-height-body);
  }
  .checks__box {
    width: 0.875rem;
    height: 0.875rem;
    margin-block-start: 0.42em;
    border: 1.5px solid var(--color-primary);
    background: transparent;
  }
  .checks--points .checks__box {
    display: grid;
    place-items: center;
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: var(--color-surface);
  }
  .checks--points .checks__box::after {
    content: "\2713";
    font-size: 0.625rem;
    line-height: 1;
  }
  .cta-panel {
    display: grid;
    gap: var(--stack-gap);
    align-content: start;
    padding: 1.75rem;
    background: var(--color-canvas);
  }
  .cta-panel__option {
    margin-block-start: 0.5rem;
  }
  .cta-panel__actions {
    display: grid;
    gap: 0.75rem;
  }
  @media (width >= 48rem) {
    .cta-panel__actions {
      grid-auto-flow: column;
      justify-content: start;
    }
  }
  .stations {
    display: grid;
    gap: calc(var(--stack-gap) * 2);
  }
  @media (width >= 48rem) {
    .stations {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .stations {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .station {
    display: grid;
    gap: 0.5rem;
    align-content: start;
    border-block-start: 1px solid var(--color-primary);
    padding-block-start: 0.75rem;
  }
  .station__step {
    color: var(--color-muted);
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
  }
  .station__name {
    color: var(--color-ink);
    font-weight: 500;
  }
  .chapter--dark .station {
    border-color: var(--color-accent);
  }
  .chapter--dark .station__step {
    color: var(--on-dark-quiet);
  }
  .chapter--dark .station__name {
    color: var(--on-dark);
  }
  .chapter {
    padding-block-start: var(--section-vertical-spacing);
  }
  .chapter--dark {
    background: var(--color-primary);
    color: var(--on-dark-soft);
    padding-block: var(--section-vertical-spacing);
  }
  .chapter--apart {
    margin-block-start: calc(var(--section-vertical-spacing) * 1.5);
  }
  .chapter--dark :is(h2, h3, .text-ink) {
    color: var(--on-dark);
  }
  .chapter--dark :is(.text-muted, figcaption) {
    color: var(--on-dark-quiet);
  }
  .chapter--dark .link-meta {
    color: var(--on-dark);
  }
  .chapter--dark .btn--primary {
    background: var(--color-surface);
    color: var(--color-primary);
  }
  .chapter--dark .btn--primary:hover {
    background: var(--on-dark);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--on-dark) 88%, var(--color-primary));
    }
  }
  .chapter__part {
    padding-block-start: var(--section-vertical-spacing);
  }
  .lede {
    color: var(--color-ink);
  }
  .chapter--dark .lede {
    color: var(--on-dark);
  }
  .chapter--dark .mosaic__tag {
    color: var(--on-dark);
  }
  .team-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: var(--team-gap);
    margin-inline: auto;
  }
  @media (width >= 64rem) {
    .team-grid {
      max-width: 80%;
    }
  }
  .person:nth-child(1) {
    grid-column: 2 / span 2;
  }
  .person:nth-child(4) {
    grid-column: 1 / span 2;
  }
  .person:nth-child(8) {
    grid-column: 2 / span 2;
  }
  .person {
    grid-column: span 2;
    position: relative;
    z-index: 1;
  }
  .person > img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    position: relative;
    z-index: 1;
    filter: grayscale(1);
  }
  .person > figcaption, .person__veil {
    display: none;
  }
  .person > figcaption {
    color: var(--color-copy);
  }
  .person > button {
    position: absolute;
    inset: 0;
    z-index: 3;
    cursor: pointer;
  }
  .person > button:focus-visible {
    outline: none;
  }
  .person:has(button:focus-visible) > img {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
  }
  .person__link[href="#"], .person__link:not([href]) {
    display: none;
  }
  .person-dialog {
    width: min(21rem, calc(100% - 2rem));
    max-height: calc(100dvh - 3rem);
    margin: auto;
    background: none;
    overflow: visible;
  }
  .person-dialog::backdrop {
    background: rgb(255 255 255 / 0.55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .person-dialog__panel {
    position: relative;
    display: grid;
    gap: 1rem;
    padding: 0.75rem 0.75rem 1.25rem;
    background: rgb(255 255 255 / 0.92);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 0.14);
  }
  .person-dialog__photo {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
  .person-dialog__close {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    background: var(--color-surface);
    color: var(--color-ink);
    cursor: pointer;
  }
  .person-dialog__close svg {
    width: 0.875rem;
    height: 0.875rem;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    fill: none;
  }
  @media (width >= 64rem) and (hover: hover) and (pointer: fine) {
    .person > figcaption {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: calc(100% + var(--info-gap));
      width: var(--info-w);
      translate: 0 -50%;
      padding: 1rem;
      justify-items: start;
      pointer-events: none;
      gap: 0;
    }
    .person > figcaption > * {
      pointer-events: auto;
      padding-block: 0.125rem;
    }
    .person > figcaption > .person__link {
      padding-block-start: 0.5rem;
    }
    .person > figcaption::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: calc(-1 * (var(--info-gap) + 0.5rem));
      width: calc(var(--info-gap) + 1.5rem);
      pointer-events: auto;
    }
    .person__veil {
      --cx: calc(100% + var(--info-gap) + var(--info-w) / 2);
      --rx: 20.8rem;
      --ry: 8.8rem;
      position: absolute;
      z-index: 0;
      left: calc(var(--cx) - var(--rx));
      right: calc(100% - var(--cx) - var(--rx));
      top: calc(50% - var(--ry));
      bottom: calc(50% - var(--ry));
      background: radial-gradient( ellipse closest-side at 50% 50%, rgb(255 255 255 / 0.97) 0%, rgb(255 255 255 / 0.97) 62%, rgb(255 255 255 / 0.85) 76%, rgb(255 255 255 / 0.5) 87%, rgb(255 255 255 / 0.16) 95%, transparent 100% );
      pointer-events: none;
    }
    .person:is(:hover, :focus-within) {
      z-index: 5;
    }
    .person:is(:hover, :focus-within) > figcaption {
      display: grid;
    }
    .person:is(:hover, :focus-within) .person__veil {
      display: block;
    }
    .person > img {
      pointer-events: none;
      transition: transform var(--hover-dur) var(--ease), filter var(--hover-dur) var(--ease);
    }
    .person:is(:hover, :focus-within) > img {
      transform: scale(var(--hover-scale));
      filter: grayscale(0);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .person > img {
      transition-duration: 0.01ms;
    }
    .person:is(:hover, :focus-within) > img {
      transform: none;
    }
  }
  .uni-logo-band {
    overflow: hidden;
    -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 8%, #000 92%, transparent 100% );
    mask-image: linear-gradient( to right, transparent 0%, #000 8%, #000 92%, transparent 100% );
  }
  .uni-logo-band__track {
    display: flex;
    width: max-content;
    animation: band-scroll 40s linear infinite;
  }
  .uni-logo-band:hover .uni-logo-band__track {
    animation-play-state: paused;
  }
  .uni-logo-band__group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--stack-gap) * 1.75) calc(var(--stack-gap) * 2.5);
    padding-inline-end: calc(var(--stack-gap) * 2.5);
  }
  .uni-logo-band img {
    width: auto;
    height: 1.6rem;
    filter: grayscale(1);
    opacity: 0.6;
  }
  .uni-logo-band img[data-logo="lse"], .uni-logo-band img[data-logo="qut"], .uni-logo-band img[data-logo="potsdam"], .uni-logo-band img[data-logo="notre-dame"] {
    height: 2.5rem;
    opacity: 0.45;
  }
  .uni-logo-band img[data-logo="stanford"] {
    height: 1rem;
  }
  @media (width >= 48rem) {
    .uni-logo-band img {
      height: 1.9rem;
    }
    .uni-logo-band img[data-logo="lse"], .uni-logo-band img[data-logo="qut"], .uni-logo-band img[data-logo="potsdam"], .uni-logo-band img[data-logo="notre-dame"] {
      height: 2.9rem;
    }
    .uni-logo-band img[data-logo="stanford"] {
      height: 1.2rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .uni-logo-band__track {
      animation: none;
    }
  }
  .uni-logos {
    padding-block-start: calc(var(--section-vertical-spacing) * 0.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--stack-gap) * 1.75) calc(var(--stack-gap) * 2.5);
  }
  .uni-logos > img {
    width: auto;
    filter: grayscale(1);
    opacity: 0.6;
    height: 1.6rem;
  }
  .uni-logos > img[data-logo="lse"], .uni-logos > img[data-logo="qut"], .uni-logos > img[data-logo="potsdam"], .uni-logos > img[data-logo="notre-dame"] {
    height: 2.5rem;
  }
  .uni-logos > img[data-logo="stanford"] {
    height: 1rem;
  }
  .uni-logos > img[data-logo="lse"], .uni-logos > img[data-logo="qut"], .uni-logos > img[data-logo="potsdam"], .uni-logos > img[data-logo="notre-dame"] {
    opacity: 0.45;
  }
  @media (width >= 48rem) {
    .uni-logos > img {
      height: 1.9rem;
    }
    .uni-logos > img[data-logo="lse"], .uni-logos > img[data-logo="qut"], .uni-logos > img[data-logo="potsdam"], .uni-logos > img[data-logo="notre-dame"] {
      height: 2.9rem;
    }
    .uni-logos > img[data-logo="stanford"] {
      height: 1.2rem;
    }
  }
  .ways {
    display: grid;
    gap: calc(var(--stack-gap) * 1.5);
  }
  @media (width >= 48rem) {
    .ways {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .way {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 0.75rem;
    height: 100%;
    padding: 2rem;
    background: var(--color-canvas);
    text-decoration: none;
    transition: background-color 0.15s ease;
  }
  a.way:hover, a.way:focus-visible {
    background: var(--color-line);
  }
  .way__station {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-muted);
  }
  .way__pin {
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    border: 2px solid var(--color-primary);
    border-radius: 9999px;
  }
  a.way:hover .way__pin {
    border-color: var(--color-accent);
    background: var(--color-accent);
  }
  .way__name {
    color: var(--color-ink);
  }
  .way__text {
    color: var(--color-copy);
  }
  .way__go {
    align-self: end;
  }
  .worlds {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow: visible;
  }
  .worlds--wide {
    display: none;
    --drift-x: 260px;
    --fs-label: 25px;
    --fs-word: 14px;
    --fs-hub: 26px;
    --fs-note: 20px;
  }
  .worlds--tall {
    --drift-x: 80px;
    --fs-label: 17px;
    --fs-word: 10px;
    --fs-hub: 17px;
    --fs-note: 14px;
  }
  @media (width >= 64rem) {
    .worlds--wide {
      display: block;
    }
    .worlds--tall {
      display: none;
    }
  }
  .worlds__label {
    font-size: var(--fs-label);
    font-weight: 700;
    letter-spacing: 0.16em;
    fill: var(--color-primary);
    paint-order: stroke fill;
    stroke: var(--color-surface);
    stroke-width: 7;
    stroke-linejoin: round;
  }
  .worlds__word {
    font-size: var(--fs-word);
    font-weight: 500;
    letter-spacing: 0.14em;
    fill: color-mix(in srgb, #0a4357 80%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-primary) 80%, var(--color-surface));
    }
    paint-order: stroke fill;
    stroke: var(--color-surface);
    stroke-width: 4;
    stroke-linejoin: round;
  }
  .worlds__industry .worlds__label {
    fill: var(--color-ink);
  }
  .worlds__industry .worlds__word {
    fill: color-mix(in srgb, #101010 66%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-ink) 66%, var(--color-surface));
    }
  }
  .worlds__wash-r {
    fill: var(--color-primary);
    opacity: 0.22;
  }
  .worlds__wash-i {
    fill: var(--color-primary);
    opacity: 0.12;
  }
  .worlds__dot {
    fill: var(--color-primary);
    opacity: 0.5;
  }
  .worlds__grid {
    stroke: var(--color-ink);
    stroke-width: 1;
    opacity: 0.22;
    fill: none;
  }
  .worlds__edge {
    stroke: color-mix(in srgb, #0a4357 55%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-primary) 55%, var(--color-surface));
    }
    stroke-width: 1.5;
    stroke-dasharray: 5 7;
    fill: none;
  }
  .worlds__industry .worlds__edge {
    stroke: color-mix(in srgb, #101010 42%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-ink) 42%, var(--color-surface));
    }
  }
  .worlds__line {
    stroke: color-mix(in srgb, #0a4357 62%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-primary) 62%, var(--color-surface));
    }
    stroke-width: 1.4;
    stroke-linecap: round;
    fill: none;
  }
  .worlds__industry .worlds__line {
    stroke: color-mix(in srgb, #101010 58%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-ink) 58%, var(--color-surface));
    }
  }
  .worlds__line--soft {
    stroke: color-mix(in srgb, #0a4357 34%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-primary) 34%, var(--color-surface));
    }
  }
  .worlds__node {
    fill: var(--color-surface);
    stroke: var(--color-primary);
    stroke-width: 1.8;
  }
  .worlds__card {
    fill: var(--color-surface);
    stroke: color-mix(in srgb, #0a4357 44%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-primary) 44%, var(--color-surface));
    }
    stroke-width: 1.4;
  }
  .worlds__industry .worlds__card {
    stroke: color-mix(in srgb, #101010 54%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-ink) 54%, var(--color-surface));
    }
    stroke-width: 1.6;
  }
  .worlds__ink {
    fill: none;
    stroke: color-mix(in srgb, #0a4357 40%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-primary) 40%, var(--color-surface));
    }
    stroke-width: 3;
    stroke-linecap: round;
  }
  .worlds__industry .worlds__ink {
    stroke: color-mix(in srgb, #101010 32%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-ink) 32%, var(--color-surface));
    }
  }
  .worlds__mark {
    fill: color-mix(in srgb, #0a4357 60%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-primary) 60%, var(--color-surface));
    }
  }
  .worlds__pane {
    fill: color-mix(in srgb, #101010 8%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-ink) 8%, var(--color-surface));
    }
  }
  .worlds__industry .worlds__mark {
    fill: color-mix(in srgb, #101010 68%, #ffffff);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-ink) 68%, var(--color-surface));
    }
  }
  .worlds__plate {
    fill: var(--color-primary);
  }
  .worlds__plate-text {
    font-size: var(--fs-hub);
    font-weight: 500;
    letter-spacing: 0.16em;
    fill: var(--color-surface);
  }
  .worlds__link {
    stroke: var(--color-accent);
    stroke-width: 3.4;
    stroke-linecap: round;
    fill: none;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: link-draw 0.7s var(--ease) 1s forwards;
  }
  .worlds__link--fine {
    stroke-width: 2.2;
  }
  .worlds__note-text {
    font-size: var(--fs-note);
    font-style: italic;
    fill: var(--color-ink);
  }
  .worlds__note-arrow {
    stroke: var(--color-accent);
    stroke-width: 3;
    stroke-linecap: round;
    fill: none;
  }
  .worlds__in {
    animation: world-in 0.85s var(--ease) both;
  }
  .worlds__in--a {
    animation-delay: 0s;
  }
  .worlds__in--b {
    animation-delay: 0.12s;
  }
  .worlds__in--c {
    animation-delay: 0.7s;
  }
  .worlds__note {
    animation: note-in 0.5s var(--ease) 1.45s both;
  }
  .js .worlds__research, .js .worlds__industry {
    --a: 0.04;
    --b: 0.15;
    opacity: calc(1 - var(--win));
  }
  .js .worlds__research {
    transform: translateX(calc(-1 * var(--win) * var(--drift-x)));
  }
  .js .worlds__industry {
    transform: translateX(calc(var(--win) * var(--drift-x)));
  }
  .js .worlds__hub {
    --a: 0.13;
    --b: 0.2;
    transform-box: fill-box;
    transform-origin: center;
    opacity: calc(1 - var(--win));
    transform: scale(calc(1 + 0.3 * var(--win)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .js .scene {
    height: auto;
  }
  .js .scene__stage {
    position: static;
    display: grid;
    height: auto;
    padding-block-start: var(--section-vertical-spacing);
    overflow: visible;
  }
  .js :is(.tale__head, .tale__worlds, .tale__ask) {
    position: static;
    padding-inline: var(--shell-horizontal-spacing);
    height: auto;
    opacity: 1;
    translate: none;
    scale: none;
  }
  .js .pipe {
    position: relative;
    padding-inline: var(--shell-horizontal-spacing);
    inset: auto;
    opacity: 1;
  }
  .js .tale__ask > span {
    opacity: 1;
  }
  .js :is(.worlds__research, .worlds__industry, .worlds__hub) {
    opacity: 1;
    transform: none;
  }
  .worlds__in, .worlds__note {
    animation: none;
  }
  .worlds__link {
    stroke-dashoffset: 0;
    animation: none;
  }
  .loop__in {
    animation: none;
  }
  .loop__ring, .loop__arrow {
    stroke-dashoffset: 0;
    animation: none;
  }
  .js .pipe__list {
    position: relative;
    inset: auto;
    width: min(100%, var(--pipe-w));
    max-width: none;
    gap: calc(var(--stack-gap) * 3);
    translate: none;
  }
  .js .pipe__list::before, .js .pipe__list::after {
    top: var(--label-half);
    bottom: 3rem;
    height: auto;
  }
  .js .pipe__step {
    --act: 1;
    --revealed: 1;
    --done: 1;
    height: auto;
    padding-block-start: 0;
  }
  .js .pipe__dot {
    scale: none;
  }
  .js .pipe__label, .js .pipe__step--last .pipe__label {
    color: var(--color-ink);
    scale: none;
  }
  .js .pipe__body, .js .pipe__step--last .pipe__body {
    opacity: 1;
  }
  .js .tale__ask::before, .js .bloom {
    display: none;
  }
  .folk__photo {
    transition: none;
  }
}
@keyframes world-in {
  from {
    opacity: 0;
    translate: 0 1.5rem;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes link-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes note-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@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-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --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;
    }
  }
}