/* ===========================
   Juliana — Writing page
   =========================== */

/* W-MAST, W-FEAT, W-GRID, W-MORE */

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

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

}

.j-w-mast .j-eyebrow {
  /* box model */
  margin-bottom: var(--sp-16);

}

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

}

/* display: grid provided by companion .j-grid-* class */
.j-w-feat__grid {
  /* grid */
  align-items: center;
  gap: var(--sp-48);

}

@media (min-width: 1024px) {
  .j-w-feat__grid {
    /* grid */
    gap: var(--sp-64);

  }
}

.j-w-feat__img-col .j-img,
.j-w-feat__img-col .j-img-placeholder,
.j-w-feat__img-col img { /* native post-featured-image block */
  /* box model */
  width: 100%;

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

  /* other */
  aspect-ratio: 3 / 2;
  object-fit: cover;

}

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

  /* display */
  display: inline-flex;

}

.j-w-feat__title {
  /* box model */
  margin: var(--sp-16) 0;

}

.j-w-feat__excerpt {
  /* box model */
  margin: 0 0 var(--sp-32);

}

.j-w-feat__cta {
  /* box model */
  margin-top: var(--sp-32);

}

.j-w-grid__label {
  /* text */
  font-size: var(--fs-eyebrow);

}

/* display: grid provided by companion .j-grid-* class */
.j-w-grid__posts {
  /* grid */
  gap: var(--sp-48);

}

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

}


/* ===========================
   Writing - Media Queries
   =========================== */