/* TIMELINE PAGE — match approved Start Here transparency */

body[data-page="timeline"] .timeline-item,
body[data-page="timeline"] .timeline-card,
body[data-page="timeline"] .panel{
  background:linear-gradient(
    145deg,
    rgba(20,16,12,.30),
    rgba(8,10,13,.34)
  ) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28) !important;
}

/* Keep wording readable over the background artwork */
body[data-page="timeline"] .timeline-item h2,
body[data-page="timeline"] .timeline-item h3,
body[data-page="timeline"] .timeline-item p,
body[data-page="timeline"] .timeline-card h2,
body[data-page="timeline"] .timeline-card h3,
body[data-page="timeline"] .timeline-card p{
  text-shadow:0 2px 3px rgba(0,0,0,.86) !important;
}


/* V2: use the full original dragon artwork and shift it upward
   so the wyvern's lower body and feet are visible. */
body[data-page="timeline"]{
  --page-bg:url('/assets/artwork/jesus-da-silva/timeline-original-dragon-full.webp') !important;
}

body[data-page="timeline"]::before{
  background-position:50% 87% !important;
  transform:scale(1.0) !important;
}

/* V6: brighten Timeline background artwork by 20% */
body[data-page="timeline"]::before{
  filter:brightness(1.2) !important;
}