/* Shared article cards: the homepage and journal use the same proportions. */
.home-journal{margin:0 8vw;padding:64px clamp(20px,3vw,52px) 80px;border-inline:1px solid #2424ef20;border-top:0}
.journal-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 25px;color:var(--blue)}
.journal-collection-heading>div:first-child{display:flex;gap:24px;align-items:baseline}
.journal-collection-heading h2{font-size:26px;line-height:1.2;font-weight:400;letter-spacing:-.03em;margin:0}
.journal-collection-heading>span,.journal-all{font-size:13px}.journal-all:hover{text-decoration:underline;text-underline-offset:4px}
.journal-card-controls{display:flex;align-items:center;gap:8px}.journal-card-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #2424ef25;border-radius:50%;background:transparent;color:var(--blue);font:inherit;font-size:18px;cursor:pointer}.journal-card-controls button:disabled{opacity:.25;cursor:default}.journal-card-controls button:not(:disabled):hover{background:var(--blue);color:var(--paper)}
.journal-cards{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:0 0 8px;position:relative}.journal-cards::-webkit-scrollbar{display:none}
.journal-card{flex:0 0 calc((100% - 24px)/2.25);min-width:0;scroll-snap-align:start;color:var(--ink);text-decoration:none;display:block}
.journal-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--blue)}
.journal-card-copy{padding:18px 0 0}.journal-card-meta{font-size:11px;color:#626366;margin:0 0 10px}.journal-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:clamp(20px,1.8vw,28px);line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:0 0 10px}.journal-card h3 span{font-size:18px;color:var(--blue)}.journal-card-copy>p:last-child{font-size:15px;line-height:1.5;color:#626366;margin:0;max-width:34ch}.journal-card:hover h3{color:var(--blue)}
@media(max-width:800px){.home-journal{margin-inline:6vw;padding:40px 16px 52px}.journal-cards{gap:16px}.journal-card{flex-basis:84%}.journal-collection-heading{margin-bottom:20px}.journal-collection-heading h2{font-size:24px}.journal-collection-heading>div:first-child{gap:14px}.journal-all{font-size:12px}.journal-card h3{font-size:22px}.journal-card-copy>p:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.journal-cards{scroll-behavior:auto}}
.ui-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.journal-card{position:relative}.journal-card h3 .ui-icon{color:var(--blue)}
.journal-reading-time{position:absolute;right:12px;top:12px;background:var(--paper);color:var(--ink);padding:6px 8px;font-size:11px;line-height:1.2}
.journal-all{display:inline-flex;align-items:center;gap:5px;margin-right:12px;white-space:nowrap}.journal-all .ui-icon{width:14px;height:14px}

.home-page:has(.home-journal) .about-with-film::before{border-bottom:0}
.home-page:has(.home-journal) .about-with-film::after{display:none}
.home-journal .journal-all{color:#626366}

.thoughts-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:0;padding:32px 16px 56px}.thoughts-empty img{width:160px;height:160px;object-fit:contain;mix-blend-mode:multiply}.thoughts-empty h2{font-size:clamp(26px,3vw,36px);font-weight:400;letter-spacing:-.035em;color:var(--blue);margin:12px 0}.thoughts-empty p{font-size:clamp(13px,3.4vw,16px);line-height:1.6;color:#626366;margin:12px 0 0}.journal-main-clean:has(.thoughts-empty) .journal-collection{padding-top:clamp(72px,10vh,140px)}

.ink-filter{position:absolute;pointer-events:none}.thoughts-empty img{filter:url(#bunny-ink);mix-blend-mode:normal}