/* La typographie de texte est héritée du site (Acumin). */
.material-library{max-width:1240px;margin:45px auto 90px;padding:0 28px;color:#252525}
.material-library *{box-sizing:border-box}
.material-library h1,.material-library h2{font-family:Oswald,Arial,sans-serif;font-weight:400}
.material-library a{color:inherit}
.material-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;color:#666;margin-bottom:40px}
.material-breadcrumb a,.material-return,.material-bottom a{text-underline-offset:4px}
.material-heading{max-width:800px;margin-bottom:38px}
.material-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#777;margin:0 0 10px}
.material-heading h1{font-size:clamp(34px,5vw,54px);line-height:1.18;margin:0 0 16px}
.material-heading>p:last-child{color:#666;line-height:1.7;margin:0;font-size:16px}
.material-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;min-height:350px}
.material-board-card{display:block;min-width:0;text-decoration:none;align-self:start;border-radius:14px}
.material-board-cover{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:4px;aspect-ratio:1.4;background:#eee;border-radius:14px;overflow:hidden}
.material-board-cover img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.material-board-cover img:first-child{grid-row:1 / 3}
.material-board-card h2{font-size:26px;line-height:1.3;margin:13px 6px 6px}
.material-board-card p{font-size:13px;color:#666;margin:0 6px;line-height:1.5}
.material-board-card:hover .material-board-cover{filter:brightness(.95)}
.material-library a:focus-visible,.material-library button:focus-visible,.material-library summary:focus-visible{outline:3px solid #111;outline-offset:5px}
.material-return{display:inline-block;font-size:14px;margin-bottom:25px}
.material-heading-board{margin-bottom:30px}
.material-gallery{columns:4;column-gap:18px}
.material-photo{display:block;break-inside:avoid;margin:0 0 18px;border-radius:12px;overflow:hidden;background:#f3f3f3;cursor:zoom-in}
.material-photo img{display:block;width:100%;height:auto;transition:filter .18s ease}
.material-photo:hover img{filter:brightness(.94)}
.material-panel{margin-top:28px;border-top:1px solid #ddd;padding-top:22px}
.material-panel summary{cursor:pointer;font-size:15px;width:fit-content}
.material-panel img{display:block;width:100%;max-width:900px;height:auto;margin-top:20px;border-radius:8px}
.material-note{font-size:13px;line-height:1.65;color:#777;max-width:850px;margin-top:24px}
.material-bottom{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid #ddd;font-size:14px}
.material-lightbox{width:min(1200px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:18px;border:0;border-radius:12px;background:#161616;color:#fff;overflow:auto}
.material-lightbox::backdrop{background:rgb(0 0 0 / .8)}
.material-lightbox[open]{display:flex;flex-direction:column;gap:12px}
.material-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:38px}
.material-lightbox button{font:inherit;color:#fff;background:#333;border:0;border-radius:8px;padding:10px 15px;cursor:pointer;min-width:44px;min-height:44px}
.material-lightbox-content{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:0}
.material-lightbox-content img{display:block;min-width:0;max-width:calc(100% - 125px);width:auto;height:auto;max-height:100%;object-fit:contain}
.material-lightbox-content button{font-size:32px;flex-shrink:0}
.material-lightbox>a{color:#ddd;font-size:13px;align-self:center;text-align:center}
@media(min-width:1500px){.material-gallery{columns:5}}
@media(max-width:950px){.material-gallery{columns:3}.material-boards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.material-library{padding:0 18px;margin-top:28px}.material-breadcrumb{margin-bottom:28px}.material-gallery{columns:2;column-gap:12px}.material-photo{margin-bottom:12px;border-radius:9px}.material-boards{grid-template-columns:1fr;max-width:430px}.material-lightbox{padding:12px}.material-lightbox-content{gap:5px}.material-lightbox-content img{max-width:calc(100% - 98px)}.material-lightbox-content button{padding:5px;min-width:44px}.material-bottom{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.material-photo img{transition:none}}

.material-board-cover img.material-cover-panel{object-fit:contain;background:#f4f4f4;padding:3px}
.material-board-meta{display:block;margin:7px 6px 0;color:#777;font-size:12px}
.material-photo-panel{border:1px solid #ddd;background:#fff}
.material-photo-label{display:block;padding:10px 12px;font-size:12px;color:#444}
.material-video-section{margin-top:38px}
.material-video-section h2{font-size:28px;margin-bottom:18px}
.material-video-section video{display:block;width:100%;max-height:70vh;background:#111}