.skip-link { position: fixed; left: 12px; top: -80px; z-index: 100; padding: 10px 14px; background: var(--paper-hi); color: var(--ink); }
.skip-link:focus { top: 12px; }

.media-feed {
  padding: 156px 0 calc(var(--s-sec) * 1.1);
  background:
    linear-gradient(rgba(239,232,216,.9), rgba(239,232,216,.9)),
    url("img/plate-cream.jpg") center top / 1400px auto repeat-y,
    var(--paper);
}
.media-feed__post { grid-column: 3 / span 8; }
.media-post {
  padding: 34px 0 0;
  border-top: 1px solid var(--ink);
}
.media-post h1 {
  margin: 46px 0 28px;
  max-width: 13ch;
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: 1;
}
.media-post__lede {
  max-width: 35ch;
  margin: 0 0 34px;
  font-size: 22px;
  line-height: 1.45;
}
.media-post__body {
  max-width: 66ch;
  color: var(--ink-muted);
  font-size: 17px;
  line-height: 1.7;
}
.media-post__body p { margin: 0 0 20px; }
.media-channel {
  margin-top: 64px;
  padding: 24px 0;
  border-top: 3px double var(--ink);
  border-bottom: 1px solid var(--rule-firm);
}
.media-channel__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-weight: 650;
  text-underline-offset: 4px;
}
.media-channel__link span { transition: transform .25s ease; }
.media-channel__link:hover span { transform: translateX(4px); }

@media (max-width: 900px) {
  .media-feed__post { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .media-feed { padding-top: 124px; }
}