/* Kinship at the level of jnj.com, 20 October. Measured from jnj.com at 1440 and 390: one 80px page margin (24px
   on a phone), headlines in the display face at regular weight on an 80 / 64 / 24 scale (40 / 32 / 20 on a phone),
   body 18px, square pictures, plain arrow links in the accent colour, a white side-by-side hero, sections that
   alternate white and a light ground. Tiger's own faces, navy and copy; nothing new is said. Loaded last. */
.kinship.kinship { --jj-m: max(clamp(24px, 5.56vw, 80px), calc((100vw - 1440px) / 2 + 80px)); --jj-ink: #111418; --jj-soft: #4B5259; --jj-navy: #264389; --jj-ground: #F5F6F7; --jj-line: #E3E6E9;
  --kh-pad: var(--jj-m); --pad: var(--jj-m); --kh-soft: var(--jj-soft); }

/* Display face at regular weight everywhere a headline or statement is set */
.kinship.kinship.kinship :is(h1, h2, h3, .k-quote, .kh-statement, .kv-statement, .kh-card-title, .kh-lede, .kh-eyebrow, blockquote) { font-weight: 400 !important; letter-spacing: -0.012em !important; }

/* Bar: logo, plain links, one action, a fine line under it */
.kinship.kinship .k-masthead { padding-left: var(--jj-m) !important; padding-right: var(--jj-m) !important; border-bottom: 1px solid var(--jj-line) !important; }

/* Hero: the headline on white at the left, the film at the right, as on jnj.com */
@media (min-width: 1001px) {
  .kinship.kinship .k-landscape { display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center !important; gap: 0 clamp(40px, 4.4vw, 64px); height: auto !important; max-height: none !important;
    min-height: 0 !important; padding: calc(var(--masthead, 88px) + clamp(48px, 5.5vw, 80px)) var(--jj-m) clamp(56px, 5.5vw, 80px) !important; background: #FFFFFF !important; color: var(--jj-ink) !important; overflow: visible; }
  .kinship.kinship .k-landscape-art { grid-column: 2; grid-row: 1; position: relative !important; inset: auto !important; top: auto !important; z-index: 0; height: 0 !important; padding-bottom: 56.25%; overflow: hidden; }
  .kinship.kinship .k-landscape-art::after { display: none !important; }
  .kinship.kinship .k-landscape-art .k-angle { position: absolute; inset: 0; }
  .kinship.kinship .k-landscape-copy { grid-column: 1; grid-row: 1; position: static !important; width: auto !important; max-width: none !important; padding: 0 !important; background: none !important; }
  .kinship.kinship #hero-title.k-quote { margin: 0; max-width: 9em; font-size: clamp(48px, 5.56vw, 80px) !important; line-height: 1 !important; color: var(--jj-ink) !important; text-shadow: none !important; }
}
@media (max-width: 1000px) {
  .kinship.kinship .k-landscape { display: flex !important; flex-direction: column-reverse; align-items: stretch !important; min-height: 0 !important; height: auto !important; max-height: none !important; padding: calc(var(--masthead, 72px) + 32px) var(--jj-m) 40px !important; background: #FFFFFF !important; color: var(--jj-ink) !important; }
  .kinship.kinship .k-landscape-art { position: relative !important; inset: auto !important; top: auto !important; z-index: 0; height: 0 !important; padding-bottom: 56.25%; margin-top: 28px; overflow: hidden; }
  .kinship.kinship .k-landscape-art::after { display: none !important; }
  .kinship.kinship .k-landscape-art .k-angle { position: absolute; inset: 0; }
  .kinship.kinship .k-landscape-copy { position: static !important; width: auto !important; max-width: none !important; padding: 0 !important; background: none !important; }
  .kinship.kinship #hero-title.k-quote { margin: 0; font-size: clamp(36px, 10.3vw, 48px) !important; line-height: 1.02 !important; color: var(--jj-ink) !important; max-width: 11em; }
}

/* Type scale */
.kinship.kinship.kinship main :is(.kh-text h2, .kh-split h2, .kv-legacy h2, .kv-commit h2, .kv-values h2, .kv-more h2, .kc-mission h2, .kc-what h2, .kc-impact h2, .kc-close h2, .kp-flow h2, .kh-rd-copy h2, .kh-rd-principles-in h2) {
  font-size: clamp(32px, 4.44vw, 64px) !important; line-height: 1.06 !important; max-width: 16em; }
.kinship.kinship.kinship :is(.kh-over h1, .kc-open h1, .kv-open h1, .kh-page-hero h1) { font-size: clamp(40px, 5.56vw, 80px) !important; line-height: 1 !important; max-width: 14em; }
.kinship.kinship.kinship .kh-over h2, .kinship.kinship.kinship #donation .kh-over h2 { font-size: clamp(32px, 4.44vw, 64px) !important; line-height: 1.06 !important; max-width: 16em; }
.kinship.kinship.kinship :is(.kh-statement, .kv-statement) { font-size: clamp(22px, 2.22vw, 32px) !important; line-height: 1.3 !important; }
.kinship.kinship .kh-note p { font-size: clamp(20px, 1.67vw, 24px) !important; line-height: 1.4 !important; }
.kinship.kinship .kh-lede { font: 400 clamp(20px, 1.67vw, 24px)/1.35 Arizona, Georgia, serif !important; color: var(--jj-ink) !important; }
.kinship.kinship :is(.kh-aside, .kh-sub p, .kh-cols p, .kv-legacy-copy > p, .kh-over p) { font-size: clamp(16px, 1.25vw, 18px) !important; line-height: 1.6 !important; }

/* Sections: one rhythm, everything on the left edge of the grid */
.kinship.kinship :is(.kh-intro, .kh-band, .kh-note, .kh-platform, .kv-purpose, .kv-values, .kv-more) { padding-top: clamp(64px, 8.33vw, 120px) !important; padding-bottom: clamp(64px, 8.33vw, 120px) !important; }
.kinship.kinship .kh-note { justify-items: start !important; text-align: left !important; padding-left: var(--jj-m) !important; padding-right: var(--jj-m) !important; }
.kinship.kinship .kh-note p { margin-left: 0 !important; margin-right: 0 !important; max-width: 30em !important; }

/* Our Businesses: a row of four square-cornered pictures, each with its name, title, line and an arrow link */
.kinship.kinship.kinship #platform .kh-cards { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 48px clamp(20px, 2.2vw, 32px) !important; padding: 0 var(--jj-m) !important; align-items: start; }
.kinship.kinship #platform .kh-text { padding-left: var(--jj-m) !important; padding-right: var(--jj-m) !important; margin-bottom: clamp(32px, 3.3vw, 48px); }
.kinship.kinship #platform .kh-card img { aspect-ratio: 4 / 3; height: auto !important; border-radius: 0 !important; }
.kinship.kinship #platform .kh-card .kh-eyebrow { margin: 20px 0 8px !important; font: 500 15px/1.3 Montreal, sans-serif !important; letter-spacing: 0 !important; color: var(--jj-navy) !important; }
.kinship.kinship.kinship #platform .kh-card-title { display: block; font: 400 24px/1.17 Arizona, Georgia, serif !important; color: var(--jj-ink) !important; }
.kinship.kinship #platform .kh-card-sub { margin-top: 12px; font-size: 16px !important; line-height: 1.5 !important; color: var(--jj-soft) !important; }
@media (max-width: 1100px) { .kinship.kinship.kinship #platform .kh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) { .kinship.kinship.kinship #platform .kh-cards { grid-template-columns: minmax(0, 1fr) !important; }
  .kinship.kinship.kinship #platform .kh-card-title { font-size: 20px !important; line-height: 1.2 !important; } }

/* Links: the accent colour and an arrow, no rule under them */
.kinship.kinship .kh-link { margin-top: 18px; gap: 8px; font: 500 15px/1.3 Montreal, sans-serif !important; color: var(--jj-navy) !important; text-decoration: none !important; border: 0 !important; }
.kinship.kinship .kh-link:hover { text-decoration: underline !important; text-underline-offset: 5px; }

/* Pictures are square-cornered */
.kinship.kinship main img, .kinship.kinship main video, .kinship.kinship main figure { border-radius: 0 !important; }

/* Homepage rhythm: adjacent half-spaces make one consistent content gap. */
.kinship:has(> #main > #steward) { --jj-section-space: 56px; --jj-hero-space: 48px; }
.kinship #main:has(> #steward) > .k-landscape { padding-bottom: var(--jj-hero-space) !important; }
.kinship #main:has(> #steward) > :is(.kh-intro, .kh-band, .kh-note, .kh-split, .kh-platform, .kh-chapter) {
  padding: var(--jj-section-space) var(--jj-m) !important;
  margin: 0;
}
.kinship #main:has(> #steward) > .kh-intro { padding-top: var(--jj-hero-space) !important; }
.kinship #main:has(> #steward) > .kh-note { gap: 16px; }
.kinship #main:has(> #steward) > #steward { background: #FFFFFF; }
.kinship #main:has(> #steward) > #platform { background: var(--kt-tone); }

/* Keep the chapter photograph and its caption on the same page grid. */
.kinship #main:has(> #steward) #donation .kh-bleed { max-height: none; }
.kinship #main:has(> #steward) #donation .kh-over { padding: 48px 0 0; }

/* Each spread sizes to its content, with both columns centred in the frame. */
.kinship #main:has(> #steward) > .kh-split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 64px;
  min-height: 0;
}
.kinship #main:has(> #steward) .kh-split-img {
  align-self: center;
  width: 100%;
  aspect-ratio: 1;
  margin: 0;
}
.kinship #main:has(> #steward) .kh-split-copy { min-width: 0; padding: 0; }
.kinship #main:has(> #steward) .kh-split-copy .kh-lede { margin: 24px 0 0; }
.kinship #main:has(> #steward) .kh-split-copy .kh-sub { margin-top: 32px; padding: 0; gap: 16px; }
.kinship #main:has(> #steward) .kh-sub > p { margin: 0; }
.kinship #main:has(> #steward) #steward .kh-split-img { order: 2; aspect-ratio: 1889 / 1146; }
.kinship #main:has(> #steward) #steward .kh-split-img img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

/* A single heading gap and content-sized card rows, including expanded copy. */
.kinship #main:has(> #steward) #platform .kh-text { padding: 0 !important; margin: 0 0 52px; }
.kinship #main:has(> #steward) #platform .kh-cards { padding: 0 !important; row-gap: 0 !important; align-items: stretch; }
.kinship #main:has(> #steward) #platform .kh-card { margin: 0; align-self: stretch; }
.kinship #main:has(> #steward) #platform .kh-card > img { overflow: hidden; }
.kinship #main:has(> #steward) #platform .kh-card .kh-eyebrow { padding: 0; }
.kinship #main:has(> #steward) #platform .kh-card-title { padding: 0; }
.kinship #main:has(> #steward) #platform .kh-card-body { height: auto; padding-top: 12px; }
.kinship #main:has(> #steward) #platform .kh-card-sub { margin: 0; }
.kinship #main:has(> #steward) #platform .kh-card-details:not([open]) > :not(summary) { display: none; }
.kinship:has(> #main > #steward) > .footer { padding: var(--jj-section-space) var(--jj-m) 100px; }

@media (max-width: 1100px) {
  /* An extra grid track separates the two pairs without spacing each text row. */
  .kinship #main:has(> #steward) #platform .kh-cards { grid-template-rows: repeat(4, auto) 56px repeat(4, auto); }
  .kinship #main:has(> #steward) #platform .kh-card:nth-child(n + 3) { grid-row: 6 / span 4; }
}
@media (max-width: 1000px) {
  .kinship #main:has(> #steward) > .kh-split { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .kinship #main:has(> #steward) .kh-split-img { aspect-ratio: 3 / 2; }
  .kinship #main:has(> #steward) #steward .kh-split-img { order: 0; }
}
@media (max-width: 760px) {
  .kinship:has(> #main > #steward) { --jj-section-space: 32px; --jj-hero-space: 32px; }
  .kinship #main:has(> #steward) #donation .kh-over { padding-top: 32px; }
}
@media (max-width: 600px) {
  .kinship #main:has(> #steward) #platform .kh-cards { grid-template-rows: none; row-gap: 56px !important; }
  .kinship #main:has(> #steward) #platform .kh-card,
  .kinship #main:has(> #steward) #platform .kh-card:nth-child(n + 3) { grid-row: auto; grid-template-rows: auto; }
  .kinship:has(> #main > #steward) > .kh-markup-pill {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    width: calc(100% - 2 * var(--jj-m));
    max-width: none;
    white-space: normal;
  }
  .kinship:has(> #main > #steward) > .kh-markup-pill a { min-width: 0; padding: 10px 12px; line-height: 1.25; }
}

/* Business cards: one structure in all four. Line, then one navy link with a right arrow; the Read more toggles look
   and sit exactly like the Discover links, and each line holds to two lines until it is opened */
.kinship.kinship.kinship #platform .kh-card .kh-card-body { gap: 16px !important; padding-top: 12px !important; }
.kinship.kinship.kinship #platform .kh-card .kh-card-sub { margin-top: 0 !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.kinship.kinship.kinship #platform .kh-card .kh-card-body:has(details[open]) .kh-card-sub { display: block; -webkit-line-clamp: unset; overflow: visible; }
.kinship.kinship.kinship #platform .kh-card :is(.kh-link, .kh-card-details summary) { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important;
  font: 500 15px/1.3 Montreal, sans-serif !important; color: var(--jj-navy) !important; text-decoration: none !important; border: 0 !important; cursor: pointer; }
.kinship.kinship.kinship #platform .kh-card .kh-link .k-arr { display: none !important; }
.kinship.kinship.kinship #platform .kh-card :is(.kh-link, .kh-card-details summary)::after { content: '\2192'; font: 400 16px/1 Montreal, sans-serif; transition: transform 200ms ease; }
.kinship.kinship.kinship #platform .kh-card :is(.kh-link, .kh-card-details summary):hover::after { transform: translateX(3px); }
.kinship.kinship.kinship #platform .kh-card .kh-card-details p { margin: 0 0 12px !important; font-size: 16px; line-height: 1.5; color: var(--jj-soft); }

/* Critical pass, desktop, 20 October */
@media (min-width: 1001px) {
  /* Hero: the headline on three lines in a column as wide as the film */
  .kinship.kinship .k-landscape { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
  .kinship.kinship #hero-title.k-quote { max-width: 8.6em; font-size: clamp(48px, 5vw, 72px) !important; }

  /* Intro and the tree chapter use the hero's two halves, so the right column starts where the film does */
  .kinship.kinship.kinship .kh-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: clamp(40px, 4.4vw, 64px) !important; }
  .kinship.kinship.kinship .kh-intro { align-items: start !important; }
  .kinship.kinship.kinship .kh-intro .kh-aside { max-width: 30em; padding-top: 6px; }
  .kinship.kinship.kinship #donation .kh-over { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(40px, 4.4vw, 64px); align-items: end; }
  .kinship.kinship.kinship #donation .kh-over h2 { grid-column: 1; margin: 0 !important; font-size: clamp(36px, 3.9vw, 56px) !important; }
  .kinship.kinship.kinship #donation .kh-over p { grid-column: 2; margin: 0 !important; max-width: 30em; }

  /* Navy band: the statement set large enough to hold the band */
  .kinship.kinship.kinship .kh-band .kh-statement { font-size: clamp(28px, 2.78vw, 40px) !important; line-height: 1.22 !important; max-width: 25em; }

  /* Tree chapter: a wide picture, not a full screen of leaves */
  .kinship.kinship #donation .kh-bleed { aspect-ratio: 21 / 8 !important; height: auto !important; }
  .kinship.kinship #donation .kh-bleed img { height: 100% !important; object-fit: cover; object-position: 50% 42%; }

  /* The two statements after it sit side by side across the grid */
  .kinship.kinship.kinship .kh-note { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: clamp(40px, 4.4vw, 64px) !important; grid-template-rows: auto !important; align-items: start; }
  .kinship.kinship.kinship .kh-note p { max-width: 26em !important; margin: 0 !important; }

  /* Business cards: name, title and line read straight down; the link sits at the foot of every card */
  .kinship.kinship.kinship #platform .kh-cards { grid-template-rows: none !important; align-items: stretch !important; }
  .kinship.kinship.kinship #platform .kh-card { display: flex !important; flex-direction: column; grid-row: auto !important; }
  .kinship.kinship.kinship #platform .kh-card > img { aspect-ratio: 4 / 5; width: 100%; }
  .kinship.kinship.kinship #platform .kh-card-body { flex: 1 1 auto; display: flex !important; flex-direction: column; grid-row: auto !important; }
  .kinship.kinship.kinship #platform .kh-card .kh-card-body > :last-child, .kinship.kinship.kinship #platform .kh-card .kh-card-body > a.kh-link:last-child { margin-top: auto !important; padding-top: 16px !important; }
  .kinship.kinship.kinship #platform .kh-card-title { margin-bottom: 4px; }

  /* Footer: no dead band under the last row */
  .kinship.kinship.kinship footer.footer { padding-bottom: 48px !important; }
}
/* Steward's Promise is a label like the business names: the text face, navy */
.kinship.kinship.kinship .kh-sub .kh-eyebrow { margin: 8px 0 0 !important; font: 500 15px/1.3 Montreal, sans-serif !important; letter-spacing: 0 !important; color: var(--jj-navy) !important; }

/* Wide screens keep the 1440 composition: the margins grow, the pictures and lines do not.
   The lab photograph sits at 5:4 beside its text instead of a full square */
@media (min-width: 1001px) {
  .kinship.kinship.kinship #stewardship .kh-split-img { aspect-ratio: 5 / 4 !important; }
  .kinship.kinship.kinship #stewardship .kh-split-img img { width: 100%; height: 100% !important; object-fit: cover; object-position: 55% 40%; }
}

/* Type scale, six sizes on the page: 72 headline, 48 section titles, 32 the one band statement, 24 every other
   statement, lede and card title, 18 reading text in the ink, 15 labels and links */
@media (min-width: 1001px) {
  .kinship.kinship.kinship.kinship main :is(.kh-text h2, .kh-split h2, #donation .kh-over h2) { font-size: clamp(36px, 3.33vw, 48px) !important; line-height: 1.08 !important; }
  .kinship.kinship.kinship.kinship .kh-band .kh-statement { font-size: clamp(26px, 2.22vw, 32px) !important; line-height: 1.3 !important; max-width: 30em; }
  .kinship.kinship.kinship.kinship :is(.kh-intro .kh-statement, .kh-note p, .kh-lede) { font-size: clamp(20px, 1.67vw, 24px) !important; line-height: 1.38 !important; }
  .kinship.kinship.kinship.kinship :is(.kh-aside, .kh-sub p, .kh-over p, .kh-card-sub) { font-size: 18px !important; line-height: 1.6 !important; color: #2B3036 !important; }
  .kinship.kinship.kinship.kinship .kh-intro .kh-statement { max-width: 22em; }
}

/* Final pass, desktop. One cinematic break, two statement sizes, two picture shapes, finished type. */
@media (min-width: 1001px) {
  /* The tree runs edge to edge: the page's one full-bleed moment between the text-led sections */
  .kinship.kinship.kinship #donation .kh-bleed { margin-left: calc(-1 * var(--jj-m)) !important; margin-right: calc(-1 * var(--jj-m)) !important; width: auto !important; aspect-ratio: 12 / 5 !important; }
  .kinship.kinship.kinship #donation { padding-top: 0 !important; }
  .kinship.kinship.kinship #donation .kh-over { padding-top: clamp(48px, 4.4vw, 64px) !important; }

  /* Statements: the opening line and the mission band share one size; everything quieter is 24 */
  .kinship.kinship.kinship.kinship.kinship .kh-intro .kh-statement,
  .kinship.kinship.kinship.kinship.kinship .kh-band .kh-statement { font-size: clamp(28px, 2.5vw, 36px) !important; line-height: 1.24 !important; }
  .kinship.kinship.kinship.kinship.kinship .kh-intro .kh-statement { max-width: 17em; }
  .kinship.kinship.kinship.kinship.kinship .kh-band .kh-statement { max-width: 25em; }
  .kinship.kinship.kinship .kh-band { padding-top: clamp(80px, 7.8vw, 112px) !important; padding-bottom: clamp(80px, 7.8vw, 112px) !important; }

  /* Pictures in the two spreads share the drawing's landscape shape */
  .kinship.kinship.kinship.kinship #stewardship .kh-split-img { aspect-ratio: 5 / 3 !important; }
}
/* Finished type: balanced headlines, no orphans, real kerning and ligatures, punctuation hung in the margin */
.kinship.kinship :is(h1, h2, h3, .kh-card-title, .kh-statement, .kv-statement) { text-wrap: balance; font-kerning: normal; font-feature-settings: 'kern' 1, 'liga' 1; hanging-punctuation: first; }
.kinship.kinship main p { text-wrap: pretty; font-kerning: normal; }
.kinship.kinship.kinship #hero-title.k-quote { letter-spacing: -0.022em !important; }
.kinship.kinship.kinship main :is(.kh-text h2, .kh-split h2, #donation .kh-over h2) { letter-spacing: -0.018em !important; }
@media (min-width: 1001px) {
  .kinship.kinship #main:has(> #steward) > #donation { padding-top: 0 !important; }
}
.kinship.kinship.kinship.kinship.kinship .kh-sub p.kh-eyebrow { color: var(--jj-navy) !important; font-size: 15px !important; }
@media (min-width: 1001px) {
  .kinship.kinship #main:has(> #steward) > .kh-band { padding-top: clamp(80px, 7.8vw, 112px) !important; padding-bottom: clamp(80px, 7.8vw, 112px) !important; }
}

/* The tree chapter holds its whole thought: the title on the left, the line and both statements on the right */
.kinship.kinship.kinship.kinship #donation .kh-over .kh-over-statement { margin-top: 24px !important; font: 400 clamp(20px, 1.67vw, 24px)/1.38 Arizona, Georgia, serif !important; color: var(--jj-ink) !important; max-width: 26em; }
@media (min-width: 1001px) {
  .kinship.kinship.kinship.kinship #donation .kh-over { grid-template-rows: auto auto auto 1fr; align-items: start !important; }
  .kinship.kinship.kinship.kinship #donation .kh-over h2 { grid-row: 1 / span 4; align-self: start; }
  .kinship.kinship.kinship.kinship #donation .kh-over p { grid-column: 2; padding-top: 8px; }
  .kinship.kinship.kinship.kinship #donation .kh-over .kh-over-statement { padding-top: 0; }
  .kinship.kinship #main:has(> #steward) > #donation { padding-bottom: clamp(80px, 7.8vw, 112px) !important; }

  /* Businesses two by two, landscape pictures: every title holds to two lines or fewer */
  .kinship.kinship.kinship.kinship #platform .kh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: clamp(40px, 4.4vw, 64px) !important; row-gap: 72px !important; }
  .kinship.kinship.kinship.kinship #platform .kh-card > img { aspect-ratio: 3 / 2 !important; object-fit: cover; object-position: 50% 30%; }
  .kinship.kinship.kinship.kinship #platform .kh-card .kh-eyebrow { margin-top: 24px !important; }
  .kinship.kinship.kinship.kinship #platform .kh-card-title { font-size: clamp(22px, 1.94vw, 28px) !important; line-height: 1.2 !important; max-width: 24em; }
  .kinship.kinship.kinship.kinship #platform .kh-card-sub { max-width: 34em; }
}

/* Scale with real contrast, as on jnj.com: 80 headline, 64 section titles, then a clear drop to 32 statements,
   24 ledes, statements in the chapter and card titles, 18 reading text, 15 labels */
@media (min-width: 1001px) {
  .kinship.kinship.kinship.kinship.kinship #hero-title.k-quote { font-size: clamp(56px, 5.56vw, 80px) !important; line-height: 1 !important; }
  .kinship.kinship.kinship.kinship.kinship main :is(.kh-text h2, .kh-split h2, #donation .kh-over h2) { font-size: clamp(44px, 4.44vw, 64px) !important; line-height: 1.04 !important; }
  .kinship.kinship.kinship.kinship.kinship :is(.kh-intro .kh-statement, .kh-band .kh-statement) { font-size: clamp(26px, 2.22vw, 32px) !important; line-height: 1.28 !important; }
  .kinship.kinship.kinship.kinship.kinship #donation .kh-over { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important; }
  .kinship.kinship.kinship.kinship.kinship #donation .kh-over .kh-over-statement { font-size: clamp(20px, 1.67vw, 24px) !important; }
  .kinship.kinship.kinship.kinship.kinship #platform .kh-card-title { font-size: 24px !important; line-height: 1.2 !important; }
}
@media (min-width: 1001px) {
  /* Room between the two rows of businesses */
  .kinship.kinship.kinship #main:has(> #steward) #platform .kh-cards { row-gap: 80px !important; }
  /* 4:3 keeps every face whole */
  .kinship.kinship.kinship.kinship.kinship #platform .kh-card > img { aspect-ratio: 4 / 3 !important; object-position: 50% 35%; }
  .kinship.kinship.kinship.kinship.kinship #platform #biocare > img { object-position: 50% 62% !important; }
  /* The chapter's right column reads as one voice: all three paragraphs in the statement face */
  .kinship.kinship.kinship.kinship.kinship #donation .kh-over p { font: 400 clamp(20px, 1.67vw, 24px)/1.38 Arizona, Georgia, serif !important; color: var(--jj-ink) !important; max-width: 26em; }
  .kinship.kinship.kinship.kinship.kinship #donation .kh-over p + p { margin-top: 24px !important; }
}

/* Spreads: picture and text share their top edge. The lab photograph runs the full height of its text column,
   so both columns start and end together; the drawing keeps its own shape and hangs from the same top line */
@media (min-width: 1001px) {
  .kinship.kinship.kinship #main:has(> #steward) > .kh-split { align-items: stretch !important; }
  .kinship.kinship.kinship.kinship.kinship #stewardship .kh-split-img { aspect-ratio: auto !important; height: auto !important; min-height: 100%; position: relative; align-self: stretch !important; }
  .kinship.kinship.kinship.kinship.kinship #stewardship .kh-split-img img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: 58% 45%; }
  .kinship.kinship.kinship #main:has(> #steward) .kh-split-copy { align-self: center; }
  .kinship.kinship.kinship #main:has(> #steward) > #stewardship .kh-split-copy { align-self: stretch; display: flex; flex-direction: column; justify-content: flex-start; }
  .kinship.kinship.kinship #main:has(> #steward) > #steward { align-items: start !important; }
  .kinship.kinship.kinship #main:has(> #steward) > #steward .kh-split-copy { align-self: start; }
  .kinship.kinship.kinship #main:has(> #steward) > #steward .kh-split-img { align-self: start !important; }
  /* Titles inside a half column step down one size so they sit in the column instead of filling it */
  .kinship.kinship.kinship.kinship.kinship.kinship main .kh-split h2 { font-size: clamp(40px, 3.6vw, 52px) !important; }
  .kinship.kinship.kinship #main:has(> #steward) .kh-split-copy :is(h2) { margin-top: -0.12em !important; }
}