/* Le journal comme un carnet vivant. Styles limités à sa section. */
#journal{position:relative;isolation:isolate;padding-bottom:88px}
#journal .section-heading{align-items:center;gap:24px}
#journal .section-heading h2{position:relative;display:inline-block;max-width:700px}
#journal .section-heading h2:after{content:"";display:block;width:48%;height:9px;margin-top:8px;border-radius:70% 30% 60% 40%;background:#e78368;transform:rotate(-2deg)}
#journal .section-heading .eyebrow{font:700 15px/1.4 Raleway,Arial,sans-serif;letter-spacing:.08em;color:#84533f}
#journal .journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;max-width:1440px;margin:45px auto 30px;padding-bottom:12px}
#journal .journal-card{--paper:#edf0df;--accent:#d3dda8;position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:0;border-radius:10px 32px 18px 34px;background:var(--paper);box-shadow:6px 12px 0 #17231f0a;transform:rotate(-.8deg);overflow:visible}
#journal .journal-card:nth-child(2){--paper:#f7e2d7;--accent:#efbd9d;transform:rotate(.9deg);margin-top:22px;border-radius:32px 10px 34px 18px}
#journal .journal-card[data-ambiance="halloween"]{--paper:#ebe5f2;--accent:#d4bee9}
#journal .journal-card[data-ambiance="noel"]{--paper:#f6e1d5;--accent:#edc096}
#journal .journal-photo{position:relative;display:block;overflow:hidden;border-radius:8px 19px 12px 17px;background:#fffefa;text-decoration:none;box-shadow:0 4px 14px #17231f0b}
#journal .journal-photo img{display:block;width:100%;height:225px;object-fit:contain;padding:10px;box-sizing:border-box;transition:transform .25s ease}
#journal .journal-photo:hover img{transform:scale(1.025)}
#journal .journal-sticker{position:absolute;right:9px;top:-27px;z-index:2;padding:9px 19px;background:var(--accent);color:#17231f;border-radius:43% 55% 42% 53%;transform:rotate(6deg);font:700 25px/1.2 Caveat,cursive;box-shadow:2px 3px 0 #17231f14;pointer-events:none}
#journal .journal-card:nth-child(2) .journal-sticker{right:auto;left:9px;transform:rotate(-7deg)}
#journal .journal-copy{padding:22px 12px 12px;display:flex;flex-direction:column;flex:1}
#journal .journal-copy .eyebrow{align-self:flex-start;font:700 11px/1.4 Raleway,Arial,sans-serif;letter-spacing:.1em;padding:6px 10px;background:#fffefa9e;border-radius:999px;color:#17231f}
#journal .journal-card h3{font:700 clamp(24px,2vw,29px)/1.16 Raleway,Arial,sans-serif;letter-spacing:-.035em;margin:15px 0 14px}
#journal .journal-card h3 a{color:#17231f;text-decoration:none}
#journal .journal-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
#journal .journal-card p{font-size:17px;line-height:1.65;margin:0 0 20px;color:#35443d}
#journal .journal-read{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;padding:11px 20px;background:#17231f;color:#fffdfa;border-radius:999px;text-decoration:none;font-size:15px;font-weight:700;gap:8px;transition:transform .2s}
#journal .journal-read:hover{transform:translateX(4px)}
#journal a:focus-visible{outline:3px solid #9b4831;outline-offset:5px}
#journal .journal-photo-fallback{height:300px;display:flex;align-items:center;justify-content:center;padding:24px;font:600 44px/1.15 Caveat,cursive;color:#17231f;text-align:center}
#journal .journal-themes{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:20px;border-top:1px dashed #17231f40}
#journal .journal-themes>span{font:700 25px/1.2 Caveat,cursive;margin-right:8px}
#journal .journal-themes a{display:inline-flex;align-items:center;min-height:44px;border-radius:999px;background:#fffdfa;padding:9px 15px;color:#17231f;text-decoration:none;border:1px solid #17231f25}
@media(max-width:1050px){#journal .journal-grid{grid-template-columns:1fr;max-width:680px;gap:46px;margin-inline:auto}#journal .journal-card:nth-child(2){margin-top:0}#journal .journal-photo img{height:230px}#journal .journal-sticker{font-size:24px;padding:8px 12px}}
@media(max-width:700px){#journal{padding-bottom:48px}#journal .section-heading{align-items:flex-start;gap:18px}#journal .section-heading .eyebrow{font-size:12px}#journal .journal-grid{grid-template-columns:1fr;gap:50px;margin:42px 0 26px}#journal .journal-card,#journal .journal-card:nth-child(2){transform:none;margin-top:0;padding:13px;border-radius:14px 26px 16px 24px}#journal .journal-photo img{height:230px;padding:8px}#journal .journal-copy{padding:20px 7px 7px}#journal .journal-sticker{top:-23px;right:8px;font-size:25px}#journal .journal-card h3{font-size:27px}#journal .journal-card p{font-size:17px}#journal .journal-themes{gap:9px}}
@media(max-width:360px){#journal .journal-photo img{height:210px}#journal .journal-card h3{font-size:25px}#journal .journal-sticker{font-size:23px}}
@media(prefers-reduced-motion:reduce){#journal .journal-photo img,#journal .journal-read{transition:none}#journal .journal-photo:hover img,#journal .journal-read:hover{transform:none}}

#journal .journal-card:nth-child(3){transform:rotate(-.6deg);margin-top:9px}
@media(max-width:1050px){#journal .journal-card:nth-child(3){transform:none;margin-top:0}}