/* Site web axe 3 — editorial layouts. Text, media and dates are CMS data. */
.cj-editorial { --cj-ed-gutter:var(--wp--custom--editorial--gutter,clamp(20px,7.67vw,116px)); --cj-ed-gap:var(--wp--custom--editorial--column-gap,clamp(20px,2.315vw,35px)); color:var(--wp--preset--color--ink,#000); background:var(--wp--preset--color--paper,#fff); padding-bottom:clamp(60px,8vw,120px); }
.cj-editorial *, .cj-editorial *::before, .cj-editorial *::after { box-sizing:border-box; }
.cj-editorial .cj-page-band { font-family:Mattone,sans-serif; font-size:clamp(18px,1.72vw,26px); font-weight:400; }
.cj-ed-wide,.cj-edition-grid { width:calc(100% - 2 * var(--cj-ed-gutter)); max-width:1440px; margin-inline:auto; }
.cj-ed-narrow { width:min(var(--wp--custom--editorial--content-width,950px),calc(100% - 2 * var(--cj-ed-gutter))); margin-inline:auto; }
.cj-editorial :where(h1,h2,h3,h4,h5,h6) { font-family:Mattone,sans-serif; letter-spacing:0; line-height:1.2; overflow-wrap:anywhere; margin:0 0 26px; }
.cj-editorial h1,.cj-editorial .cj-ed-section-title { font-size:var(--wp--custom--editorial--title-size,clamp(30px,3.6376vw,55px)); font-weight:900; }
.cj-editorial h2 { font-size:clamp(26px,3.6376vw,55px); font-weight:900; }
.cj-editorial h3 { font-size:var(--wp--custom--editorial--card-title-size,clamp(22px,2.2487vw,34px)); font-weight:700; }
.cj-editorial :where(p,ul,ol) { font:480 20px/1.35 Inter,sans-serif; margin:0 0 26px; }
.cj-editorial strong { font-weight:670; }
.cj-editorial a { color:inherit; text-underline-offset:.2em; }
.cj-editorial :where(a,summary):focus-visible { outline:3px solid var(--wp--preset--color--cj-blue); outline-offset:5px; }
.cj-editorial :where(figure,img,iframe,video) { max-width:100%; }
.cj-editorial figure { margin:0; }
.cj-editorial img { display:block; height:auto; }
.cj-ed-row { display:flex; align-items:flex-start; flex-wrap:wrap; gap:var(--cj-ed-gap); margin-block:0 35px; }
.cj-ed-column { min-width:0; flex:1 1 0; }
.cj-ed-copy:empty,.cj-ed-row:empty,.cj-ed-column:empty { display:none; }
.cj-ed-copy > :last-child,.cj-ed-column > :last-child { margin-bottom:0; }
.cj-editorial .cj-ed-link,.cj-editorial .cj-ed-copy a:not(:has(img)),.cj-editorial .cj-ed-column p > a { font-size:16px; font-weight:670; }
.cj-ed-link { display:inline-block; text-decoration:none; padding-bottom:8px; border-bottom:1px solid; }
.cj-ed-link::after { content:' →'; display:inline-block; width:0; overflow:hidden; opacity:0; transition:width .2s,opacity .2s; }
.cj-ed-link:hover::after,.cj-ed-link:focus-visible::after { width:1.3em; opacity:1; }
.cj-editorial--events .cj-ed-wide > .cj-ed-row .cj-ed-column { display:flex; flex-direction:column; gap:14px; }
.cj-editorial--events .cj-ed-wide > .cj-ed-row { gap:35px; }
.cj-editorial--events .cj-ed-row img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.cj-editorial--events .cj-ed-row h2 { font-size:clamp(22px,2.2487vw,34px); }
.cj-editorial--events .cj-ed-row p { font-size:16px; }
.cj-editorial--events .cj-ed-row .cj-ed-copy:last-child { margin-top:auto; }
.cj-ed-event-feature { margin-bottom:35px; }
.cj-ed-event-feature img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.cj-ed-event-feature .cj-ed-copy { padding:20px; }
.cj-ed-event-feature p { font-size:16px; }
.cj-ed-event-feature p:first-child { font:700 clamp(22px,2.25vw,34px)/1.3 Mattone,sans-serif; }
.cj-editorial--podcasts .cj-ed-row { gap:clamp(25px,4vw,60px); margin-bottom:60px; }
.cj-editorial--podcasts .cj-ed-column { flex-basis:25%; }
.cj-editorial--podcasts .cj-ed-column iframe { display:block; width:100%; border:0; border-radius:12px; min-height:352px; }
.cj-editorial--podcasts .cj-ed-row h2 { font-size:clamp(24px,2.25vw,34px); }
.cj-editorial--presentation .cj-ed-narrow > .cj-ed-row { display:block; }
.cj-editorial--presentation .cj-ed-column { width:100%; }
.cj-editorial--presentation .cj-ed-column figure { margin-bottom:30px; }
.cj-editorial--presentation .cj-ed-column img { width:100%; }
.cj-editorial--presentation .cj-ed-copy { margin-bottom:30px; }
.cj-editorial--presentation .cj-ed-narrow > .cj-ed-row:first-of-type h2 { font:670 20px/1.3 Inter,sans-serif; margin-bottom:0; }
.cj-editorial--presentation .cj-ed-narrow > .cj-ed-row:nth-of-type(2) > .cj-ed-column h2:first-child { font:700 24px/1.3 Inter,sans-serif; }
.cj-editorial--presentation .cj-ed-narrow > .cj-ed-row:nth-of-type(2) figure img { aspect-ratio:2048/1168; object-fit:cover; object-position:center; }
.cj-editorial--presentation .cj-ed-narrow > .cj-ed-row:nth-of-type(n+3) img { width:auto; max-height:200px; object-fit:contain; }
.cj-editorial--partners .cj-ed-row { padding-block:30px; border-bottom:1px solid; gap:35px; align-items:center; }
.cj-editorial--partners .cj-ed-column:has(.cj-ed-logo) { flex:1 1 15%; }
.cj-ed-logo { display:flex; align-items:center; justify-content:flex-start; min-height:110px; }
.cj-ed-logo img { max-width:180px; max-height:100px; width:auto; height:auto; object-fit:contain; }
.cj-editorial--partners .cj-ed-row h2 { font-size:clamp(28px,3.6376vw,55px); }
.cj-editorial--partners .cj-ed-narrow { display:flex; flex-direction:column; }
.cj-editorial--partners .cj-ed-narrow > h1 { font:670 16px/1.3 Inter,sans-serif; }
.cj-editorial--partners .cj-ed-narrow > .cj-ed-row { order:10; }
.cj-editorial--partners .cj-ed-narrow > .cj-ed-row:nth-of-type(1) { order:1; padding-block:0; border:0; }
.cj-editorial--partners .cj-ed-narrow > .cj-ed-row:nth-of-type(1) h2 { font:670 20px/1.3 Inter,sans-serif; }
.cj-editorial--partners .cj-ed-narrow > .cj-ed-row:nth-of-type(2) { order:4; }
.cj-editorial--partners .cj-ed-narrow > .cj-ed-row:nth-of-type(2) img { max-height:110px; width:auto; margin-inline:auto; }
.cj-editorial--partners .cj-ed-narrow > .cj-ed-row:nth-of-type(3) { order:2; border:0; padding-block:0; }
.cj-editorial--partners .cj-ed-narrow > .cj-ed-row:nth-of-type(4) { order:3; }
.cj-ed-archive-intro { display:grid; grid-template-columns:1fr 1fr; gap:35px; margin-bottom:60px; }
.cj-ed-archive-intro > .cj-ed-row { display:block; grid-column:1; }
.cj-ed-archive-intro > .cj-ed-row:first-child { display:none; }
.cj-ed-archive-intro > .cj-ed-copy > .cj-ed-row:first-child { display:none; }
.cj-ed-archive-intro > .cj-ed-copy > .cj-ed-row:first-of-type { display:none; }
.cj-ed-archive-intro .cj-ed-row { display:block; margin:0; }
.cj-ed-archive-intro .cj-ed-row p { font-size:20px; }
.cj-ed-podcast-feature { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-bottom:120px; }
.cj-ed-podcast-feature h1 { font-size:clamp(36px,4.63vw,70px); }
.cj-ed-podcast-feature iframe { width:100%; height:352px; border:0; }
/* Podcasts: the first record is the only player; every other episode is a card. */
.cj-editorial--podcasts { margin-block-start:0; padding-bottom:0; }
.cj-podcast-feature,.cj-podcast-grid { width:calc(100% - 2 * var(--cj-ed-gutter,20px)); max-width:1280px; margin-inline:auto; }
.cj-podcast-feature { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:60px; padding-bottom:120px; }
.cj-podcast-player { min-width:0; }
.cj-podcast-player iframe { display:block; width:100%; height:352px; border:0; border-radius:12px; }
.cj-podcast-feature-copy { display:flex; flex-direction:column; gap:30px; }
.cj-podcast-feature-copy > div { flex:1; }
.cj-podcast-feature-copy h1 { font:900 clamp(36px,4.62963vw,70px)/normal Mattone,sans-serif; margin:0 0 10px; }
.cj-podcast-feature-copy .cj-podcast-lead { font:700 24px/normal Inter,sans-serif; margin:0; }
.cj-podcast-feature-copy h2,.cj-podcast-card h2 { font:700 clamp(24px,2.2487vw,34px)/normal Mattone,sans-serif; margin:0; }
.cj-podcast-feature-copy > div:last-child p { font:670 16px/1.1875 Inter,sans-serif; margin:2px 0 0; }
.cj-podcast-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:60px; padding-bottom:60px; }
.cj-podcast-card { min-width:0; display:flex; flex-direction:column; }
.cj-podcast-card-image { display:block; aspect-ratio:16/9; overflow:hidden; }
.cj-podcast-card-image img { display:block; width:100%; height:100%; object-fit:cover; }
.cj-podcast-card-copy { display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:30px; flex:1; }
.cj-podcast-card-copy > p { font:480 16px/1.1875 Inter,sans-serif; margin:0; }
.cj-podcast-card-copy .cj-ed-link { font:670 16px/1.1875 Inter,sans-serif; margin-top:auto; padding-block:9.5px; }
.cj-podcast-show-link { border-block:1px solid; padding:14px var(--cj-ed-gutter,20px); }
.cj-podcast-show-link .cj-ed-link { font:670 16px/1.1875 Inter,sans-serif; padding-block:9.5px; }
@media(max-width:1000px) { .cj-podcast-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; } .cj-podcast-feature { gap:35px; } }
@media(max-width:700px) { .cj-podcast-feature { grid-template-columns:1fr; gap:30px; padding-bottom:60px; } .cj-podcast-feature-copy { gap:30px; } .cj-podcast-feature-copy .cj-podcast-lead { font-size:20px; } .cj-podcast-grid { grid-template-columns:1fr; gap:30px; } .cj-podcast-card-copy { padding:25px; } }
.cj-ed-lead { font-weight:700!important; font-size:24px!important; }
.cj-ed-inline-images { display:flex; gap:15px; flex-wrap:wrap; }
.cj-ed-archive-intro .cj-ed-archive-art { grid-column:2; grid-row:1 / span 2; align-self:start; }
.cj-ed-archive-art img { width:100%; aspect-ratio:624/510; object-fit:cover; }
.cj-ed-big-link { text-align:center; font:900 clamp(26px,3.6376vw,55px)/1.2 Mattone,sans-serif!important; border-block:1px solid; padding:30px; }
.cj-ed-big-link a { text-decoration:none; }
.cj-ed-big-link:hover { background:var(--wp--preset--color--cj-blue); color:#fff; }
.cj-edition-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(20px,2.3vw,35px); }
.cj-edition-card { min-width:0; }
.cj-edition-card__poster { display:block; aspect-ratio:1178/1600; overflow:hidden; }
.cj-edition-card__poster img { width:100%; height:100%; object-fit:contain; object-position:top; }
.cj-edition-card__copy { padding:30px; }
.cj-edition-card h3 { font-size:20px; margin-bottom:14px; }
.cj-ed-pagination { display:flex; justify-content:center; align-items:center; gap:25px; margin:35px auto 0; font:670 20px Inter,sans-serif; }
.cj-ed-pagination a { padding:5px; text-decoration:none; }
.cj-ed-pagination [aria-current] { border-bottom:3px solid; }
.cj-ed-timeline { width:min(var(--wp--custom--editorial--content-width,950px),calc(100% - 2 * var(--cj-ed-gutter,20px))); margin:0 auto; }
.cj-editorial--grand-prix { margin-block-start:0; padding-bottom:0; }
.cj-editorial--grand-prix > .cj-ed-narrow:has(> h1) { padding-bottom:60px; }
.cj-editorial--grand-prix > .cj-ed-narrow > h1 { line-height:normal; margin:0; }
.cj-ed-timeline-row { display:grid; grid-template-columns:minmax(0,255fr) minmax(0,639fr); gap:56px; }
.cj-ed-timeline > .cj-ed-timeline-row,.cj-ed-timeline-row > * { margin-block:0; }
.cj-ed-timeline-row .cj-ed-year { position:relative; font:900 clamp(30px,3.6376vw,55px)/normal Mattone,sans-serif; border-right:1px solid; margin:0; text-align:right; padding-right:50px; overflow-wrap:normal; }
.cj-ed-timeline-row .cj-ed-year::after { content:''; position:absolute; right:0; top:1.54545em; width:50px; height:2px; background:currentColor; }
.cj-ed-timeline-info { padding-bottom:120px; }
.cj-ed-timeline-info p { font-size:16px; margin-bottom:12px; }
.cj-ed-timeline-info p:has(a) { font:700 20px/1.3 Mattone,sans-serif; }
.cj-ed-timeline-info p:first-child { font:700 20px/1.3 Mattone,sans-serif; }
.cj-ed-timeline-info p:first-child a { font:700 20px/1.3 Mattone,sans-serif; }
.cj-ed-timeline-info p:first-child em { font-style:normal; }
.cj-ed-timeline-info p:first-child > span > strong:last-child { display:block; font:480 16px/1.3 Inter,sans-serif; margin-top:12px; }
.cj-ed-timeline-info p:last-child { border-block:1px solid; padding-block:15px; margin-top:37px; }
.cj-ed-timeline-info .cj-ed-film-title { font:700 20px/normal Mattone,sans-serif; margin:0 0 12px; text-decoration:underline; text-underline-position:from-font; }
.cj-ed-timeline-info .cj-ed-film-title a { color:inherit; }
.cj-ed-timeline-info .cj-ed-film-title:not(:first-child) { margin-top:37px; }
.cj-ed-timeline-info .cj-ed-film-director { font:480 16px/1.1875 Inter,sans-serif; margin:0; }
.cj-ed-timeline-info p.cj-ed-film-details { font:480 16px/1.1875 Inter,sans-serif; margin:37px 0 0; border-block:1px solid; padding-block:14px; }
.cj-ed-edition-intro { margin-bottom:60px; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type { display:grid; grid-template-columns:1fr 1fr; gap:35px; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:first-child h2:first-child { font:480 12px/1.3 Inter,sans-serif; border:1px solid; border-radius:20px; display:table; padding:5px 10px; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type img { max-height:680px; margin-inline:auto; object-fit:contain; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type { grid-template-rows:repeat(5,auto); column-gap:35px; row-gap:26px; align-items:start; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column { display:contents; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column > :is(h1,h2,p) { grid-column:1; margin:0; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column > h2:first-child { justify-self:start; width:max-content; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:nth-child(2) > .cj-ed-copy p:first-of-type { white-space:pre-line; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column > figure { grid-column:2; grid-row:1 / span 5; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:first-child > .cj-ed-copy { grid-column:1; grid-row:5; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:nth-child(2) > .cj-ed-copy { grid-column:1; grid-row:4; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:nth-child(2) > .cj-ed-copy h3 { font:670 20px/1.3 Inter,sans-serif; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:nth-child(2) > .cj-ed-copy p:nth-of-type(n+3) { display:inline; margin:0; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:first-child > .cj-ed-copy:has(a) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:first-child > .cj-ed-copy:has(a) p { display:flex; justify-content:center; align-items:center; border-bottom:1px solid; border-right:1px solid; padding:15px 10px; margin:0; }
.cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:first-child > .cj-ed-copy:has(a) p:nth-child(3n) { border-right:0; }
.cj-ed-programmes { width:100%; }
.cj-ed-programme { margin:0; padding:0; border-top:1px solid; }
.cj-ed-programme:last-child { border-bottom:1px solid; }
.cj-ed-programme summary { position:relative; list-style:none; cursor:pointer; text-align:center; font:700 clamp(22px,2.25vw,34px)/1.3 Mattone,sans-serif; padding:15px 55px; }
.cj-ed-programme summary::-webkit-details-marker { display:none; }
.cj-ed-programme summary::after { content:'+'; position:absolute; right:25px; }
.cj-ed-programme[open] summary::after { content:'−'; }
.cj-ed-programme summary:hover { background:var(--wp--preset--color--cj-blue); color:#fff; }
.cj-ed-programme > .cj-hp-accordion-content { width:calc(100% - 2 * var(--cj-ed-gutter)); max-width:1280px; margin:60px auto; }
.cj-ed-programme .cj-ed-row { padding-bottom:35px; border-bottom:1px solid; }
.cj-ed-programme h2 { font-size:clamp(22px,2.25vw,34px); }
.cj-ed-programme p { font-size:16px; }
.cj-ed-programme .cj-ed-column:has(> figure) { flex:0 0 23%; }
.cj-ed-programme img { max-height:415px; object-fit:contain; }
.cj-editorial .cj-ed-section-title { text-align:center; margin:60px 0; padding-inline:20px; }
.cj-ed-resource-intro { display:grid; grid-template-columns:1fr 1fr; gap:35px; padding-bottom:120px; }
.cj-ed-resource-icon { display:flex; align-items:center; justify-content:center; }
.cj-ed-resource-icon img { max-width:100%; }
.cj-ed-age-filter { display:flex; overflow-x:auto; border-block:1px solid; }
.cj-ed-age-filter a { flex:1 0 85px; padding:30px 10px; border-right:1px solid; text-align:center; text-decoration:none; font:670 16px Inter,sans-serif; }
.cj-ed-age-filter a:hover { background:var(--wp--preset--color--cj-blue); color:#fff; }
.cj-ed-age-filter [aria-current] { color:#fff; background:#000; }
.cj-ed-resource-results { width:100%; }
.cj-ed-resource-results .cj-ed-narrow { width:calc(100% - 2 * var(--cj-ed-gutter)); max-width:1280px; }
.cj-ed-resource-results .cj-ed-row { padding-block:60px; border-bottom:1px solid; }
.cj-ed-resource-results .cj-ed-column:has(img) { flex:0 0 23%; }
.cj-ed-resource-results h2 { font-size:clamp(22px,2.1vw,32px); }
.cj-ed-resource-results h1 { display:none; }
.cj-ed-resource-results .cj-ed-narrow > h2:first-child { font:670 16px/1.3 Inter,sans-serif; margin-block:30px; }
.cj-ed-resource-index { width:calc(100% - 2 * var(--cj-ed-gutter)); margin:35px auto; }
@media(max-width:850px) {
 .cj-edition-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cj-editorial--podcasts .cj-ed-column { flex-basis:40%; }
 .cj-ed-timeline-row { gap:25px; grid-template-columns:130px minmax(0,1fr); }
 .cj-ed-timeline-row .cj-ed-year { padding-right:15px; }
 .cj-ed-timeline-row .cj-ed-year::after { top:1.55em; width:15px; }
}
@media(max-width:600px) {
 .cj-editorial { --cj-ed-gutter:20px; }
 .cj-ed-narrow { width:calc(100% - 40px); }
 .cj-ed-row { display:flex; flex-direction:column; }
 .cj-ed-column { width:100%; flex:auto!important; }
 .cj-editorial :where(p,ul,ol) { font-size:17px; }
 .cj-ed-archive-intro,.cj-ed-edition-intro > .cj-ed-row:first-of-type,.cj-ed-resource-intro { display:flex; flex-direction:column; }
 .cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column { display:flex; flex-direction:column; gap:20px; }
 .cj-ed-edition-intro > .cj-ed-row:first-of-type > .cj-ed-column:first-child > .cj-ed-copy:has(a) { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 .cj-ed-archive-art { order:-1; }
 .cj-ed-resource-intro { padding-bottom:60px; }
 .cj-ed-podcast-feature { display:flex; flex-direction:column; gap:25px; margin-bottom:60px; }
 .cj-ed-resource-icon img { width:240px; height:auto; }
 .cj-edition-card__copy { padding:20px 0; }
 .cj-edition-card h3 { font-size:16px; }
 .cj-ed-timeline-row { grid-template-columns:100px minmax(0,1fr); gap:15px; }
 .cj-ed-timeline-row .cj-ed-year { font-size:22px; }
 .cj-ed-timeline-info { padding-bottom:60px; }
 .cj-editorial--grand-prix > .cj-ed-narrow:has(> h1) { padding-bottom:35px; }
 .cj-ed-timeline-info .cj-ed-film-title { font-size:17px; }
 .cj-ed-timeline-info p:has(a) { font-size:17px; }
 .cj-editorial--partners .cj-ed-row:has(.cj-ed-logo) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cj-ed-logo img { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { .cj-ed-link::after { transition:none; } }