/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.principle-list {
  box-sizing: border-box;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: var(--spacing-6, 2.5rem);
  background-color: var(--color-surface, #fafafa);
  padding-block: var(--spacing-7, 3rem);
  min-width: 0;
  padding-inline: max( var(--spacing-gutter), calc((100% - var(--container-content)) / 2) );
}
.principle-list__intro {
  display: flex;
  width: 100%;
  min-width: 0px;
  flex-direction: column;
  align-items: flex-start;
}
.principle-list__kicker {
  margin: 0px;
  font-size: var(--text-sm, clamp(0.6875rem, 0.625rem + 0.3vw, 0.8125rem));
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.2));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-accent-ink, #8a6b00);
  font-family: var(--font-mono);
}
.principle-list__kicker:empty {
  display: none;
}
.principle-list__title {
  margin: 0px;
  margin-top: var(--spacing-3, 0.75rem);
  width: 100%;
  font-family: var(--font-sans, "Montserrat", "Avenir Next", "Segoe UI", sans-serif);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-strong, #0d263d);
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4.2vw, 2.5rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.principle-list__text {
  margin: 0px;
  margin-top: var(--spacing-4, 1rem);
  width: 100%;
  font-size: var(--text-base, clamp(1rem, 0.95rem + 0.3vw, 1.125rem));
  line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-body, #3b4a57);
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .principle-list__text {
    max-width: 36rem;
  }
}
.principle-list__text:empty {
  display: none;
}
.principle-list__list {
  margin: 0px;
  width: 100%;
  min-width: 0px;
  list-style-type: none;
  padding: 0px;
}
.principle-list__actions {
  margin-top: var(--spacing-4, 1rem);
  display: flex;
  width: 100%;
  justify-content: center;
}
.principle-list__actions:empty {
  display: none;
}
.principle-list__actions .button {
  margin-inline: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: var(--text-base, clamp(1rem, 0.95rem + 0.3vw, 1.125rem));
  line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
  padding: 0.65rem 1.35rem;
}
.principle-list__actions .button__icon {
  height: 40px;
  width: 40px;
  margin-block: -0.45rem;
}
.principle-list__item {
  margin: 0px;
  display: grid;
  min-width: 0px;
  column-gap: var(--spacing-3, 0.75rem);
  row-gap: var(--spacing-1, 0.125rem);
  padding-inline: var(--spacing-4, 1rem);
  padding-block: var(--spacing-4, 1rem);
  grid-template-columns: auto minmax(0, 1fr);
  border-top: 1px solid var(--color-border-light, rgb(13 38 61 / 0.18));
  background: color-mix(in srgb, #78b8c2 7%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent, #78b8c2) 7%, transparent);
  }
}
.principle-list__item:last-child {
  border-bottom: 1px solid var(--color-border-light, rgb(13 38 61 / 0.18));
}
.principle-list__n {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace);
  font-size: var(--text-sm, clamp(0.6875rem, 0.625rem + 0.3vw, 0.8125rem));
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.2));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-accent-ink, #8a6b00);
}
.principle-list__item-title {
  min-width: 0px;
  font-family: var(--font-sans, "Montserrat", "Avenir Next", "Segoe UI", sans-serif);
  font-size: var(--text-base, clamp(1rem, 0.95rem + 0.3vw, 1.125rem));
  line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-strong, #0d263d);
  overflow-wrap: break-word;
}
.principle-list__aside {
  grid-column-start: 2;
  min-width: 0px;
  font-size: var(--text-sm, clamp(0.6875rem, 0.625rem + 0.3vw, 0.8125rem));
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.2));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-meta, #5d6b78);
  overflow-wrap: break-word;
}
.principle-list__over {
  display: none;
}
@media (min-width: 900px) {
  .principle-list {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: var(--spacing-5);
  }
  .principle-list__intro {
    grid-column: 1;
    grid-row: 1;
  }
  .principle-list__actions {
    margin-top: var(--spacing-5, 1.25rem);
    grid-column: 1;
    grid-row: 2;
  }
  .principle-list__list {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}
.principle-list[data-variant="ethos"] {
  background-color: transparent;
  padding-block: 0px;
  display: block;
  max-width: none;
  padding-inline: 0;
}
.principle-list[data-variant="ethos"] .principle-list__intro, .principle-list[data-variant="ethos"] .principle-list__actions {
  display: none;
}
.principle-list[data-variant="ethos"] .principle-list__list {
  margin: 0px;
  width: 100%;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  border: 1px solid var(--color-border-light, rgb(13 38 61 / 0.18));
  border-bottom: none;
  border-radius: 0.15rem 0.15rem 0 0;
}
.principle-list[data-variant="ethos"] .principle-list__item {
  margin: 0px;
  display: grid;
  align-items: flex-start;
  column-gap: var(--spacing-3, 0.75rem);
  row-gap: var(--spacing-2, 0.25rem);
  padding-inline: var(--spacing-4, 1rem);
  padding-block: var(--spacing-5, 1.25rem);
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "n title" ". over" ". aside";
  border-top: none;
  border-bottom: 1px solid var(--color-border-light, rgb(13 38 61 / 0.18));
  background: transparent;
}
.principle-list[data-variant="ethos"] .principle-list__item:last-child {
  border-bottom: none;
}
.principle-list[data-variant="ethos"] .principle-list__n {
  grid-area: n;
  align-self: center;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace);
  font-size: var(--text-sm, clamp(0.6875rem, 0.625rem + 0.3vw, 0.8125rem));
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.2));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-accent-ink, #8a6b00);
}
.principle-list[data-variant="ethos"] .principle-list__item-title {
  grid-area: title;
  align-self: center;
  font-size: var(--text-base, clamp(1rem, 0.95rem + 0.3vw, 1.125rem));
  line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-strong, #0d263d);
  font-size: clamp(1.05rem, 2.8vw, 1.25rem);
  line-height: 1.25;
}
.principle-list[data-variant="ethos"] .principle-list__over {
  grid-area: over;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-strong, #0d263d);
  background: var(--color-primary-highlight, #e8ba00);
  border-radius: 0.1rem;
}
.principle-list[data-variant="ethos"] .principle-list__aside {
  grid-area: aside;
  grid-column-start: auto;
  min-width: 0px;
  font-size: var(--text-base, clamp(1rem, 0.95rem + 0.3vw, 1.125rem));
  line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-meta, #5d6b78);
}
@media (min-width: 720px) {
  .principle-list[data-variant="ethos"] .principle-list__item {
    align-items: stretch;
    gap: 0px;
    padding-inline: 0px;
    padding-block: 0px;
    grid-template-columns: auto minmax(0, 1.15fr) auto minmax(0, 1fr);
    grid-template-areas: "n title over aside";
  }
  .principle-list[data-variant="ethos"] .principle-list__n {
    align-self: center;
    padding-inline: var(--spacing-4, 1rem);
  }
  .principle-list[data-variant="ethos"] .principle-list__item-title {
    align-self: center;
    padding-block: var(--spacing-5, 1.25rem);
    padding-right: var(--spacing-3, 0.75rem);
  }
  .principle-list[data-variant="ethos"] .principle-list__over {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 3.25rem;
    height: auto;
    min-height: 100%;
    padding: 0;
    border-radius: 0;
  }
  .principle-list[data-variant="ethos"] .principle-list__aside {
    align-self: center;
    padding-inline: var(--spacing-4, 1rem);
    padding-block: var(--spacing-5, 1.25rem);
    font-size: var(--text-base, clamp(1rem, 0.95rem + 0.3vw, 1.125rem));
    line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
  }
}
@property --tw-font-weight {
  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-font-weight: initial;
    }
  }
}