@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Anton&display=swap');
:root{--ink:#111111;--cream:#fff8eb;--yellow:#fff000;--orange:#ff782f;--red:#ef3e34;--blue:#369ee7;--purple:#bd83ec;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:1.45}img{display:block;max-width:100%}a{color:inherit}a:focus-visible{outline:4px solid var(--blue);outline-offset:4px}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.7rem;z-index:30}.skip-link:focus{top:1rem}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(20px,4vw,70px);background:var(--cream);border-bottom:var(--line);gap:30px;position:relative;z-index:5}.brand{width:134px;flex:none}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,42px);font-weight:800;text-transform:uppercase;font-size:.86rem}.site-header nav a{text-decoration:none}.site-header nav a:not(.nav-action):hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.nav-action{padding:13px 18px;background:var(--yellow);border:var(--line);box-shadow:4px 4px 0 var(--ink);white-space:nowrap}.nav-action:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.nav-action span{margin-left:12px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--orange);overflow:hidden;border-bottom:var(--line)}.hero-copy{padding:clamp(42px,5vw,82px) 30px 70px clamp(24px,6.5vw,115px);position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-number{text-transform:uppercase;font-size:.88rem;font-weight:900;letter-spacing:.045em}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px}.square{width:12px;height:12px;background:var(--blue);border:2px solid var(--ink);transform:rotate(15deg)}h1,h2,p{margin-top:0}.hero h1,.section-heading h2,.archive-head h2,.submit-section h2,.about-section h2{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.005em;line-height:.98;text-transform:uppercase}.hero h1{font-size:clamp(5rem,8.6vw,10rem);margin:0 0 30px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.bang{color:var(--blue)}.hero-intro{font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:700;line-height:1.42;max-width:525px;margin:0 0 28px}.button{min-height:57px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;text-transform:uppercase;text-decoration:none;border:var(--line);font-weight:900;padding:14px 21px;box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button span{font-size:1.35rem;line-height:1}.button-dark{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--blue)}.button-dark:hover{box-shadow:2px 2px 0 var(--blue)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:60px clamp(25px,5vw,80px);background:var(--blue);border-left:var(--line)}.hero-visual:before{content:"";position:absolute;inset:6% 7%;border:3px solid var(--ink);transform:rotate(8deg);background:var(--red)}.poster-frame{position:relative;z-index:1;width:min(82%,450px);transform:rotate(-5deg);border:var(--line);box-shadow:15px 16px 0 var(--ink);background:var(--ink)}.poster-frame img{width:100%;height:auto;aspect-ratio:1417/1890;object-fit:cover}.visual-label{position:absolute;z-index:2;right:4%;bottom:9%;background:var(--yellow);border:var(--line);padding:9px 15px;font-weight:900;text-transform:uppercase;transform:rotate(7deg);box-shadow:5px 5px 0 var(--ink)}.visual-label span{color:var(--red);font-size:1.2rem}.manifesto-strip{padding:22px clamp(24px,5vw,76px);display:flex;justify-content:space-between;gap:25px;background:var(--yellow);border-bottom:var(--line);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(.87rem,1.2vw,1.1rem)}.section-pad{padding:clamp(72px,8vw,130px) clamp(24px,6.5vw,115px)}.next-section{background:var(--cream)}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading h2{font-size:clamp(4rem,7vw,8rem);margin:0;text-align:right}.section-heading i{color:var(--blue);font-style:normal}.next-card{background:var(--blue);border:var(--line);padding:clamp(25px,4vw,62px);display:grid;grid-template-columns:1.2fr .8fr;gap:20px 40px;box-shadow:10px 10px 0 var(--ink)}.next-kicker{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--line);padding-bottom:15px}.asterisk{color:var(--yellow);font-size:2.2rem;line-height:.6}.next-main{grid-row:2/4}.next-main p{font-family:Anton,Impact,sans-serif;font-size:clamp(3.7rem,6vw,7.6rem);line-height:.98;margin:15px 0 30px}.next-main strong{display:inline-block;background:var(--yellow);border:var(--line);padding:11px 15px;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:900;transform:rotate(-2deg)}.next-note{font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:600;align-self:end;max-width:410px;margin:0}.inline-link{font-weight:900;text-transform:uppercase;text-underline-offset:5px;align-self:start}.archive-section{background:var(--ink);color:var(--cream)}.archive-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.archive-head h2{font-size:clamp(4.2rem,8vw,9rem);margin:25px 0 0}.archive-head h2 span{color:var(--yellow)}.archive-head p{max-width:260px;font-size:1.13rem;font-weight:600;margin:0 0 6px}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2.6vw,38px)}.archive-item{text-decoration:none;min-width:0}.archive-image{border:3px solid var(--cream);overflow:hidden;background:#242424;aspect-ratio:1417/1890}.archive-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.archive-item:hover img{transform:scale(1.04)}.archive-caption{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-weight:900;font-size:1.15rem;text-transform:uppercase;border-bottom:2px solid var(--cream)}.submit-section{background:var(--red);display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;border-top:var(--line);border-bottom:var(--line)}.submit-section h2{font-size:clamp(4.4rem,8vw,9rem);margin:30px 0 0}.submit-section h2 span{color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.submit-copy{max-width:450px;padding-bottom:8px}.submit-copy p{font-size:clamp(1.3rem,2vw,1.75rem);font-weight:800;line-height:1.3;margin-bottom:28px}.button-yellow{background:var(--yellow)}.submit-copy small{display:block;margin-top:17px;font-size:.9rem;font-weight:700}.about-section{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end}.about-section h2{font-size:clamp(4.2rem,7.3vw,8.2rem);margin:32px 0 0}.about-section h2 span{color:var(--blue)}.about-copy{padding-bottom:8px}.about-copy p{font-size:clamp(1.1rem,1.55vw,1.4rem);font-weight:650;line-height:1.45;margin:0 0 18px}.site-footer{background:var(--yellow);border-top:var(--line);padding:50px clamp(24px,6.5vw,115px) 25px}.footer-logo{display:flex;align-items:center;justify-content:center;padding:6px 0 60px}.footer-logo img{display:block;width:min(38vw,380px);max-width:100%;height:auto;object-fit:contain;flex:none}.footer-bottom{border-top:2px solid var(--ink);padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.85rem;font-weight:800;text-transform:uppercase}.footer-bottom a{text-underline-offset:3px}
@media(max-width:900px){.site-header{height:auto;min-height:105px;flex-wrap:wrap;padding:10px 22px 18px;gap:5px}.brand{width:100px}.site-header nav{gap:14px;flex-wrap:wrap;font-size:.75rem}.nav-action{padding:9px 12px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:45px 23px}.hero h1{font-size:clamp(4.4rem,8.5vw,7rem)}.hero-visual{padding:40px 15px}.poster-frame{width:85%}.manifesto-strip{flex-wrap:wrap;justify-content:center;text-align:center}.section-heading h2{font-size:clamp(4rem,8vw,6rem)}.archive-head h2{font-size:clamp(4rem,7.7vw,7rem)}.submit-section,.about-grid{gap:30px}}
@media(max-width:650px){.site-header{display:block}.brand{display:block;width:105px;margin:0 auto 10px}.site-header nav{justify-content:center;gap:8px 18px}.site-header nav a{padding:5px 0}.site-header nav .nav-action{padding:7px 10px;box-shadow:3px 3px 0 var(--ink)}.hero{display:flex;flex-direction:column}.hero-copy{padding:36px 22px 46px}.hero h1{font-size:clamp(3.9rem,14.3vw,6rem);white-space:normal}.hero-intro{font-size:1.12rem}.hero-visual{min-height:390px;border-left:0;border-top:var(--line);padding:35px 15px}.hero-visual:before{inset:8% 16%}.poster-frame{width:min(54%,250px)}.visual-label{bottom:6%;right:7%}.manifesto-strip{padding:18px;display:block;font-size:.85rem}.manifesto-strip span{display:block}.section-pad{padding:68px 23px}.section-heading,.archive-head{display:block}.section-heading h2{text-align:left;font-size:clamp(3.6rem,11vw,5.5rem);margin-top:20px}.next-card{display:block;padding:25px;box-shadow:6px 6px 0 var(--ink)}.next-main p{font-size:clamp(3.5rem,12vw,5.5rem);margin-top:25px}.next-note{margin:27px 0 20px}.archive-head h2{font-size:clamp(3.8rem,12vw,6rem)}.archive-head p{margin-top:24px}.poster-grid{grid-template-columns:1fr 1fr;gap:23px 14px}.archive-item:last-child{grid-column:1/-1;width:calc(50% - 7px)}.archive-caption{font-size:.93rem}.submit-section,.about-grid{display:block}.submit-section h2,.about-section h2{font-size:clamp(4rem,12.5vw,6rem)}.submit-copy{margin-top:35px}.about-copy{margin-top:35px}.footer-logo{padding:0 0 40px}.footer-logo img{width:min(65vw,270px)}.footer-bottom{display:block}.footer-bottom>*{display:block;margin:0 0 8px}}
@media(max-width:390px){.site-header nav{font-size:.7rem;gap:6px 11px}.hero h1{font-size:13.4vw}.poster-grid{grid-template-columns:1fr}.archive-item:last-child{grid-column:auto;width:auto}.hero-visual{min-height:350px}.poster-frame{width:58%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* Archives : défilement horizontal et cadrage portrait des visuels carrés. */
.nav-action-challenge{background:var(--blue)}
.projection-discover{display:inline-block;margin-top:38px;font-weight:900;text-transform:uppercase;text-decoration-thickness:3px;text-underline-offset:7px}
.projection-discover:hover{color:var(--blue)}
.poster-frame{display:block;text-decoration:none;transition:transform .2s,box-shadow .2s}
.poster-frame:hover{transform:rotate(-3deg) translateY(-6px);box-shadow:18px 22px 0 var(--ink)}
.poster-frame:focus-visible{outline:4px solid var(--yellow);outline-offset:7px}
.next-card{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px 56px;align-items:center}
.next-main{grid-row:auto}
.next-main p{font-size:clamp(3.4rem,5vw,6rem);margin:8px 0 28px}
.next-main strong{display:block;width:max-content;max-width:100%;background:none;border:0;box-shadow:none;transform:none;padding:0;font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:clamp(2.3rem,4vw,4.5rem);font-weight:400;line-height:1.06;color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink)}
.next-details{grid-column:2;grid-row:2;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:34px;background:var(--cream);border:var(--line);box-shadow:8px 8px 0 var(--ink);padding:clamp(24px,3vw,42px);transform:rotate(1.5deg)}
.next-details .next-note{align-self:auto;max-width:none;font-weight:750;line-height:1.45}
.next-details .next-note strong{display:inline-block;font-family:Archivo,Arial,sans-serif;font-size:clamp(1.5rem,2vw,2rem);font-weight:900;line-height:1.2;margin-bottom:15px;color:var(--ink);-webkit-text-stroke:0}
.next-socials{display:flex;flex-direction:column;align-items:flex-start;gap:15px;border-top:2px solid var(--ink);padding-top:24px}
.next-socials .inline-link{display:inline-flex;align-items:center;gap:10px}
.next-socials svg{width:24px;height:24px;flex:none}
@media(max-width:1000px){.next-card{grid-template-columns:1fr}.next-details{grid-column:1;grid-row:auto;max-width:560px}}
@media(max-width:650px){.next-main p{font-size:clamp(3.2rem,10vw,4.5rem)}.next-main strong{font-size:clamp(1.9rem,8vw,3rem)}.next-details{margin-top:34px;box-shadow:6px 6px 0 var(--ink);transform:rotate(.8deg)}.next-socials{margin-top:0}}
.archive-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin:0 0 20px}
.archive-count{font-weight:900;font-size:1rem;font-variant-numeric:tabular-nums}
.archive-buttons{display:flex;gap:10px}
.archive-arrow{width:52px;height:52px;border:3px solid var(--cream);background:var(--yellow);color:var(--ink);font:700 2.2rem/1 Archivo,Arial,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0 0 4px}
.archive-arrow:hover:not(:disabled){background:var(--blue)}
.archive-arrow:disabled{opacity:.35;cursor:default}
.archive-arrow:focus-visible{outline:4px solid var(--blue);outline-offset:4px}
.archive-carousel{display:flex;gap:clamp(15px,2.6vw,38px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-inline:contain;scrollbar-color:var(--yellow) var(--ink);padding:2px 2px 20px;min-width:0}
.archive-carousel .archive-item{flex:0 0 min(28vw,370px);scroll-snap-align:start;min-width:0}
.archive-carousel .archive-image{aspect-ratio:3/4}
.archive-carousel .archive-image img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){.archive-carousel .archive-item{flex-basis:min(40vw,340px)}}
@media(max-width:650px){.archive-carousel .archive-item,.archive-carousel .archive-item:last-child{flex:0 0 min(72vw,310px);width:auto;grid-column:auto}.archive-controls{margin-bottom:16px}}

.next-details{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:30px;font-size:1.12rem;font-weight:900;line-height:1.3;text-transform:uppercase}.next-details span:first-child{font-size:1.55rem}.archive-pause{width:52px;height:52px;border:3px solid var(--cream);background:var(--yellow);color:var(--ink);font:700 1.5rem/1 Archivo,Arial,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0}.archive-pause:hover{background:var(--blue)}.archive-pause:focus-visible{outline:4px solid var(--blue);outline-offset:4px}
/* Signature du site dans l’en-tête. */
.brand{display:flex;align-items:center;gap:clamp(10px,1vw,18px);width:auto;min-width:0;flex:none}
.brand .brand-symbol{width:134px;height:auto;flex:none}
.brand .brand-wordmark{width:clamp(200px,20vw,310px);height:auto;max-width:none;flex:none;filter:drop-shadow(.35px 0 0 rgba(0,0,0,.4)) drop-shadow(-.35px 0 0 rgba(0,0,0,.4)) drop-shadow(0 .35px 0 rgba(0,0,0,.4)) drop-shadow(0 -.35px 0 rgba(0,0,0,.4))}
@media(max-width:1200px){
  .site-header{height:auto;min-height:110px;flex-wrap:wrap;justify-content:center;padding:12px 20px 18px;gap:8px 25px}
  .site-header nav{justify-content:center;gap:18px}
}
@media(max-width:900px){
  .brand .brand-symbol{width:100px}
  .brand .brand-wordmark{width:clamp(200px,33vw,290px)}
}
@media(max-width:650px){
  .brand{display:flex;width:max-content;max-width:100%;justify-content:center;gap:10px;margin:0 auto 14px}
  .brand .brand-symbol{width:80px}
  .brand .brand-wordmark{width:min(52vw,210px)}
}