@charset "UTF-8";
:root {
  --font1: "Inter Tight", sans-serif;
  --font2: "Fraunces", serif;
  --font-code: "JetBrains Mono", monospace;
  --font-heading: "Fraunces", serif;
  --font-impact: "Fraunces", serif;
  --font-drop-cap: "Fraunces", serif;
  --f1: 47px;
  --f2: 37px;
  --f3: 29px;
  --f4: 23px;
  --f5: 18px;
  --f6: 14px;
  --g1: 74px;
  --g2: 59px;
  --g3: 47px;
  --g4: 39px;
  --g5: 31px;
  --g6: 25px;
  --x1: 50px;
  --x2: 31px;
  --x3: 19px;
  --x4: 12px;
  --x5: 7px;
  --x6: 4px;
  --w-content: 700px;
  --w-total: 1140px;
  --gutter-full: 50px;
  --gutter-mobile: 19px;
  --bar: 189px;
  --bg1: #ffffff;
  --bg2: #f8f9fa;
  --c1: #212b26;
  --c2: #5c6a63;
  --ca: #005a3c;
  --bg-callout: #f8f9fa;
  --c-callout: #111111;
  --bg-callout-alert: #fdeee7;
  --c-callout-alert: #111111;
  --bg-callout-note: #e8f3fb;
  --c-callout-note: #111111;
  --bg-highlight: #fff3cd;
  --bg-button: #005a3c;
  --c-button: #FFFFFF;
  --bg-button-action: #ff6b35;
  --c-button-action: #111111;
  --bg-button-save: #28a745;
  --c-button-save: #FFFFFF;
  --p-callout: 19px;
  --p-button-x: 19px;
  --p-button-y: 12px;
  --c-caption: #5c6a63;
  --c-impact: #005a3c;
  --g-impact-f3: 45px;
  --g-impact-f4: 37px;
  --c-drop-cap: #005a3c;
  --f-byline: 14px;
  --g-byline: 25px;
  --c-byline: #5c6a63;
  --p-bleed-top: 50px;
  --p-bleed-bottom: 50px;
  --m-bleed-top: 31px;
  --m-bleed-bottom: 31px;
  --list-margin: 19px;
  --list-item-margin: 7px;
  --list-nested-margin: 19px;
  --m-caption: -26px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  word-break: normal;
}

img, fieldset {
  border: 0;
}

abbr {
  text-decoration: none;
}

code {
  line-height: 1em;
}

pre {
  overflow: auto;
  word-wrap: normal;
  tab-size: 4;
}

sub, sup {
  line-height: 0.5em;
}

img {
  max-width: 100%;
  height: auto;
}

iframe, video, embed, object {
  display: block;
  max-width: 100%;
}

img, .left, .right, .center {
  display: block;
}

.center {
  float: none;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

button, input[type=submit] {
  cursor: pointer;
  overflow: visible;
}

body {
  font-family: var(--font1);
  font-size: var(--f5);
  line-height: var(--g5);
  color: var(--c1);
  background-color: var(--bg1);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--ca);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:hover {
  color: #00734d;
}

::selection {
  background: var(--bg-highlight);
}

#header {
  padding-top: var(--x3);
  padding-bottom: var(--x3);
  border-bottom: 3px solid var(--ca);
  background-color: var(--bg1);
}

#header .container {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--x3);
  flex-wrap: wrap;
}

#header .logo {
  font-family: var(--font2);
  font-size: var(--f4);
  line-height: var(--g4);
  font-weight: 600;
  color: var(--c1);
  text-decoration: none;
  letter-spacing: 0.01em;
}

#header .logo:hover {
  color: var(--ca);
}

#header .header-tag {
  font-size: var(--f6);
  line-height: var(--g6);
  color: var(--c2);
}

#content {
  word-break: break-word;
  padding-top: var(--x1);
  padding-bottom: var(--x1);
  background-color: var(--bg1);
}

#footer {
  font-size: var(--f6);
  line-height: var(--g6);
  color: #b9c6bf;
  background-color: #14261e;
  padding-top: var(--x2);
  padding-bottom: var(--x2);
}

#footer a {
  color: #8fd4b8;
}

#footer .footer-brand {
  font-family: var(--font2);
  font-size: var(--f5);
  line-height: var(--g5);
  color: #f4f7f5;
  margin-bottom: var(--x6);
}

#footer p {
  margin-bottom: var(--x6);
}

#footer p:last-child {
  margin-bottom: 0;
}

.container {
  box-sizing: border-box;
  padding-left: var(--gutter-mobile);
  padding-right: var(--gutter-mobile);
}

@media all and (min-width: 738px) {
  .container {
    max-width: var(--w-content);
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 800px) {
  .container {
    max-width: 100%;
    padding-left: var(--gutter-full);
    padding-right: var(--gutter-full);
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 1240px) {
  .container {
    max-width: var(--w-total);
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.text {
  max-width: var(--w-content);
  margin-left: auto;
  margin-right: auto;
}

h1, h2, h3, h4 {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--c1);
}

h1 {
  font-size: var(--f2);
  line-height: var(--g2);
}

h2 {
  font-size: var(--f3);
  line-height: var(--g3);
}

h3 {
  font-size: var(--f4);
  line-height: var(--g4);
}

h4 {
  font-size: var(--f5);
  line-height: var(--g5);
}

@media all and (min-width: 738px) {
  h1 {
    font-size: var(--f1);
    line-height: var(--g1);
  }
  h2 {
    font-size: var(--f2);
    line-height: var(--g2);
  }
  h3 {
    font-size: var(--f3);
    line-height: var(--g3);
  }
  h4 {
    font-size: var(--f4);
    line-height: var(--g4);
  }
}
blockquote {
  font-family: var(--font2);
  font-style: italic;
  color: var(--c2);
  padding-left: var(--x3);
  border-left: var(--x6) solid var(--ca);
}

blockquote > :last-child {
  margin-bottom: 0;
}

sub, sup {
  color: var(--c2);
}

code, pre, kbd {
  font-family: var(--font-code);
  font-size: 0.88em;
}

code {
  background-color: rgba(0, 90, 60, 0.07);
  padding: var(--x6);
  border-radius: var(--x6);
  margin: 0 1px;
}

pre {
  color: var(--c1);
  background-color: var(--bg2);
  padding: var(--x3);
  border-left: var(--x6) solid var(--ca);
  border-radius: 0 var(--x5) var(--x5) 0;
}

svg {
  width: var(--f5);
  height: var(--f5);
  vertical-align: text-bottom;
}

hr {
  border: 0;
  border-bottom: 1px solid #e2e8e4;
  margin: var(--x2) 0;
}

.page-container, .headline-area, .page-content {
  display: flow-root;
}

.page-container + .page-container {
  margin-top: var(--x1);
}

.headline-area {
  margin-bottom: var(--x2);
  padding-bottom: var(--x3);
  border-bottom: 1px solid #e2e8e4;
}

.page-title {
  color: var(--c1);
}

.page-title a {
  color: var(--c1);
  text-decoration: none;
}

.page-title a:hover {
  color: var(--ca);
}

.page-title:has(+ .byline) {
  margin-bottom: 0;
}

.byline {
  font-size: var(--f-byline);
  line-height: var(--g-byline);
  color: var(--c-byline);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: var(--x5);
}

.page-content h1 {
  margin-bottom: var(--x2);
}

.page-content h2 {
  margin-top: var(--x1);
  margin-bottom: var(--x3);
}

.page-content h3 {
  margin-top: var(--x2);
  margin-bottom: var(--x4);
}

.page-content h4 {
  margin-top: var(--x3);
  margin-bottom: var(--x5);
}

.page-content h1 + h2, .page-content h2 + h3, .page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content hr + h2 {
  margin-top: 0;
}

.page-content > :last-child {
  margin-bottom: 0;
}

.page-content ul {
  list-style-type: disc;
}

.page-content ul, .page-content ol {
  margin-left: var(--list-margin);
}

.page-content ul ul, .page-content ul ol, .page-content ol ul, .page-content ol ol {
  margin-top: var(--list-item-margin);
  margin-bottom: 0;
  margin-left: var(--list-nested-margin);
}

.page-content li {
  margin-bottom: var(--list-item-margin);
}

.page-content li:last-child {
  margin-bottom: 0;
}

.page-content p, .page-content ul, .page-content ol, .page-content blockquote, .page-content pre, .page-content img, .page-content table, .page-content .callout, .page-content .caption, .page-content .card-grid, .page-content .metrics-row, .page-content .brand-options-grid {
  margin-bottom: var(--x2);
}

.page-content p:last-child {
  margin-bottom: 0;
}

.modular-content > :last-child {
  margin-bottom: 0;
}

.page-content + .modular-content {
  margin-top: var(--x2);
}

.callout {
  color: var(--c-callout);
  background-color: var(--bg-callout);
  padding: var(--p-callout);
  border: 1px solid #e2e8e4;
  border-radius: var(--x5);
}

.callout > :last-child {
  margin-bottom: 0;
}

.callout.alert {
  color: var(--c-callout-alert);
  background-color: var(--bg-callout-alert);
  border-color: rgba(255, 107, 53, 0.35);
}

.callout.note {
  color: var(--c-callout-note);
  background-color: var(--bg-callout-note);
  border-color: rgba(0, 119, 190, 0.3);
}

.pop {
  box-shadow: 0 var(--x6) var(--x3) rgba(16, 42, 32, 0.16);
  border-color: transparent;
}

.impact {
  font-family: var(--font-impact);
  font-size: var(--f4);
  line-height: var(--g-impact-f4);
  color: var(--c-impact);
}

@media all and (min-width: 738px) {
  .impact {
    font-size: var(--f3);
    line-height: var(--g-impact-f3);
  }
}
.highlight {
  background-color: var(--bg-highlight);
  padding: var(--x6) 0;
}

.caption {
  font-size: var(--f6);
  line-height: var(--g6);
  color: var(--c-caption);
  margin-top: var(--m-caption);
}

.caption code {
  font-size: 0.92em;
}

.center + .caption {
  text-align: center;
}

blockquote + .caption {
  padding-left: calc(var(--x3) + var(--x6));
}

.small {
  font-size: var(--f6);
  line-height: var(--g6);
  color: var(--c-caption);
}

.drop-cap {
  font-family: var(--font-drop-cap);
  font-size: calc(2 * var(--x2));
  line-height: 1em;
  font-weight: 600;
  color: var(--c-drop-cap);
  margin-right: var(--x5);
  float: left;
}

@media all and (min-width: 738px) {
  .left:not(.bar) {
    float: left;
    clear: both;
    margin-right: var(--x2);
  }
  .right:not(.bar) {
    float: right;
    clear: both;
    margin-left: var(--x2);
  }
}
.breakout {
  clear: both;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media all and (min-width: 800px) {
  .page-content .extend {
    width: var(--w-total);
    max-width: calc(100vw - 2 * var(--gutter-full));
    margin-left: calc((min(var(--w-total), 100vw - 2 * var(--gutter-full)) - var(--w-content)) / -2);
  }
  .pullout {
    float: right;
    width: calc(var(--bar) + var(--w-content) / 4);
    margin: var(--x6) calc(-1 * var(--bar)) var(--x3) var(--x2);
    font-family: var(--font2);
    font-size: var(--f4);
    line-height: var(--g4);
    color: var(--ca);
    padding: var(--x4) 0;
    border-top: 2px solid var(--ca);
    border-bottom: 2px solid var(--ca);
  }
}
.bleed {
  clear: both;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: var(--m-bleed-top);
  margin-bottom: var(--m-bleed-bottom);
  padding-top: var(--p-bleed-top);
  padding-bottom: var(--p-bleed-bottom);
  background-color: var(--bg2);
}

.bleed h1, .bleed h2, .bleed h3, .bleed h4 {
  color: inherit;
}

.bleed a {
  color: inherit;
  text-decoration: underline;
}

.bleed .callout {
  background-color: rgba(255, 255, 255, 0.12);
  color: inherit;
  border-color: rgba(255, 255, 255, 0.25);
}

.bleed .ep-card, .bleed .card {
  color: var(--c1);
}

.bleed .ep-card h1, .bleed .ep-card h2, .bleed .ep-card h3, .bleed .ep-card h4, .bleed .card h1, .bleed .card h2, .bleed .card h3, .bleed .card h4 {
  color: var(--c1);
}

.bleed .ep-card a, .bleed .card a {
  color: var(--ca);
}

.bleed blockquote {
  color: inherit;
  border-left-color: rgba(255, 255, 255, 0.5);
}

.bleed .caption, .bleed .small {
  color: inherit;
  opacity: 0.85;
}

.bleed > .container > .page-content > :last-child {
  margin-bottom: 0;
}

.bleed.red {
  background-color: #691c1c;
  color: #f4f7f5;
}

.bleed.salmon {
  background-color: #71311e;
  color: #f4f7f5;
}

.bleed.orange {
  background-color: #6e3f1c;
  color: #f4f7f5;
}

.bleed.yellow {
  background-color: #746225;
  color: #f4f7f5;
}

.bleed.chartreuse {
  background-color: #5a6722;
  color: #f4f7f5;
}

.bleed.lime {
  background-color: #386222;
  color: #f4f7f5;
}

.bleed.green {
  background-color: #005a3c;
  color: #f4f7f5;
}

.bleed.aquamarine {
  background-color: #20654b;
  color: #f4f7f5;
}

.bleed.turquoise {
  background-color: #1f615a;
  color: #f4f7f5;
}

.bleed.cyan {
  background-color: #1d5762;
  color: #f4f7f5;
}

.bleed.steel {
  background-color: #314a5e;
  color: #f4f7f5;
}

.bleed.blue {
  background-color: #24396b;
  color: #f4f7f5;
}

.bleed.lavender {
  background-color: #3a3172;
  color: #f4f7f5;
}

.bleed.purple {
  background-color: #48296a;
  color: #f4f7f5;
}

.bleed.orchid {
  background-color: #5a2867;
  color: #f4f7f5;
}

.bleed.magenta {
  background-color: #67225c;
  color: #f4f7f5;
}

.bleed.pink {
  background-color: #6d2247;
  color: #f4f7f5;
}

.bleed.rose {
  background-color: #6b1f2e;
  color: #f4f7f5;
}

button, input[type=submit], .button {
  display: inline-block;
  width: auto;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  line-height: 1em;
  vertical-align: top;
  color: var(--c-button);
  text-decoration: none;
  background-color: var(--bg-button);
  padding: var(--p-button-y) var(--p-button-x);
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-bottom-width: 3px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-radius: var(--x5);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}

button:hover, input[type=submit]:hover, .button:hover {
  text-decoration: none;
  filter: brightness(1.12);
  color: var(--c-button);
}

button:active, input[type=submit]:active, .button:active {
  border-bottom-width: 1px;
  margin-top: 2px;
}

button.action, .button.action, .action.button {
  color: var(--c-button-action);
  background-color: var(--bg-button-action);
}

button.save, .button.save, .save.button {
  color: var(--c-button-save);
  background-color: var(--bg-button-save);
}

.button svg, button svg {
  vertical-align: inherit;
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--x6);
}

input, textarea, select {
  display: block;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: 1em;
  padding: var(--x5) var(--x4);
  border: 1px solid #c9d2cd;
  border-radius: var(--x6);
}

input[type=checkbox], input[type=radio], input[type=image], input[type=submit], select {
  width: auto;
}

textarea {
  line-height: inherit;
}

.page-content ul.checklist, .page-content ul.action-list, .page-content ul.tech-list {
  list-style: none;
  margin-left: 0;
}

ul.checklist li, ul.action-list li, ul.tech-list li {
  position: relative;
  padding-left: var(--x2);
  margin-bottom: var(--x4);
}

ul.checklist li::before, ul.action-list li::before, ul.tech-list li::before {
  position: absolute;
  left: 0;
  font-weight: 700;
}

ul.checklist li::before {
  content: "✓";
  color: #28a745;
}

ul.action-list li::before {
  content: "→";
  color: #ff6b35;
}

ul.tech-list li::before {
  content: "▸";
  color: #0077be;
}

table {
  display: block;
  overflow-x: auto;
  width: 100%;
  font-size: var(--f6);
  line-height: var(--g6);
}

@media all and (min-width: 738px) {
  table {
    font-size: var(--f5);
    line-height: var(--g5);
  }
}
@media all and (min-width: 800px) {
  .page-content table {
    width: var(--w-total);
    margin-left: calc((var(--w-total) - var(--w-content)) / -2);
  }
}
.data-table th, table th {
  font-weight: 600;
  text-align: left;
  background-color: var(--bg2);
  color: var(--c1);
  padding: var(--x4);
  border-bottom: 2px solid var(--ca);
}

.data-table td, table td {
  padding: var(--x4);
  border-bottom: 1px solid #e2e8e4;
  vertical-align: top;
}

.data-table tbody tr:nth-child(even) td {
  background-color: #fbfcfb;
}

.card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--x3);
}

@media all and (min-width: 738px) {
  .card-grid.cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-grid.cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card {
  background-color: var(--bg1);
  border: 1px solid #e2e8e4;
  border-top: 3px solid var(--ca);
  border-radius: var(--x5);
  padding: var(--x3);
  box-shadow: 0 1px 3px rgba(16, 42, 32, 0.06);
  display: flex;
  flex-direction: column;
}

.card h3, .card h4 {
  font-size: var(--f4);
  line-height: var(--g4);
  margin: 0 0 var(--x5) 0;
}

.card p, .card ul, .card ol {
  margin-bottom: var(--x4);
}

.card > :last-child {
  margin-bottom: 0;
}

.card .card-tag {
  font-size: var(--f6);
  line-height: var(--g6);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--c2);
  margin-bottom: var(--x6);
}

.metrics-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--x3);
  text-align: center;
  background-color: var(--bg2);
  border-radius: var(--x5);
  padding: var(--x3);
}

@media all and (min-width: 738px) {
  .metrics-row {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
}
.metrics-row .metric-number, .metrics-row strong {
  display: block;
  font-family: var(--font2);
  font-size: var(--f2);
  line-height: var(--g2);
  font-weight: 600;
  color: var(--ca);
}

.metrics-row .metric-label, .metrics-row span {
  display: block;
  font-size: var(--f6);
  line-height: var(--g6);
  color: var(--c2);
}

.brand-options-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--x3);
}

@media all and (min-width: 738px) {
  .brand-options-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.brand-options-grid > * {
  background-color: var(--bg2);
  border: 1px solid #e2e8e4;
  border-radius: var(--x5);
  padding: var(--x3);
}

@media print {
  #header, #footer {
    display: none;
  }
  body {
    background: #ffffff;
    color: #000000;
  }
  a {
    color: #000000;
  }
  .bleed {
    background: #ffffff;
    color: #000000;
    border-top: 1pt solid #999999;
    border-bottom: 1pt solid #999999;
  }
  .card, .pop {
    box-shadow: none;
  }
}