.mi-brand-mark {
  display: block;
  flex: none;
  width: 44px;
  height: 40px;
  padding: 3px;
  box-sizing: border-box;
  border-radius: 6px;
}
.mi-logo-home {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
.mi-brand-wordmark {
  font-family: 'Saira', sans-serif;
  font-weight: 300;
  letter-spacing: -.028em;
}
.mi-brand-wordmark__word { white-space: nowrap; }
.mi-brand-wordmark__accent { color: #bef264; }
.mi-brand-mark.mi-brand-mark--initial {
  display: inline-block;
  width: 1.060477972em;
  height: 1.025097480em;
  margin-inline-end: .072em;
  padding: 0;
  border-radius: 0;
  background: none;
  vertical-align: baseline;
}
.mi-brand-wordmark__accessible-name {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* Print the monochrome mark directly on the cream editorial navigation. */
[data-page="about"] .mi-brand-mark,
[data-page="research"] > nav .mi-brand-mark {
  background: none;
  border-radius: 0;
}
[data-page="research"] > nav .mi-brand-mark .m-body,
[data-page="research"] > nav .mi-brand-mark .note,
[data-page="about"] > nav .mi-brand-mark .m-body,
[data-page="about"] > nav .mi-brand-mark .note { fill: #111; }
[data-page="research"]:has(.reader-dark) > nav .mi-brand-mark .m-body,
[data-page="research"]:has(.reader-dark) > nav .mi-brand-mark .note { fill: #e1e5dc; }
[data-navigation] > .research-static-nav > a.mi-static-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
}
[data-navigation] > .research-static-nav > a.mi-static-brand > span { display: inline; }
@media (max-width: 760px) {
  [data-navigation] > .research-static-nav > a.mi-static-brand > span { display: none; }
}

/* A brief plucked-note signature; decorative layers never change the hit area. */
[data-navigation] > nav :is(.mi-logo-home, .mi-static-brand) {
  position: relative;
  isolation: isolate;
  --mi-logo-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-10.559999999999988%20722.670289%20698.56%22%3E%3Cg%20class%3D%22m-body%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M8.382031%20688V174.0H59.036719389344086L249.676962%20621.903184V688H232.728689L53.862031%20267.758478H49.862031V688Z%22%2F%3E%3Cpath%20transform%3D%22matrix%28-1%200%200%201%20499.353923%200%29%22%20d%3D%22M49.862031%20174.0H59.036719389344086L249.676962%20621.903184V688H232.728689L53.862031%20267.758478H49.862031Z%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22note%22%20fill%3D%22white%22%3E%3Crect%20class%3D%22note-stem%22%20x%3D%22471.491892%22%20y%3D%22174.0%22%20width%3D%2241.480000000000004%22%20height%3D%22514.0%22%2F%3E%3Cpath%20class%3D%22note-head%22%20transform%3D%22matrix%280.64%200%200%20-0.64%20471.491892%2069.44000000000001%29%22%20d%3D%22M97%20-125C186%20-125%20295%20-43%20295%2042C295%2093%20255%20125%20198%20125C88%20125%200%2044%200%20-42C0%20-94%2043%20-125%2097%20-125Z%22%2F%3E%3Cpath%20class%3D%22note-flag%22%20transform%3D%22matrix%281.85%200%200%20-1.85%20508.971892%20688.0%29%22%20d%3D%22M0%200C6%2023%2019%2045%2039%2062C63%2082%2095%2091%20106%20118C119%20147%20105%20167%2082%20178C95%20158%20100%20144%2095%20127C89%20105%2062%2094%2039%2079C23%2069%2012%2058%200%2051Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
[data-navigation] > nav :is(.mi-logo-home, .mi-static-brand) .mi-brand-mark {
  overflow: visible;
  transform-origin: 50% 65%;
  transition: transform 240ms cubic-bezier(.2,.8,.2,1);
}
[data-navigation] > nav :is(.mi-logo-home, .mi-static-brand) .note {
  transform-box: view-box;
  transform-origin: 68% 98%;
}
[data-navigation] > nav :is(.mi-logo-home, .mi-static-brand)::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 44px;
  height: 40px;
  margin-top: -20px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(110deg, transparent 38%, rgb(255 255 255 / .92) 50%, transparent 62%);
  background-size: 280% 100%;
  background-position: 100% 0;
  -webkit-mask: var(--mi-logo-mask) center / 38px 34px no-repeat;
  mask: var(--mi-logo-mask) center / 38px 34px no-repeat;
}
[data-navigation]:not([data-page="home"]) > nav :is(.mi-logo-home, .mi-static-brand)::before {
  content: '';
  position: absolute;
  left: -16px;
  top: 50%;
  width: 13px;
  height: 13px;
  margin-top: -6.5px;
  pointer-events: none;
  color: var(--navigation-ink);
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 12H4m7-7-7 7 7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 12H4m7-7-7 7 7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0;
  transform: translateX(5px);
  transition: opacity 180ms ease, transform 240ms cubic-bezier(.2,.8,.2,1);
}
[data-navigation] > nav :is(.mi-logo-home, .mi-static-brand):focus-visible::before {
  opacity: 1;
  transform: translateX(0);
}
@media (hover: hover) and (pointer: fine) {
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand):hover::before {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand):is(:hover, :focus-visible) .mi-brand-mark {
    transform: translateY(-1px) scale(1.055);
  }
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand):is(:hover, :focus-visible) .note {
    animation: mi-brand-pluck 1120ms cubic-bezier(.22,.65,.25,1) both;
  }
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand):is(:hover, :focus-visible)::after {
    animation: mi-brand-glint 620ms 560ms cubic-bezier(.4,0,.6,1) both;
  }
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand):is(:hover, :focus-visible)::before {
    animation: mi-brand-home-cue 1000ms cubic-bezier(.2,.8,.2,1) both;
  }
}
@keyframes mi-brand-pluck {
  0%, 100% { transform: rotate(0deg); }
  22% { transform: rotate(9deg); }
  46% { transform: rotate(-3.5deg); }
  68% { transform: rotate(1.3deg); }
  84% { transform: rotate(-.4deg); }
}
@keyframes mi-brand-glint {
  0% { background-position: 100% 0; opacity: 0; }
  20%, 75% { opacity: .85; }
  100% { background-position: 0% 0; opacity: 0; }
}
@keyframes mi-brand-home-cue {
  0% { transform: translateX(5px); }
  45% { transform: translateX(-2px); }
  70% { transform: translateX(1px); }
  100% { transform: translateX(0); }
}
@media (max-width: 760px) {
  [data-navigation]:not([data-page="home"]) > nav :is(.mi-logo-home, .mi-static-brand)::before {
    left: -9px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}
[data-navigation="mobile"]:not([data-page="home"]) > nav .mi-logo-home::before {
  left: -9px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}
@media (prefers-reduced-motion: reduce) {
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand) .mi-brand-mark,
  [data-navigation][data-page] > nav :is(.mi-logo-home, .mi-static-brand)::before { transition: none; }
}
@media (forced-colors: active) {
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand)::after { display: none; }
  [data-navigation] > nav :is(.mi-logo-home, .mi-static-brand)::before { background: LinkText; }
}

.about-hero h1 span{display:block;width:fit-content;max-width:100%;box-sizing:border-box;color:#3c5c36;background:none;border:0;border-radius:0;padding:0;margin-top:.18em}