@import url("/fonts/fonts.css?v=5"); /* also for the builder canvas, which loads styles.css only */
/* Le Quartz, scène nationale de Brest. Design system after the identity by
   Atelier 25 (lequartz.com): grey page, black text, red emphasis, round
   "pastille" stickers, festival colours, tab navigation on a green bar.
   Builder elements carry these classes through "Classes CSS" (_css_classes).
   Fonts: public/fonts/fonts.css (one place to swap faces). */

:root{
  --fond:#dcdcdc;--texte:#000;--blanc:#fff;--gris:#f5f5f5;--gris2:#ddd;
  --rouge:#e10416;--bleu:#00beff;--rose:#fe5f5a;--orange:#ffca0f;--mauve:#ff4dff;--vert:#3ff95d;
  --dansfabrik:#d889ff;--noborder:#b48250;--happyquartz:#ffff00;
  --radius:.75rem;--largeur:1200px;--marge:.5rem;--marge-l:1.5rem;--duree:.4s;
  --font-display:"LQ Display",Impact,"Arial Narrow",sans-serif;
  --font-ui:"LQ UI",Arial,Helvetica,sans-serif;
  --font-text:"LQ Text",Arial,Helvetica,sans-serif;
  --display-stretch:62%;--display-weight:900;--display-scale:1;
  --header-h:113px;
  /* page gutter (wider on phones), readable floors for small text, card padding */
  --gouttiere:var(--marge);--fs-xs:max(.75rem,12px);--fs-s:max(.875rem,13px);--pad-card:.75rem;
  /* sticky offset: header plus the CMS admin bar when an editor is logged in */
  --admin-h:0px;--top:calc(var(--header-h) + var(--admin-h));
  /* read by the CMS kernel */
  --accent:#000;--display:var(--font-ui);--line:#000;--ink-soft:#333;
}
:root.cms-admin-present{--admin-h:36px}
@media (max-width:899px){:root{--gouttiere:1rem}}
html{font-size:clamp(80%,calc(-.8em + 3.8vw),100%);scroll-padding-top:calc(var(--top) + 1rem)}
body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--font-text);font-size:1.125rem;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--mauve);color:#000}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}
.lq-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#000;color:#fff;padding:.5rem 1rem;border-radius:0 0 var(--radius) 0}
.lq-skip:focus{left:0}
.lq-sr,.lq-sr .el-heading{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── kernel layout: the original 1200 px grid, tighter vertical rhythm ── */
.el-root .el-section{padding:0}
.el-row{max-width:var(--largeur);padding:0 var(--gouttiere);gap:1rem}
.el-col{min-width:0}
.el-widget{margin:0}
.el-image img{border-radius:0}
.el-text{line-height:1.5}
.el-text p{margin:0 0 .75em}
.el-w-text-editor .el-text a,.lq-depliable a,.lq-fildariane a,.lq-archives-link a,.lq-note a{text-decoration:none;border-bottom:1px solid var(--rouge);transition:color var(--duree)}
.el-w-text-editor .el-text a:hover,.el-w-text-editor .el-text a:focus,.lq-depliable a:hover{color:var(--rouge)}
.el-text a.lq-btn,.el-text .lq-btn{border-bottom:0}
.el-text blockquote{margin:0 0 1.5em 2rem;font-size:1.375rem;line-height:1.55}
.el-text h2,.el-text h3,.el-text h4{font-family:var(--font-ui);font-weight:400;line-height:1.1}
/* air above headings in running text; one class of specificity so card titles keep their own margins */
.el-text :where(h2,h3,h4){margin:1.4em 0 .5em}
.el-text :where(:first-child){margin-top:0}
/* the same air when a section heading widget follows other content in a column */
.el-col>.el-widget+.lq-w-h2,.el-col>.el-widget+.lq-w-h3{margin-top:1.5rem}
.el-text table{border-collapse:collapse;width:100%;font-size:1rem}
.el-text td,.el-text th{border-top:1px solid #000;padding:.35rem .5rem .35rem 0;text-align:left;vertical-align:top}
.el-w-text-editor .el-text ul{list-style:disc;padding-left:1.2em;margin:0 0 .75em}.el-w-text-editor .el-text ol{list-style:decimal;padding-left:1.4em;margin:0 0 .75em}
.el-w-text-editor .el-text ul.lq-hub,.el-w-text-editor.lq-docs .el-text ul,.el-w-text-editor .el-text ul.lq-editions{list-style:none;padding-left:0}
.el-text hr{border:0;border-top:1px solid #000;margin:1.5rem 0}
.el-heading{font-weight:400;line-height:1;margin:0 0 .5em}
:where(.el-w-heading) .el-heading{font-size:inherit}
.el-heading small{display:block;font-family:var(--font-ui);font-size:.42em;line-height:1.15;margin-top:.35rem}

/* type scale on the widget wrappers (zero specificity: builder settings win) */
:where(.lq-w-h2){font-size:2.25rem}
:where(.lq-w-h3){font-size:1.5rem}
:where(.lq-w-h4){font-size:1.125rem}
:where(.lq-w-h1),:where(.lq-w-display),:where(.lq-show-title),:where(.lq-w-h1-news){font-size:3.375rem}
@media (min-width:900px){:where(.lq-w-h1),:where(.lq-w-display){font-size:5.5625rem}:where(.lq-show-title){font-size:3.5rem}}

/* the huge condensed display titles (h1, section titles, months) */
.lq-display .el-heading,.lq-w-display .el-heading,.lq-show-title .el-heading,.lq-month-title,.lq-display{
  font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);
  letter-spacing:-.01em;line-height:.88;text-transform:none;transform:scaleX(var(--display-scale));transform-origin:left center}
.lq-display .el-heading small,.lq-show-title .el-heading small{font-family:var(--font-ui);font-weight:400;font-stretch:100%;letter-spacing:0;font-size:1.5rem;line-height:1.15;margin-top:.5rem}
.lq-w-h1-news .el-heading{font-family:var(--font-ui);font-size:2.6rem;line-height:1.05}
.lq-w-h1-news .el-heading small{font-size:.5em}

/* ── buttons (.bouton) ── */
.el-btn,.lq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.25em 1.5em;font-family:var(--font-ui);font-size:1.125rem;font-weight:400;line-height:1.35;color:#000;background:#fff;border:0;border-radius:var(--radius);text-decoration:none;text-align:center;transition:background-color var(--duree),color var(--duree);cursor:pointer}
.el-btn:hover,.el-btn:focus,.lq-btn:hover,.lq-btn:focus{background:#000;color:#fff}
.lq-btn-inverse .el-btn,.lq-btn.lq-btn-inverse,.lq-btn-billetterie .el-btn{background:#000;color:#fff}
.lq-btn-inverse .el-btn:hover,.lq-btn.lq-btn-inverse:hover,.lq-btn-billetterie .el-btn:hover,.lq-btn.lq-btn-inverse:focus{background:#fff;color:#000}
.lq-btn-secondaire,.lq-btn.lq-btn-secondaire{background:var(--fond)}
.lq-btn.is-off{background:transparent;color:#555;cursor:default}
.lq-btn-lg{font-size:1.375rem;padding:.4em 1.8em}
.lq-w-btn{margin-bottom:var(--marge)}
.lq-btn-center{text-align:center;margin:var(--marge-l) 0 calc(var(--marge-l) * 2)}
.lq-btn-center .el-btn{min-width:180px}
@media (min-width:900px){.lq-btn-corner{position:absolute;top:22px;right:var(--marge)}.lq-btn-corner .el-btn{min-width:195px}}

/* ── header: green bar, logo, tabs, Billetterie, burger ── */
.lq-header,.el-root .lq-header{position:sticky;top:var(--admin-h);z-index:30;background:var(--vert)}
.lq-header>.el-row{align-items:stretch;gap:0;flex-wrap:nowrap;min-height:var(--header-h);position:static}
.lq-header .el-col{flex:0 0 auto!important;max-width:none!important}
.lq-header .lq-h-brand{display:flex;align-items:flex-start;gap:1.75rem}
.lq-header .lq-h-nav{flex:1 1 auto!important;display:flex;align-items:flex-end;justify-content:center}
.lq-header .lq-h-tools{display:flex;align-items:center;justify-content:flex-end;gap:2.5rem;margin-left:auto}
.lq-logo{width:282px;margin:0 0 -20px;position:relative;z-index:2}
.lq-logo a{display:block}
.lq-logo img{display:block;width:282px;height:auto}
.lq-baseline{font-family:var(--font-ui);font-size:1rem;line-height:1.1;padding-top:1.4rem}
.lq-baseline p{margin:0}
.lq-header .lq-nav-main .el-nav-list{gap:.5rem;flex-wrap:nowrap;flex-direction:row}
.lq-nav-main .el-nav-link{display:block;padding:.2rem 1.75rem;background:#fff;border-radius:var(--radius) var(--radius) 0 0;font-family:var(--font-ui);font-size:1.25rem;font-weight:400;color:#000;line-height:1.35}
.lq-nav-main .el-nav-link:hover,.lq-nav-main .el-nav-link:focus,.lq-nav-main .el-nav-link.is-current{background:var(--fond);color:#000}
.lq-nav-main .el-nav-toggle,.lq-nav-niv2 .el-nav-toggle,.lq-nav-footer .el-nav-toggle{display:none!important}
.lq-nav-main .el-nav-list,.lq-nav-niv2 .el-nav-list,.lq-nav-footer .el-nav-list{display:flex!important}
.lq-nav-footer .el-nav-list{flex-direction:row!important;width:auto!important}
.lq-btn-billetterie{margin:0}
.lq-btn-billetterie .el-btn{font-size:1.25rem;padding:.2rem 1.75rem;line-height:1.35}
.lq-burger{appearance:none;border:0;background:transparent;padding:0;width:65px;height:46px;display:grid;place-items:center;cursor:pointer;color:#000}
.lq-burger svg{fill:none;stroke:#000;stroke-width:1.4}
.lq-burger:hover svg,.lq-burger[aria-expanded="true"] svg{stroke:#fff}
.lq-menu-open .lq-burger path:nth-child(1){d:path("M4 20L20 4")}
.lq-menu-open .lq-burger path:nth-child(2){display:none}
.lq-menu-open .lq-burger path:nth-child(3){d:path("M4 4L20 20")}

/* second level (burger): mauve band, the three groups with their pages */
.lq-nav-niv2{position:absolute;left:0;right:0;top:100%;background:var(--mauve);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s,visibility .35s;z-index:5}
.lq-menu-open .lq-nav-niv2{visibility:visible;opacity:1;pointer-events:auto}
.lq-nav-niv2 .el-nav-menu{max-width:var(--largeur);margin:0 auto;padding:1rem var(--marge) 1.25rem}
.lq-nav-niv2 .el-nav-list{justify-content:center;gap:2rem 4rem;flex-wrap:wrap}
.lq-nav-niv2 .el-nav-item.el-nav-has-sub>.el-nav-link>.el-nav-txt::after{content:none}
.lq-nav-niv2 .el-nav-link{font-family:var(--font-ui);font-size:1.25rem;font-weight:400;color:#000;padding:.15rem 0}
.lq-nav-niv2 .el-nav-link:hover,.lq-nav-niv2 .el-nav-link.is-current{color:#fff}
.lq-nav-niv2 .el-nav-sub{position:static;opacity:1;visibility:inherit;transform:none;box-shadow:none;background:transparent;border-radius:0;padding:.25rem 0 0;margin:0;min-width:0}
.lq-nav-niv2 .el-nav-sub .el-nav-link{font-size:1rem;padding:.25rem 0;white-space:normal}
.lq-nav-niv2 .el-nav-sub .el-nav-link:hover{background:transparent}
.lq-h-tools{position:static}
.lq-header .el-col.lq-h-tools{position:static}

@media (max-width:899px){
  :root{--header-h:86px}
  .lq-header>.el-row{min-height:var(--header-h);padding-right:0}
  .lq-logo,.lq-logo img{width:205px}
  .lq-logo{margin-bottom:-14px}
  .lq-baseline{font-size:.875rem;padding-top:1.1rem}
  .lq-header .lq-h-brand{gap:1rem}
  .lq-header .lq-h-nav{display:none}
  .lq-header .lq-h-tools{gap:0;position:static}
  .lq-btn-billetterie{display:none}
  .lq-burger-w{z-index:40}
  .lq-menu-open .lq-header .lq-h-brand{position:relative;z-index:40}
  .lq-burger{position:relative;z-index:40}
  .lq-menu-open .lq-burger svg{stroke:#000}
  /* full-screen mauve menu: tabs, Billetterie, then the three groups */
  .lq-menu-open body{overflow:hidden}
  .lq-menu-open .lq-header .lq-h-nav{display:flex;position:fixed;z-index:35;left:0;right:0;top:0;padding:calc(var(--header-h) + 1.5rem) 1rem 0;justify-content:center;background:var(--mauve)}
  /* menu items start below the header and the logo's overhang (--header-h + 1.5rem, plus the admin bar via --top) */
  .lq-menu-open .lq-header .lq-h-nav .el-nav-list{flex-direction:column!important;align-items:center;gap:0}
  .lq-menu-open .lq-nav-main .el-nav-link{background:transparent;font-size:1.5rem;padding:0 1rem;min-height:44px;display:flex;align-items:center}
  .lq-menu-open .lq-nav-main .el-nav-link:hover{color:var(--fond);background:transparent}
  .lq-menu-open .lq-btn-billetterie{display:block;position:fixed;z-index:36;top:calc(var(--top) + 1.5rem + 140px);left:0;right:0;text-align:center}
  .lq-menu-open .lq-btn-billetterie .el-btn{min-height:44px}
  .lq-nav-niv2{position:fixed;inset:0;top:0;padding:calc(var(--top) + 1.5rem + 210px) 1rem 3rem;overflow-y:auto;z-index:34}
  .lq-menu-open .lq-header .lq-h-nav{top:var(--admin-h)}
  .lq-nav-niv2 .el-nav-list{flex-direction:column;align-items:center;gap:1rem;text-align:center}
  .lq-nav-niv2 .el-nav-link{font-size:1.5rem;min-height:44px;display:flex;align-items:center;justify-content:center}
  .lq-nav-niv2 .el-nav-sub .el-nav-link{font-size:1.125rem;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 1rem}
}

/* ── main column and breadcrumb ── */
.lq-main{min-height:60vh;padding-bottom:4rem}
.lq-fildariane{max-width:var(--largeur);margin:0 auto;padding:2.2rem var(--gouttiere) 0;font-size:var(--fs-s);font-family:var(--font-text)}
.lq-fildariane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem}
.lq-fildariane li+li::before{content:"/";margin:0 .3rem 0 .1rem}
.lq-fildariane a{border-bottom:0}
.lq-fildariane a:hover{color:var(--rouge)}
.lq-page{padding-top:1.25rem!important}
.lq-home .lq-focus{padding-top:1.9rem!important}

/* ── footer: white bar fixed at the bottom on desktop ── */
.lq-footer{background:var(--fond);font-size:.875rem;z-index:20}
.lq-footer>.el-row{background:#fff;border-top:1px solid #000;padding:var(--marge) var(--gouttiere);align-items:center;justify-content:space-between;gap:.5rem 1rem}
.lq-footer .el-col{flex:0 1 auto!important;max-width:none!important}
.lq-nav-footer .el-nav-list{gap:.2rem 0;flex-wrap:wrap}
.lq-nav-footer .el-nav-link{font-family:var(--font-ui);font-weight:400;font-size:var(--fs-s);padding:0 .25em;color:#000}
.lq-nav-footer .el-nav-link:hover{color:var(--rouge)}
.lq-f-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:0!important}
.lq-f-actions .lq-btn{font-size:var(--fs-s);border-bottom:0}
.lq-f-actions .lq-btn-social{padding:.45em;border-radius:50%;width:2.2rem;height:2.2rem}
.lq-f-actions .lq-btn-social img{width:1.2rem;height:1.2rem;display:block}
.lq-f-actions .lq-btn-social:hover img{filter:invert(1)}
.lq-f-social .el-text a{border-bottom:0}
@media (min-width:900px){
  .lq-footer,.el-root .lq-footer{position:fixed;left:0;right:0;bottom:0}
  .lq-main{padding-bottom:6rem}
}

/* ── home ── */
.lq-focus .el-row{display:block}
.lq-focus .el-widget{padding-bottom:var(--marge);margin-bottom:var(--marge)}
.lq-focus img{width:100%;border:4px solid #fff}
.lq-home-block{position:relative}
.lq-home-block>.el-row{display:block}
.lq-home-block .el-col{position:relative;border-top:1px solid #000;padding-top:.75rem}
.lq-home-block .lq-w-display{margin-bottom:var(--marge)}
.lq-home-block .lq-w-display .el-heading{margin-bottom:.1em}
.lq-home-actus .el-col{padding-bottom:var(--marge)}
.lq-home-prochainement{margin-top:1rem}

/* news cards */
.lq-news-list{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--marge-l)}
.lq-news{flex:0 0 min(70vw,calc(50% - .5rem));scroll-snap-align:start;background:var(--gris)}
.lq-news a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:#000}
.lq-news figure{margin:0;aspect-ratio:584/251;background:#ccc;overflow:hidden}
.lq-news figure img{width:100%;height:100%;object-fit:cover;display:block}
.lq-news-body{padding:var(--pad-card);font-size:1rem}
.lq-news-date{margin:0 0 .25rem;font-size:var(--fs-xs)}
.lq-news h3{font-family:var(--font-ui);font-weight:400;font-size:1.5rem;line-height:1;margin:0 0 .75rem}
.lq-news h3 small{display:block;font-size:var(--fs-s);margin-top:.25rem;line-height:1.15}
.lq-news-intro{margin:0;line-height:1.25}
.lq-news a:hover .lq-news-intro{text-decoration:underline}
.lq-news-list.is-grid{flex-wrap:wrap;overflow:visible}
.lq-news-list.is-grid .lq-news{flex:0 0 calc(50% - .5rem)}
@media (max-width:640px){.lq-news-list.is-grid .lq-news{flex-basis:100%}}
.lq-news-page .lq-news-date{font-size:1rem;margin-bottom:.5rem}
.lq-news-visuel img{width:100%;margin-bottom:1.5rem}

/* ── show cards (programme, home, festivals) ── */
.lq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:899px){.lq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.lq-grid{grid-template-columns:minmax(0,1fr)}.lq-grid-row .lq-card{max-width:384px;margin:0 auto;width:100%}}
.lq-card{min-width:0}
.lq-card[hidden]{display:none}
.lq-card-link{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--fond);color:#000;text-decoration:none;transition:border-color var(--duree)}
.lq-card-link:hover,.lq-card-link:focus{border-color:#000}
.lq-card-media{margin:0;aspect-ratio:16/9;background:#bbb;overflow:hidden}
.lq-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.lq-card-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--bleu),var(--mauve))}
.lq-fest-dansfabrik .lq-card-media{border:6px solid var(--dansfabrik)}
.lq-fest-noborder .lq-card-media{border:6px solid var(--noborder)}
.lq-fest-happyquartz .lq-card-media{border:6px solid var(--happyquartz)}
.lq-card-body{padding:var(--pad-card);display:flex;flex-direction:column;flex:1}
.lq-card-date{margin:0 0 .75rem;font-size:var(--fs-s);line-height:1.1}
.lq-card-title{font-family:var(--font-ui);font-weight:400;font-size:1.5rem;line-height:1;margin:0}
h4.lq-card-title{font-size:1.125rem}
.lq-card-title small{display:block;margin-top:.25rem;font-family:var(--font-text);font-size:.75em;line-height:1}
.lq-card-tags,.el-text .lq-card-tags{list-style:none;margin:auto 0 0;padding:.75rem 0 0;font-size:var(--fs-xs);line-height:1.2}
.el-text .lq-seances ul,.el-text .lq-pastilles,.el-text .lq-seasons,.el-text .lq-hub{margin-left:0;padding-left:0}
.lq-card-tags li{display:inline}
.lq-card-tags li:not(:last-child)::after{content:" / "}
.lq-empty{font-size:1.25rem;padding:1rem 0}

/* ── programme: year → month rows, sticky headings ── */
.lq-programme-page .lq-w-display{margin-bottom:var(--marge-l)}
.lq-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 1rem;font-family:var(--font-ui);font-size:1rem}
.lq-select select{appearance:none;font:inherit;color:#000;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right .9rem center;border:0;border-radius:var(--radius);padding:.3rem 2.2rem .3rem 1rem;cursor:pointer}
.lq-fchip{font:inherit;background:#fff;color:#000;border:0;border-radius:var(--radius);padding:.3rem 1rem;cursor:pointer;transition:background var(--duree),color var(--duree)}
.lq-fchip[aria-pressed="true"]{background:#000;color:#fff}
.lq-count{font-size:var(--fs-s)}
.lq-year{border-top:1px solid #000;padding-top:1rem}
.lq-year[hidden],.lq-month[hidden]{display:none}
.lq-year-title{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:6.5rem;height:2.25rem;margin:0 0 .5rem;font-family:var(--font-ui);font-size:1.25rem;font-weight:400;line-height:1}
.lq-year-title span{position:relative;z-index:1}
.lq-picto{position:absolute;inset:0;width:100%;height:100%;fill:var(--vert)}
.lq-year.is-last .lq-picto{fill:var(--bleu)}
.lq-month{padding-bottom:1rem}
.lq-month+.lq-month{border-top:1px solid #000;padding-top:1rem}
.lq-month-title{font-size:3.3rem;margin:0 0 .5rem}
@media (min-width:900px){
  .lq-month{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
  .lq-month-title{position:sticky;top:calc(var(--top) + 1rem);z-index:5;flex:0 0 18%;margin:0}
  .lq-month>.lq-grid{flex:0 0 80%}
}
@media (min-width:1150px){
  .lq-year{display:flex;justify-content:space-between;align-items:flex-start;gap:1%}
  .lq-year-title{position:sticky;top:calc(var(--top) + 1rem);z-index:5;flex:0 0 7%;margin-top:.4rem}
  .lq-months{flex:0 0 91%;min-width:0}
  .lq-month-title{flex-basis:14%}
  .lq-month>.lq-grid{flex-basis:84%}
}
.lq-archives-link{border-top:1px solid #000;padding-top:.5rem;margin-top:1.5rem}
.lq-seasons{list-style:none;margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.lq-season{display:flex;flex-direction:column;gap:.35rem;padding:1.4rem 1.5rem;background:#fff;border:1px solid var(--fond);border-radius:var(--radius);text-decoration:none;color:#000;transition:border-color var(--duree)}
.lq-season:hover{border-color:#000}
.lq-season-name{font-family:var(--font-display);font-weight:900;font-stretch:62%;font-size:3rem;line-height:.9}
.lq-season-count{font-size:var(--fs-s)}

/* ── show page ── */
.lq-show{padding-top:.75rem!important}
.lq-show>.el-row{gap:1.5rem 2%;justify-content:space-between}
.lq-show-main{position:relative}
.lq-show-dates{margin:0;font-size:1.125rem;line-height:1.2}
.lq-show-title{margin:0 0 1.25rem}
.lq-show-title .el-heading{margin:0;line-height:.9}
.lq-cms-page .lq-w-reserver{position:sticky;bottom:1rem;z-index:6;text-align:right;margin-bottom:var(--marge-l)}
.lq-w-reserver .lq-reserver{margin:0}
.lq-w-reserver .lq-btn{min-width:8rem}
.lq-info-spectacle{color:var(--rouge);border-top:2px solid var(--rouge);border-bottom:2px solid var(--rouge);padding:.25rem 0;margin-bottom:var(--marge-l)}
.lq-info-spectacle p{margin:0}
.lq-lieu{font-size:1.25rem;margin-bottom:var(--marge-l)}
.lq-show-main .el-text blockquote{font-size:1.375rem;margin:1rem 0 2rem 2rem}
.lq-show-visuel img{width:100%;display:block}
.lq-fest-frame.lq-fest-dansfabrik img{border:10px solid var(--dansfabrik)}
.lq-fest-frame.lq-fest-happyquartz img{border:10px solid var(--happyquartz)}
.lq-fest-frame.lq-fest-noborder img{border:10px solid var(--noborder)}
.lq-stickers{padding-top:1.5rem}
.lq-pastilles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;min-height:80px}
.lq-pastille{display:inline-flex;justify-content:center;align-items:center;width:75px;height:75px;margin:0 var(--marge) var(--marge) 0;padding:0 .9em;box-sizing:border-box;border-radius:50%;background:var(--bleu);font-family:var(--font-ui);font-size:.95rem;line-height:1.1;text-align:center;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal;word-break:normal}
.lq-pastille.is-info{background:var(--vert)}
.lq-pastille.is-important{background:var(--rouge);color:var(--fond)}
.lq-pastille.is-creation{background:var(--mauve)}
.lq-pastille:nth-child(1){transform:rotate(-15deg)}
.lq-pastille:nth-child(2){transform:rotate(25deg);background:var(--rose)}
.lq-pastille:nth-child(3){transform:rotate(-25deg);background:var(--orange)}
.lq-pastille:nth-child(4){transform:rotate(10deg)}
.lq-pastille:nth-child(5){transform:rotate(25deg)}
@media (min-width:640px){.lq-pastille{width:89px;height:89px;font-size:.8125rem;padding:0 .6em}}
@media (min-width:1150px){
  .lq-pastille:nth-child(2){margin-top:4rem}
  .lq-pastille:nth-child(3){margin-top:1rem;margin-right:1.5rem}
  .lq-pastille:nth-child(4){margin-top:2.5rem}
}
.lq-fest-logo{display:inline-block;width:200px;padding:0}
.lq-fest-logo img{display:block;width:100%}
.lq-fest-logo.lq-fest-dansfabrik{background:var(--dansfabrik)}
.lq-fest-logo.lq-fest-noborder{background:var(--noborder)}
.lq-fest-logo.lq-fest-happyquartz{background:var(--happyquartz)}
.lq-fest-back{font-family:var(--font-ui);font-size:1rem;margin:.75rem 0}
.lq-fest-back a{text-decoration:none;border-bottom:1px solid var(--rouge)}
.lq-seances{margin:2rem 0 1rem}
.lq-seances ul{list-style:none;margin:0;padding:0}
.lq-seance{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;line-height:1.35;padding:.45rem 0;border-top:1px solid rgba(0,0,0,.25);min-height:2.25rem}
.lq-seance:last-child{border-bottom:1px solid rgba(0,0,0,.25)}
.lq-seance time{display:inline-flex}
.lq-seance-day{display:inline-block;width:5rem}
.lq-seance-date{display:inline-block;width:8rem}
.lq-seance-time{display:inline-block;width:4rem}
.lq-seance-venue{font-size:var(--fs-s)}
.lq-seance-status{font-size:var(--fs-s);color:var(--rouge);margin-left:auto}
.lq-seance.is-off{color:#555}
.el-text .lq-seance-book,.lq-seance-book{margin-left:auto;display:inline-flex;align-items:center;font-size:var(--fs-s);font-family:var(--font-ui);line-height:1.2;padding:.3em 1em;background:#fff;color:#000;border:0;border-radius:var(--radius);text-decoration:none;transition:background-color var(--duree),color var(--duree)}
.el-text .lq-seance-book:hover,.lq-seance-book:hover,.lq-seance-book:focus{background:#000;color:#fff}
.lq-seances-note,.lq-opening{font-size:1rem;margin:.75rem 0 0;line-height:1.35}
.lq-infos{margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem 2.5rem}
.lq-infos div{display:flex;gap:.5rem;align-items:baseline}
.lq-infos dt{font-size:var(--fs-s)}
.lq-infos dd{margin:0;font-size:1.125rem}
.lq-tarifs-help{display:block;font-size:var(--fs-xs);border-bottom:0!important;color:#333;text-decoration:underline}
.lq-lie{font-size:1rem;max-width:360px;margin:1.5rem 0}
.lq-lie-intro{margin:0 0 .5rem;line-height:1.25}
.lq-lie a{text-decoration:none;color:#000}
.lq-lie figure{display:flex;margin:0;background:var(--gris);font-size:var(--fs-xs)}
.lq-lie img{width:45%;object-fit:cover;display:block}
.lq-lie figcaption{flex:1;display:flex;flex-direction:column;padding:var(--pad-card);gap:.3rem}
.lq-lie strong{font-family:var(--font-ui);font-weight:400;font-size:1.125rem;line-height:1}
.lq-video-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);border-bottom:0!important;background:#000;color:#fff;border-radius:var(--radius);padding:.3rem 1.2rem}
.lq-video-link::before{content:"";width:0;height:0;border-left:.6em solid currentColor;border-top:.38em solid transparent;border-bottom:.38em solid transparent}
.lq-video-link:hover{background:var(--rouge);color:#fff!important}
.lq-w-video{margin:1rem 0}
@media (min-width:900px){
  .lq-cms-page .lq-show>.el-row{flex-direction:row-reverse}
  .lq-cms-page .lq-show>.el-row>.el-col{flex:0 0 49%!important;max-width:49%!important}
  .lq-cms-page .lq-show-aside .lq-show-visuel{position:sticky;top:calc(var(--top) + 1.5rem)}
  .lq-cms-page .lq-show-main{padding-right:12rem}
  .lq-cms-page .lq-w-reserver{position:absolute;top:2.3rem;right:0;bottom:auto;width:10.5rem;height:calc(100% - 2.3rem);margin:0}
  .lq-cms-page .lq-w-reserver .lq-reserver{position:sticky;top:calc(var(--top) + 1.5rem)}
  .lq-cms-page .lq-show-main .lq-w-seances,.lq-cms-page .lq-show-main .lq-w-infos,.lq-cms-page .lq-show-main .lq-depliable,.lq-cms-page .lq-show-main .lq-w-lie{margin-right:-12rem}
}

/* fold-out blocks (Distribution, À télécharger) */
.lq-depliable .el-accordion{gap:.25rem;margin-top:1.5rem}
.lq-depliable .el-accordion-item{border:0;border-radius:0}
.lq-depliable .el-accordion-summary{background:transparent!important;border:0!important;padding:.3rem 0;font-family:var(--font-ui);font-weight:400;font-size:1.125rem;gap:.5rem;justify-content:flex-start}
.lq-depliable .el-accordion-title{flex:0 0 auto}
.lq-depliable .el-accordion-marker{display:none}
.lq-depliable .el-accordion-summary::after{content:"→";display:inline-block;font-size:.75rem;transform:rotate(90deg);transition:transform .3s}
.lq-depliable .el-accordion-item[open]>.el-accordion-summary::after{transform:rotate(-90deg)}
.lq-depliable .el-accordion-summary:hover{text-decoration:underline}
.lq-depliable .el-accordion-content,.lq-depliable .el-accordion-body{padding:.5rem 0 1rem;font-size:.875rem;line-height:1.45;background:transparent;border:0}
.lq-docs ul{list-style:none;margin:0;padding:0}
.lq-docs li{margin:0 0 .4rem}
.lq-docs small{font-size:var(--fs-xs);color:#444}

/* ── editorial "onepage" pages: sticky title left, content right ── */
.lq-onepage-intro .el-text{font-family:var(--font-ui);font-size:1.75rem;line-height:1.15}
.lq-onepage-intro .el-col>.el-widget:last-child{border-bottom:2px solid #000;padding-bottom:var(--marge-l);margin-bottom:var(--marge-l)}
.lq-intro .el-text,.lq-intro{font-family:var(--font-ui);font-size:1.5rem;line-height:1.2}
.lq-onepage-row{padding:0 0 var(--marge-l)!important}
.lq-onepage-row>.el-row{align-items:flex-start}
.lq-onepage-title .el-heading{margin:0 0 .75rem}
.lq-onepage-title .el-heading small{font-size:.5em}
@media (min-width:900px){
  .lq-onepage-row>.el-row{flex-wrap:nowrap;gap:var(--marge-l)}
  .lq-onepage-row .lq-op-head{flex:0 0 30%!important;max-width:30%!important;position:sticky;top:calc(var(--top) + 1.5rem)}
  .lq-onepage-row .lq-op-body{flex:1 1 auto!important;max-width:none!important}
}
.lq-note{font-size:1rem}
.lq-article .el-col{max-width:820px}
.lq-hub{list-style:none;margin:1.5rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.lq-hub a{display:flex;flex-direction:column;gap:.5rem;min-height:7rem;justify-content:flex-end;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--fond);border-radius:var(--radius);text-decoration:none!important;border-bottom:1px solid var(--fond)!important;transition:border-color var(--duree)}
.lq-hub a:hover{border-color:#000!important;color:#000!important}
.lq-hub strong{font-family:var(--font-ui);font-weight:400;font-size:1.75rem;line-height:1}
.lq-hub-w .el-text a{color:#000}
.lq-table th{width:30%;font-weight:600}
.lq-plan h2{font-size:1.5rem;margin:1.5rem 0 .5rem}
.lq-plan ul{margin:0;padding-left:1.2rem}
.lq-audio{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 .75rem}
.lq-audio span{min-width:12rem;font-family:var(--font-ui)}
.lq-audio audio{height:2.2rem;max-width:100%}

/* ── festivals ── */
.lq-festivals,.el-root .lq-festivals{overflow-x:clip}
.lq-festivals .el-col{display:flex;flex-direction:column;padding:1rem 0 8rem;gap:5rem}
.lq-fest-tile{width:800px;max-width:92%;transition:transform var(--duree)}
.lq-fest-tile img{display:block;width:100%}
.lq-fest-tile.lq-fest-happyquartz{background:var(--happyquartz)}
.lq-fest-tile.lq-fest-noborder{background:var(--noborder)}
.lq-fest-tile.lq-fest-dansfabrik{background:var(--dansfabrik)}
.lq-fest-tile-a,.lq-fest-tile-c{transform:rotate(-12deg);margin:3rem 0 0 1rem}
.lq-fest-tile-b{transform:rotate(9deg);align-self:flex-end;margin-top:1rem}
.lq-fest-tile-a:hover,.lq-fest-tile-c:hover{transform:rotate(-2deg)}
.lq-fest-tile-b:hover{transform:rotate(1deg)}
@media (min-width:1150px){.lq-fest-tile-b,.lq-fest-tile-c{margin-top:2rem}}
.lq-bandeau-festival{padding:1.5rem 0 .5rem!important}
.lq-bandeau-festival>.el-row{align-items:flex-end;justify-content:space-between}
.lq-bandeau-festival .el-col{flex:0 1 auto!important;max-width:none!important}
.lq-fest-logo-w{width:380px;max-width:100%}
.lq-fest-logo-w img{display:block;width:100%}
.lq-bandeau-festival.lq-fest-happyquartz .lq-fest-logo-w{background:var(--happyquartz)}
.lq-bandeau-festival.lq-fest-dansfabrik .lq-fest-logo-w{background:var(--dansfabrik)}
.lq-bandeau-festival.lq-fest-noborder .lq-fest-logo-w{background:var(--noborder)}
.lq-fb-menu{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}
.lq-fb-menu .lq-w-btn{margin:0}
.lq-fb-menu .el-btn{min-width:10rem}
@media (min-width:900px){.lq-bandeau-festival,.el-root .lq-bandeau-festival{position:sticky;top:var(--top);z-index:10;background:var(--fond)}}
.lq-fest-visuel img{width:100%;margin-bottom:1.5rem}
.lq-fest-page .lq-fest-edition{border-top:1px solid #000;padding-top:1.25rem;margin-top:.5rem;font-size:3rem}
.lq-fest-page .lq-w-img img,.lq-onepage-row .lq-w-img img{max-width:min(100%,640px)}
.lq-fest-shows{padding-top:2rem!important}
.lq-editions{columns:2;padding-left:1.2rem}

/* ── forms ── */
.lq-form .el-fw,.lq-form form{max-width:560px}
.lq-form input,.lq-form textarea,.ink-sc-nl input[type=email]{font:inherit;width:100%;box-sizing:border-box;min-height:44px;padding:.5rem .75rem;border:1px solid #000;border-radius:0;background:#fff}
.lq-form .el-fw-btn,.ink-sc-nl button{font-family:var(--font-ui);font-size:1.125rem;background:#000!important;color:#fff;border:0;border-radius:var(--radius)!important;padding:.3rem 1.5rem;min-height:44px;cursor:pointer}
.lq-form .el-fw-btn:hover,.ink-sc-nl button:hover{background:var(--rouge)!important}
.ink-sc-nl form{display:flex;gap:.5rem;max-width:560px;flex-wrap:wrap}
.ink-sc-nl input[type=email]{flex:1 1 260px}
.ink-hp{position:absolute!important;left:-9999px!important}
.lq-form-ok,.ink-sc-ok,.el-fw-ok{font-family:var(--font-ui);font-size:1.25rem;background:#fff;padding:1rem 1.25rem;border-radius:var(--radius)}
.lq-form-error{color:var(--rouge)}

/* ── 404 ── */
.lq-404-box{max-width:850px;margin:0 auto;padding:4rem var(--gouttiere) 6rem}
.lq-404-box h1{font-size:7rem;margin:0 0 1rem}
.lq-404-lead{font-family:var(--font-ui);font-size:1.5rem;line-height:1.2}
.lq-404-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.lq-header,.lq-footer,.lq-w-reserver{display:none!important}body{background:#fff}}

/* phone: date, visual and stickers first, then the title and the text (as on lequartz.com) */
@media (max-width:899px){
  .lq-show>.el-row{flex-direction:column;flex-wrap:nowrap;gap:0}
  .lq-show .lq-show-main,.lq-show .lq-show-aside{display:contents}
  .lq-show .el-widget{order:3;align-self:stretch}
  .lq-show .lq-w-dates{order:1;margin-bottom:.25rem}
  .lq-show .lq-show-visuel{order:2}
  .lq-show .lq-w-pastilles{order:2;margin-bottom:1rem}
  .lq-show .lq-stickers{padding-top:1rem}
  .lq-show .lq-pastille{margin-top:0!important}
  .lq-footer .el-col{flex:1 1 100%!important}
  .el-btn,.lq-btn,.lq-fchip,.lq-select select,.lq-seance-book,.lq-video-link{min-height:44px}
  .lq-f-actions .lq-btn-social{width:44px;height:44px}
  .lq-nav-footer .el-nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 .4em}
  .lq-btn-corner{margin-bottom:1rem}
  .lq-tarifs-help{padding:.8rem 0;margin:-.8rem 0}
  .lq-depliable .el-accordion-summary{min-height:44px}
  .lq-f-actions{justify-content:flex-start}
}