.journal{
padding:10rem 0;
}

.journal__grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:2rem;
}

.journal-card{
display:block;
padding:3rem;
border:1px solid var(--color-line1);
text-decoration:none;
transition:.3s;
}

.journal-card:hover{
transform:translateY(-4px);
box-shadow:0 20px 40px rgba(47,52,58,.06);
}

.journal-card__label{
display:inline-block;
font-family:"Number", serif;
font-weight: 400;
font-style: normal;
font-size:2rem;
letter-spacing:.15em;
margin:0 0 2rem 0;
border:0px #FF0000 solid;
}

.journal-card time{
display:block;
font-size:1.2rem;
color:var(--color-gray3);
margin-bottom:1rem;
}

.journal-card figure{
margin:0 0 2rem;
overflow:hidden;
}

.journal-card figure img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
}

.journal-card h3{
font-family:"mincho", serif;
font-size:1.8rem;
line-height:1.6;
margin-bottom:1rem;
}

.journal-card p{
font-size:1.4rem;
line-height:1.9;
color:var(--color-gray3);
}

@media (max-width:800px){
.journal{
padding:8rem 0;
}
.journal__grid{
grid-template-columns:1fr;
}

}