@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=Cormorant+Garamond:wght@400;500;600&family=Libre+Bodoni:wght@400;500&family=Playfair+Display:wght@400;500;600&display=swap");
.legende-selection{--legende-home-title:"Cormorant Garamond","Playfair Display","Bodoni Moda","Libre Bodoni",Didot,"Bodoni 72","Bodoni MT","Times New Roman",serif}
@media(max-width:640px){body .legende-selection>h2{font-size:clamp(23px,7vw,28px);padding-inline:4px}}
.page-legende-rubric{background:#fff;color:#111}
.page-legende-rubric .legende-page{padding:0;margin:0;width:100%;max-width:none}
.legende-screens{display:block;overflow:visible}
.legende-screen{width:100%;min-width:0;box-sizing:border-box;position:relative;min-height:calc(100svh - var(--legende-header-height,170px));}
html.legende-scroll-page{scroll-padding-top:var(--legende-header-height,170px)}
html.legende-scroll-page:not(.legende-article-open){scroll-snap-type:y proximity}
html.legende-scroll-page:not(.legende-article-open) .legende-hero,
html.legende-scroll-page:not(.legende-article-open) .legende-selection{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
.legende-hero{display:flex;align-items:center;justify-content:center;background:#18391e;isolation:isolate;padding:80px 70px 110px}
.legende-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.legende-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.5) 50%,rgba(0,0,0,.6))}
.legende-hero-copy{width:min(960px,100%);color:#fff;text-align:center}
.legende-kicker{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.legende-hero-copy .legende-kicker{color:#e4ce8a;margin:0 0 36px;position:relative;top:-1cm}
.legende-hero-copy>h1,.legende-hero-copy>p:not(.legende-kicker),.legende-hero-copy>.legende-read{position:relative;top:1cm}
.legende-hero-copy h1{font:400 clamp(34px,4.2vw,64px)/1.1 Didot,"Bodoni MT",Georgia,serif;margin:0 0 28px;color:#fff;text-wrap:balance}
.legende-hero-copy>p:not(.legende-kicker){max-width:830px;margin:0 auto 32px;font:400 clamp(17px,1.5vw,21px)/1.6 Arial,sans-serif;text-wrap:pretty}
.legende-read{display:inline-block;padding:14px 25px;border:1px solid #ddd;color:#fff;text-decoration:none;font:700 12px Arial;letter-spacing:.1em;background:rgba(0,0,0,.15)}
.legende-read:hover,.legende-read:focus-visible{background:#fff;color:#111}
.legende-next,.legende-prev{border:1px solid #b8b8b8;padding:14px 20px;background:transparent;color:inherit;font:700 12px Arial;letter-spacing:.07em;cursor:pointer}
.legende-next{position:absolute;right:30px;bottom:28px;color:#fff}.legende-next span{font-size:24px;margin-left:14px}
.legende-selection{padding:50px max(25px,calc((100vw - 1240px)/2)) 38px;background:#fff;text-align:center}
.legende-selection>.legende-kicker{color:#800000;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.18em;text-align:center;margin:5px auto 30px}
.legende-selection>h2{font:400 28px/1.08 var(--legende-home-title);color:#222;text-align:center;max-width:800px;margin:0 auto 15px;text-wrap:balance}
.legende-selection-eyebrow>span,.legende-selection>h2>span{display:block}
.legende-selection-eyebrow>span+span{margin-top:5px}
.legende-selection>h2>span+span{margin-top:0}
.legende-selection .coccinelles-cards{margin:30px 0}
.legende-selection .coccinelles-card{text-align:left}
.legende-selection .coccinelles-card h3{font:400 18px/1.25 var(--legende-home-title);color:#222;margin:10px 0 15px;text-wrap:balance}
.legende-selection .legende-domain-name,.legende-selection .legende-domain-subtitle{display:block}
.legende-selection .legende-title-unit{display:inline;white-space:nowrap!important}
.legende-selection .coccinelles-card p{font:400 clamp(16.5px,1.18vw,18px)/1.55 Arial,Helvetica,sans-serif;color:#282828}
.legende-selection .coccinelles-card-photo figcaption{font-size:10px}
.legende-dots{display:flex;justify-content:center;gap:10px;padding:12px;background:#fff}
.legende-dots button{width:30px;height:30px;border:1px solid #999;border-radius:50%;background:#fff;color:#18391e;cursor:pointer}
.legende-dots button[aria-current=true]{background:#18391e;color:#fff;border-color:#18391e}

.legende-selection{min-height:calc(100svh - var(--legende-header-height,170px));box-sizing:border-box}
@media(max-width:760px){.legende-hero{padding:45px 22px 55px}.legende-selection{padding:35px 20px}.legende-selection .coccinelles-card h3{font-size:18px}}
#exception-article:not([open]){display:none}#exception-article>summary{display:none}
.legende-photo-pending{display:grid;place-items:center;background:#d4d4d4;color:#666;aspect-ratio:3/2;font:12px Arial}