.journal{background:var(--background);color:var(--foreground);text-align:center;padding-top:clamp(5rem,11vw,12rem);position:relative}.journal-intro{justify-items:center;row-gap:clamp(1rem,2.4vw,2.25rem);padding-inline:1.25rem;display:grid}.journal-grid{max-width:108rem;margin:3rem auto 0;padding-inline:1.25rem;position:relative}.journal-grid ul{columns:2;text-align:left;column-gap:.75rem}.journal-grid ul:before{content:"";height:3.5rem;display:block}.journal-item{break-inside:avoid;padding-bottom:2rem}.journal-item a{outline-offset:6px;display:block}.journal-picture{background:var(--color-sand);display:block;position:relative;overflow:hidden}.journal-picture img{object-fit:cover;transition:transform .6s var(--ease-out-quart)}.journal-legend{font-family:var(--font-display);letter-spacing:.01em;text-align:left;row-gap:.2rem;margin-top:.75rem;font-size:1rem;line-height:1.3;display:grid}.journal-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.journal-legend time{color:var(--color-smoke);font-style:italic}.journal-push{width:fit-content;margin:4rem auto 0}.journal-button{justify-content:center;min-width:13rem}@media (min-width:48rem){.journal-grid{padding-top:6rem;padding-inline:clamp(1.25rem,4vw,4rem)}.journal-grid ul{columns:auto;grid-template-columns:repeat(4,1fr);gap:clamp(3rem,6vw,6.5rem) clamp(1rem,5.6vw,6rem);display:grid}.journal-grid ul:before{content:none}.journal-item{--multiplier:0;transform:translate3d(0, calc(var(--y,0px) * var(--multiplier)), 0);will-change:transform;padding-bottom:0;position:relative}.journal-item:nth-child(4n+1),.journal-item:nth-child(4n+4){--multiplier:2}.journal-item:nth-child(4n+2){--multiplier:.8}.journal-item a:hover .journal-picture img,.journal-item a:focus-visible .journal-picture img{transform:scale(1.12)}.journal-push{z-index:2;margin:0 auto;position:sticky;bottom:50lvh;transform:translateY(50%)}.journal-grid:after{content:"";background:linear-gradient(180deg, #f3f0ed00 0%, var(--background) 92%);pointer-events:none;height:40%;position:absolute;inset:auto 0 -6rem}}@media (min-width:58rem){.journal-grid ul{grid-template-columns:repeat(5,1fr)}.journal-item:nth-child(n){--multiplier:0}.journal-item:nth-child(5n+1),.journal-item:nth-child(5n+5){--multiplier:2.4}.journal-item:nth-child(5n+2),.journal-item:nth-child(5n+4){--multiplier:1.2}}@media (prefers-reduced-motion:reduce){.journal-item{transform:none!important}}