:root {
  --ivory: #f4f1e8;
  --ink: #11110f;
  --muted: #66635c;
  --line: rgb(17 17 15 / 22%);
  --line-strong: rgb(17 17 15 / 68%);
  --display: Georgia, "Times New Roman", serif;
  --sans: "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --page: 1120px;
  --gutter: clamp(22px, 4vw, 52px);
  --section-accent: #2f6fc7;
  --pixel-blue: #2f6fc7;
  --pixel-sky: #78b8e7;
  --pixel-gold: #efb548;
  --pixel-coral: #e96470;
  --pixel-pink: #ed93aa;
  --pixel-rose: #a83b59;
  --pixel-green: #61ad58;
  --pixel-green-light: #9bd77d;
  --pixel-green-dark: #347b47;
}

body[data-page="about"] { --section-accent: #e96470; }
body[data-page="work"] { --section-accent: #efb548; }
body[data-page="research"] { --section-accent: #2f6fc7; }
body[data-page="investing"] { --section-accent: #61ad58; }
body[data-page="stories"] { --section-accent: #ed93aa; }
body[data-page="cv"] { --section-accent: #a83b59; }

* {
  box-sizing: border-box;
}

img,
video {
  max-width: 100%;
}

html {
  min-width: 280px;
  overflow-x: clip;
  background: var(--ivory);
  color: var(--ink);
}

body {
  min-height: 100dvh;
  margin: 0;
  overflow-x: hidden;
  background: var(--ivory);
  color: var(--ink);
  font-family: var(--sans);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
a {
  color: inherit;
  font: inherit;
}

a {
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

::selection {
  background: var(--ink);
  color: var(--ivory);
}

.page-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid var(--line);
  background: rgb(244 241 232 / 94%);
  backdrop-filter: blur(12px);
}

.page-topbar__inner {
  display: flex;
  width: min(100%, var(--page));
  min-height: 66px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--gutter);
}

.back-link {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 650;
}

.back-link__arrow {
  display: inline-block;
  font-size: 17px;
  transition: transform 180ms ease;
}

.back-link:hover .back-link__arrow,
.back-link:focus-visible .back-link__arrow {
  transform: translateX(-4px);
}

.page-coordinate {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-main {
  width: min(100%, var(--page));
  min-height: calc(100dvh - 66px);
  margin: 0 auto;
  padding: clamp(62px, 10vh, 118px) var(--gutter) 80px;
}

.page-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: end;
  padding-bottom: clamp(42px, 7vh, 78px);
  border-bottom: 1px solid var(--line-strong);
}

.page-kicker,
.minor-heading,
.entry-date,
.entry-meta,
.research-group__index {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.page-intro h1 {
  position: relative;
  display: inline-block;
  max-width: 760px;
  margin: 14px 0 0;
  font-family: var(--display);
  font-size: clamp(68px, 10vw, 136px);
  font-weight: 400;
  line-height: 0.86;
  text-transform: lowercase;
}

html.section-render-pending .page-intro h1 {
  visibility: hidden;
}

html.section-render-pending .page-intro h1::after {
  animation: none;
}

.page-intro h1::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 3px;
  width: 42px;
  height: 4px;
  background: var(--section-accent);
  transform: scaleX(0);
  transform-origin: left;
  animation: page-heading-rule 520ms cubic-bezier(0.18, 0.9, 0.24, 1) 220ms forwards;
}

.page-intro h1.is-pixel-heading {
  display: block;
  width: 100%;
  max-width: none;
  margin-top: 10px;
  line-height: 1;
  text-transform: none;
}

.page-intro h1.is-pixel-heading::after {
  display: none;
}

.page-heading__text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  padding: 0;
  white-space: nowrap;
}

.page-heading-mural {
  display: block;
  width: min(100%, var(--page-heading-max));
  height: auto;
  overflow: visible;
  opacity: 0;
  shape-rendering: crispEdges;
  transform: translateY(7px);
  animation: page-mural-arrive 560ms cubic-bezier(0.18, 0.9, 0.24, 1) 70ms forwards;
}

.page-heading-pixel,
.page-doodle-pixel {
  shape-rendering: crispEdges;
}

.page-heading-pixel,
.page-tone-ink { fill: var(--ink); }
.page-tone-blue { fill: var(--pixel-blue); }
.page-tone-sky { fill: var(--pixel-sky); }
.page-tone-gold { fill: var(--pixel-gold); }
.page-tone-coral { fill: var(--pixel-coral); }
.page-tone-pink { fill: var(--pixel-pink); }
.page-tone-rose { fill: var(--pixel-rose); }
.page-tone-green { fill: var(--pixel-green); }
.page-tone-green-light { fill: var(--pixel-green-light); }
.page-tone-green-dark { fill: var(--pixel-green-dark); }

.page-mural-doodle {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: page-doodle-arrive 480ms cubic-bezier(0.18, 0.9, 0.24, 1) 360ms forwards;
}

.page-doodle__body,
.page-doodle__motion {
  transform-box: fill-box;
  transform-origin: center;
}

.page-mural-doodle--about .page-doodle__body {
  animation: page-about-bop 5.8s ease-in-out 1.1s infinite;
}

.page-mural-doodle--about .page-doodle__bow {
  transform-origin: 50% 100%;
  animation: page-about-bow 6.4s ease-in-out 1.35s infinite;
}

.page-mural-doodle--about .page-doodle__note {
  transform-origin: 30% 100%;
  animation: page-about-note 5.6s ease-in-out 1.5s infinite;
}

.page-mural-doodle--work .page-doodle__body {
  animation: page-work-bob 6.4s ease-in-out 1.1s infinite;
}

.page-mural-doodle--work .page-doodle__gear {
  animation: page-work-gear 18s linear 1.2s infinite;
}

.page-mural-doodle--work .page-doodle__wave {
  transform-origin: 8% 85%;
  animation: page-work-wave 5.2s cubic-bezier(0.18, 0.9, 0.24, 1) 1.5s infinite;
}

.page-mural-doodle--research .page-doodle__body {
  transform-origin: 50% 100%;
  animation: page-research-flask 6.8s ease-in-out 1.1s infinite;
}

.page-mural-doodle--research .page-doodle__microscope {
  transform-origin: 50% 100%;
  animation: page-research-microscope 6.2s ease-in-out 1.25s infinite;
}

.page-mural-doodle--research .page-doodle__molecule {
  animation: page-research-molecule 7.2s ease-in-out 1.4s infinite;
}

.page-mural-doodle--research .page-doodle__bubbles {
  animation: page-research-bubbles 4.8s ease-in-out 1.35s infinite;
}

.page-mural-doodle--investing .page-doodle__body {
  animation: page-investing-coin 5.9s ease-in-out 1.1s infinite;
}

.page-mural-doodle--investing .page-doodle__founder {
  transform-origin: 50% 100%;
  animation: page-investing-founder 5.8s ease-in-out 1.3s infinite;
}

.page-mural-doodle--investing .page-doodle__sprout {
  transform-origin: 50% 100%;
  animation: page-investing-sprout 5.4s ease-in-out 1.45s infinite;
}

.page-mural-doodle--stories .page-doodle__body {
  transform-origin: 50% 100%;
  animation: page-stories-chat 6.6s ease-in-out 1.1s infinite;
}

.page-mural-doodle--stories .page-doodle__coffee {
  transform-origin: 50% 100%;
  animation: page-stories-coffee 5.8s ease-in-out 1.3s infinite;
}

.page-mural-doodle--stories .page-doodle__pencil {
  transform-origin: 0 50%;
  animation: page-stories-pencil 5.2s cubic-bezier(0.18, 0.9, 0.24, 1) 1.5s infinite;
}

.page-mural-doodle--cv .page-doodle__body {
  animation: page-cv-float 6.9s ease-in-out 1.1s infinite;
}

.page-mural-doodle--cv .page-doodle__stamp {
  animation: page-cv-stamp 5.8s cubic-bezier(0.18, 0.9, 0.24, 1) 1.5s infinite;
}

@keyframes page-mural-arrive {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes page-doodle-arrive {
  from { opacity: 0; transform: translateY(3px) scale(0.9); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes page-about-bop {
  0%, 72%, 100% { transform: translateY(0) rotate(0); }
  79% { transform: translateY(-2.5%) rotate(-2deg); }
  86% { transform: translateY(0) rotate(1.2deg); }
}

@keyframes page-about-bow {
  0%, 72%, 100% { transform: rotate(0) scale(1); }
  80% { transform: rotate(-3deg) scale(1.04); }
  88% { transform: rotate(2deg) scale(0.98); }
}

@keyframes page-about-note {
  0%, 68%, 100% { transform: translateY(0) rotate(0); }
  78% { transform: translateY(-5%) rotate(-4deg); }
  88% { transform: translateY(0) rotate(2deg); }
}

@keyframes page-work-gear {
  to { transform: rotate(360deg); }
}

@keyframes page-work-bob {
  0%, 68%, 100% { transform: translateY(0); }
  76% { transform: translateY(-2.5%); }
  84% { transform: translateY(0); }
}

@keyframes page-work-wave {
  0%, 58%, 100% { transform: rotate(0); }
  66% { transform: rotate(-18deg); }
  74% { transform: rotate(10deg); }
  82% { transform: rotate(-10deg); }
}

@keyframes page-research-microscope {
  0%, 70%, 100% { transform: rotate(0); }
  79% { transform: rotate(-3deg); }
  88% { transform: rotate(1.5deg); }
}

@keyframes page-research-molecule {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-4%) rotate(3deg); }
}

@keyframes page-research-flask {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.018, 0.985); }
}

@keyframes page-research-bubbles {
  0%, 18% { opacity: 0.28; transform: translateY(7%); }
  55% { opacity: 1; }
  86%, 100% { opacity: 0.14; transform: translateY(-14%); }
}

@keyframes page-investing-coin {
  0%, 100% { transform: translateY(0) rotate(-0.5deg); }
  50% { transform: translateY(-3%) rotate(0.8deg); }
}

@keyframes page-investing-founder {
  0%, 70%, 100% { transform: translateY(0) rotate(0); }
  79% { transform: translateY(-2%) rotate(-1.5deg); }
  88% { transform: translateY(0) rotate(1deg); }
}

@keyframes page-investing-sprout {
  0%, 100% { transform: rotate(-1deg); }
  50% { transform: rotate(4deg); }
}

@keyframes page-stories-chat {
  0%, 100% { transform: rotate(-0.5deg); }
  50% { transform: rotate(0.7deg) translateY(-1.5%); }
}

@keyframes page-stories-coffee {
  0%, 72%, 100% { transform: translateY(0) rotate(0); }
  80% { transform: translateY(-2.5%) rotate(-2deg); }
  88% { transform: translateY(0) rotate(1deg); }
}

@keyframes page-stories-pencil {
  0%, 62%, 100% { transform: translateX(0) rotate(0); }
  72% { transform: translateX(5%) rotate(-3deg); }
  82% { transform: translateX(-2%) rotate(1deg); }
}

@keyframes page-cv-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2.5%); }
}

@keyframes page-cv-stamp {
  0%, 60%, 100% { opacity: 0.62; transform: scale(1); }
  70% { opacity: 1; transform: scale(1.18); }
  80% { opacity: 0.72; transform: scale(0.96); }
}

@keyframes page-heading-rule {
  to { transform: scaleX(1); }
}

.page-intro__note {
  max-width: 360px;
  margin: 0 0 5px;
  color: var(--muted);
  font-family: var(--display);
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.55;
}

.page-intro__note--about > span {
  display: block;
}

.page-intro__note--about .page-intro__note-aside {
  margin-top: 0.28em;
  font-size: 0.72em;
  line-height: 1.38;
}

.page-intro__subtitle {
  display: inline-flex;
  margin: 0;
  align-items: baseline;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(38px, 12vw, 52px);
  font-weight: 400;
  line-height: 0.9;
  white-space: nowrap;
}

.page-intro__subtitle-un {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-right: 0.08em;
  color: var(--section-accent);
  font-family: "Segoe Print", "Bradley Hand", cursive;
  font-size: 0.64em;
  font-weight: 700;
  transform: translateY(-0.12em) rotate(-7deg);
}

.page-intro__subtitle-un::after {
  position: absolute;
  right: -0.08em;
  bottom: -0.06em;
  left: -0.08em;
  z-index: -1;
  height: 0.1em;
  background: var(--section-accent);
  content: "";
  opacity: 0.72;
  transform: rotate(-2deg);
}

.page-intro__subtitle-supervised {
  display: inline-block;
  font-family: var(--display);
  font-weight: 400;
}

.about-heading-row {
  display: grid;
  gap: 20px;
  align-items: center;
}

.about-photo-deck {
  position: relative;
  display: grid;
  width: 400px;
  height: 174px;
  grid-template-columns: 156px 110px 110px;
  gap: 12px;
  align-items: center;
  isolation: isolate;
}

.about-photo-card {
  --card-rotation: 0deg;
  --card-accent: var(--section-accent);
  position: relative;
  width: 110px;
  height: 148px;
  margin: 0;
  border: 1px solid var(--ink);
  border-radius: 8px;
  overflow: hidden;
  background: var(--ink);
  box-shadow: 4px 4px 0 var(--card-accent);
  opacity: 0;
  transform: rotate(var(--card-rotation));
  transform-origin: center;
  transition: box-shadow 300ms ease, filter 300ms ease, transform 360ms cubic-bezier(0.18, 0.9, 0.24, 1);
  animation: about-photo-card-reveal 420ms ease forwards;
}

.about-photo-card::after {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 11px;
  height: 7px;
  background: var(--card-accent);
  box-shadow: -4px 4px 0 rgb(244 241 232 / 74%);
  content: "";
}

.about-photo-card--night {
  --card-rotation: -1deg;
  --card-accent: var(--pixel-pink);
  width: 156px;
  height: 174px;
  border: 3px solid var(--pixel-pink);
  box-shadow: 0 0 0 1px var(--ink), 7px 7px 0 var(--pixel-pink);
  z-index: 2;
  animation-delay: 140ms;
}

.about-photo-card--sunset {
  --card-rotation: 1.5deg;
  --card-accent: var(--pixel-blue);
  animation-delay: 220ms;
}

.about-photo-card--yc {
  --card-rotation: -1.5deg;
  --card-accent: var(--pixel-gold);
  animation-delay: 300ms;
}

.about-photo-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: auto;
  transition: filter 300ms ease, transform 420ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.about-photo-card--night img {
  object-position: 50% 27%;
}

.about-photo-card--sunset img {
  object-position: 50% 38%;
}

.about-photo-card--yc img {
  object-position: 38% 58%;
}

.about-photo-card:hover {
  z-index: 4;
  box-shadow: 7px 7px 0 var(--card-accent);
  transform: translateY(-6px) rotate(0) scale(1.025);
}

.about-photo-card--night:hover {
  box-shadow: 0 0 0 1px var(--ink), 9px 9px 0 var(--pixel-pink);
}

.about-photo-card:hover img {
  transform: scale(1.02);
}

@keyframes about-photo-card-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}

.story-tiles {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 22px);
}

.story-tile {
  --tile-accent: var(--pixel-pink);
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 272px;
  grid-template-rows: 112px minmax(0, 1fr);
  border: 1px solid var(--line-strong);
  padding: 16px 18px 18px;
  overflow: hidden;
  background: transparent;
  color: var(--ink);
  text-decoration: none;
  transition: border-color 240ms ease, box-shadow 280ms cubic-bezier(0.18, 0.9, 0.24, 1), transform 280ms cubic-bezier(0.18, 0.9, 0.24, 1);
  animation: story-tile-arrive 480ms cubic-bezier(0.18, 0.9, 0.24, 1) both;
}

.story-tile:nth-child(2) {
  --tile-accent: var(--pixel-blue);
  animation-delay: 70ms;
}

.story-tile:nth-child(3) {
  --tile-accent: var(--pixel-gold);
  animation-delay: 140ms;
}

.story-tile:nth-child(4) {
  --tile-accent: var(--pixel-green);
  animation-delay: 210ms;
}

.story-tiles--four .story-tile {
  height: 273px;
  min-height: 0;
  grid-template-rows: 88px minmax(0, 1fr);
  padding: 13px 23px 16px;
}

.story-tiles--four .story-tile__art {
  height: 83px;
}

.story-tiles--four .story-tile__copy {
  padding-top: 10px;
}

.story-tiles--four .story-tile__arrow {
  right: 23px;
  bottom: 22px;
}

.story-tiles--four .story-tile h2 {
  font-size: clamp(21px, 1.9vw, 25px);
}

.story-tile::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  background: var(--tile-accent);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 280ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.story-tile:hover,
.story-tile:focus-visible {
  border-color: var(--ink);
  box-shadow: 7px 7px 0 var(--tile-accent);
  outline: none;
  transform: translate(-3px, -4px);
}

.story-tile:hover::after,
.story-tile:focus-visible::after {
  transform: scaleX(1);
}

.story-tile__visual {
  display: grid;
  min-height: 0;
  place-items: center;
}

.story-tile__art {
  display: block;
  width: min(100%, 188px);
  height: 100px;
  overflow: visible;
  shape-rendering: crispEdges;
  transition: transform 300ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.story-tile:hover .story-tile__art,
.story-tile:focus-visible .story-tile__art {
  transform: translateY(-3px) rotate(-1deg);
}

.story-tile--wip {
  cursor: default;
}

.story-tile--wip:hover {
  border-color: var(--line-strong);
  box-shadow: none;
  transform: none;
}

.story-tile--wip:hover::after {
  transform: scaleX(0);
}

.story-tile--wip:hover .story-tile__art {
  transform: none;
}

.story-tile__copy {
  min-width: 0;
  padding-top: 14px;
}

.story-tile h2 {
  margin: 0 28px 0 0;
  font-family: var(--display);
  font-size: clamp(22px, 2.15vw, 28px);
  font-weight: 500;
  line-height: 1.02;
}

.story-tile__teaser {
  margin: 8px 0 0;
  color: #3d3b36;
  font-size: 14px;
  line-height: 1.45;
}

.story-tile__reading-time {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.35;
}

.story-tile__arrow {
  position: absolute;
  right: 18px;
  bottom: 17px;
  font-size: 18px;
  transition: transform 240ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.story-tile:hover .story-tile__arrow,
.story-tile:focus-visible .story-tile__arrow {
  transform: translate(3px, -3px);
}

.story-tile__motion {
  transform-box: fill-box;
  transform-origin: center;
}

.story-tile__steam {
  animation: story-steam 4.2s ease-in-out infinite;
}

.story-tile__signal--one {
  animation: story-signal 3.8s ease-in-out 280ms infinite;
}

.story-tile__signal--two {
  animation: story-signal 3.8s ease-in-out 820ms infinite;
}

.story-tile__indicator {
  animation: story-indicator 5.2s steps(1, end) infinite;
}

.story-tile__phantom {
  animation: story-phantom 4.8s ease-in-out 620ms infinite;
}

.story-tile__fish {
  animation: story-fish 4.6s ease-in-out infinite;
}

.story-tile__bell {
  animation: story-bell 5.4s ease-in-out infinite;
}

.story-tile__bubbles {
  animation: story-bubbles 4.6s ease-in-out 320ms infinite;
}

@keyframes story-tile-arrive {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes story-steam {
  0%, 100% { opacity: 0.28; transform: translateY(8%); }
  50% { opacity: 1; transform: translateY(-10%); }
}

@keyframes story-fish {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(4%); }
}

@keyframes story-bell {
  0%, 72%, 100% { transform: rotate(0); }
  78% { transform: rotate(-5deg); }
  84% { transform: rotate(5deg); }
  90% { transform: rotate(0); }
}

@keyframes story-bubbles {
  0%, 100% { opacity: 0.35; transform: translateY(8%); }
  50% { opacity: 1; transform: translateY(-10%); }
}

@keyframes story-signal {
  0%, 100% { opacity: 0.24; transform: scale(0.92); }
  48% { opacity: 1; transform: scale(1); }
}

@keyframes story-indicator {
  0%, 82%, 100% { opacity: 0.45; }
  84%, 94% { opacity: 1; }
}

@keyframes story-phantom {
  0%, 66%, 100% { opacity: 0.4; transform: translateY(0); }
  80% { opacity: 1; transform: translateY(-6%); }
}

.story-entry-page .page-topbar {
  position: relative;
  border-bottom: 0;
  background: transparent;
  backdrop-filter: none;
}

.story-entry-page .page-topbar__inner {
  min-height: 58px;
}

.story-entry-page .back-link span:last-child {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 3px;
  text-underline-offset: 7px;
  transition: text-decoration-color 220ms ease;
}

.story-entry-page .back-link:hover span:last-child,
.story-entry-page .back-link:focus-visible span:last-child {
  text-decoration-color: var(--section-accent);
}

.story-entry-main {
  width: min(100%, var(--page));
  margin: 0 auto;
  padding: clamp(32px, 6vh, 64px) var(--gutter) 84px;
}

.story-entry__header {
  max-width: 920px;
  padding-bottom: clamp(24px, 4vh, 42px);
  border-bottom: 1px solid var(--line-strong);
}

.story-entry__brand {
  display: inline-flex;
  margin: 0 0 26px;
  align-items: baseline;
  color: var(--ink);
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 0.9;
  white-space: nowrap;
}

.story-entry__brand-un {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-right: 0.08em;
  color: var(--section-accent);
  font-family: "Segoe Print", "Bradley Hand", cursive;
  font-size: 0.64em;
  font-weight: 700;
  transform: translateY(-0.12em) rotate(-7deg);
}

.story-entry__brand-un::after {
  position: absolute;
  right: -0.08em;
  bottom: -0.06em;
  left: -0.08em;
  z-index: -1;
  height: 0.1em;
  background: var(--section-accent);
  content: "";
  opacity: 0.72;
  transform: rotate(-2deg);
}

.story-entry__brand-supervised {
  display: inline-block;
  font-family: var(--display);
  font-weight: 400;
}

.story-entry__header h1,
.story-entry-missing h1 {
  margin: 8px 0 0;
  font-family: var(--display);
  font-size: clamp(50px, 7vw, 86px);
  font-weight: 400;
  line-height: 0.96;
}

.story-entry__teaser {
  max-width: 800px;
  margin: 22px 0 0;
  color: #292824;
  font-size: clamp(16px, 1.65vw, 20px);
  font-weight: 620;
  line-height: 1.45;
}

.story-entry__reading-time {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.story-entry__layout {
  padding-top: clamp(32px, 5vh, 54px);
}

.story-entry__copy {
  position: relative;
  max-width: 740px;
  margin: 0 auto;
}

.story-entry__copy > p {
  margin: 0 0 1.25em;
  color: #292824;
  font-family: var(--display);
  font-size: clamp(17px, 1.55vw, 20px);
  line-height: 1.68;
}

.story-entry__copy > p:first-child::first-letter {
  float: left;
  margin: 0.03em 0.1em 0 0;
  color: var(--section-accent);
  font-size: 3.45em;
  line-height: 0.78;
}

.story-entry__pullquote {
  margin: clamp(42px, 7vh, 68px) -42px;
  padding: 0 24px;
  text-align: center;
}

.story-entry__pullquote + .story-entry__pullquote {
  margin-top: clamp(-42px, -4vh, -28px);
}

.story-entry__pullquote p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(24px, 2.5vw, 32px);
  font-weight: 500;
  line-height: 1.28;
}

.story-entry__pullquote--accent p {
  display: inline;
  background: linear-gradient(transparent 72%, rgb(237 147 170 / 52%) 72%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.story-entry__question {
  position: relative;
  margin: clamp(42px, 7vh, 64px) 0;
  padding-left: 34px;
}

.story-entry__question::before {
  position: absolute;
  top: 0.42em;
  left: 2px;
  width: 10px;
  height: 10px;
  background: var(--section-accent);
  content: "";
}

.story-entry__question p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(22px, 2.1vw, 28px);
  font-style: italic;
  line-height: 1.38;
}

.story-entry__sequence {
  display: grid;
  margin: clamp(44px, 7vh, 66px) -28px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.story-entry__sequence p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(18px, 1.8vw, 23px);
  line-height: 1.15;
  text-align: center;
}

.story-entry__sequence p::before {
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 auto 12px;
  background: var(--section-accent);
  content: "";
}

.story-entry__stack {
  display: grid;
  margin: clamp(46px, 7vh, 70px) 0;
  gap: 7px;
}

.story-entry__stack p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.25;
}

.story-entry__stack p:nth-child(2) { margin-left: 5%; }
.story-entry__stack p:nth-child(3) { margin-left: 10%; }
.story-entry__stack p:nth-child(4) { margin-left: 15%; }
.story-entry__stack p:nth-child(5) {
  margin-top: 12px;
  margin-left: 20%;
  color: var(--section-accent);
  font-weight: 600;
}

.story-entry__section-heading {
  margin: clamp(58px, 9vh, 86px) 0 24px;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(29px, 3vw, 40px);
  font-weight: 500;
  line-height: 1.05;
}

.story-entry__section-heading::before {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 13px 0 2px;
  background: var(--section-accent);
  content: "";
  vertical-align: 0.18em;
}

.story-entry__section-heading + .story-entry__pullquote {
  margin-top: 28px;
}

.story-entry__list {
  display: grid;
  margin: 0 0 clamp(36px, 6vh, 54px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 30px;
  padding: 0;
  list-style: none;
}

.story-entry__list li {
  position: relative;
  padding-left: 18px;
  color: #292824;
  font-family: var(--display);
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.42;
}

.story-entry__list li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--section-accent);
  content: "+";
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 800;
}

.story-entry__beats {
  display: grid;
  margin: clamp(42px, 7vh, 66px) 0;
  gap: 5px;
}

.story-entry__beats p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(19px, 1.9vw, 25px);
  line-height: 1.25;
}

.story-entry__beats p:nth-child(even) {
  margin: 2px 0 6px 8%;
  color: var(--section-accent);
  font-weight: 600;
}

.story-entry__dialogue {
  display: grid;
  margin: clamp(42px, 7vh, 64px) 0;
  gap: 7px;
  padding: 0 clamp(18px, 4vw, 54px);
}

.story-entry__dialogue p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(19px, 1.8vw, 24px);
  line-height: 1.3;
}

.story-entry__dialogue p:nth-child(even) {
  margin-left: 10%;
  color: var(--section-accent);
}

.story-entry__status {
  margin: clamp(54px, 8vh, 78px) 0 18px;
}

.story-entry__status p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(23px, 2.4vw, 32px);
  line-height: 1.2;
}

.story-entry__status p:last-child {
  margin-top: 8px;
  color: var(--section-accent);
}

.story-entry__closing {
  margin: clamp(58px, 9vh, 88px) 0 18px;
}

.story-entry__closing p {
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(30px, 3.5vw, 44px);
  line-height: 1.08;
}

.story-entry__closing p:last-child {
  margin-top: 6px;
  color: var(--section-accent);
}

.story-margin-doodle {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  pointer-events: none;
}

.story-margin-doodle svg {
  position: absolute;
  top: -62px;
  width: 64px;
  height: 64px;
  overflow: visible;
  opacity: 0.42;
  shape-rendering: crispEdges;
  animation: story-margin-doodle-float 9s ease-in-out infinite;
}

.story-margin-doodle--capsule-code svg,
.story-margin-doodle--test-bench svg,
.story-margin-doodle--brew svg,
.story-margin-doodle--wifi svg,
.story-margin-doodle--chips svg,
.story-margin-doodle--tripod svg {
  left: -116px;
}

.story-margin-doodle--unwrap svg,
.story-margin-doodle--spectrum svg,
.story-margin-doodle--policy svg,
.story-margin-doodle--cantenna svg,
.story-margin-doodle--connector svg {
  right: -116px;
}

.story-margin-doodle--unwrap svg,
.story-margin-doodle--brew svg {
  width: 58px;
  height: 58px;
}

.story-margin-doodle--test-bench svg,
.story-margin-doodle--policy svg,
.story-margin-doodle--chips svg,
.story-margin-doodle--connector svg {
  top: -54px;
  animation-delay: -3s;
}

.story-margin-doodle--spectrum svg {
  animation-delay: -6s;
}

.story-margin-doodle__pixel {
  shape-rendering: crispEdges;
}

@keyframes story-margin-doodle-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@media (max-width: 980px) {
  .story-margin-doodle {
    display: none;
  }
}

@media (max-width: 820px) {
  .story-entry__pullquote,
  .story-entry__sequence {
    margin-right: 0;
    margin-left: 0;
  }

  .story-entry__sequence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 24px;
  }

  .story-entry__stack p:nth-child(n) {
    margin-left: 0;
  }

  .story-entry__list {
    grid-template-columns: 1fr;
  }

  .story-entry__beats p:nth-child(even),
  .story-entry__dialogue p:nth-child(even) {
    margin-left: 0;
  }
}

.story-entry-missing {
  padding-top: 10vh;
}

.story-entry-missing .button-link {
  margin-top: 34px;
}

body[data-page="investing"] .page-intro {
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: start;
}

.investing-thesis {
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--ink);
}

.investing-thesis__statement {
  position: relative;
  max-width: 1060px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(25px, 2.45vw, 33px);
  font-weight: 400;
  line-height: 1.28;
}

.investing-thesis__term-group {
  --thesis-color: var(--pixel-blue);
  position: relative;
  display: inline-block;
}

.investing-thesis__term-group[data-thesis-group="american-dynamism"] {
  --thesis-color: var(--pixel-coral);
}

.investing-thesis__term-group[data-thesis-group="kinetic-sovereignty"] {
  --thesis-color: var(--pixel-green);
}

.investing-thesis__term {
  display: inline-block;
  border: 0;
  border-bottom: 2px solid var(--thesis-color);
  padding: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  white-space: nowrap;
  transition: color 180ms ease, border-color 180ms ease, opacity 180ms ease;
}

.investing-thesis__statement:has(.investing-thesis__term-group:hover) .investing-thesis__term-group:not(:hover) .investing-thesis__term,
.investing-thesis__statement:has(.investing-thesis__term-group:focus-within) .investing-thesis__term-group:not(:focus-within) .investing-thesis__term {
  opacity: 0.44;
}

.investing-thesis__term:hover,
.investing-thesis__term:focus-visible,
.investing-thesis__term.is-active {
  color: var(--thesis-color);
}

.investing-thesis__term:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}

.investing-thesis__definition {
  --tooltip-x: -50%;
  position: absolute;
  z-index: 8;
  bottom: calc(100% + 12px);
  left: 50%;
  display: block;
  width: clamp(260px, 28vw, 340px);
  border-top: 3px solid var(--thesis-color);
  padding: 12px 14px 13px;
  background: var(--ivory);
  box-shadow: 0 12px 30px rgb(17 17 15 / 12%);
  color: #292824;
  font-family: var(--sans);
  font-size: 13px;
  line-height: 1.5;
  opacity: 0;
  pointer-events: none;
  transform: translate(var(--tooltip-x), 8px);
  visibility: hidden;
  transition: opacity 220ms ease, transform 320ms cubic-bezier(0.18, 0.9, 0.24, 1), visibility 0s linear 320ms;
}

.investing-thesis__term-group[data-thesis-group="agentic-commonwealth"] .investing-thesis__definition {
  --tooltip-x: 0;
  left: 0;
}

.investing-thesis__term-group[data-thesis-group="kinetic-sovereignty"] .investing-thesis__definition {
  --tooltip-x: 0;
  right: 0;
  left: auto;
}

.investing-thesis__definition.is-active {
  opacity: 1;
  transform: translate(var(--tooltip-x), 0);
  visibility: visible;
  transition-delay: 0s;
}

.page-content {
  padding-top: clamp(46px, 8vh, 88px);
}

.page-content a:focus-visible,
.back-link:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 5px;
}

.page-end {
  display: flex;
  margin-top: clamp(68px, 12vh, 140px);
  padding-top: 24px;
  border-top: 1px solid var(--line);
  align-items: center;
  justify-content: space-between;
}

.page-end p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.about-grid,
.investing-grid,
.cv-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  gap: clamp(54px, 10vw, 142px);
}

.investing-compact {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(48px, 7vw, 92px);
  align-items: start;
}

.investing-scorecard__intro {
  width: 100%;
  max-width: none;
  margin: 0;
  color: #292824;
  font-size: 14px;
  line-height: 1.48;
}

.investing-criteria__list {
  margin: 12px 0 0;
  padding: 0;
  border-bottom: 1px solid var(--line);
  list-style: none;
}

.investing-criteria__list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  gap: 0;
  align-items: stretch;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
  color: #292824;
  font-size: 16px;
  line-height: 1.35;
}

.investing-criteria__list li > span {
  display: flex;
  align-items: center;
  padding: 12px 12px 12px 2px;
}

.investing-criteria__list li strong {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-left: 1px solid var(--line);
  padding: 12px 2px 12px 12px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

.investing-brief {
  border-left: 1px solid var(--line);
  padding-left: clamp(28px, 4vw, 54px);
}

.investing-note {
  display: grid;
  gap: 9px;
}

.investing-note p {
  margin: 0;
}

.investing-note__lead {
  color: var(--ink);
  font-size: 18px;
  font-weight: 620;
  line-height: 1.4;
}

.investing-note__body,
.investing-note__aside {
  color: #292824;
  font-size: 14px;
  line-height: 1.58;
}

.investing-note__aside {
  color: var(--ink);
  font-weight: 650;
}

.investing-brief__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "referral referral"
    "partners action";
  gap: 12px 18px;
  align-items: end;
  margin-top: 20px;
}

.investing-referral {
  grid-area: referral;
  align-self: start;
  border-left: 4px solid var(--pixel-green);
  padding-left: 14px;
}

.investing-referral > p {
  margin: 0;
  color: #292824;
  font-size: 14px;
  font-weight: 520;
  line-height: 1.42;
}

.investing-referral__logos {
  grid-area: partners;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
}

.investing-brief__footer > .button-link {
  grid-area: action;
}

.investing-partner {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.investing-partner__mark {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  overflow: hidden;
  place-items: center;
  background: var(--ink);
}

.investing-partner__mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.investing-partner__mark--speedrun img {
  width: 100%;
  height: 100%;
  filter: invert(1);
}

.investing-partner:hover,
.investing-partner:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.investing-partner:focus-visible {
  outline: 1px solid var(--ink);
  outline-offset: 4px;
}

.investing-brief .button-link {
  margin-top: 10px;
}

@media (min-width: 821px) {
  body[data-page="investing"] {
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body[data-page="investing"] .page-topbar {
    position: relative;
    border-bottom: 0;
    background: transparent;
    backdrop-filter: none;
  }

  body[data-page="investing"] .page-topbar__inner {
    min-height: clamp(46px, 7vh, 54px);
  }

  body[data-page="investing"] .page-topbar .back-link {
    position: relative;
    top: 20px;
  }

  body[data-page="investing"] .page-topbar .back-link > span:last-child {
    position: relative;
    display: inline-block;
    transition: transform 260ms cubic-bezier(0.18, 0.9, 0.24, 1);
  }

  body[data-page="investing"] .page-topbar .back-link > span:last-child::after {
    position: absolute;
    right: 0;
    bottom: -7px;
    left: 0;
    height: 3px;
    background: var(--section-accent);
    content: "";
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 260ms cubic-bezier(0.18, 0.9, 0.24, 1);
  }

  body[data-page="investing"] .page-topbar .back-link:hover > span:last-child,
  body[data-page="investing"] .page-topbar .back-link:focus-visible > span:last-child {
    transform: translateY(-1px);
  }

  body[data-page="investing"] .page-topbar .back-link:hover > span:last-child::after,
  body[data-page="investing"] .page-topbar .back-link:focus-visible > span:last-child::after {
    transform: scaleX(1);
  }

  body[data-page="investing"] .page-main {
    display: block;
    min-height: calc(100dvh - clamp(46px, 7vh, 54px));
    padding-top: clamp(20px, 3.4vh, 32px);
    padding-bottom: clamp(76px, 10vh, 112px);
  }

  body[data-page="investing"] .page-intro {
    gap: clamp(18px, 2.8vh, 26px);
    padding-bottom: clamp(28px, 4.2vh, 40px);
  }

  body[data-page="investing"] .investing-thesis__statement {
    max-width: 1040px;
    font-size: clamp(23px, 2.15vw, 29px);
    line-height: 1.24;
  }

  body[data-page="investing"] .page-content {
    display: block;
    padding-top: clamp(48px, 7vh, 68px);
  }

  body[data-page="investing"] .investing-compact {
    width: 100%;
    grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1.08fr);
    gap: clamp(42px, 5vw, 62px);
    align-items: start;
  }

  body[data-page="investing"] .investing-criteria__list {
    margin-top: 18px;
  }

  body[data-page="investing"] .investing-criteria__list li {
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.38;
  }

  body[data-page="investing"] .investing-criteria__list li > span,
  body[data-page="investing"] .investing-criteria__list li strong {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  body[data-page="investing"] .investing-criteria__list li > span {
    padding-right: 14px;
  }

  body[data-page="investing"] .investing-criteria__list li strong {
    padding-left: 14px;
  }

  body[data-page="investing"] .investing-scorecard__intro {
    font-size: 18px;
    line-height: 1.55;
  }

  body[data-page="investing"] .investing-criteria__list li strong {
    font-size: 14px;
  }

  body[data-page="investing"] .investing-brief {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: clamp(36px, 4.5vw, 56px);
  }

  body[data-page="investing"] .investing-note__lead {
    font-size: 21px;
    line-height: 1.42;
  }

  body[data-page="investing"] .investing-note__body,
  body[data-page="investing"] .investing-note__aside {
    font-size: 16px;
    line-height: 1.58;
  }

  body[data-page="investing"] .investing-brief__footer {
    gap: 18px 24px;
    margin-top: 34px;
  }

  body[data-page="investing"] .investing-brief .button-link {
    margin-top: 0;
    min-height: 56px;
    padding-right: 22px;
    padding-left: 22px;
    font-size: 15px;
  }

  body[data-page="investing"] .investing-note {
    gap: 15px;
  }

  body[data-page="investing"] .investing-referral {
    padding-left: 18px;
  }

  body[data-page="investing"] .investing-referral > p {
    font-size: 16px;
    line-height: 1.5;
  }

  body[data-page="investing"] .investing-referral__logos {
    gap: 14px 20px;
  }

  body[data-page="investing"] .investing-partner {
    gap: 11px;
    font-size: 14px;
  }

  body[data-page="investing"] .investing-partner__mark {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}

.about-lead h2,
.investing-lead,
.cv-lead {
  max-width: 700px;
  margin: 12px 0 34px;
  font-family: var(--display);
  font-size: clamp(34px, 4.4vw, 58px);
  font-weight: 400;
  line-height: 1.04;
}

.about-lead > p:not(.minor-heading),
.investing-copy > p:not(.minor-heading),
.story-copy p,
.entry-copy > p,
.research-entry__summary,
.cv-copy > p:not(.minor-heading) {
  margin: 0 0 20px;
  color: #292824;
  font-size: 16px;
  line-height: 1.72;
}

.personal-list,
.focus-list,
.fact-list,
.cv-highlights {
  margin: 0;
  padding: 0;
  list-style: none;
}

.personal-item,
.focus-item {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 16px;
  padding: 19px 0;
  border-top: 1px solid var(--line);
}

.personal-item:last-child,
.focus-item:last-child {
  border-bottom: 1px solid var(--line);
}

.personal-item > span,
.focus-item > span {
  padding-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
}

.personal-item strong,
.focus-item strong {
  display: block;
  margin-bottom: 5px;
  font-family: var(--display);
  font-size: 23px;
  font-weight: 500;
}

.personal-item p,
.focus-item p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.entry-list,
.research-groups,
.story-list {
  display: grid;
}

.entry {
  display: grid;
  grid-template-columns: 150px minmax(0, 1.2fr) minmax(240px, 0.65fr);
  gap: clamp(30px, 5vw, 74px);
  padding: 38px 0 44px;
  border-bottom: 1px solid var(--line);
  content-visibility: auto;
  contain-intrinsic-size: auto 520px;
}

.entry:first-child {
  padding-top: 0;
}

.entry-title,
.research-entry h3,
.story h2 {
  margin: 7px 0 8px;
  font-family: var(--display);
  font-size: clamp(28px, 3.1vw, 42px);
  font-weight: 500;
  line-height: 1.04;
}

.entry-role {
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.entry-summary {
  margin: 0 0 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

.entry-aside {
  align-self: start;
  padding-top: 23px;
}

.fact-list li,
.cv-highlights li {
  position: relative;
  margin: 0 0 11px;
  padding-left: 18px;
  color: #3f3d37;
  font-size: 13px;
  line-height: 1.55;
}

.fact-list li::before,
.cv-highlights li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "+";
  color: var(--ink);
  font-weight: 800;
}

.tag-line {
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.65;
}

.text-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 24px;
}

.text-links a {
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.text-links span {
  display: inline-block;
  margin-left: 7px;
  transition: transform 180ms ease;
}

.text-links a:hover span,
.text-links a:focus-visible span {
  transform: translate(2px, -2px);
}

.research-group {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: clamp(30px, 5vw, 74px);
  padding: 42px 0 64px;
  border-bottom: 1px solid var(--line-strong);
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

.research-group:first-child {
  padding-top: 0;
}

.research-group__title h2 {
  margin: 8px 0 12px;
  font-family: var(--display);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 400;
  line-height: 0.98;
}

.research-group__title p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.research-entry {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 18px;
  padding: 28px 0 34px;
  border-top: 1px solid var(--line);
}

.research-entry:first-child {
  padding-top: 2px;
  border-top: 0;
}

.research-entry__number {
  padding-top: 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
}

.research-entry h3 {
  max-width: 720px;
  font-size: clamp(25px, 2.8vw, 36px);
}

.research-entry__summary {
  max-width: 720px;
  margin-top: 18px;
}

.research-entry .fact-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 34px;
  max-width: 820px;
  margin-top: 24px;
}

.investing-copy .button-link,
.cv-actions .button-link {
  margin-top: 22px;
}

.investing-aside,
.cv-actions {
  padding-top: 4px;
}

.investing-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px;
  margin-top: 44px;
}

.button-link {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 18px;
  justify-content: space-between;
  padding: 0 18px;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--ivory);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background 180ms ease, color 180ms ease;
}

.button-link:hover,
.button-link:focus-visible {
  background: transparent;
  color: var(--ink);
}

.button-link--quiet {
  background: transparent;
  color: var(--ink);
}

.button-link--quiet:hover,
.button-link--quiet:focus-visible {
  background: var(--ink);
  color: var(--ivory);
}

.story {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: clamp(30px, 5vw, 74px);
  padding: 44px 0 58px;
  border-bottom: 1px solid var(--line);
  content-visibility: auto;
  contain-intrinsic-size: auto 680px;
}

.story:first-child {
  padding-top: 0;
}

.story h2 {
  max-width: 720px;
}

.story-teaser {
  max-width: 760px;
  margin: 18px 0 34px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.55;
}

.story-copy {
  max-width: 760px;
}

.cv-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cv-actions .button-link {
  width: min(100%, 300px);
}

.cv-actions p {
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 12px;
}

@keyframes page-arrive {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-main {
  animation: page-arrive 420ms cubic-bezier(0.2, 0.72, 0.26, 1) both;
}

@media (max-width: 820px) {
  .page-main {
    padding-top: 54px;
  }

  .page-intro,
  .about-grid,
  .investing-grid,
  .cv-grid {
    grid-template-columns: 1fr;
  }

  .page-intro {
    gap: 28px;
  }

  body[data-page="investing"] .page-intro,
  .investing-compact {
    grid-template-columns: 1fr;
  }

  .investing-brief {
    border-top: 1px solid var(--line);
    border-left: 0;
    padding-top: 34px;
    padding-left: 0;
  }

  .page-intro h1 {
    font-size: clamp(60px, 20vw, 104px);
  }

  .entry {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .entry-aside {
    grid-column: 2;
    padding-top: 0;
  }

  .research-group,
  .story {
    grid-template-columns: 100px minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .page-topbar__inner {
    min-height: 56px;
  }

  .page-main {
    min-height: calc(100dvh - 56px);
    padding-top: 42px;
    padding-bottom: 52px;
  }

  .page-intro {
    padding-bottom: 36px;
  }

  .page-intro h1 {
    font-size: clamp(58px, 21vw, 86px);
  }

  .page-content {
    padding-top: 40px;
  }

  .about-grid,
  .investing-grid,
  .cv-grid {
    gap: 48px;
  }

  .entry,
  .research-group,
  .story {
    min-width: 0;
    grid-template-columns: 1fr;
    gap: 18px;
    content-visibility: visible;
    contain-intrinsic-size: none;
  }

  .entry > *,
  .research-group > *,
  .research-entry,
  .research-entry > *,
  .story > * {
    min-width: 0;
  }

  .entry-aside {
    grid-column: auto;
  }

  .research-entry .fact-list,
  .investing-notes {
    grid-template-columns: 1fr;
  }

  .page-end p {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Compact internal pages share Investing's one-screen editorial frame. */
.compact-page [hidden] {
  display: none !important;
}

.about-compact,
.compact-browser,
.research-browser {
  width: 100%;
  min-width: 0;
}

.about-compact {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: clamp(48px, 7vw, 88px);
  align-items: start;
}

.about-compact__intro h2 {
  max-width: 620px;
  margin: 0 0 24px;
  font-family: var(--display);
  font-size: clamp(20px, 1.7vw, 23px);
  font-weight: 400;
  line-height: 1.22;
}

.about-compact__copy {
  display: grid;
  gap: 16px;
}

.about-compact__copy p {
  margin: 0;
  color: #292824;
  font-size: 14px;
  line-height: 1.72;
}

.about-compact__intro,
.about-compact__offclock {
  position: relative;
  z-index: 1;
}

.about-compact__offclock {
  border-left: 1px solid var(--line);
  padding-left: clamp(34px, 5vw, 58px);
}

.about-compact__list {
  margin: 15px 0 0;
  padding: 0;
  border-bottom: 1px solid var(--line);
  list-style: none;
}

.about-compact__list li {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  padding: 14px 0;
  border-top: 1px solid var(--line);
}

.about-compact__list strong {
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 760;
  line-height: 1.35;
}

.about-compact__list p {
  margin: 0;
  color: #3f3d37;
  font-size: 12px;
  line-height: 1.55;
}

.about-body-doodle {
  position: absolute;
  z-index: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.about-body-doodle svg {
  position: absolute;
  width: 48px;
  height: 48px;
  overflow: visible;
  opacity: 0.38;
  shape-rendering: crispEdges;
  animation: about-body-doodle-float 9s ease-in-out infinite;
}

.about-body-doodle--sound {
  top: -38px;
  left: 53%;
}

.about-body-doodle--coffee {
  top: 54%;
  left: -58px;
}

.about-body-doodle--flower {
  right: 5%;
  bottom: -24px;
}

.about-body-doodle--sound svg {
  animation-delay: -3s;
}

.about-body-doodle--flower svg {
  animation-delay: -6s;
}

@keyframes about-body-doodle-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

.about-story {
  width: min(100%, 1040px);
  margin: 0 auto;
}

.about-story__identity {
  max-width: 820px;
  padding-bottom: clamp(48px, 7vh, 72px);
}

.about-story__identity h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(19px, 1.6vw, 22px);
  font-weight: 500;
  line-height: 1.35;
}

.about-story__chapter {
  position: relative;
  padding: clamp(48px, 7vh, 74px) 0;
}

.about-story__chapter--roots {
  padding-top: 0;
  padding-bottom: 16px;
}

.about-story__chapter--roots .about-story__prose {
  max-width: 620px;
}

.about-story__roots-photo {
  position: absolute;
  top: -8px;
  right: 2px;
  z-index: 2;
  width: 360px;
  aspect-ratio: 45 / 32;
  margin: 0;
  border: 1px solid rgb(20 20 18 / 42%);
  border-radius: 6px;
  overflow: hidden;
  background: var(--ivory);
  box-shadow: 7px 7px 0 rgb(97 173 88 / 54%);
  transform: rotate(1.25deg);
}

.about-story__roots-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-story__chapter--education {
  padding-top: 16px;
  padding-bottom: 24px;
}

.about-story__chapter--stage {
  padding-top: 24px;
}

.about-story__opening {
  max-width: 19ch;
  margin: 0 0 clamp(30px, 4.5vh, 46px);
  font-family: var(--display);
  font-size: clamp(32px, 3.8vw, 46px);
  font-weight: 400;
  line-height: 1.08;
}

.about-story__prose {
  display: grid;
  max-width: 790px;
  gap: 22px;
}

.about-story__prose--wide {
  max-width: none;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(48px, 8vw, 96px);
  align-items: center;
}

.about-story__prose p {
  margin: 0;
  color: #292824;
  font-size: clamp(16px, 1.45vw, 18px);
  line-height: 1.72;
}

.about-story__prose--stage {
  position: relative;
  z-index: 2;
  max-width: none;
}

.about-story__prose--stage p:first-child {
  width: min(69%, 720px);
  font-family: var(--display);
  font-size: clamp(21px, 2.1vw, 27px);
  font-weight: 500;
  line-height: 1.4;
}

.about-story__prose--stage p:nth-child(2) {
  width: min(52%, 540px);
  margin-left: 8%;
  font-size: clamp(16px, 1.45vw, 18px);
  font-weight: 500;
  line-height: 1.72;
}

.about-story__prose--stage p:nth-child(3) {
  width: min(76%, 760px);
  margin-top: 40px;
  font-family: var(--display);
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.5;
}

.about-story__prose--stage p:nth-child(4) {
  width: min(78%, 720px);
  margin-left: 14%;
  font-size: clamp(16px, 1.45vw, 18px);
  font-weight: 620;
}

.about-story__prose--stage p:nth-child(5) {
  width: max-content;
  max-width: 70%;
  margin: 16px 0 0 20%;
  font-family: var(--display);
  font-size: clamp(23px, 2.5vw, 31px);
  font-weight: 500;
  line-height: 1.2;
}

.about-story__prose--stage p:nth-child(6) {
  width: max-content;
  max-width: 60%;
  margin: -8px 0 18px 20%;
  font-family: var(--display);
  font-size: clamp(18px, 1.8vw, 23px);
  font-weight: 500;
  line-height: 1.25;
}

.about-story__method-clippings {
  position: absolute;
  top: 52px;
  right: -12px;
  z-index: 3;
  width: 381px;
  height: 282px;
  pointer-events: none;
}

.about-story__method-clipping {
  position: absolute;
  width: 213px;
  aspect-ratio: 1;
  margin: 0;
  border: 1px solid rgb(20 20 18 / 42%);
  border-radius: 7px;
  overflow: hidden;
  background: var(--ivory);
  transform-origin: center;
}

.about-story__method-clipping--curve {
  top: 52px;
  left: 0;
  z-index: 2;
  box-shadow: 8px 8px 0 rgb(233 100 112 / 56%);
  transform: rotate(-3.5deg);
}

.about-story__method-clipping--loop {
  top: 0;
  right: 0;
  box-shadow: 8px 8px 0 rgb(47 111 199 / 48%);
  transform: rotate(3deg);
}

.about-story__method-clipping img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-story__happy-clipping {
  position: absolute;
  z-index: 3;
  margin: 0;
  border: 1px solid rgb(20 20 18 / 42%);
  border-radius: 6px;
  overflow: hidden;
  background: var(--ivory);
  pointer-events: none;
}

.about-story__happy-clipping--smile {
  right: auto;
  bottom: 20px;
  left: 4px;
  width: 160px;
  aspect-ratio: 4 / 3;
  box-shadow: 6px 6px 0 rgb(239 181 72 / 62%);
  transform: rotate(-2.25deg);
}

.about-story__happy-clipping--stage {
  right: 4px;
  bottom: -20px;
  left: auto;
  width: 160px;
  aspect-ratio: 200 / 287;
  box-shadow: 6px 6px 0 rgb(47 111 199 / 48%);
  transform: rotate(1.75deg);
}

.about-story__happy-clipping img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-story__reference {
  --reference-color: var(--pixel-rose);
  --reference-fill: rgb(168 59 89 / 22%);
  position: relative;
  z-index: 2;
  display: inline;
  color: var(--ink);
  font-weight: 680;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 var(--reference-color);
  transition: box-shadow 220ms ease, color 180ms ease;
}

.about-story__reference--blue {
  --reference-color: var(--pixel-blue);
  --reference-fill: rgb(47 111 199 / 22%);
}

.about-story__reference--coral {
  --reference-color: var(--pixel-coral);
  --reference-fill: rgb(233 100 112 / 22%);
}

.about-story__reference--gold {
  --reference-color: var(--pixel-gold);
  --reference-fill: rgb(239 181 72 / 26%);
}

.about-story__reference--green {
  --reference-color: var(--pixel-green);
  --reference-fill: rgb(97 173 88 / 22%);
}

.about-story__reference--pink {
  --reference-color: var(--pixel-pink);
  --reference-fill: rgb(237 147 170 / 26%);
}

.about-story__reference--rose {
  --reference-color: var(--pixel-rose);
  --reference-fill: rgb(168 59 89 / 22%);
}

.about-story__reference--sky {
  --reference-color: var(--pixel-sky);
  --reference-fill: rgb(120 184 231 / 27%);
}

.about-story__reference:hover,
.about-story__reference:focus-visible {
  color: var(--ink);
  outline: none;
  box-shadow: inset 0 -0.48em 0 var(--reference-fill);
}

.about-story__reference:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}

.about-story__reference-note {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  z-index: 30;
  width: max-content;
  max-width: 278px;
  min-width: 220px;
  padding: 8px 10px 9px 12px;
  border-left: 3px solid var(--reference-color);
  background: var(--ink);
  color: var(--ivory);
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 560;
  line-height: 1.42;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 5px);
  transition: opacity 150ms ease, transform 190ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.about-story__reference-note--image {
  width: min(326px, calc(100vw - 44px));
  max-width: none;
  min-width: 0;
  padding: 0;
  border: 1px solid var(--ink);
  border-left-width: 1px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--ivory);
  box-shadow: 6px 6px 0 var(--reference-color);
}

.about-story__reference-note--image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.about-story__reference-caption {
  display: flex;
  min-height: 30px;
  padding: 7px 9px;
  align-items: center;
  gap: 8px;
  background: var(--ivory);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 760;
  line-height: 1.2;
  text-transform: uppercase;
}

.about-story__reference-caption::before {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: var(--reference-color);
  content: "";
}

.about-story__reference:hover .about-story__reference-note,
.about-story__reference:focus-visible .about-story__reference-note {
  opacity: 1;
  transform: translate(-50%, 0);
}

.about-story__accent {
  --accent-color: var(--pixel-rose);
  --accent-text: #8f304b;
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}

.about-story__accent--color {
  color: color-mix(in srgb, var(--accent-text) 76%, var(--ink));
}

.about-story__accent--blue { --accent-color: var(--pixel-blue); --accent-text: #245a9f; }
.about-story__accent--sky { --accent-color: var(--pixel-sky); --accent-text: #397ca8; }
.about-story__accent--gold { --accent-color: var(--pixel-gold); --accent-text: #9b6808; }
.about-story__accent--coral { --accent-color: var(--pixel-coral); --accent-text: #b84150; }
.about-story__accent--green { --accent-color: var(--pixel-green); --accent-text: #367b3e; }
.about-story__accent--pink { --accent-color: var(--pixel-pink); --accent-text: #ac4d68; }
.about-story__accent--rose { --accent-color: var(--pixel-rose); --accent-text: #8f304b; }

.about-story__emphasis {
  color: var(--ink);
  font-weight: 720;
}

.about-story__chapter--freedom h3 {
  width: max-content;
  max-width: 100%;
  margin: 0 0 clamp(38px, 6vh, 64px);
  font-family: var(--display);
  font-size: clamp(30px, 9.2vw, 40px);
  font-weight: 400;
  line-height: 1.08;
}

.about-story__freedom {
  display: grid;
  width: min(64%, 650px);
  margin: 0;
  padding: 0;
  gap: 12px;
  list-style: none;
}

.about-story__freedom-photo {
  position: absolute;
  top: calc(150px + 2cm);
  right: 4px;
  z-index: 3;
  width: 340px;
  aspect-ratio: 340 / 453;
  margin: 0;
  border: 1px solid rgb(20 20 18 / 48%);
  border-radius: 6px;
  overflow: hidden;
  background: #050505;
  box-shadow: 9px 9px 0 rgb(47 111 199 / 46%);
  transform: rotate(1.1deg);
}

.about-story__freedom-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-story__freedom li {
  padding: 7px 0;
  font-family: var(--display);
  line-height: 1.32;
}

.about-story__freedom li:nth-child(1) { max-width: 100%; font-size: 16px; }
.about-story__freedom li:nth-child(2) { max-width: 91%; font-size: 18px; }
.about-story__freedom li:nth-child(3) { max-width: 84%; font-size: 20px; }
.about-story__freedom li:nth-child(4) { max-width: 78%; font-size: 22px; }
.about-story__freedom li:nth-child(5) { max-width: 72%; font-size: 24px; }
.about-story__freedom li:nth-child(6) { max-width: 64%; font-size: 27px; }
.about-story__freedom li:nth-child(7) { max-width: 54%; font-size: 31px; }
.about-story__freedom li:nth-child(8) {
  width: max-content;
  max-width: 100%;
  color: var(--section-accent);
  font-size: 38px;
}

.about-story__freedom-close {
  width: max-content;
  max-width: 100%;
  margin: 12px 0 0 2%;
  color: var(--ink);
  font-family: var(--display);
  font-size: 24px;
  line-height: 1.18;
  transform: translateY(calc(clamp(48px, 7vh, 74px) - 6px));
}

.about-story__build-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: clamp(42px, 6vw, 68px);
  align-items: start;
}

.about-story__ledger {
  display: grid;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 22px;
  list-style: none;
}

.about-story__ledger li {
  padding: 0;
}

.about-story__ledger p {
  max-width: 650px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.5;
}

.about-story__build-photos {
  display: grid;
  padding-top: 4px;
  gap: 48px;
}

.about-story__build-photo {
  margin: 0;
  border: 1px solid rgb(20 20 18 / 44%);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

.about-story__build-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.about-story__build-photo--reactor {
  width: 100%;
  aspect-ratio: 1040 / 750;
  box-shadow: 8px 8px 0 rgb(219 163 46 / 35%);
  transform: rotate(0.7deg);
}

.about-story__build-photo--reactor img {
  object-fit: contain;
}

.about-story__build-photo--jason {
  width: 76%;
  aspect-ratio: 480 / 590;
  margin-left: auto;
  box-shadow: -8px 8px 0 rgb(74 128 205 / 38%);
  transform: rotate(-1deg);
}

.about-story__build-photo--jason img {
  object-fit: cover;
}

.about-story__impulse-row {
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(240px, 1fr);
  margin-top: clamp(58px, 8vh, 88px);
  gap: clamp(46px, 7vw, 78px);
  align-items: center;
}

.about-story__impulse-photo {
  width: 100%;
  margin: 0;
  border: 1px solid rgb(20 20 18 / 44%);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 9px 9px 0 rgb(47 111 199 / 34%);
  transform: rotate(-0.6deg);
}

.about-story__impulse-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.about-story__impulse-copy {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.about-story__impulse {
  max-width: 17ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(27px, 3vw, 36px);
  line-height: 1.14;
}

.about-story__impulse-copy .about-story-doodle--ocean {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  flex: 0 0 96px;
  width: 96px;
  height: 88px;
}

.about-story__chapter--quiet {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(42px, 8vw, 100px);
  align-items: end;
}

.about-story__chapter--quiet p,
.about-story__chapter--quiet strong {
  margin: 0;
  font-family: var(--display);
  font-weight: 400;
}

.about-story__chapter--quiet p {
  color: var(--ink);
  font-size: clamp(18px, 1.7vw, 21px);
  line-height: 1.4;
}

.about-story__chapter--quiet strong {
  font-size: clamp(30px, 3.7vw, 42px);
  line-height: 1.1;
}

.about-story__prose--questions {
  max-width: none;
}

.about-story__prose--questions p:first-child {
  max-width: 700px;
  font-family: var(--display);
  font-size: clamp(25px, 2.8vw, 34px);
  line-height: 1.24;
}

.about-story__prose--questions p:nth-child(2) {
  margin: 26px 0 24px 21%;
  font-family: var(--display);
  font-size: clamp(20px, 2vw, 25px);
}

.about-story__prose--questions p:last-child {
  max-width: 600px;
  margin-left: 10%;
  font-size: clamp(17px, 1.55vw, 19px);
}

.about-story__psychedelic-photo {
  position: absolute;
  top: 28px;
  right: 4px;
  z-index: 3;
  width: 250px;
  aspect-ratio: 120 / 149;
  margin: 0;
  border: 1px solid rgb(20 20 18 / 48%);
  border-radius: 6px;
  overflow: hidden;
  background: var(--ivory);
  box-shadow: 8px 8px 0 rgb(168 59 89 / 48%);
  transform: rotate(1.5deg);
}

.about-story__psychedelic-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-story__ending {
  position: relative;
  padding: clamp(84px, 14vh, 160px) 0 clamp(28px, 5vh, 58px);
}

.about-story__ending-line {
  width: max-content;
  max-width: 100%;
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  line-height: 1.08;
}

.about-story__ending-line--1 {
  margin-left: 38%;
  font-size: 27px;
}

.about-story__signature {
  width: max-content;
  margin: 84px 0 0 auto;
  color: var(--ink);
  font-family: var(--display);
  font-size: 26px;
  font-weight: 600;
}

.about-story-doodle {
  --doodle-primary-color: var(--pixel-blue);
  --doodle-companion-color: var(--pixel-gold);
  position: absolute;
  z-index: 1;
  width: 104px;
  height: 92px;
  contain: layout paint;
  opacity: 0.72;
  pointer-events: none;
}

.about-story-doodle__icon {
  position: absolute;
  display: block;
  overflow: visible;
  fill: currentColor;
  image-rendering: pixelated;
  shape-rendering: crispEdges;
  will-change: transform;
}

.about-story-doodle__icon--primary {
  top: 10px;
  left: 4px;
  width: 72px;
  height: 72px;
  color: var(--doodle-primary-color);
  animation: about-story-doodle-sway 8.8s ease-in-out infinite;
}

.about-story-doodle__icon--companion {
  top: 2px;
  right: 1px;
  width: 30px;
  height: 30px;
  color: var(--doodle-companion-color);
  animation: about-story-doodle-bob 6.4s steps(4, end) infinite;
}

.about-story-doodle--roots {
  --doodle-primary-color: var(--pixel-green);
  --doodle-companion-color: var(--pixel-coral);
  top: 20%;
  right: -88px;
  transform: rotate(5deg);
}

.about-story-doodle--education {
  --doodle-primary-color: var(--pixel-blue);
  --doodle-companion-color: var(--pixel-gold);
  top: 18%;
  left: -112px;
  transform: rotate(-4deg);
}

.about-story-doodle--stage {
  --doodle-primary-color: var(--pixel-rose);
  --doodle-companion-color: var(--pixel-sky);
  top: 38%;
  right: -92px;
  transform: rotate(4deg);
}

.about-story-doodle--freedom {
  --doodle-primary-color: var(--pixel-gold);
  --doodle-companion-color: var(--pixel-blue);
  top: 24%;
  right: -90px;
  transform: rotate(-3deg);
}

.about-story-doodle--circuit {
  --doodle-primary-color: var(--pixel-blue);
  --doodle-companion-color: var(--pixel-coral);
  top: 10%;
  left: -112px;
  transform: rotate(-3deg);
}

.about-story-doodle--ocean {
  --doodle-primary-color: var(--pixel-sky);
  --doodle-companion-color: var(--pixel-gold);
  right: -88px;
  bottom: 14%;
  transform: rotate(4deg);
}

.about-story-doodle--heart {
  --doodle-primary-color: var(--pixel-rose);
  --doodle-companion-color: var(--pixel-coral);
  top: 30%;
  right: -86px;
  transform: rotate(3deg);
}

.about-story-doodle--questions {
  --doodle-primary-color: var(--pixel-green);
  --doodle-companion-color: var(--pixel-pink);
  top: 18%;
  left: -112px;
  transform: rotate(-4deg);
}

.about-story-doodle--ending {
  --doodle-primary-color: var(--pixel-gold);
  --doodle-companion-color: var(--pixel-blue);
  right: -70px;
  bottom: 18%;
  transform: rotate(4deg);
}

.about-story-doodle--stage .about-story-doodle__icon--primary,
.about-story-doodle--ocean .about-story-doodle__icon--primary,
.about-story-doodle--ending .about-story-doodle__icon--primary {
  animation-delay: -4s;
}

.about-story-doodle--freedom .about-story-doodle__icon--companion,
.about-story-doodle--questions .about-story-doodle__icon--companion,
.about-story-doodle--heart .about-story-doodle__icon--companion {
  animation-delay: -3.2s;
}

@keyframes about-story-doodle-sway {
  0%, 100% { transform: translateY(0) rotate(0); }
  48% { transform: translateY(-5px) rotate(-2deg); }
  72% { transform: translateY(-2px) rotate(1deg); }
}

@keyframes about-story-doodle-bob {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-3px, -5px); }
}

@media (max-width: 980px) {
  .about-story-doodle,
  .about-story__roots-photo,
  .about-story__method-clippings,
  .about-story__happy-clippings,
  .about-story__freedom-photo,
  .about-story__build-photos,
  .about-story__impulse-photo,
  .about-story__psychedelic-photo {
    display: none;
  }

  .about-story__build-layout {
    display: block;
  }

  .about-story__impulse-row {
    display: block;
  }

  .about-story__impulse {
    margin: clamp(58px, 8vh, 88px) 0 0 auto;
  }
}

.compact-browser {
  display: grid;
  grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(28px, 3.5vw, 44px);
  align-items: stretch;
}

.compact-nav {
  min-width: 0;
}

.compact-nav__list {
  margin-top: 9px;
  border-bottom: 1px solid var(--line);
}

.compact-nav__item {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 0;
  border-top: 1px solid var(--line);
  padding: 8px 0 8px 13px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: transparent;
  color: #292824;
  cursor: pointer;
  text-align: left;
}

.compact-nav__item::before,
.research-entry-tabs button::before {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 0;
  width: 3px;
  background: var(--section-accent);
  content: "";
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 220ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.compact-nav__item:hover::before,
.compact-nav__item:focus-visible::before,
.compact-nav__item[aria-selected="true"]::before,
.research-entry-tabs button:hover::before,
.research-entry-tabs button:focus-visible::before,
.research-entry-tabs button[aria-selected="true"]::before {
  transform: scaleY(1);
}

.compact-nav__item > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.compact-nav__item strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 13px;
  font-weight: 720;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compact-nav__item small,
.compact-nav__item time {
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 650;
  line-height: 1.25;
}

.compact-nav__item time {
  max-width: 104px;
  flex: 0 0 auto;
  text-align: right;
}

.compact-nav__item[aria-selected="true"] strong {
  color: var(--section-accent);
}

.story-reader__controls button:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.compact-nav__item:focus-visible,
.research-group-tabs button:focus-visible,
.research-entry-tabs button:focus-visible {
  outline: none;
}

.compact-detail-stack,
.story-reader,
.research-detail-stack {
  min-width: 0;
  border-left: 1px solid var(--line);
  padding-left: clamp(28px, 3.5vw, 44px);
}

.compact-detail,
.story-reader__panel {
  min-width: 0;
  animation: compact-panel-arrive 260ms cubic-bezier(0.18, 0.9, 0.24, 1) both;
}

.compact-detail__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.compact-detail__header h2,
.story-reader__panel h2 {
  margin: 4px 0 0;
  font-family: var(--display);
  font-size: clamp(23px, 2.35vw, 31px);
  font-weight: 500;
  line-height: 1.04;
}

.compact-detail__role,
.compact-detail__date {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.compact-detail__date {
  max-width: 150px;
  flex: 0 0 auto;
  text-align: right;
}

.work-detail__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 28px;
  padding-top: 12px;
}

.compact-copy {
  min-width: 0;
}

.compact-copy > p,
.compact-copy__lead {
  margin: 0 0 8px;
  color: #292824;
  font-size: 11.5px;
  line-height: 1.45;
}

.compact-copy__lead {
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 680;
}

.compact-evidence {
  min-width: 0;
}

.compact-page .fact-list {
  margin-top: 8px;
}

.compact-page .fact-list li {
  margin-bottom: 6px;
  padding-left: 14px;
  font-size: 10.5px;
  line-height: 1.38;
}

.compact-page .tag-line {
  margin-top: 10px;
  font-size: 9px;
  line-height: 1.45;
}

.compact-page .text-links {
  gap: 8px 16px;
  margin-top: 10px;
}

.compact-page .text-links a {
  font-size: 10.5px;
}

.research-browser {
  min-width: 0;
}

.research-group-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}

.research-group-tabs button {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 38px;
  border: 0;
  padding: 5px 11px 9px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  background: transparent;
  color: #292824;
  cursor: pointer;
  font-size: 10.5px;
  font-weight: 720;
  text-align: left;
}

.research-group-tabs button::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 3px;
  background: var(--section-accent);
  content: "";
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 220ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.research-group-tabs button:hover::after,
.research-group-tabs button:focus-visible::after,
.research-group-tabs button[aria-selected="true"]::after {
  transform: scaleX(1);
}

.research-group-tabs button[aria-selected="true"] {
  color: var(--section-accent);
}

.research-group-tabs small {
  color: var(--muted);
  font-size: 9px;
}

.research-category {
  padding-top: 9px;
  animation: compact-panel-arrive 240ms cubic-bezier(0.18, 0.9, 0.24, 1) both;
}

.research-category__note {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.research-category__layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(28px, 3.5vw, 44px);
  align-items: start;
}

.research-entry-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}

.research-entry-tabs button {
  position: relative;
  min-width: 0;
  min-height: 31px;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 5px 7px 5px 10px;
  background: transparent;
  color: #292824;
  cursor: pointer;
  font-size: 9.5px;
  font-weight: 650;
  line-height: 1.18;
  text-align: left;
}

.research-entry-tabs button:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.research-entry-tabs button[aria-selected="true"] {
  color: var(--section-accent);
}

.research-detail .compact-copy__lead {
  margin-top: 10px;
}

.research-detail .fact-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
}

.compact-browser--stories {
  grid-template-columns: minmax(240px, 0.62fr) minmax(0, 1.38fr);
}

.compact-browser--stories .compact-nav__item {
  min-height: 68px;
}

.compact-browser--stories .compact-nav__item strong {
  font-family: var(--display);
  font-size: 17px;
  font-weight: 520;
}

.compact-browser--stories .compact-nav__item small {
  max-width: 34ch;
  white-space: normal;
}

.story-reader__panel header {
  padding-bottom: 11px;
  border-bottom: 1px solid var(--line);
}

.story-reader__teaser {
  max-width: 720px;
  margin: 8px 0 0;
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 680;
  line-height: 1.42;
}

.story-reader__pages {
  min-height: 116px;
  padding: 14px 0 10px;
}

.story-reader__pages p {
  max-width: 820px;
  margin: 0;
  color: #292824;
  font-family: var(--display);
  font-size: 15px;
  line-height: 1.48;
  animation: story-page-arrive 260ms cubic-bezier(0.18, 0.9, 0.24, 1) both;
}

.story-reader__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 9px;
  border-top: 1px solid var(--line);
}

.story-reader__controls > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}

.story-reader__controls > div {
  display: flex;
  gap: 6px;
}

.story-reader__controls button {
  display: grid;
  width: 32px;
  height: 32px;
  border: 1px solid var(--line-strong);
  padding: 0;
  place-items: center;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font-size: 16px;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.story-reader__controls button:hover:not(:disabled) {
  background: var(--ink);
  color: var(--ivory);
  transform: translateY(-1px);
}

.story-reader__controls button:disabled {
  cursor: default;
  opacity: 0.25;
}

@keyframes compact-panel-arrive {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes story-page-arrive {
  from { opacity: 0; transform: translateX(5px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (min-width: 821px) {
  body.compact-page {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }

  body.compact-page .page-topbar {
    position: relative;
    border-bottom: 0;
    background: transparent;
    backdrop-filter: none;
  }

  body.compact-page .page-topbar__inner {
    min-height: clamp(46px, 7vh, 54px);
  }

  body.compact-page .page-topbar .back-link {
    position: relative;
    top: 20px;
  }

  body.compact-page .page-topbar .back-link > span:last-child {
    position: relative;
    display: inline-block;
    transition: transform 260ms cubic-bezier(0.18, 0.9, 0.24, 1);
  }

  body.compact-page .page-topbar .back-link > span:last-child::after {
    position: absolute;
    right: 0;
    bottom: -7px;
    left: 0;
    height: 3px;
    background: var(--section-accent);
    content: "";
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 260ms cubic-bezier(0.18, 0.9, 0.24, 1);
  }

  body.compact-page .page-topbar .back-link:hover > span:last-child,
  body.compact-page .page-topbar .back-link:focus-visible > span:last-child {
    transform: translateY(-1px);
  }

  body.compact-page .page-topbar .back-link:hover > span:last-child::after,
  body.compact-page .page-topbar .back-link:focus-visible > span:last-child::after {
    transform: scaleX(1);
  }

  body.compact-page .page-main {
    display: grid;
    height: calc(100dvh - clamp(46px, 7vh, 54px));
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
    padding-top: clamp(14px, 2.8vh, 24px);
    padding-bottom: clamp(14px, 2.8vh, 24px);
  }

  body.compact-page .page-intro {
    grid-template-columns: 1fr;
    gap: clamp(12px, 2vh, 18px);
    align-items: start;
    padding-bottom: clamp(18px, 2.8vh, 24px);
  }

  body.compact-page .page-intro__note {
    width: 100%;
    max-width: 1040px;
    margin: 0;
    color: var(--ink);
    font-size: clamp(22px, 2.05vw, 28px);
    line-height: 1.24;
  }

  body[data-page="stories"] .page-intro {
    gap: 0;
    padding-bottom: clamp(16px, 2.4vh, 20px);
  }

  body[data-page="stories"] .page-intro__masthead {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(24px, 3.6vw, 48px);
    align-items: center;
  }

  body[data-page="stories"] .page-intro__masthead h1 {
    width: 100%;
  }

  body[data-page="stories"] .page-intro__subtitle {
    display: inline-flex;
    margin: 0;
    align-items: baseline;
    justify-self: end;
    color: var(--ink);
    font-size: clamp(56px, 6vw, 82px);
    line-height: 0.9;
    white-space: nowrap;
  }

  body[data-page="stories"] .page-intro__note {
    margin-top: clamp(5px, 0.9vh, 8px);
    font-size: clamp(17px, 1.5vw, 20px);
    font-weight: 500;
    line-height: 1.25;
  }

  body[data-page="about"] .about-heading-row {
    grid-template-columns: minmax(0, 592px) minmax(400px, 1fr);
    gap: clamp(12px, 1.8vw, 24px);
    justify-content: start;
  }

  body[data-page="about"] .about-heading-row h1 {
    width: 100%;
  }

  body.compact-page .page-content {
    display: flex;
    min-height: 0;
    align-items: center;
    padding-top: 0;
  }

  body.compact-page .about-compact,
  body.compact-page .compact-browser,
  body.compact-page .research-browser {
    max-height: 100%;
  }

  body.compact-page[data-page="about"] {
    height: auto;
    min-height: 100dvh;
    overflow-y: auto;
  }

  body.compact-page[data-page="about"] .page-main {
    display: block;
    height: auto;
    min-height: calc(100dvh - clamp(46px, 7vh, 54px));
    padding-top: clamp(28px, 5vh, 48px);
    padding-bottom: clamp(84px, 12vh, 120px);
  }

  body.compact-page[data-page="about"] .page-intro {
    padding-bottom: clamp(30px, 5vh, 46px);
  }

  body.compact-page[data-page="about"] .page-content {
    display: block;
    padding-top: clamp(46px, 7vh, 72px);
  }

  body.compact-page[data-page="about"] .about-compact {
    max-height: none;
  }
}

@media (max-width: 980px) {
  .about-body-doodle {
    display: none;
  }
}

@media (max-width: 820px) {
  .story-tiles {
    grid-template-columns: 1fr;
  }

  .about-compact,
  .compact-browser,
  .research-category__layout {
    grid-template-columns: 1fr;
  }

  .about-compact__offclock,
  .compact-detail-stack,
  .story-reader,
  .research-detail-stack {
    border-top: 1px solid var(--line);
    border-left: 0;
    padding-top: 28px;
    padding-left: 0;
  }

  .research-group-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .work-detail__grid {
    grid-template-columns: 1fr;
  }
}

/* Work and research: long-form editorial records. */
.editorial-page .page-intro__note {
  max-width: 900px;
}

.work-journal,
.research-ledger {
  width: 100%;
  color: var(--ink);
}

.work-journal__opening,
.research-ledger__opening {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(220px, 0.58fr);
  gap: clamp(44px, 7vw, 96px);
  align-items: end;
  padding-bottom: clamp(48px, 7vw, 76px);
}

.work-journal__opening > p:first-child,
.research-ledger__opening > p:first-child {
  max-width: 800px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(27px, 2.8vw, 37px);
  line-height: 1.24;
}

.work-journal__range {
  display: flex;
  margin: 0;
  flex-direction: column;
  gap: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.work-journal__range span {
  color: var(--ink);
  font-family: var(--display);
  font-size: 25px;
  font-weight: 400;
  text-transform: none;
}

.work-journal__chapters {
  border-bottom: 1px solid var(--line-strong);
}

.work-chapter {
  --chapter-accent: var(--pixel-gold);
  position: relative;
  display: grid;
  grid-template-columns: minmax(220px, 0.58fr) minmax(0, 1.42fr);
  gap: clamp(42px, 6vw, 82px);
  padding: clamp(52px, 7vw, 82px) 0 clamp(58px, 7vw, 86px);
  border-top: 1px solid var(--line-strong);
  opacity: 0;
  animation: editorial-row-arrive 560ms cubic-bezier(0.18, 0.9, 0.24, 1) calc(80ms + var(--chapter-order) * 70ms) forwards;
}

.work-chapter--blue { --chapter-accent: var(--pixel-blue); }
.work-chapter--red { --chapter-accent: var(--pixel-coral); }
.work-chapter--green { --chapter-accent: var(--pixel-green); }
.work-chapter--yellow { --chapter-accent: var(--pixel-gold); }
.work-chapter--purple { --chapter-accent: var(--pixel-rose); }

.work-chapter::before {
  position: absolute;
  top: -2px;
  left: 0;
  width: clamp(58px, 8vw, 94px);
  height: 4px;
  background: var(--chapter-accent);
  content: "";
  transform-origin: left;
  transition: width 360ms cubic-bezier(0.18, 0.9, 0.24, 1);
}

.work-chapter:hover::before {
  width: clamp(112px, 16vw, 184px);
}

.work-chapter__header {
  min-width: 0;
}

.work-chapter__coordinates {
  display: flex;
  min-height: 48px;
  margin-bottom: clamp(30px, 4vw, 50px);
  flex-direction: column;
  gap: 8px;
}

.work-chapter__coordinates time,
.work-chapter__coordinates span,
.work-chapter__identity > p,
.research-study__header p,
.research-study__header time,
.research-note > div > p,
.research-record__papers article > p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
  text-transform: uppercase;
}

.work-chapter__coordinates time {
  color: var(--ink);
}

.work-chapter__identity {
  position: relative;
  padding-top: 18px;
}

.work-chapter__identity::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background: var(--chapter-accent);
  box-shadow: 9px 0 0 color-mix(in srgb, var(--chapter-accent) 52%, var(--ivory)), 0 9px 0 color-mix(in srgb, var(--chapter-accent) 34%, var(--ivory));
  content: "";
}

.work-chapter__identity h2 {
  max-width: 330px;
  margin: 7px 0 0;
  font-family: var(--display);
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 400;
  line-height: 0.98;
}

.work-chapter__story {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.64fr);
  gap: clamp(26px, 4vw, 52px);
  align-content: start;
}

.work-chapter__lede {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(23px, 2.45vw, 31px);
  line-height: 1.3;
}

.work-chapter__signals {
  display: grid;
  margin: 3px 0 0;
  padding: 0;
  align-content: start;
  border-top: 1px solid var(--line);
  list-style: none;
}

.work-chapter__signals li {
  position: relative;
  margin: 0;
  padding: 15px 0 15px 20px;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  line-height: 1.48;
}

.work-chapter__signals li::before {
  position: absolute;
  top: 21px;
  left: 1px;
  width: 6px;
  height: 6px;
  background: var(--chapter-accent);
  content: "";
}

.work-chapter__conversation {
  grid-column: 1 / -1;
  max-width: 790px;
  margin: 7px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--chapter-accent);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.55;
}

.editorial-links {
  display: flex;
  grid-column: 1 / -1;
  gap: 12px 24px;
  align-items: center;
  flex-wrap: wrap;
}

.editorial-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 750;
}

.editorial-links a::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 2px;
  background: currentColor;
  content: "";
  transform: scaleX(0.28);
  transform-origin: left;
  transition: transform 220ms ease;
}

.editorial-links a:hover::after,
.editorial-links a:focus-visible::after {
  transform: scaleX(1);
}

.editorial-links a:focus-visible,
.research-systems__list a:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 6px;
}

.work-journal__closing {
  max-width: 700px;
  margin: clamp(70px, 10vw, 120px) 0 0 auto;
  font-family: var(--display);
  font-size: clamp(27px, 3vw, 39px);
  line-height: 1.22;
  text-align: right;
}

.research-ledger__scope {
  display: flex;
  gap: 11px 22px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.research-ledger__scope span {
  position: relative;
  color: var(--ink);
  font-size: 13px;
  font-weight: 750;
}

.research-ledger__scope span::after {
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 3px;
  background: var(--pixel-blue);
  content: "";
}

.research-ledger__scope span:nth-child(2)::after { background: var(--pixel-coral); }
.research-ledger__scope span:nth-child(3)::after { background: var(--pixel-green); }

.editorial-section-heading {
  display: grid;
  grid-template-columns: minmax(220px, 0.58fr) minmax(0, 1.42fr);
  gap: clamp(42px, 6vw, 82px);
  align-items: end;
  padding: clamp(52px, 7vw, 82px) 0 clamp(28px, 4vw, 42px);
  border-top: 1px solid var(--line-strong);
}

.editorial-section-heading h2,
.research-record > header h2,
.research-systems > header h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(35px, 4vw, 52px);
  font-weight: 400;
  line-height: 1;
}

.editorial-section-heading p,
.research-record > header p,
.research-systems > header p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.research-study {
  --study-accent: var(--pixel-blue);
  position: relative;
  display: grid;
  grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1.58fr);
  gap: clamp(32px, 5vw, 66px);
  padding: clamp(48px, 6vw, 72px) 0;
  border-top: 1px solid var(--line);
  opacity: 0;
  animation: editorial-row-arrive 540ms cubic-bezier(0.18, 0.9, 0.24, 1) calc(100ms + var(--study-order) * 70ms) forwards;
}

.research-study:nth-of-type(2) { --study-accent: var(--pixel-coral); }
.research-study:nth-of-type(3) { --study-accent: var(--pixel-green); }
.research-study:nth-of-type(4) { --study-accent: var(--pixel-gold); }
.research-study:nth-of-type(5) { --study-accent: var(--pixel-rose); }
.research-study:nth-of-type(6) { --study-accent: var(--pixel-sky); }

.research-study::before {
  position: absolute;
  top: -4px;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--study-accent);
  box-shadow: 10px 0 0 color-mix(in srgb, var(--study-accent) 52%, var(--ivory));
  content: "";
}

.research-study__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.research-study__header p {
  color: var(--ink);
}

.research-study__body {
  display: grid;
  grid-template-columns: minmax(260px, 1.04fr) minmax(280px, 0.96fr);
  gap: clamp(36px, 5vw, 70px);
}

.research-study__body h3 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(30px, 3.5vw, 46px);
  font-weight: 400;
  line-height: 1.08;
}

.research-study__answer {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.research-study__answer > p {
  margin: 0;
  font-size: 15px;
  line-height: 1.58;
}

.research-study__tension {
  padding-top: 17px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}

.research-study__tension span {
  color: var(--ink);
  font-weight: 750;
}

.editorial-links--research a::after,
.editorial-links--note a::after,
.editorial-links--paper a::after {
  background: var(--pixel-blue);
}

.research-shelf,
.research-record,
.research-systems {
  margin-top: clamp(76px, 10vw, 126px);
}

.research-shelf__rows {
  border-bottom: 1px solid var(--line-strong);
}

.research-note {
  display: grid;
  grid-template-columns: minmax(240px, 0.78fr) minmax(320px, 1.22fr) auto;
  gap: clamp(28px, 5vw, 62px);
  align-items: center;
  padding: 28px 0;
  border-top: 1px solid var(--line);
}

.research-note h3,
.research-record__papers h3 {
  margin: 7px 0 0;
  font-family: var(--display);
  font-size: 23px;
  font-weight: 400;
  line-height: 1.15;
}

.research-note > p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.research-note .editorial-links {
  grid-column: auto;
  justify-content: flex-end;
}

.research-record {
  display: grid;
  grid-template-columns: minmax(260px, 0.58fr) minmax(0, 1.42fr);
  gap: clamp(42px, 6vw, 82px);
  padding-top: clamp(50px, 7vw, 76px);
  border-top: 1px solid var(--line-strong);
}

.research-record > header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.research-record__papers {
  border-top: 1px solid var(--line);
}

.research-record__papers article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 30px;
  align-items: center;
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}

.research-record__papers article > p {
  grid-column: 1 / -1;
}

.research-record__papers .editorial-links {
  grid-column: auto;
}

.research-systems {
  display: grid;
  grid-template-columns: minmax(260px, 0.58fr) minmax(0, 1.42fr);
  gap: clamp(42px, 6vw, 82px);
  align-items: end;
  padding: clamp(52px, 7vw, 78px) 0 10px;
  border-top: 1px solid var(--line-strong);
}

.research-systems > header {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.research-systems__list {
  display: flex;
  gap: 17px 28px;
  align-items: center;
  flex-wrap: wrap;
}

.research-systems__list a,
.research-systems__list > span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  border-bottom: 3px solid var(--pixel-blue);
  padding-bottom: 5px;
  text-decoration: none;
  font-family: var(--display);
  font-size: clamp(21px, 2.25vw, 28px);
  line-height: 1;
  transition: border-color 180ms ease, transform 180ms ease;
}

.research-systems__list a:nth-child(3n + 2) { border-bottom-color: var(--pixel-coral); }
.research-systems__list a:nth-child(3n + 3) { border-bottom-color: var(--pixel-green); }

.research-systems__list a:hover {
  transform: translateY(-2px);
}

@keyframes editorial-row-arrive {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 821px) {
  body.compact-page.editorial-page {
    height: auto;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.compact-page.editorial-page .page-main {
    display: block;
    height: auto;
    min-height: calc(100dvh - clamp(46px, 7vh, 54px));
    padding-top: clamp(26px, 4.5vh, 46px);
    padding-bottom: clamp(92px, 12vh, 140px);
  }

  body.compact-page.editorial-page .page-intro {
    padding-bottom: clamp(34px, 5vh, 52px);
  }

  body.compact-page.editorial-page .page-content {
    display: block;
    padding-top: clamp(52px, 8vh, 82px);
  }
}

@media (max-width: 980px) {
  .work-chapter,
  .editorial-section-heading,
  .research-record,
  .research-systems {
    grid-template-columns: minmax(180px, 0.48fr) minmax(0, 1.52fr);
    gap: 34px;
  }

  .work-chapter__story,
  .research-study__body {
    grid-template-columns: 1fr;
  }

  .research-note {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .research-note .editorial-links {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 820px) {
  .work-journal__opening,
  .research-ledger__opening,
  .work-chapter,
  .editorial-section-heading,
  .research-study,
  .research-record,
  .research-systems {
    grid-template-columns: 1fr;
  }

  .work-chapter__coordinates {
    margin-bottom: 22px;
  }

  .work-chapter__story,
  .research-study__body,
  .research-note,
  .research-record__papers article {
    grid-template-columns: 1fr;
  }

  .research-ledger__scope {
    justify-content: flex-start;
  }

  .research-note .editorial-links,
  .research-record__papers .editorial-links {
    grid-column: 1;
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .work-chapter,
  .research-study {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

/* Formal editorial refinement for the professional and research records. */
.editorial-page .page-intro {
  border-bottom: 0;
}

.editorial-page .page-intro__note {
  max-width: 1020px;
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.58;
}

body.compact-page.editorial-page .page-intro__note {
  max-width: 1020px;
  margin: 0;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.58;
}

body.compact-page.editorial-page[data-page="work"] .page-intro,
body.compact-page.editorial-page[data-page="research"] .page-intro {
  padding-bottom: clamp(30px, 4.5vh, 46px);
  border-bottom: 1px solid var(--line-strong);
}

body.compact-page.editorial-page[data-page="work"] .page-intro__note,
body.compact-page.editorial-page[data-page="research"] .page-intro__note {
  max-width: 780px;
  font-family: var(--display);
  font-size: clamp(18px, 1.7vw, 21px);
  font-weight: 500;
  line-height: 1.32;
}

.work-resume {
  width: 100%;
  max-width: 1320px;
  color: var(--ink);
}

.work-resume__records {
  display: grid;
  gap: clamp(68px, 8vw, 112px);
}

.work-record {
  display: grid;
  grid-template-columns: minmax(280px, 0.38fr) minmax(0, 1fr);
  gap: clamp(56px, 7vw, 104px);
  align-items: start;
}

.work-record__header {
  min-width: 0;
}

.work-record__header h2 {
  max-width: 420px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(29px, 2.7vw, 35px);
  font-weight: 500;
  line-height: 1.13;
}

.work-record__header h2 a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: rgb(17 17 15 / 46%);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  transition: text-decoration-color 160ms ease;
}

.work-record__header h2 a:hover,
.work-record__header h2 a:focus-visible {
  text-decoration-color: var(--ink);
}

.work-record__header h2 a:focus-visible {
  outline: 1px solid var(--ink);
  outline-offset: 5px;
}

.work-record__role,
.work-record__dates {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
  font-family: var(--sans);
}

.work-record__role {
  margin-top: 12px;
  font-size: clamp(19px, 1.8vw, 23px);
  font-weight: 600;
  line-height: 1.35;
}

.work-record__context {
  margin: 8px 0 0;
  color: var(--muted);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: uppercase;
}

.work-record__dates {
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.work-record__description {
  display: grid;
  max-width: 860px;
  margin: 2px 0 0;
  padding-left: 20px;
  gap: 15px;
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.68;
}

.work-record__description li {
  padding-left: 4px;
}

.work-record__description li::marker {
  color: var(--ink);
  font-size: 0.72em;
}

.research-resume .work-record__role {
  font-size: clamp(16px, 1.55vw, 19px);
  font-weight: 500;
  line-height: 1.48;
}

.research-resume__group {
  margin-top: clamp(76px, 8.5vw, 112px);
}

.research-resume__group--first {
  margin-top: 0;
}

.research-resume__section-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(38px, 4.6vw, 58px);
  text-align: center;
}

.research-resume__section-heading h2 {
  position: relative;
  z-index: 0;
  width: fit-content;
  margin: 0;
  padding: 0 8px 2px;
  font-family: var(--display);
  font-size: clamp(30px, 3vw, 38px);
  font-weight: 500;
  isolation: isolate;
  line-height: 1.15;
}

.research-resume__section-heading h2::after {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 1px;
  left: 0;
  height: 10px;
  background: color-mix(in srgb, var(--section-highlight, var(--pixel-gold)) 58%, var(--ivory));
  content: "";
}

.research-resume__group--research { --section-highlight: var(--pixel-gold); }
.research-resume__group--projects { --section-highlight: var(--pixel-coral); }
.research-resume__group--notes { --section-highlight: var(--pixel-blue); }
.research-resume__group--published { --section-highlight: var(--pixel-green); }
.research-resume__group--systems { --section-highlight: var(--pixel-pink); }

.research-resume .research-record.research-resume__group,
.research-resume .research-systems.research-resume__group {
  margin-top: clamp(76px, 8.5vw, 112px);
}

.research-resume .work-resume__records {
  gap: clamp(46px, 5.6vw, 74px);
}

.research-resume .work-resume__records--notes {
  gap: clamp(36px, 4.2vw, 54px);
}

.work-record__description--prose {
  padding-left: 0;
  gap: 10px;
}

.work-record__description--prose p {
  margin: 0;
}

.work-record__description--prose p:first-child {
  font-weight: 520;
}

.work-record__description--projects {
  max-width: 900px;
  padding-left: 17px;
  gap: 12px;
  font-size: 15px;
  line-height: 1.62;
}

.research-resume__group--notes .work-record__description {
  max-width: 760px;
  padding-left: 15px;
  gap: 11px;
  font-size: 15px;
  line-height: 1.58;
}

.technical-note__body {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) minmax(205px, 270px);
  gap: clamp(30px, 3.6vw, 48px);
  align-items: start;
}

.technical-note__body .work-record__description {
  margin: 0;
}

.technical-note__document {
  --document-accent: var(--pixel-blue);
  display: grid;
  min-width: 0;
  grid-template-columns: 1fr auto;
  gap: 11px 18px;
  align-items: center;
  width: min(100%, 268px);
  justify-self: end;
  color: var(--ink);
  text-decoration: none;
}

.technical-note__document--landscape {
  --document-accent: var(--pixel-coral);
  width: min(100%, 286px);
}

.technical-note__document-meta {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
}

.technical-note__document-meta strong {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 6px;
  background: color-mix(in srgb, var(--document-accent) 68%, var(--ivory));
  color: var(--ink);
  font-size: 10px;
  font-weight: 800;
}

.technical-note__sheet {
  grid-column: 1 / -1;
  margin: 0;
  border: 1px solid rgb(17 17 15 / 26%);
  border-radius: 2px;
  background: #fff;
  box-shadow:
    6px 6px 0 color-mix(in srgb, var(--document-accent) 34%, var(--ivory)),
    0 10px 22px rgb(17 17 15 / 9%);
  overflow: hidden;
}

.technical-note__sheet img {
  display: block;
  width: 100%;
  height: auto;
}

.technical-note__document-link {
  grid-column: 2;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 750;
  text-decoration-line: underline;
  text-decoration-color: color-mix(in srgb, var(--document-accent) 72%, var(--ink));
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

.technical-note__document-link span {
  display: inline-block;
  margin-left: 5px;
  transition: transform 160ms ease;
}

.technical-note__document:hover .technical-note__document-link span,
.technical-note__document:focus-visible .technical-note__document-link span {
  transform: translate(2px, -2px);
}

.technical-note__document:focus-visible {
  outline: 1px solid var(--ink);
  outline-offset: 8px;
}

.work-journal__opening,
.research-ledger__opening {
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.24fr);
  gap: clamp(58px, 8vw, 112px);
  align-items: start;
  padding-bottom: clamp(64px, 8vw, 96px);
}

.work-journal__opening > p:first-child,
.research-ledger__opening-copy > p:first-child {
  max-width: 900px;
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.68;
}

.research-ledger__opening-copy > p {
  margin: 0;
}

.research-ledger__opening-copy > p + p {
  max-width: 920px;
  margin-top: 24px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
}

.work-journal__range {
  padding-top: 8px;
}

.work-journal__chapters,
.work-chapter,
.work-chapter__signals,
.work-chapter__signals li,
.editorial-section-heading,
.research-study,
.research-study__tension,
.research-shelf__rows,
.research-note,
.research-record,
.research-record__papers,
.research-record__papers article,
.research-systems {
  border: 0;
}

.work-chapter {
  grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr);
  gap: clamp(52px, 7vw, 94px);
  padding: clamp(52px, 6vw, 76px) 0;
}

.work-chapter + .work-chapter {
  margin-top: clamp(30px, 4vw, 52px);
}

.work-chapter::before,
.work-chapter__identity::before,
.work-chapter__signals li::before,
.research-study::before,
.research-ledger__scope span::after,
.editorial-links a::after {
  display: none;
}

.work-chapter__coordinates {
  min-height: 0;
  margin-bottom: 34px;
}

.work-chapter__identity {
  padding-top: 0;
}

.work-chapter__identity h2 {
  max-width: 360px;
  margin-top: 10px;
  font-size: clamp(30px, 3vw, 36px);
  font-weight: 500;
  line-height: 1.12;
}

.work-chapter__story {
  display: block;
  max-width: 880px;
}

.work-chapter__lede {
  max-width: 860px;
  font-family: var(--sans);
  font-size: 18px;
  line-height: 1.68;
}

.work-chapter__evidence {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 30px;
  margin-top: 34px;
  align-items: start;
}

.work-chapter__evidence > p,
.work-chapter__conversation > span:first-child,
.research-study__answer > p > span:first-child {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: uppercase;
}

.work-chapter__signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 36px;
  margin: 0;
  padding: 0 0 0 18px;
  list-style: disc;
}

.work-chapter__signals li {
  padding: 0;
  font-size: 14px;
  line-height: 1.58;
}

.work-chapter__signals li::marker {
  color: var(--ink);
}

.work-chapter__conversation {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 30px;
  max-width: 860px;
  margin: 28px 0 0;
  padding: 0;
  border-left: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.62;
}

.work-chapter__conversation > span:last-child {
  display: block;
}

.editorial-links {
  margin-top: 24px;
}

.editorial-links a {
  text-decoration: underline;
  text-decoration-color: rgb(17 17 15 / 42%);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.editorial-links a:hover,
.editorial-links a:focus-visible {
  text-decoration-color: var(--ink);
}

.work-journal__closing {
  max-width: 820px;
  margin-top: clamp(84px, 10vw, 130px);
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 500;
  line-height: 1.5;
}

.research-ledger__scope {
  display: flex;
  padding-top: 8px;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
}

.research-ledger__scope span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.editorial-section-heading {
  grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr);
  gap: clamp(52px, 7vw, 94px);
  padding: clamp(58px, 7vw, 88px) 0 clamp(38px, 5vw, 56px);
}

.editorial-section-heading h2,
.research-record > header h2,
.research-systems > header h2 {
  font-size: clamp(29px, 3vw, 36px);
  font-weight: 500;
  line-height: 1.14;
}

.editorial-section-heading p,
.research-record > header p,
.research-systems > header p {
  max-width: 780px;
  font-size: 15px;
  line-height: 1.68;
}

.research-study {
  grid-template-columns: minmax(155px, 0.22fr) minmax(0, 1fr);
  gap: clamp(46px, 6vw, 78px);
  padding: clamp(46px, 5vw, 64px) 0;
}

.research-study + .research-study {
  margin-top: clamp(18px, 2.5vw, 34px);
}

.research-study__body {
  display: block;
  max-width: 900px;
}

.research-study__body h3 {
  max-width: 900px;
  font-size: clamp(29px, 2.85vw, 35px);
  font-weight: 500;
  line-height: 1.28;
}

.research-study__answer {
  display: block;
  max-width: 880px;
  margin-top: 28px;
}

.research-study__answer > p {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 22px;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

.research-study__answer > p + p {
  margin-top: 16px;
}

.research-study__tension {
  padding-top: 0;
  color: var(--muted);
}

.research-study__tension > span:last-child,
.research-study__finding > span:last-child {
  display: block;
  font-weight: 400;
}

.research-study__tension > span:last-child {
  color: var(--muted);
}

.research-study .editorial-links {
  margin: 22px 0 0 106px;
}

.research-shelf,
.research-record,
.research-systems {
  margin-top: clamp(90px, 11vw, 142px);
}

.research-note {
  grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr) auto;
  gap: clamp(32px, 5vw, 66px);
  padding: 22px 0;
}

.research-note + .research-note {
  margin-top: 18px;
}

.research-note h3,
.research-record__papers h3 {
  font-size: 22px;
  line-height: 1.25;
}

.research-record,
.research-systems {
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: clamp(54px, 7vw, 96px);
  padding-top: 0;
}

.research-record__papers article {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 20px 0;
}

.research-record__papers article + article {
  margin-top: 16px;
}

.research-systems {
  align-items: start;
  padding-bottom: 10px;
}

.research-systems__list {
  gap: 18px 30px;
  align-items: flex-start;
}

.research-systems__list a,
.research-systems__list > span {
  border: 0;
  padding-bottom: 0;
  text-decoration: underline;
  text-decoration-color: rgb(17 17 15 / 34%);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  font-size: clamp(20px, 2vw, 25px);
}

.research-systems__list a:hover,
.research-systems__list a:focus-visible {
  text-decoration-color: var(--ink);
  transform: none;
}

.research-resume .research-record,
.research-resume .research-systems {
  display: block;
}

.research-resume .research-record > header,
.research-resume .research-systems > header {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 14px;
  margin-bottom: clamp(36px, 4.5vw, 54px);
  text-align: center;
}

.research-resume .research-record > header h2,
.research-resume .research-systems > header h2 {
  position: relative;
  z-index: 0;
  width: fit-content;
  margin: 0;
  padding: 0 8px 2px;
  font-family: var(--display);
  isolation: isolate;
}

.research-resume .research-record > header h2::after,
.research-resume .research-systems > header h2::after {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 1px;
  left: 0;
  height: 10px;
  background: color-mix(in srgb, var(--section-highlight) 58%, var(--ivory));
  content: "";
}

.research-resume .research-record > header p {
  max-width: 620px;
  margin: 0;
  text-align: center;
}

.research-resume .research-record__papers {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
}

.research-resume .research-systems__list {
  display: grid;
  width: min(100%, 1080px);
  gap: clamp(24px, 2.8vw, 34px);
  margin: 0 auto;
  text-align: left;
}

.research-resume .research-system,
.research-resume .research-systems__list .research-system {
  display: grid;
  grid-template-columns: minmax(132px, 180px) minmax(0, 1fr);
  gap: clamp(16px, 2vw, 28px);
  align-items: baseline;
  padding: 0 clamp(6px, 1vw, 12px);
}

.research-resume .research-system__name {
  display: inline;
  width: fit-content;
  border: 0;
  padding: 0;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(19px, 1.75vw, 23px);
  line-height: 1.08;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--section-highlight) 68%, transparent);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: text-decoration-color 160ms ease;
}

.research-system__summary {
  color: var(--muted);
  font-size: clamp(13px, 1.15vw, 15px);
  line-height: 1.45;
}

.research-resume a.research-system__name:hover,
.research-resume a.research-system__name:focus-visible {
  text-decoration-color: var(--ink);
}

.research-resume a.research-system__name:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 5px;
}

@media (min-width: 821px) and (max-width: 980px) {
  .work-journal__opening,
  .research-ledger__opening,
  .work-chapter,
  .editorial-section-heading,
  .research-study,
  .research-record,
  .research-systems {
    grid-template-columns: minmax(160px, 0.26fr) minmax(0, 1fr);
    gap: 42px;
  }

  .work-chapter__evidence,
  .work-chapter__conversation {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 24px;
  }
}

@media (max-width: 820px) {
  .work-record {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .technical-note__body {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .technical-note__document {
    width: min(100%, 330px);
    justify-self: center;
  }

  .technical-note__document--landscape {
    width: min(100%, 420px);
  }

  .research-resume__section-heading {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 38px;
  }

  .research-resume .work-resume__records {
    gap: 54px;
  }

  .work-resume__records {
    gap: 72px;
  }

  .work-journal__opening,
  .research-ledger__opening,
  .work-chapter,
  .editorial-section-heading,
  .research-study,
  .research-record,
  .research-systems {
    grid-template-columns: 1fr;
  }

  .work-chapter__evidence,
  .work-chapter__conversation,
  .research-study__answer > p {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .work-chapter__signals {
    grid-template-columns: 1fr;
  }

  .research-study .editorial-links {
    margin-left: 0;
  }

}

@media (max-width: 620px) {
  .technical-note__body {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .technical-note__document {
    width: min(100%, 330px);
    justify-self: center;
  }

  .technical-note__document--landscape {
    width: 100%;
  }

  .research-resume .research-system,
  .research-resume .research-systems__list .research-system {
    grid-template-columns: 1fr;
    gap: 7px;
  }
}

@media (min-width: 981px) {
  .research-system__summary {
    white-space: nowrap;
  }
}

/* Keep the short statements beneath pixel headings on one shared scale. */
body.compact-page.editorial-page[data-page="work"] .page-intro__note,
body.compact-page.editorial-page[data-page="research"] .page-intro__note,
body.compact-page[data-page="stories"] .page-intro__note {
  font-size: clamp(25px, 2.45vw, 33px);
  line-height: 1.28;
}

@media (min-width: 821px) {
  body.compact-page.editorial-page[data-page="work"] .page-intro__note,
  body.compact-page.editorial-page[data-page="research"] .page-intro__note,
  body.compact-page[data-page="stories"] .page-intro__note {
    font-size: clamp(23px, 2.15vw, 29px);
    line-height: 1.24;
  }
}

/* Mobile, keyboard, no-script, and safe-area hardening. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body[data-page="about"] { --section-accent: #a83b49; }
body[data-page="stories"] { --section-accent: #983956; }

a,
button {
  touch-action: manipulation;
}

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

.skip-link {
  position: fixed;
  top: max(10px, env(safe-area-inset-top));
  left: max(10px, env(safe-area-inset-left));
  z-index: 1000;
  padding: 10px 14px;
  border: 2px solid var(--ink);
  background: var(--ivory);
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transform: translateY(calc(-100% - 24px));
  transition: transform 160ms ease;
}

.skip-link:focus {
  outline: 2px solid var(--section-accent);
  outline-offset: 2px;
  transform: translateY(0);
}

.page-topbar__inner,
.page-main,
.story-entry-main {
  padding-right: max(var(--gutter), env(safe-area-inset-right));
  padding-left: max(var(--gutter), env(safe-area-inset-left));
}

.back-link {
  min-height: 44px;
}

.agent-readable {
  width: min(100%, 820px);
  margin: 0 auto;
  color: #292824;
}

.agent-readable > section,
.agent-readable > article {
  margin-top: 38px;
}

.agent-readable h2,
.agent-readable h3 {
  margin: 0 0 12px;
  color: var(--ink);
  font-family: var(--display);
  font-weight: 500;
  line-height: 1.14;
}

.agent-readable h2 { font-size: 30px; }
.agent-readable h3 { font-size: 24px; }
.agent-readable p,
.agent-readable li,
.agent-readable dt,
.agent-readable dd {
  overflow-wrap: anywhere;
  font-size: 16px;
  line-height: 1.62;
}

.agent-readable dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.agent-readable dd { margin: 0; font-weight: 700; }

.work-record__header h3 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(29px, 2.7vw, 35px);
  font-weight: 500;
  line-height: 1.08;
}

.work-record__header h3 a {
  text-decoration-color: color-mix(in srgb, var(--record-color) 68%, transparent);
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

.work-record__header h3 a:hover,
.work-record__header h3 a:focus-visible {
  text-decoration-color: var(--ink);
}

.work-record__header h3 a:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 5px;
}

html.decorative-motion-settled .page-mural-doodle *,
html.decorative-motion-settled .story-tile__motion,
html.decorative-motion-settled .story-margin-doodle,
html.decorative-motion-settled .about-story-doodle__icon {
  animation-play-state: paused !important;
}

@media (max-width: 820px) {
  .page-main,
  .story-entry-main {
    padding-bottom: max(88px, calc(64px + env(safe-area-inset-bottom)));
  }

  .page-intro h1 {
    font-size: 64px;
  }

  .about-heading-row,
  .about-photo-deck,
  .about-story,
  .about-story__chapter,
  .about-story__prose,
  .about-story__prose p,
  .about-story__ledger,
  .about-story__ending {
    min-width: 0;
    max-width: 100%;
  }

  .about-photo-deck {
    width: min(100%, 400px);
    height: auto;
    min-height: 148px;
    grid-template-columns: minmax(0, 1.42fr) repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .about-photo-card,
  .about-photo-card--night {
    width: 100%;
    height: auto;
    aspect-ratio: 110 / 148;
  }

  .about-photo-card--night {
    aspect-ratio: 156 / 174;
  }

  .about-story__prose--stage p,
  .about-story__prose--stage p:first-child,
  .about-story__prose--stage p:nth-child(2),
  .about-story__prose--stage p:nth-child(3),
  .about-story__prose--stage p:nth-child(4),
  .about-story__prose--stage p:nth-child(5),
  .about-story__prose--stage p:nth-child(6),
  .about-story__prose--questions p,
  .about-story__prose--questions p:first-child,
  .about-story__prose--questions p:nth-child(2),
  .about-story__prose--questions p:last-child {
    width: auto;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .about-story__freedom {
    width: 100%;
  }

  .about-story__freedom li {
    max-width: 100% !important;
  }

  .about-story__ending-line--1 {
    margin-left: 0;
  }

  .about-story__signature {
    margin-top: 64px;
  }

  .research-systems__list a,
  .research-system__name,
  .editorial-links a,
  .button-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .investing-thesis__term {
    min-height: 44px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .investing-partner {
    min-height: 44px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .story-tile__teaser,
  .work-record__description,
  .work-record__description--prose p,
  .research-system__summary {
    font-size: 16px;
  }

  .story-tile__reading-time {
    font-size: 12.5px;
  }

  .work-record__dates,
  .work-record__context,
  .technical-note__document-meta {
    font-size: 13px;
  }

  .work-record__header,
  .work-record__description,
  .research-system,
  .story-tile__copy {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 980px) and (pointer: coarse) {
  .research-systems__list a,
  .research-system__name,
  .editorial-links a,
  .button-link,
  .investing-thesis__term,
  .investing-partner {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .investing-thesis__term,
  .investing-partner {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (max-width: 560px) {
  .page-intro h1 {
    font-size: 56px;
  }

  .page-intro__note,
  body.compact-page.editorial-page[data-page="work"] .page-intro__note,
  body.compact-page.editorial-page[data-page="research"] .page-intro__note,
  body.compact-page[data-page="stories"] .page-intro__note {
    font-size: 20px;
  }

  .story-entry__header h1,
  .story-entry-missing h1 {
    font-size: 48px;
  }

  .story-entry__sequence {
    margin-right: 0;
    margin-left: 0;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .story-entry__sequence p {
    text-align: left;
  }

  .story-entry__sequence p::before {
    display: inline-block;
    margin: 0 10px 2px 0;
  }

  .story-entry__pullquote {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 360px) {
  .page-intro h1 {
    font-size: 48px;
  }

  .story-entry__header h1,
  .story-entry-missing h1 {
    font-size: 42px;
  }
}