.hero{grid-template-columns:1fr auto;align-items:end;gap:32px;padding:44px 0 28px;display:grid}.hero h1{font-family:var(--display);letter-spacing:-.015em;font-variation-settings:"SOFT" 40;margin:0;font-size:clamp(46px,7vw,84px);font-weight:400;line-height:.98}.hero h1 span{cursor:default;transition:color .6s,text-shadow .6s;display:inline-block}.hero h1 span:hover{color:var(--name-glow);text-shadow:0 0 28px #ffe2aa47}.hero .role{font-family:var(--display);color:var(--band-mute);margin:14px 0 0;font-size:22px;font-style:italic}.hero .lede{max-width:44rem;color:var(--band-ink);margin:18px 0 0;font-size:18px}@media (width<=760px){.hero{grid-template-columns:1fr;padding:28px 0 20px}.hero h1{font-size:44px}.hero .role{font-size:18px}}.band>.script{z-index:0;pointer-events:none;width:min(620px,50%);height:250px;font-family:var(--mono);color:var(--band-ink);opacity:.13;flex-direction:column;justify-content:flex-end;padding:0 0 10px;font-size:13px;line-height:1.7;display:flex;position:absolute;top:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 28% 100%);mask-image:linear-gradient(#0000,#000 28% 100%)}.script .ln{white-space:pre-wrap;flex:none;min-height:1.7em;margin:0}.script .ln.slug{text-transform:uppercase;letter-spacing:.04em;margin-top:1.2em}.script .ln.cue{text-transform:uppercase;margin-top:.9em;padding-left:38%}.script .ln.dia{padding-left:22%;padding-right:18%}.script .ln.tr{text-align:right;text-transform:uppercase;margin-top:.9em}.script .cur{vertical-align:-2px;background:currentColor;width:.6em;height:1.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}html[data-mode=jour] .band>.script{opacity:.16}@media (width<=1040px){.band>.script{width:46%;font-size:12px}}@media (width<=760px){.band>.script{display:none}}.toolbar{font-family:var(--mono);color:var(--band-mute);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;padding:10px 0 16px;font-size:13px;display:flex}.filters{flex-wrap:wrap;align-items:baseline;gap:2px;display:flex}.filters .sep{background:var(--band-mute);opacity:.5;align-self:center;width:1px;height:14px;margin:0 10px}.filters .sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:7px;display:inline-block}.filters button{color:var(--band-mute);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:6px 10px;transition:transform 80ms,background .2s,color .2s,border-color .2s}.filters button:hover{color:var(--band-ink)}.filters button:active{transform:translateY(1px)}.filters button[aria-pressed=true]{color:var(--band-ink);border-color:var(--band-ink)}.filters button small{color:var(--band-mute);margin-left:4px;font-size:11px}.filters button[data-genre]{padding:7px 12px;font-size:14px}.filters button[data-genre] .sw{vertical-align:-2px;border-radius:3px;width:14px;height:14px;margin-right:8px}.sw-comedie{background:var(--g-comedie)}.sw-sf{background:var(--g-sf)}.sw-drame{background:var(--g-drame)}.sw-aventure{background:var(--g-aventure)}.toolbar .count{color:var(--band-mute)}@media (width<=760px){.toolbar{gap:8px 12px}.filters button{padding:6px 8px;font-size:12.5px}.filters button[data-genre]{padding:6px 9px;font-size:13px}.filters .sep{display:none}.toolbar .count{width:100%}}.desk{min-height:320px;padding:40px 0 12px;position:relative}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px;display:grid}.cell{position:relative}.cell.off{display:none}.empty{color:var(--band-mute);font-family:var(--mono);text-align:center;padding:40px 0;font-size:14px;display:none}.desk.none .empty{display:block}.desk.none .grid{display:none}.deal .cell{animation:.7s cubic-bezier(.2,.75,.25,1) both dealt;animation-delay:calc(var(--n,0) * 70ms)}@keyframes dealt{0%{opacity:.01;transform:translate(var(--dx,0px), var(--dy,-40px)) rotate(var(--rot,0deg))}25%{opacity:1}to{opacity:1;transform:none}}@keyframes deal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.cell.moving{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.cell.leaving{opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;transform:scale(.96)}.cell.entering{animation:.4s cubic-bezier(.2,.8,.2,1) both deal;animation-delay:calc(var(--n,0) * 45ms)}@media (width<=1040px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.desk{padding:36px 0 8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 14px}}@media (width<=460px){.grid{grid-template-columns:1fr}}.fo{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:relative}.tab-0{--tab:0}.tab-1{--tab:1}.tab-2{--tab:2}.fo .tab{height:30px;top:-28px;left:calc(var(--tab) * 20%);background:var(--fc);white-space:nowrap;width:60%;font-family:var(--mono);color:var(--fm);z-index:2;border-radius:4px 4px 0 0;align-items:center;gap:8px;padding:0 12px;font-size:11px;text-decoration:none;display:flex;position:absolute;overflow:hidden}.fo .tab>*{z-index:1;position:relative}.fo .tab .t{color:var(--fi);text-overflow:ellipsis;font-family:var(--serif);font-size:13px;overflow:hidden}.fo .body{background:var(--fc);height:284px;color:var(--fi);z-index:1;border-radius:0 4px 4px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:1px 1px #0000004d,10px 18px 30px -18px #000000d9}.fo .cover{height:100%;color:inherit;outline:none;padding:22px 22px 0;text-decoration:none;display:block;position:relative}.fo .cover h3{font-family:var(--display);letter-spacing:-.01em;margin:0;padding-right:8px;font-size:22px;font-weight:400;line-height:1.22}.fo .cover .genre{font-family:var(--display);color:var(--fi);letter-spacing:-.005em;margin:6px 0 0;font-size:19px;font-style:italic;line-height:1.2}.fo .cover .fmt{font-family:var(--mono);color:var(--fm);margin:6px 0 0;font-size:12px}.fo .cover .stamp{z-index:1;position:absolute;bottom:20px;left:22px}.fo .star{z-index:1;font-family:var(--mono);color:var(--sheet-ink);background:var(--note);padding:5px 9px;font-size:10px;position:absolute;bottom:60px;left:22px;transform:rotate(-2.5deg);box-shadow:0 2px 3px #00000038}.fo .pic{background:var(--sheet-fixed);z-index:0;margin:0;padding:5px 5px 14px;position:absolute;inset:122px 22px 58px;transform:rotate(-1.2deg);box-shadow:0 6px 14px -8px #0009,0 1px #00000026}.fo .pic img{object-fit:cover;width:100%;height:100%;display:block}.fo .sheet{z-index:2;background:var(--sheet-fixed);color:var(--sheet-ink);border-radius:2px 2px 0 0;flex-direction:column;padding:16px 18px 14px;transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:76px 10px 0;transform:translateY(calc(100% + 14px));box-shadow:0 -8px 20px -14px #0009}.fo .sheet p{flex:auto;min-height:0;margin:0;font-size:13.5px;line-height:1.5;overflow:hidden}.fo .sheet .row{font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-top:10px;font-size:12px;display:flex}.fo .sheet a{text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.fo .sheet .keep{color:var(--sheet-mute);cursor:pointer;text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;text-decoration:underline}.fo .sheet .keep:hover,.fo.kept .sheet .keep{color:var(--red)}.fo .pages{z-index:0;pointer-events:none;height:0;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;right:0}.fo .pages i{background:var(--sheet);border-radius:2px 2px 0 0;height:16px;display:block;position:absolute;box-shadow:0 -1px 1px #00000014}.fo .pages i:first-child{top:-5px;left:14px;right:14px}.fo .pages i:nth-child(2){top:-9px;left:20px;right:22px}.fo .pages i:nth-child(3){top:-13px;left:26px;right:16px}.fo .clip{top:-38px;left:calc(var(--tab) * 20% + 60% - 26px);border:2px solid var(--clip);z-index:3;opacity:0;pointer-events:none;border-radius:6px;width:11px;height:30px;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(6px);box-shadow:inset 0 0 0 1px #ffffff80}.fo .clip:after{content:"";border:2px solid var(--clip);border-top:0;border-radius:0 0 4px 4px;position:absolute;inset:6px 2px -2px}.fo.kept .clip{opacity:1;animation:.4s cubic-bezier(.2,.9,.3,1.3) both clipon;transform:none}.fo.kept .tab{padding-right:34px}@keyframes clipon{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.fo .body:before,.fo .tab:before{content:"";z-index:1;border-radius:inherit;background-image:var(--noise);opacity:.22;mix-blend-mode:multiply;pointer-events:none;background-size:100px 100px;position:absolute;inset:0}.fo .body:after,.fo .tab:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #00000029}.fo .tab:after{box-shadow:inset 0 1px #ffffff6b}@media (hover:hover){.fo:hover{transform:translateY(-12px)}.fo:hover .body{box-shadow:1px 1px #0000004d,16px 36px 46px -14px #000000e6,6px 14px 18px -10px #0000008c}.fo:hover .tab{box-shadow:0 -10px 24px -14px #000000b3}.fo:hover .sheet{transform:none}.fo:hover .pages{transform:translateY(-3px)}}.fo:has(:focus-visible){transform:translateY(-12px)}.fo:has(:focus-visible) .body{box-shadow:1px 1px #0000004d,16px 36px 46px -14px #000000e6,6px 14px 18px -10px #0000008c}.fo:has(:focus-visible) .sheet{transform:none}.fo:has(:focus-visible) .pages{transform:translateY(-3px)}.fo:has(.cover:focus-visible) .tab{outline:2px solid var(--red);outline-offset:2px}@media (hover:none){.fo .body{height:auto;padding-bottom:12px}.fo .cover .stamp{margin-top:14px;display:inline-block;position:static}.fo .star{margin:14px 0 0 10px;display:inline-block;position:static}.fo .sheet{box-shadow:none;margin:14px 10px 0;position:static;transform:none}.fo .pic{margin:12px 0 0;position:static;transform:none}}.fo.ripple{animation:.9s cubic-bezier(.3,.7,.3,1) both ripple;animation-delay:var(--rd,0s)}@keyframes ripple{0%{transform:none}30%{transform:translateY(-6px)rotate(-.3deg)}to{transform:none}}.fo.ripple .pages{transform:translateY(-3px)}.fo.ripple .star{animation:.9s both flutter;animation-delay:calc(var(--rd,0s) + .14s)}@keyframes flutter{0%{transform:rotate(-2.5deg)}35%{transform:rotate(-.6deg)translateY(-1px)}70%{transform:rotate(-3.4deg)}to{transform:rotate(-2.5deg)}}@media (width<=760px){.fo .tab{width:76%;left:calc(var(--tab) * 12%)}.fo .clip{left:calc(var(--tab) * 12% + 76% - 24px)}.fo .cover{padding:18px 16px 0}.fo .cover h3{font-size:18px}.fo .cover .stamp,.fo .star{left:16px}}.legend{font-family:var(--mono);color:var(--band-mute);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px 2px 30px;font-size:13px;display:flex}@media (width<=760px){.legend{flex-direction:column;gap:6px}.legend span:first-child{display:none}}.band>.cat{z-index:3;color:var(--cat);cursor:pointer;opacity:.9;filter:drop-shadow(0 1px #ffffff14);background:0 0;border:0;padding:0;position:absolute;bottom:14px;left:100%}.band>.cat[hidden]{display:none}.cat.walk{animation:14s linear forwards walk}.cat svg{animation:.5s ease-in-out infinite alternate bob;display:block}@keyframes walk{0%{left:100%}42%{left:58%}50%{left:58%}to{left:-60px}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-1px)}}.cat:hover svg,.cat:focus-visible svg{animation:none;transform:scale(1.08)}.cat .tail{transform-origin:51px 21px}.cat.walk .tail{animation:.7s 6.2s flick}@keyframes flick{0%{transform:rotate(0)}35%{transform:rotate(-22deg)}70%{transform:rotate(8deg)}to{transform:rotate(0)}}.about{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;gap:48px;padding:64px 0;display:grid}.about .photo{aspect-ratio:3/4;background:linear-gradient(160deg, var(--photo-a), var(--photo-b));border:1px solid var(--line);font-family:var(--mono);color:var(--photo-ink);align-items:flex-end;padding:12px;font-size:12px;display:flex}.about .photo.has-img{background:var(--white);padding:0;overflow:hidden}.about .photo.has-img img{object-fit:cover;width:100%;height:100%;display:block}.about h2{font-family:var(--display);margin:0 0 14px;font-size:28px;font-weight:400}.about p{max-width:42rem;margin:0 0 14px}.about .links{font-family:var(--mono);flex-wrap:wrap;gap:22px;margin-top:22px;font-size:14px;display:flex}.about.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(14px)}.about.reveal.in{opacity:1;transform:none}@media (width<=760px){.about{grid-template-columns:1fr;gap:24px;padding:40px 0 32px}.about .photo{max-width:220px}}@media (prefers-reduced-motion:reduce){.fo,.fo .sheet,.fo .body,.fo .pages,.filters button,.hero h1 span{transition:none}.deal .cell,.cell.entering,.fo.ripple,.fo.ripple .star,.fo.kept .clip,.cat,.cat svg,.cat.walk .tail,.script .cur{animation:none}.about.reveal{opacity:1;transition:none;transform:none}}@media print{.toolbar,.legend,.keep,.clip,.pages,.about .photo,.script,.band>.cat{display:none!important}.desk{padding:0}.grid{grid-template-columns:1fr 1fr;gap:24pt 18pt}.fo .body{height:auto;box-shadow:none;background:0 0;border:1px solid #000}.fo .body:before,.fo .body:after,.fo .tab:before,.fo .tab:after{display:none}.fo .tab{background:0 0;width:auto;height:auto;padding:0 0 4pt;position:static}.fo .sheet{box-shadow:none;background:0 0;margin:0;padding:0 22px 16px;position:static;transform:none}.fo .cover .stamp{margin-top:8pt;display:inline-block;position:static}.fo .star{margin:8pt 0 0 8pt;display:inline-block;position:static}}
