/* Lapis v21 inner-page background, mode c (generated by src/inner18.py + src/glass21.py) */
html:has(>body.bg18){background:#bfd0f4!important}
#bg18{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;z-index:-1;pointer-events:none;display:block;background:radial-gradient(70% 55% at 20% 25%,#c6bdf0 0%,transparent 70%),radial-gradient(60% 50% at 85% 40%,#b3e2d4 0%,transparent 70%),radial-gradient(55% 45% at 70% 90%,#f2e3b8 0%,transparent 70%),#bfd0f4}
/* v21 glass (src/glass21.py) */
html body.bg18{background:transparent!important;--muted:#3f4458;--ink:#27447e;--lapis:#27447e;--lapis-ink:#27447e;--lapis2:#27447e;--gold-ink:#27447e;--blue:#27447e;--paper:rgba(255,255,255,.40);--card:rgba(255,255,255,.40)}
html body.bg18 section:not(.pa-s),html body.bg18 .sec,html body.bg18 .ahead,html body.bg18 .pagehead,html body.bg18 .ph-lum,html body.bg18 .band,html body.bg18 .alt,html body.bg18 .catcards,html body.bg18 .subnav,html body.bg18 .hero.lum,html body.bg18 section.sec.entries{background:transparent!important;background-image:none!important}
html body.bg18 header.top{background:rgba(255,255,255,.34)!important;-webkit-backdrop-filter:blur(28px) saturate(1.15)!important;backdrop-filter:blur(28px) saturate(1.15)!important;box-shadow:0 1px 0 rgba(255,255,255,.5)!important}
html body.bg18 .gsearch{background:rgba(255,255,255,.5)!important;border-color:rgba(47,79,143,.25)!important}
html body.bg18 .foot{width:min(calc(100% - 20px),1160px);margin:24px auto 12px!important;border-radius:26px;background:rgba(255,255,255,.32)!important;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 24px 60px -40px rgba(30,40,110,.30)}
@media (min-width:900px){html body.bg18 .foot{margin-bottom:24px!important}}
html body.bg18 nav.crumbs{width:fit-content;max-width:100%;box-sizing:border-box;padding-right:18px;border-radius:999px;background:rgba(255,255,255,.40)!important;border:1px solid rgba(255,255,255,.55)!important}
html body.bg18 .card,html body.bg18 .ccard,html body.bg18 .gcard,html body.bg18 .guide-box,html body.bg18 .fete .fiche,html body.bg18 .legendbox,html body.bg18 .arow.rv,html body.bg18 .etile,html body.bg18 section.faq details,html body.bg18 .faq details,html body.bg18 .tile2,html body.bg18 a.next,html body.bg18 label.search,html body.bg18 .srt[aria-pressed="false"],html body.bg18 .nearbar,html body.bg18 .ct.fold,html body.bg18 li.shop>a,html body.bg18 .s52-card,html body.bg18 .s52-map,html body.bg18 .s52-term,html body.bg18 .s52-toc a,html body.bg18 .ow-ch button,html body.bg18 .ow-inv,html body.bg18 .citq,html body.bg18 dl.fiche,html body.bg18 .lb-tier,html body.bg18 .hub-card>a,html body.bg18 .linklist>li,html body.bg18 .sci-c,html body.bg18 .bdg-card,html body.bg18 .bdg-opt,html body.bg18 pre.bdg-code,html body.bg18 nav.crows a,html body.bg18 .otd,html body.bg18 .art.photo,html body.bg18 .card .art,html body.bg18 figure.plate .frame,html body.bg18 #main .card,html body.bg18 #main .ccard,html body.bg18 #main .gcard,html body.bg18 #main .guide-box,html body.bg18 #main .fete .fiche,html body.bg18 #main .legendbox,html body.bg18 #main .arow.rv,html body.bg18 #main .etile,html body.bg18 #main section.faq details,html body.bg18 #main .faq details,html body.bg18 #main .tile2,html body.bg18 #main a.next,html body.bg18 #main label.search,html body.bg18 #main .srt[aria-pressed="false"],html body.bg18 #main .nearbar,html body.bg18 #main .ct.fold,html body.bg18 #main li.shop>a,html body.bg18 #main .s52-card,html body.bg18 #main .s52-map,html body.bg18 #main .s52-term,html body.bg18 #main .s52-toc a,html body.bg18 #main .ow-ch button,html body.bg18 #main .ow-inv,html body.bg18 #main .citq,html body.bg18 #main dl.fiche,html body.bg18 #main .lb-tier,html body.bg18 #main .hub-card>a,html body.bg18 #main .linklist>li,html body.bg18 #main .sci-c,html body.bg18 #main .bdg-card,html body.bg18 #main .bdg-opt,html body.bg18 #main pre.bdg-code,html body.bg18 #main nav.crows a,html body.bg18 #main .otd,html body.bg18 #main .art.photo,html body.bg18 #main .card .art,html body.bg18 #main figure.plate .frame,html body.bg18 #main.lp .card,html body.bg18 #main.lp .ccard,html body.bg18 #main.lp .gcard,html body.bg18 #main.lp .guide-box,html body.bg18 #main.lp .fete .fiche,html body.bg18 #main.lp .legendbox,html body.bg18 #main.lp .arow.rv,html body.bg18 #main.lp .etile,html body.bg18 #main.lp section.faq details,html body.bg18 #main.lp .faq details,html body.bg18 #main.lp .tile2,html body.bg18 #main.lp a.next,html body.bg18 #main.lp label.search,html body.bg18 #main.lp .srt[aria-pressed="false"],html body.bg18 #main.lp .nearbar,html body.bg18 #main.lp .ct.fold,html body.bg18 #main.lp li.shop>a,html body.bg18 #main.lp .s52-card,html body.bg18 #main.lp .s52-map,html body.bg18 #main.lp .s52-term,html body.bg18 #main.lp .s52-toc a,html body.bg18 #main.lp .ow-ch button,html body.bg18 #main.lp .ow-inv,html body.bg18 #main.lp .citq,html body.bg18 #main.lp dl.fiche,html body.bg18 #main.lp .lb-tier,html body.bg18 #main.lp .hub-card>a,html body.bg18 #main.lp .linklist>li,html body.bg18 #main.lp .sci-c,html body.bg18 #main.lp .bdg-card,html body.bg18 #main.lp .bdg-opt,html body.bg18 #main.lp pre.bdg-code,html body.bg18 #main.lp nav.crows a,html body.bg18 #main.lp .otd,html body.bg18 #main.lp .art.photo,html body.bg18 #main.lp .card .art,html body.bg18 #main.lp figure.plate .frame,html body.bg18 #main.lp .card .art.mus,html body.bg18 #main.lp .card .art.photo{background:rgba(255,255,255,.40)!important;background-image:none!important;border-color:rgba(255,255,255,.55)!important}
html body.bg18 :is(select,textarea,input[type=text],input[type=email],input[type=number],input[type=search]):not(:is(label.search,.gsearch) *){background:rgba(255,255,255,.55)!important}
/* v22: sticky catalogue bar = clear glass (no band when not stuck: its blur of the panel looks like the panel), field = one glass pill, no inner box */
html body.bg18 #main .toolbar,html body.bg18 .toolbar{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;transition:background-color .25s ease}
html body.bg18 #main .toolbar.stuck,html body.bg18 .toolbar.stuck{background:rgba(255,255,255,.34)!important;-webkit-backdrop-filter:blur(28px) saturate(1.15)!important;backdrop-filter:blur(28px) saturate(1.15)!important;box-shadow:0 1px 0 rgba(255,255,255,.5)!important}
@media (max-width:600px){html body.bg18 #main:has(>.toolbar){overflow-clip-margin:12px} html body.bg18 #main>.toolbar{margin-inline:-10px!important;padding-inline:10px!important}}
html body.bg18 label.search{padding-inline:12px!important;gap:8px!important}
html body.bg18 label.search input{font-size:16px!important;text-overflow:ellipsis}
html body.bg18 :is(label.search,.gsearch){background:rgba(255,255,255,.42)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 8px 24px -18px rgba(30,40,110,.35)!important}
html body.bg18 :is(label.search,.gsearch) :is(input,button){background:transparent!important;border:0!important;box-shadow:none!important}
html body.bg18 .subnav .gsearch button,html body.bg18 .gsearch button[type=submit]{background:linear-gradient(180deg,#e6cf8f,#cfae62)!important;color:#1f2a4a!important;border-radius:999px!important}
html body.bg18 ::placeholder,html body.bg18 input::placeholder{color:#4c5370!important;opacity:1!important}
html body.bg18 dialog.menu{color:#f6f1e3!important;background:radial-gradient(120% 60% at 50% 0%,rgba(47,79,143,.93),rgba(10,18,52,.96) 70%)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
/* v24 open menu: light text on the night glass (bg18 vars set dark ink, which leaked into the menu) */
html body.bg18 :is(#menu,dialog.menu){--ink:#f6f1e3;--muted:#e9e2cf;--lapis:#f6f1e3;--lapis-ink:#f6f1e3;--lapis2:#f6f1e3;--blue:#f6f1e3;--gold-ink:#e3cf95;--line:rgba(246,241,227,.28)}
html body.bg18 :is(#menu,dialog.menu) :is(a,summary,span,p,li,label,b,strong,small,h2,h3,em),html body.bg18 :is(#menu,dialog.menu) .brand,html body.bg18 :is(#menu,dialog.menu) .big .mg-l a,html body.bg18 :is(#menu,dialog.menu) .big .mhome,html body.bg18 :is(#menu,dialog.menu) .mg>summary{color:#f6f1e3!important;opacity:1!important;text-shadow:none!important}
html body.bg18 :is(#menu,dialog.menu) .mh{color:#e3cf95!important;opacity:1!important}
html body.bg18 :is(#menu,dialog.menu) .brand .lotus,html body.bg18 :is(#menu,dialog.menu) .langs a[aria-current]{color:#e3cf95!important}
html body.bg18 :is(#menu,dialog.menu) :is(a,summary):hover{color:#e3cf95!important}
html body.bg18 :is(#menu,dialog.menu) .mg>summary::after{border-color:#e3cf95!important}
html body.bg18 :is(#menu,dialog.menu) :is(nav.big,.mg,.big .mhome,.mg-l,.langs a){border-color:rgba(246,241,227,.26)!important}
html body.bg18 :is(#menu,dialog.menu) .cats-mini a{background:rgba(255,255,255,.08)!important;border:1px solid rgba(246,241,227,.32)!important;color:#f6f1e3!important}
html body.bg18 :is(#menu,dialog.menu) .menu-top .x{background:#f6f1e3!important;color:#0f1a40!important;border:0!important}
html body.bg18 :is(#menu,dialog.menu) :is(input,select){background:rgba(255,255,255,.1)!important;color:#f6f1e3!important;border-color:rgba(246,241,227,.4)!important}
html body.bg18 dialog.menu::backdrop{background:transparent}
@media print{#bg18{display:none} html body.bg18 #main,html body.bg18 .foot{background:#fff!important}}
html body.bg18 #main{position:relative;width:min(calc(100% - 20px),1160px);margin:12px auto 0;border-radius:26px;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 24px 60px -40px rgba(30,40,110,.30);overflow:clip}
html body.bg18 #main:has(>article.prose){width:min(calc(100% - 20px),860px)}
@media (min-width:900px){html body.bg18 #main{margin-top:24px}}
/* v25 portail: a full-bleed designed page (surface to abyss) - no panel, its own section colours */
html body.bg18 #main.pa-main{width:auto!important;margin:0!important;border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
/* v22 artwork framing (Adrien 01/11): whole artwork always visible (no crop, head never cut), matte hugs the image and is centred,
   caption ~12-19px under its own artwork and clearly farther (>=40px) from the next block */
html body.bg18 #main figure.plate .frame{width:fit-content;max-width:100%;margin-inline:auto;box-sizing:border-box}
html body.bg18 #main figure.plate img{display:block;width:auto!important;max-width:100%;height:auto!important;max-height:min(72svh,640px)!important;object-fit:contain!important;margin-inline:auto;background:transparent!important}
html body.bg18 #main figure.plate{margin-bottom:44px!important}
html body.bg18 #main figure.plate figcaption{margin-top:12px!important;margin-inline:auto;max-width:34em;text-wrap:balance}
html body.bg18 #main figure:not(.plate):has(img)>figcaption{margin-top:12px!important}
/* v21 darker text on glass */
html body.bg18 small,html body.bg18 .fine,html body.bg18 figcaption{color:#3f4458!important}
html body.bg18 .hero .lead,html body.bg18 .hero-cap,html body.bg18 .ph-cap{color:#3f4458!important}
html body.bg18 section.hero.lum figcaption.hero-cap,html body.bg18 section.hero.lum figcaption.hero-cap *{color:#3f4458!important}
html body.bg18 .vq figcaption{color:#3f4458!important}
html body.bg18 .cit .citr{color:#3e4552!important}
html body.bg18 .wel-k{color:#4d3f17!important}
html body.bg18 .wel-skip{color:#363e50!important}
html body.bg18 .f-path a{color:#363e50!important}
html body.bg18 .pp-k{color:#4d3f17!important}
html body.bg18 .pp-fig figcaption{color:#3e4552!important}
html body.bg18 .fchips .fcl{color:#3e4552!important}
html body.bg18 .fnote{color:#3e4552!important}
html body.bg18 .rg-k{color:#17533a!important}
html body.bg18 .rg-jump small{color:#2c4840!important}
html body.bg18 .rg-sec h2 small{color:#2c4840!important}
html body.bg18 .t2-tx small{color:#17533a!important}
html body.bg18 .rg-fig figcaption{color:#2c4840!important}
html body.bg18 .tile2 .t2-tx small{color:#17533a!important}
html body.bg18 .affn{color:#3f4458!important}
html body.bg18 .nm-tab thead th{color:#363e52!important}
html body.bg18 .nm-tab th small{color:#363e52!important}
html body.bg18 .nm-t{color:#2e3747!important}
html body.bg18 .nm-om,html body.bg18 .nm-src{color:#2e3747!important}
html body.bg18 .home-names{color:#2e3747!important}
@media (max-width:600px){html body.bg18 .nm-tab td[data-l]::before{color:#363e52!important}}
html body.bg18 .prose .ahead .nature{color:#363e52!important}
html body.bg18 main .cit .citq figcaption .lbl,html body.bg18 main .cit .citr .lbl{color:#3e4552!important}
html body.bg18 main .cit .refs,html body.bg18 main .cit .citr{color:#3e4552!important}
html body.bg18 main .cit .refs a,html body.bg18 main .cit .citr a{color:#363e52!important}
html body.bg18 .card .vl{color:#363e52!important}
html body.bg18 .wel-k{color:#4d3f17!important}
html body.bg18 .wel-skip{color:#363e50!important}
html body.bg18 #main.lp .card .kick{color:#5c4a1e!important}
html body.bg18 #main.lp .card .meta .price .tier{color:#5c4a1e!important}
html body.bg18 #main.lp .card .meta .merchant{color:#434b70!important}
html body.bg18 #main.lp .card .kick{color:#5c4a1e!important}
html body.bg18 #main.lp .card .ex,html body.bg18 #main.lp .card .vl,html body.bg18 #main.lp .card .by{color:#3f4458!important}
html body.bg18 #main.lp .card .meta .msep{color:#5a6170!important}
html body.bg18 #main.lp .card .meta .merchant{color:#434b70!important}
html body.bg18 main p.affn,html body.bg18 #main.lp p.affn{color:#3f4458!important}
html body.bg18 #main .pagehead .intro,html body.bg18 #main .ph-lum .intro,html body.bg18 #main .ahead .intro,html body.bg18 #main .ahead p.lead{color:#3f4458!important}
html body.bg18 #main .tx-tl{color:#3f4458!important}
html body.bg18 .card .art.mus .acr{color:#363f62!important}
html body.bg18 .musnote{color:#363f62!important}
html body.bg18 .ahead .upd{color:#363f62!important}
html body.bg18 .body figure.plate.inbody figcaption{color:#363f62!important}
html body.bg18 .card .art.mus .acr{color:#4c5370!important}
html body.bg18 p.trust65 .tk{color:#1f5c41!important}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-cyrillic-ext-300-normal.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-cyrillic-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-latin-ext-300-normal.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-cyrillic-300-normal.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-vietnamese-300-normal.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-vietnamese-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
/* v22 quiz (31/10): thin titles */
html body.bg18 :is(h1,.sc-h){font-weight:300!important;letter-spacing:.005em}
html body.bg18 :is(h2,h3):not(.gc2-h){font-weight:400!important}
/* simple gold buttons */
html body.bg18 :is(.btn:not(.line):not(.ghost),.btn.gold,.fbtn,.sortbar .srt[aria-pressed="true"]),html body.bg18 .hero.lum .btn.gold{background:linear-gradient(180deg,#e6cf8f 0%,#cfae62 100%)!important;border:1px solid rgba(170,135,60,.55)!important;color:#1f2a4a!important;box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 10px 24px -14px rgba(150,115,40,.65)!important;text-shadow:none!important}
html body.bg18 :is(.btn:not(.line):not(.ghost),.btn.gold,.fbtn) svg{stroke:#1f2a4a!important}
html body.bg18 :is(.btn.line,.btn.ghost,.sortbar .srt[aria-pressed="false"]){background:rgba(255,255,255,.34)!important;border:1px solid rgba(190,155,75,.75)!important;color:#27447e!important;box-shadow:0 1px 0 rgba(255,255,255,.6) inset!important}
html body.bg18 #main.lp .card .go .btn,html body.bg18 #main .card .go .btn{background:rgba(255,255,255,.34)!important;border:1px solid rgba(190,155,75,.75)!important;color:#27447e!important;box-shadow:0 1px 0 rgba(255,255,255,.6) inset!important}
html body.bg18 #main.lp .card:hover .go .btn,html body.bg18 #main .card:hover .go .btn,html body.bg18 :is(.btn.line,.btn.ghost):hover{background:rgba(236,214,150,.45)!important;color:#1f2a4a!important}
/* more shine: soft top light on the glass */
html body.bg18 :is(#main,.foot,nav.crumbs,label.search,.card,.ccard,.gcard,.etile,.tile2,.arow.rv,section.faq details,a.next,.hub-card>a){background-image:linear-gradient(180deg,rgba(255,255,255,.30) 0,rgba(255,255,255,0) 140px)!important}
html body.bg18 .hero-txt::before{background-image:linear-gradient(180deg,rgba(255,255,255,.32) 0,rgba(255,255,255,0) 160px)!important}
/* no decorative separators */
html body.bg18 .orn,html body.bg18 .prose .body h2::before,html body.bg18 .kicker::before,html body.bg18 .kicker::after{display:none!important}
html body.bg18 h1:has(+.orn){margin-bottom:20px!important}