.award-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ft);
  font-weight: 600;
  font-size: 14px;
  color: var(--ink);
  margin: 0 0 26px;
}
.features {
  grid-column: 1 / span 12;
  margin-top: var(--s-body-evidence);
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--gutter);
  row-gap: 40px;
}
.feat figcaption {
  margin-top: 12px;
}
.feat .fl {
  font-family: var(--fd);
  font-weight: 700;
}
.feat .fd {
  line-height: 1.5;
  color: var(--muted);
}
@media(max-width:820px) {
  .features {
    grid-template-columns: 1fr;
    row-gap: 26px;
  }
}
.evidence.pair {
  min-height: 0;
  padding: 16px;
}
.persona {
  grid-column: 1 / span 12;
  margin-top: var(--s-body-evidence);
  background: var(--evidence);
  border-radius: var(--radius);
  padding: 44px 48px;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 44px;
  align-items: start;
}
.pav {
  position: relative;
  width: 132px;
  height: 132px;
  flex: 0 0 auto;
}
.pav-accent {
  position: absolute;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: var(--accent);
  top: -8px;
  left: 22px;
  z-index: 0;
}
.pav-blob {
  position: relative;
  z-index: 1;
  display: block;
  width: 132px;
  height: 132px;
}
.pname {
  font-family: var(--fd);
  font-weight: 700;
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.plede {
  font-family: var(--ft);
  font-size: 18px;
  line-height: 1.5;
  color: var(--lede);
  margin: 8px 0 0;
  max-width: 44ch;
}
.ptraits {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  column-gap: 32px;
}
.ptl {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--fd);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -.004em;
}
.ptl .dot {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
}
.pt p {
  margin: 8px 0 0;
  font-family: var(--ft);
  font-size: 15px;
  line-height: 1.55;
  color: var(--muted);
}
@media(max-width:820px) {
  .subhead {
    font-size: 22px;
  }
  .decisions .d h3 {
    font-size: 19px;
  }
  .evidence.pair {
    padding: 12px;
  }
  .persona {
    grid-template-columns: 1fr;
    row-gap: 26px;
    padding: 28px 26px;
  }
  .pav {
    width: 104px;
    height: 104px;
  }
  .pav-blob {
    width: 104px;
    height: 104px;
  }
  .pav-accent {
    width: 92px;
    height: 92px;
    left: 18px;
    top: -6px;
  }
  .pname {
    font-size: 29px;
  }
  .plede {
    font-size: 17px;
  }
  .ptraits {
    grid-template-columns: 1fr;
    row-gap: 0;
    margin-top: 22px;
  }
  .pt+.pt {
    border-top: 1px solid var(--line);
    padding-top: 18px;
    margin-top: 18px;
  }
  .flow {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    padding: 26px 26px;
  }
  .flow .arr {
    display: none;
  }
  .flow .step {
    position: relative;
    padding: 11px 0;
    font-size: 17px;
  }
  .flow .step+.step::after {
    content: "";
    position: absolute;
    left: 4px;
    top: -11px;
    width: 1px;
    height: 22px;
    background: #D5D9DF;
  }
}
.vid {
  padding: 0;
  min-height: 0;
  background: transparent;
}
.vidwrap {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--evidence);
}
.vidwrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.blobobj {
  grid-column: 1 / span 4;
  margin-top: var(--s-body-evidence);
}
.evidence.bo {
  min-height: 0;
  padding: 24px;
  aspect-ratio: 1/1;
}
@media(max-width:820px) {
  .blobobj {
    grid-column: 1 / span 12 !important;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}
.ovr img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.evidence img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.feat .evidence {
  background: #FFFFFF;
  padding: 22px;
  min-height: 0;
}
.evidence img.featimg {
  width: min(268px,100%);
  margin: 0 auto;
  border-radius: 10px;
}
.evidence.bo {
  background: var(--evidence);
}
.evidence img.boimg {
  width: min(206px,100%);
  margin: 0 auto;
  border-radius: 0;
}
@media(max-width:820px) {
  .feat .evidence {
    padding: 16px;
  }
}
.decisions.two {
  grid-template-columns: 1fr 1fr;
}
.qh2 {
  grid-column: 1 / span 12;
  margin-top: var(--s-body-evidence);
}
.qlist {
  grid-column: 1 / span 12;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.qlist li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  font-family: var(--ft);
  font-size: 17px;
  line-height: 1.5;
  color: var(--lede);
}
.qlist li .dot {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  margin-top: 8px;
}
@media(max-width:820px) {
  .decisions.two {
    grid-template-columns: 1fr;
  }
  .qlist li {
    font-size: 16px;
  }
}
.phases {
  grid-column: 1 / span 12;
  margin-top: var(--s-body-evidence);
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--gutter);
  row-gap: 38px;
}
.phase .evidence {
  min-height: 0;
  padding: 18px;
}
.phase figcaption {
  margin-top: 12px;
}
.phl {
  font-family: var(--fd);
  font-weight: 700;
}
.phd {
  line-height: 1.5;
  color: var(--muted);
}
@media(max-width:820px) {
  .phases {
    grid-template-columns: 1fr;
    row-gap: 26px;
  }
  .phase .evidence {
    padding: 12px;
  }
}
.phl {
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -.006em;
}
.phd {
  font-size: 15px;
  margin-top: 5px;
}
.feat .fl {
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -.006em;
}
.feat .fd {
  font-size: 15px;
  margin-top: 5px;
}
.bets {
  grid-column: 1 / span 12;
  margin-top: var(--s-body-evidence);
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  column-gap: var(--gutter);
}
.bet {
  background: var(--evidence);
  border-radius: var(--radius);
  padding: 30px 28px;
}
.betn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--accent);
  display: grid;
  place-items: center;
  font-family: var(--fd);
  font-weight: 700;
  font-size: 16px;
  color: var(--ink);
  margin-bottom: 20px;
}
.bet h3 {
  font-family: var(--fd);
  font-weight: 600;
  font-size: 23px;
  line-height: 1.22;
  letter-spacing: -.01em;
  margin: 0 0 11px;
}
.bet p {
  margin: 0;
  font-family: var(--ft);
  font-size: 16px;
  line-height: 1.55;
  color: var(--muted);
}
@media(max-width:820px) {
  .bets {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }
  .bet {
    padding: 24px 22px;
  }
  .bet h3 {
    font-size: 21px;
  }
  .phl,
  .feat .fl {
    font-size: 18px;
  }
}
.qmini {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.qmini li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-family: var(--ft);
  font-size: 16px;
  line-height: 1.5;
  color: var(--lede);
}
.qmini li .dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-top: 8px;
}
.statement {
  grid-column: 1 / span 12;
  margin-top: var(--s-body-evidence);
  background: var(--evidence);
  border-radius: var(--radius);
  padding: 44px 48px;
}
.stlabel {
  display: flex;
  align-items: center;
  gap: 11px;
  font-family: var(--ft);
  font-weight: 600;
  font-size: 15px;
  color: var(--muted);
}
.stlabel .dot {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
}
.stq {
  font-family: var(--fd);
  font-weight: 700;
  font-size: clamp(25px,3.1vw,35px);
  line-height: 1.18;
  letter-spacing: -.018em;
  margin: 18px 0 0;
  max-width: 30ch;
}
.impact .num.words {
  font-size: clamp(40px,5.2vw,64px);
  line-height: 1.02;
  letter-spacing: -.025em;
}
.impact .desc+.desc {
  margin-top: 14px;
}
@media(max-width:820px) {
  .statement {
    padding: 28px 26px;
  }
  .stq {
    margin-top: 14px;
    max-width: none;
  }
}
/* Hero: the image is first in the DOM, so mobile stacks image-first from
   document order. Desktop placement is pinned explicitly below. */
.hero .ovr {
  grid-column: 7 / span 6;
  grid-row: 1 / span 3;
  align-self: stretch;
  padding: 14px;
}
.hero .title {
  grid-row: 1;
}
.hero .lede {
  grid-row: 2;
}
.hero .meta {
  grid-row: 3;
}
@media (max-width: 820px) {
  .hero .ovr,
  .hero .title,
  .hero .lede,
  .hero .meta {
    grid-row: auto;
  }
  .hero .ovr {
    align-self: start;
    margin-top: 0;
    margin-bottom: 34px;
    min-height: 260px;
    padding: 10px;
  }
}