/**
 * Page Transition Styles
 *
 * Fade out/in and lane animation for home <-> writing in-page transitions.
 * Logo and illustration (left) stay static; only main content areas fade.
 */

/* Fade out: home – only text columns and grid (logo + illustration stay visible) */
.page-frame.page-transition-out .text-columns,
.page-frame.page-transition-out .grid-field {
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* Fade out: writing – only article list and content (logo + illustration stay visible) */
.page-frame.page-transition-out .article-list-container,
.page-frame.page-transition-out .article-content {
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* Fade in: only main content areas (logo + illustration stay at full opacity) */
.page-frame.page-transition-in .text-columns,
.page-frame.page-transition-in .grid-field,
.page-frame.page-transition-in .article-list-container,
.page-frame.page-transition-in .article-content {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.page-frame.page-transition-in.page-transition-in-visible .text-columns,
.page-frame.page-transition-in.page-transition-in-visible .grid-field,
.page-frame.page-transition-in.page-transition-in-visible .article-list-container,
.page-frame.page-transition-in.page-transition-in-visible .article-content {
  opacity: 1;
}