.oni-library{--oni-cream:#f3ebdc;--oni-dark:#101b14;--oni-green:#9fcc4f;background:var(--oni-cream);color:var(--oni-dark)}
.oni-works-grid>.wp-block-group__inner-container{display:contents}
@media(max-width:400px){.page-template-page-c4-realisations .c-header{padding-inline:5%;gap:10px}.page-template-page-c4-realisations .c-header .c-brand-symbol{width:44px;height:44px}.page-template-page-c4-realisations .c-header .c-brand-emblem{gap:8px}.page-template-page-c4-realisations .c-header .c-brand-name{font-size:25px}.page-template-page-c4-realisations .c-header .c-brand-baseline{max-width:122px;font-size:7px}}
.oni-draft{margin:0;padding:12px 5%;background:#dde6ce;font:12px/1.5 Arial,sans-serif;text-align:center}
.oni-library-hero{padding:70px 5% 95px;display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;max-width:1600px;margin:auto}
.oni-library-hero h1{font-size:clamp(48px,6vw,96px);line-height:1.02;margin:22px 0 28px;letter-spacing:-.065em}.oni-library-hero h1 em{white-space:nowrap}.oni-library-hero h1 em,.oni-library-outro em{color:#416e34}.oni-library-intro{font-size:19px;line-height:1.6;max-width:520px}.oni-jump{display:inline-flex;gap:40px;align-items:center;font-weight:bold;padding:16px 0;text-underline-offset:7px}.oni-jump span{font-size:28px}.oni-library-hero figure{margin:0;position:relative;transform:rotate(-2deg)}.oni-library-hero img{display:block;width:100%;height:370px;object-fit:cover;border-radius:42% 3% 34% 3%/30% 3% 29% 3%}.oni-library-hero figcaption{font:11px/1.5 'Courier New',monospace;text-transform:uppercase;padding:16px 6%;letter-spacing:.08em}
.oni-library-selection{background:var(--oni-dark);color:var(--oni-cream);padding:65px 5% 80px;position:relative}.oni-library-selection:before{content:'';position:absolute;left:0;right:0;top:-30px;height:32px;background:var(--oni-dark);clip-path:polygon(0 100%,100% 0,100% 100%)}.oni-selection-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1440px;margin:0 auto 35px}.oni-selection-heading h2{font-size:clamp(37px,4vw,64px);line-height:1.05;margin:12px 0 0}.oni-selection-heading h2 span{color:var(--oni-green)}.oni-selection-heading>p{font-size:15px;line-height:1.6;color:#d0d9c8}.oni-library-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:end;max-width:1440px;margin:auto}.oni-filters{display:flex;flex-wrap:wrap;gap:8px}.oni-filters button,.oni-more,.oni-load-external{background:none;border:1px solid #6a7a66;color:inherit;font:700 13px Arial,sans-serif;min-height:44px;padding:12px 19px;border-radius:24px;cursor:pointer}.oni-filters button[aria-pressed=true]{background:var(--oni-green);color:var(--oni-dark);border-color:var(--oni-green)}.oni-library :focus-visible{outline:3px solid var(--oni-green);outline-offset:4px}.oni-search{font:12px Arial,sans-serif;color:#cbd6c5;display:grid;gap:7px;min-width:235px}.oni-search input{background:#233328;color:var(--oni-cream);border:1px solid #64765d;border-radius:5px;padding:12px;min-height:44px;font:16px Arial,sans-serif}.oni-search input::placeholder{color:#c4cfbf}.oni-result-count{max-width:1440px;margin:20px auto;font:12px/1.6 'Courier New',monospace;color:#c7d3c0;min-height:20px}
.oni-works-grid{max-width:1440px;margin:0 auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.oni-work{min-width:0;background:#f3ebdc;color:#101b14;padding:23px;border-radius:6px 35px 6px 6px;overflow:hidden;margin:0!important;display:flex;flex-direction:column;gap:0;box-shadow:0 1px 0 #ffffff22}.oni-work .oni-work-kind{font:700 10px/1.5 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase;color:#47643e;margin:0 0 13px}.oni-work h2{font-size:22px;letter-spacing:-.035em;line-height:1.18;overflow-wrap:anywhere;margin:0 0 22px;min-height:52px}.oni-work figure{margin:0}.oni-work .wp-block-image{margin:0 0 18px}.oni-work img{width:100%;height:175px;object-fit:contain;display:block;background:#e4ddcd;border-radius:3px 25px 3px 3px}.oni-work video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#070c08;border-radius:4px;object-fit:contain}.oni-work audio{width:100%;display:block;height:45px}.oni-type-audio:not(:has(.wp-block-image)){background:linear-gradient(145deg,#dfeabf,#f3ebdc)}.oni-external-player{min-height:192px;padding:24px 18px;background:#e4ddcd;border-radius:26px 4px 26px 4px;display:flex;flex-direction:column;justify-content:center;gap:15px}.oni-external-hint{font:14px/1.6 Arial,sans-serif;margin:0}.oni-load-external{color:#101b14;border-color:#617752;border-radius:4px}.oni-external-status{font-size:12px;line-height:1.5;margin:0}.oni-external-player iframe{width:100%;border:0;border-radius:9px}.oni-external-player.is-loaded{padding:0;background:none;min-height:0}.oni-more{display:block;margin:36px auto 0;border-color:var(--oni-green);padding:15px 28px}.oni-more span{margin-left:30px}.oni-empty{text-align:center;padding:50px 20px}.oni-library-outro{padding:65px 5% 80px;max-width:1440px;margin:auto}.oni-library-outro h2{font-size:clamp(32px,4vw,56px);line-height:1.1;margin:20px 0 30px}
@media(max-width:1050px){.oni-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oni-library-hero img{height:320px}.oni-library-hero{gap:4%;padding-top:50px}.oni-library-intro{font-size:17px}}
@media(max-width:650px){.oni-library-hero{grid-template-columns:1fr;padding:40px 6% 60px;gap:25px}.oni-library-hero h1{font-size:clamp(44px,11.5vw,65px)}.oni-library-hero img{height:230px}.oni-library-hero figure{width:100%}.oni-library-selection{padding:38px 6% 50px}.oni-selection-heading{display:block}.oni-selection-heading>p{margin:18px 0 0}.oni-library-toolbar{display:block}.oni-search{margin-top:23px}.oni-filters{gap:7px}.oni-filters button{padding:12px 15px;font-size:12px}.oni-works-grid{grid-template-columns:1fr;gap:22px}.oni-work{padding:23px}.oni-work h2{min-height:0;font-size:24px}.oni-work img{height:210px}.oni-library-outro{padding:45px 6% 55px}.oni-draft{font-size:11px}}

/* 19 octobre : ensembles de l'accueil historique, sans tri des extraits. */
.oni-works-grid{display:block!important}
.oni-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}
.oni-group-grid>.wp-block-group__inner-container{display:contents}
.oni-works-group{margin:0!important}.oni-works-group+.oni-works-group{margin-top:42px!important;padding-top:42px;border-top:1px solid #5a7057}
.oni-group-heading{font-size:25px;line-height:1.25;color:var(--oni-green);margin:0 0 25px}
.oni-library .oni-works-group[hidden]{display:none!important}
@media(max-width:1050px){.oni-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.oni-group-grid{grid-template-columns:1fr;gap:22px}.oni-group-heading{font-size:24px}.oni-works-group+.oni-works-group{margin-top:32px!important;padding-top:32px}}

/* Finition ciblée : introduction courte et lecteurs soumis au consentement. */
.oni-library-hero-compact{display:block;padding:34px 5% 58px}
.oni-library-hero-compact h1{font-size:clamp(42px,5vw,68px);line-height:1.06;margin:0 0 14px}
.oni-library-hero-compact .oni-library-intro{max-width:760px;margin:0;font-size:17px;line-height:1.5}
.oni-library-selection{padding-top:30px}
.oni-selection-heading-compact{align-items:center;margin-bottom:22px;gap:20px}
.oni-selection-heading-compact h2{font-size:25px;margin:0;line-height:1.2}
.oni-selection-heading-compact>p{margin:0;font-size:14px}
.oni-external-player:not(.is-loaded){min-height:112px;padding:16px;gap:10px}
.oni-external-hint{font-size:12px;line-height:1.4;color:#47643e}
.oni-external-status:empty{display:none}
.oni-external-status{font-size:12px;line-height:1.4}
@media(max-width:650px){
 .oni-library-hero-compact{padding:24px 6% 44px}
 .oni-library-hero-compact h1{font-size:clamp(39px,10vw,54px);margin:0 0 12px}
 .oni-library-hero-compact .oni-library-intro{font-size:15px}
 .oni-library-selection{padding-top:22px}
 .oni-selection-heading-compact{margin-bottom:18px}
 .oni-selection-heading-compact h2{font-size:22px}
 .oni-selection-heading-compact>p{margin-top:8px;font-size:13px}
 .oni-library-toolbar .oni-search{margin-top:16px}
 .oni-result-count{margin-top:16px;margin-bottom:16px}
}