/* Kinship taste pass, 20 October. The tasteskill v2.1 house rules laid over the Kinship styles, loaded last.
   Copy, order and pictures are unchanged. Labels read in sentence case at a readable size, running text is in
   the full ink, headlines hold to two lines, surfaces are separated by tone instead of thin rules, nothing is
   glass or a gradient fill. */
.kinship { --kh-soft: #2B3036; --kh-line: transparent; --kt-tone: #F3F5F6; }

/* Labels: sentence case, no tracking, large enough to read; a label over a heading is set as its lead line */
.kinship .kh-eyebrow, .kinship p.kh-eyebrow, .kinship span.kh-eyebrow { display: block; margin: 0 0 12px; font: 400 20px/1.3 Arizona, Georgia, serif !important; letter-spacing: 0 !important; text-transform: none !important; }
.kinship .kh-eyebrow span { letter-spacing: 0 !important; }
.kinship .kh-card .kh-eyebrow, .kinship .kv-purpose .kh-eyebrow, .kinship .kv-more .kh-eyebrow { color: var(--kh-red); }
.kinship .kh-sub .kh-eyebrow { margin: 8px 0 0; }
.kinship .kh-person-title, .kinship main .kh-spec-label, .kinship .kh-details dt, .kinship .kh-bio summary, .kinship .kh-field span,
.kinship .kh-contact-details dt, .kinship .kh-pack-wip span, .kinship .label, .kinship .business-num, .kinship .k-quote-label,
.kinship .k-landscape-donation .label, .kinship figure figcaption, .kinship .story-product figcaption {
  font-family: Montreal, sans-serif !important; font-size: 15px !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; }
.kinship .kh-person-title { color: var(--kh-soft); }
.kinship .k-masthead .nav-panel .nav-caption, .kinship .k-masthead .nav-panel .nav-group, .kinship .k-masthead .nav-rl-cap, .kinship .k-masthead .nav-biz-col .nav-caption {
  font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; border-bottom: 0 !important; }
.kinship .k-masthead-donation, .kinship .k-masthead-contact { font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; }

/* Links: a plain underlined line of text, not tracked caps on a rule */
.kinship .kh-link { gap: 10px; padding-bottom: 0; border-bottom: 0 !important; font: 500 16px/1.3 Montreal, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important;
  text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 6px; }

/* Running text: 17px or more, in the ink */
.kinship .kh-aside, .kinship .kh-cols p, .kinship .kh-sub p, .kinship .kv-legacy-copy > p { font-size: 18px; color: var(--kh-soft); }
.kinship .kh-card-sub { font-size: 16px !important; color: var(--kh-soft) !important; }

/* Statements stay statements: 34px at most on desktop, 24px on a phone, across the measure */
.kinship .kh-statement { font-size: clamp(24px, 2.35vw, 34px); line-height: 1.24; }
.kinship .kh-band { grid-template-columns: minmax(0, 1fr); }
.kinship .kh-band .kh-statement { max-width: 30em; }
.kinship .kv-statement { font-size: clamp(24px, 2.2vw, 32px) !important; line-height: 1.26 !important; max-width: 40em !important; }

/* Headlines: two lines at most, so the measure widens before the size drops */
.kinship .kh-chapter-left .kh-over h2, .kinship #donation .kh-over h2 { max-width: 22ch; }
.kinship main .kh-text h2, .kinship main .kh-split h2, .kinship .kv-legacy h2, .kinship .kh-rd-principles-in h2 { max-width: 22ch; }
.kinship .kh-over h1 { max-width: 20ch; }
.kinship .kc-open h1 { font-size: clamp(34px, 3.9vw, 56px); max-width: none; }
.kinship .kc-mission h2, .kinship .kc-what h2, .kinship .kc-impact h2, .kinship .kc-close h2, .kinship .kv-commit h2, .kinship .kv-values h2, .kinship .kv-more h2, .kinship .kv-legacy h2, .kinship .kp-flow h2 { max-width: none; }
.kinship .kv-legacy h2 { font-size: clamp(32px, 3.3vw, 48px); }
.kinship main .kh-rd-copy h2, .kinship main .kh-split.kh-don-split h2 { font-size: clamp(30px, 2.8vw, 40px) !important; }
.kinship .kh-post h3 { font-size: 20px; line-height: 1.3; }
.kinship .kh-press-feature .kh-post-feature h3 { font-size: clamp(24px, 2vw, 30px); line-height: 1.2; }
.kinship .kh-posts { grid-template-columns: repeat(auto-fill, minmax(min(380px, 100%), 1fr)); }

/* Our Businesses: four businesses two by two, so each title has room to sit on two lines */
@media (min-width: 761px) { .kinship .kh-platform .kh-cards, .kinship #platform .kh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 56px !important; } }

/* No thin rules: space and a step in tone separate surfaces */
.kinship .kh-sub { border-top: 0; padding-top: 0; }
.kinship .kh-rule { display: none; }
.kinship .kc-intro, .kinship .kh-rd-cta, .kinship .kh-rd-head, .kinship .kx-head { border-top: 0 !important; border-bottom: 0 !important; }
.kinship .kc-impact-last { border-top: 0; padding-top: 0; }
.kinship .kh-index { gap: 8px; border-top: 0; }
.kinship .kh-index a, .kinship .kh-index a + a { padding: 26px 28px; border: 0; background: var(--kt-tone); }
.kinship .kh-siblings a { border: 0 !important; background: var(--kt-tone); }
.kinship .kh-rd-flow li, .kinship .kh-rd-principles-in ol li { border-top: 0 !important; }
.kinship .kv-values ol { border-top: 0; gap: 4px; }
.kinship .kv-values li, .kinship .kv-values li:not(:nth-child(3n+1)) { border: 0; padding: 32px; background: rgba(255,255,255,.07); }

/* No index numbers: order is carried by position */
.kinship .kh-rd-n, .kinship .kv-n { display: none !important; }

/* One ground: the warm chapters take the site's cool neutral */
.kinship section#donation, .kinship .kv-open, .kinship .kv-legacy { background: var(--kt-tone) !important; }

/* The bar and its menus are solid surfaces, not glass; menus float, so they keep a shadow */
.kinship .k-masthead { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: #FFFFFF !important; border-bottom: 0 !important; }
.kinship .k-masthead .nav-panel, .kinship .k-masthead #primary-nav .nav-menu > .nav-panel { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: #FFFFFF !important; border: 0 !important; }
.kinship .k-masthead .nav-rail a { background-image: none !important; }
.kinship .k-masthead .nav-rail a:hover { text-decoration: underline; text-underline-offset: 6px; }

@media (max-width: 760px) {
  .kinship .kh-eyebrow, .kinship p.kh-eyebrow, .kinship span.kh-eyebrow { font-size: 19px !important; }
  .kinship .kh-statement { font-size: 24px; }
  .kinship .kh-index a, .kinship .kh-index a + a { padding: 22px 20px; }
  .kinship #hero-title.k-quote { font-size: 38px !important; }
  .kinship .kh-over h2 { font-size: 34px !important; }
  .kinship .kh-over h1 { font-size: 40px !important; }
  .kinship .kc-open h1 { font-size: 30px; }
  .kinship .kv-legacy h2, .kinship .kh-rd-principles-in h2 { font-size: 28px !important; }
  .kinship main .kh-rd-copy h2, .kinship main .kh-split.kh-don-split h2 { font-size: 26px !important; }
  .kinship .kh-post h3, .kinship .kh-press-feature .kh-post-feature h3 { font-size: 20px; }
  .kinship .kh-story-quote { font-size: 21px !important; }
}