.platform-page { height: 100svh; min-height: 0; }
.platform-page .site-header { background: var(--paper); }
.platform-page main { flex: 1; min-height: 0; padding: 145px 0 0; }
.platform-field { height: 100%; margin: 0 2vw 0 var(--story-inset); display: grid; grid-template-columns: 32% 68%; align-items: center; }
.platform-copy { padding: 0 20px 15px 0; }
.platform-statement { font-size: clamp(27px, 2.7vw, 43px); font-weight: 400; line-height: 1.2; letter-spacing: -.018em; margin: 0; max-width: 430px; }
.research-link { display: inline-flex; align-items: baseline; gap: 5px; margin-top: 26px; padding: 6px 0; font-size: 20px; color: var(--secondary); text-decoration: none; border: 0; }
.research-arrow { display: block; width: 14px; height: 14px; flex: 0 0 auto; align-self: center; }
.research-link:hover { color: var(--ink); }
.research-figure { margin: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; }
.research-surface { position: relative; width: 100%; height: 100%; }
.research-surface svg { display: block; width: 100%; height: 100%; }
.field-label { font-family: 'EB Garamond', Georgia, serif; font-size: 27px; fill: #626d60; text-anchor: middle; paint-order: stroke; stroke: var(--paper); stroke-width: 7px; stroke-linejoin: round; }
.platform-page .site-footer { flex: 0 0 auto; padding: 22px 0; font-size: 16px; }
@media (max-width: 1000px) and (min-width: 761px) {
  .platform-field { grid-template-columns: 33% 67%; margin-left: 5.5vw; margin-right: 1vw; }
  .platform-statement { font-size: 29px; }
}
@media (max-width: 760px) {
  .platform-page { height: auto; min-height: 100svh; }
  .platform-page main { padding-top: 118px; }
  .platform-field { height: auto; margin: 0 22px; grid-template-columns: 1fr; grid-template-rows: auto auto; align-items: start; }
  .platform-copy { padding: 0 6px; text-align: center; }
  .platform-statement { font-size: clamp(24px, 5.8vw, 31px); line-height: 1.18; max-width: 580px; margin-inline: auto; text-wrap: balance; }
  .research-link { font-size: 18px; margin-top: 15px; }
  .research-figure { width: calc(100% + 28px); height: clamp(290px, 102vw, 450px); margin: 18px 0 0 -14px; }
  .field-label { font-size: 26px; stroke-width: 7px; }
  .platform-page .site-footer { padding: 16px 0; font-size: 14px; }
}
@media (max-height: 650px) and (min-width: 761px) {
  .platform-page main { padding-top: 125px; }
  .platform-statement { font-size: 27px; }
  .platform-page .site-header { padding-top: 18px; padding-bottom: 18px; }
}
@media (max-height: 600px) and (max-width: 760px) {
  .platform-page main { padding-top: 112px; }
  .platform-copy { padding-top: 4px; }
  .platform-statement { font-size: 22px; }
  .research-link { margin-top: 8px; font-size: 17px; }
  .platform-page .site-footer { padding: 10px 0; }
}
@media (min-width: 701px) and (max-width: 760px) { .platform-page main { padding-top: 154px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }