.home-journal{color:#203e2e;background:#f7f7eb;position:relative;isolation:isolate}
.home-journal::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(132deg,transparent 35%,#fffffa99 43%,transparent 57%);pointer-events:none}
.home-journal-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:45px}
.home-journal-heading h2{font-size:clamp(32px,3.5vw,54px);margin-top:18px;max-width:15ch}
.home-journal-heading .text-link{border-bottom:1px solid #456137;white-space:nowrap}
.home-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.home-journal-grid article{min-width:0;border-bottom:1px solid #b9c3ad;padding-bottom:24px}
.home-journal-grid a{display:block;height:100%}
.home-journal-media{aspect-ratio:1.35;overflow:hidden;background:#e4ead2;margin-bottom:22px;border-radius:5px}
.home-journal-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.home-journal-media--product{background:#f7dd65}
.home-journal-media--product img,.home-journal-media--mascot img{object-fit:contain;padding:20px}
.home-journal-media--mascot{background:#e9edcf}
.home-journal-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;color:#65765b}
.home-journal-grid h3{font-size:22px;line-height:1.5;letter-spacing:-.03em;max-width:25ch}
.home-journal-summary{font-size:13px;line-height:1.9;color:#65705d;margin-top:13px}
.home-journal-read{display:block;font-size:12px;font-weight:600;margin-top:22px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-journal-grid a:hover .home-journal-media>img{transform:scale(1.035)}.home-journal-grid a:hover .journal-product-scene{transform:rotate(-5deg) scale(1.035)}}
@media(max-width:700px){.home-journal-heading{align-items:start;gap:18px;margin-bottom:28px}.home-journal-heading h2{font-size:32px}.home-journal-heading .text-link{font-size:10px}.home-journal-grid{grid-template-columns:1fr;gap:30px}.home-journal-grid h3{max-width:none}.home-journal-media{aspect-ratio:1.6}.home-journal-grid article{padding-bottom:20px}.home-journal-summary{margin-top:8px}}
html[data-motion=paused] .home-journal-grid img{transition:none}

.journal-product-scene{transition:transform .5s}
html[data-motion=paused] .journal-product-scene{transition:none}