:root{font-family:Arial,Helvetica,sans-serif;color:#edeae5;background:#111113;font-size:16px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e6c693;outline-offset:4px}.top{height:88px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;gap:24px}.brand{display:flex;align-items:center;font:bold 27px Georgia,serif;white-space:nowrap}.brandline{height:22px;width:1px;background:#a99170;margin:0 17px}.brandname{font:600 12px Arial;letter-spacing:.22em}.top nav{display:flex;gap:30px;font-size:14px;color:#c7c1b8}.top nav a:hover,footer a:hover{color:#e8c895}.intro{min-height:510px;position:relative;overflow:hidden;padding:clamp(70px,10vw,135px) clamp(20px,9vw,145px) 82px;background:radial-gradient(ellipse at 79% 56%,#343231 0%,#1c1c1e 35%,#111113 69%)}.eyebrow{color:#c4a67e;font-size:12px;font-weight:700;letter-spacing:.26em}.intro h1,.contact h2{font:normal clamp(68px,10vw,145px)/.88 Georgia,serif;letter-spacing:-.06em;margin:28px 0}.intro em,.contact em{font-weight:normal;color:#d9b990}.intro p,.contact p{font-size:17px;color:#b7b2ac;line-height:1.6}.explore,.mail{display:inline-flex;gap:45px;border-bottom:1px solid #b69772;padding:16px 0;margin-top:26px;font-size:14px;letter-spacing:.06em}.explore span,.mail span{color:#d9b990}.watermark{position:absolute;font:normal min(35vw,500px)/1 Georgia,serif;letter-spacing:-.13em;color:rgba(255,255,255,.032);right:7%;top:8%;pointer-events:none}.gallery-section{padding:95px clamp(20px,5vw,80px) 125px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-header h2{font:normal clamp(44px,6vw,75px) Georgia,serif;margin:16px 0 25px}.section-header p{font-size:14px;color:#a8a39d}.toolbar{border-top:1px solid #3c3937;border-bottom:1px solid #3c3937;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:34px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #514a43;background:transparent;color:#c8c4be;padding:10px 16px;cursor:pointer;border-radius:2px;font-size:14px}.filters button[aria-pressed=true],.filters button:hover{background:#d8b98f;color:#171513;border-color:#d8b98f}.sort{color:#b4ada5;font-size:14px;white-space:nowrap}.sort select{margin-left:8px;background:#1d1c1d;border:1px solid #514a43;color:#ece6df;padding:10px;cursor:pointer}.grid{columns:3 240px;column-gap:16px}.card{display:block;margin:0 0 16px;break-inside:avoid;position:relative;background:#252426;cursor:pointer;overflow:hidden;border:0;padding:0;width:100%;text-align:left;color:white}.card img{width:100%;height:auto;display:block;transition:transform .3s,opacity .3s}.card:hover img,.card:focus-visible img{transform:scale(1.025);opacity:.8}.card .overlay{position:absolute;inset:auto 0 0;padding:50px 17px 18px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:15px}.card small{display:block;color:#d8be9e;margin-top:5px;font-size:12px}.empty{border:1px solid #484039;min-height:280px;text-align:center;padding:55px 20px;background:#1a1919}.empty span{color:#b79a78;font-size:38px}.empty h3{font:normal 30px Georgia,serif;margin:12px 0}.empty p{color:#aaa39a;line-height:1.5}.contact{padding:100px clamp(20px,9vw,145px) 115px;background:#1e1c1b}.contact h2{font-size:clamp(48px,7vw,92px);line-height:1.04}.contact .mail{margin-top:15px}footer{padding:30px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:15px;color:#a9a29c;font-size:13px}dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:20px 65px;border:0;background:#0b0b0df5;color:white}dialog::backdrop{background:#000e}dialog[open]{display:flex;align-items:center;justify-content:center}dialog figure{margin:0;max-width:min(1100px,100%);text-align:center}dialog img{display:block;max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain;margin:auto}dialog figcaption{padding:10px;display:flex;justify-content:space-between;gap:15px;text-align:left;font-size:14px}dialog small{color:#c7ad8b}.close,.nav{position:absolute;border:0;background:#262425;color:white;cursor:pointer}.close{right:20px;top:18px;font-size:31px;width:44px;height:44px}.nav{top:50%;font-size:35px;width:40px;height:48px}.prev{left:12px}.next{right:12px}@media(max-width:680px){.top{height:70px}.brandname{font-size:10px;letter-spacing:.1em}.top nav{gap:14px}.intro{min-height:440px}.watermark{top:38%;right:4%;font-size:55vw}.gallery-section{padding-top:65px;padding-bottom:80px}.section-header{display:block}.section-header p{margin-top:0}.grid{columns:2 145px;column-gap:9px}.card{margin-bottom:9px}.card .overlay{padding:35px 8px 9px;font-size:12px}.card small{font-size:11px}.contact{padding:75px 20px}dialog{padding:70px 8px 55px}.nav{top:auto;bottom:7px}.prev{left:12px}.next{right:12px}dialog img{max-height:calc(100dvh - 160px)}dialog figcaption{justify-content:center;flex-wrap:wrap}footer{flex-wrap:wrap}}
.lang{background:none;border:1px solid #806d56;color:#dfc6a6;padding:8px 10px;cursor:pointer;font-size:13px}.series-section{padding:100px clamp(20px,5vw,80px) 50px}.series-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:17px}.series-card{background:#262324;position:relative;border:0;padding:0;cursor:pointer;text-align:left;color:white;min-height:340px;overflow:hidden}.series-card img{display:block;width:100%;height:340px;object-fit:cover;transition:transform .3s}.series-card:hover img{transform:scale(1.03)}.series-caption{position:absolute;inset:auto 0 0;padding:65px 22px 22px;background:linear-gradient(transparent,#000d)}.series-caption strong{display:block;font:normal 28px Georgia,serif}.series-caption small{display:block;color:#e3d4c2;line-height:1.5;margin-top:8px;font-size:13px}.search{font-size:14px;color:#b4ada5;display:flex;align-items:center;gap:8px}.search input{font:inherit;padding:10px 12px;background:#1d1c1d;color:#eee;border:1px solid #514a43;width:min(230px,70vw)}.active-series{border:1px solid #514a43;padding:20px 25px;margin-bottom:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.active-series[hidden]{display:none}.active-series strong{font:normal 28px Georgia,serif}.active-series p{margin:8px 0 0;color:#b7b0a8;line-height:1.4}.share{background:transparent;color:#dfc398;border:1px solid #8c7458;padding:10px 13px;cursor:pointer;white-space:nowrap}.gallery-section{padding-top:70px}@media(max-width:680px){.top nav{gap:10px}.series-section{padding-top:70px}.series-card,.series-card img{height:290px;min-height:290px}.active-series{align-items:start;flex-direction:column}.toolbar{align-items:stretch}.search{width:100%}.search input{flex:1;min-width:0}}

.intro:has(.hero-photo:not([hidden])){background:#1b1a1a}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:brightness(.45)}.hero-photo[hidden]{display:none}.intro-content{position:relative;z-index:1}.intro:has(.hero-photo:not([hidden])) .watermark{display:none}.series-card{text-decoration:none;display:block}.series-card:focus-visible{outline:3px solid #e6c693;outline-offset:3px}.quota-warning{color:#ffb9a4!important;font-weight:bold}
/* Photographs lead the public page; the dark edge keeps the headline legible. */
.skip-link{position:absolute;top:-100px;left:20px;z-index:99;background:#d8b98f;color:#171513;padding:12px}.skip-link:focus{top:12px}.top{position:relative;z-index:3;background:#131314}.intro{min-height:clamp(560px,75vh,800px);display:flex;align-items:center;padding:80px clamp(22px,8vw,140px);background:radial-gradient(circle at 70% 40%,#35312e,#111113 65%)}.intro:has(.hero-photo:not([hidden]))::before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#111113 0%,#111113e8 28%,#11111355 62%,transparent 100%);pointer-events:none}.intro .hero-photo{left:auto;right:0;width:68%;object-position:50% 25%;filter:none}.intro-content{width:min(100%,850px);padding:25px 0}.intro h1{font-size:clamp(69px,10vw,150px);line-height:.87;margin:30px 0 35px;max-width:800px}.intro h1 em{color:#e5c398}.intro p{max-width:380px;color:#e2dbd2;text-shadow:0 1px 5px #0007}.intro .explore{font-size:15px}.series-section{padding-top:110px}.section-header h2{margin-top:15px}.series-card{border:1px solid #34302e}.series-card:hover .series-caption strong{text-decoration:underline;text-decoration-color:#d8b98f;text-underline-offset:5px}.series-card img{object-position:center 25%}.gallery-section{border-top:1px solid #35302d}.card{outline-offset:2px}.card img{background:#242222}.contact{background:linear-gradient(135deg,#26211e,#171719)}.top a,.top button{min-height:36px;display:inline-flex;align-items:center}@media(max-width:800px){.intro{min-height:680px;align-items:end;padding:300px 26px 80px}.intro .hero-photo{width:100%;object-position:50% 23%}.intro:has(.hero-photo:not([hidden]))::before{background:linear-gradient(0deg,#111113 1%,#111113d9 24%,#11111324 70%,transparent 100%)}.intro h1{font-size:clamp(66px,12vw,112px);margin:20px 0}.intro-content{padding:0}.intro p{max-width:480px}.series-section{padding-top:75px}}@media(max-width:480px){.top{padding:0 17px;gap:10px}.brandline{margin:0 9px}.brandname{display:none}.top nav{gap:10px}.top nav a{font-size:12px}.lang{font-size:12px;padding:6px}.intro{min-height:660px;padding:285px 22px 64px}.intro h1{font-size:clamp(63px,15vw,80px)}.intro p{font-size:16px}.series-section{padding-top:60px}.gallery-section{padding-top:55px}.contact h2{font-size:clamp(48px,12vw,70px)}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.card img,.series-card img{transition:none}}
#viewer .close{width:auto;height:auto;min-height:45px;padding:9px 14px;right:20px;top:17px;border:1px solid #a58e71;background:#d9bb91;color:#161412;font-size:14px;font-weight:bold;z-index:2}#viewer .nav{border:1px solid #9c866b;background:#292522;color:#fff;z-index:2}#viewer .nav:hover{background:#64503d}#viewer #viewerCounter{color:#d9bd98;font-size:13px;white-space:nowrap}#viewer figcaption{align-items:center}@media(max-width:680px){#viewer .close{right:12px;top:12px}#viewer figcaption{padding:9px 50px;gap:6px}}
/* Courtes transitions des cartes et de la visionneuse. */
@keyframes book-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes book-fade{from{opacity:.35}to{opacity:1}}@keyframes book-dialog{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes book-backdrop{from{opacity:0}to{opacity:1}}.series-card{animation:book-arrive .36s ease-out both;transition:border-color .22s ease,transform .22s ease}.series-card:hover,.series-card:focus-visible{border-color:#c3a47d;transform:translateY(-3px)}.series-card:active{transform:translateY(0)}.card{animation:book-arrive .28s ease-out both;animation-delay:calc(var(--item-order,0) * 25ms);transition:box-shadow .2s ease}.card:hover{box-shadow:0 10px 24px #0007}.card:active{transform:scale(.99)}#viewer[open]{animation:book-dialog .24s ease-out both}#viewer[open]::backdrop{animation:book-backdrop .22s ease-out both}.photo-swap{animation:book-fade .22s ease-out}.intro-content{animation:book-arrive .42s ease-out both}@media(prefers-reduced-motion:reduce){.series-card,.card,#viewer[open],#viewer[open]::backdrop,.photo-swap,.intro-content{animation:none!important;transition:none!important}.series-card:hover,.series-card:focus-visible,.card:active{transform:none!important}}
/* Une couverture ouvre la photo ; son lien de légende ouvre l’album. */
.series-card{position:relative;overflow:hidden;min-height:340px}.series-cover{display:block;width:100%;height:340px;padding:0;border:0;background:#222;cursor:zoom-in;color:inherit}.series-cover img{display:block;width:100%;height:100%;object-fit:cover}.series-cover:focus-visible{outline:3px solid #e6c693;outline-offset:-4px}.zoom-icon{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:39px;height:39px;background:#111b;border:1px solid #ffffff9c;color:white;font-size:25px;pointer-events:none}.series-caption{pointer-events:none}.series-album-link{display:block;pointer-events:auto;width:100%}.series-album-link:focus-visible{outline:2px solid #e6c693;outline-offset:3px}.album-cta{display:block;color:#f0d1a5;margin-top:12px;font-size:13px;font-weight:bold;letter-spacing:.03em}.series-album-link:hover .album-cta{text-decoration:underline;text-underline-offset:4px}@media(max-width:680px){.series-card,.series-cover{min-height:290px;height:290px}}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-zoom{background:#d9bb91;color:#171513;border:1px solid #d9bb91;padding:14px 17px;margin-top:26px;cursor:zoom-in;font-size:14px;font-weight:bold}.hero-zoom:hover{background:#efcfa0}.hero-zoom[hidden]{display:none}@media(max-width:480px){.hero-actions{gap:10px}.hero-zoom,.intro .explore{margin-top:12px}.hero-zoom{font-size:13px}}

.preview-banner:not([hidden]){display:block;padding:12px clamp(20px,5vw,80px);background:#443527;color:#fff0d8;font-size:14px;line-height:1.5;text-align:center}

.album-share{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0}.album-share button{border:1px solid #a88964;background:#25201c;color:#f1d1a7;padding:10px 14px;cursor:pointer;font:inherit;font-size:13px}.album-share button:hover,.album-share button:focus-visible{background:#b28b5e;color:#1b1511}.album-share [role=status]{color:#dfc7aa;font-size:12px}.series-card.is-highlighted{border-color:#b69260}.featured-series-label{display:inline-block;margin:0 0 10px;color:#e5c392;font-size:11px;font-weight:700;letter-spacing:.15em}

/* Cartes d’album : le lien couvre toute la carte, la loupe reste distincte. */
.series-card{isolation:isolate;min-height:340px}.series-card .series-album-link{display:block;position:relative;width:100%;height:340px;color:inherit;text-decoration:none;overflow:hidden}.series-card .series-album-link img{width:100%;height:100%;object-fit:cover}.series-card .series-caption{pointer-events:none}.series-card .series-album-link:hover img{transform:scale(1.035)}.series-card .series-album-link:focus-visible{outline:3px solid #f5d093;outline-offset:-4px}.series-card .cover-zoom{position:absolute;z-index:2;right:12px;top:12px;display:grid;place-items:center;width:48px;height:48px;padding:0;background:#111d;border:1px solid #f3dcc2;color:#fff;font:normal 29px/1 Arial,sans-serif;cursor:zoom-in}.series-card .cover-zoom:hover,.series-card .cover-zoom:focus-visible{background:#b68b5b;color:#16110b;outline:3px solid #f5d093;outline-offset:2px}.advanced-tools{margin-top:10px;border:1px solid #79644d;padding:0 14px 12px;max-width:100%}.advanced-tools summary{cursor:pointer;color:#f0d0a4;padding:12px 0;font-weight:700;font-size:13px}.advanced-tool-fields{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.advanced-tools:not([open]){padding-bottom:0}.toolbar{align-items:flex-start}.toolbar>.filters{flex:1 1 100%}dialog .close{z-index:3;width:auto;min-width:48px;height:48px;padding:0 14px;white-space:nowrap;font:600 14px/1 Arial,sans-serif;border:1px solid #c7a77c;background:#29231e}dialog .nav{z-index:2;min-width:52px;width:52px;height:58px;border:1px solid #ae8c65;background:#211e1d}dialog .nav:hover,dialog .nav:focus-visible,dialog .close:hover,dialog .close:focus-visible{background:#bd9564;color:#15100b;outline:3px solid #f2ca90;outline-offset:2px}@media(max-width:680px){.series-card .series-album-link{height:290px}.series-card .cover-zoom{width:48px;height:48px}.advanced-tools{width:100%}dialog{padding:74px 12px 106px}dialog img{max-height:calc(100dvh - 225px)}dialog .close{top:12px;right:12px;max-width:calc(100vw - 24px)}dialog .nav{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px}dialog .prev{left:16px}dialog .next{right:16px}dialog figcaption{padding:12px 6px}}

/* Thèmes du book : les réglages sont partagés par l’accueil et les pages de série. */
html[data-theme="clair"]{background:#f6f2eb;color:#312720;color-scheme:light}html[data-theme="clair"] body{background:#f6f2eb;color:#312720}html[data-theme="clair"] .intro{background:radial-gradient(ellipse at 76% 48%,#ece1d1,#f6f2eb 67%)}html[data-theme="clair"] .contact,html[data-theme="clair"] .series-card,html[data-theme="clair"] .card,html[data-theme="clair"] .empty{background:#e9dfd1;color:#312720}html[data-theme="clair"] .top,html[data-theme="clair"] .toolbar{border-color:#b6a391}html[data-theme="clair"] .top nav,html[data-theme="clair"] .intro p,html[data-theme="clair"] .contact p,html[data-theme="clair"] .section-header p,html[data-theme="clair"] footer,html[data-theme="clair"] .album-intro p{color:#51453c}html[data-theme="clair"] .intro em,html[data-theme="clair"] .contact em,html[data-theme="clair"] .eyebrow,html[data-theme="clair"] .explore span,html[data-theme="clair"] .mail span{color:#805032}html[data-theme="clair"] .filters button[aria-pressed=true],html[data-theme="clair"] .filters button:hover{background:#815337;border-color:#815337;color:white}html[data-theme="clair"] .filters button{color:#42352d;border-color:#a69586}html[data-theme="clair"] .card .overlay,html[data-theme="clair"] .series-caption{color:white}html[data-theme="clair"] dialog{background:#171412f5;color:white}
html[data-theme="editorial"]{background:#111c2b;color:#f1f0eb}html[data-theme="editorial"] body{background:#111c2b;color:#f1f0eb}html[data-theme="editorial"] .intro{background:radial-gradient(ellipse at 75% 48%,#354259,#19283a 45%,#111c2b 78%)}html[data-theme="editorial"] .contact,html[data-theme="editorial"] .series-card,html[data-theme="editorial"] .card,html[data-theme="editorial"] .empty{background:#1d2c3e}html[data-theme="editorial"] .top,html[data-theme="editorial"] .toolbar{border-color:#546172}html[data-theme="editorial"] .intro em,html[data-theme="editorial"] .contact em,html[data-theme="editorial"] .eyebrow,html[data-theme="editorial"] .explore span,html[data-theme="editorial"] .mail span{color:#dfa77d}html[data-theme="editorial"] .filters button[aria-pressed=true],html[data-theme="editorial"] .filters button:hover{background:#dba57d;border-color:#dba57d;color:#172130}html[data-theme="editorial"] .filters button{border-color:#677485;color:#ece8e3}html[data-theme="editorial"] dialog{background:#0b1420f5;color:white}

/* Deux compositions supplémentaires : le thème transforme aussi le rythme et les cartes. */
html[data-theme="magazine"]{background:#16151a;color:#f6eee7}
html[data-theme="magazine"] body{background:#16151a;color:#f6eee7}
html[data-theme="magazine"] .top{background:#211b22;border-bottom:3px solid #cf886c}
html[data-theme="magazine"] .intro{min-height:clamp(620px,84vh,900px);background:#242029;padding-left:clamp(25px,8vw,145px)}
html[data-theme="magazine"] .intro .hero-photo{width:56%;object-position:center 35%;filter:grayscale(.28)}
html[data-theme="magazine"] .intro:has(.hero-photo:not([hidden]))::before{background:linear-gradient(90deg,#242029 6%,#242029f5 40%,#24202950 66%,transparent 90%)}
html[data-theme="magazine"] .intro-content{max-width:650px}
html[data-theme="magazine"] .intro h1{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:-.07em;font-size:clamp(75px,11vw,158px)}
html[data-theme="magazine"] .intro em,html[data-theme="magazine"] .eyebrow,html[data-theme="magazine"] .explore span{color:#f5aa86}
html[data-theme="magazine"] .series-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
html[data-theme="magazine"] .series-card{grid-column:span 5;min-height:400px;background:#31242a}
html[data-theme="magazine"] .series-card:nth-child(3n+1){grid-column:span 7}
html[data-theme="magazine"] .series-card img{height:400px}
html[data-theme="magazine"] .grid{columns:4 210px}
html[data-theme="magazine"] .contact{background:#34252e}
html[data-theme="magazine"] .album-intro{max-width:1100px;border-bottom:3px solid #cf886c;padding-bottom:28px}
html[data-theme="magazine"] .album-grid{columns:4 210px}
html[data-theme="atelier"]{background:#f5f0e7;color:#2f322c;color-scheme:light}
html[data-theme="atelier"] body{background:#f5f0e7;color:#2f322c}
html[data-theme="atelier"] .top{background:#eae4d9;border-color:#c2bbaa}
html[data-theme="atelier"] .top nav,html[data-theme="atelier"] .section-header p,html[data-theme="atelier"] footer{color:#4d5249}
html[data-theme="atelier"] .intro{min-height:clamp(580px,72vh,730px);background:#e6ded0;padding-left:clamp(25px,10vw,170px)}
html[data-theme="atelier"] .intro .hero-photo{width:48%;height:82%;top:9%;right:5%;object-fit:cover;box-shadow:18px 18px 0 #bbb5a5}
html[data-theme="atelier"] .intro:has(.hero-photo:not([hidden]))::before{background:linear-gradient(90deg,#e6ded0 0%,#e6ded0 45%,#e6ded088 55%,transparent 70%)}
html[data-theme="atelier"] .intro-content{max-width:570px}
html[data-theme="atelier"] .intro h1{font:normal clamp(67px,9vw,126px)/.9 Georgia,serif;color:#283029}
html[data-theme="atelier"] .intro em,html[data-theme="atelier"] .eyebrow,html[data-theme="atelier"] .explore span{color:#705641}
html[data-theme="atelier"] .intro p,html[data-theme="atelier"] .contact p{color:#41483d;text-shadow:none}
html[data-theme="atelier"] .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
html[data-theme="atelier"] .series-card{background:#e7e0d5;min-height:410px;border:1px solid #bfb7a9}
html[data-theme="atelier"] .series-card img{height:410px}
html[data-theme="atelier"] .grid{columns:2 260px;column-gap:26px}
html[data-theme="atelier"] .grid .card{margin-bottom:26px}
html[data-theme="atelier"] .contact,html[data-theme="atelier"] .empty{background:#e7e0d5;color:#2f322c}
html[data-theme="atelier"] .card,html[data-theme="atelier"] .active-series{background:#e7e0d5;color:#2f322c}
html[data-theme="atelier"] .filters button,html[data-theme="atelier"] .sort,html[data-theme="atelier"] .search,html[data-theme="atelier"] .share{color:#3e473d;border-color:#807768}
html[data-theme="atelier"] .filters button[aria-pressed=true],html[data-theme="atelier"] .filters button:hover{background:#545d4d;color:white;border-color:#545d4d}
html[data-theme="atelier"] .album-intro{max-width:650px;margin-inline:auto;text-align:center}
html[data-theme="atelier"] .album-intro p{color:#4d5249}
html[data-theme="atelier"] .album-grid{columns:2 260px;column-gap:30px}
html[data-theme="atelier"] dialog{color:#fff;background:#161916f5}
/* Réglages indépendants du thème : forme et disposition des actions visibles. */
html[data-buttons="rounded"] .explore,html[data-buttons="rounded"] .mail,html[data-buttons="rounded"] .hero-zoom,html[data-buttons="rounded"] .filters button,html[data-buttons="rounded"] .share,html[data-buttons="rounded"] .lang{border-radius:999px;padding:12px 20px;border:1px solid currentColor}
html[data-buttons="rounded"] .hero-zoom{border-color:transparent}
html[data-buttons="outline"] .explore,html[data-buttons="outline"] .mail,html[data-buttons="outline"] .hero-zoom,html[data-buttons="outline"] .filters button,html[data-buttons="outline"] .share,html[data-buttons="outline"] .lang{background:transparent;border:1px solid currentColor;border-radius:0;padding:12px 17px;color:inherit}
html[data-buttons="outline"] .filters button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}
html[data-actions="stacked"] .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
html[data-actions="stacked"] .hero-actions .explore,html[data-actions="stacked"] .hero-actions .hero-zoom{margin-top:0;justify-content:center;min-width:220px}
html[data-actions="stacked"] .filters{flex-direction:column;align-items:flex-start}
html[data-actions="stacked"] .filters button{min-width:185px;text-align:left}
@media(max-width:800px){
 html[data-theme="magazine"] .series-grid,html[data-theme="atelier"] .series-grid{grid-template-columns:1fr}
 html[data-theme="magazine"] .series-card,html[data-theme="magazine"] .series-card:nth-child(3n+1){grid-column:auto}
 html[data-theme="magazine"] .intro .hero-photo,html[data-theme="atelier"] .intro .hero-photo{width:100%;height:100%;top:0;right:0;box-shadow:none}
 html[data-theme="magazine"] .intro:has(.hero-photo:not([hidden]))::before{background:linear-gradient(0deg,#242029 0%,#242029de 32%,#24202920 85%)}
 html[data-theme="atelier"] .intro:has(.hero-photo:not([hidden]))::before{background:linear-gradient(0deg,#e6ded0 2%,#e6ded0ee 31%,#e6ded033 85%)}
 html[data-theme="magazine"] .intro,html[data-theme="atelier"] .intro{padding:290px 24px 70px;align-items:end}
 html[data-theme="magazine"] .grid,html[data-theme="atelier"] .grid{columns:2 145px}
 html[data-theme="magazine"] .album-grid,html[data-theme="atelier"] .album-grid{columns:2 145px}
}
@media(max-width:480px){html[data-actions="stacked"] .filters{width:100%}html[data-actions="stacked"] .filters button{width:100%}}

html[data-theme="atelier"] .card .overlay,html[data-theme="atelier"] .series-caption{color:#fff}

/* Cinéma : affiche immersive et grandes images panoramiques. */
html[data-theme="cinema"]{background:#090a0c;color:#f1ede5}
html[data-theme="cinema"] body{background:#090a0c;color:#f1ede5}
html[data-theme="cinema"] .top{background:#0d1015;border-bottom:1px solid #8b795e}
html[data-theme="cinema"] .intro{min-height:clamp(720px,100svh,1100px);display:flex;align-items:end;justify-content:center;text-align:center;padding:110px 6vw 90px;background:#090a0c}
html[data-theme="cinema"] .intro .hero-photo{width:100%;height:100%;inset:0;object-fit:cover;object-position:center 35%}
html[data-theme="cinema"] .intro:has(.hero-photo:not([hidden]))::before{background:linear-gradient(0deg,#090a0c 0%,#090a0cce 25%,#090a0c33 65%,#090a0c30 100%)}
html[data-theme="cinema"] .intro-content{max-width:1100px;width:100%;padding:0}
html[data-theme="cinema"] .intro h1{font:normal clamp(85px,14vw,190px)/.8 Georgia,serif;letter-spacing:-.08em;margin:20px 0 35px}
html[data-theme="cinema"] .intro p{margin-inline:auto;max-width:540px;color:#f1e9de}
html[data-theme="cinema"] .intro em,html[data-theme="cinema"] .eyebrow{color:#e2c19a}
html[data-theme="cinema"] .hero-actions{justify-content:center}
html[data-theme="cinema"] .series-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
html[data-theme="cinema"] .series-card{min-height:480px;background:#151719}
html[data-theme="cinema"] .series-card img{height:480px}
html[data-theme="cinema"] .grid{columns:2 380px;column-gap:22px}
html[data-theme="cinema"] .card{margin-bottom:22px}
html[data-theme="cinema"] .contact{background:#121519}
html[data-theme="cinema"] .album-intro{max-width:1100px;border-bottom:1px solid #9c8465;padding-bottom:40px}
html[data-theme="cinema"] .album-grid{columns:2 380px;column-gap:22px}
/* Planche contact : cases régulières, repères de tirage et légendes sobres. */
html[data-theme="contact"]{background:#eee9dc;color:#2f2c26;color-scheme:light}
html[data-theme="contact"] body{background:#eee9dc;color:#2f2c26;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
html[data-theme="contact"] .top{height:72px;background:#efe8d9;border-color:#8f866f}
html[data-theme="contact"] .top nav,html[data-theme="contact"] footer,html[data-theme="contact"] .section-header p{color:#3e3a32}
html[data-theme="contact"] .intro{min-height:500px;background:#ddd3bf;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,38%);gap:5vw;align-items:center;padding:45px clamp(20px,5vw,80px)}
html[data-theme="contact"] .intro .hero-photo{position:relative;grid-column:2;grid-row:1;width:100%;height:390px;inset:auto;object-fit:cover;border:12px solid #f6f2e7;box-shadow:0 0 0 1px #615b51}
html[data-theme="contact"] .intro:has(.hero-photo:not([hidden]))::before{display:none}
html[data-theme="contact"] .intro-content{grid-column:1;grid-row:1;max-width:650px}
html[data-theme="contact"] .intro h1{font:normal clamp(60px,8vw,115px)/.9 Georgia,serif;color:#2f2c26;letter-spacing:-.05em}
html[data-theme="contact"] .intro p{color:#4f483d;text-shadow:none}
html[data-theme="contact"] .intro em,html[data-theme="contact"] .eyebrow,html[data-theme="contact"] .explore span{color:#685632}
html[data-theme="contact"] .series-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html[data-theme="contact"] .series-card{height:270px;min-height:270px;background:#f6f2e7;border:8px solid #f6f2e7;box-shadow:0 0 0 1px #9b8f76}
html[data-theme="contact"] .series-card img{height:100%;object-fit:cover}
html[data-theme="contact"] .series-caption{padding:50px 8px 10px;color:#fff}
html[data-theme="contact"] .series-caption strong{font-size:18px}
html[data-theme="contact"] .grid{columns:initial;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html[data-theme="contact"] .grid .card{margin:0;background:#f6f2e7;padding:8px;border:1px solid #a79a82;color:#2f2c26;break-inside:auto}
html[data-theme="contact"] .grid .card img{height:220px;object-fit:cover}
html[data-theme="contact"] .grid .card .overlay{position:static;background:none;padding:8px 0 2px;color:#2f2c26;font-size:12px}
html[data-theme="contact"] .grid .card small{color:#695d49}
html[data-theme="contact"] .contact,html[data-theme="contact"] .empty,html[data-theme="contact"] .active-series{background:#d9cfba;color:#2f2c26}
html[data-theme="contact"] .contact p{color:#484238}
html[data-theme="contact"] .filters button,html[data-theme="contact"] .share,html[data-theme="contact"] .search,html[data-theme="contact"] .sort{color:#343129;border-color:#756a56}
html[data-theme="contact"] .filters button[aria-pressed=true],html[data-theme="contact"] .filters button:hover{background:#343129;color:#f5f0e7}
html[data-theme="contact"] .album-intro{max-width:none;border-bottom:2px solid #83745b;padding-bottom:24px}
html[data-theme="contact"] .album-intro p{color:#4e483c}
html[data-theme="contact"] .album-grid{columns:initial;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
html[data-theme="contact"] .album-grid figure{margin:0;padding:8px;background:#f6f2e7;border:1px solid #a79a82;break-inside:auto}
html[data-theme="contact"] .album-grid figure img{height:230px;width:100%;object-fit:cover}
html[data-theme="contact"] .album-grid figcaption{color:#3b362f;font-size:12px}
html[data-theme="contact"] dialog{background:#101010f5;color:#fff}
@media(max-width:900px){html[data-theme="contact"] .series-grid,html[data-theme="contact"] .grid,html[data-theme="contact"] .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 html[data-theme="cinema"] .intro{min-height:740px;padding:270px 20px 75px}
 html[data-theme="cinema"] .intro h1{font-size:clamp(65px,17vw,100px)}
 html[data-theme="cinema"] .series-grid{grid-template-columns:1fr}
 html[data-theme="cinema"] .series-card,html[data-theme="cinema"] .series-card img{height:340px;min-height:340px}
 html[data-theme="cinema"] .grid,html[data-theme="cinema"] .album-grid{columns:2 145px}
 html[data-theme="contact"] .intro{display:flex;flex-direction:column-reverse;align-items:stretch;padding:22px 20px 52px;min-height:auto;gap:20px}
 html[data-theme="contact"] .intro .hero-photo{width:100%;height:300px}
 html[data-theme="contact"] .intro-content{padding:0}
 html[data-theme="contact"] .series-card{height:240px;min-height:240px}
 html[data-theme="contact"] .grid .card img,html[data-theme="contact"] .album-grid figure img{height:160px}
}

.publication-empty{margin:20px 0;padding:22px 24px;border:1px solid #806d56;background:#252220;max-width:680px}.publication-empty strong{display:block;color:#ecd4ae;font:normal 25px Georgia,serif}.publication-empty p{margin:10px 0 0;color:#e0d5c6;line-height:1.6}

.visitor-guide{margin:12px 0 24px;padding:12px 18px;border:1px solid #4d443b;max-width:760px}.visitor-guide summary{cursor:pointer;color:#ecd0a4;font-size:14px}.visitor-guide p{margin:12px 0 4px;color:#d0c6ba;line-height:1.6}.visitor-guide summary:focus-visible{outline:2px solid #e6c693;outline-offset:3px}

.contact .mail[hidden]{display:none!important}
.brand-logo{width:42px;height:42px;flex:0 0 42px;object-fit:contain}
@media(max-width:600px){.brand-logo{width:34px;height:34px;flex-basis:34px}}
.social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.social-links a{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #977c5a;color:#ead3b3;font-size:14px}.social-links a:hover,.social-links a:focus-visible{background:#d8b98f;color:#171513}.social-links[hidden]{display:none!important}

/* Menu public : placement, visibilité au défilement et apparence. */
html[data-nav-behavior="sticky"] header.top:not(.admin-top){position:sticky;top:0;z-index:40;background:#171617f5;backdrop-filter:blur(14px);box-shadow:0 5px 22px #0005}
html[data-nav-behavior="static"] header.top:not(.admin-top){position:relative;z-index:20}
header.top:not(.admin-top){min-height:88px;height:auto;padding-top:15px;padding-bottom:15px}
header.top:not(.admin-top) nav{align-items:center;flex-wrap:wrap;justify-content:flex-end}
html[data-nav-position="center"] header.top:not(.admin-top),html[data-nav-position="under"] header.top:not(.admin-top){flex-wrap:wrap;gap:8px 24px}
html[data-nav-position="center"] header.top:not(.admin-top) nav,html[data-nav-position="under"] header.top:not(.admin-top) nav{width:100%;justify-content:center}
html[data-nav-position="under"] header.top:not(.admin-top) nav{justify-content:flex-start}
html[data-nav-style="outlined"] header.top:not(.admin-top) nav a{border:1px solid currentColor;border-radius:4px;padding:9px 12px}
html[data-nav-style="filled"] header.top:not(.admin-top) nav a{background:#d8b98f;color:#201815;border-radius:4px;padding:10px 13px;font-weight:700}
html[data-theme="clair"][data-nav-style="filled"] header.top:not(.admin-top) nav a,html[data-theme="atelier"][data-nav-style="filled"] header.top:not(.admin-top) nav a,html[data-theme="contact"][data-nav-style="filled"] header.top:not(.admin-top) nav a{background:#805638;color:white}
html[data-theme="clair"][data-nav-behavior="sticky"] header.top:not(.admin-top){background:#f6f2ebf5}
html[data-theme="atelier"][data-nav-behavior="sticky"] header.top:not(.admin-top){background:#eae4d9f5}
html[data-theme="contact"][data-nav-behavior="sticky"] header.top:not(.admin-top){background:#e8e1d3f5}
header.top:not(.admin-top) .public-menu-toggle{display:none;align-items:center;gap:8px;border:1px solid currentColor;border-radius:4px;padding:9px 12px;background:transparent;color:inherit;cursor:pointer;min-height:44px}
html[data-nav-behavior="sticky"] section[id]{scroll-margin-top:105px}
@media(max-width:700px){
 header.top:not(.admin-top){min-height:70px;gap:12px;flex-wrap:nowrap;justify-content:space-between}
 header.top:not(.admin-top) .brand{min-width:0;white-space:normal;font-size:22px}
 header.top:not(.admin-top) .brandname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}
 header.top:not(.admin-top) .brandline{margin:0 9px}
 header.top:not(.admin-top) .public-menu-toggle{display:inline-flex;flex-shrink:0}
 header.top:not(.admin-top) nav,html[data-nav-position="center"] header.top:not(.admin-top) nav,html[data-nav-position="under"] header.top:not(.admin-top) nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;padding:14px 20px 18px;background:#242123;color:#eee;box-shadow:0 15px 26px #0007;flex-direction:column;align-items:stretch;gap:7px;max-height:calc(100dvh - 70px);overflow:auto}
 header.top:not(.admin-top) .public-menu-toggle[aria-expanded="true"]+nav{display:flex}
 header.top:not(.admin-top) nav a,header.top:not(.admin-top) nav button{min-height:44px;padding:12px!important;display:flex;align-items:center}
 html[data-theme="clair"] header.top:not(.admin-top) nav,html[data-theme="atelier"] header.top:not(.admin-top) nav,html[data-theme="contact"] header.top:not(.admin-top) nav{background:#f2ede5;color:#342a24}
 html[data-nav-behavior="sticky"] section[id]{scroll-margin-top:80px}
}
