.media-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center;
  gap:64px;
  position:relative;
  z-index:2;
}
.media-intro>*{min-width:0}
.media-intro h1{
  font-size:var(--size-display);
  margin-top:24px;
  letter-spacing:-.02em;
}
.media-intro__note{margin-top:20px;max-width:580px}
.media-check{position:relative}
.media-check__body{padding:32px}
.media-check__body h2{font-size:var(--size-h3);margin-top:16px}
.media-check__list{display:grid;gap:16px;margin-bottom:24px}
.media-check__list li{display:grid;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.media-check__list span{font-size:var(--size-small);color:var(--muted)}
.media-pixels{
  display:flex;
  align-items:flex-end;
  gap:8px;
  height:88px;
  margin-bottom:24px;
  padding-bottom:8px;
  border-bottom:1px solid var(--border);
  background-image:radial-gradient(var(--ink-a03) 1px,var(--clear) 1.4px);
  background-size:10px 10px;
}
.media-pixels i{
  width:8%;
  height:72%;
  border-radius:var(--r-pixel);
  background:linear-gradient(0deg,var(--accent-a22),var(--cyan),var(--clear));
  box-shadow:inset 1px 0 0 var(--white-a70);
  opacity:.28;
}
.media-pixels i:nth-child(3n){height:100%}
.media-pixels i:nth-child(3n + 1){height:48%}
.media-pixels i:nth-child(5){
  height:94%;
  width:5%;
  background:linear-gradient(0deg,var(--accent-dark),var(--accent),var(--clear));
  opacity:1;
}
.media-document>.section:last-child{padding-bottom:0}
.media-document .prose{max-width:900px}
.media-document .prose h2{margin-top:16px}
.media-document .prose p{color:var(--muted)}
.media-document .prose .eyebrow{color:var(--accent-dark);margin-bottom:0}
.media-document .table-scroll{margin-top:8px}
.media-document .faq-list{margin-top:8px}
.media-document .faq-answer p+p{margin-top:16px}
.media-next{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media(max-width:1000px){
  .media-intro{gap:32px;grid-template-columns:minmax(0,1fr)}
  .media-check{max-width:620px}
}
@media(max-width:768px){
  .media-intro h1{font-size:40px}
  .media-check__body{padding:24px}
}
@media(max-width:640px){
  .media-check__body{padding:20px}
}