/* Espace Artcanes — feuille de style unique. Aucune dépendance externe (polices système). */
:root{
  --ink:#14202a; --muted:#5a6872; --accent:#2a6e8e; --accent-dark:#1f566f; --accent-soft:#f3d9d1;
  --bg:#fff; --bg-alt:#f6f4ef; --line:#e4e1da; --footer:#0f1b22;
  --serif:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --radius:6px; --maxw:1180px;
  --card-bg:#fff; --header-bg:rgba(255,255,255,.96); --input-line:#c9ccc8; --on-accent:#fff; --btn-hover:var(--accent-dark);
  --tag-ink:#3a2a25; --band-btn-bg:#fff; --band-btn-fg:var(--accent-dark); --error:#b3261e;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#e8eef1; --muted:#a6b4bc; --accent:#6db8d9; --accent-dark:#9ad0e6; --accent-soft:#3b2f2b;
  --bg:#0f1a21; --bg-alt:#15232c; --line:#2a3a44; --footer:#091216;
  --card-bg:#172730; --header-bg:rgba(15,26,33,.94); --input-line:#3a4d58; --on-accent:#0c1a22; --btn-hover:#8cc9e4;
  --tag-ink:#f3d9d1; --band-btn-bg:#0c1a22; --band-btn-fg:#9ad0e6; --error:#ff8a80;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--accent-dark);text-underline-offset:3px}
a:hover{color:var(--accent)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0 0 .6em;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:clamp(2.2rem,5.5vw,3.8rem)}
h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--bg);padding:.6rem 1rem;z-index:100}
.skip:focus{left:0}
.muted{color:var(--muted)}
.eyebrow{font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);margin:0 0 .8rem}
.lead{font-size:1.18rem;max-width:42em}

/* En-tête */
.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:.9rem;min-height:68px}
.brand{display:block;margin-right:auto;line-height:0}
.brand img{width:158px;height:auto}
.brand .logo-dark{display:none}
:root[data-theme="dark"] .brand .logo-light{display:none}
:root[data-theme="dark"] .brand .logo-dark{display:block}
.nav{display:flex;flex-wrap:wrap;gap:.2rem .8rem;align-items:center;font-size:.86rem}
.nav a{color:var(--muted);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);border-color:var(--accent)}
.nav a.nav-cta{background:var(--accent);color:var(--on-accent);border-radius:99px;padding:.4rem 1rem;border:0}
.nav a.nav-cta:hover,.nav a.nav-cta[aria-current="page"]{background:var(--btn-hover);color:var(--on-accent)}
.lang{font:600 .78rem var(--sans);border:1.5px solid var(--line);border-radius:99px;padding:.3rem .75rem;color:var(--ink);text-decoration:none}
.lang:hover{border-color:var(--accent);color:var(--accent-dark)}
.theme-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1.5px solid var(--line);border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.js .theme-toggle{display:inline-flex}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent-dark)}
.theme-toggle .ic-sun{display:none}
:root[data-theme="dark"] .theme-toggle .ic-sun{display:block}
:root[data-theme="dark"] .theme-toggle .ic-moon{display:none}
.burger{display:none;background:none;border:1.5px solid var(--line);border-radius:var(--radius);padding:.4rem .7rem;font:600 .85rem var(--sans);color:var(--ink);cursor:pointer}
@media(max-width:1120px){
  .js .burger{display:block}
  .js .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:1rem clamp(1rem,4vw,2rem) 1.4rem;gap:.3rem}
  .js .nav.open{display:flex}
  .nav a.nav-cta{margin-top:.4rem}
}

/* Boutons */
.btn{display:inline-block;font:600 .92rem var(--sans);background:var(--accent);color:var(--on-accent);border:0;border-radius:99px;padding:.75rem 1.5rem;text-decoration:none;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--btn-hover);color:var(--on-accent)}
.btn-alt{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-alt:hover{background:var(--ink);color:var(--bg)}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 0}

/* Sections */
.section{padding:clamp(2.5rem,6vw,4.5rem) 0}
.section.alt{background:var(--bg-alt)}
.section-head{max-width:46rem;margin-bottom:2rem}
.page-head{padding:clamp(2.5rem,6vw,4.5rem) 0 1.5rem;border-bottom:1px solid var(--line)}
.page-head h1{margin-bottom:.4em}
.page-head p{max-width:44em;margin-bottom:0}
.breadcrumb{font-size:.85rem;margin:0 0 1.4rem}
.cols{display:grid;gap:clamp(1.5rem,4vw,3.5rem);grid-template-columns:1fr 1fr;align-items:start}
@media(max-width:820px){.cols{grid-template-columns:1fr}}
.cols.narrow-right{grid-template-columns:1.4fr 1fr}
@media(max-width:820px){.cols.narrow-right{grid-template-columns:1fr}}

/* Accueil */
.hero{padding:clamp(2.5rem,7vw,5.5rem) 0;display:grid;gap:clamp(1.5rem,4vw,3.5rem);grid-template-columns:1.15fr .85fr;align-items:center}
@media(max-width:820px){.hero{grid-template-columns:1fr}}
.hero h1{font-size:clamp(2.8rem,8vw,5.6rem);margin-bottom:.25em}
.hero .subtitle{font-size:1.2rem;color:var(--muted);max-width:34em}
.hero .dates{font-weight:600;margin-bottom:.3rem}
.countdown{color:var(--accent-dark);font-weight:600;margin:0}
.hero-poster img{width:100%;max-width:440px;margin-left:auto;border-radius:3px;box-shadow:0 18px 40px rgba(20,32,42,.18)}
@media(max-width:820px){.hero-poster img{margin:0 auto}}

/* Cartes */
.grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;padding:0;margin:0}
.card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;height:100%}
.card-body{padding:1.1rem 1.2rem 1.4rem}
.card-body h3{margin-bottom:.3em}
.card-body p{margin:0;color:var(--muted);font-size:.95rem}
a.card{text-decoration:none;color:inherit;transition:box-shadow .25s,transform .25s}
a.card:hover{box-shadow:0 10px 26px rgba(20,32,42,.12);transform:translateY(-2px)}
.card-img{aspect-ratio:4/5;overflow:hidden;background:var(--bg-alt)}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-img img.face{object-position:center 28%}
.tag{display:inline-block;font:600 .74rem var(--sans);letter-spacing:.04em;background:var(--accent-soft);color:var(--tag-ink);padding:.15rem .7rem;border-radius:99px;margin-bottom:.6rem}
.spaces{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:1.5rem}
.space{border-left:3px solid var(--accent-soft);padding:.2rem 0 .2rem 1rem}
.space h3{font-size:1.05rem;margin-bottom:.25em}
.space p{margin:0;font-size:.93rem;color:var(--muted)}

/* Équipe */
.people{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));list-style:none;padding:0;margin:0}
.person{text-align:center}
.person img,.monogram{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;border-radius:var(--radius);margin-bottom:.8rem}
.monogram{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);font:400 2.2rem var(--serif);color:var(--tag-ink)}
.person h3{font-size:1.02rem;margin-bottom:.15em}
.person p{margin:0;font-size:.88rem;color:var(--muted)}

/* Listes descriptives et frise */
.facts{display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:.8rem 1.6rem;margin:0}
.facts dt{font-weight:600}
.facts dd{margin:0}
@media(max-width:560px){.facts{grid-template-columns:1fr;gap:.1rem}.facts dd{margin-bottom:.8rem}}
.timeline{list-style:none;margin:0;padding:0 0 0 1.3rem;border-left:3px solid var(--accent-soft)}
.timeline li{margin:0 0 1.2rem;position:relative}
.timeline li::before{content:"";position:absolute;left:-1.78rem;top:.62em;width:.65rem;height:.65rem;border-radius:50%;background:var(--accent)}
.timeline strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.05rem}

/* Expositions */
.exh{display:grid;grid-template-columns:200px 1fr;gap:1.6rem;padding:1.6rem 0;border-top:1px solid var(--line)}
.exh:first-child{border-top:0}
.exh img{width:100%;border-radius:3px;box-shadow:0 6px 18px rgba(20,32,42,.14)}
.exh h3{margin-bottom:.15em}
.exh .when{color:var(--accent-dark);font-weight:600;font-size:.92rem;margin-bottom:.7rem}
@media(max-width:560px){.exh{grid-template-columns:110px 1fr;gap:1rem}}
.feature{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.feature img{width:100%;border-radius:3px;box-shadow:0 14px 32px rgba(20,32,42,.16)}
@media(max-width:700px){.feature{grid-template-columns:1fr}.feature img{max-width:320px}}
.quote{border-left:3px solid var(--accent);padding:.2rem 0 .2rem 1.2rem;margin:0}
.quote cite{display:block;font-style:normal;font-weight:600;margin-bottom:.5rem}
.band{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);padding:clamp(1.6rem,4vw,2.6rem);display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between}
.band p{margin:0;font:400 1.35rem var(--serif);max-width:30em}
.band .btn{background:var(--band-btn-bg);color:var(--band-btn-fg)}
.band .btn:hover{background:var(--accent-soft);color:var(--tag-ink)}

/* Galeries, vidéos, presse */
.gallery{list-style:none;margin:0;padding:0;columns:4 210px;column-gap:.9rem}
.gallery li{break-inside:avoid;margin:0 0 .9rem}
.gallery.wide{columns:3 260px}
.ph{display:block;width:100%;padding:0;border:0;background:var(--bg-alt);border-radius:4px;overflow:hidden;cursor:zoom-in}
.ph img{width:100%;height:auto;transition:transform .35s}
.ph:hover img{transform:scale(1.03)}
.videos{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none}
.video figure,figure.video{margin:0}
.video video{width:100%;background:#000;border-radius:var(--radius);max-height:520px;object-fit:contain}
.video figcaption,.press figcaption{font-size:.88rem;color:var(--muted);margin-top:.5rem}
.press{margin:0;max-width:960px}
.press img{border:1px solid var(--line);border-radius:4px;width:100%}
.subnav{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.subnav a{display:inline-block;border:1.5px solid var(--line);border-radius:99px;padding:.35rem 1rem;font-size:.9rem;text-decoration:none;color:var(--ink)}
.subnav a:hover{border-color:var(--accent);color:var(--accent-dark)}
.social{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none}

/* Formulaire */
form{display:grid;gap:1rem}
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.3rem}
input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--input-line);border-radius:var(--radius);padding:.7rem .85rem}
input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(42,110,142,.2)}
.row2{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}
.check input{width:auto;margin-top:.4rem}
.error{color:var(--error);font-size:.85rem;min-height:1.1em;margin:.25rem 0 0}
.status{color:var(--accent-dark);font-weight:600;margin:0}
.contact-list{list-style:none;margin:0 0 1rem;padding:0}
.contact-list li{margin-bottom:.35rem}

/* Pied de page */
.site-footer{background:var(--footer);color:#dfe5e8;padding:3.2rem 0 1.6rem;margin-top:0}
.site-footer a{color:#dfe5e8;text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#fff}
.footer-grid{display:grid;gap:2rem;grid-template-columns:1.6fr 1fr 1.2fr}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr}}
.footer-grid img{width:210px;height:auto;margin-bottom:1rem}
.footer-grid h2{font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#9fb0b8;margin-bottom:1rem}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin-bottom:.35rem}
.footer-grid p{margin:0 0 .5rem}
.legal{border-top:1px solid #243640;margin-top:2.2rem;padding-top:1.2rem;font-size:.85rem;color:#9fb0b8;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between}

/* Visionneuse */
dialog#lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh}
dialog#lightbox::backdrop{background:rgba(8,12,16,.94)}
.lb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3.2rem 4rem 1.2rem;color:#fff}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}
.lb img{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain}
.lb figcaption{margin-top:.8rem;font-size:.92rem;text-align:center;max-width:44em}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font:400 1.5rem/1 var(--sans);cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.25)}
.lb .lb-close{top:1rem;right:1rem}
.lb .lb-prev{left:.8rem;top:50%}
.lb .lb-next{right:.8rem;top:50%}
@media(max-width:600px){.lb{padding:3.2rem .5rem 1rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.burger,.actions{display:none}}