/* ========================================================================
   Jack Coniam, Inc. - Lawn & Landscaping Services
   Stylesheet
   Sample website prepared by GoldsWebsite.com
   ======================================================================== */

:root {
  
  --paper: #FFFFFF;   
  --band:  #F2F4F2;   
  --sink:  #E8EBE8;   

  
  --ink:      #0E1512;  
  --ink-body: #2B3A32;  
  --ink-mute: #55645B;  

  
  --grass:      #35A855;  
  --grass-ink:  #146B33;  
  --grass-deep: #0F4E26;  
  --grass-lift: #6EE58C;  

  
  --focus:      #0B5A2A;
  --focus-dark: #6EE58C;

  
  --line:      #DDE2DE;  
  --line-mid:  #C3CBC5;  
  --line-ui:   #6E7C73;  

  
  --on-ink:      #FFFFFF;  
  --on-ink-soft: #DEE6E0;  
  --on-ink-mute: #9BAAA1;  
  --on-ink-line: rgba(255, 255, 255, 0.16);

  
  --on-grass:      #0E1512;  
  --on-grass-mute: #132D1B;  
  --on-grass-line: rgba(14, 21, 18, 0.22);

  
  --note-line: #8A9A90;
  --note-ink:  #223029;
  --note-fill: #F4F7F4;

  
  --error:      #A3231B;  
  --error-fill: #FCF2F1;

  
  --r-xs: 2px;  --r-sm: 3px;  --r-md: 4px;

  
  --lift-chrome: 0 1px 2px rgba(14, 21, 18, 0.08), 0 14px 34px rgba(14, 21, 18, 0.13);

  
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 40px;  --s-8: 56px;
  --s-9: 80px;  --s-10: 112px;

  
  --wrap:    1200px;  
  --gutter:  32px;    
  --measure: 68ch;    

  --ease: cubic-bezier(0.22, 0.61, 0.24, 1);

  
  --util-h: 38px;
  --head-h: 76px;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  
  scroll-padding-top: calc(var(--head-h) + var(--s-5));
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink-body);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.68;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 820px) {
  body { padding-bottom: 70px; }
}

img, svg, video { max-width: 100%; height: auto; display: block; }

h1, h2, h3, h4, h5 {
  margin: 0;
  color: var(--ink);
  font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.024em;
  text-wrap: balance;
}
h1 { font-size: clamp(35px, 5.6vw, 62px); font-weight: 800; letter-spacing: -0.034em; }
h2 { font-size: clamp(26px, 3.5vw, 40px); font-weight: 800; letter-spacing: -0.028em; }
h3 { font-size: clamp(19px, 1.9vw, 23px); }
h4 { font-size: 17px; letter-spacing: -0.014em; }
h5 { font-size: 15px; }

p { margin: 0 0 var(--s-4); max-width: var(--measure); }
p:last-child { margin-bottom: 0; }

a { color: var(--grass-ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--grass-deep); }

ul, ol { margin: 0 0 var(--s-4); padding-left: 1.15em; }
li { margin-bottom: var(--s-2); }
li:last-child { margin-bottom: 0; }

strong, b { font-weight: 600; color: var(--ink); }

hr { border: 0; border-top: 1px solid var(--line); margin: var(--s-7) 0; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
  border-radius: var(--r-xs);
}

.sec--ink :where(a, button, input, select, textarea, summary):focus-visible,
.site-util :where(a, button):focus-visible,
.site-foot :where(a, button):focus-visible {
  outline-color: var(--focus-dark);
}
.sec--grass :where(a, button, input, select, textarea, summary):focus-visible {
  outline-color: var(--ink);
}

.skip {
  position: absolute;
  left: var(--s-4);
  top: -100px;
  z-index: 200;
  padding: var(--s-3) var(--s-5);
  background: var(--ink);
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--r-sm);
  box-shadow: var(--lift-chrome);
  transition: top 0.16s var(--ease);
}
.skip:focus { top: var(--s-4); color: #FFFFFF; }

.vh {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

.wrap {
  width: 100%;
  max-width: var(--wrap);
  margin-inline: auto;
  padding-inline: var(--gutter);
}
@media (max-width: 620px) { :root { --gutter: 20px; } }

.sec { padding-block: var(--s-9); }
.sec--tight { padding-block: var(--s-7); }
.sec--band { background: var(--band); }

.sec--ink {
  background: var(--ink);
  color: var(--on-ink-soft);
}
.sec--ink h1, .sec--ink h2, .sec--ink h3, .sec--ink h4 { color: var(--on-ink); }
.sec--ink p { color: var(--on-ink-soft); }
.sec--ink a:not(.btn) { color: var(--grass-lift); }
.sec--ink a:not(.btn):hover { color: #FFFFFF; }

.sec--grass {
  background: var(--grass);
  color: var(--on-grass);
}
.sec--grass h1, .sec--grass h2, .sec--grass h3, .sec--grass h4 { color: var(--on-grass); }
.sec--grass p { color: var(--on-grass-mute); }
.sec--grass a:not(.btn) { color: var(--ink); }

.sec--seam { border-top: 1px solid var(--line); }

@media (max-width: 780px) {
  .sec { padding-block: var(--s-8); }
  .sec--tight { padding-block: var(--s-6); }
}

.head {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 0 var(--s-5);
  padding-top: var(--s-5);
  border-top: 2px solid var(--ink);
  margin-bottom: var(--s-7);
}
.sec--ink .head { border-top-color: var(--on-ink); }
.sec--grass .head { border-top-color: var(--ink); }

.head__num {
  grid-row: 1 / span 3;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--grass-ink);
  padding-top: 5px;
}
.sec--ink .head__num { color: var(--grass-lift); }
.sec--grass .head__num { color: var(--on-grass); }

.head__eyebrow {
  display: block;
  margin-bottom: var(--s-3);
  font-family: "Archivo", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink-mute);
}
.sec--ink .head__eyebrow { color: var(--on-ink-mute); }
.sec--grass .head__eyebrow { color: var(--on-grass-mute); }

.head__lede { margin: var(--s-4) 0 0; font-size: 18.5px; }

.head--plain { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 620px) {
  .head { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .head__num { grid-row: auto; padding-top: 0; margin-bottom: var(--s-3); }
}

.grid { display: grid; gap: var(--s-5); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid--auto { grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr)); }

@media (max-width: 980px) { .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: minmax(0, 1fr); }
}

.split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--s-8);
  align-items: center;
}
.split--wide-left  { grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr); }
.split--wide-right { grid-template-columns: minmax(0, 1fr) minmax(0, 1.28fr); }
.split--top { align-items: start; }
@media (max-width: 940px) {
  .split, .split--wide-left, .split--wide-right {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-6);
  }
  .split__flip { order: -1; }   
}

.site-util {
  background: var(--ink);
  color: var(--on-ink-mute);
  font-size: 13.5px;
  line-height: 1;
}
.site-util__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-5);
  min-height: var(--util-h);
}
.site-util__set { display: flex; align-items: center; gap: var(--s-5); }
.site-util__item { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.site-util__item svg { width: 14px; height: 14px; flex: none; color: var(--grass-lift); }
.site-util a { color: var(--on-ink-soft); text-decoration: none; font-weight: 500; }
.site-util a:hover { color: #FFFFFF; text-decoration: underline; }
.site-util strong { color: #FFFFFF; font-weight: 600; }

@media (max-width: 1100px) { .site-util { display: none; } }

.site-head {
  position: sticky;
  top: 0;
  z-index: 60;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  transition: box-shadow 0.18s var(--ease);
}
.site-head.is-stuck { box-shadow: var(--lift-chrome); border-bottom-color: transparent; }

.head-row {
  display: flex;
  align-items: center;
  gap: var(--s-6);
  min-height: var(--head-h);
}

.mark-lock {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  flex: none;
}
.mark-lock:hover .mark-lock__name { color: var(--grass-deep); }
.mark-lock__mark {
  flex: none;
  width: 42px; height: 42px;
  border-radius: var(--r-xs);
  background: var(--ink);
  display: grid;
  place-items: center;
}
.mark-lock__mark svg { width: 24px; height: 24px; }
.mark-lock__name {
  display: block;
  font-family: "Archivo", sans-serif;
  color: var(--ink);
  font-size: 18.5px;
  font-weight: 800;
  letter-spacing: -0.032em;
  line-height: 1.05;
  transition: color 0.14s var(--ease);
}
.mark-lock__sub {
  display: block;
  margin-top: 3px;
  color: var(--ink-mute);
  font-family: "Archivo", sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  line-height: 1;
}

.head-cta { display: flex; align-items: center; gap: var(--s-3); flex: none; margin-left: auto; }

.nav { display: flex; align-items: center; gap: var(--s-5); }
.nav__link,
.nav__top {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 0;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--ink-body);
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.006em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.14s var(--ease), border-color 0.14s var(--ease);
}
.nav__link:hover, .nav__top:hover { color: var(--grass-deep); border-bottom-color: var(--line-mid); }
.nav__link[aria-current="page"],
.nav__top[aria-current="true"] { color: var(--ink); border-bottom-color: var(--grass); }
.nav__top svg { width: 10px; height: 10px; flex: none; transition: transform 0.16s var(--ease); }
.nav__top[aria-expanded="true"] svg { transform: rotate(180deg); }
.nav__top[aria-expanded="true"] { color: var(--grass-deep); }

.nav__item { position: relative; }
.drop {
  display: none;
  position: absolute;
  top: calc(100% + 14px);
  left: -22px;
  z-index: 70;
  width: max-content;
  max-width: min(660px, calc(100vw - 2 * var(--gutter)));
  padding: var(--s-5);
  background: var(--paper);
  border: 1px solid var(--line);
  border-top: 3px solid var(--grass);
  border-radius: var(--r-sm);
  box-shadow: var(--lift-chrome);
}
.drop.is-open { display: block; }

@media (max-width: 1100px) { .drop, .drop.is-open { display: none; } }

.drop__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px var(--s-6); }
.drop__grid--1 { grid-template-columns: minmax(0, 1fr); }
.drop a {
  display: block;
  padding: 8px 10px;
  margin-left: -10px;
  border-radius: var(--r-xs);
  color: var(--ink-body);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.drop a:hover { background: var(--band); color: var(--grass-deep); }
.drop a[aria-current="page"] { color: var(--ink); font-weight: 600; }
.drop__all {
  display: block;
  margin-top: var(--s-4);
  padding-top: var(--s-4);
  border-top: 1px solid var(--line);
}
.drop__all a { font-family: "Archivo", sans-serif; font-weight: 700; color: var(--grass-ink); }

.menu-btn {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--paper);
  border: 1px solid var(--line-ui);
  border-radius: var(--r-sm);
  color: var(--ink);
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.menu-btn svg { width: 18px; height: 18px; }
.menu-btn:hover { border-color: var(--ink); }

@media (max-width: 1100px) {
  .nav { display: none; }
  .menu-btn { display: inline-flex; }
  .head-row { gap: var(--s-4); }
}

@media (max-width: 600px) {
  .head-cta .btn { display: none; }
  :root { --head-h: 66px; }
  .mark-lock__mark { width: 38px; height: 38px; }
  .mark-lock__name { font-size: 17px; }
}

@media (max-width: 400px) {
  .menu-btn__txt { display: none; }
  .menu-btn { padding: 10px 11px; }
  .head-row { gap: var(--s-3); }
}

.mark-lock { min-width: 0; }
.mark-lock > span:last-child { min-width: 0; }

.sheet {
  display: none;
  position: fixed;
  inset: var(--head-h) 0 0 0;
  z-index: 59;
  overflow-y: auto;
  overscroll-behavior: contain;
  
  padding: var(--s-5) 0 calc(78px + env(safe-area-inset-bottom, 0px));
  background: var(--paper);
  border-top: 1px solid var(--line);
  box-shadow: var(--lift-chrome);
}
.sheet.is-open { display: block; }
@media (min-width: 1101px) { .sheet, .sheet.is-open { display: none; } }

.sheet__link {
  display: block;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-family: "Archivo", sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}
.sheet__link[aria-current="page"] { color: var(--grass-deep); }

.sheet details { border-bottom: 1px solid var(--line); }
.sheet summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3);
  padding: 14px 0;
  color: var(--ink);
  font-family: "Archivo", sans-serif;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
.sheet summary::-webkit-details-marker { display: none; }
.sheet summary svg { width: 15px; height: 15px; flex: none; color: var(--ink-mute); transition: transform 0.16s var(--ease); }
.sheet details[open] summary svg { transform: rotate(180deg); }
.sheet details > div { padding: 0 0 var(--s-4) var(--s-4); }
.sheet details a {
  display: block;
  padding: 9px 0;
  color: var(--ink-body);
  font-size: 15.5px;
  font-weight: 500;
  text-decoration: none;
}
.sheet details a:hover { color: var(--grass-deep); }
.sheet details a[aria-current="page"] { color: var(--grass-deep); font-weight: 600; }
.sheet .btn { display: flex; margin-top: var(--s-5); }

.call-bar {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  
  z-index: 61;
  gap: var(--s-2);
  padding: 10px var(--s-4) calc(10px + env(safe-area-inset-bottom, 0px));
  background: var(--ink);
  box-shadow: var(--lift-chrome);
}
.call-bar .btn { flex: 1; min-width: 0; }
@media (max-width: 820px) { .call-bar { display: flex; } }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 24px;
  border: 1px solid transparent;
  border-radius: var(--r-sm);
  font-family: "Archivo", sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: -0.004em;
  line-height: 1.2;
  text-decoration: none;
  
  white-space: normal;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.14s var(--ease), border-color 0.14s var(--ease),
              color 0.14s var(--ease), transform 0.12s var(--ease);
}

.nb { white-space: nowrap; }
.btn svg { width: 17px; height: 17px; flex: none; }
.btn:active { transform: translateY(1px); }

.btn--solid { background: var(--ink); color: #FFFFFF; }
.btn--solid:hover { background: #000000; color: #FFFFFF; }

.btn--grass { background: var(--grass); color: var(--on-grass); }
.btn--grass:hover { background: #2C9048; color: var(--on-grass); }

.btn--line {
  background: transparent;
  color: var(--ink);
  border-color: var(--line-ui);
}
.btn--line:hover { background: var(--band); color: var(--ink); border-color: var(--ink); }

.btn--onInk { background: #FFFFFF; color: var(--ink); }
.btn--onInk:hover { background: var(--on-ink-soft); color: var(--ink); }
.btn--onInkLine {
  background: transparent;
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.5);
}
.btn--onInkLine:hover { background: rgba(255, 255, 255, 0.12); color: #FFFFFF; border-color: #FFFFFF; }

.btn--onGrass { background: var(--ink); color: #FFFFFF; }
.btn--onGrass:hover { background: #000000; color: #FFFFFF; }
.btn--onGrassLine { background: transparent; color: var(--ink); border-color: var(--on-grass-line); }
.btn--onGrassLine:hover { background: rgba(14, 21, 18, 0.09); color: var(--ink); border-color: var(--ink); }

.sec--ink .btn--line, .sec--ink .btn--onGrassLine {
  background: transparent; color: #FFFFFF; border-color: rgba(255, 255, 255, 0.5);
}
.sec--ink .btn--line:hover, .sec--ink .btn--onGrassLine:hover {
  background: rgba(255, 255, 255, 0.12); color: #FFFFFF; border-color: #FFFFFF;
}
.sec--ink .btn--solid, .sec--ink .btn--onGrass { background: #FFFFFF; color: var(--ink); }
.sec--ink .btn--solid:hover, .sec--ink .btn--onGrass:hover { background: var(--on-ink-soft); color: var(--ink); }
.sec--grass .btn--grass { background: var(--ink); color: #FFFFFF; }
.sec--grass .btn--grass:hover { background: #000000; color: #FFFFFF; }
.sec--grass .btn--line { color: var(--ink); border-color: var(--on-grass-line); }
.sec--grass .btn--line:hover { background: rgba(14, 21, 18, 0.09); border-color: var(--ink); }

.btn--lg { padding: 17px 30px; font-size: 17px; }
.btn--block { display: flex; width: 100%; }

.btn-row { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.btn-row--center { justify-content: center; }

.tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 11px;
  border-radius: var(--r-xs);
  background: var(--band);
  color: var(--ink-body);
  font-family: "Archivo", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}
.tag svg { width: 13px; height: 13px; flex: none; color: var(--grass-ink); }
.tag--grass { background: var(--grass); color: var(--on-grass); }
.tag--grass svg { color: var(--on-grass); }
.tag--onInk { background: rgba(255, 255, 255, 0.13); color: #FFFFFF; }
.tag--onInk svg { color: var(--grass-lift); }
.tag-row { display: flex; flex-wrap: wrap; gap: var(--s-2); }

.hero {
  position: relative;
  background: var(--ink);
  isolation: isolate;
}
.hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: 50% 58%;
}

.hero__scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(to right,
      rgba(14, 21, 18, 0.94) 0%,
      rgba(14, 21, 18, 0.88) 38%,
      rgba(14, 21, 18, 0.62) 66%,
      rgba(14, 21, 18, 0.44) 100%),
    linear-gradient(to bottom,
      rgba(14, 21, 18, 0.30) 0%,
      rgba(14, 21, 18, 0.00) 40%);
}
.hero__inner { padding-block: var(--s-10) var(--s-9); position: relative; }

.hero__copy { max-width: 800px; }
.hero h1 { color: #FFFFFF; margin-bottom: var(--s-5); max-width: 17ch; }
.hero__lede {
  color: var(--on-ink-soft);
  font-size: 19.5px;
  line-height: 1.6;
  margin-bottom: var(--s-6);
  max-width: 56ch;
}
.hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: var(--s-5);
  padding: 6px 12px 6px 6px;
  background: var(--grass);
  color: var(--on-grass);
  font-family: "Archivo", sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  line-height: 1;
}
.hero__kicker b {
  padding: 4px 7px;
  background: var(--ink);
  color: #FFFFFF;
  font-weight: 700;
  letter-spacing: 0.06em;
}

@media (max-width: 940px) {
  .hero__inner { padding-block: var(--s-9) var(--s-8); }
  .hero__media { object-position: 50% 50%; }
  
  .hero__scrim {
    background: linear-gradient(to bottom,
      rgba(14, 21, 18, 0.72) 0%,
      rgba(14, 21, 18, 0.88) 55%,
      rgba(14, 21, 18, 0.94) 100%);
  }
}

.rail { background: var(--grass); color: var(--on-grass); }
.rail__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rail__cell {
  padding: var(--s-5) var(--s-5) var(--s-5) 0;
  border-left: 1px solid var(--on-grass-line);
  padding-left: var(--s-5);
}
.rail__cell:first-child { border-left: 0; padding-left: 0; }
.rail__fig {
  display: block;
  font-family: "Archivo", sans-serif;
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--on-grass);
}
.rail__lab {
  display: block;
  margin-top: 7px;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--on-grass-mute);
}
@media (max-width: 820px) {
  .rail__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rail__cell:nth-child(3) { border-left: 0; padding-left: 0; }
  .rail__cell:nth-child(1), .rail__cell:nth-child(2) { border-bottom: 1px solid var(--on-grass-line); }
}
@media (max-width: 420px) {
  .rail__grid { grid-template-columns: minmax(0, 1fr); }
  .rail__cell { border-left: 0; padding-left: 0; border-bottom: 1px solid var(--on-grass-line); }
  .rail__cell:last-child { border-bottom: 0; }
}

.phero { padding-block: var(--s-7) var(--s-8); border-bottom: 1px solid var(--line); }
.phero__eyebrow {
  display: block;
  margin-bottom: var(--s-4);
  font-family: "Archivo", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--grass-ink);
}
.phero h1 { max-width: 24ch; }
.phero__lede { margin-top: var(--s-5); font-size: 19.5px; max-width: 62ch; }

.phero__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--s-8); align-items: start; }
@media (max-width: 940px) {
  .phero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
}

.panel {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: var(--s-6);
}
.panel--pad { padding: var(--s-7); }
.panel--band { background: var(--band); border-color: transparent; }
.panel--ink { background: var(--ink); border-color: transparent; color: var(--on-ink-soft); }
.panel--ink h2, .panel--ink h3, .panel--ink h4 { color: var(--on-ink); }
.panel--ink p { color: var(--on-ink-soft); }
.panel--edge { border-left: 3px solid var(--grass); }
.sec--band .panel { background: var(--paper); }
.sec--ink .panel { background: transparent; border-color: var(--on-ink-line); }
.sec--grass .panel { background: var(--paper); border-color: transparent; }
@media (max-width: 620px) { .panel, .panel--pad { padding: var(--s-5); } }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--s-5);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  transition: border-color 0.14s var(--ease);
}
.sec--band .card { background: var(--paper); }
.sec--ink .card { background: transparent; border-color: var(--on-ink-line); }
.card h3 { margin-bottom: var(--s-2); }
.card p { font-size: 15.5px; margin-bottom: var(--s-4); }
.card p:last-child { margin-bottom: 0; }
.card__ico {
  width: 44px; height: 44px;
  margin-bottom: var(--s-4);
  border-radius: var(--r-xs);
  background: var(--grass);
  color: var(--on-grass);
  display: grid;
  place-items: center;
}
.card__ico svg { width: 23px; height: 23px; }
.sec--grass .card__ico { background: var(--ink); color: #FFFFFF; }

a.card { text-decoration: none; color: inherit; }
a.card::before {
  content: "";
  position: absolute;
  left: -1px; top: -1px; bottom: -1px;
  width: 3px;
  background: var(--grass);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.18s var(--ease);
  border-radius: var(--r-md) 0 0 var(--r-md);
}
a.card:hover { border-color: var(--line-mid); }
a.card:hover::before { transform: scaleY(1); }
a.card:hover h3 { color: var(--grass-deep); }
.sec--ink a.card:hover h3 { color: var(--grass-lift); }

.card__more {
  
  margin-top: auto;
  padding-top: var(--s-4);
  border-top: 1px solid var(--line);
  color: var(--grass-ink);
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.card__more::after { content: " \2192"; }
.sec--ink .card__more { border-top-color: var(--on-ink-line); color: var(--grass-lift); }

.rows { border-top: 1px solid var(--line); }
.sec--ink .rows, .sec--ink .row { border-color: var(--on-ink-line); }
.row {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: var(--s-4);
  align-items: center;
  padding: var(--s-5) 0;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
}
.row:hover h3 { color: var(--grass-deep); }
.row:hover .row__go { color: var(--grass-deep); }
.row__ico {
  width: 46px; height: 46px;
  border-radius: var(--r-xs);
  background: var(--band);
  color: var(--grass-ink);
  display: grid;
  place-items: center;
}
.row__ico svg { width: 24px; height: 24px; }
.row p { font-size: 15px; margin: 4px 0 0; }
.row__go {
  font-family: "Archivo", sans-serif;
  color: var(--grass-ink);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .row { grid-template-columns: 40px minmax(0, 1fr); gap: var(--s-3) var(--s-4); }
  .row__ico { width: 40px; height: 40px; }
  .row__ico svg { width: 21px; height: 21px; }
  .row__go { grid-column: 2; }
}

.ticks { list-style: none; margin: 0; padding: 0; }
.ticks li {
  position: relative;
  padding-left: 30px;
  margin-bottom: var(--s-3);
  font-size: 16px;
}
.ticks li::before {
  content: "";
  position: absolute;
  left: 0; top: 0.44em;
  width: 15px; height: 9px;
  border-left: 3px solid var(--grass);
  border-bottom: 3px solid var(--grass);
  transform: rotate(-45deg);
}
.sec--ink .ticks li { color: var(--on-ink-soft); }
.sec--ink .ticks li::before { border-color: var(--grass-lift); }
.sec--grass .ticks li::before { border-color: var(--ink); }

.ticks--no li::before {
  width: 14px; height: 0;
  border-left: 0;
  border-bottom: 3px solid var(--line-mid);
  transform: none;
  top: 0.72em;
}

.steps { counter-reset: step; list-style: none; margin: 0; padding: 0; }
.steps > li {
  counter-increment: step;
  position: relative;
  padding-left: 60px;
  padding-bottom: var(--s-6);
  margin-bottom: var(--s-6);
  border-bottom: 1px solid var(--line);
}
.steps > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.steps > li::before {
  content: counter(step, decimal-leading-zero);
  position: absolute;
  left: 0; top: 0;
  width: 42px; height: 42px;
  background: var(--ink);
  color: #FFFFFF;
  border-radius: var(--r-xs);
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  display: grid;
  place-items: center;
}
.sec--grass .steps > li::before { background: var(--ink); }
.sec--ink .steps > li { border-bottom-color: var(--on-ink-line); }
.steps h3 { margin-bottom: var(--s-2); }
.steps p { font-size: 15.5px; }

.figs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-6) var(--s-5); }
@media (max-width: 960px) { .figs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 430px) { .figs { grid-template-columns: minmax(0, 1fr); } }
.fig__num {
  display: block;
  font-family: "Archivo", sans-serif;
  font-size: clamp(34px, 4.4vw, 46px);
  font-weight: 800;
  letter-spacing: -0.038em;
  line-height: 1;
  color: var(--ink);
}
.fig__lab {
  display: block;
  margin-top: var(--s-3);
  padding-top: var(--s-3);
  border-top: 1px solid var(--line);
  color: var(--ink-mute);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}
.sec--ink .fig__num { color: #FFFFFF; }
.sec--ink .fig__lab { color: var(--on-ink-mute); border-top-color: var(--on-ink-line); }
.sec--grass .fig__num { color: var(--on-grass); }
.sec--grass .fig__lab { color: var(--on-grass-mute); border-top-color: var(--on-grass-line); }

.facts { margin: 0; }
.facts div {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: var(--s-4);
  padding: var(--s-3) 0;
  border-bottom: 1px solid var(--line);
}
.facts div:first-child { border-top: 1px solid var(--line); }
.facts dt {
  font-family: "Archivo", sans-serif;
  color: var(--ink-mute);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-top: 3px;
}
.facts dd { margin: 0; color: var(--ink); font-size: 15.5px; font-weight: 500; }
.sec--ink .facts div { border-color: var(--on-ink-line); }
.sec--ink .facts dt { color: var(--on-ink-mute); }
.sec--ink .facts dd { color: #FFFFFF; }
@media (max-width: 520px) {
  .facts div { grid-template-columns: minmax(0, 1fr); gap: var(--s-1); }
}

.prose > * + * { margin-top: var(--s-4); }
.prose h2 { margin-top: var(--s-7); }
.prose h3 { margin-top: var(--s-6); }
.prose > :first-child { margin-top: 0; }
.prose ul, .prose ol { max-width: var(--measure); }
.prose li { font-size: 16.5px; }

.photo {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  object-fit: cover;
  background: var(--band);
}
.photo--map { object-fit: contain; background: var(--band); }
.figure { margin: 0; }
.figure figcaption {
  margin-top: var(--s-3);
  color: var(--ink-mute);
  font-size: 13.5px;
  line-height: 1.5;
}
.sec--ink .figure figcaption { color: var(--on-ink-mute); }
.sec--ink .photo { border-color: var(--on-ink-line); }

.tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-5); }
@media (max-width: 1080px) { .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px)  { .tiles { grid-template-columns: minmax(0, 1fr); } }
.tile { margin: 0; }
.tile .photo { aspect-ratio: 4 / 3; }
.tile__cap {
  margin-top: var(--s-3);
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--ink-mute);
}
.tile__cap b {
  display: block;
  margin-bottom: 2px;
  font-family: "Archivo", sans-serif;
  color: var(--ink);
  font-size: 15px;
  font-weight: 700;
}

.areas {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--s-6);
  border-top: 1px solid var(--line);
}
@media (max-width: 520px) { .areas { grid-template-columns: minmax(0, 1fr); column-gap: 0; } }
.areas li { margin: 0; }

.panel .areas { grid-template-columns: minmax(0, 1fr); column-gap: 0; }

.areas a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;          
  gap: 2px var(--s-3);
  padding: 14px var(--s-4) 14px 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink-body);
  font-family: "Archivo", sans-serif;
  font-size: 15.5px;
  font-weight: 600;
  text-decoration: none;
}
.areas a:hover { color: var(--grass-deep); }
.areas a span {
  min-width: 0;
  color: var(--ink-mute);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.sec--ink .areas, .sec--ink .areas a { border-color: var(--on-ink-line); }
.sec--ink .areas a { color: var(--on-ink-soft); }
.sec--ink .areas a:hover { color: var(--grass-lift); }
.sec--ink .areas a span { color: var(--on-ink-mute); }

.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
caption {
  text-align: left;
  padding-bottom: var(--s-3);
  color: var(--ink-mute);
  font-size: 14px;
  line-height: 1.5;
}
th, td { padding: 14px var(--s-4) 14px 0; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
th:last-child, td:last-child { padding-right: 0; }
thead th {
  border-bottom: 2px solid var(--ink);
  color: var(--ink);
  font-family: "Archivo", sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
tbody th { color: var(--ink); font-weight: 600; }
tbody tr:last-child td, tbody tr:last-child th { border-bottom: 0; }

.stars { display: inline-flex; gap: 2px; color: var(--grass); }
.stars svg { width: 18px; height: 18px; }
.sec--ink .stars { color: var(--grass-lift); }
.sec--grass .stars { color: var(--ink); }

.score { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; }
.score__num {
  font-family: "Archivo", sans-serif;
  font-size: 44px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--ink);
}
.sec--ink .score__num { color: #FFFFFF; }
.score__meta { color: var(--ink-mute); font-size: 14.5px; line-height: 1.5; }
.sec--ink .score__meta { color: var(--on-ink-mute); }

.slot {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  padding: var(--s-5);
  border: 2px dashed var(--note-line);
  border-radius: var(--r-md);
  background: var(--note-fill);
}
.slot__note { margin: 0; max-width: none; font-size: 13.5px; line-height: 1.6; color: var(--note-ink); }
.slot__note b {
  display: block;
  margin-bottom: 3px;
  font-family: "Archivo", sans-serif;
  color: var(--grass-ink);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.faq { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--s-5);
  padding: var(--s-5) 0;
  color: var(--ink);
  font-family: "Archivo", sans-serif;
  font-size: 17.5px;
  font-weight: 700;
  letter-spacing: -0.014em;
  line-height: 1.35;
  cursor: pointer;
  list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary:hover { color: var(--grass-deep); }
.faq__sign {
  position: relative;
  flex: none;
  width: 22px; height: 22px;
  margin-top: 2px;
}
.faq__sign::before, .faq__sign::after {
  content: "";
  position: absolute;
  background: var(--grass-ink);
  transition: transform 0.18s var(--ease), opacity 0.18s var(--ease);
}
.faq__sign::before { left: 0; top: 9.5px; width: 22px; height: 3px; }
.faq__sign::after  { left: 9.5px; top: 0; width: 3px; height: 22px; }
.faq details[open] .faq__sign::after { transform: scaleY(0); opacity: 0; }
.faq__body { padding: 0 0 var(--s-5); max-width: var(--measure); }
.faq__body > * + * { margin-top: var(--s-3); }

.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5) var(--s-4); }
.form-grid .field--wide { grid-column: 1 / -1; }
@media (max-width: 640px) { .form-grid { grid-template-columns: minmax(0, 1fr); } }

.field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.field > label {
  font-family: "Archivo", sans-serif;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.field .opt { color: var(--ink-mute); font-weight: 500; letter-spacing: 0; }
.field .hint { color: var(--ink-mute); font-size: 13.5px; line-height: 1.5; }

.field input, .field select, .field textarea {
  width: 100%;
  padding: 12px 14px;
  background: var(--paper);
  border: 1px solid var(--line-ui);
  border-radius: var(--r-sm);
  color: var(--ink);
  font-family: inherit;
  font-size: 16px;   
  line-height: 1.45;
  transition: border-color 0.14s var(--ease), box-shadow 0.14s var(--ease);
}
.field textarea { min-height: 138px; resize: vertical; }
.field select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355645B' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
  padding-right: 40px;
}
.field input::placeholder, .field textarea::placeholder { color: var(--ink-mute); }
.field input:hover, .field select:hover, .field textarea:hover { border-color: var(--ink); }
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: var(--focus);
  box-shadow: 0 0 0 3px rgba(11, 90, 42, 0.17);
  outline: none;
}

.err { display: none; color: var(--error); font-size: 13.5px; font-weight: 500; }
.field.is-invalid input, .field.is-invalid select, .field.is-invalid textarea { border-color: var(--error); }
.field.is-invalid .err, .checkbox.is-invalid .err { display: block; }

.checkbox { display: flex; align-items: flex-start; gap: 11px; }
.checkbox input { width: 20px; height: 20px; margin-top: 3px; accent-color: var(--grass-deep); flex: none; }
.checkbox label { font-size: 15px; color: var(--ink-body); }

.err-summary {
  display: none;
  margin-bottom: var(--s-5);
  padding: var(--s-4);
  border: 1px solid var(--error);
  border-left-width: 4px;
  border-radius: var(--r-sm);
  background: var(--error-fill);
  color: #7A1A14;
  font-size: 15px;
  font-weight: 500;
}
.err-summary.is-on { display: block; }

.form-ok {
  display: none;
  padding: var(--s-7) var(--s-6);
  border-radius: var(--r-md);
  border: 1px solid var(--grass);
  border-left-width: 4px;
  background: var(--band);
}
.form-ok.is-on { display: block; }
.form-ok h3 { margin-bottom: var(--s-3); }

.hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.crumb { padding-block: var(--s-4); font-size: 13.5px; color: var(--ink-mute); border-bottom: 1px solid var(--line); }
.crumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; }
.crumb li { margin: 0; display: flex; align-items: center; gap: 7px; }
.crumb li + li::before { content: "/"; color: var(--line-mid); }
.crumb a { color: var(--ink-mute); text-decoration: none; }
.crumb a:hover { color: var(--grass-deep); text-decoration: underline; }
.crumb [aria-current="page"] { color: var(--ink); font-weight: 500; }

.jump {
  position: sticky;
  top: var(--head-h);
  z-index: 40;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
.jump__row { display: flex; gap: var(--s-5); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.jump__row::-webkit-scrollbar { display: none; }
.jump a {
  padding: 15px 0;
  border-bottom: 2px solid transparent;
  color: var(--ink-mute);
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.jump a:hover { color: var(--ink); border-bottom-color: var(--line-mid); }
.jump a.is-here { color: var(--ink); border-bottom-color: var(--grass); }

.note {
  padding: var(--s-4) var(--s-5);
  border: 2px dashed var(--note-line);
  border-radius: var(--r-sm);
  background: var(--note-fill);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--note-ink);
}
.note b {
  display: block;
  margin-bottom: 3px;
  font-family: "Archivo", sans-serif;
  color: var(--grass-ink);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.note, .note p, .sec--ink .note p, .sec--grass .note p,
.slot .slot__note, .sec--ink .slot .slot__note, .sec--grass .slot .slot__note {
  color: var(--note-ink);
}
.sec--ink .note b, .sec--grass .note b,
.sec--ink .slot__note b, .sec--grass .slot__note b { color: var(--grass-ink); }
.sec--ink .slot .stars, .sec--grass .slot .stars { color: var(--grass); }

.note p { max-width: none; }
.note p + p { margin-top: var(--s-2); }
.note code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; }

.site-foot { background: var(--ink); color: var(--on-ink-soft); padding-block: var(--s-8) var(--s-6); }

.site-foot h2 {
  margin-bottom: var(--s-4);
  line-height: 1.2;
  letter-spacing: 0.14em;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.foot-grid {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr 1fr 1.15fr;
  gap: var(--s-6) var(--s-5);
  padding-bottom: var(--s-7);
  border-bottom: 1px solid var(--on-ink-line);
}

@media (max-width: 1060px) { .foot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-7) var(--s-6); } }
@media (max-width: 720px)  { .foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px)  { .foot-grid { grid-template-columns: minmax(0, 1fr); } }

.foot-grid p { color: var(--on-ink-mute); font-size: 14.5px; }
.foot-links { list-style: none; margin: 0; padding: 0; }
.foot-links li { margin-bottom: 9px; }
.foot-links a { color: var(--on-ink-soft); font-size: 14.5px; text-decoration: none; }
.foot-links a:hover { color: #FFFFFF; text-decoration: underline; }

.foot-mark { display: flex; align-items: center; gap: 11px; margin-bottom: var(--s-4); text-decoration: none; }
.foot-mark__mark {
  width: 40px; height: 40px;
  border-radius: var(--r-xs);
  background: var(--grass);
  display: grid;
  place-items: center;
  flex: none;
}
.foot-mark__mark svg { width: 23px; height: 23px; }
.foot-mark strong {
  display: block;
  font-family: "Archivo", sans-serif;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.028em;
}
.foot-tel {
  display: inline-block;
  margin-bottom: var(--s-2);
  color: #FFFFFF;
  font-family: "Archivo", sans-serif;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-decoration: none;
}
.foot-tel:hover { color: #FFFFFF; text-decoration: underline; }

.foot-base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3) var(--s-5);
  padding-top: var(--s-5);
  color: var(--on-ink-mute);
  font-size: 13.5px;
}
.foot-base p { color: var(--on-ink-mute); font-size: 13.5px; margin: 0; }
.foot-base a { color: var(--on-ink-mute); }
.foot-base a:hover { color: #FFFFFF; }
.foot-base nav { display: flex; flex-wrap: wrap; gap: var(--s-4); }

.rise { opacity: 0; transform: translateY(12px); transition: opacity 0.5s var(--ease), transform 0.5s var(--ease); }
.rise.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .rise { opacity: 1; transform: none; }
}

@media print {
  .site-util, .site-head, .sheet, .call-bar, .jump, .note, .slot, .sec--ink, .sec--grass { display: none !important; }
  body { background: #FFFFFF; color: #000000; padding-bottom: 0; font-size: 11pt; }
  .panel, .card { border: 1px solid #999999; }
  .hero { background: #FFFFFF; }
  .hero h1, .hero__lede { color: #000000; }
  .hero__media, .hero__scrim { display: none; }
  a { color: #000000; }
  .faq details { display: block; }
  .faq__body { display: block !important; }
  .site-foot { background: #FFFFFF; color: #000000; padding-block: 12pt; }
  .site-foot h2, .foot-mark strong, .foot-tel, .foot-links a { color: #000000; }
}