/* Dedicated values page: approved navy / ivory preview. */

    .values-page #main {
      --cv-paper: #f5f3ee;
      --cv-navy: #06263e;
      --cv-copper: #b87333;
      --cv-sand: #dec39e;
      --cv-muted: #4e6472;
      --cv-rule: #06263e24;
      --cv-pad: clamp(22px, 4.8vw, 56px);
      color: var(--cv-navy);
      background: var(--cv-paper);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color-scheme: light;
      overflow-wrap: break-word;
    }
    .values-page #main * { box-sizing: border-box; }
    .values-page #main h1,
    .values-page #main h2,
    .values-page #main p { margin: 0; }
    .values-page #main a { color: inherit; text-decoration: none; }
    .values-page #main button,
    .values-page #main input,
    .values-page #main select,
    .values-page #main textarea { font: inherit; }
    .values-page #main [hidden] { display: none !important; }
    .values-page #main .cv-button {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 26px;
      min-height: 46px;
      padding: 13px 20px;
      border: 1px solid transparent;
      border-radius: 2px;
      background: var(--cv-sand);
      color: var(--cv-navy);
      font-size: 12px;
      font-weight: 500;
      line-height: 1.5;
      transition: background .18s;
    }
    .values-page #main .cv-button:hover { background: #e8cfb0; }
    .values-page #main .cv-button span { font-size: 18px; line-height: 1; }
    .values-page #main .cv-values {
      padding: 58px var(--cv-pad) 64px;
      background: var(--cv-navy);
      color: var(--cv-paper);
    }
    .values-page #main .cv-overline {
      color: #955a27;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: .14em;
      text-transform: uppercase;
      margin-bottom: 17px;
    }
    .values-page #main .cv-title {
      color: var(--cv-paper);
      font-size: clamp(30px, 4.4vw, 46px);
      line-height: 1.1;
      letter-spacing: -.045em;
      font-weight: 400;
      max-width: 780px;
      text-wrap: balance;
    }
    .values-page #main .cv-values .cv-overline { color: var(--cv-sand); }
    .values-page #main .cv-title span { color: var(--cv-sand); }
    .values-page #main .cv-values-list {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      list-style: none;
      padding: 0;
      margin: 42px 0 0;
    }
    .values-page #main .cv-value {
      position: relative;
      min-width: 0;
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr);
      column-gap: 24px;
      padding: 24px 0;
      border-bottom: 1px solid #dec39e3d;
    }
    .values-page #main .cv-value:first-child { padding-top: 0; }
    .values-page #main .cv-value:last-child { padding-bottom: 0; border-bottom: 0; }
    .values-page #main .cv-letter {
      display: block;
      grid-column: 1;
      grid-row: 1 / span 2;
      font-size: 54px;
      line-height: 1;
      font-weight: 400;
      letter-spacing: -.055em;
      padding: 0;
      color: #9a9fa4;
      text-shadow: 0 0 0 #b8733300;
      transition: color .35s ease, text-shadow .35s ease;
    }
    .values-page #main .cv-value:hover .cv-letter,
    .values-page #main .cv-value:active .cv-letter {
      color: var(--cv-copper);
      text-shadow: 0 0 12px #b8733359, 0 0 28px #b8733326;
    }
    .values-page #main .cv-thread { display: none; }
    .values-page #main .cv-value h2 {
      grid-column: 2;
      color: var(--cv-paper);
      font-size: 17px;
      line-height: 1.35;
      letter-spacing: -.025em;
      font-weight: 700;
      margin-bottom: 7px;
    }
    .values-page #main .cv-value p {
      grid-column: 2;
      max-width: 60ch;
      color: #c7d5df;
      font-size: 14px;
      line-height: 1.65;
      text-wrap: pretty;
    }
    .values-page #main .cv-project {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      align-items: start;
      gap: 62px;
      padding: 58px var(--cv-pad) 62px;
      color: var(--cv-navy);
      background: var(--cv-paper);
      scroll-margin-top: calc(var(--header) + 20px);
    }
    .values-page #main .cv-project .cv-overline { color: #955a27; }
    .values-page #main .cv-project-brand {
      display: block;
      width: 100%;
      max-width: 390px;
      padding: 0;
      margin-bottom: 30px;
      background: var(--cv-paper);
      border-radius: 2px;
    }
    .values-page #main .cv-project-logo {
      display: block;
      width: 100%;
      height: auto;
    }
    .values-page #main .cv-project-title {
      font-size: clamp(30px, 3.8vw, 42px);
      color: #955a27;
      font-weight: 700;
      line-height: 1.08;
      letter-spacing: -.045em;
      margin-bottom: 24px;
      text-wrap: balance;
    }
    .values-page #main .cv-project-intro > p:not(.cv-overline) {
      font-size: 14px;
      line-height: 1.75;
      color: var(--cv-muted);
      max-width: 325px;
    }
    .values-page #main .cv-project-intro .cv-form-notice {
      margin-top: 35px;
      padding-top: 22px;
      border-top: 1px solid var(--cv-rule);
      font-size: 11px !important;
      color: var(--cv-muted) !important;
    }
    .values-page #main .cv-form { min-width: 0; }
    .values-page #main .cv-form fieldset { padding: 0; margin: 0 0 25px; border: 0; min-width: 0; }
    .values-page #main .cv-form legend { padding: 0; font-size: 13px; margin-bottom: 15px; color: var(--cv-navy); }
    .values-page #main .cv-choices { display: flex; flex-wrap: wrap; gap: 7px; }
    .values-page #main .cv-choice { position: relative; display: flex; min-width: 0; }
    .values-page #main .cv-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
    .values-page #main .cv-choice span {
      display: flex;
      align-items: center;
      min-height: 36px;
      padding: 7px 10px;
      font-size: 11px;
      line-height: 1.35;
      color: #355163;
      border: 1px solid #06263e40;
      background: #06263e03;
      border-radius: 2px;
      transition: color .15s, background .15s;
    }
    .values-page #main .cv-choice input:checked + span { color: var(--cv-paper); background: var(--cv-navy); border-color: var(--cv-navy); }
    .values-page #main .cv-choice input:focus-visible + span { outline: auto; outline-offset: 3px; }
    .values-page #main .cv-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .values-page #main .cv-field { display: block; min-width: 0; color: var(--cv-navy); font-size: 11px; margin-bottom: 23px; }
    .values-page #main .cv-field input,
    .values-page #main .cv-field select,
    .values-page #main .cv-field textarea {
      display: block;
      width: 100%;
      min-width: 0;
      margin: 8px 0 0;
      padding: 10px 0;
      border: 0;
      border-bottom: 1px solid #06263e55;
      border-radius: 0;
      color: var(--cv-navy);
      background: transparent;
      font-size: 14px;
      line-height: 1.5;
    }
    .values-page #main .cv-field textarea { min-height: 90px; resize: vertical; }
    .values-page #main .cv-field input::placeholder,
    .values-page #main .cv-field textarea::placeholder { color: #607582; opacity: 1; }
    .values-page #main .cv-field select option { background: var(--cv-paper); color: var(--cv-navy); }
    .values-page #main .cv-summary {
      margin-top: 26px;
      padding-top: 22px;
      border-top: 1px solid var(--cv-rule);
    }
    .values-page #main .cv-summary h3 { font-size: 18px; font-weight: 500; margin: 0 0 13px; letter-spacing: -.02em; color: var(--cv-navy); }
    .values-page #main .cv-summary-text { white-space: pre-wrap; color: var(--cv-muted); font-size: 13px; line-height: 1.7; }
    .values-page #main .cv-sr {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    @media(max-width: 900px) {
      .values-page #main .cv-values-list { margin-top: 32px; }
      .values-page #main .cv-project { gap: 36px; }
    }
    @media(max-width: 640px) {
      .values-page #main .cv-values { padding-top: 36px; padding-bottom: 42px; }
      .values-page #main .cv-title { font-size: 33px; }
      .values-page #main .cv-value:nth-child(n) { grid-template-columns: 44px minmax(0, 1fr); column-gap: 20px; padding: 20px 0; }
      .values-page #main .cv-value:first-child { padding-top: 0; }
      .values-page #main .cv-value:last-child { padding-bottom: 0; }
      .values-page #main .cv-letter { font-size: 44px; }
      .values-page #main .cv-value h2 { font-size: 16px; margin-bottom: 7px; }
      .values-page #main .cv-value p { font-size: 13px; line-height: 1.65; }
      .values-page #main .cv-project { grid-template-columns: 1fr; padding-top: 40px; padding-bottom: 42px; gap: 32px; }
      .values-page #main .cv-project-title { max-width: 400px; font-size: 34px; }
      .values-page #main .cv-project-intro > p:not(.cv-overline) { max-width: none; }
      .values-page #main .cv-project-intro .cv-form-notice { margin-top: 22px; padding-top: 17px; }
      .values-page #main .cv-fields { grid-template-columns: 1fr; gap: 0; }
      .values-page #main .cv-field input,
      .values-page #main .cv-field select,
      .values-page #main .cv-field textarea { font-size: 16px; }
      .values-page #main .cv-choice span { min-height: 44px; }
    }
    @media(prefers-reduced-motion: reduce) {
      .values-page #main * { transition: none !important; }
    }
  
.values-page #main { padding-top: var(--header); }
.values-page .site-header .desktop-nav [aria-current="page"] { color: #955a27; font-weight: 700; }
.values-page .site-menu [aria-current="page"] { color: #dec39e; }
.values-page #main .cv-button { letter-spacing: normal; }
.values-page #main .cv-button:hover { transform: none; }
.values-page #main .cv-form #copy-status { color: #4e6472; margin-top: 16px; }
.values-page #main .cv-form .button-glass { background: transparent; border-color: #06263e40; color: #06263e; }
.values-page #main .cv-form .button-glass:hover { background: #06263e0d; }
.values-page #main .cv-form :focus-visible { outline: 2px solid #955a27; outline-offset: 4px; }
.values-page #main .cv-choice input:focus-visible + span { outline: 2px solid #955a27; }
.values-page #main .cv-field select { text-overflow: ellipsis; }