.main{margin:0 auto;max-width:100dvw;width:100dvw}.article-full{margin-top:16rem;padding-left:clamp(1rem,10dvw,16rem);@media (max-width:1024px){width:100%;margin-top:10rem;padding-left:1rem}}.article-head{width:85%;font-weight:600;@media (max-width:1024px){width:100%}}.article-titleHead{display:flex;flex-direction:column;gap:2rem;@media (max-width:1024px){gap:1.5rem}& .article-headBtn{font-size:1rem;font-weight:600;color:var(--bgColor);mix-blend-mode:difference;text-decoration:none;width:-moz-fit-content;width:fit-content;position:relative;padding-bottom:.25rem;&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--bgColor);opacity:.5}}}.article-title{font-size:clamp(2.5rem,5dvw,3.5rem);line-height:1.15;color:var(--bgColor);mix-blend-mode:difference;@media (max-width:1024px){font-size:clamp(2rem,6dvw,2.5rem)}}.article-meta{padding-left:14rem;margin-top:3rem;margin-bottom:2.5rem;opacity:.5;color:var(--bgColor);mix-blend-mode:difference;@media (max-width:1024px){padding-left:0;margin-top:2rem}}.article-progress{padding-left:14rem;width:calc(100% - 14rem);margin-top:1rem;margin-bottom:3rem;@media (max-width:1024px){padding-left:0;width:100%}}.article-progress .progress-track{position:relative;width:100%;height:8px;background:rgba(255,255,255,.15);border-radius:9999px;overflow:hidden}.article-progress .progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--bgColor);mix-blend-mode:difference;width:var(--progress-width,0);animation:fillProgress 1.5s cubic-bezier(.65,0,.35,1) forwards}@keyframes fillProgress{0%{width:0}to{width:var(--progress-width,0)}}.article-progress .progress-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem;font-size:.85rem;opacity:.65;color:var(--bgColor);mix-blend-mode:difference}.article-progress .progress-state{opacity:.9}.article-cover-container{margin:0 0 6rem;display:flex;flex-direction:column;align-items:flex-start;width:-moz-fit-content;width:fit-content;max-width:90%;@media (max-width:1024px){max-width:100%;margin-bottom:4rem}& .image-caption{width:70%;align-self:flex-start;@media (max-width:1280px){width:100%;margin-bottom:4rem}}}.article-illustration{width:auto;height:auto;max-height:70dvh;max-width:100dvw;display:block;@media (max-width:1024px){max-height:60dvh;max-width:95dvw}}.article-date{font-size:1rem}.article-content{padding-left:14rem;width:calc(100% - 14rem);margin-top:4rem;@media (max-width:1024px){padding-left:0;width:100%;text-wrap:pretty;margin-top:3rem}}.article-description{padding-left:14rem;width:calc(100% - 14rem);margin-bottom:3rem;font-weight:600;color:var(--bgColor);mix-blend-mode:difference;& p{opacity:.85;line-height:1.6;font-size:1.05rem;@media (max-width:1024px){font-size:1rem}}@media (max-width:1024px){padding-left:0;width:100%}}.article-infos{padding-left:14rem;width:calc(100% - 14rem);margin-bottom:3rem;color:var(--bgColor);mix-blend-mode:difference;@media (max-width:1024px){padding-left:0;width:100%}}.article-infos .infos-pratiques{font-weight:600;opacity:.85;line-height:1.6}.article-infos .more-infos a{text-decoration:underline;font-weight:600;transition:opacity .3s ease;color:var(--bgColor);&:hover{opacity:.7}}.contenu-articles-block,.rich-text-block{margin-bottom:4.5rem;font-weight:600;& h2,h3,h4{font-size:2.5rem;margin-bottom:1rem}& p{opacity:.5;&:has(+p){margin-bottom:1rem}}}.media-block{margin-bottom:4.5rem;display:flex;flex-direction:column;gap:2rem;align-items:flex-start;&>img{width:100%;max-width:100%;height:auto;object-fit:contain}&.centered{align-items:center}}.media-figure{margin:0;width:100%;display:flex;flex-direction:column;gap:.75rem}.media-image{width:100%;height:auto;object-fit:contain;max-width:100%}.quote-block{margin-bottom:4.5rem;display:flex;flex-direction:column;align-items:flex-end;font-style:italic;font-weight:600;gap:.5rem;& p{opacity:.5}}.video-block{width:100%;max-width:100%;height:auto;background:#000;border-radius:4px}.video-block p{color:var(--bgColor);padding:2rem;text-align:center}.video-block a{color:var(--bgColor);text-decoration:underline}.slider-block{margin-bottom:4.5rem;width:100%}.slider-block .slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(90%,900px);grid-gap:1rem;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.slider-block .slide-item{scroll-snap-align:start;position:relative}.slider-block img,.slider-block video{width:100%;height:auto;display:block}.image-caption{font-size:.85rem;line-height:1;color:var(--bgColor);mix-blend-mode:difference;opacity:.7;font-style:italic;margin-top:.5rem;padding:0;@media (max-width:1024px){font-size:.8rem}}.error,.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.placeholder-title{width:80%;height:7.5rem;background:transparent;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.placeholder-title:after,.placeholder-title:before{content:"";width:100%;height:2.5rem;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.placeholder-title:after{width:60%}.placeholder-meta{width:40%;height:1.5rem}.placeholder-image,.placeholder-meta{background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:2rem}.placeholder-image{width:100%;height:500px}.placeholder-text{width:100%;height:1.2rem;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:1rem}.placeholder-text:nth-child(2){width:90%}.placeholder-text:nth-child(3){width:95%}.article-headBtn .placeholder-text{width:80px;height:1.2rem;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.article-full{padding:1rem}.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:1rem}.article-infos,.article-progress{padding-left:1rem;width:calc(100% - 1rem)}}