/* Original green/gold palette and self-hosted typefaces. */
body.site-refresh {
  --refresh-ink: #163237;
  --refresh-paper: #1c3b41;
  --refresh-soft: #1c3b41;
  --refresh-muted: #e5e4d5;
  --refresh-line: #3b5c62;
  --refresh-gold: #cbb471;
  --refresh-gold-ink: #cbb471;
  background: #163237;
  color: #e5e4d5;
  font-size: 17px;
  line-height: 1.75;
}
/* Full-width sections alternate between the two original brand greens. */
body.site-refresh #main > :is(header, section) {
  --green: #163237;
  --green-soft: #1c3b41;
  --cream: #fcf0c6;
  --cream-soft: #e5e4d5;
  --cream-mute: #cbb471;
  --text-light: #e5e4d5;
  --line: #3b5c62;
  --rule: #3b5c62;
  color: #e5e4d5;
}
body.site-refresh #main > :is(header, section):nth-child(odd of header, section) {
  background: #163237;
}
body.site-refresh #main > :is(header, section):nth-child(even of header, section) {
  background: #1c3b41;
}
body.site-refresh main h1 em,
body.site-refresh main h2 em,
body.site-refresh main h3 em { font-style: normal; }
body.site-refresh main h1 { font-weight: 400; line-height: 1.18; }
body.site-refresh main h2 { font-weight: 400; line-height: 1.3; }
body.site-refresh main :is(h1, h2, h3) { overflow-wrap: anywhere; hyphens: auto; }
body.site-refresh main > section { padding-top: 64px; padding-bottom: 64px; }
body.site-refresh main .section-title { font-size: clamp(30px, 3.2vw, 42px); }
body.site-refresh main :is(.btn-primary, .btn-ghost, .btn) {
  box-shadow: none;
  text-transform: none;
  letter-spacing: .02em;
  font-size: 15px;
  min-height: 44px;
  padding: 12px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}
body.site-refresh main :is(.btn-primary:hover, .btn.solid:hover) { transform: none; box-shadow: none; }
body.site-refresh main .btn-ghost { color: var(--cream); border-color: var(--rule); }
body.site-refresh main .text-link { text-transform: none; letter-spacing: .02em; font-size: 15px; }
body.site-refresh #main :is(a, button):focus-visible { outline: 2px solid var(--cream); outline-offset: 4px; }
body.site-refresh .refresh-photo { margin: 0; min-width: 0; }
body.site-refresh .refresh-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
body.site-refresh .refresh-hero-photo { min-width: 0; }
@media (max-width: 760px) {
  body.site-refresh main > section { padding-top: 44px; padding-bottom: 44px; }
  body.site-refresh .refresh-photo img { aspect-ratio: 3 / 2; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-refresh .refresh-photo { animation: none; }
}

/* Sardona: the same palette, with functional, light product content. */
body.site-refresh .site-nav { background: #163237; backdrop-filter: none; z-index: 210; }
body.site-refresh .site-nav .wrap { height: 84px; }
body.site-refresh .navlinks a { text-transform: none; letter-spacing: .02em; font-size: 14px; font-weight: 500; }
body.site-refresh .mobile-nav { padding-top: 110px; }
body.site-refresh header.hero { background: #163237; }
body.site-refresh .hero .refresh-hero-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 52px; align-items: center; padding-top: 64px; padding-bottom: 64px; }
body.site-refresh .refresh-hero-copy { min-width: 0; }
body.site-refresh .hero h1 { font-size: clamp(36px, 4vw, 52px); }
body.site-refresh .hero p.sub { font-size: 17px; line-height: 1.8; color: #e5e4d5; }
body.site-refresh .hero .eyebrow { color: var(--refresh-gold); letter-spacing: 2px; font-weight: 500; }
body.site-refresh .hero .eyebrow::before { background: var(--refresh-gold); }
body.site-refresh .hero .ctas { margin-top: 28px; }
body.site-refresh .hero .refresh-photo img { object-position: 40% center; }
body.site-refresh .pagehead { background: #163237; padding: 60px 0 54px; }
body.site-refresh .pagehead h1 { font-size: clamp(34px, 4vw, 48px); }
body.site-refresh .pagehead p { color: #e5e4d5; font-size: 17px; }
body.site-refresh .sec { border-top-color: var(--refresh-line); }
body.site-refresh .sec.alt, body.site-refresh .sec.light { background: var(--refresh-soft); }
body.site-refresh .sec h2 { font-size: clamp(28px, 3vw, 38px); }
body.site-refresh .sec.light :is(h2, h3, .text-link) { color: var(--cream); }
body.site-refresh .sec.light p { color: var(--cream-soft); }
body.site-refresh .sec :is(.card h3, .blocks h2) { font-family: var(--font-body); font-weight: 500; font-size: 22px; line-height: 1.45; }
body.site-refresh .card { background: transparent; border: 0; border-top: 1px solid var(--refresh-line); padding: 22px 0 0; }
body.site-refresh .card::before { display: none; }
body.site-refresh .card p { font-size: 16px; line-height: 1.8; }
body.site-refresh :is(.feature > *, .grid2 > *, .grid3 > *) { min-width: 0; }
body.site-refresh .feature { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; }
body.site-refresh .feature h2 { overflow-wrap: anywhere; hyphens: auto; }
body.site-refresh .feature .label { font-weight: 500; letter-spacing: 2px; }
body.site-refresh .linkgrid a { border: 0; border-bottom: 1px solid var(--refresh-line); background: transparent; padding: 15px 0; font: 500 17px/1.5 var(--font-body); }
body.site-refresh .contactbox { background: transparent; border: 0; border-left: 3px solid var(--refresh-gold); padding: 8px 0 8px 28px; }
body.site-refresh .contactbox::before { display: none; }
body.site-refresh .contactbox dd a { color: var(--cream); }
body.site-refresh .cta { background: #163237; }
body.site-refresh .site-footer { background: #163237; }
@media (max-width: 900px) {
  body.site-refresh .hero .refresh-hero-layout { display: grid; grid-template-columns: 1fr; gap: 32px; padding-top: 40px; padding-bottom: 44px; }
  body.site-refresh .refresh-photo { max-width: 680px; }
  body.site-refresh .feature { grid-template-columns: 1fr; gap: 16px; }
  body.site-refresh .pagehead { padding-top: 40px; padding-bottom: 44px; }
}
