.journal-hero{text-align:center;max-width:430px;margin:auto;padding:240px 16px}.journal-hero h1{margin-bottom:18px;font-size:16px;font-weight:500}.journal-filters{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.journal-filters button{border-radius:0;font-weight:400}.journal-filters button[aria-pressed=true]{background:var(--noir);color:#fff}.journal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px;display:grid}.article-photo{background:var(--gris-clair);width:100%;color:var(--gris);justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.article-photo img{width:100%;height:100%}.article-card .article-photo{aspect-ratio:324/225}.article-card .portrait{aspect-ratio:324/352}.article-card-meta{flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12px;display:flex}.article-card-meta>span{text-transform:uppercase;background:var(--gris-clair);padding:2px}.article-card h2{margin-top:16px;font-size:16px;font-weight:400}.article-card>p{color:var(--gris);margin-top:8px;font-size:14px}.article-card>small{color:var(--gris);margin-top:16px;font-size:12px;display:block}.journal-more{margin:80px auto 0;display:flex}.journal-empty{padding-block:64px}.journal .home-cta{margin-top:160px}.article-detail{padding:96px 24px 0;position:relative}.article-column{flex-direction:column;gap:24px;max-width:600px;margin:auto;display:flex}.article-intro{text-align:center;flex-direction:column;gap:64px;margin-bottom:40px;display:flex}.article-intro h1{max-width:522px;margin:auto;font-size:24px;font-weight:400;line-height:1.25}.article-intro>p{white-space:pre-line;max-width:560px;margin:auto}.article-meta{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.article-meta a{background:var(--gris-clair);padding:4px 8px}.article-hero-image{aspect-ratio:600/266}.article-toc{font-size:14px}.article-toc ol{flex-direction:column;gap:8px;padding-left:22px;list-style:decimal;display:flex}.article-toc a{text-underline-offset:3px;text-decoration:underline}.article-body{flex-direction:column;gap:24px;margin-top:40px;display:flex}.article-body section{scroll-margin-top:96px}.article-body h2{margin-bottom:8px;font-size:20px;font-weight:500;line-height:1.45}.article-body h3{margin-bottom:8px;font-size:16px;font-weight:500}.article-body p,.article-body li{color:var(--gris);white-space:pre-line;font-size:14px;line-height:1.4}.article-body p+p{margin-top:20px}.article-body ul{margin-block:20px;padding-left:22px;list-style:outside}.article-body blockquote{border:1px solid var(--gris);text-align:center;margin-block:40px;padding:40px;font-size:16px}.article-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.article-gallery .article-photo{aspect-ratio:292/208}.article-gallery.single{grid-template-columns:1fr}.article-gallery.single .article-photo{aspect-ratio:600/378}.article-closing{text-align:center;max-width:391px;margin:40px auto 0}.article-author{justify-content:center;align-items:center;gap:16px;margin-top:40px;font-size:12px;display:flex}.article-author .article-photo{flex-shrink:0;width:38px;height:38px}.article-author .article-photo span{text-align:center;font-size:8px}.article-author p+p{color:var(--gris);margin-top:4px}.article-progress{width:35px;color:var(--gris);flex-direction:column;gap:12px;font-size:12px;display:flex;position:fixed;top:164px;left:42px}.article-progress>div{background:var(--gris-clair);width:1px;height:180px}.article-progress i{background:var(--noir);width:100%;display:block}@media (max-width:1000px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-progress{left:16px}}@media (max-width:767px){.journal-hero{padding-block:240px}.journal-grid{grid-template-columns:1fr;gap:40px}.journal-filters{flex-wrap:nowrap;padding-bottom:8px;overflow:auto}.journal-filters button{flex-shrink:0}.article-detail{padding:96px 16px 0}.article-intro{text-align:left;gap:24px;margin-bottom:40px}.article-intro h1,.article-intro>p{margin:0}.article-progress{display:none}.article-gallery{grid-template-columns:1fr}.article-body blockquote{padding:24px}.journal .home-cta{margin-top:96px}.article-card .article-photo{aspect-ratio:343/225}.article-card .portrait{aspect-ratio:343/352}}.article-photo video{object-fit:cover;width:100%;height:100%;display:block}.article-reading{position:relative}.article-progress-track{width:35px;position:absolute;top:0;bottom:0;left:18px}.article-progress{position:sticky;top:164px;left:auto}.article-author{max-width:600px;margin-inline:auto}@media (max-width:1000px){.article-progress-track{left:-8px}}@media (max-width:767px){.article-progress-track{display:none}}
