@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url('fonts/archivo-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url('fonts/archivo-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/newsreader-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/newsreader-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/newsreader-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/newsreader-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --ink:#15130f; --wall:#efeee9; --paper:#fbfaf6; --line:#15130f26; --mute:#5c5a52;
  --d70:#e8bd2f; --d80:#3f6b52; --d90:#1f65a0; --d00:#9e2f45;
  --sans:"Archivo","Arial Narrow",Arial,sans-serif; --serif:"Newsreader",Georgia,serif;
  --gut:clamp(16px,3.2vw,48px);
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 19px/1.55 var(--serif);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--d90);outline-offset:3px}
.cond{font-family:var(--sans);font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.86}
.lab{font:600 13px/1.3 var(--sans);letter-spacing:.02em}

/* nav */
.nav{position:sticky;top:0;z-index:20;display:flex;gap:6px 26px;align-items:baseline;flex-wrap:wrap;padding:12px var(--gut);background:var(--ink);color:var(--paper);font:600 15px/1.3 var(--sans)}
.nav a{text-decoration:none;padding:3px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{border-color:var(--d70)}

.nav .home{white-space:nowrap;font-stretch:62%;font-weight:800;font-size:21px;text-transform:uppercase;margin-right:auto;border:0}
.navlinks{display:flex;flex-wrap:wrap;gap:6px 26px}
.langs{display:flex;align-items:center;gap:9px;margin-left:12px;padding-left:16px;border-left:1px solid #fff4}
.nav .langs a{display:block;padding:0;border:0;line-height:0;border-radius:2px;outline:1px solid #fff3;outline-offset:0;opacity:.72;transition:opacity .15s,transform .15s}
.nav .langs a:hover{opacity:1;transform:translateY(-1px)}
.nav .langs a[aria-current]{opacity:1;outline:2px solid var(--d70);outline-offset:2px}
.langs img{width:24px;height:16px;border-radius:2px}
.burger{display:none}
.skip{position:absolute;left:-999px;top:0;z-index:30;background:var(--d70);color:var(--ink);padding:10px 14px;font:700 15px var(--sans)}
.skip:focus{left:8px;top:8px}
picture{display:contents}


/* hero: the factory floor printed on yellow like a street poster */
.hero{position:relative;background:var(--d70);min-height:calc(100svh - 48px);display:grid;grid-template-columns:repeat(12,1fr);overflow:hidden;isolation:isolate}
.hero .photo{grid-column:6/-1;grid-row:1;position:relative;min-height:100%;mix-blend-mode:multiply}
.hero .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;filter:grayscale(1) contrast(1.12)}
.hero .txt{grid-column:1/-1;grid-row:1;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,2.4vw,36px) var(--gut);gap:32px;pointer-events:none}
.hero h1{font-size:clamp(104px,min(23.5vw,calc((100svh - 254px)/1.72)),430px)}
.hero h1 span{display:block}
.hero .say{max-width:25em;font-size:clamp(19px,1.75vw,27px);line-height:1.25;background:var(--d70);padding:12px 16px 14px 0;pointer-events:auto}
.hero .say b{display:block;font:800 17px/1.2 var(--sans);margin-bottom:8px}

/* prize strip */
.now{display:grid;grid-template-columns:auto 1fr auto;gap:8px 28px;align-items:baseline;background:var(--ink);color:var(--paper);padding:18px var(--gut);text-decoration:none;font:600 17px/1.3 var(--sans)}
.now b{color:var(--d70);font-weight:700}
.now em{font:italic 400 21px/1.2 var(--serif)}
.now:hover span:last-child{text-decoration:underline}

/* decade tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr)}
.tile{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--c);color:var(--on)}
.tile img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:opacity .2s}
.tile:hover img{opacity:.86}
.tile-l{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:baseline;padding:14px clamp(12px,1.4vw,22px) 18px}
.tile-l b{font:800 clamp(34px,4.2vw,72px)/.9 var(--sans);font-stretch:62%;text-transform:uppercase}
.tile-l i{font:600 15px/1 var(--sans)}
.d70{--c:var(--d70);--on:var(--ink)} .d80{--c:var(--d80);--on:#fff} .d90{--c:var(--d90);--on:#fff} .d00{--c:var(--d00);--on:#fff}

/* home: short bio */
.short{display:grid;grid-template-columns:repeat(12,1fr);gap:0 var(--gut);padding:clamp(56px,8vw,120px) var(--gut)}
.short img{grid-column:1/5}
.short div{grid-column:6/-2;align-self:end}
.short p{font-size:clamp(20px,1.7vw,25px);line-height:1.38}
.more{display:inline-block;margin-top:24px;font:700 17px/1.2 var(--sans);text-underline-offset:4px}

/* the wall */
.head{padding:clamp(28px,4vw,56px) var(--gut) 20px}
.head h1{font-size:clamp(56px,13vw,210px)}
.head p{max-width:34em;margin-top:18px}
.wallbar{position:sticky;top:48px;z-index:10;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;padding:10px var(--gut);background:var(--paper);border-block:1px solid var(--line);font:600 15px/1.2 var(--sans)}
.wallbar a{text-decoration:none;display:inline-flex;gap:7px;align-items:center}
.wallbar a::before{content:"";width:13px;height:13px;background:var(--c)}
.wallbar a:hover{text-decoration:underline}
.wall{background:var(--wall)}
.decade{padding:0 var(--gut) clamp(64px,8vw,120px);scroll-margin-top:100px}
.decade header{display:flex;align-items:baseline;gap:16px;margin-inline:calc(var(--gut)*-1);padding:14px var(--gut);background:var(--c);color:var(--on)}
.decade h2{font:800 clamp(44px,6vw,92px)/.9 var(--sans);font-stretch:62%;text-transform:uppercase}
.decade header p{font:600 16px/1 var(--sans)}
.hang{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,42vw),1fr));gap:40px 22px;align-items:end;padding-top:clamp(48px,6vw,88px)}
.work{display:block;text-decoration:none}
.pic{display:block;box-shadow:0 1px 1px #0003,4px 8px 18px #0000002e;transition:transform .18s,box-shadow .18s;background:var(--paper)}
.pic img{width:100%;height:auto;aspect-ratio:var(--r);object-fit:cover}
.work:hover .pic{transform:translateY(-3px);box-shadow:0 1px 1px #0003,6px 14px 28px #00000040}
.noimg{display:grid;place-items:center;text-align:center;aspect-ratio:var(--r);font:600 13px/1.25 var(--sans);color:var(--mute);border:1.5px dashed #15130f66;background:transparent}
.cap{display:block;padding-top:8px;font:400 13px/1.3 var(--sans);color:#3d3b34}
.cap b{font-weight:700;color:var(--ink)}

/* work page */
.fiche{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);min-height:calc(100svh - 48px);background:var(--wall)}
.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:clamp(20px,4vw,64px);min-width:0}
.stage img.big{max-height:calc(100svh - 190px);width:auto;box-shadow:0 1px 1px #0003,6px 14px 34px #00000038}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.thumbs a{display:block;width:58px;height:58px;outline:1px solid var(--line)}
.thumbs a[aria-current=true]{outline:3px solid var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.info{background:var(--paper);padding:clamp(20px,3vw,44px);display:flex;flex-direction:column;gap:20px}
.info .top{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 15px/1 var(--sans);flex-wrap:wrap}
.info .top div{display:flex;gap:6px}
.ic{padding:8px 12px;border:1.5px solid var(--ink);font:600 15px/1 var(--sans);text-decoration:none}
.ic:hover{background:var(--ink);color:var(--paper)}
.tag{padding:5px 9px;background:var(--c);color:var(--on);text-decoration:none}
.info h1{font:800 clamp(44px,4.8vw,76px)/.92 var(--sans);font-stretch:62%;text-transform:uppercase}
.info .yr{font:600 19px/1.2 var(--sans);margin-top:8px}
.info .desc{font-size:19px;line-height:1.45}
.info dl{display:grid;grid-template-columns:minmax(100px,auto) 1fr;gap:9px 18px;border-top:1px solid var(--line);padding-top:16px;font:400 15px/1.4 var(--sans)}
.info dt{font-weight:700}
.info dd{margin:0}
.note{font:400 15px/1.4 var(--sans);color:var(--mute);margin-bottom:1em}

/* prose */
.prose{padding:0 var(--gut) clamp(64px,8vw,120px)}
.prose>*{max-width:34em;margin-inline:auto}
.prose p{margin-top:.9em}
.prose>p:first-child{font-size:clamp(23px,2.3vw,31px);line-height:1.3}
.prose h3{font:800 34px/1 var(--sans);font-stretch:62%;text-transform:uppercase;margin-top:44px}
.row{display:flex;align-items:flex-start;gap:clamp(6px,.9vw,14px);max-width:min(1240px,100%);margin-block:clamp(36px,5vw,72px)}
.row img{width:0;min-width:0;height:auto}

/* prize */
.feat{display:grid;grid-template-columns:repeat(12,1fr);gap:24px var(--gut);padding:8px var(--gut) clamp(48px,6vw,88px);align-items:end}
.feat img{grid-column:1/8;width:auto;max-height:82svh;box-shadow:0 1px 1px #0003,6px 14px 34px #00000030}
.feat>div{grid-column:8/-1}
.feat .y{font:800 clamp(72px,10vw,170px)/.84 var(--sans);font-stretch:62%;color:var(--d00)}
.feat h2{font:italic 400 clamp(32px,3.6vw,52px)/1.08 var(--serif);margin:14px 0 4px}
.feat .by{font:600 18px/1.3 var(--sans)}
.feat p{margin-top:18px;font-size:18px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.btn{padding:12px 16px;background:var(--ink);color:var(--paper);text-decoration:none;font:700 15px/1.1 var(--sans)}
.btn:hover{background:var(--d00)}
.arch{background:var(--wall);padding:clamp(40px,5vw,72px) var(--gut) clamp(64px,8vw,110px)}
.arch h2{font:800 clamp(44px,6vw,92px)/.9 var(--sans);font-stretch:62%;text-transform:uppercase;margin-bottom:clamp(28px,4vw,52px)}
.wins{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,42vw),1fr));gap:48px 26px;align-items:end}
.win .y{display:block;font:800 40px/1 var(--sans);font-stretch:62%;margin-bottom:8px}
.win img{box-shadow:0 1px 1px #0003,4px 8px 18px #0000002e;width:100%}
.win figcaption{font:400 14px/1.3 var(--sans);margin-top:10px;min-height:5.2em}
.win b{font-weight:700}

/* videos: nothing loads from YouTube until the visitor presses play */
.vids{padding:8px var(--gut) clamp(64px,8vw,120px);display:grid;gap:clamp(48px,6vw,88px)}
.vid{max-width:min(960px,calc((100svh - 150px)*4/3))}
.player{aspect-ratio:4/3;background:var(--ink)}
.player iframe{display:block;width:100%;height:100%;border:0}
.play{all:unset;cursor:pointer;display:block;position:relative;width:100%;height:100%}
.play img{width:100%;height:100%;object-fit:cover}
.play span{position:absolute;left:0;bottom:0;padding:14px 20px;background:var(--d70);color:var(--ink);font:800 19px/1 var(--sans)}
.play:hover span{background:var(--paper)}
.play:focus-visible{outline:3px solid var(--d90);outline-offset:3px}
.vid h2{font:800 clamp(44px,6vw,92px)/.9 var(--sans);font-stretch:62%;text-transform:uppercase;margin-top:18px}
.vid p{font:600 16px/1.4 var(--sans);margin-top:8px}

/* group logo */
.hero-logo{position:absolute;z-index:2;top:clamp(14px,2vw,28px);right:calc(var(--gut) - 22px);width:clamp(210px,18vw,300px);padding:14px 22px;box-sizing:border-box;background:radial-gradient(closest-side,#e8bd2ff2 55%,#e8bd2f00);pointer-events:auto}
.hero-logo img{width:100%;height:auto}
.head-logo img{height:auto}
.head-logo{display:flex;align-items:center;justify-content:space-between;gap:24px}
.head-logo h1{min-width:0}
.head-logo img{flex:none;width:clamp(96px,17vw,240px)}

/* group & workshop */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin-top:18px;max-width:880px!important}
.logos img{width:100%;mix-blend-mode:multiply}
.sub{font:800 34px/1 var(--sans);font-stretch:62%;text-transform:uppercase;margin-top:48px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,44vw),1fr));gap:8px;max-width:1240px!important;margin-top:48px}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover}

footer{background:var(--ink);color:var(--paper);padding:36px var(--gut) 44px;display:flex;flex-wrap:wrap;gap:12px 40px;justify-content:space-between;align-items:end;font:400 15px/1.45 var(--sans)}
footer b{display:block;font-size:44px;font-stretch:62%;font-weight:800;text-transform:uppercase;line-height:1}

@media (max-width:860px){
  body{font-size:18px}
  .hero{min-height:calc(100svh - 58px);grid-template-columns:1fr}
  .hero .photo{grid-column:1;}
  .hero-logo{position:static;display:block;width:min(66vw,250px);padding:0;background:none;margin-bottom:12px}
  .hero-end{margin:0 calc(var(--gut)*-1) calc(clamp(16px,2.4vw,36px)*-1);padding:clamp(64px,18vw,110px) var(--gut) clamp(16px,2.4vw,36px);background:linear-gradient(to bottom,#e8bd2f00,#e8bd2fe0 38%,#e8bd2f 58%)}
  .hero .say{background:none;padding:0;max-width:none}
  .hero h1{font-size:30.5vw}
  .now{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .short img{grid-column:1/-1;max-width:68%;margin-bottom:24px}
  .short div{grid-column:1/-1}
  .feat img,.feat>div{grid-column:1/-1}
  .nav{font-size:14px;gap:10px 14px;align-items:center}.nav .home{margin-right:auto}.langs{margin-left:0;padding-left:0;border:0;gap:8px}.navlinks{order:3;width:100%;gap:4px 14px}
  .js .nav{flex-wrap:nowrap;min-height:58px;padding-block:8px}
  .burger{display:none}
  .js .burger{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:42px;margin:0 -10px 0 0;padding:0 10px;background:none;border:0;cursor:pointer;flex:none}
  .burger span{display:block;height:2.5px;background:var(--paper);border-radius:2px;transition:transform .22s,opacity .15s}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
  .burger:focus-visible{outline:2px solid var(--d70);outline-offset:-2px}
  .js .navlinks{position:absolute;left:0;right:0;top:100%;width:auto;height:calc(100dvh - 58px);overflow-y:auto;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;padding:12px var(--gut) 32px;background:var(--ink);visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s}
  .js .nav.open .navlinks{visibility:visible;opacity:1;transform:none}
  .js .navlinks a{display:block;padding:14px 0 12px;border:0;border-bottom:1px solid #fff2;font:800 clamp(44px,14vw,76px)/.95 var(--sans);font-stretch:62%;text-transform:uppercase;transition:color .15s,padding-left .15s}
  .js .navlinks a:hover{padding-left:6px;color:var(--d70)}
  .js .navlinks a[aria-current]{color:var(--d70)}
  html.menu-open{overflow:hidden}
  .wallbar{position:static}
  .decade{scroll-margin-top:90px}
  .fiche{grid-template-columns:1fr;min-height:0}
  .stage img.big{max-height:62svh}
  .row{display:block;columns:2;column-gap:6px}.row img{width:100%;margin-bottom:6px;break-inside:avoid}
}
@media (max-width:380px){.nav .home{font-size:18px}.langs{gap:6px}.langs img{width:20px;height:13.33px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.nf{min-height:60svh;padding:clamp(40px,8vw,120px) var(--gut)}.nf p{margin-top:16px}