.infographic-intro{max-width:950px;padding:40px 0 30px}
.infographic-intro h1{font:400 clamp(36px,5vw,64px)/1.2 var(--display);margin:0 0 20px}
.infographic-intro p{font:16px/1.7 var(--mono);max-width:80ch}
.infographic-intro .eyebrow,.infographic-study .eyebrow{font:11px/1.5 var(--mono);margin:0 0 12px}
.infographic-intro .infographic-help{color:var(--muted);font-size:14px}
.infographic-choices{display:flex;flex-wrap:wrap;gap:14px 26px;font:14px/1.5 var(--mono);padding:14px 0}
.infographic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px;align-items:start}
.infographic-study{min-width:0;scroll-margin-top:24px}
.infographic-study h2{font:400 clamp(24px,2.6vw,34px)/1.25 var(--display);margin:0 0 12px}
.infographic-study>p:not(.eyebrow){font:14px/1.65 var(--mono);color:var(--muted);min-height:4.95em;margin:0 0 18px}
.infographic-image{display:block;border:1px solid var(--rule);background:#f4eee1;line-height:0;cursor:zoom-in}
.infographic-image:hover{outline:2px solid var(--red);outline-offset:3px}
.infographic-image img{display:block;width:100%;height:auto;max-width:100%}
.infographic-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 22px;margin-top:18px;font:13px/1.6 var(--mono)}
.infographic-topics{border-top:1px solid var(--rule);margin:54px 0 0;padding:32px 0 50px}
.infographic-topics h2,.infographic-topic-grid h3{font-family:var(--display);font-weight:400}
.infographic-topics h2{font-size:30px;line-height:1.3;margin:0 0 16px}
.infographic-topics p,.infographic-topic-grid a{font:14px/1.7 var(--mono)}
.infographic-topics>p{max-width:80ch;color:var(--muted)}
.infographic-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 42px;margin-top:26px}
.infographic-topic-grid h3{font-size:23px;line-height:1.3;margin:0 0 12px}
.infographic-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:26px 0;margin:0 0 22px}
.infographic-callout h2{font:400 27px/1.3 var(--display);margin:0 0 8px}
.infographic-callout p{font:14px/1.65 var(--mono);margin:0;max-width:64ch}
.infographic-callout>a{font:14px/1.6 var(--mono);flex:0 0 auto}
@media(max-width:760px){.infographic-grid,.infographic-topic-grid{grid-template-columns:minmax(0,1fr)}.infographic-grid{gap:44px}.infographic-study>p:not(.eyebrow){min-height:0}.infographic-intro{padding-top:28px}.infographic-callout{align-items:flex-start;flex-direction:column;gap:16px}}
.hero.hero-with-infographic {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(24px, 4vw, 56px);
  min-height: 0;
  overflow: visible;
  padding: 36px 0 28px;
}
.hero-with-infographic .hero-copy {
  width: auto;
  min-width: 0;
  padding: 0;
}
.hero-infographic-link {
  display: block;
  min-width: 0;
  line-height: 0;
}
.hero-infographic {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: contain;
}
@media (max-width: 1050px) {
  .hero.hero-with-infographic {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .hero-infographic-link {
    width: 100%;
    max-width: 720px;
    margin-inline: auto;
  }
}