body.single-post.lazvly-blog-shell {
  padding-top: 0;
  background: var(--lz-ink);
}

.lazvly-article {
  background: var(--lz-paper);
  color: var(--lz-text);
}

.lazvly-article__hero {
  display: flex;
  min-height: 0;
  align-items: end;
  padding: 8rem 1.5rem 3rem;
  background: var(--lz-ink);
  color: var(--lz-paper);
}

.lazvly-article__hero-inner {
  width: min(100%, 64rem);
  margin: 0 auto;
}

.lazvly-article__back {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 2rem;
  color: rgba(243, 242, 242, .7);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  transition: color .25s ease, transform .25s ease;
}

.lazvly-article__back:hover,
.lazvly-article__back:focus-visible {
  color: var(--lz-orange);
  transform: translateX(-3px);
}

.lazvly-article__meta {
  display: flex;
  gap: .75rem;
  margin-bottom: 1rem;
  color: var(--lz-orange);
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.lazvly-article__meta span::before {
  margin-right: .75rem;
  color: rgba(243, 242, 242, .28);
  content: "/";
}

.lazvly-article__hero h1 {
  max-width: 28ch;
  margin: 0;
  color: inherit;
  font-family: "Barlow Semi Condensed", Impact, "Arial Narrow", sans-serif;
  font-size: 3.25rem;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: uppercase;
}

.lazvly-article__lede {
  max-width: 46rem;
  margin: 1.6rem 0 0;
  color: rgba(243, 242, 242, .72);
  font-size: 1.125rem;
  line-height: 1.5;
}

.lazvly-article__paper {
  padding: 0 clamp(1.25rem, 5vw, 5rem) clamp(5rem, 10vw, 9rem);
  background: var(--lz-paper);
}

.lazvly-article__featured {
  position: relative;
  width: min(100%, 64rem);
  aspect-ratio: 16 / 9;
  margin: 0 auto 3rem;
  overflow: hidden;
  background: #d8d5d0;
}

.lazvly-article__featured img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lazvly-article__featured figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 30rem;
  padding: .65rem .8rem;
  background: rgba(27, 26, 24, .78);
  color: var(--lz-paper);
  font-size: .72rem;
}

.lazvly-article__featured--placeholder {
  display: grid;
  place-items: center;
  background: #dfdcd7;
}

.lazvly-article__featured--placeholder img {
  width: min(18vw, 10rem);
  height: auto;
  opacity: .32;
}

.lazvly-article__content {
  width: min(100%, 46rem);
  margin: 0 auto;
  font-size: 1.125rem;
  line-height: 1.75;
}

.lazvly-article__content > *:first-child { margin-top: 0; }
.lazvly-article__content p { margin: 0 0 1.5em; }

.lazvly-article__content h2,
.lazvly-article__content h3 {
  margin: 2.25rem 0 1rem;
  color: var(--lz-ink);
  font-family: "Barlow Semi Condensed", Impact, "Arial Narrow", sans-serif;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.lazvly-article__content h2 { font-size: 2rem; }
.lazvly-article__content h3 { font-size: 1.5rem; }

.lazvly-article__content a {
  color: inherit;
  text-decoration-color: var(--lz-orange);
  text-decoration-thickness: 2px;
  text-underline-offset: .18em;
}

.lazvly-article__content img {
  display: block;
  max-width: 100%;
  height: auto;
}

.lazvly-article__content blockquote {
  margin: 2.5rem 0;
  padding: .4rem 0 .4rem 1.5rem;
  border-left: 4px solid var(--lz-orange);
  color: var(--lz-ink);
  font-size: 1.25em;
  line-height: 1.45;
}

.lazvly-article__more {
  display: grid;
  width: min(100%, 88rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: clamp(5rem, 10vw, 9rem) auto 0;
  border-top: 1px solid rgba(54, 52, 48, .18);
  border-bottom: 1px solid rgba(54, 52, 48, .18);
  background: rgba(54, 52, 48, .18);
}

.lazvly-article__more a {
  min-height: 11rem;
  padding: clamp(1.4rem, 3vw, 2.5rem);
  background: var(--lz-paper);
  color: var(--lz-ink);
  transition: background .3s ease, color .3s ease;
}

.lazvly-article__more a:hover,
.lazvly-article__more a:focus-visible {
  background: var(--lz-orange);
}

.lazvly-article__more span {
  display: block;
  margin-bottom: 1rem;
  color: rgba(54, 52, 48, .58);
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
}

.lazvly-article__more strong {
  display: block;
  max-width: 20ch;
  font-family: "Barlow Semi Condensed", Impact, "Arial Narrow", sans-serif;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  font-weight: 900;
  line-height: .95;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .lazvly-article__hero { min-height: 0; padding: 6.5rem 1.25rem 2rem; }
  .lazvly-article__hero h1 { font-size: 2.125rem; }
  .lazvly-article__content { font-size: 1rem; }
  .lazvly-article__content h2 { font-size: 1.65rem; }
  .lazvly-article__featured { aspect-ratio: 4 / 3; }
  .lazvly-article__more { grid-template-columns: 1fr; }
}