/* Une parenthèse éditoriale entre le catalogue et l’engagement climat. */
.pepro-home-journal{padding:64px 0 38px;min-width:0;color:#172e3b;background:#f0f5f7;border-top:1px solid #e2eaee}
.pepro-home-journal__heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}
.pepro-home-journal__heading .pepro-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:#3e657b;font-size:11px;letter-spacing:.14em}
.pepro-home-journal__heading .pepro-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#1688b6}
.pepro-home-journal__heading h2{margin:0;font-size:clamp(36px,3.6vw,54px);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.pepro-home-journal__heading h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#35687e;letter-spacing:-.045em}
.pepro-home-journal__intro{font-size:14px;line-height:1.7;color:#58717f;margin:16px 0 0}
.pepro-home-journal__actions{display:flex;align-items:center;gap:30px;flex-shrink:0;padding-bottom:4px}
.pepro-home-journal__actions>a{font-size:13px;color:#244d63;text-decoration:none;border-bottom:1px solid #9fb8c5;padding:7px 0}
.pepro-home-journal__actions>a span{display:inline-block;margin-left:16px}
.pepro-home-journal__actions>a:hover{color:#0876a8;border-color:#0876a8}
.pepro-home-journal__controls{display:flex;gap:8px}
.pepro-home-journal__controls[hidden],.pepro-home-journal__navigation[hidden]{display:none}
.pepro-home-journal__controls button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #c5d5de;border-radius:50%;background:transparent;color:#183f54;font-size:22px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pepro-home-journal__controls button:hover:not(:disabled){background:#13364a;border-color:#13364a;color:#fff}
.pepro-home-journal__controls button:disabled{opacity:.3;cursor:default}
.pepro-home-journal__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;overflow-anchor:none;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:4px 2px 22px;scrollbar-width:none}
.pepro-home-journal__track::-webkit-scrollbar{display:none}
.pepro-home-journal__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid #dde7ec;border-radius:12px;background:#fff;box-shadow:0 3px 5px #14354803;transition:box-shadow .3s,border-color .3s}
.pepro-home-journal__card:hover{border-color:#abc6d4;box-shadow:0 8px 18px #163c5010}
.pepro-home-journal__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e8eff3}
.pepro-home-journal__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.pepro-home-journal__image--artwork img{object-fit:contain}
.pepro-home-journal__card:hover .pepro-home-journal__image img{transform:scale(1.035)}
.pepro-home-journal__tag{position:absolute;left:18px;bottom:16px;padding:7px 12px;border:1px solid #ffffff9c;border-radius:5px;color:#244454;background:#fffffff2;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.04em;box-shadow:0 2px 8px #1737480d}
.pepro-home-journal__body{display:flex;flex:1;flex-direction:column;padding:23px 24px 20px}
.pepro-home-journal__meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 12px;margin-bottom:14px;font-size:11px;line-height:1.5;color:#6b818e}
.pepro-home-journal__meta>span{white-space:nowrap}
.pepro-home-journal__body h3{min-height:3.9em;font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:0 0 13px}
.pepro-home-journal__body h3 a{color:#183447;text-decoration:none}
.pepro-home-journal__body h3 a:hover{color:#0876a8}
.pepro-home-journal__body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.75;color:#627985;margin:0 0 25px}
.pepro-home-journal__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid #e8eef1;font-size:11px;color:#617985}
.pepro-home-journal__footer>a{display:flex;align-items:center;gap:12px;color:#23546c;white-space:nowrap}
.pepro-home-journal__footer>a>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf5f8;font-size:15px;transition:background .2s,color .2s}
.pepro-home-journal__footer>a:hover>span{background:#173e53;color:#fff}
.pepro-home-journal__navigation{display:flex;align-items:center;gap:22px;padding-top:6px}
.pepro-home-journal__position{display:flex;gap:10px;align-items:center;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.04em;color:#738a98}
.pepro-home-journal__position>[data-pepro-journal-position]{color:#173e53;font-weight:600}
.pepro-home-journal__position>span:nth-child(2){color:#aebec7}
.pepro-home-journal__progress{height:2px;flex:1;overflow:hidden;background:#d8e3e9}
.pepro-home-journal__progress>span{display:block;width:var(--journal-progress,0%);height:100%;background:#2b728e;transition:width .2s linear}
.pepro-home-journal__pause{display:flex;gap:9px;align-items:center;justify-content:center;min-width:100px;min-height:44px;border:0;background:transparent;color:#426577;font-size:11px;cursor:pointer}
.pepro-home-journal__pause:hover{color:#0876a8}
.pepro-home-journal__pause [data-pepro-journal-pause-icon]{font-size:16px;line-height:1}
.pepro-home-journal :is(a,button):focus-visible,.pepro-home-journal__track:focus-visible{outline:3px solid #087ecb;outline-offset:3px}
@media(max-width:1100px){.pepro-home-journal__actions{gap:18px}.pepro-home-journal__body{padding:20px}.pepro-home-journal__body h3{font-size:20px}}
@media(max-width:991px){.pepro-home-journal__track{grid-auto-columns:calc((100% - 20px)/2);gap:20px}.pepro-home-journal__heading{align-items:start;flex-direction:column;gap:24px}.pepro-home-journal__actions{justify-content:space-between;width:100%}.pepro-home-journal__body h3{font-size:22px}}
@media(max-width:600px){.pepro-home-journal{padding:38px 0 24px}.pepro-home-journal__heading{gap:20px;margin-bottom:22px}.pepro-home-journal__heading h2{font-size:37px;max-width:330px}.pepro-home-journal__heading h2 em{white-space:nowrap}.pepro-home-journal__intro{font-size:13px;max-width:290px;margin-top:14px}.pepro-home-journal__heading .pepro-eyebrow{font-size:10px;margin-bottom:14px}.pepro-home-journal__track{grid-auto-columns:90%;gap:16px;padding-bottom:17px}.pepro-home-journal__body{padding:19px}.pepro-home-journal__body h3{font-size:21px;min-height:0}.pepro-home-journal__meta{font-size:10px}.pepro-home-journal__tag{left:14px;bottom:13px;padding:6px 10px}.pepro-home-journal__navigation{gap:16px}.pepro-home-journal__controls button{width:42px;height:42px}.pepro-home-journal__pause{min-width:85px}}
@media(prefers-reduced-motion:reduce){.pepro-home-journal *{transition:none!important}.pepro-home-journal__card:hover .pepro-home-journal__image img{transform:none}}