/* ===========================
   Juliana — Essay page
   =========================== */

/* E-HEAD, E-HERO, prose body, E-SIG, E-REL */

/* ===========================
   Main content styles
   =========================== */

.j-e-head {
  /* border */
  border-bottom: 1px solid var(--c-hairline);

}

.j-e-head__tag {
  /* box model */
  margin-bottom: var(--sp-16);

  /* display */
  display: inline-flex;

}

.j-e-head__byline {
  /* box model */
  margin-top: var(--sp-16);

  /* display */
  display: flex;

  /* flexbox */
  align-items: center;
  gap: var(--sp-8);

}

.j-essay-hero {
  /* box model */
  width: 100%;
  margin-top: var(--sp-48);

  /* border */
  border-radius: var(--r-card);

  /* display */
  display: block;

  /* other */
  aspect-ratio: 16 / 7;
  overflow: hidden;

}

.j-essay-hero img {
  /* box model */
  width: 100%;
  height: 100%;

  /* other */
  object-fit: cover;

}

.j-essay-body {
  /* box model */
  max-width: 720px;
  margin-inline: auto;
  padding-block: var(--sp-96);

}

.j-essay-body .j-prose p {
  /* box model */
  margin-bottom: var(--sp-32);

}

.j-essay-body h2,
.j-essay-body h3 {
  /* box model */
  margin-top: var(--sp-64);
  margin-bottom: var(--sp-16);

}

.j-e-sig {
  /* border */
  border-bottom: 1px solid var(--c-hairline);

}

.j-signature {
  /* text */
  font-family: var(--font-head);
  font-style: italic;
  font-weight: var(--fw-bold);
  font-size: var(--fs-h2);

  /* color */
  color: var(--c-ink);

  /* box model */
  margin: 0;

}

.j-e-rel {
  /* border */
  border-top: 1px solid var(--c-hairline);

}

.j-e-rel__label {
  /* text */
  font-size: var(--fs-eyebrow);
  font-weight: var(--fw-bold);
  letter-spacing: 0.18em;
  text-transform: uppercase;

  /* color */
  color: var(--c-ink-dim);

}

/* display: grid provided by companion .j-grid-* class */
.j-e-rel__grid {
  /* grid */
  gap: var(--sp-32);

}