.journal{position:relative;background:#f8f5ed;color:#101719;padding:110px 5.3% 95px;isolation:isolate}.journal-edge{position:absolute;top:-1px;left:0;width:100%;height:85px;fill:#101719;pointer-events:none}.journal-inner{max-width:1550px;margin:auto}.journal-heading{display:flex;justify-content:space-between;align-items:center;position:relative;gap:28px;margin-bottom:38px}.journal-label{display:block;font-size:12px;font-weight:700;letter-spacing:.18em;color:#125469}.journal h2{font-size:clamp(36px,4.6vw,70px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 0}.journal h2 span{color:#ff7526}.journal-all{flex-shrink:0;border:1px solid #125469;border-radius:40px;background:transparent;color:#125469;padding:15px 25px;font:inherit;cursor:pointer}.journal-all:hover{background:#125469;color:#f8f5ed}.journal-stroke{position:absolute;width:210px;height:60px;top:-60px;left:53%;fill:none;stroke:#ff7526;stroke-width:2;pointer-events:none}.journal-stroke path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s}.journal.entered .journal-stroke path{stroke-dashoffset:0}.journal-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:25px 38px}.journal-card-0{grid-row:span 2}.journal-card-2{border-top:1px solid #10171933;padding-top:25px}.journal-open{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit;width:100%;cursor:pointer}.journal-card-0 .journal-open{display:block}.journal-image{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:.88}.journal-card-0 .journal-image{aspect-ratio:1.55}.journal-photo{position:absolute;inset:0;background-image:url(assets/journal.webp);background-size:300% auto;transition:transform .8s cubic-bezier(.2,.6,.2,1)}/* LES TROIS VIGNETTES DU JOURNAL. Elles découpaient une seule image en trois
   (300% de large, positionnée à gauche, au centre, à droite) : une composition
   de démonstration, la même pour n'importe quel article. Chacune porte
   maintenant la couverture de SON article. */
.photo-0{background-image:url(assets/articles/sillon-fabrique.webp);background-size:cover;background-position:center}
.photo-1{background-image:url(assets/articles/eron-poste.webp);background-size:cover;background-position:center}
.photo-2{background-image:url(assets/articles/cout-devis.webp);background-size:cover;background-position:center}.journal-open:hover .journal-photo,.journal-open:focus-visible .journal-photo{transform:scale(1.04)}.journal-badge{position:absolute;top:18px;left:18px;background:#ff7526;color:white;padding:9px 15px;border-radius:30px;font-size:11px;letter-spacing:.13em;font-weight:700}.journal-card-0 .journal-copy{padding-top:22px}.journal h3{font-size:clamp(22px,2vw,31px);line-height:1.16;letter-spacing:-.035em;margin:13px 0 18px}.journal-card-0 h3{font-size:clamp(28px,3.2vw,48px)}.journal h3 span{background:linear-gradient(#ff7526,#ff7526) left bottom/0 2px no-repeat;transition:background-size .35s}.journal-open:hover h3 span,.journal-open:focus-visible h3 span{background-size:100% 2px}.journal-copy p{font-size:18px;line-height:1.5;margin:0 0 15px}.journal-copy small{font-size:14px;color:#657071}.journal-card{opacity:0;transform:translateY(32px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1)}.journal-card.visible{opacity:1;transform:none}.journal-card-1{transition-delay:.1s}.journal-card-2{transition-delay:.2s}.journal-dialog{border:1px solid #12546944;border-radius:18px;background:#f8f5ed;color:#101719;max-width:650px;width:calc(100% - 36px);padding:35px}.journal-dialog::backdrop{background:#101719b0;backdrop-filter:blur(6px)}.journal-close{display:block;margin:0 0 25px auto;border:0;background:none;font:inherit;cursor:pointer}.journal-dialog h2{font-size:32px}.journal-dialog p{font-size:19px;line-height:1.6}.journal-dialog small{color:#657071}.journal-open:focus-visible,.journal-all:focus-visible,.journal-close:focus-visible{outline:3px solid #ff7526;outline-offset:6px}@media(max-width:900px){.journal{padding:95px 6% 60px}.journal-heading{align-items:flex-start;flex-direction:column}.journal-stroke{left:auto;right:0;width:110px;top:-25px}.journal-grid{grid-template-columns:1fr}.journal-card-0{grid-row:auto}.journal h3{font-size:26px}.journal-card-0 h3{font-size:32px}.journal-open{gap:20px}.journal-image{aspect-ratio:1}.journal-label{font-size:10px}.journal-all{font-size:14px}.journal-card-1{margin-top:15px}}@media(prefers-reduced-motion:reduce){.journal-card{opacity:1;transform:none;transition:none}.journal-photo,.journal-stroke path{transition:none}.journal-stroke path{stroke-dashoffset:0}}