.journal-new{background:#f3f1eb;padding:76px 0}.je-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;align-items:start}.je-feature{display:block;background:#fff;border-radius:12px;overflow:hidden;color:#173346;border:1px solid #dce1dc}.je-image{position:relative;overflow:hidden;aspect-ratio:16/9}.je-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.je-label{position:absolute;top:20px;left:20px;padding:10px 13px;background:#fff4e8;color:#173346;font-size:10px;font-weight:800;letter-spacing:1.3px;border-radius:3px}.je-copy{padding:27px 30px 25px}.je-meta{display:flex;justify-content:space-between;gap:15px;color:#a25132;font-size:10px;font-weight:800;letter-spacing:1.2px}.je-copy h3{font-size:35px;line-height:1.18;letter-spacing:-1px;margin:16px 0 12px;color:#173346}.je-copy h3 br{display:none}.je-copy p{font-size:15px;line-height:1.7;color:#4b6573;max-width:520px;margin:0}.je-read{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:17px;border-top:1px solid #dde3e1;font-size:12px;font-weight:800}.je-arrow{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#173346;color:white;font-size:21px;transition:background .2s,transform .2s}.je-feature:hover .je-image>img,.je-story:hover img{transform:scale(1.035)}.je-feature:hover .je-arrow,.je-story:hover .je-arrow{background:#b8633e;transform:rotate(45deg)}.je-side-heading{display:flex;justify-content:space-between;align-items:center;padding:3px 0 18px;border-bottom:1px solid #bbc9c9;font-size:11px;font-weight:800;letter-spacing:1.4px}.je-side-heading span:last-child{font-size:23px;color:#b8633e}.je-story{display:grid;grid-template-columns:42% 1fr;gap:23px;padding:26px 0;border-bottom:1px solid #cdd6d3;color:#173346;align-items:center}.je-story-image{aspect-ratio:4/5;overflow:hidden;border-radius:7px;background:#dce1dc}.je-story img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.je-story-copy>span{font-size:9px;color:#a25132;font-weight:800;letter-spacing:1px}.je-story h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}.je-story p{font-size:14px;line-height:1.65;color:#4b6573;margin:0 0 18px}.je-story .je-arrow{width:30px;height:30px;font-size:19px}.je-feature:focus-visible,.je-story:focus-visible{outline:3px solid #b8633e;outline-offset:5px}.je-feature.j-changing .je-image{animation:je-reveal .4s ease}@keyframes je-reveal{from{opacity:.5}to{opacity:1}}@media(max-width:1050px){.je-layout{gap:24px;grid-template-columns:1.1fr 1fr}.je-copy{padding:23px}.je-copy h3{font-size:29px}.je-story{gap:17px;grid-template-columns:38% 1fr}.je-story h3{font-size:20px}.je-story p{font-size:13px}}@media(max-width:720px){.journal-new{padding:45px 0}.je-layout{grid-template-columns:1fr;gap:28px}.je-copy h3{font-size:28px}.je-copy{padding:22px}.je-story{grid-template-columns:36% 1fr;padding:20px 0;gap:19px}.je-story h3{font-size:21px}.je-story-image{aspect-ratio:3/4}.je-story p{font-size:14px}.je-label{top:14px;left:14px;font-size:8px}.je-copy p{font-size:14px}.je-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){.je-feature *,.je-story *{transition:none!important;animation:none!important}}

/* Both columns share the same top and bottom edges. */
@media(min-width:721px){
 .je-layout{align-items:stretch}
 .je-feature{display:flex;flex-direction:column}
 .je-image{flex-shrink:0}
 .je-copy{flex:1;display:flex;flex-direction:column}
 .je-read{margin-top:auto;padding-top:17px}
 .je-copy>p{margin-bottom:22px}
 .je-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:24px;min-height:0}
 .je-side-heading{display:none}
 .je-story{padding:18px;border:1px solid #dce1dc;border-radius:12px;background:#fff;align-items:stretch;min-height:0;grid-template-columns:40% 1fr;gap:22px}
 .je-story-image{position:relative;aspect-ratio:auto;min-height:0}
 .je-story img{position:absolute;inset:0}
 .je-story-copy{display:flex;flex-direction:column;justify-content:center;padding:10px 0}
 .je-story p{margin-bottom:16px}
}
@media(min-width:721px) and (max-width:1050px){.je-side{gap:18px}.je-story{padding:13px;gap:15px;grid-template-columns:36% 1fr}.je-story h3{font-size:19px}.je-story-copy{padding:5px 0}}