@keyframes v4-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}
.mast {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 40;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--s3) var(--s4);
  pointer-events: none;
  mix-blend-mode: difference;
  color: var(--white);
}
.mast__brand {
  display: block;
  height: 25px;
  width: auto;
  filter: brightness(0) invert(1);
}
.mast__home {
  display: block;
  pointer-events: auto;
  line-height: 0;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.mast__meta {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.foot {
  display: flex;
  justify-content: space-between;
  gap: var(--s3);
  flex-wrap: wrap;
  padding: var(--s5) var(--s4);
  background: var(--black);
  color: var(--grey-2);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.spine {
  position: fixed;
  left: min(3.3333vw, 48px);
  top: min(8.4722vw, 122px);
  bottom: auto;
  height: min(42.9861vw, 619px);
  z-index: 30;
  display: block;
  width: var(--rail);
  opacity: 0.42;
  transition: opacity 0.3s var(--ease);
}
.spine.is-live { opacity: 0.8; }
.spine.is-open { opacity: 1; }
.spine__end {
  position: absolute;
  left: 0;
  font-size: 0.625rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--grey-3);
  transition: color 0.3s var(--ease);
}
.spine__end:first-child { bottom: calc(100% + 14px); }
.spine__end:last-child { top: calc(100% + 14px); }
.spine.is-open .spine__end { color: var(--grey-1); }
.spine__line {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--grey-3);
}
.spine__marker {
  position: absolute;
  left: -2px;
  width: 5px;
  height: min(2.7083vw, 39px);
  top: var(--y, 0px);
  background: var(--black);
  transition: top 0.18s var(--ease);
}
.spine--dark .spine__line { background: var(--grey-1); }
.spine--dark .spine__marker { background: var(--white); }
.spine__rail {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.spine__seg {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 0 0 var(--s2);
  text-align: left;
}
.spine__seg .spine__bar { display: none; }
.spine__bar {
  display: block;
  width: 2px;
  height: 34px;
  background: var(--grey-3);
  flex: 0 0 auto;
  transition: width 0.24s var(--ease), background 0.3s var(--ease);
}
.spine.is-open .spine__bar,
.spine.is-live .spine__bar { width: 3px; }
.spine__fill {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--grey-1);
  transform-origin: top;
  transform: scaleY(0);
}
.spine__seg.is-at .spine__fill { background: var(--yellow); }
.spine__label {
  font-size: 0.625rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--grey-2);
  max-width: calc(var(--rail) - 22px);
  line-height: 1.3;
  opacity: 0;
  transform: translateX(-4px);
  pointer-events: none;
  transition: opacity 0.24s var(--ease), transform 0.24s var(--ease), color 0.24s var(--ease);
}
.spine.is-open .spine__label { opacity: 1; transform: none; pointer-events: auto; }
.spine.is-open .spine__seg.is-at .spine__label { color: var(--black); }
.spine.is-open .spine__seg:hover .spine__label { color: var(--black); }
.spine--dark .spine__end { color: var(--grey-1); }
.spine--dark.is-open .spine__end { color: var(--grey-2); }
.spine--dark .spine__bar { background: var(--grey-1); }
.spine--dark .spine__fill { background: var(--grey-3); }
.spine--dark .spine__seg.is-at .spine__fill { background: var(--yellow); }
.spine--dark .spine__label { color: var(--grey-1); }
.spine--dark.is-open .spine__seg.is-at .spine__label,
.spine--dark.is-open .spine__seg:hover .spine__label { color: var(--white); }
.station {
  position: relative;
  padding: var(--s8) var(--gutter-h) var(--s8) var(--gutter);
}
.station > * {
  max-width: var(--measure-wide);
  margin-inline: auto;
}
.station--dark {
  background: var(--black);
  color: var(--white);
}
.station__head {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(3 * min(5.4097vw, 77.9px));
  margin-bottom: calc(var(--s6) - 23px);
}
#change .station__head,
#position .station__head { margin-bottom: var(--s6); }
.station__head:has(.lead),
.station__head:has(.eyebrow),
.station__head:has(.sdg__eyebrow) { margin-bottom: var(--s6); }
.eyebrow {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  max-width: 52ch;
  margin-bottom: var(--s3);
  line-height: 1.42;
}
.station--dark .eyebrow { color: var(--grey-2); }
.claim {
  font-size: var(--t-huge);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -0.035em;
  max-width: 100%;
}
.lead {
  margin-top: var(--s3);
  font-size: var(--t-lead);
  line-height: 1.42;
  max-width: 85%;
  color: var(--grey-1);
}
.station--dark .lead { color: var(--grey-2); }
.note__mark {
  color: var(--grey-1);
  padding-left: 2px;
}
.note--fn { font-size: var(--t-tiny); }
.note {
  margin-top: var(--s4);
  font-size: var(--t-small);
  color: var(--grey-1);
  max-width: 56ch;
}
.sign {
  margin-top: var(--s5);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.conclusion {
  margin-top: var(--s6);
  font-size: var(--t-big);
  line-height: 1.3;
  max-width: 44ch;
}
.big {
  display: block;
  font-size: var(--t-mega);
  font-weight: 400;
  line-height: 0.86;
  letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums;
}
.station--open {
  background: var(--black);
  color: var(--white);
  padding: 0;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
.open__film {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
.station--open > .open__film,
.station--open > .open__veil { max-width: none; margin-inline: 0; }
.open__inner {
  position: relative;
  z-index: 1;
  padding: var(--s5) var(--gutter-h) var(--s5) var(--gutter);
}
.open__title { font-weight: 400; margin: 0; }
.open__word {
  display: block;
  font-size: var(--t-mega);
  line-height: 0.8;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}
.open__year {
  display: block;
  font-size: var(--t-mega);
  line-height: 0.85;
  letter-spacing: -0.05em;
  color: var(--yellow);
}
.open__lead {
  margin: var(--s6) auto 0;
  max-width: 42ch;
  font-size: var(--t-lead);
  line-height: 1.45;
  color: var(--white);
}
.station.station--letter { padding-bottom: calc(var(--s8) * 1.2); }
.station--letter {
  padding-top: calc(var(--s8) * 1.4);
  padding-bottom: calc(var(--s8) * 1.2);
}
.letter__body {
  max-width: 46rem;
  margin-inline: auto;
  text-align: center;
}
.letter__p {
  font-size: var(--t-lead);
  line-height: 1.5;
}
.letter__p + .letter__p { margin-top: var(--s4); }
.letter__sign {
  margin-top: var(--s5);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.letter__field {
  position: fixed;
  inset: 0;
  z-index: 60;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
}
.letter__field.is-on { visibility: visible; }
.letter__clip {
  position: absolute;
  top: 0;
  z-index: 1;
  transform: translate3d(0, 100vh, 0) rotate(var(--rot));
  will-change: transform;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22);
}
.letter__clip--top { z-index: 2; }
.letter__signname { visibility: hidden; }
.elems {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s5);
}
.elem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.elem__mark {
  height: 46px;
  display: flex;
  align-items: center;
  margin-bottom: var(--s4);
}
.elem__logo { max-height: 46px; max-width: 190px; width: auto; object-fit: contain; }
.elem__part + .elem__part { margin-top: var(--s3); }
.elem__partname {
  font-size: var(--t-tiny);
  font-weight: 400;
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  padding-bottom: var(--s1);
  border-bottom: 1px solid var(--grey-3);
}
.elem__text {
  margin-top: var(--s2);
  font-size: var(--t-small);
  line-height: 1.45;
  max-width: 30ch;
}
.elem__read {
  margin-top: var(--s4);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  opacity: 0;
  transition: opacity 0.22s var(--ease);
}
.elem:hover .elem__read,
.elem:focus-within .elem__read { opacity: 1; }
.elem__arrow { transition: transform 0.2s var(--ease); }
.elem__read:hover .elem__arrow { transform: translateY(3px); }
@media (hover: none) { .elem__read { opacity: 1; } }
.scale { margin-top: var(--s4); }
.scale { --scale-figure: 250px; }
.scale__row {
  display: grid;
  grid-template-columns: var(--scale-figure) minmax(0, 1fr);
  align-items: center;
  gap: var(--s4);
}
.scale__figure { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.scale__num {
  font-size: var(--t-huge);
  line-height: 0.84;
  white-space: nowrap;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.scale__unit {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.scale__track {
  height: 0.72em;
  font-size: var(--t-huge);
  background: var(--grey-3);
}
.scale__fill {
  height: 100%;
  width: 0;
  background: var(--black);
}
.scale__fill--ours { background: var(--yellow); }
.scale__caption {
  margin: var(--s2) 0 var(--s6);
  margin-left: calc(var(--scale-figure) + var(--s4));
  font-size: var(--t-small);
  color: var(--grey-1);
  max-width: 64ch;
}
.scale__row--ours + .scale__caption { margin-bottom: 0; }
.barriers { margin-top: var(--s7); }
.barriers__intro {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  margin-bottom: var(--s4);
}
.barriers__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s5);
}
.barrier__n {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  color: var(--grey-2);
}
.barrier__title {
  margin-top: var(--s1);
  font-size: var(--t-lead);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.barrier__more {
  margin-top: var(--s3);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.28s var(--ease), transform 0.28s var(--ease);
}
.barrier:hover .barrier__more,
.barrier:focus .barrier__more,
.barrier:focus-within .barrier__more { opacity: 1; transform: none; }
.barrier__quote p {
  font-size: var(--t-small);
  line-height: 1.42;
}
.barrier__source {
  display: block;
  margin-top: 6px;
  font-size: var(--t-tiny);
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--grey-1);
}
.barrier__q { margin-top: var(--s5); }
.barrier__means {
  margin-top: var(--s2);
  padding-left: var(--s2);
  border-left: 2px solid var(--yellow);
  font-size: var(--t-small);
  line-height: 1.42;
}
.shares {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s7);
}
.share__name {
  font-size: var(--t-tiny);
  font-weight: 400;
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.share__figure {
  margin-top: var(--s3);
  display: flex;
  align-items: baseline;
  gap: var(--s2);
  flex-wrap: wrap;
}
.share__read {
  font-size: var(--t-huge);
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.share__of { font-size: var(--t-small); color: var(--grey-1); }
.share__track {
  position: relative;
  height: 10px;
  margin-top: var(--s3);
  background: var(--grey-3);
}
.share__fill { height: 100%; width: 0; background: var(--black); }
.share__was {
  position: absolute;
  top: -6px;
  bottom: -6px;
  width: 1px;
  background: var(--grey-1);
}
.share__waslabel {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  white-space: nowrap;
  font-size: var(--t-tiny);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--grey-1);
}
.share__now {
  margin-top: var(--s5);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.share__more {
  margin-top: var(--s3);
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.26s var(--ease), transform 0.26s var(--ease);
}
.share:hover .share__more,
.share:focus-within .share__more { opacity: 1; transform: none; }
.share__means { font-size: var(--t-small); line-height: 1.42; max-width: 38ch; }
.share__source {
  display: block;
  margin-top: 6px;
  font-size: var(--t-tiny);
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--grey-1);
}
.station--quote {
  min-height: 88svh;
  display: flex;
  align-items: center;
}
.poster { max-width: 62rem; margin: 0 auto; text-align: center; }
.poster__open {
  font-size: var(--t-huge);
  line-height: 1.05;
  letter-spacing: -0.035em;
}
.poster__rest {
  max-width: 68ch;
  margin: var(--s4) auto 0;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.32s var(--ease), transform 0.32s var(--ease);
}
.poster.is-in .poster__rest { opacity: 1; transform: none; }
.poster__rest p {
  font-size: var(--t-body);
  line-height: 1.42;
  color: var(--grey-2);
}
.poster__rest p + p { margin-top: var(--s2); }
.poster__who {
  margin-top: var(--s5);
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.poster__name,
.poster__role {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.poster__role { color: var(--grey-2); }
.steps {
  display: grid;
  grid-template-columns: minmax(200px, 0.8fr) minmax(0, 2fr);
  gap: var(--s6);
  align-items: start;
}
.steps__tabs { display: flex; flex-direction: column; }
.steps__tab {
  display: flex;
  align-items: baseline;
  gap: var(--s2);
  padding: var(--s2) 0;
  text-align: left;
  color: var(--grey-2);
  transition: color 0.2s var(--ease);
}
.steps__tab:hover { color: var(--grey-1); }
.steps__tab.is-on { color: var(--black); }
.steps__n {
  font-size: var(--t-big);
  line-height: 0.9;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.steps__label {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.steps__panel { animation: v4-in 0.4s var(--ease-out); }
.steps__title {
  font-size: var(--t-big);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.steps__body {
  margin-top: var(--s3);
  font-size: var(--t-lead);
  line-height: 1.42;
  max-width: 46ch;
}
.steps__items {
  margin-top: var(--s4);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--s1) var(--s3);
}
.steps__item {
  position: relative;
  padding-left: var(--s2);
  font-size: var(--t-small);
  color: var(--grey-1);
}
.steps__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 5px;
  height: 5px;
  background: var(--yellow);
}
.chain__track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--s2);
}
.chain__link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--s3) var(--s2) var(--s2);
  text-align: left;
  color: var(--grey-1);
  transition: background 0.24s var(--ease), color 0.24s var(--ease);
}
.chain__link:hover { color: var(--black); }
.chain__link.is-on { background: var(--black); color: var(--white); }
.chain__label {
  font-size: var(--t-lead);
  line-height: 1.1;
  letter-spacing: -0.015em;
}
.chain__grip {
  font-size: var(--t-tiny);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.72;
}
.chain__bar {
  display: block;
  height: 3px;
  margin-top: var(--s2);
  background: var(--grey-3);
}
.chain__link.is-on .chain__bar { background: rgba(255, 255, 255, 0.24); }
.chain__hold {
  display: block;
  height: 100%;
  width: 0;
  background: var(--black);
}
.chain__link.is-on .chain__hold { background: var(--yellow); }
.chain__panel { margin-top: var(--s4); animation: v4-in 0.4s var(--ease-out); }
.chain__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: var(--s2) var(--s4);
}
.chain__item {
  padding-left: var(--s2);
  border-left: 2px solid var(--yellow);
  font-size: var(--t-small);
  line-height: 1.42;
}
.port__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
}
.port.is-reading .port__grid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  padding-bottom: min(52vh, 560px);
}
.port__tile {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--black);
  display: block;
  will-change: transform;
}
.port.is-reading .port__tile { opacity: 0.55; transition: opacity 0.24s var(--ease); }
.port.is-reading .port__tile:hover { opacity: 1; }
.port.is-reading .port__tile.is-open {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(52vh, 560px);
  aspect-ratio: auto;
  opacity: 1;
  grid-column: auto;
  z-index: 1;
}
.port__grid { position: relative; }
.port__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.45s var(--ease), transform 0.6s var(--ease);
}
.port__tile:hover .port__img { opacity: 0.28; }
.port__tile.is-open .port__img { opacity: 1; }
.port__logo {
  position: absolute;
  left: 14%;
  right: 14%;
  top: 50%;
  translate: 0 -50%;
  width: 72%;
  max-height: 44%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.82;
  transition: opacity 0.3s var(--ease), left 0.42s var(--ease),
              right 0.42s var(--ease), top 0.42s var(--ease),
              width 0.42s var(--ease), max-height 0.42s var(--ease),
              translate 0.42s var(--ease);
  pointer-events: none;
}
.port__tile:hover .port__logo { opacity: 1; }
.port__logo.is-onstage {
  left: var(--s3);
  right: auto;
  top: var(--s3);
  translate: 0 0;
  width: 132px;
  max-height: 44px;
  object-fit: contain;
  object-position: left top;
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 1px 10px rgba(0, 0, 0, 0.85));
}
.port__name {
  position: absolute;
  left: var(--s2);
  bottom: var(--s2);
  z-index: 2;
  color: var(--white);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.24s var(--ease), transform 0.24s var(--ease);
  text-shadow: 0 0 4px rgba(0,0,0,0.95), 0 1px 14px rgba(0,0,0,0.85);
}
.port__tile:hover .port__name,
.port__tile:focus-visible .port__name { opacity: 1; transform: none; }
.port.is-reading .port__tile.is-open .port__name { display: none; }
.port.is-reading .port__tile:not(.is-open) .port__logo { width: 68%; max-height: 40%; }
.prof {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: var(--s5) var(--s6);
  margin-top: var(--s5);
  padding-top: var(--s4);
  animation: v4-in 0.42s var(--ease-out);
}
.prof__field {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
}
.prof__name {
  margin-top: var(--s1);
  font-size: var(--t-big);
  font-weight: 400;
  letter-spacing: -0.025em;
}
.prof__line { margin-top: var(--s2); color: var(--grey-2); max-width: 36ch; }
.prof__figure {
  display: block;
  font-size: var(--t-huge);
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.prof__figure--none { color: var(--grey-1); }
.prof__unit {
  display: block;
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.prof__note { margin-top: var(--s2); font-size: var(--t-small); color: var(--grey-2); max-width: 32ch; }
.prof__partname {
  font-size: var(--t-tiny);
  font-weight: 400;
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
  padding-bottom: var(--s1);
}
.prof__body {
  margin-top: 12px;
  font-size: var(--t-small);
  line-height: 1.5;
  max-width: 52ch;
}
.prof__simply { margin-top: 7px; } 
.prof__simplysum {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  cursor: pointer;
  list-style: none;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}
.prof__simplysum::-webkit-details-marker { display: none; }
.prof__simplysum::marker { content: ""; }
.prof__simplysum::after { content: "+"; }
.prof__simplysum.is-on::after { content: "\2212"; }
.prof__simplysum {
  border-bottom: 2px dotted currentColor;
  padding: 0 0.12em 3px;
  transition: background 0.2s var(--ease), color 0.2s var(--ease),
              border-color 0.2s var(--ease);
}
.prof__simplysum:hover,
.prof__simplysum:focus-visible,
.prof__simplysum.is-on {
  background: var(--white);
  color: var(--black);
  border-bottom-color: transparent;
}
.prof__simplybody {
  margin-top: var(--s3);
  padding-left: var(--s2);
  font-size: var(--t-small);
  line-height: 1.5;
  max-width: 50ch;
}
.prof__close {
  grid-column: 1 / -1;
  justify-self: start;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
  padding: 6px 0;
}
.prof__close:hover { color: var(--white); }
.result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: var(--s6);
  align-items: end;
}
.result__label {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.result__note {
  margin-top: var(--s2);
  font-size: var(--t-small);
  color: var(--grey-1);
  max-width: 40ch;
}
.result__totals { display: flex; gap: var(--s4); margin-top: var(--s4); }
.result__year { display: block; font-size: var(--t-tiny); letter-spacing: 0.12em; color: var(--grey-1); }
.result__total { display: block; font-size: var(--t-big); font-variant-numeric: tabular-nums; }
.rev__cols {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 5px;
  align-items: end;
  height: 210px;
}
.rev__col { display: grid; grid-template-rows: auto 1fr auto; height: 100%; gap: 5px; }
.rev__v { font-size: var(--t-tiny); color: var(--grey-1); text-align: center; font-variant-numeric: tabular-nums; }
.rev__track { display: flex; align-items: flex-end; }
.rev__fill {
  width: 100%;
  background: var(--black);
  transition: height 1.05s var(--ease-out);
}
.rev__fill--open { background: transparent; border: 1px dashed var(--grey-1); }
.rev__q { font-size: var(--t-tiny); color: var(--grey-1); text-align: center; }
.rev__years {
  display: grid;
  grid-template-columns: repeat(var(--n), minmax(0, 1fr));
  gap: 5px;
  margin-top: 6px;
}
.rev__year {
  grid-column: span var(--span);
  padding-top: 6px;
  border-top: 1px solid var(--black);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.targets { margin-top: var(--s7); }
.esg {
  margin-top: var(--s7);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s5);
}
.esg__v {
  display: block;
  font-size: var(--t-huge);
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.esg__l {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.people {
  margin-top: var(--s7);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  gap: var(--s6);
  align-items: start;
}
.gap__caption {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  margin-bottom: var(--s3);
}
.gap { display: flex; flex-direction: column; gap: var(--s3); }
.gap__row {
  display: grid;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--s3);
}
.gap__name { font-size: var(--t-small); color: var(--grey-1); }
.gap__track { height: 8px; background: var(--grey-3); }
.gap__fill { height: 100%; width: 0; background: var(--grey-2); transition: width 1.05s var(--ease-out); }
.gap__fill--ours { background: var(--black); }
.gap__v { font-size: var(--t-small); font-variant-numeric: tabular-nums; min-width: 3ch; text-align: right; }
.funds {
  margin-top: var(--s7);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s5);
}
.fund__v {
  display: block;
  font-size: var(--t-huge);
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.fund__l {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.fund__n { display: block; margin-top: 4px; font-size: var(--t-small); color: var(--grey-1); }
@media (max-width: 1080px) {
  .shares, .result, .people { grid-template-columns: 1fr; gap: var(--s6); }
  .steps { grid-template-columns: 1fr; gap: var(--s4); }
  .chain__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .port__card { grid-template-columns: 1fr; gap: var(--s4); }
}
@media (max-width: 1200px) and (min-width: 861px) {
  :root {
    --gutter: max(116px, clamp(56px, calc(56px + (100vw - 861px) * 0.425), 200px));
    --rail: clamp(84px, calc((100vw - 861px) * 0.39), 132px);
  }
  .spine { left: 20px; }
  .spine__label {
    font-size: 0.5rem;
    letter-spacing: 0.1em;
    max-width: calc(var(--rail) - 22px);
  }
}
@media (max-width: 860px) {
  .pnew__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :root { --rail: 0px; --gutter: var(--s3); }
  :root { --stationtopp: calc(var(--s7) / 1.4); }
  .station { padding-block: var(--s7); }
  .lead { max-width: none; }
  .spine {
    left: 0; right: 0; top: auto; bottom: 0;
    width: auto; height: 3px;
    display: flex;
    flex-direction: row;
    gap: 0;
    opacity: 1;
  }
  .spine__end, .spine__label { display: none; }
  .spine__line { display: block; left: 0; top: 0; width: 100%; height: 1px; }
  .spine__rail { position: relative; inset: auto; flex: 1 1 auto; flex-direction: row; gap: 0; }
  .spine__seg { flex: 1 1 auto; padding: 0; }
  .spine__seg .spine__bar { display: none; }
  .spine__marker {
    left: var(--x, 0px);
    top: 0;
    width: min(14vw, 64px);
    height: 3px;
    transition: left 0.18s var(--ease);
  }
  .elems, .barriers__list, .esg, .funds { grid-template-columns: 1fr; gap: var(--s4); }
  .port__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scale { --scale-figure: 0px; }
  .scale__row { grid-template-columns: 1fr; gap: var(--s2); }
  .scale__caption { margin-left: 0; }
  .mast { padding: var(--s2) var(--s3); gap: var(--s2); }
  .mast__meta { display: none; }
  .foot { padding: var(--s4) var(--s3); }
}
@media (max-width: 860px) {
  .station--letter.has-runway { padding-bottom: 90svh; }
  .letter__clip { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28); }
  .station.kick--led { padding-bottom: 83svh; }
}
@media (max-width: 860px) {
  .barrier__more, .share__more, .port__name {
    opacity: 1;
    transform: none;
  }
}
.map {
  display: grid;
  grid-template-columns: repeat(var(--cells), minmax(0, 1fr));
  gap: 2px;
  margin-top: var(--s5);
}
.map__group {
  grid-column: span var(--span);
  display: flex;
  flex-direction: column;
}
.map__head {
  min-height: 168px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: var(--s2);
  border-bottom: 1px solid var(--black);
  margin-bottom: 2px;
  container-type: inline-size;
}
.map__sdg {
  display: block;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.map__name {
  margin-top: 6px;
  font-size: var(--t-small);
  font-weight: 400;
  line-height: 1.25;
  overflow-wrap: anywhere;
  hyphens: auto;
}
@container (max-width: 120px) {
  .map__name { font-size: var(--t-tiny); line-height: 1.3; }
  .map__sdg, .map__count { font-size: 0.5625rem; letter-spacing: 0.08em; }
}
.map__count {
  display: block;
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  letter-spacing: 0.1em;
  color: var(--grey-1);
  font-variant-numeric: tabular-nums;
}
.map__cells {
  display: grid;
  grid-template-columns: repeat(var(--span, 1), minmax(0, 1fr));
  gap: 2px;
  flex: 1;
}
.map__cell {
  position: relative;
  min-height: 210px;
  padding: var(--s2);
  background: var(--fill, var(--grey-3));
  color: var(--black);
  display: grid;
  grid-template-columns: 1.1em minmax(0, 1fr);
  gap: var(--s1);
  align-items: center;
  transition: filter 0.24s var(--ease), opacity 0.24s var(--ease);
}
.map__cell { color: var(--ink, var(--black)); }
.map:has(.map__cell:hover) .map__cell:not(:hover),
.map:has(.map__cell:focus-within) .map__cell:not(:focus-within) {
  filter: saturate(0.25);
  opacity: 0.55;
}
.map__field {
  writing-mode: vertical-rl;
  rotate: 180deg;
  justify-self: start;
  align-self: end;
  font-size: var(--t-tiny);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.75;
  white-space: nowrap;
}
.map__logo {
  width: 100%;
  max-height: 76px;
  object-fit: contain;
  filter: brightness(0);
  opacity: 0.92;
  transition: opacity 0.24s var(--ease);
}
.map__cell:hover .map__logo,
.map__cell:focus-within .map__logo { opacity: 1; }
.map__more {
  position: absolute;
  inset: var(--s2) var(--s2) var(--s2) calc(1.1em + var(--s2) + var(--s1));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: var(--fill, var(--grey-3));
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.26s var(--ease), transform 0.26s var(--ease);
  pointer-events: none;
}
.map__cell:hover .map__more,
.map__cell:focus-within .map__more { pointer-events: auto; }
.map__cell:hover .map__more,
.map__cell:focus-within .map__more { opacity: 1; transform: none; }
.map__cname {
  display: block;
  font-size: var(--t-small);
  font-weight: 500;
  line-height: 1.15;
  margin-bottom: 6px;
}
.map__line {
  font-size: var(--t-tiny);
  line-height: 1.4;
  margin-bottom: var(--s1);
}
.map__read {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: inherit;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
}
.map__arrow { transition: transform 0.2s var(--ease); }
.map__read:hover .map__arrow { transform: translateY(3px); }
@media (hover: none) {
  .map__cell { align-items: start; }
  .map__more {
    position: static;
    grid-column: 2;
    background: none;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
  .map__logo { max-height: 56px; }
}
@media (max-width: 1080px) {
  .map { grid-template-columns: 1fr; gap: var(--s4); }
  .map__group { grid-column: auto; }
  .map__cells { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .map__cell { min-height: 104px; }
}
.vers { position: relative; }
.vers__control {
  position: relative;
  z-index: 30;
  --near: 0;
  opacity: var(--near);
  transition: opacity 0.28s var(--ease);
}
.vers__control.is-open,
.vers__control:hover,
.vers__control:focus-within { opacity: 1; }
@media (hover: none) {
  .vers__control { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .vers__control { transition: none; }
}
.vers__trigger {
  display: flex;
  align-items: center;
  gap: var(--s1);
  padding: 7px 11px;
  background: var(--yellow);
  color: var(--black);
  font-size: 0.625rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.vers__caret { transition: transform 0.18s var(--ease); }
.vers__control.is-open .vers__caret { transform: rotate(180deg); }
.vers__menu {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  min-width: 230px;
  display: none;
  flex-direction: column;
  background: var(--yellow);
  padding: 4px;
  gap: 2px;
}
.vers__control.is-open .vers__menu {
  display: flex;
  animation: v4-in 0.18s var(--ease-out);
}
.vers__item {
  display: grid;
  grid-template-columns: 14px auto;
  align-items: baseline;
  gap: 2px var(--s1);
  padding: 7px 8px;
  text-align: left;
  color: var(--black);
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vers__item:hover { background: rgba(0, 0, 0, 0.08); }
.vers__item.is-on { background: var(--black); color: var(--yellow); }
.vers__item.is-on .vers__tick::before { content: "●"; }
.vers__tick::before { content: "○"; opacity: 0.45; }
.vers__item.is-on .vers__tick::before { opacity: 1; }
.vers__itemname { font-weight: 500; }
.vers__itemlabel {
  grid-column: 2;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.6875rem;
  opacity: 0.7;
}
.vers__item.is-on .vers__itemlabel { opacity: 0.85; }
@media (max-width: 1080px) {
  .vers__menu { min-width: min(230px, 80vw); }
}
.far {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--s3);
  margin-top: var(--s5);
}
.far__head {
  padding-bottom: var(--s2);
  border-bottom: 1px solid var(--black);
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
}
.far__col--entry .far__head { border-bottom: 3px solid var(--yellow); }
.far__step {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  color: var(--grey-2);
  font-variant-numeric: tabular-nums;
}
.far__stage {
  font-size: var(--t-lead);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.015em;
}
.far__note { font-size: var(--t-tiny); color: var(--grey-1); line-height: 1.4; }
.far__count {
  font-size: var(--t-tiny);
  letter-spacing: 0.1em;
  color: var(--grey-1);
  font-variant-numeric: tabular-nums;
}
.far__cards { display: flex; flex-direction: column; gap: 2px; margin-top: 2px; }
.far__card {
  background: var(--grey-3);
  padding: var(--s2);
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: background 0.22s var(--ease), color 0.22s var(--ease);
}
.far__card:hover,
.far__card:focus-within { background: var(--black); color: var(--white); }
.far__field {
  font-size: var(--t-tiny);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.7;
}
.far__name { font-size: var(--t-lead); line-height: 1.15; letter-spacing: -0.015em; }
.far__evidence {
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  line-height: 1.4;
}
.far__read {
  align-self: flex-start;
  margin-top: var(--s2);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: inherit;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  opacity: 0;
  transition: opacity 0.2s var(--ease);
}
.far__card:hover .far__read,
.far__card:focus-within .far__read { opacity: 1; }
.far__arrow { transition: transform 0.2s var(--ease); }
.far__read:hover .far__arrow { transform: translateY(3px); }
@media (hover: none) { .far__read { opacity: 1; } }
@media (max-width: 1080px) {
  .far { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .far__head { min-height: 0; }
}
@media (max-width: 620px) {
  .far { grid-template-columns: 1fr; gap: var(--s4); }
}
.kick {
  min-height: 48svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--s7);
  padding-bottom: var(--s7);
  text-align: center;
}
.kick__inner { max-width: 68rem; }
.kick__text {
  font-size: var(--t-tiny);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  line-height: 1.9;
  color: var(--black);
}
.station--dark.kick .kick__text { color: var(--grey-2); }
.station--dark.kick.is-lit .kick__text { color: var(--black); }
.kick.is-dim .kick__text { color: var(--grey-2); }
@media (max-width: 860px) {
  .kick { min-height: 46svh; padding-top: var(--s6); padding-bottom: var(--s6); }
  .kick__text { letter-spacing: 0.16em; }
}
.tw__quote {
  font-style: italic;
  font-size: var(--t-small);
  line-height: 1.5;
}
.tw__c { visibility: hidden; }
.tw__source {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--grey-1);
  opacity: 0;
  transition: opacity 0.3s var(--ease);
}
.tw__source.is-in { opacity: 1; }
.station--dark .tw__source { color: var(--grey-2); }
.venn { margin: var(--s4) 0 0; }
#fit .station__head { margin-bottom: var(--s4); }
.venn__svg {
  width: 100%;
  max-width: 620px;
  height: auto;
  margin-inline: auto;
  display: block;
}
.venn__circle {
  fill: none;
  stroke: var(--black);
  stroke-width: 2;
}
.venn__centre {
  fill: var(--yellow);
  opacity: 0;
  transition: opacity 0.5s var(--ease);
}
.venn.is-done .venn__centre { opacity: 1; }
.venn__label {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  fill: var(--black);
}
.venn__nametext {
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  fill: var(--black);
}
.venn__name { opacity: 0; transition: opacity 0.4s var(--ease) 0.15s; }
.venn.is-done .venn__name { opacity: 1; }
.venn__ring { transition: opacity 0.24s var(--ease); }
.venn:hover .venn__ring { opacity: 0.28; }
.venn__ring:hover { opacity: 1; }
.venn.is-playing .venn__circle {
  stroke-dasharray: 1037;
  stroke-dashoffset: 1037;
  animation: venn-draw 900ms var(--ease-out) forwards;
}
.venn.is-playing .venn__ring { animation: v4-in 400ms var(--ease-out) both; }
@keyframes venn-draw {
  to { stroke-dashoffset: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .venn.is-playing .venn__circle { animation: none; stroke-dashoffset: 0; }
}
.share__claim {
  margin-top: var(--s2);
  font-size: var(--t-lead);
  line-height: 1.42;
  max-width: 40ch;
}
.share__figuretext {
  margin-top: var(--s3);
  font-size: var(--t-small);
  line-height: 1.45;
  color: var(--grey-1);
  max-width: 40ch;
}
.duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s7);
  margin-top: var(--s6);
}
.duo__name {
  font-size: var(--t-tiny);
  font-weight: 400;
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.duo__figure {
  margin-top: var(--s3);
  display: flex;
  align-items: baseline;
  gap: var(--s2);
  flex-wrap: wrap;
}
.duo__value {
  font-size: var(--t-huge);
  line-height: 0.88;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.duo__of { font-size: var(--t-small); color: var(--grey-1); }
.duo__track {
  height: 10px;
  margin-top: var(--s3);
  background: var(--grey-3);
}
.duo__fill { display: block; height: 100%; background: var(--black); }
.duo__col--right .duo__fill { background: var(--yellow); }
.duo__means {
  margin-top: var(--s4);
  font-size: var(--t-small);
  line-height: 1.45;
  max-width: 42ch;
}
.duo__source {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--grey-1);
}
.scrub {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--s3);
  margin-top: var(--s6);
}
.scrub__end {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.scrub__control { position: relative; }
.scrub__input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 26px;
  background: none;
  cursor: ew-resize;
  display: block;
}
.scrub__input::-webkit-slider-runnable-track {
  height: 2px;
  background: var(--grey-2);
}
.scrub__input::-moz-range-track {
  height: 2px;
  background: var(--grey-2);
}
.scrub__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -8px;
  border-radius: 50%;
  background: var(--black);
  border: 3px solid var(--yellow);
}
.scrub__input::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 3px solid var(--yellow);
  border-radius: 50%;
  background: var(--black);
}
.scrub__input:focus-visible { outline: 2px solid var(--black); outline-offset: 4px; }
.scrub__now {
  display: block;
  margin-top: 6px;
  text-align: center;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
@media (max-width: 1080px) {
  .duo { grid-template-columns: 1fr; gap: var(--s6); }
}
[data-version$="V3"] .scrub {
  margin-top: var(--s5);
  margin-bottom: var(--s3);
}
[data-version$="V3"] .duo { margin-top: var(--s5); }
.fit {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: var(--s5);
  align-items: center;
  margin-top: var(--s4);
}
.venn--live { margin: 0; }
.venn--live .venn__label { opacity: 0; transition: opacity 0.4s var(--ease); }
.venn--live.is-lettered .venn__label { opacity: 1; }
.venn--live .venn__area--ours { opacity: 0; }
.venn--live.is-answered .venn__area--ours { opacity: 1; }
.venn--live.is-answered .venn__region.is-on .venn__area { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .venn--live .venn__label,
  .venn--live .venn__area--ours { opacity: 1; transition: none; }
}
.venn__svg--live { max-width: none; }
.venn__area {
  fill: var(--grey-3);
  opacity: 0;
  transition: opacity 0.22s var(--ease);
  cursor: pointer;
}
.venn__region:hover .venn__area { opacity: 0.45; }
.venn__region.is-on .venn__area { opacity: 1; }
.venn__area--ours { fill: var(--yellow); opacity: 1; }
.venn__region.is-on .venn__area--ours { opacity: 1; }
.venn__region:focus { outline: none; }
.venn__region:focus-visible { outline: 2px solid var(--black); outline-offset: 2px; }
.fit__panel {
  border-top: 2px solid var(--black);
  padding-top: var(--s3);
  min-height: 330px;
}
.fit__panel.is-ours { border-top-color: var(--yellow); }
.fit__of {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.fit__who {
  margin-top: var(--s2);
  font-size: var(--t-big);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.025em;
}
.fit__what {
  margin-top: var(--s3);
  font-size: var(--t-small);
  line-height: 1.5;
  max-width: 40ch;
}
.cmp__wrap { margin-top: var(--s7); }
.cmp__cap {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  margin-bottom: var(--s3);
}
.cmp {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.cmp th,
.cmp td {
  padding: var(--s2) var(--s3) var(--s2) 0;
  border-bottom: 1px solid var(--grey-3);
  font-weight: 400;
  font-size: var(--t-small);
  vertical-align: baseline;
}
.cmp thead th {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  border-bottom-color: var(--black);
}
.cmp tbody th { color: var(--grey-1); width: 34%; }
.cmp__ours { border-bottom-color: var(--yellow) !important; }
.cmp thead .cmp__ours { color: var(--black); }
@media (max-width: 1080px) {
  .fit { grid-template-columns: 1fr; gap: var(--s4); }
  .cmp th, .cmp td { font-size: var(--t-tiny); padding-right: var(--s2); }
}
.pv2__row {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 2px;
}
.pv2__mark {
  position: relative;
  aspect-ratio: 1 / 1;
  display: block;
  background: var(--black);
  border: 1px solid var(--grey-1);
  cursor: pointer;
  transition: background 0.22s var(--ease), border-color 0.22s var(--ease);
}
.pv2__marklogo {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  translate: 0 -50%;
  width: 76%;
  max-height: 52%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: filter 0.22s var(--ease);
  pointer-events: none;
}
.pv2__mark:hover,
.pv2__mark:focus-visible,
.pv2__mark.is-open {
  background: var(--white);
  border-color: var(--white);
}
.pv2__mark:hover .pv2__marklogo,
.pv2__mark:focus-visible .pv2__marklogo,
.pv2__mark.is-open .pv2__marklogo { filter: brightness(0); }
.pv2__open { animation: v4-in 0.42s var(--ease-out); }
.pv2__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--s5);
  align-items: center;
  margin-top: var(--s4);
}
.pv2__shot {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--black);
}
.pv2__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pv2__id .prof__name { font-size: var(--t-big); }
.pv2__id .prof__line { max-width: 32ch; }
.pv2__sign { display: flex; align-items: flex-start; }
.pv2__signlogo {
  width: min(200px, 60%);
  max-height: 72px;
  object-fit: contain;
  object-position: left top;
  filter: brightness(0) invert(1);
}
@media (max-width: 860px) {
  .pv2__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pv2__hero { grid-template-columns: 1fr; gap: var(--s4); }
  .pv2__shot { aspect-ratio: 3 / 2; }
  .pv2__signlogo { width: min(160px, 55%); max-height: 56px; }
}
.pv3__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
}
.pv3.is-reading .pv3__grid { grid-template-columns: repeat(10, minmax(0, 1fr)); }
.pv3.is-reading .pv3__tile,
.pv3.is-reading .pv3__back { aspect-ratio: 4 / 5; }
.pv3.is-reading .pv3__logo { width: 84%; max-height: 56%; left: 8%; right: 8%; }
.pv3.is-reading .pv3__glyph { width: 46%; height: 46%; }
.pv3__tile {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--black);
  display: block;
  will-change: transform;
}
.pv3__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.45s var(--ease);
}
.pv3__tile:hover .pv3__img,
.pv3__tile:focus-visible .pv3__img { opacity: 0.3; }
.pv3__logo {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  translate: 0 -50%;
  width: 76%;
  max-height: 46%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.85;
  transition: opacity 0.28s var(--ease), filter 0.22s var(--ease);
  pointer-events: none;
}
.pv3__tile:hover .pv3__logo,
.pv3__tile:focus-visible .pv3__logo { opacity: 1; }
.pv3.is-reading .pv3__img { opacity: 0; }
.pv3.is-reading .pv3__tile { transition: background 0.22s var(--ease); }
.pv3.is-reading .pv3__tile:hover,
.pv3.is-reading .pv3__tile:focus-visible,
.pv3.is-reading .pv3__tile.is-open { background: var(--white); }
.pv3.is-reading .pv3__tile:hover .pv3__logo,
.pv3.is-reading .pv3__tile:focus-visible .pv3__logo,
.pv3.is-reading .pv3__tile.is-open .pv3__logo {
  filter: brightness(0);
  opacity: 1;
}
.pv3__back {
  display: none;
  position: relative;
  aspect-ratio: 1 / 1;
  background: var(--black);
  cursor: pointer;
  transition: background 0.22s var(--ease);
}
.pv3.is-reading .pv3__back { display: grid; place-items: center; }
.pv3__back:hover, .pv3__back:focus-visible { background: var(--white); }
.pv3__glyph { width: 40%; height: 40%; fill: var(--white); transition: fill 0.22s var(--ease); }
.pv3__back:hover .pv3__glyph, .pv3__back:focus-visible .pv3__glyph { fill: var(--black); }
.pv3__hero {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 2px;
  margin-top: 2px;
  aspect-ratio: 21 / 9;
  max-height: 460px;
  animation: v4-in 0.42s var(--ease-out);
}
.pv3__shot { position: relative; overflow: hidden; background: var(--black); }
.pv3__heroimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pv3__id {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--s3) 0 var(--s3) var(--s3);
  background: var(--black);
  container-type: inline-size;
}
.pv3__id .prof__name {
  margin-top: var(--s1);
  font-size: clamp(1.5rem, 13cqw, 2.6rem);
  line-height: 1.02;
  letter-spacing: -0.02em;
}
.pv3__id .prof__line {
  margin-top: var(--s2);
  font-size: var(--t-small);
  line-height: 1.4;
  max-width: none;
}
.pv3__prof { margin-top: var(--s5); }
.pv3__sign { display: flex; align-items: flex-start; }
.pv3__signlogo {
  width: min(200px, 60%);
  max-height: 72px;
  object-fit: contain;
  object-position: left top;
  filter: brightness(0) invert(1);
}
@media (max-width: 860px) {
  .pv3.is-reading .pv3__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pv3.is-reading .pv3__tile,
  .pv3.is-reading .pv3__back { aspect-ratio: 1 / 1; }
  .pv3__hero { grid-template-columns: 1fr; aspect-ratio: auto; max-height: none; }
  .pv3__shot { aspect-ratio: 3 / 2; }
  .pv3__id { padding: var(--s3); }
  .pv3__id .prof__name { font-size: var(--t-lead); }
  .pv3__signlogo { width: min(160px, 55%); max-height: 56px; }
}
.vw__marks {
  display: flex;
  justify-content: flex-end;
  gap: var(--s1);
  margin-bottom: var(--s3);
}
.vw__mark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--grey-1);
  cursor: pointer;
  transition: color 0.18s var(--ease), background 0.18s var(--ease);
}
.vw__mark:hover,
.vw__mark:focus-visible { color: var(--black); }
.vw__mark.is-on { color: var(--black); }
.vw__mark.is-on::after {
  content: "";
  position: absolute;
  margin-top: 30px;
  width: 30px;
  height: 2px;
  background: var(--black);
}
.vw__mark { position: relative; }
.vw__glyph { width: 16px; height: 16px; display: block; }
.vw__stage { min-height: 360px; }
.vw__ringwrap { display: grid; place-items: center; }
.vw__svg--ring { width: 100%; max-width: 400px; }
.vw__ringtotal {
  font-size: 62px;
  font-weight: 400;
  letter-spacing: -0.03em;
  fill: var(--black);
  dominant-baseline: alphabetic;
}
.vw__ringcap {
  font-size: 10px;
  letter-spacing: 0.22em;
  fill: var(--grey-1);
}
.vw__arcpct {
  font-size: 13px;
  letter-spacing: 0.04em;
  fill: var(--white);
}
.vw__legend {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--s4);
  margin-top: var(--s5);
  padding-top: var(--s3);
  border-top: 1px solid var(--grey-3);
}
.vw__legenditem { display: flex; flex-direction: column; gap: 6px; }
.vw__swatch { width: 14px; height: 14px; display: inline-block; flex: none; }
.vw__legendgoal {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.vw__legendname { font-size: var(--t-small); line-height: 1.35; }
.vw__legendn {
  font-size: var(--t-small);
  color: var(--grey-1);
  font-variant-numeric: tabular-nums;
}
.vw__legendfirms {
  margin-top: 2px;
  font-size: var(--t-tiny);
  line-height: 1.5;
  color: var(--grey-2);
}
.vw__bars { display: flex; flex-direction: column; gap: var(--s3); }
.vw__bar {
  display: grid;
  grid-template-columns: minmax(0, 30ch) minmax(0, 1fr) 9ch;
  gap: var(--s3);
  align-items: center;
  font-size: var(--t-small);
}
.vw__bartrack { display: block; height: 22px; background: var(--grey-3); }
.vw__barfill { display: block; height: 100%; width: var(--w); }
.vw__barn { text-align: right; font-variant-numeric: tabular-nums; color: var(--grey-1); white-space: nowrap; }
@keyframes vw-grow {
  from { width: 0; }
  to { width: var(--w); }
}
.vw__table tbody th { width: auto; color: var(--black); }
.vw__table tbody th span:last-child { margin-left: var(--s2); }
.vw__table .vw__total th,
.vw__table .vw__total td { border-bottom: none; color: var(--grey-1); }
@media (max-width: 1080px) {
  .vw__legend { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3) var(--s4); }
}
@media (max-width: 860px) {
  .vw__legend { grid-template-columns: 1fr; }
  .vw__bar { grid-template-columns: 1fr; gap: var(--s1); }
  .vw__barn { text-align: left; }
  .vw__stage { min-height: 0; }
}
.tocframe {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: var(--s6);
  align-items: start;
  margin-bottom: var(--s6);
}
.tocframe__lines { display: flex; flex-direction: column; gap: var(--s3); }
.tocframe__line {
  display: grid;
  grid-template-columns: 13ch minmax(0, 1fr);
  gap: var(--s3);
  padding-bottom: var(--s3);
  border-bottom: 1px solid var(--grey-3);
}
.tocframe__label {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.tocframe__text { font-size: var(--t-small); line-height: 1.5; }
.tocframe__def {
  font-size: var(--t-small);
  line-height: 1.5;
  color: var(--grey-1);
  padding-left: var(--s3);
  border-left: 2px solid var(--grey-3);
}
.toc2 { display: flex; flex-direction: column; }
.toc2__step {
  display: grid;
  grid-template-columns: minmax(0, 20ch) minmax(0, 1fr);
  gap: var(--s5);
  padding: var(--s5) 0;
  border-top: 1px solid var(--grey-3);
}
.toc2__step--end { border-top: 2px solid var(--yellow); }
.toc2__side { display: flex; flex-direction: column; gap: var(--s2); }
.toc2__ask {
  font-size: var(--t-small);
  line-height: 1.4;
  color: var(--grey-1);
}
.toc2__step--end .toc2__ask { color: var(--black); }
.toc2__n {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  color: var(--grey-2);
  font-variant-numeric: tabular-nums;
}
.toc2__label {
  font-size: var(--t-big);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.025em;
}
.toc2__grip {
  display: block;
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.toc2__items {
  margin-top: var(--s3);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s2) var(--s4);
}
.toc2__item {
  font-size: var(--t-small);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 1px solid var(--grey-3);
}
.toc2__step--end .toc2__item { border-left-color: var(--yellow); }
.toc2__note {
  grid-column: 1 / -1;
  margin-top: var(--s3);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
}
@media (max-width: 860px) {
  .tocframe { grid-template-columns: 1fr; gap: var(--s4); }
  .tocframe__line { grid-template-columns: 1fr; gap: var(--s1); }
  .toc2__step { grid-template-columns: 1fr; gap: var(--s3); }
  .toc2__items { grid-template-columns: 1fr; }
}
.toc3__row {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 2px;
  margin-bottom: var(--s5);
}
.toc3__mark {
  position: relative;
  aspect-ratio: 3 / 2;
  background: var(--white);
  border: 1px solid var(--grey-3);
  cursor: pointer;
  transition: background 0.2s var(--ease), border-color 0.2s var(--ease);
}
.toc3__marklogo {
  position: absolute;
  inset: 22% 12%;
  width: 76%;
  height: 56%;
  object-fit: contain;
  filter: brightness(0);
  opacity: 0.55;
  transition: opacity 0.2s var(--ease), filter 0.2s var(--ease);
}
.toc3__mark:hover, .toc3__mark:focus-visible { border-color: var(--black); }
.toc3__mark:hover .toc3__marklogo, .toc3__mark:focus-visible .toc3__marklogo { opacity: 1; }
.toc3__mark.is-on { background: var(--black); border-color: var(--black); }
.toc3__mark.is-on .toc3__marklogo { filter: brightness(0) invert(1); opacity: 1; }
.toc3 { display: flex; flex-direction: column; }
.toc3__step {
  display: grid;
  grid-template-columns: minmax(0, 22ch) minmax(0, 1fr);
  gap: var(--s5);
  padding: var(--s4) 0;
  border-top: 1px solid var(--grey-3);
}
.toc3__step--impact { border-bottom: 2px solid var(--yellow); }
.toc3__label {
  font-size: var(--t-lead);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.toc3__grip {
  display: block;
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.toc3__lead {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  margin-bottom: var(--s2);
}
.toc3__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s2) var(--s4);
}
.toc3__item {
  font-size: var(--t-small);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 1px solid var(--grey-3);
}
.toc3__step--impact .toc3__item { border-left-color: var(--yellow); }
.toc3__foot {
  grid-column: 1 / -1;
  margin-top: var(--s3);
  font-size: var(--t-tiny);
  line-height: 1.5;
  color: var(--grey-2);
}
@media (max-width: 860px) {
  .toc3__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .toc3__step { grid-template-columns: 1fr; gap: var(--s3); }
  .toc3__items { grid-template-columns: 1fr; }
}
[hidden] { display: none !important; }
.toc4__def { position: relative; cursor: help; }
.toc4__word { border-bottom: 2px dotted var(--grey-2); }
.toc4__note {
  position: absolute;
  top: calc(100% + var(--s2));
  left: 0;
  z-index: 40;
  width: min(46ch, 78vw);
  padding: var(--s3);
  background: var(--black);
  color: var(--white);
  font-size: var(--t-small);
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  translate: 0 -6px;
  transition: opacity 0.22s var(--ease), translate 0.22s var(--ease), visibility 0.22s;
}
.toc4__def:hover .toc4__note,
.toc4__def:focus-visible .toc4__note {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
}
.toc4__def:focus-visible { outline: 2px solid var(--black); outline-offset: 4px; }
.toc4 { margin-top: var(--s5); }
.toc4__step { border-top: 1px solid var(--grey-3); }
.toc4__step:last-of-type { border-bottom: 1px solid var(--grey-3); }
.toc4__head {
  width: 100%;
  display: grid;
  grid-template-columns: 5ch minmax(0, 1fr) 2rem;
  gap: var(--s4);
  align-items: baseline;
  padding: var(--s4) 0;
  text-align: left;
  cursor: pointer;
}
.toc4__n {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  color: var(--grey-2);
  font-variant-numeric: tabular-nums;
}
.toc4__label {
  display: block;
  font-size: var(--t-big);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.025em;
  transition: opacity 0.2s var(--ease);
}
.toc4__grip {
  display: block;
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.toc4__sign {
  position: relative;
  justify-self: end;
  align-self: center;
  width: 18px;
  height: 18px;
}
.toc4__sign::before,
.toc4__sign::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto 0;
  height: 1px;
  background: var(--black);
  transition: transform 0.3s var(--ease), opacity 0.3s var(--ease);
}
.toc4__sign::after { rotate: 90deg; }
.toc4__step.is-open .toc4__sign::after { rotate: 90deg; transform: scaleX(0); }
.toc4__panel { overflow: hidden; }
.toc4__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s3) var(--s6);
  padding: 0 0 var(--s5) calc(5ch + var(--s4));
}
.toc4__item {
  font-size: var(--t-body);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 1px solid var(--grey-3);
  max-width: 52ch;
}
.toc4__impact {
  margin-top: var(--s7);
  padding-top: var(--s4);
  border-top: 2px solid var(--yellow);
}
.toc4__impactcap {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  margin-bottom: var(--s4);
}
.toc4__impactlist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s5);
}
.toc4__impactitem {
  font-size: var(--t-lead);
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.toc4__impactfoot {
  margin-top: var(--s5);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
}
@media (max-width: 860px) {
  .toc4__head { grid-template-columns: 4ch minmax(0, 1fr) 1.4rem; gap: var(--s2); }
  .toc4__items { grid-template-columns: 1fr; padding-left: 0; }
  .toc4__impactlist { grid-template-columns: 1fr; gap: var(--s4); }
  .toc4__note { left: auto; right: 0; width: min(40ch, 86vw); }
}
.pv4__hero {
  position: relative;
  overflow: hidden;
  background: var(--black);
  aspect-ratio: 3 / 2;
  max-height: 460px;
  margin-top: 2px;
  animation: v4-in 0.42s var(--ease-out);
}
.pv4__heroimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pv4__prof { margin-top: var(--s5); }
.pv4__id { display: flex; flex-direction: column; align-items: flex-start; }
.pv4__idlogo {
  width: min(210px, 70%);
  max-height: 72px;
  object-fit: contain;
  object-position: left top;
  filter: brightness(0) invert(1);
  margin-bottom: var(--s4);
}
.pv4__id .prof__name { margin-top: var(--s1); }
.pv4__id .prof__line { max-width: 34ch; }
.pv4__part--hl { grid-column: 2; }
.pv4__hlist { display: flex; flex-direction: column; gap: var(--s2); margin-top: var(--s1); }
.pv4__hitem {
  font-size: var(--t-small);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 1px solid var(--grey-1);
}
.pv4__hnone {
  margin-top: var(--s2);
  font-size: var(--t-small);
  line-height: 1.45;
  color: var(--grey-1);
  max-width: 40ch;
}
@media (max-width: 860px) {
  .pv4__part--hl { grid-column: auto; }
  .pv4__hero { aspect-ratio: 3 / 2; max-height: none; }
  .pv4__idlogo { width: min(170px, 60%); max-height: 56px; }
}
.toc5__impact { margin-top: var(--s4); margin-bottom: var(--s7); }
.toc5 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s5);
  align-items: start;
}
.toc5__col { border-top: none; }
.toc5__head {
  width: 100%;
  display: block;
  text-align: left;
  padding: var(--s3) var(--s3) var(--s2);
  cursor: pointer;
  color: var(--grey-1);
  transition: background 0.24s var(--ease), color 0.24s var(--ease);
}
.toc5__head:hover,
.toc5__head:focus-visible,
.toc5__col.is-open .toc5__head { background: var(--black); color: var(--white); }
.toc5__n {
  display: block;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  color: var(--grey-2);
  font-variant-numeric: tabular-nums;
}
.toc5__label {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-lead);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--black);
  transition: color 0.24s var(--ease);
}
.toc5__head:hover .toc5__label,
.toc5__head:focus-visible .toc5__label,
.toc5__col.is-open .toc5__label { color: var(--white); }
.toc5__grip {
  display: block;
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  opacity: 0.72;
}
.toc5__more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: var(--s3);
}
.toc5__sign { width: 16px; height: 16px; }
.toc5__head:hover .toc4__sign::before,
.toc5__head:hover .toc4__sign::after,
.toc5__head:focus-visible .toc4__sign::before,
.toc5__head:focus-visible .toc4__sign::after,
.toc5__col.is-open .toc4__sign::before,
.toc5__col.is-open .toc4__sign::after { background: var(--white); }
.toc5__col.is-pinned .toc4__sign::after { transform: scaleX(0); }
.toc5__panel { overflow: hidden; }
.toc5__items {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  padding: var(--s3) var(--s3) var(--s4) 0;
}
.toc5__item {
  font-size: var(--t-small);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 1px solid var(--grey-3);
}
@media (max-width: 860px) {
  .toc5 { grid-template-columns: 1fr; gap: var(--s4); }
  .toc5__impact { margin-bottom: var(--s6); }
}
.tooltip__items {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: var(--s2);
  padding-top: var(--s2);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.tooltip__item { display: block; }
.tooltip__itemname {
  display: block;
  font-size: var(--t-tiny);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tooltip__itemnote {
  display: block;
  margin-top: 2px;
  font-size: var(--t-tiny);
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0;
  opacity: 0.72;
}
.kick--runway { margin-bottom: 160svh; }
.pv2__sign {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s2);
}
.pv2__sign .prof__line { max-width: 34ch; }
.pv2__track { align-self: start; }
.vis { position: relative; }
.vis__control {
  position: relative;
  --near: 0;
  opacity: var(--near);
  transition: opacity 0.28s var(--ease);
}
.vis.is-open .vis__control,
.vis__control:hover,
.vis__control:focus-within { opacity: 1; }
@media (hover: none) { .vis__control { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .vis__control { transition: none; } }
.vis__trigger {
  display: flex;
  align-items: center;
  gap: var(--s1);
  padding: 7px 11px;
  background: var(--yellow);
  color: var(--black);
  font-size: 0.625rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.vis__caret { transition: transform 0.18s var(--ease); }
.vis.is-open .vis__caret { transform: rotate(180deg); }
.vis__menu {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  min-width: 15rem;
  display: none;
  flex-direction: column;
  background: var(--yellow);
  padding: 4px;
  gap: 1px;
  max-height: 70vh;
  overflow-y: auto;
}
.vis.is-open .vis__menu {
  display: flex;
  animation: v4-in 0.18s var(--ease-out);
}
.vis__row {
  display: flex;
  align-items: center;
  gap: var(--s2);
  padding: 5px 7px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: var(--black);
}
.vis__row:hover { background: rgba(0, 0, 0, 0.09); }
.vis__eyeslot { display: flex; flex: none; width: 20px; }
.vis__eye { width: 20px; height: 14px; display: block; }
.vis__rowname {
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vis__row.is-off { opacity: 0.38; }
.station.is-folded {
  display: none !important;
}
.mkt {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s5);
  align-items: start;
  margin-top: var(--s5);
}
.mkt__box {
  display: flex;
  flex-direction: column;
}
.mkt__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s3);
  padding: var(--s3) var(--s3);
  background: transparent;
  color: var(--black);
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: background 0.24s var(--ease), color 0.24s var(--ease);
}
.mkt__head:hover,
.mkt__head:focus-visible,
.mkt__box.is-hot .mkt__head,
.mkt__box.is-open .mkt__head { background: var(--black); color: var(--white); }
.mkt__name {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.mkt__sign { position: relative; width: 14px; height: 14px; flex: none; }
.mkt__sign::before,
.mkt__sign::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto 0;
  height: 1px;
  background: var(--black);
  transition: transform 0.3s var(--ease), background 0.24s var(--ease);
}
.mkt__head:hover .mkt__sign::before,
.mkt__head:hover .mkt__sign::after,
.mkt__head:focus-visible .mkt__sign::before,
.mkt__head:focus-visible .mkt__sign::after,
.mkt__box.is-hot .mkt__sign::before,
.mkt__box.is-hot .mkt__sign::after,
.mkt__box.is-open .mkt__sign::before,
.mkt__box.is-open .mkt__sign::after { background: var(--white); }
.mkt__sign::after { rotate: 90deg; }
.mkt__box.is-open .mkt__sign::after { transform: scaleX(0); }
.mkt__body {
  display: flex;
  flex-direction: column;
  padding: var(--s3);
  flex: 1;
}
.mkt__held {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  min-height: var(--held-space, 8.5rem);
  margin-bottom: var(--s3);
}
.mkt__hidden {
  font-size: var(--t-small);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 2px solid var(--yellow);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.26s var(--ease), transform 0.26s var(--ease);
}
.mkt__box.is-open .mkt__hidden { opacity: 1; transform: none; }
.mkt__box.is-open .mkt__hidden:nth-child(2) { transition-delay: 0.07s; }
.mkt__means {
  font-size: var(--t-body);
  line-height: 1.45;
  margin-top: auto;
}
.mkt__source {
  margin-top: var(--s3);
  font-size: var(--t-tiny);
  letter-spacing: 0.06em;
  color: var(--grey-1);
}
.mkt__head--section { position: relative; }
.mkt__tag {
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--s5));
  translate: 0 -50%;
  rotate: 45deg;
  transform-origin: center;
  background: var(--yellow);
  color: var(--black);
  padding: 8px 16px;
  cursor: help;
  z-index: 20;
}
.mkt__tagword {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  white-space: nowrap;
}
.mkt__note {
  position: absolute;
  top: calc(100% + var(--s3));
  right: 0;
  rotate: -45deg;
  transform-origin: top right;
  z-index: 40;
  width: min(38ch, 60vw);
  padding: var(--s3);
  background: var(--black);
  color: var(--white);
  font-size: var(--t-small);
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s var(--ease), visibility 0.22s;
}
.mkt__tag:hover .mkt__note,
.mkt__tag:focus-visible .mkt__note { opacity: 1; visibility: visible; }
.vers__panel:has(.mkt--tight) {
  min-height: 0;
  max-height: calc(100svh - var(--s8) * 2);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mkt--tight { --held-space: 6.5rem; gap: var(--s4); }
.mkt--tight .mkt__body { padding: var(--s2) var(--s3) var(--s3); }
.mkt--tight .mkt__hidden { font-size: var(--t-tiny); line-height: 1.4; }
.mkt--tight .mkt__means { font-size: var(--t-small); line-height: 1.4; }
.mkt--tight .mkt__held { margin-bottom: var(--s2); }
.mkt--tight .mkt__source { margin-top: var(--s2); }
@media (max-width: 860px) {
  .mkt, .mkt--tight { grid-template-columns: 1fr; gap: var(--s4); }
  .mkt__held { min-height: 0; }
  .mkt__tag { position: static; rotate: none; translate: 0; right: auto; display: inline-block; margin-top: var(--s3); }
  .mkt__note { rotate: none; right: auto; left: 0; width: min(38ch, 86vw); }
}
.venn--big { display: flex; justify-content: center; }
.venn--big .venn__svg { max-width: 100%; width: 100%; height: auto; }
.eq.eq--mark { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); }
.venn--beside:not(.venn--big) .venn__svg { max-width: 520px; }
.eq__p--italic { font-style: italic; }
.venn__mark {
  opacity: 0;
  transition: opacity 0.45s var(--ease);
}
.venn.is-done .venn__mark { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .venn__mark { opacity: 1; transition: none; }
}
@media (max-width: 860px) {
  .eq.eq--mark { grid-template-columns: 1fr; }
}
.toc7 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.toc7 .toc5__col.is-hot .toc5__head { background: var(--black); color: var(--white); }
.toc7 .toc5__col.is-hot .toc5__label { color: var(--white); }
.toc7 .toc5__col.is-hot .toc4__sign::before,
.toc7 .toc5__col.is-hot .toc4__sign::after { background: var(--white); }
.toc7 .toc5__col.is-open .toc4__sign::after { transform: scaleX(0); }
.toc7 .toc7__impact.is-hot .toc7__impacthead { background: none; }
.toc7__impact { cursor: default; }
.toc7__impacthead {
  width: 100%;
  display: block;
  text-align: left;
  padding: var(--s3) var(--s3) var(--s2);
  background: var(--yellow);
  color: var(--black);
}
.toc7__impacthead .toc5__n { color: var(--black); opacity: 0.55; }
.toc7__impacthead .toc5__label { color: var(--black); }
.toc7__impacthead .toc5__grip { opacity: 0.72; }
.toc7__impactbody { padding: var(--s3) var(--s3) var(--s4) 0; }
.toc7__impactlist {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  margin-top: var(--s2);
}
.toc7__impactitem {
  font-size: var(--t-small);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 2px solid var(--yellow);
}
@media (max-width: 860px) {
  .toc7 { grid-template-columns: 1fr; }
}
.eq {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--s6);
  align-items: center;
  margin-top: var(--s4);
}
.eq--claim { grid-template-columns: minmax(0, 1fr); }
.eq--why { margin-top: var(--s8); }
.eq__words { margin: 0; }
.eq__open {
  font-size: var(--t-big);
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.eq__open--big {
  font-size: var(--t-huge);
  line-height: 1.04;
  letter-spacing: -0.035em;
  max-width: 18ch;
}
.eq__p {
  margin-top: var(--s3);
  font-size: var(--t-body);
  line-height: 1.5;
  color: var(--grey-2);
  max-width: 46ch;
}
.eq__sig {
  display: flex;
  align-items: center;
  gap: var(--s3);
  margin-top: var(--s5);
}
.eq__portrait {
  position: relative;
  flex: none;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 0 0 3px var(--white);
}
.eq__face { width: 100%; height: 100%; object-fit: cover; display: block; }
.eq__missing {
  display: none;
  position: absolute;
  inset: 0;
  padding: 10px;
  text-align: center;
  align-items: center;
  font-size: 0.5625rem;
  line-height: 1.35;
  letter-spacing: 0.04em;
  color: var(--white);
  background: repeating-linear-gradient(
    -45deg, var(--grey-1), var(--grey-1) 6px, transparent 6px, transparent 12px
  );
}
.eq__portrait.is-missing { background: var(--grey-1); }
.eq__portrait.is-missing .eq__face { display: none; }
.eq__portrait.is-missing .eq__missing { display: flex; }
.eq__who { display: flex; flex-direction: column; gap: 3px; }
.eq__name,
.eq__role {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.eq__role { color: var(--grey-2); }
.venn--beside { margin: 0; }
.station--dark .venn--beside .venn__circle { stroke: var(--white); }
.station--dark .venn--beside .venn__label,
.station--dark .venn--beside .venn__nametext { fill: var(--white); }
@media (max-width: 860px) {
  .eq { grid-template-columns: 1fr; gap: var(--s4); }
  .eq--why { margin-top: var(--s6); }
  .eq__open--big { font-size: var(--t-big); max-width: none; }
}
.gapx__sub { max-width: 46ch; }
.gapx__mark {
  font-size: 0.62em;
  vertical-align: super;
  line-height: 1;
  margin-left: 2px;
  color: var(--grey-1);
}
.gapx {
  display: grid;
  grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
  gap: var(--s6);
  margin-top: var(--s6);
  align-items: start;
}
.gapx__origin {
  position: sticky;
  top: calc(50vh - 6rem);
  padding-top: var(--s3);
  border-top: 2px solid var(--black);
}
.gapx__originlabel {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.gapx__span { margin-top: var(--s3); display: flex; align-items: baseline; gap: var(--s2); }
.gapx__spannum {
  font-size: var(--t-mega);
  line-height: 0.85;
  letter-spacing: -0.045em;
}
.gapx__spanunit {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.gapx__originnote {
  margin-top: var(--s2);
  font-size: var(--t-small);
  line-height: 1.45;
  color: var(--grey-1);
  max-width: 26ch;
}
.gapx__rows { display: flex; flex-direction: column; }
.gapx__row {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  gap: var(--s4);
  padding: var(--s5) 0;
  border-top: 1px solid var(--grey-3);
}
.gapx__row:last-child { border-bottom: 1px solid var(--grey-3); }
.gapx__num {
  font-size: var(--t-lead);
  line-height: 1;
  color: var(--yellow);
  font-variant-numeric: tabular-nums;
}
.gapx__title {
  font-size: var(--t-lead);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.gapx__quote {
  margin-top: var(--s3);
  font-style: italic;
  font-size: var(--t-body);
  line-height: 1.45;
  max-width: 52ch;
}
.gapx__means {
  margin-top: var(--s3);
  font-size: var(--t-small);
  line-height: 1.5;
  color: var(--grey-1);
  max-width: 56ch;
}
.gapx__axis {
  display: flex;
  align-items: center;
  gap: var(--s3);
  margin-top: var(--s5);
}
.gapx__axisend {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.gapx__axisline {
  flex: 1;
  height: 1px;
  background: var(--black);
  position: relative;
}
.gapx__axisline::after {
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  border-left: 7px solid var(--black);
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
}
.gapx__notes { margin-top: var(--s5); display: grid; gap: var(--s3); }
.gapx__caveat,
.gapx__source {
  font-size: var(--t-tiny);
  line-height: 1.5;
  color: var(--grey-1);
  max-width: 70ch;
}
.gapx__sources { display: grid; gap: 4px; }
@media (max-width: 860px) {
  .gapx { grid-template-columns: 1fr; gap: var(--s4); }
  .gapx__origin { position: static; }
  .gapx__row { grid-template-columns: 3rem minmax(0, 1fr); gap: var(--s3); padding: var(--s4) 0; }
}
.spine__seg.is-gone { display: none; }
.buckets { display: block; }
.buck__source--big {
  margin-top: var(--s5);
  padding: var(--s4);
  background: var(--black);
  color: var(--white);
  max-width: 34rem;
}
.buck__span {
  font-size: clamp(2.6rem, 5.6vw, 4.4rem);
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.buck__unit {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  margin-left: var(--s2);
  opacity: 0.72;
}
.buck__biglabel {
  margin-top: var(--s2);
  font-size: var(--t-body);
  line-height: 1.5;
  opacity: 0.86;
  max-width: 26rem;
}
.buck__path {
  position: relative;
  height: 84px;
  margin: 0 0 0 var(--s4);
}
.buck__stem,
.buck__branch,
.buck__drop {
  position: absolute;
  background: var(--black);
}
.buck__stem { left: 16.667%; top: 0; width: 1px; height: 40px; }
.buck__branch { left: 16.667%; right: 16.667%; top: 40px; height: 1px; width: auto; }
.buck__drop { top: 40px; width: 1px; height: 44px; }
.buck__drop:nth-of-type(3) { left: 16.667%; }
.buck__drop:nth-of-type(4) { left: 50%; }
.buck__drop:nth-of-type(5) { left: 83.333%; }
.buck__way {
  position: absolute;
  left: calc(16.667% + var(--s2));
  top: 24px;
  background: var(--yellow);
  color: var(--black);
  padding: 3px 8px;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.buck__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s3);
  margin-left: var(--s4);
  align-items: start;
}
.buck {
  padding: var(--s3);
  background: var(--white);
  color: var(--black);
  transition: background 0.24s var(--ease), color 0.24s var(--ease);
  cursor: default;
}
.buck.is-hot { background: var(--black); color: var(--white); }
.buck__n {
  display: block;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  font-variant-numeric: tabular-nums;
  opacity: 0.55;
}
.buck__title {
  margin-top: var(--s2);
  font-size: var(--t-lead);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.buck__means {
  margin-top: var(--s2);
  font-size: var(--t-body);
  line-height: 1.55;
}
.buck__evidence {
  margin-top: var(--s3);
  padding-top: var(--s2);
}
.buck__quote {
  font-size: var(--t-body);
  line-height: 1.5;
  font-style: italic;
}
.buck__source {
  display: block;
  margin-top: var(--s1);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  font-style: normal;
  opacity: 0.7;
}
.buck__caveat {
  margin: var(--s4) 0 0 var(--s4);
  font-size: var(--t-tiny);
  line-height: 1.6;
  opacity: 0.6;
  max-width: 42rem;
}
@media (max-width: 900px) {
  .buck__row { grid-template-columns: 1fr; }
  .buck__path { height: 40px; }
  .buck__branch, .buck__drop { display: none; }
}
.roll {
  display: inline-block;
  transform: translateY(0.28em);
  opacity: 0;
  transition: transform 0.9s var(--ease-out), opacity 0.7s var(--ease-out);
}
.roll.is-in { transform: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .roll { transform: none; opacity: 1; transition: none; }
}
.pnew { display: block; }
.pnew__row {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 2px;
  margin-top: var(--s4);
}
.pnew__mark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.06);
  transition: background 0.22s var(--ease);
}
.pnew__mark--logo { padding: var(--s2); }
.pnew__row--logo.is-vinkar .pnew__mark,
.pnew__row--logo.is-vinkar .pnew__marklogo { transition-duration: 0.1s; }
.pnew__mark--logo:hover,
.pnew__mark--logo:focus-visible,
.pnew__mark--logo.is-vink,
.pnew__mark--logo.is-open { background: var(--white); }
.pnew__marklogo {
  max-width: 100%;
  max-height: 70%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.8;
  transition: filter 0.22s var(--ease), opacity 0.22s var(--ease);
}
.pnew__mark--logo:hover .pnew__marklogo,
.pnew__mark--logo:focus-visible .pnew__marklogo,
.pnew__mark--logo.is-vink .pnew__marklogo,
.pnew__mark--logo.is-open .pnew__marklogo { filter: none; opacity: 1; }
.pnew__mark--photo { padding: 0; background: var(--black); }
.pnew__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.22s var(--ease);
}
.pnew__thumbname {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: var(--s2);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0) 62%);
  color: var(--white);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  text-align: center;
  transition: background 0.22s var(--ease), color 0.22s var(--ease);
}
.pnew__mark--photo:hover .pnew__thumbname,
.pnew__mark--photo:focus-visible .pnew__thumbname,
.pnew__mark--photo.is-open .pnew__thumbname {
  background: var(--white);
  color: var(--black);
  align-items: center;
}
.pnew__mark--photo:hover .pnew__thumb,
.pnew__mark--photo:focus-visible .pnew__thumb,
.pnew__mark--photo.is-open .pnew__thumb { opacity: 0; }
.pnew__open { margin-top: var(--s4); }
.pnew__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: var(--s4);
  align-items: start;
}
.pnew__hero--mirror { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
.pnew__hero--mirror .pnew__shot { order: 2; }
.pnew__hero--mirror .pnew__said { order: 1; }
.pnew__shot { overflow: hidden; }
.pnew__img {
  width: 100%;
  height: 100%;
  max-height: 30rem;
  object-fit: cover;
  display: block;
}
.pnew__said { display: flex; flex-direction: column; }
.pnew__said--top { justify-content: flex-start; }
.pnew__said--bottom { justify-content: flex-end; }
.pnew__said--center { justify-content: center; }
.pnew__hero:has(.pnew__said--bottom),
.pnew__hero:has(.pnew__said--center) { align-items: stretch; }
.pnew__logo {
  display: block;
  max-width: 12rem;
  max-height: 3rem;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
  margin-bottom: var(--s3);
}
.pnew__wordmark {
  display: block;
  margin-top: var(--s2);
  max-width: min(100%, 20rem);
  max-height: 4.4rem;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
}
.pnew__line {
  margin-top: var(--s3);
  font-size: var(--t-lead);
  line-height: 1.5;
  opacity: 0.88;
}
.pnew__prof .prof__close { margin-top: var(--s4); }
.pnew__quad {
  display: flex;
  gap: var(--s4);
  margin-top: var(--s4);
  padding-top: var(--s2);
}
.pnew__col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s4);
}
.pnew__cell { min-width: 0; }
.pnew__cell--track .prof__figure {
  display: block;
  margin-top: var(--s1);
  font-size: clamp(2.6rem, 6vw, 4.6rem);
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.pnew__simply { margin-top: 7px; }
@media (max-width: 700px) {
  .pnew__hero { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .pnew__quad { flex-direction: column; }
  .pnew__col { display: contents; }
  .pnew__cell--track { order: -1; }
}
.letter__head {
  font-size: clamp(1.5rem, 2.6vw, 2.4rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: var(--s4);
  text-wrap: balance;
}
.station--letter.has-runway { padding-bottom: 105svh; }
.arr { position: relative; }
.arr.is-past { display: none; }
.pnew__shot,
.pv2__shot,
.pv3__shot,
.pv4__shot,
.port__shot {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  position: relative;
  background: var(--black);
}
.pnew__img,
.pv2__img,
.pv3__img,
.pv3__heroimg,
.pv4__heroimg,
.port__img,
.pnew__thumb {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
  transform: scale(1.035);
}
img[src*="companies/cellcolabs"] { object-position: right center; }
img[src*="companies/thermal-cyclones"] { object-position: center bottom; }
.pnew__img { position: absolute; inset: 0; display: block; }
.station--port .station__head { margin-bottom: var(--s3); }
.pnew__row { margin-top: calc(var(--s2) + 10px); }
.open__veil {
  position: absolute;
  inset: 0;
  background: var(--black);
  opacity: 0.08;
  z-index: 1;
  pointer-events: none;
}
.mkt--between {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.46fr) minmax(0, 1fr);
  gap: var(--s3);
}
.mkt__between { align-self: start; }
.mkt__betweenhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s2);
  width: 100%;
  padding: var(--s3);
  background: var(--yellow);
  color: var(--black);
  cursor: pointer;
  text-align: left;
}
.mkt__betweenword {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.mkt__between .mkt__sign::before,
.mkt__between .mkt__sign::after { background: var(--black); }
.mkt__between.is-open .mkt__sign::after { transform: scaleX(0); }
.mkt__betweenpanel {
  display: grid;
  grid-template-rows: 0fr;
  background: var(--black);
  color: var(--white);
  transition: grid-template-rows 0.3s var(--ease);
}
.mkt__between.is-open .mkt__betweenpanel { grid-template-rows: 1fr; }
.mkt__betweenwrap { overflow: hidden; min-height: 0; }
.mkt__betweenbody {
  font-size: var(--t-small);
  line-height: 1.5;
  padding: var(--s3);
}
@media (prefers-reduced-motion: reduce) {
  .mkt__betweenpanel { transition: none; }
}
@media (max-width: 900px) {
  .mkt--between { grid-template-columns: 1fr; }
}
.buck--click .buck__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--s2);
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: inherit;
}
.buck__headline { display: block; }
.buck--click .buck__title { margin-top: var(--s1); }
.buck__sign {
  position: relative;
  width: 14px;
  height: 14px;
  flex: none;
  margin-top: 6px;
}
.buck__sign::before,
.buck__sign::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto 0;
  height: 1px;
  background: currentColor;
  transition: transform 0.2s var(--ease), background 0.24s var(--ease);
}
.buck__sign::after { rotate: 90deg; }
.buck--click.is-open .buck__sign::after { transform: scaleX(0); }
.buck__side {
  position: relative;
  display: grid;
  grid-template-columns: minmax(176px, 0.52fr) 76px minmax(0, 2fr);
  gap: 0;
  align-items: stretch;
  margin: var(--s4) 0 0 0;
}
.buck__pillar {
  grid-column: 1;
  background: var(--black);
  color: var(--white);
  padding: var(--s3) var(--s3);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.buck__pillar .buck__biglabel { margin-top: var(--s2); max-width: 20ch; }
.buck__stack {
  grid-column: 3;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: var(--s2);
}
.buck__wires {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}
.buck__wire { fill: none; stroke: var(--black); stroke-width: 1; }
.buckS {
  display: flex;
  flex-direction: column;
  background: var(--white);
  color: var(--black);
  min-width: 0;
}
.buckS__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--s2);
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: var(--s2) var(--s3);
  background: var(--white);
  color: var(--black);
  border: 1px solid var(--black);
  transition: background 0.22s var(--ease), color 0.22s var(--ease);
}
.buckS.is-hot .buckS__head,
.buckS.is-open .buckS__head { background: var(--black); color: var(--white); }
.buckS.is-open .buck__sign::after { transform: scaleX(0); }
.buckS__head .buck__title { margin-top: 2px; font-size: var(--t-body); }
.buckS__body {
  flex: 1;
  border: 1px solid var(--black);
  border-top: none;
  padding: var(--s2) var(--s3);
  display: flex;
  flex-direction: column;
}
.buckS__quote {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  opacity: 0;
  transition: grid-template-rows 0.34s var(--ease), opacity 0.26s var(--ease),
    margin-bottom 0.34s var(--ease);
}
.buckS__quote > * { min-height: 0; }
.buckS.is-open .buckS__quote {
  grid-template-rows: 1fr;
  opacity: 1;
  margin-bottom: var(--s2);
}
.buck__stack.is-measuring,
.buck__stack.is-measuring * { transition: none !important; }
.buckS__means {
  font-size: var(--t-body);
  line-height: 1.45;
}
.buck__route {
  display: flex;
  align-items: center;
  gap: var(--s2);
  margin: var(--s3) 0 0 var(--s4);
}
.buck__routeend {
  flex: none;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--black);
}
.buck__routeline {
  position: relative;
  flex: 1;
  height: 1px;
  background: var(--grey-3);
}
.buck__routespark {
  position: absolute;
  top: -2px;
  left: 0;
  --w: 26%;
  width: var(--w);
  height: 5px;
  background: var(--black);
  animation: buck-route 3.8s var(--ease) infinite;
}
@keyframes buck-route {
  0%   { transform: translateX(0); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateX(284.6%); opacity: 0.9; }
}
.buckets--side .buck__caveat { margin-top: var(--s3); }
@media (max-width: 0px) {
  .buckets--side .buck__side {
    margin-right: calc(-1 * min(clamp(0px, (1330px - 100vw) * 0.6, 120px), max(0px, var(--gutter-h) - 40px)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .buck__routespark { animation: none; width: 100%; opacity: 0.5; }
}
@media (max-width: 1100px) {
}
@media (max-width: 900px) {
  .buck__side { grid-template-columns: 1fr; gap: var(--s3); }
  .buck__pillar, .buck__stack { grid-column: 1; }
  .buck__wires { display: none; }
  .buck__pillar {
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 var(--s3);
  }
  .buck__pillar .buck__span { flex: none; }
  .buck__pillar .buck__unit { flex: none; margin-left: calc(-1 * var(--s3) + var(--s2)); }
  .buck__pillar .buck__biglabel {
    flex: 1 1 14rem;
    margin-top: 0;
    max-width: none;
  }
  .buck__stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto;
    align-items: start;
  }
}
@media (max-width: 620px) {
  .buck__stack { grid-template-columns: 1fr; }
}
.toc5.toc8 {
  grid-template-columns:
    minmax(0, 1fr) var(--toc8-pil, 26px) minmax(0, 1fr) var(--toc8-pil, 26px)
    minmax(0, 1fr) var(--toc8-pil, 26px) minmax(0, 1fr);
  gap: var(--toc8-glapp, var(--s2));
  min-height: var(--toc8-oppen, 0px);
  align-items: stretch;
}
.toc8__col {
  border: 1px solid var(--black);
  display: flex;
  flex-direction: column;
}
.toc8__col .toc5__panel { margin-top: 0; }
.toc8__col,
.toc8__impact,
.toc8__arrow {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.32s var(--ease-out), transform 0.32s var(--ease-out);
}
.toc8__col.is-in,
.toc8__impact.is-in,
.toc8__arrow.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .toc8__col, .toc8__impact, .toc8__arrow { opacity: 1; transform: none; transition: none; }
}
.toc8__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s2);
}
.toc8__arrow {
  align-self: center;
  position: relative;
  height: 9px;
}
.toc8__bend { display: none; }
.toc8__arrow::before {
  content: "";
  position: absolute;
  left: 0;
  right: 5px;
  top: 4px;
  height: 1px;
  background: var(--black);
}
.toc8__arrow::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 1px;
  width: 7px;
  height: 7px;
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  rotate: 45deg;
}
.toc8__arrow--last::before { background: var(--black); }
.toc8__arrow--last::after { border-color: var(--black); }
.toc8__impact { position: relative; }
.toc8__impacthead { position: relative; }
.toc8__impacthead {
  background: var(--yellow);
  color: var(--black);
  display: block;
  padding: var(--s3) var(--s3) var(--s2);
}
.toc8__impacthead .toc5__n { color: var(--black); opacity: 0.55; }
.toc8 .toc8__impact .toc8__impacthead,
.toc8 .toc8__impact .toc8__impacthead:hover {
  background: var(--yellow);
  color: var(--black);
}
.toc8__impactbody { padding: var(--s3) var(--s3) var(--s4) 0; }
.toc8__pin {
  display: inline;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  padding: 0 0.12em;
  background: none;
  border-bottom: 2px dotted currentColor;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}
.toc8__pin:hover,
.toc8__pin:focus-visible,
.toc8__pin.is-on {
  background: var(--black);
  color: var(--white);
  border-bottom-color: transparent;
}
.toc8__impacthead .toc8__pin {
  display: inline-block;
  margin-top: var(--s2);
  font-size: var(--t-lead);
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: left;
}
.toc8__head { position: relative; }
.toc8__claim { position: relative; text-align: left; }
.toc8__nowrap { white-space: nowrap; }
@media (max-width: 1300px) {
  .toc8__nowrap { white-space: normal; }
  .toc8__claim br { display: none; }
}
.toc8__note {
  position: absolute;
  z-index: 30;
  display: grid;
  grid-template-rows: 0fr;
  background: var(--black);
  color: var(--white);
  text-align: left;
  font-weight: 400;
  letter-spacing: 0;
  transition: grid-template-rows 0.34s var(--ease), opacity 0.24s var(--ease);
  opacity: 0;
  pointer-events: none;
}
.toc8__note.is-on { grid-template-rows: 1fr; opacity: 1; pointer-events: auto; }
.toc8__note--frame {
  top: calc(100% + var(--s2));
  right: 0;
  width: min(20rem, 92vw);
}
.toc8__note--impact {
  bottom: calc(100% + var(--s2));
  right: 0;
  width: min(20rem, 92vw);
}
.toc8__notewrap { overflow: hidden; min-height: 0; }
.toc8__notep {
  font-size: var(--t-small);
  line-height: 1.5;
  padding: 0 var(--s3);
}
.toc8__notep:first-child { padding-top: var(--s3); }
.toc8__notep:last-child { padding-bottom: var(--s3); }
.toc8__notep + .toc8__notep { margin-top: var(--s2); }
@media (prefers-reduced-motion: reduce) {
  .toc8__note { transition: none; }
}
@media (max-width: 1200px) and (min-width: 771px) {
  .toc5.toc8 {
    margin-right: calc(-1 * min(clamp(0px, (1200px - 100vw) * 0.5, 100px), max(0px, var(--gutter-h) - 40px)));
  }
}
@media (max-width: 1000px) {
  .toc5.toc8 {
    --toc8-pil: 14px;
    --toc8-glapp: var(--s1);
  }
}
@media (max-width: 770px) {
  .toc5.toc8 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--s3);
  }
  .toc8__col { grid-column: 1; }
  .toc8__impact { grid-column: 2; }
  .toc5.toc8 { grid-template-rows: max-content max-content 1fr; }
  .toc5.toc8 {
    min-height: 0;
    align-items: start;
  }
  .toc8__impact { grid-row: 1 / span 3; align-self: start; }
  .toc8 .toc5__head { padding: var(--s2) var(--s3); }
  .toc8__head { margin-bottom: var(--s4); }
  .toc8__impactbody { padding: var(--s2) var(--s3) var(--s3) 0; }
  .toc8__arrow { display: none; }
  .toc8__arrow::before, .toc8__arrow::after { content: none; }
  .toc8__bend { display: none; }
  .toc8__note--impact { top: calc(100% + var(--s2)); bottom: auto; }
}
@media (max-width: 560px) {
  .toc5.toc8 { grid-template-columns: 1fr; grid-template-rows: none; }
  .toc8__col, .toc8__impact { grid-column: 1; }
  .toc8__impact { grid-row: auto; }
}
.kick--led { flex-direction: column; }
.kick__mark { display: block; height: 0; width: 100%; flex: none; }
.kick__lead { flex: none; height: 34svh; width: 100%; }
.kick--led { margin-bottom: 16svh; }
@media (max-width: 700px) {
  .kick__lead { height: 10svh; }
  .kick--led { margin-bottom: 14svh; }
}
.mkt__held--flow {
  min-height: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s var(--ease), margin-bottom 0.3s var(--ease);
}
.mkt__heldwrap { overflow: hidden; min-height: 0; }
.mkt__heldinner {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
.mkt__box--flow.is-open .mkt__held--flow {
  grid-template-rows: 1fr;
  margin-bottom: var(--s3);
}
.mkt__box--flow .mkt__means { margin-top: 0; }
@media (prefers-reduced-motion: reduce) {
  .mkt__held--flow { transition: none; }
}
.buck6__side {
  position: relative;
  display: grid;
  grid-template-columns: minmax(172px, 0.52fr) minmax(0, 2.4fr);
  gap: var(--s4);
  align-items: start;
  margin: var(--s4) 0 0 var(--s4);
  padding-bottom: var(--s6);
}
.buckets--row .buck__pillar { align-self: start; }
.buck6__side.is-measuring *,
.buck6__side.is-measuring { transition: none !important; }
.buck6__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s2);
  align-items: start;
}
.buck6 { min-width: 0; }
.buck6__row { align-items: start; }
.buck6 { min-height: var(--buck6-rest, auto); }
.buck6 .buckS__head .buck__title { min-height: 2.3em; }
.buck6__end {
  position: absolute;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--black);
  white-space: nowrap;
  pointer-events: none;
}
.buck6__end--right { transform: translateX(-100%); }
.buck6__quote {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.32s var(--ease), margin-bottom 0.32s var(--ease);
}
.buck6__quotewrap { overflow: hidden; min-height: 0; }
.buck6.is-open .buck6__quote {
  grid-template-rows: 1fr;
  margin-bottom: var(--s2);
}
.buck6__wires { z-index: 0; }
.buck6__side > .buck__pillar,
.buck6__side > .buck6__row { position: relative; z-index: 1; }
.buck6__spark {
  position: absolute;
  height: 5px;
  animation: buck6-route 3.8s var(--ease) infinite;
}
@keyframes buck6-route {
  0%   { transform: translateX(0); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateX(var(--run, 0)); opacity: 0.9; }
}
@media (prefers-reduced-motion: reduce) {
  .buck6__spark { animation: none; opacity: 0.5; }
  .buck6__quote { transition: none; }
}
@media (max-width: 649px) {
  .buck6__side { grid-template-columns: 1fr; padding-bottom: 0; gap: var(--s3); }
  .buck6__row { grid-template-columns: 1fr; }
  .buck6__wires, .buck6__spark { display: none; }
  .buckets--row .buck__pillar {
    height: auto !important;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    gap: var(--s2);
    padding: var(--s3);
  }
  .buckets--row .buck__pillar .buck__span { font-size: clamp(2.2rem, 12vw, 3.2rem); }
  .buckets--row .buck__pillar .buck__unit { margin-left: 0; }
  .buckets--row .buck__pillar .buck__biglabel {
    margin-top: 0;
    max-width: none;
    flex: 1 1 12rem;
    font-size: var(--t-small);
    line-height: 1.4;
  }
}
@media (max-width: 700px) {
  .station--letter { padding-top: var(--s5); }
  .letter__head { margin-bottom: var(--s3); font-size: 1.15rem; }
  .letter__p + .letter__p { margin-top: var(--s3); }
  .letter__p { font-size: 0.95rem; line-height: 1.5; }
  .letter__sign { font-size: 0.95rem; }
}
.sit6__head { margin-bottom: var(--s3); }
.sit6 .treemap { height: 640px; }
.sit6 .treemap__companies {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--s2);
}
.sit6 .treemap__company--mark {
  padding: 0;
  opacity: 0;
  transition: opacity 0.2s var(--ease);
}
.sit6 .treemap__block:hover .treemap__company--mark,
.sit6 .treemap__block:focus-visible .treemap__company--mark {
  opacity: 1;
  transition-delay: calc(var(--i, 0) * 70ms);
}
.sit6 .treemap__logo {
  display: block;
  height: min(2.5vw, 36px);
  max-width: min(12.5vw, 184px, 100%);
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
}
@media (max-width: 900px) {
  .sit6 .treemap { height: 78svh; min-height: 560px; }
  .sit6 .treemap__logo { height: min(5.5vw, 32px); max-width: min(28vw, 160px, 100%); }
}
.eq__side { display: flex; flex-direction: column; }
.eq__sig--under { margin-top: var(--s4); }
.col8s {
  display: flex;
  gap: 2px;
  margin-top: var(--s4);
  align-items: stretch;
}
.col8 {
  flex: 1 1 0;
  transition: flex-grow 0.34s var(--ease), flex-basis 0.34s var(--ease),
    background 0.24s var(--ease), color 0.24s var(--ease);
}
.col8 { flex: 0 0 2.75rem; }
.col8.is-on { flex: 1 1 0; }
@media (min-width: 650px) {
  .col8--shift { flex: 1 1 0; }
  .col8--mid { flex: 0 0 3.25rem; }
  .col8--mid.is-on { flex: 1 1 0; }
}
.col8 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: var(--white);
  color: var(--black);
  container-type: inline-size;
}
.col8--shift { border: 1px solid var(--black); }
.col8--mid { background: var(--yellow); border: 1px solid var(--yellow); }
.col8.is-on.col8--mid { color: var(--black); }
.col8__head {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s3);
  padding: var(--s3) 0;
  width: 100%;
  cursor: pointer;
  color: inherit;
  background: none;
  transition: background 0.24s var(--ease), color 0.24s var(--ease);
}
.col8__head .mkt__sign { order: -1; }
.col8--shift.is-on .col8__head,
.col8--shift .col8__head:focus-visible { background: var(--black); color: var(--white); }
@media (hover: hover) {
  .col8--shift .col8__head:hover { background: var(--black); color: var(--white); }
}
.col8__name {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
@container (min-width: 4.5rem) {
  .col8__head {
    flex: none;
    flex-direction: column;
    align-items: stretch;
    padding: var(--s2);
    gap: var(--s1);
  }
  .col8__name {
    writing-mode: horizontal-tb;
    transform: none;
    white-space: normal;
    text-align: left;
    letter-spacing: 0.04em;
    overflow-wrap: anywhere;
  }
  .col8__head .mkt__sign { order: -1; align-self: flex-end; }
}
@container (min-width: 11rem) {
  .col8__head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s3);
    padding: var(--s3);
  }
  .col8__name { letter-spacing: var(--track); overflow-wrap: normal; }
  .col8__head .mkt__sign { order: 0; align-self: flex-start; margin-top: 2px; }
}
.col8.is-on .col8__head {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: var(--s3);
}
.col8.is-on .col8__head .mkt__sign { order: 0; margin-top: 3px; }
.col8.is-on .col8__name { writing-mode: horizontal-tb; transform: none; }
.col8 .mkt__sign::before,
.col8 .mkt__sign::after { background: currentColor; }
.col8.is-on .mkt__sign::after { transform: scaleX(0); }
.col8__panel {
  display: grid;
  grid-template-rows: 0fr;
  min-width: 0;
  transition: grid-template-rows 0.42s var(--ease), opacity 0.28s var(--ease);
  opacity: 0;
}
.col8.is-on .col8__panel { grid-template-rows: 1fr; opacity: 1; }
.col8__wrap { overflow: hidden; min-height: 0; min-width: 0; }
.col8__body, .col8__conclusion { padding: var(--s4) var(--s3) var(--s4); }
.col8__means { font-size: var(--t-lead); line-height: 1.4; }
.col8__preview { display: none; }
@container (min-width: 4.5rem) {
  .col8__preview {
    display: block;
    padding: var(--s4) var(--s3) 0;
    font-size: var(--t-lead);
    line-height: 1.4;
  }
}
.col8__list {
  margin-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
.col8__item {
  font-size: var(--t-body);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 2px solid var(--yellow);
}
.col8.is-on.col8--mid .col8__item { border-left-color: var(--black); }
.col8--shift .col8__wrap { background: var(--white); color: var(--black); }
.col8--shift.is-on:not(:has(.col8__preview)) .col8__panel { border-top: 1px solid var(--black); }
.col8--shift .col8__preview { border-top: 1px solid var(--black); }
.col8__source {
  margin-top: var(--s3);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  opacity: 0.6;
}
.col8__conclusion { font-size: var(--t-lead); line-height: 1.4; }
.col8s.is-measuring,
.col8s.is-measuring * { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  .col8s, .col8, .col8__panel { transition: none; }
}
.sit7 .treemap__block { cursor: pointer; }
.sit7 .treemap__block.is-open {
  transform: translateY(-10px) scale(1.035);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.38);
  z-index: 3;
  overflow: visible;
}
.sit7 .treemap__marks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  align-items: center;
  max-width: 15rem;
}
.sit7 .treemap__company--mark {
  opacity: 0;
  min-height: 22px;
  display: flex;
  align-items: center;
  transition: opacity 0.2s var(--ease);
}
.sit6.sit7 .treemap__block.is-open .treemap__companies { opacity: 1; }
.sit6.sit7 .treemap__block:hover .treemap__companies { opacity: 0; }
.sit6.sit7 .treemap__block.is-open:hover .treemap__companies { opacity: 1; }
.sit6.sit7 .treemap__block.is-open .treemap__company--mark {
  opacity: 1;
  transition-delay: calc(var(--i, 0) * 45ms);
}
.sit7 .treemap__company--mark.is-empty { opacity: 0 !important; }
.sit7 .treemap__logo { height: 22px; max-width: 100%; }
@media (max-width: 900px) {
  .sit6 .treemap { height: 108svh; min-height: 720px; }
  .sit7 .treemap__marks { gap: 3px; max-width: 7.5rem; }
  .sit7 .treemap__logo { height: 12px; }
  .sit7 .treemap__company--mark { min-height: 12px; }
}
.pjump {
  position: fixed;
  right: var(--s3);
  bottom: calc(var(--s5) + env(safe-area-inset-bottom, 0px));
  z-index: 55;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: var(--white);
  cursor: pointer;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));
  opacity: 0;
  transition: opacity 0.28s var(--ease);
}
.pjump.is-in { opacity: 1; }
.pjump[hidden] { display: none; }
.pjump__dots { width: 1.35rem; height: 1.35rem; display: block; }
@media (max-width: 900px) {
}
.port__h1 {
  max-width: 30ch;
  font-size: clamp(2.2rem, 4.4vw, var(--t-huge));
}
.rpair {
  display: flex;
  gap: 2px;
  margin-top: var(--s6);
  align-items: stretch;
}
.rpair__col {
  flex: 1 1 0%;
  min-width: 0;
  background: var(--white);
  border: 1px solid var(--grey-3);
  transition: flex-grow 0.34s var(--ease), flex-basis 0.34s var(--ease);
  display: flex;
  flex-direction: column;
}
.rpair__col.is-on { flex: 4 1 0%; }
.rpair__head {
  width: 100%;
  text-align: left;
  padding: var(--s3);
  cursor: pointer;
  background: none;
  color: var(--black);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  transition: background 0.22s var(--ease), color 0.22s var(--ease);
}
.rpair__col:not(.is-on) .rpair__head:hover,
.rpair__col:not(.is-on) .rpair__head:focus-visible { background: var(--black); color: var(--white); }
.rpair__col.is-on .rpair__head { border-bottom: 1px solid var(--grey-3); }
.rpair__body {
  padding: var(--s4);
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.rpair__body .big { font-size: clamp(2.5rem, 9cqi, var(--t-mega)); }
.rpair__body { container-type: inline-size; }
.rpair__col:not(.is-on) .rpair__body { display: none; }
@media (max-width: 900px) {
  .rpair { flex-direction: column; }
  .rpair__col, .rpair__col.is-on { flex: none; }
}
.esg:has(.esg__item:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ring__track { stroke: var(--grey-3); }
.ring__arc--yellow { stroke: var(--yellow); }
.ring__arc--ink { stroke: var(--black); }
.ring__nav { fill: var(--black); }
.prof__sourcelist {
  list-style: none;
  margin: var(--s4) 0 0;
  padding: 0;
  max-width: calc((100% - var(--s4)) / 2);
}
.prof__source {
  font-size: 8px;
  letter-spacing: 0.02em;
  color: var(--grey-1);
  line-height: 1.4;
}
.prof__source + .prof__source { margin-top: 2px; }
.ring__num {
  fill: var(--white);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
.result3 { margin-top: var(--s5); }
.donuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s5);
  margin-top: var(--s7);
  align-items: start;
}
.imp__avsnitt + .donuts { margin-top: 0; }
.donut { display: flex; flex-direction: column; align-items: center; text-align: center; }
.donut .ring__svg { width: min(190px, 60%); height: auto; display: block; }
.donut__cap { margin-top: var(--s3); }
.donut__v {
  display: block;
  font-size: var(--t-big);
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.donut__l {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  max-width: 24ch;
  margin-inline: auto;
}
.rings {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--s6);
  align-items: center;
  margin-top: var(--s7);
}
.rings__svg { width: min(320px, 100%); height: auto; display: block; }
.rings__caption {
  font-size: var(--t-small);
  line-height: 1.5;
  color: var(--grey-1);
  max-width: 40ch;
}
.rings__legend { margin-top: var(--s4); display: flex; flex-direction: column; }
.rings__row {
  display: grid;
  grid-template-columns: 1.6rem minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--s2);
  padding: var(--s2) 0;
  border-bottom: 1px solid var(--grey-3);
}
.rings__n {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-variant-numeric: tabular-nums;
}
.rings__label { font-size: var(--t-body); line-height: 1.35; }
.rings__v { font-size: var(--t-body); font-variant-numeric: tabular-nums; }
@media (max-width: 620px) {
  .donuts { grid-template-columns: 1fr; gap: var(--s6); }
  .rings { grid-template-columns: 1fr; gap: var(--s4); }
  .rings__plot { display: flex; justify-content: center; }
}
.spec { position: relative; }
.open2 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.open2__block {
  position: relative;
  width: 100%;
  max-width: calc(100% - 2 * max(var(--gutter), var(--gutter-h)));
  container-type: inline-size;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.open2__title { margin: 0; }
.open2__line {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: min(35.4cqi, 260px);
  line-height: 0.9077;
  letter-spacing: -0.03em;
  color: var(--white);
  text-align: left;
}
.open2__line--year { font-weight: 500; }
.station--open > .vers { max-width: none; margin-inline: 0; width: 100%; position: static; }
.station--open .vers__panel { width: 100%; height: 100%; }
.station--letter > .vers { max-width: none; margin-inline: 0; width: 100%; }
.letter2 {
  position: relative;
  height: min(71.1111vw, 1024px);
  width: 100vw;
  margin-top: calc(-1.4 * var(--stationtopp, var(--s8)));
  margin-left: calc(50% - 50vw - (var(--gutter) - var(--gutter-h)) / 2);
}
.letter2__head,
.letter2__body {
  position: absolute;
  left: calc(var(--spalt-v) + (100vw - var(--spalt-v) - var(--spalt-h)) / 2);
  transform: translateX(-50%);
}
.letter2__head {
  top: min(18.0556vw, 260px);
  width: min(66.6667vw, 960px);
  height: min(18.3333vw, 264px);
}
.letter2 .letter__head {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: min(6.1111vw, 88px);
  line-height: min(5.5556vw, 80px);
  letter-spacing: -0.01em;
  text-align: center;
  text-wrap: balance;
}
.letter2__body {
  top: calc(min(18.0556vw, 260px) + min(11.1111vw, 160px) + var(--s6) + 3px);
  width: min(50.9722vw, 734px);
  height: min(27.0833vw, 390px);
}
.letter2 .letter__p,
.letter2 .letter__sign {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: max(13px, min(1.3889vw, 20px));
  line-height: max(17px, min(1.8056vw, 26px));
  letter-spacing: -0.01em;
}
.letter2 .letter__p + .letter__p { margin-top: max(10px, min(1.3889vw, 20px)); }
.letter2 .letter__sign { margin-top: max(12px, min(1.8056vw, 26px)); }
.station--letter > .vers { position: static; }
@media (max-width: 700px) {
  .letter2 { height: auto; width: auto; margin: 0; }
  .letter2__head, .letter2__body {
    position: static;
    transform: none;
    width: auto;
    height: auto;
  }
  .letter2__body { margin-top: var(--s4); }
}
.mdl7__head {
  position: relative;
  width: 100vw;
  height: min(43.75vw, 630px);
  margin-top: calc(-1 * var(--s8));
  margin-left: calc(50% - 50vw - (var(--gutter) - var(--gutter-h)) / 2);
}
.mdl7__claim,
.mdl7__lead {
  position: absolute;
  left: var(--gutter);
  margin: 0;
  max-width: none;
}
.mdl7__claim {
  top: min(18.0556vw, 260px);
  width: calc(100% - var(--gutter) - var(--gutter-h));
  height: min(11.6667vw, 168px);
  font-weight: 700;
  font-size: min(5.5556vw, 80px);
  line-height: min(5.2778vw, 76px);
  letter-spacing: -0.02em;
}
.mdl7__lead {
  top: min(38.1944vw, 550px);
  width: min(52.2917vw, 753px);
  height: min(4.5833vw, 66px);
  font-weight: 500;
  font-size: max(13px, min(1.3889vw, 20px));
  line-height: max(15px, min(1.5278vw, 22px));
  letter-spacing: 0;
}
.mdl7 .buck6__spark {
  background: var(--black);
  opacity: 1;
}
.mdl7 .buck6.is-open { height: var(--buck6-open, auto); }
@media (max-width: 860px) {
  .mdl7__head {
    height: auto;
    width: auto;
    margin-top: 0;
    margin-left: 0;
  }
  .mdl7__claim,
  .mdl7__lead {
    position: static;
    width: auto;
    height: auto;
  }
  .mdl7__lead { margin-top: var(--s3); }
  .mdl7 .buck6.is-open { height: auto; }
}
.eq5 {
  position: relative;
  width: 100vw;
  height: min(71.1111vw, 1024px);
  margin-top: calc(-1 * var(--s8));
  margin-left: calc(50% - 50vw - (var(--gutter) - var(--gutter-h)) / 2);
  background: var(--white);
  color: var(--black);
}
.eq5 > * { position: absolute; margin: 0; }
.eq5__title {
  left: var(--gutter);
  top: min(11.9444vw, 172px);
  width: min(47.6vw, 686px);
  height: min(27.7778vw, 400px);
  max-width: none;
  font-weight: 700;
  font-size: min(4.9306vw, 71px);
  line-height: min(4.4444vw, 64px);
  letter-spacing: -0.02em;
  color: var(--black);
}
.eq5__lead {
  left: var(--gutter);
  top: min(34.7222vw, 500px);
  width: min(35.9028vw, 517px);
  height: min(6.25vw, 90px);
}
.eq5__p {
  margin: 0;
  font-weight: 400;
  font-size: var(--t-body);
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--grey-2);
}
.eq5__p + .eq5__p { margin-top: var(--s3); }
.eq5__venn {
  inset: 0;
  padding: 0;
  transform: translateX(calc(8.8889vw - var(--gutter-h)));
}
.eq5__venn > * { position: absolute; }
.eq5__ring {
  border: 1.2px solid var(--black);
  border-radius: 50%;
  top: min(21.6667vw, 312px);
  width: min(18.9583vw, 273px);
  height: min(18.9583vw, 273px);
}
.eq5__ring--a { left: min(61.9444vw, 892px); }
.eq5__ring--b { left: min(72.1528vw, 1039px); }
.eq5__ring--c {
  left: min(67.0139vw, 965px);
  top: min(30.4861vw, 439px);
  width: min(19.0278vw, 274px);
}
.eq5__rlabel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: max(8px, min(0.625vw, 9px));
  line-height: max(9px, min(0.6944vw, 10px));
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--black);
}
.eq5__rlabel--a {
  left: min(62.9861vw, 907px);
  top: min(28.2639vw, 407px);
  width: min(10.2083vw, 147px);
  height: min(1.3889vw, 20px);
}
.eq5__rlabel--b {
  left: min(79.9306vw, 1151px);
  top: min(28.2639vw, 407px);
  width: min(10.1389vw, 146px);
  height: min(1.3889vw, 20px);
}
.eq5__rlabel--c {
  left: min(72.1528vw, 1039px);
  top: min(42.9861vw, 619px);
  width: min(10.1389vw, 146px);
  height: min(1.3194vw, 19px);
}
.eq5__fill {
  left: min(61.9444vw, 892px);
  top: min(21.6667vw, 312px);
  width: min(29.1667vw, 420px);
  height: min(27.7778vw, 400px);
  overflow: visible;
}
.eq5__core { fill: var(--black); }
.eq5__mark {
  left: min(73.6111vw, 1060px);
  top: min(32.9167vw, 474px);
  width: min(5.8333vw, 84px);
  height: auto;
  object-fit: contain;
}
.eq5__sig { inset: 0; pointer-events: none; }
.eq5__sig > * { position: absolute; }
.eq5__portrait {
  left: var(--gutter);
  top: min(64vw, 720px);
  width: min(4.1667vw, 60px);
  height: min(4.1667vw, 60px);
  overflow: hidden;
  background: transparent;
}
.eq5__face { width: 100%; height: 100%; object-fit: cover; display: block; }
.eq5__portrait.is-missing { background: var(--grey-4, #eee); border-radius: 50%; }
.eq5__portrait.is-missing .eq5__face { display: none; }
.eq5__name {
  left: calc(var(--gutter) + min(5.8333vw, 84px));
  top: min(64vw, 720px);
  width: min(15.6vw, 225px);
  font-weight: 700;
  font-size: max(10px, min(0.7639vw, 11px));
  line-height: max(11px, min(0.9028vw, 13px));
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--black);
}
.eq5__role {
  left: calc(var(--gutter) + min(5.8333vw, 84px));
  top: min(66.5vw, 756px);
  width: min(17.4vw, 250px);
  font-weight: 500;
  font-size: max(9px, min(0.6944vw, 10px));
  line-height: max(10px, min(0.8333vw, 12px));
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--black);
}
@media (max-width: 860px) {
  .eq5 {
    height: auto;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s4);
  }
  .eq5 > * { position: static; }
  .eq5__title,
  .eq5__lead,
  .eq5__name,
  .eq5__role {
    width: auto;
    height: auto;
    font-size: unset;
    line-height: unset;
  }
  .eq5__title { font-size: clamp(1.9rem, 8.5vw, 3rem); line-height: 1.02; }
  .eq5__p { font-size: var(--t-body); line-height: 1.5; }
  .eq5__venn {
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    aspect-ratio: 420 / 400;
    align-self: center;
    max-width: 420px;
  }
  .eq5__ring, .eq5__rlabel, .eq5__fill, .eq5__mark { position: absolute; }
  .eq5__ring { top: 0; width: 65%; height: 68.25%; }
  .eq5__ring--a { left: 0; }
  .eq5__ring--b { left: 35%; }
  .eq5__ring--c { left: 17.38%; top: 31.75%; width: 65.24%; }
  .eq5__rlabel--a { left: 3.57%; top: 23.75%; width: 35%; height: 5%; }
  .eq5__rlabel--b { left: 61.67%; top: 23.75%; width: 34.76%; height: 5%; }
  .eq5__rlabel--c { left: 35%; top: 76.75%; width: 34.76%; height: 4.75%; }
  .eq5__fill { left: 0; top: 0; width: 100%; height: 100%; }
  .eq5__mark { left: 38.57%; top: 41.5%; width: 23.1%; height: auto; }
  .eq5__sig {
    position: static;
    inset: auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: var(--s3);
    row-gap: 2px;
    align-items: center;
    justify-items: start;
  }
  .eq5__sig > * { position: static; }
  .eq5__portrait {
    width: 60px;
    height: 60px;
    flex: 0 0 auto;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
  }
  .eq5__name { grid-column: 2; grid-row: 1; align-self: end; }
  .eq5__role { grid-column: 2; grid-row: 2; align-self: start; }
}
.res4__title {
  min-height: 0;
  margin-bottom: var(--s4);
  display: flex;
  align-items: flex-start;
}
.res4__claim {
  margin: 0;
  max-width: min(69.4444vw, 1000px);
  font-weight: 700;
  font-size: min(5.5556vw, 80px);
  line-height: min(5.2778vw, 76px);
  letter-spacing: -0.02em;
}
.res4__number {
  position: relative;
  width: 100vw;
  height: min(71.1111vw, 1024px);
  margin-left: calc(50% - 50vw - (var(--gutter) - var(--gutter-h)) / 2);
}
.res4__bigbox {
  position: absolute;
  left: var(--gutter);
  top: min(13.4722vw, 194px);
  width: calc(100% - var(--gutter) - var(--gutter-h));
  height: min(34.7222vw, 500px);
  text-align: center;
}
.res4__big {
  display: block;
  font-weight: 700;
  font-size: calc(min(630px, calc((100vw - var(--gutter) - var(--gutter-h)) * 0.6)) * var(--fit, 1));
  line-height: min(34.7222vw, 500px);
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.res4__caption {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: min(56.7361vw, 817px);
  width: min(46.6667vw, 672px);
  height: min(0.8333vw, 12px);
  margin: 0;
  overflow: hidden;
  text-align: center;
  font-size: max(8px, min(0.625vw, 9px));
  line-height: max(11px, min(0.8333vw, 12px));
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.res4__fitline { font-size: calc(1em * var(--fit, 1)); }
.res4__strong { font-weight: 700; }
.res4__soft { font-weight: 500; }
.result--bare { display: block; }
.result--bare .rev { width: 100%; }
.res4__data { margin-top: var(--s6); }
@media (max-width: 860px) {
  .res4__title { min-height: 0; }
  .res4__claim { font-size: clamp(1.9rem, 8.5vw, 3rem); line-height: 1.02; max-width: none; }
  .res4__number {
    position: static;
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: var(--s5);
  }
  .res4__bigbox,
  .res4__caption {
    position: static;
    transform: none;
    width: auto;
    height: auto;
  }
  .res4__big { font-size: calc(34vw * var(--fit, 1)); line-height: 0.82; }
  .res4__caption {
    margin-top: var(--s3);
    white-space: normal;
    overflow: visible;
    text-align: left;
  }
  .res4__fitline { font-size: 1em; }
}
:root[data-titles="drawn"] .claim {
  font-weight: 700;
  font-size: min(5.5556vw, 80px);
  line-height: min(5.2778vw, 76px);
  letter-spacing: -0.02em;
}
:root[data-titles="drawn"] .lead {
  font-weight: 500;
  font-size: max(13px, min(1.3889vw, 20px));
  line-height: max(15px, min(1.5278vw, 22px));
  letter-spacing: 0;
}
:root[data-titles="light"] .mdl7__claim,
:root[data-titles="light"] .res4__claim,
:root[data-titles="light"] .eq5__title {
  font-weight: 400;
  font-size: var(--t-huge);
  line-height: 1.02;
  letter-spacing: -0.035em;
}
:root[data-titles="light"] .mdl7__lead {
  font-weight: 400;
  font-size: var(--t-lead);
  line-height: 1.42;
}
.col11s { margin-top: var(--s4); }
.col11s__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  align-items: start;
}
.col11 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: var(--white);
  color: var(--black);
}
.col11--shift { border: 1px solid var(--black); }
.col11--shift { height: var(--col11-closed, auto); }
.col11--shift.is-on { height: var(--col11-open, auto); }
.col11s__row.is-measuring,
.col11s__row.is-measuring * { transition: none !important; }
.col11s__row.is-measuring .col11--shift { height: auto; }
.col11--mid {
  background: var(--yellow);
  border: 1px solid var(--yellow);
  margin-top: 2px;
}
.col11.is-on.col11--mid { color: var(--black); }
.col11__head {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--s3);
  padding: var(--s3);
  cursor: pointer;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  text-align: left;
  transition: background 0.24s var(--ease), color 0.24s var(--ease);
}
.col11--shift.is-on .col11__head,
.col11--shift .col11__head:focus-visible { background: var(--black); color: var(--white); }
@media (hover: hover) {
  .col11--shift .col11__head:hover { background: var(--black); color: var(--white); }
}
.col11__name { text-transform: uppercase; }
.col11--mid .col11__name { font-weight: 700; }
.col11 .mkt__sign::before,
.col11 .mkt__sign::after { background: currentColor; }
.col11.is-on .mkt__sign::after { transform: scaleX(0); }
.col11__panel {
  display: grid;
  grid-template-rows: 0fr;
  min-width: 0;
  transition: grid-template-rows 0.42s var(--ease), opacity 0.28s var(--ease);
  opacity: 0;
}
.col11.is-on .col11__panel { grid-template-rows: 1fr; opacity: 1; }
.col11__wrap { overflow: hidden; min-height: 0; min-width: 0; }
.col11__preview { padding: var(--s4) var(--s3); }
.col11__body { padding: 0 var(--s3) var(--s4); }
.col11__conclusion { padding: var(--s4) var(--s3); }
.col11__preview { font-size: var(--t-lead); line-height: 1.4; }
.col11--shift .col11__preview { border-top: 1px solid var(--black); }
.col11__list {
  margin-top: var(--s3);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
.col11__item {
  font-size: var(--t-body);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 2px solid var(--yellow);
}
.col11--shift .col11__wrap { background: var(--white); color: var(--black); }
.col11--shift.is-on:not(:has(.col11__preview)) .col11__panel { border-top: 1px solid var(--black); }
.col11__source {
  margin-top: var(--s3);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  opacity: 0.6;
}
.col11__conclusion { font-size: var(--t-lead); line-height: 1.4; }
@media (prefers-reduced-motion: reduce) {
  .col11__panel { transition: none; }
}
.deck {
  position: fixed;
  top: calc(var(--mast-h, 59px) + var(--s2));
  right: var(--s4);
  z-index: 45;
  display: flex;
  align-items: flex-start;
  gap: 2px;
}
.deck__slot {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.deck__slot > .vers__control { display: none; }
.deck__slot > .vers__control.is-here { display: block; }
.deck .vers__menu,
.deck .vis__menu { right: 0; }
@media (max-width: 860px) {
  .deck {
    top: calc(var(--mast-h, 46px) + var(--s2));
    right: var(--s3);
    max-width: calc(100vw - 2 * var(--s3));
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .deck .vers__menu,
  .deck .vis__menu { min-width: min(230px, 78vw); }
}
.station--dark.is-lit {
  background: var(--white);
  color: var(--black);
}
.station--dark.is-lit .eyebrow,
.station--dark.is-lit .lead { color: var(--grey-1); }
.station.is-dim {
  background: var(--black);
  color: var(--white);
}
.station.is-dim .eyebrow,
.station.is-dim .lead { color: var(--grey-2); }
.mdl8 .buck6 { height: var(--buck6-open, auto); }
.mdl8 .buck6__side.is-measuring .buck6 { height: auto; }
.mdl8 .buck6__quote {
  grid-template-rows: 1fr;
  margin-bottom: var(--s2);
  transition: none;
}
.mdl8 .buck6__quotewrap {
  opacity: 0;
  transition: opacity 0.26s var(--ease);
}
.mdl8 .buck6.is-open .buck6__quotewrap { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .mdl8 .buck6__quotewrap { transition: none; }
}
@media (max-width: 860px) {
  .mdl8 .buck6 { height: auto; }
}
.life__phases {
  display: grid;
  grid-template-columns: 60fr 40fr;
  grid-template-rows: auto auto 1fr;
  column-gap: var(--s3);
  margin-top: var(--s5);
  margin-right: calc(-1 * min(80px, max(0px, var(--gutter-h) - 120px)));
}
@media (max-width: 1250px) {
  .life__phases {
    margin-right: calc(-1 * max(0px, var(--gutter-h) - 40px));
  }
}
.life__phase {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  column-gap: 0;
  row-gap: 0;
  min-width: 0;
}
.life__phase--post { --n: 2; }
.life__phasehead {
  grid-column: 1 / -1;
  grid-row: 1;
  align-self: end;
  display: flex;
  align-items: flex-end;
  min-height: 3.2rem;
  position: relative;
  z-index: 5;
  margin: 0;
  padding: var(--s3);
  background: var(--black);
  color: var(--white);
  font-size: var(--t-small);
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-weight: 500;
}
.life__phasehead .toc8__note,
.life__phasehead .toc8__note * {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
}
.life__phase--post .life__phasehead { background: var(--grey-1); }
.life__step {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  min-width: 0;
  background: var(--white);
  color: var(--black);
  border: none;
  outline: 1px solid var(--black);
  outline-offset: -1px;
}
.life__stephead {
  display: flex;
  align-items: baseline;
  gap: var(--s2);
  padding: var(--s3);
  border-bottom: 1px solid var(--black);
}
.life__n {
  flex: none;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  font-weight: 500;
  color: var(--grey-1);
}
.life__steptitle {
  margin: 0;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  font-weight: 500;
}
.life__stepbody {
  padding: var(--s3);
  display: flex;
  flex-direction: column;
}
.life__lead {
  margin: 0 0 var(--s3);
  font-size: var(--t-small);
  line-height: 1.45;
  color: var(--grey-1);
}
.life__list {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.life__item {
  font-size: var(--t-body);
  line-height: 1.45;
  padding-left: var(--s2);
  border-left: 2px solid var(--yellow);
}
.life__phasehead .toc8__pin { color: inherit; }
.toc8__note--life {
  bottom: calc(100% + var(--s2));
  top: auto;
  left: 0;
  width: min(22rem, 100%);
}
@media (max-width: 900px) {
  .life__phases {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
  }
  .life__phase {
    grid-row: auto;
    grid-template-rows: auto auto 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .life__phase--post .life__phasehead { grid-column: 1 / 3; }
  .life__step { grid-row: 2 / span 2; }
}
@media (max-width: 620px) and (min-width: 460px) {
  .life__stephead,
  .life__stepbody,
  .life__phasehead { padding: var(--s2); }
  .life__list { gap: var(--s1); }
  .life__lead { margin-bottom: var(--s2); }
}
@media (max-width: 459px) {
  .life__phase {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .life__step {
    grid-row: auto;
    display: flex;
    flex-direction: column;
  }
  .life__phase--post .life__phasehead { grid-column: 1 / -1; }
}
.life--glesa .life__phase { column-gap: var(--s2); }
.life--glesa .life__phasehead { margin-bottom: var(--s2); }
@media (max-width: 900px) {
  .life--glesa .life__phasehead,
  .life--glesa .life__stephead,
  .life--glesa .life__stepbody {
    padding-left: var(--s2);
    padding-right: var(--s2);
  }
}
@media (max-width: 620px) and (min-width: 460px) {
  .life--glesa .life__phasehead,
  .life--glesa .life__stephead,
  .life--glesa .life__stepbody {
    padding-left: var(--s1);
    padding-right: var(--s1);
  }
}
@media (max-width: 459px) {
  .life--glesa .life__phase { row-gap: var(--s2); }
  .life--glesa .life__phasehead { margin-bottom: 0; }
}
@media (max-width: 900px) {
  .toc8__note--life { width: 100%; }
}
:root {
  --numline: 0.6875rem;
  --numtrack: 0.14em;
}
.buck__n,
.col11__name,
.col8__name,
.life__n,
.life__steptitle {
  font-family: var(--font);
  font-weight: 500;
  font-size: calc(var(--numline) * var(--fit, 1));
  letter-spacing: var(--numtrack);
}
.buck__n { margin-bottom: var(--s2); opacity: 0.55; }
.buck__title { margin-top: 0; }
.mkt__sign,
.buck__sign,
.buck6 .mkt__sign,
.col11 .mkt__sign {
  width: var(--numline);
  height: var(--numline);
}
.mkt__sign::before,
.mkt__sign::after,
.buck__sign::before,
.buck__sign::after { height: 1.5px; }
.is-caps .claim,
.is-caps .letter__head,
.is-caps .open2__line,
.is-caps .res4__big,
.is-caps .eq5__title { text-transform: uppercase; }
.is-caps .claim { letter-spacing: -0.045em; }
.caps__trigger {
  font-variant-numeric: tabular-nums;
  min-width: 2.6rem;
  justify-content: center;
}
.caps__trigger.is-on {
  background: var(--black);
  color: var(--yellow);
}
.col11--bare { padding: 0; }
.col11--bare .col11__wrap { overflow: visible; }
.kick--big .kick__text {
  font-size: min(6.1111vw, 88px);
  line-height: min(5.5556vw, 80px);
  letter-spacing: -0.01em;
  font-weight: 700;
  text-transform: none;
  color: var(--black);
}
.kick--big .kick__inner { max-width: min(66.6667vw, 960px); }
.is-topdark #year-kick-2 {
  background: var(--black);
  color: var(--white);
}
.is-topdark #year-kick-2 .kick__text { color: var(--white); }
.kick--big .kick__lead { display: none; }
.kick--big .kick__inner { margin-block: 0; }
.kick--big {
  min-height: 0;
  align-items: flex-start;
  margin-top: -200px;
  padding-top: 166px;
  --runtail: calc(50svh - 200px);
  padding-bottom: calc(500px + var(--runtail));
  margin-bottom: 0;
}
.is-caps .kick--big .kick__text { text-transform: uppercase; }
@media (max-width: 860px) {
  :root { --gutter: var(--s2); }
  :root { --stationtopp: calc(var(--s7) * 1.15 / 1.4); }
  .station { padding-block: calc(var(--s7) * 1.15); }
  .claim,
  .mdl7__claim,
  .res4__claim,
  .eq5__title {
    font-size: clamp(2rem, 10.5vw, 3.4rem);
    line-height: 0.96;
    letter-spacing: -0.02em;
    font-weight: 700;
    max-width: none;
    width: auto;
    height: auto;
    text-align: center;
    text-wrap: balance;
  }
  .lead,
  .mdl7__lead {
    text-align: center;
    max-width: none;
    margin-inline: auto;
  }
}
.team { margin-top: var(--s5); }
.team__frame {
  margin: 0;
  overflow: hidden;
  background: var(--grey-4, #eee);
  aspect-ratio: 3 / 2;
}
.team__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.team__frame.is-missing { display: grid; place-items: center; min-height: 18rem; }
.team__frame.is-missing .team__img { display: none; }
.team__list {
  margin-top: var(--s4);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
  gap: var(--s3) var(--s3);
  align-items: start;
}
.team__col { min-width: 0; }
.team__stack {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
}
.team__person { display: flex; flex-direction: column; gap: 2px; }
.team__name { white-space: nowrap; }
.team__name {
  font-size: max(10px, min(0.7639vw, 11px));
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.team__role {
  font-size: max(9px, min(0.6944vw, 10px));
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--grey-1);
}
.team__pending {
  margin-top: var(--s3);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.letter3 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: var(--s5);
  align-items: start;
  max-width: 72rem;
  margin-inline: auto;
}
.letter3__words { min-width: 0; }
.letter3 .letter__head {
  margin: 0 0 var(--s4);
  font-weight: 700;
  font-size: min(3.6111vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.01em;
  text-align: left;
  text-wrap: balance;
}
.letter3 .letter__p + .letter__p { margin-top: var(--s3); }
.letter3 .letter__sign { margin-top: var(--s4); }
.letter3__frame {
  margin: 0;
  overflow: hidden;
  background: var(--grey-4, #eee);
  aspect-ratio: 3 / 2;
  position: sticky;
  top: var(--s6);
}
.letter3__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.letter3__frame.is-missing { display: grid; place-items: center; min-height: 14rem; }
.letter3__frame.is-missing .letter3__img { display: none; }
@media (max-width: 900px) {
  .letter3 { grid-template-columns: 1fr; gap: var(--s4); }
  .letter3__frame { position: static; }
  .letter3 .letter__head { font-size: clamp(1.8rem, 8vw, 2.6rem); }
}
.sdg__eyebrow {
  margin-top: var(--s2);
  font-size: var(--numline);
  letter-spacing: var(--numtrack);
  text-transform: uppercase;
  font-weight: 500;
  color: var(--grey-1);
  max-width: 85%;
}
.chart-note {
  margin-top: var(--s3);
  font-size: var(--t-small);
  line-height: 1.45;
  color: var(--grey-1);
  max-width: 100%;
}
@media (max-width: 860px) {
  .sdg__eyebrow { max-width: none; text-align: center; margin-inline: auto; }
  .chart-note { max-width: none; }
}
.toc8__notep--term + .toc8__notep--term { margin-top: var(--s3); }
.toc8__term {
  font-weight: 700;
  margin-right: 2px;
}
.toc8__term--mark {
  background: var(--yellow);
  color: var(--black);
  padding: 1px 4px;
  margin-left: -4px;
}
.toc8__claim { max-width: 100%; }
@media (min-width: 861px) {
  .toc8__claim .toc8__pin { white-space: nowrap; }
}
@media (max-width: 860px) {
  .toc8__claim { max-width: none; }
}
.eq5 { overflow-x: clip; }
.eq5--dark {
  background: var(--black);
  color: var(--white);
}
.eq5--dark .eq5__title,
.eq5--dark .eq5__rlabel,
.eq5--dark .eq5__name { color: var(--white); }
.eq5--dark .eq5__role { color: var(--grey-2); }
.eq5--dark .eq5__ring { border-color: var(--white); }
.eq5--dark .eq5__core { fill: var(--yellow); }
.eq5--dark .eq5__mark {
  filter: brightness(0);
}
.eq5--dark .eq5__portrait { background: transparent; }
.eq5--dark .eq5__portrait.is-missing { background: var(--grey-1); border-radius: 50%; }
.kick--big { position: relative; }
.kick__runmark {
  position: absolute;
  left: 0;
  width: 1px;
  height: 0;
  pointer-events: none;
}
.kick__mark--from { top: 440px; }
.kick__mark--to { bottom: var(--runtail); }
.mkt--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mkt__below {
  margin-top: var(--s3);
  background: var(--yellow);
  color: var(--black);
  padding: var(--s4);
}
.mkt__belowbody {
  margin: 0;
  font-size: var(--t-lead);
  line-height: 1.4;
  max-width: 100%;
}
@media (max-width: 860px) {
  .mkt--pair { grid-template-columns: 1fr; }
}
.titles__trigger {
  min-width: 2.9rem;
  justify-content: center;
}
.titles__trigger.is-on {
  background: var(--black);
  color: var(--yellow);
}
@media (max-width: 860px) {
  .team__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
  }
}
.mkt__ref {
  font-size: 0.62em;
  font-weight: 500;
  line-height: 0;
  vertical-align: super;
  margin-left: 1px;
}
.mkt__ref--src { margin-left: 0; margin-right: 4px; }
.mkt--pair .mkt__box {
  height: var(--mkt-shut, auto);
  transition: height 0.3s var(--ease);
}
.mkt--pair .mkt__box.is-open { height: var(--mkt-open, auto); }
.mkt--pair.is-measuring .mkt__box,
.mkt--pair.is-measuring .mkt__box * {
  height: auto !important;
  transition: none !important;
}
.mkt.is-measuring,
.mkt.is-measuring * { transition: none !important; }
@media (max-width: 860px) {
  .mkt--pair .mkt__box.is-open { height: auto; }
}
.pnew__marklogo[src$="logo-seapattern-white.png"],
.pnew__logo[src$="logo-seapattern-white.png"],
.pnew__wordmark[src$="logo-seapattern-white.png"],
.pv2__marklogo[src$="logo-seapattern-white.png"],
.pv3__logo[src$="logo-seapattern-white.png"],
.pv3__signlogo[src$="logo-seapattern-white.png"],
.port__logo[src$="logo-seapattern-white.png"] {
  filter: none;
}
.map__logo[src$="logo-seapattern-white.png"],
.elem__logo[src$="logo-seapattern-white.png"],
.toc3__marklogo[src$="logo-seapattern-white.png"],
.pnew__mark--logo:hover .pnew__marklogo[src$="logo-seapattern-white.png"],
.pnew__mark--logo:focus-visible .pnew__marklogo[src$="logo-seapattern-white.png"],
.pnew__mark--logo.is-open .pnew__marklogo[src$="logo-seapattern-white.png"],
.pv2__mark:hover .pv2__marklogo[src$="logo-seapattern-white.png"],
.pv2__mark:focus-visible .pv2__marklogo[src$="logo-seapattern-white.png"],
.pv2__mark.is-open .pv2__marklogo[src$="logo-seapattern-white.png"] {
  filter: invert(1);
}
.imp { margin-top: var(--s7); }
.res4__title + .imp { margin-top: 0; }
.imp__avsnitt {
  display: block;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  margin-bottom: var(--s5);
}
.imp__par {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  column-gap: var(--s5);
  row-gap: 0;
  align-items: start;
}
.imp__kort {
  margin: 0;
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  align-content: start;
  --diagram-bredd: 300px;
  --text-insteg: max(0px, calc((100% - var(--diagram-bredd)) / 2));
}
@media (max-width: 900px) {
  .imp__kort { --text-insteg: 0px; }
}
.imp__head,
.imp__axel--y,
.imp__not {
  padding-left: var(--text-insteg);
}
.imp__head { margin-bottom: var(--s4); align-self: start; }
.imp__rubrik {
  font-size: var(--t-lead);
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-weight: 400;
  max-width: 24ch;
}
.imp__label {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.imp__vaxt {
  display: block;
  margin-top: var(--s2);
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.imp__plot {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.imp__axel { align-self: stretch; }
.imp__cols {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 88px;
  justify-content: center;
  gap: var(--s4);
  align-items: end;
  height: 210px;
  width: min(300px, 100%);
}
.imp__col { display: grid; grid-template-rows: auto 1fr auto; height: 100%; gap: 5px; }
.imp__cols::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--fot, 26px);
  border-top: 1px solid var(--black);
  pointer-events: none;
}
.imp__v {
  font-size: var(--t-tiny);
  color: var(--grey-1);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.imp__track { display: flex; align-items: flex-end; }
.imp__fill {
  width: 100%;
  height: 0;
  display: flex;
  flex-direction: column;
  transition: height 1.05s var(--ease-out);
}
.imp__fill[data-vaxt] { height: var(--h); }
.imp__over { display: block; height: var(--del); background: var(--yellow); flex-shrink: 0; }
.imp__under { display: block; height: var(--del); background: var(--black); flex-shrink: 0; }
.imp__q {
  font-size: var(--t-tiny);
  color: var(--grey-1);
  text-align: center;
  padding-top: 8px;
  letter-spacing: var(--track);
  text-transform: uppercase;
}
.imp__track { position: relative; }
.imp__mal {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--mal, 50%);
  border-top: 1px dashed var(--grey-2);
  pointer-events: none;
  z-index: 1;
}
.imp__marktext {
  position: absolute;
  right: 0;
  bottom: 4px;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.imp__axel {
  display: block;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
}
.imp__axel--y { margin-bottom: var(--s2); }
.imp__axel--x {
  margin-top: var(--s2);
  text-align: center;
  align-self: center;
  width: var(--stapelspann, 200px);
}
.imp__not { margin-top: var(--s4); }
@media (max-width: 900px) {
  .imp__par { column-gap: var(--s4); }
  .imp__cols { height: 180px; }
}
@media (min-width: 621px) and (max-width: 860px) {
  .imp__cols { width: 100%; }
}
.barrier__source,
.buck__source:not(.buck__source--big),
.col11__source,
.col8__source,
.duo__source,
.gapx__source,
.mkt__hidden--src,
.prof__source {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-1);
  font-weight: 400;
}
.mkt__hidden--src {
  list-style: none;
  margin-top: var(--s2);
}
.mkt__hidden--src::marker { content: ""; }
@media (max-width: 1200px) {
  .open2__title,
  .open2__line,
  .letter__head,
  .letter2 .letter__head,
  .letter3 .letter__head,
  .kick__text,
  .claim,
  .eq5__title,
  .lead,
  .imp__rubrik,
  .prof__partname { text-align: left; }
  .eq5__name { font-size: max(12px, min(0.7639vw, 11px)); }
  .eq5__role,
  .eq5__rlabel,
  .team__name,
  .team__role { font-size: max(11px, 1vw); }
}
@media (max-width: 860px) {
  .pnew__mark { min-height: 44px; min-width: 44px; }
  .vers__trigger { min-height: 44px; }
  .vis__trigger { min-height: 44px; }
  .skip { min-height: 44px; }
  .open2__block {
    max-width: calc(100% - 2 * clamp(16px, calc(16px + (100vw - 400px) * 0.09), 56px));
  }
}
.eq5__name,
.eq5__role {
  width: max-content;
  max-width: calc(100vw - var(--gutter) - var(--gutter-h));
  white-space: nowrap;
}
@media (max-width: 700px) {
  .eq5__name,
  .eq5__role { white-space: normal; }
}
@media (max-width: 697px) {
  .pnew__row--logo {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.pnew, .pnew__open, .pnew__row { overflow-anchor: none; }
.pjump { display: none !important; }
.imp__not {
  max-width: none;
}
.imp__not strong {
  font-weight: 400;
  background: var(--black);
  color: var(--white);
  padding: 0.08em 0.3em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.toc5__panel:not([hidden]) { min-height: var(--toc5-oppen, auto); }
.toc5.is-measuring .toc5__panel {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
.station__head--ensam { margin-top: 0; }
@media (max-width: 620px) {
  .imp__par {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    row-gap: var(--s6);
  }
  .imp__kort { display: block; grid-row: auto; grid-template-rows: none; }
}
@media (max-width: 460px) {
  :root .claim,
  :root[data-titles="drawn"] .claim,
  :root[data-titles="drawn"] .mdl7__claim,
  :root[data-titles="drawn"] .res4__claim,
  :root .mdl7__claim,
  :root .res4__claim {
    font-size: min(9.1667vw, 88px);
    line-height: min(8.75vw, 84px);
  }
  :root .letter__head,
  :root .letter2 .letter__head,
  :root .letter3 .letter__head {
    font-size: min(9.1667vw, 88px);
    line-height: 1.1;
  }
}
@media (max-width: 700px) {
  :root .eq5__name,
  :root .eq5__role {
    width: auto;
    max-width: 100%;
  }
}
.is-mork + .is-mork { box-shadow: 0 -1px 0 var(--black); }
.imp__kort > * { min-width: 0; }
.team__role,
.treemap__name { overflow-wrap: break-word; }
@media (max-width: 400px) {
  .team__list {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-flow: row;
  }
}
#quote { padding-bottom: var(--s6); }
#lifecycle { padding-top: var(--s7); }
:root { --stationluft: var(--s8); }
@media (max-width: 860px) {
  :root { --stationluft: calc(var(--s7) * 1.15); }
}
#quote { margin-bottom: calc(var(--stationluft) - var(--s6)); }
@media (max-width: 860px) {
  .kick--big {
    margin-top: -80px;
    padding-top: 140px;
  }
}
.prof__source {
  font-size: max(8px, min(0.6944vw, 10px));
  letter-spacing: 0.02em;
  line-height: 1.4;
}
@media (max-width: 1360px) {
  .prof__sourcelist { max-width: calc((100% - var(--s4)) / 2); }
  .prof__source { font-size: min(8px, 1.5vw); }
}
@media (min-width: 901px) {
  .res5 .donuts,
  .res5 .rings {
    margin-inline: calc(((100% - var(--s5)) / 2 - 300px) / 2);
  }
  .res5 .donuts {
    grid-template-columns: 300px 300px;
    justify-content: space-between;
  }
  .res5 .rings { grid-template-columns: 300px minmax(0, 1fr); }
  .res5 .rings__plot { display: flex; justify-content: center; }
}
.buck9 .buck9__rail { display: none; }
@media (max-width: 620px) {
  .buck9 .buck__side {
    grid-template-columns: minmax(0, 1fr) 5%;
    column-gap: var(--s2);
    row-gap: var(--s5);
  }
  .buck9 .buck__pillar { grid-column: 1 / -1; grid-row: 1; }
  .buck9 .buck__stack { grid-column: 1; grid-row: 2; }
  .buck9 .buck9__rail {
    display: block;
    position: relative;
    grid-column: 2;
    grid-row: 2;
  }
  .buck9 .buck9__line {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: var(--grey-3);
    overflow: visible;
  }
  .buck9 .buck9__spark {
    position: absolute;
    left: -2px;
    top: 0;
    --h: 26%;
    width: 5px;
    height: var(--h);
    background: var(--black);
    animation: buck9-rail 3.8s var(--ease) infinite;
  }
  .buck9 .buck9__end {
    position: absolute;
    right: 0;
    font-size: var(--t-tiny);
    letter-spacing: var(--track);
    text-transform: uppercase;
    color: var(--black);
    white-space: nowrap;
    bottom: calc(100% + var(--s2));
  }
  .buck9 .buck9__end--bottom {
    bottom: auto;
    top: calc(100% + var(--s2));
  }
  .buck9 .buck__route { display: none; }
  .buck9 .buckS__head,
  .buck9 .buckS__body { padding-left: var(--s2); padding-right: var(--s2); }
}
@keyframes buck9-rail {
  0%   { transform: translateY(0); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(284.6%); opacity: 0.9; }
}
.res5 .imp > .imp__not {
  --text-insteg: 0px;
  padding-left: 0;
  max-width: none;
}
@media (min-width: 901px) {
  .res5 .imp > .imp__not {
    margin-left: calc(((100% - var(--s5)) / 2 - 300px) / 2);
    margin-right: 0;
    max-width: 300px;
  }
}
.res5 .imp__head {
  width: min(300px, 100%);
  justify-self: center;
  padding-left: 0;
}
.res5 .imp__rubrik {
  max-width: none;
  font-size: 18px;
  line-height: 1.25;
}
.res5 .imp__vaxt { text-align: left; }
@media (min-width: 621px) and (max-width: 860px) {
  .res5 .imp__head { width: 100%; }
}
@media (max-width: 1024px) {
  .res5 .imp__head {
    width: 100%;
    justify-self: stretch;
  }
}
.eq5__sig--flode {
  inset: auto;
  position: absolute;
  left: var(--gutter);
  top: min(64vw, 720px);
  display: flex;
  align-items: center;
  gap: var(--s3);
  width: min(35.9028vw, 517px);
  height: auto;
}
.eq5__sig--flode > * { position: static; }
.eq5__sig--flode .eq__portrait {
  flex: none;
  width: 60px;
  height: 60px;
  box-shadow: none;
}
.eq5__sig--flode .eq__missing { display: none; }
@media (min-width: 861px) {
  :root {
    --gutter-h: clamp(40px, calc(40px + (100vw - 861px) * 0.276), 200px);
  }
}
.mdl7__claim {
  height: auto;
  min-height: calc(3 * min(5.4097vw, 77.9px));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.mdl7__lead {
  top: auto;
  margin-top: min(2.6389vw, 38px);
  position: static;
}
.mdl7__head > .mdl7__claim { position: static; }
.mdl7__head {
  padding-top: min(18.0556vw, 260px);
  padding-left: var(--gutter);
  padding-right: var(--gutter-h);
  min-height: min(43.75vw, 630px);
  height: auto;
}
.mdl7__head > .mdl7__claim,
.mdl7__head > .mdl7__lead { left: auto; width: auto; max-width: none; }
.mdl7__head > .mdl7__lead { max-width: min(52.2917vw, 753px); height: auto; }
:root[data-titles="drawn"] .claim {
  font-size: min(5.6944vw, 82px);
  line-height: min(5.4097vw, 77.9px);
  text-wrap: wrap;
}
.team__name--link {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid var(--yellow);
  padding: 0 0.1em 1px;
  transition: background 0.18s var(--ease), color 0.18s var(--ease),
              border-color 0.18s var(--ease);
}
.team__name--link:hover,
.team__name--link:focus-visible {
  background: var(--black);
  color: var(--white);
  border-bottom-color: var(--black);
}
.station--dark .team__name--link:hover,
.station--dark .team__name--link:focus-visible,
[data-ground="dark"] .team__name--link:hover,
[data-ground="dark"] .team__name--link:focus-visible {
  background: var(--white);
  color: var(--black);
  border-bottom-color: var(--white);
}
@media (prefers-reduced-motion: reduce) {
  .team__name--link { transition: none; }
}
:root.is-fardig .deck { display: none; }
.share__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: var(--s2);
  padding: 0;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  vertical-align: middle;
  pointer-events: auto;
  transition: opacity 0.18s var(--ease);
}
.share__trigger:hover,
.share__trigger:focus-visible { opacity: 0.62; }
.share__icon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.share__icon circle { fill: currentColor; stroke: none; }
.share__scrim {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--s3);
  background: rgba(0, 0, 0, 0.62);
}
.share__scrim.is-open { display: flex; }
.share__box {
  position: relative;
  outline: none;
  width: min(420px, 100%);
  padding: var(--s4);
  background: var(--white);
  color: var(--black);
  text-align: left;
}
.share__title {
  margin: 0 0 var(--s3);
  padding-right: var(--s4);
  font-size: var(--t-body);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.share__row {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid var(--black);
}
.share__field {
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  font-size: var(--t-small);
  text-overflow: ellipsis;
}
.share__field:focus { outline: none; }
.share__copy {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  padding: 0;
  border: none;
  border-left: 1px solid var(--black);
  background: none;
  color: inherit;
  cursor: pointer;
  transition: background 0.18s var(--ease), color 0.18s var(--ease);
}
.share__copy { background: var(--yellow); color: var(--black); }
.share__copy:hover,
.share__copy:focus-visible { background: var(--black); color: var(--white); }
.share__copyicon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.share__receipt {
  display: block;
  min-height: 1.2em;
  margin-top: 6px;
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
}
.share__services {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  margin-top: var(--s3);
  padding-top: var(--s3);
  border-top: 1px solid var(--grey-3);
}
.share__service {
  font-size: var(--t-tiny);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--grey-2);
}
.share__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.18s var(--ease);
}
.share__close:hover,
.share__close:focus-visible { opacity: 0.6; }
:root.is-sharing { overflow: hidden; }
@media (max-width: 620px) {
  .share__box { padding: var(--s3); }
  .share__title { font-size: var(--t-small); }
}
@media (prefers-reduced-motion: reduce) {
  .share__trigger,
  .share__copy,
  .share__close { transition: none; }
}
.open2__block {
  --start-luft: max(var(--s5), var(--mast-h, 0px));
  padding-block: var(--start-luft);
}
.open2__line {
  font-size: min(35.4cqi, 260px,
                 (100svh - 2 * max(64px, var(--mast-h, 0px))) / 2.7231);
}
.mast__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  margin-left: auto;
  text-align: right;
}
.mast__right .share__trigger {
  margin-left: 0;
  margin-right: -6px;
  position: relative;
  z-index: 50;
}
:root {
  --spalt-overskott: max(0px, (100vw - var(--gutter) - var(--gutter-h) - var(--measure-wide)) / 2);
  --spalt-v: calc(var(--gutter) + var(--spalt-overskott));
  --spalt-h: calc(var(--gutter-h) + var(--spalt-overskott));
}
@media (min-width: 861px) {
  .eq5__title,
  .eq5__lead,
  .eq5__portrait,
  .eq5__name,
  .eq5__role,
  .eq5__sig--flode { left: var(--spalt-v); }
}
@media (min-width: 861px) {
.eq5__venn {
  transform: translateX(calc(100vw - var(--spalt-h) - min(91.1111vw, 1312px)));
}
}
.mdl7__head {
  padding-left: var(--spalt-v);
  padding-right: var(--spalt-h);
}
.team__name--link { align-self: flex-start; }
@media (max-width: 860px) {
  .mast__meta { display: inline; }
}
@media (max-width: 620px) {
  .mast__meta { font-size: 9px; letter-spacing: 0.08em; }
}
.open2__block { align-items: center; }
.open2__title {
  width: fit-content;
  max-width: 100%;
}
.life__phase--pre .life__phasehead .toc8__pin:hover,
.life__phase--pre .life__phasehead .toc8__pin:focus-visible,
.life__phase--pre .life__phasehead .toc8__pin.is-on {
  background: var(--white);
  color: var(--black);
  border-bottom-color: transparent;
}
.life__phase--post .life__phasehead .toc8__pin:hover,
.life__phase--post .life__phasehead .toc8__pin:focus-visible,
.life__phase--post .life__phasehead .toc8__pin.is-on {
  background: var(--black);
  color: var(--white);
  border-bottom-color: transparent;
}
@media (max-width: 860px) {
  .eq5__sig--flode {
    position: static;
    inset: auto;
    width: auto;
    margin-top: var(--s4);
    order: 99;
  }
}
@media (max-width: 860px) {
  .mdl7__head > .mdl7__lead {
    max-width: none;
    width: auto;
    margin-inline: 0;
  }
}
@media (max-width: 620px) {
  .buck9 .buck__stack { min-height: 0 !important; }
}
@media (max-width: 860px) {
  :root[data-titles="drawn"] .claim,
  .claim {
    font-size: 6.8vw;
    line-height: 0.95;
  }
  .eq5__title {
    font-size: 6.8vw;
    line-height: 0.95;
  }
  .mdl7__head { padding-left: 0; padding-right: 0; }
}
@media (max-width: 460px) {
  :root[data-titles="drawn"] .claim,
  :root .claim,
  :root .mdl7__claim,
  :root .res4__claim,
  :root .eq5__title,
  :root .kick--big .kick__text {
    font-size: min(9.1667vw, 88px);
    line-height: 0.95;
  }
  :root .kick--big .kick__inner { max-width: 100%; }
}
@media (max-width: 860px) {
  :root .kick--big .kick__inner { max-width: 100%; }
  .letter2__head { width: calc(100vw - 2 * var(--gutter-h)); }
}
@media (max-width: 860px) {
  :root .toc8__claim .toc8__pin { white-space: nowrap; }
}
.report,
.mast,
.foot,
.eq5__sig--flode,
.eq__who,
.eq__name,
.eq__role { text-align: left; }
.report figcaption,
.report blockquote,
.report caption,
.report th,
.report legend,
.chart-note,
.chart-footnote { text-align: left; }
.donut,
.eq5__rlabel,
.imp__v,
.imp__q { text-align: center; }
@media (min-width: 1201px) {
  .team__list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: clamp(8px, 1.6vw, 24px);
  }
}
@media (min-width: 861px) and (max-width: 1200px) {
  .team__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
  }
}
.foot__sfdr {
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.foot__sfdr:hover,
.foot__sfdr:focus-visible { color: var(--grey-2); }
.sfdr__box {
  width: min(720px, 100%);
  max-height: min(82svh, 900px);
  display: flex;
  flex-direction: column;
}
.sfdr__body {
  overflow-y: auto;
  padding-right: var(--s2);
  font-size: var(--t-small);
  line-height: 1.55;
  color: var(--grey-1);
}
.sfdr__body h2 {
  margin: var(--s4) 0 var(--s2);
  font-size: var(--t-body);
  font-weight: 500;
  color: var(--black);
}
.sfdr__body h2:first-child { margin-top: 0; font-size: var(--t-lead); }
.sfdr__body p { margin: 0 0 var(--s2); }
.sfdr__body strong { color: var(--black); font-weight: 500; }
.sfdr__body a {
  display: block;
  margin: 0 0 6px;
  color: var(--black);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.sfdr__body a:hover { background: var(--yellow); text-decoration: none; }
@media (max-width: 700px) {
  .prof__sourcelist { max-width: 100%; }
}
#lifecycle .station__head {
  margin-right: calc(-1 * min(80px, max(0px, var(--gutter-h) - 120px)));
}
@media (max-width: 1250px) {
  #lifecycle .station__head {
    margin-right: calc(-1 * max(0px, var(--gutter-h) - 40px));
  }
}
@media (max-width: 1200px) and (min-width: 771px) {
  #change .station__head {
    margin-right: calc(-1 * min(clamp(0px, (1200px - 100vw) * 0.5, 100px), max(0px, var(--gutter-h) - 40px)));
  }
}
.kick__text { text-align: center; }
@media (max-width: 460px) {
  .station__head,
  #change .station__head,
  #position .station__head { margin-bottom: var(--s4); }
  .station__head + * { margin-top: 0; }
  .station__head:has(.lead),
  .station__head:has(.eyebrow),
  .station__head:has(.sdg__eyebrow) { margin-bottom: var(--s6); }
}
@media (min-width: 861px) {
  .station.station--letter {
    padding-top: calc(var(--s8) * 1.165);
    padding-bottom: calc(var(--s8) * 1.435);
  }
}
:root .letter2 .letter__head { text-align: center; }
#portfolio-kick { padding-top: var(--s6); }
@media (max-width: 620px) {
  #portfolio-kick { padding-top: var(--s5); }
}
@media (max-width: 460px) {
  #portfolio .station__head { margin-bottom: var(--s6); }
  .eq5__mark { width: 18%; }
}