/* JOURNAL */
.journal {
   padding: var(--padding-section);
}

.journal .journal-header {
   text-align: center;
   text-transform: uppercase;
   letter-spacing: calc(0.1rem + 0.1vw);
   margin-bottom: var(--page-head-margin);
}

.journal-header h2 {
   color: var(--clr-mustard);
}

.journal-header p {
   font-size: var(--fs-300);
}

.journal .pages-wrapper {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: calc(5rem + 3vw) calc(5rem + 1vw);
   margin-top: 5rem;
}

.page .page-title {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   border-bottom: 1px solid var(--clr-black-matte);
   margin-bottom: 2rem;
}

.page-title h3 {
   font-size: var(--fs-500);
}

/* For hover effect */
.page a {
   display: block;
   width: 100%;
   overflow: hidden;
}
.page a img {
   width: 100%;
   display: block;
   transition: all 0.4s ease;
}
.page a:hover img {
   transform: scale(1.1);
}

@media (max-width: 800px) {
   .journal .pages-wrapper {
      grid-template-columns: 1fr;
   }
}