/* THE HOUSE OF AMORATO — Journal styles (extends style.css) */

.journal-page{ padding-top: 110px; }

.journal-hero{
  max-width: 720px; margin: 0 auto; padding: 60px 24px 20px; text-align:center;
}

.journal-list{
  max-width: var(--container); margin: 0 auto; padding: 40px 24px 120px;
  display:grid; grid-template-columns: repeat(3, 1fr); gap: 30px;
}
.journal-card__link{ display:block; }
.journal-card__image{ aspect-ratio: 4/3; overflow:hidden; border: 1px solid var(--line); margin-bottom: 18px; }
.journal-card__image img{ width:100%; height:100%; object-fit:cover; transition: transform .5s var(--ease); }
.journal-card:hover .journal-card__image img{ transform: scale(1.06); }
.journal-card__meta{ font-family: var(--font-crest); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: .6em; }
.journal-card h2{ font-size: 22px; margin-bottom: .4em; }
.journal-card p:last-child{ color: var(--cream-dim); font-size: 15.5px; margin:0; }

/* Article page */
.article{ max-width: 720px; margin: 0 auto; padding: 60px 24px 120px; }
.article__meta{ font-family: var(--font-crest); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 1em; }
.article h1{ font-size: clamp(32px, 5vw, 48px); margin-bottom: .3em; }
.article__dek{ color: var(--cream-dim); font-size: 19px; margin-bottom: 2em; }
.article__hero{ aspect-ratio: 16/9; overflow:hidden; border: 1px solid var(--line); margin-bottom: 2.4em; }
.article__hero img{ width:100%; height:100%; object-fit:cover; }
.article__body p{ color: var(--cream-dim); font-size: 18px; line-height: 1.75; margin-bottom: 1.4em; }
.article__body h2{ font-size: 26px; margin-top: 1.6em; }
.article__body ul{ list-style: disc; padding-left: 1.4em; color: var(--cream-dim); font-size: 18px; margin-bottom: 1.4em; }
.article__body li{ margin-bottom: .5em; }
.article__cta{
  margin-top: 3em; padding: 34px; border: 1px solid var(--gold-deep); background: var(--panel);
  text-align:center;
}
.article__cta p{ color: var(--cream-dim); margin-bottom: 1.2em; }
.article__back{ display:inline-block; margin-bottom: 2em; font-family: var(--font-crest); font-size: 11.5px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold-hi); }

@media (max-width: 720px){
  .journal-list{ grid-template-columns: 1fr; }
}