/* « Brasserie » : voir /app/lib/gabarits/brasserie.js. Poiret One, Jost : OFL (fonts/LICENCE-brasserie.txt). */
@font-face{font-family:"Poiret One";font-display:swap;src:url(/fonts/brasserie-1.woff2)}
@font-face{font-family:"Jost";font-weight:100 900;font-display:swap;src:url(/fonts/brasserie-2.woff2)}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/f4.woff2);unicode-range:U+0100-02FF,U+1D00-1EFF,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/f5.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02DC,U+0304-0329,U+2000-206F,U+20AC,U+2122,U+2190-2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-weight:100 900;font-display:swap;src:url(/fonts/f7.woff2);unicode-range:U+0100-02FF,U+1D00-1EFF,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-weight:100 900;font-display:swap;src:url(/fonts/f8.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02DC,U+0304-0329,U+2000-206F,U+20AC,U+2122,U+2190-2215,U+FEFF,U+FFFD}
/* -- Laque, crème, laiton ; le velours suit la couleur. */
.r{--vis:radial-gradient(circle at 12px 12px,#7A5C21 0 1.8px,#FFF3C4 2px 2.8px,#0000 3.2px);--laiton:linear-gradient(135deg,#E8D3A2,#C49A52 45%,#E8D3A2 55%,#B38A45);--capiton:url(brasserie-capiton.svg);--app:url(brasserie-applique.svg);--plis:repeating-linear-gradient(90deg,#00000046 0,#0000 12px,#FFFFFF1C 22px,#0000 31px,#00000046 38px),linear-gradient(#FFFFFF26,#0000 40%,#00000040);--reflet:linear-gradient(112deg,#0000 36%,#FFFFFF38 47%,#FFFFFF66 50%,#FFFFFF38 53%,#0000 64%);--sol:2.25rem;--fest:1.5rem;--noir:#0F0D0B;--creme:#F4EDE0;--ivoire:#FCF9F3;--encre:#1A1612;--encre-2:#554C40;--filet:#DDD0B8;--or:#D0AB63;--or-clair:#E8D3A2;--or-fonce:#7A5C21;--gris:#B5AA96;--creme-2:#DCD2C0;--trait:var(--or-fonce);--deco:"Poiret One","Century Gothic",sans-serif;--caps:"Jost","Century Gothic",system-ui,sans-serif;--serif:"Fraunces",Georgia,"Times New Roman",serif;--marge:clamp(1rem,5vw,4.5rem);--air:clamp(3.5rem,9vw,6.5rem);--pan:11.5px;--pans:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);margin:0;background:var(--creme);color:var(--encre);font:1.0625rem/1.65 var(--serif);-webkit-text-size-adjust:100%;text-size-adjust:100%}
.r,.r--rouge{--velours:#7A1D1A;--accent:#9E1F1C}
.r--or{--velours:#5E4219;--accent:#845519}
.r--olive{--velours:#36491F;--accent:#4B672C}
.r--ardoise{--velours:#24405F;--accent:#2E4A6C}
.r *,.r *::before,.r *::after{box-sizing:border-box}
:where(.r) img{display:block;max-width:100%;height:auto;object-fit:cover}
:where(.r) :is(p,h1,h2,h3,ul,ol,figure){margin:0;font-size:inherit;font-weight:inherit}
:where(.r) :is(ul,ol){list-style:none;padding:0}
:where(.r) a{color:inherit}
.r :focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:3px}
.br-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.br-metier,.br-nav,.br-etiquette,.br-plaque__quand,.br-avis__titre,.br-menu__cat,.br-jour__nom,.br-btn,.br-lien,.br-plat__allergenes,.br-visite__nom,.br-visite__services,.br-pied__nom{font-family:var(--caps);font-weight:500;text-transform:uppercase;letter-spacing:.22em;line-height:1.5}
/* Les bandes sombres */
.br-tete,.br-rub--photos,.br-rub--carte,.br-contact,.br-pied,.br-avis,.br-jour--auj{--trait:var(--or);--focus:var(--or-clair);color:var(--creme)}
.br-tete,.br-rub--photos,.br-contact,.br-pied{--f:var(--noir);background:var(--noir)}
.br-rub--carte{--f:var(--velours);background:var(--velours)}
/* La rampe de laiton : deux filets d'or aux bords d'une bande. */
.br-tete,.br-rub--carte,.br-rub--photos,.br-contact{box-shadow:inset 0 1px var(--or),inset 0 5px var(--f),inset 0 6px var(--or),inset 0 -1px var(--or),inset 0 -5px var(--f),inset 0 -6px var(--or)}
/* Les cadres (un fichier : la CSP refuse data:) ; les pans coupés. */
.br-cadre,.br-vitrine,.br-plaque,.br-mono{border:24px solid #0000;border-image:url(brasserie-cadre.svg) 24}
.br-btn,.br-avis,.br-plaque,.br-carte,.br-visite{background:linear-gradient(135deg,#0000 var(--pan),var(--f) 0) 0 0,linear-gradient(225deg,#0000 var(--pan),var(--f) 0) 100% 0,linear-gradient(315deg,#0000 var(--pan),var(--f) 0) 100% 100%,linear-gradient(45deg,#0000 var(--pan),var(--f) 0) 0 100%;background-size:51% 51%;background-repeat:no-repeat;background-origin:border-box}
.br-avis,.br-plaque{--f:var(--velours)}
.br-visite{--f:var(--noir)}
/* -- Les boutons : des plaques à pans coupés (or, velours, crème) ; les liens */
.br-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}
.br-btn{--pan:.5rem;--f:var(--velours);display:inline-flex;flex:1 1 100%;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.4rem;font-size:.8125rem;font-weight:600;letter-spacing:.18em;line-height:1.35;text-align:center;text-decoration:none;text-wrap:balance}
.r a.br-btn{color:var(--or-clair)}
.r a.br-btn:hover{text-decoration:underline 1px;text-underline-offset:.4em}
.r a.br-btn--second{--f:var(--creme-2);color:var(--encre)}
.r .br-tete a.br-btn{--f:var(--or);color:var(--noir)}
.r :is(.br-tete,.br-contact) a.br-btn--second{--f:var(--velours);color:var(--or-clair)}
.br-lien,.br-nav__lien,.br-visite__num,.br-pied a{display:inline-flex;align-items:center;min-height:44px}
.br-lien{min-width:44px;font-size:.75rem;letter-spacing:.18em;text-decoration:underline 1px var(--trait);text-underline-offset:.55em}
.br-lien:hover{text-decoration-thickness:2px}
.br-orne{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.4rem;color:var(--trait)}
.br-orne::before,.br-orne::after{content:"";width:clamp(3rem,9vw,5.5rem);height:9px;background:linear-gradient(currentColor 0 0) 100% 0/100% 1px,linear-gradient(currentColor 0 0) 100% 4px/66% 1px,linear-gradient(currentColor 0 0) 100% 8px/33% 1px;background-repeat:no-repeat}
.br-orne::after{background-position:0 0,0 4px,0 8px}
.br-orne span{width:.65rem;height:.65rem;border:1px solid;rotate:45deg;background:radial-gradient(currentColor 34%,#0000 38%)}
/* -- La façade : le soleil part de la vitrine (--cy) */
.br-tete{--cy:33%;--halo:75% 26%;--vit:22rem;position:relative;overflow:hidden;padding:0 var(--marge) var(--air);text-align:center;background:radial-gradient(ellipse var(--halo) at 50% var(--cy),var(--velours),#0000),var(--noir)}
.br-tete--nu{--cy:100%;--halo:80% 55%}
.br-tete::before,.br-contact::before{content:"";position:absolute;inset:0;pointer-events:none}
.br-tete::before{transform-origin:50% var(--cy);background:repeating-conic-gradient(from -90deg at 50% var(--cy),#D0AB631C 0 1.2deg,#0000 0 7.5deg),repeating-radial-gradient(circle at 50% var(--cy),#0000 0 3.6rem,#D0AB6317 3.6rem calc(3.6rem + 1px));mask-image:radial-gradient(farthest-side at 50% var(--cy),#000 30%,#0000)}
.br-tete>*{position:relative}
/* Le store de velours : le sommaire, ou une bande. */
.br-nav{margin-inline:calc(-1 * var(--marge));padding:.45rem var(--marge) .1rem;background:var(--velours);box-shadow:inset 0 1px var(--or),inset 0 5px var(--velours),inset 0 6px var(--or),inset 0 -1px var(--or),inset 0 -5px var(--velours),inset 0 -6px var(--or)}
.br-nav--vide{height:1.4rem}
.br-nav ul{display:flex;flex-wrap:wrap;justify-content:center}
.br-nav li{display:flex;align-items:center}
.br-nav li+li::before{content:"";width:.3rem;height:.3rem;background:var(--or);rotate:45deg}
.br-nav__lien{padding-inline:clamp(.55rem,2vw,1.2rem);font-size:.6875rem;letter-spacing:.24em;text-decoration:none;color:var(--creme-2)}
.br-nav__lien:hover{color:var(--or-clair)}
.br-scene,.br-vitrail{max-width:84rem;margin-inline:auto}
.br-scene{padding-top:clamp(1.5rem,6vw,4.5rem)}
.br-metier{font-size:.75rem;letter-spacing:.32em;color:var(--or)}
.br-metier span{color:var(--creme-2)}
.br-nom{margin-top:.8rem;font:clamp(2.75rem,1.15rem + 5.6vw,6.25rem)/1.06 var(--deco);letter-spacing:.07em;text-transform:uppercase;text-wrap:balance;color:var(--creme)}
.br-nom,.br-titre,.br-visite__num,.br-mono{-webkit-text-stroke:.018em}
.br-nom--long{font-size:clamp(2.05rem,1.05rem + 4.1vw,4.75rem)}
.br-nom--tres-long{font-size:clamp(1.6rem,.95rem + 2.7vw,3.25rem);letter-spacing:.04em}
.br-liant{font:italic 300 .5em/1 var(--serif);letter-spacing:.01em;text-transform:none;color:var(--or);vertical-align:.25em;-webkit-text-stroke:0}
.br-vitrine{--lamp:2.2rem;--g:calc(var(--lamp) + .4rem);position:relative;width:min(100%,16.5rem);margin:1.5rem auto 0}
.br-vitrine img{width:calc(100% + 16px);max-width:none;margin:-8px;max-height:44svh;clip-path:var(--pans)}
:is(.br-tete--carre,.br-tete--inconnu) .br-vitrine{width:min(100%,19rem)}
@media (max-width:63.99em){.br-vitrine img{aspect-ratio:4/5}.br-tete--carre .br-vitrine img{aspect-ratio:1}:is(.br-tete--paysage,.br-tete--large) .br-vitrine img{aspect-ratio:3/2}}
:is(.br-tete--paysage,.br-tete--large) .br-vitrine{width:min(100%,34rem)}
.br-plaque{max-width:27rem;margin:1.25rem auto 0;padding:.5rem .5rem .1rem}
.br-plaque__quand{font-size:.6875rem;letter-spacing:.24em;color:var(--or-clair)}
.br-plaque__ou{margin-top:.4rem;font-size:clamp(1.125rem,1rem + .5vw,1.3rem);line-height:1.35;text-wrap:balance}
.br-plaque__h{font:1rem/1.45 var(--caps);letter-spacing:.06em;color:var(--creme-2)}
.br-accroche{max-width:28em;margin:1.75rem auto 0;font:italic 300 clamp(1.2rem,1rem + .9vw,1.6rem)/1.45 var(--serif);color:var(--creme-2);text-wrap:balance}
.br-mono,.br-perle{display:grid;place-items:center}
.br-mono{width:7rem;height:7rem;margin:0 auto 1.75rem;font:3rem/1 var(--deco);color:var(--or)}
.br-mono--petit{width:4.5rem;height:4.5rem;margin-bottom:1.1rem;font-size:1.75rem}
.br-tete--nu .br-scene{padding-top:clamp(3rem,10vw,6.5rem)}
/* -- Les rubriques : l'éventail, le titre, le filet effilé. */
.br-rub{padding:var(--air) var(--marge) 0}
.br-rub--carte,.br-rub--photos,.br-contact{margin-top:var(--air);padding-block:var(--air)}
:is(.br-rub--carte,.br-rub--photos)+:is(.br-rub--carte,.br-rub--photos,.br-contact){margin-top:0}
.br-rub__tete,.br-rub__corps{width:min(80rem,100%);margin-inline:auto}
.br-rub__tete{margin-bottom:clamp(2rem,5vw,3.25rem);text-align:center}
.br-rub__tete::before{content:"";display:block;width:4.75rem;height:2.375rem;margin:0 auto 1.25rem;border-radius:5rem 5rem 0 0;transform-origin:50% 100%;background:radial-gradient(circle at 50% 100%,var(--trait) 0 .6rem,#0000 calc(.6rem + .5px)),repeating-conic-gradient(from -90deg at 50% 100%,var(--trait) 0 2deg,#0000 0 12deg);box-shadow:inset 0 0 0 1px var(--trait)}
.br-rub__tete::after{content:"";display:block;width:9rem;height:5px;margin:1.15rem auto 0;background:linear-gradient(var(--trait) 0 0) 50% 0/100% 1px no-repeat,linear-gradient(var(--trait) 0 0) 50% 100%/55% 1px no-repeat}
.br-titre{font:clamp(2rem,1.3rem + 2.8vw,3.4rem)/1.12 var(--deco);letter-spacing:.08em;text-transform:uppercase;text-wrap:balance}
.br-texte{max-width:36em;margin-inline:auto;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.7;text-wrap:pretty;hyphens:auto;overflow-wrap:break-word}
.br-texte p+p{margin-top:1em}
.br-etiquette{margin-bottom:.6rem;font-size:.75rem;letter-spacing:.28em;color:var(--or-fonce)}
/* La lettrine */
.br-rub--maison .br-texte>p:first-child::first-letter{float:left;margin:.1em .2em 0 0;padding:.14em .18em .06em;border:3px double var(--or);background:var(--capiton) 0 0/2.4rem,var(--velours);font:3.1em/.9 var(--deco);color:var(--or-clair);-webkit-text-stroke:.025em}
.br-avis,.br-carte,.br-visite{max-width:46rem;margin-inline:auto}
.br-avis{padding:1rem clamp(.25rem,3vw,2rem) 1.25rem;text-align:center}
.br-avis__titre{font-size:.75rem;letter-spacing:.3em;color:var(--or-clair)}
.br-avis__texte{margin-top:.9rem;font:italic 300 clamp(1.2rem,1.05rem + .8vw,1.6rem)/1.45 var(--serif);text-wrap:balance}
.br-avis__texte p+p{margin-top:.6em}
.br-avis__date{margin-top:1rem;font-style:italic;font-size:.9375rem;color:var(--creme-2)}
/* -- Le tableau des marchés */
.br-chapelet,.br-tableau,.br-boutique{max-width:62rem;margin-inline:auto}
.br-chapelet{display:flex;justify-content:center;align-items:center;gap:clamp(.3rem,2vw,1rem);margin-bottom:2.25rem;background:linear-gradient(var(--filet) 0 0) 50%/100% 1px no-repeat}
.br-perle{width:2.6rem;height:2.6rem;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--filet);font:600 .75rem/1 var(--caps);color:var(--encre-2)}
.br-perle--oui{background:var(--laiton);color:var(--encre)}
.br-perle--auj{width:3.25rem;height:3.25rem;font-size:.875rem}
.br-perle--auj.br-perle--oui{background:var(--velours);color:var(--or-clair)}
.br-tableau{border-block:4px double var(--or-fonce)}
.br-jour{display:grid;gap:.75rem 2rem;padding:1.35rem 1rem;border-top:1px solid var(--filet)}
.br-jour:first-child,.br-jour--auj+.br-jour{border-top:0}
.br-jour__nom{justify-self:start;width:fit-content;padding:.45rem 1.1rem .4rem;clip-path:var(--pans);background:var(--laiton);outline:1px solid #1A161280;outline-offset:-5px;font-size:.8125rem;letter-spacing:.26em;color:var(--encre)}
.br-jour__auj{display:inline-block;margin-left:.6rem;padding:0 .5rem;border:1px solid;font-size:.6875rem}
.br-jour--auj{background:var(--velours)}
.br-jour__marches{display:grid;gap:1.25rem}
.br-marche__commune{font-size:1.5rem;line-height:1.2;hyphens:auto}
.br-marche__lieu{margin-top:.15rem;font-style:italic;font-weight:350;line-height:1.4;color:var(--encre-2)}
.br-jour--auj .br-marche__lieu{color:var(--creme-2)}
.br-marche__heures{margin-top:.3rem;font:1rem/1.4 var(--caps);letter-spacing:.06em}
/* -- La boutique : les horaires sur le laiton (encre : AA) */
.br-boutique{display:grid;gap:2.5rem;align-items:start}
.br-adresse{text-align:center}
.br-adresse__ligne{font-size:clamp(1.45rem,1.2rem + 1.1vw,2rem);font-weight:350;line-height:1.3;text-wrap:balance}
.br-horaires{width:min(100%,28rem);margin-inline:auto;padding:1.4rem 1.6rem 1.1rem;clip-path:var(--pans);background:var(--vis) 0 0/24px 24px no-repeat,var(--vis) 100% 0/24px 24px no-repeat,var(--vis) 0 100%/24px 24px no-repeat,var(--vis) 100% 100%/24px 24px no-repeat,var(--laiton);outline:1px solid #1A161280;outline-offset:-7px}
.br-horaires .br-etiquette{color:var(--encre);text-align:center}
.br-horaire{display:flex;align-items:baseline;gap:.6rem;padding-block:.42rem;font:.9375rem/1.4 var(--caps);letter-spacing:.04em}
.br-horaire__jour{display:flex;flex:1;align-items:baseline;gap:.5rem;min-width:5.25rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}
.br-horaire__jour::after{content:"";flex:1;min-width:.75rem;border-bottom:1px dotted #1A161280}
.br-horaire__h{max-width:64%;text-align:right}
.br-horaire--ferme .br-horaire__h{font:italic 1rem/1.4 var(--serif)}
.br-horaire--auj{font-weight:650}
.br-horaire--auj .br-horaire__jour::before{content:"";width:.45rem;height:.45rem;margin-right:-.1rem;background:var(--velours);rotate:45deg;align-self:center}
/* -- La carte : un menu de palace sur le velours */
.br-rub--carte{padding-inline:max(.5rem,var(--marge) - 1rem)}
.br-carte{--f:var(--ivoire);--trait:var(--or-fonce);--focus:var(--accent);padding:clamp(1.5rem,5vw,3.25rem) clamp(.5rem,3.5vw,3rem) clamp(1rem,3vw,2rem);color:var(--encre)}
.br-carte--large{max-width:74rem}
.br-carte .br-rub__tete{margin-bottom:2rem}
.br-carte .br-rub__tete::after{display:none}
.br-menu{padding-top:1.75rem;border-top:4px double var(--or-fonce)}
.br-menu__groupe+.br-menu__groupe{margin-top:2.25rem}
.br-menu__groupe--court{break-inside:avoid}
.br-menu__cat{display:flex;align-items:center;gap:.9rem;margin-bottom:.6rem;font-size:.8125rem;letter-spacing:.3em;text-align:center;color:var(--or-fonce)}
.br-menu__cat::before,.br-menu__cat::after{content:"";flex:1 1 1.5rem;min-width:1.5rem;height:4px;border-block:1px solid var(--or)}
.br-plat{padding-block:.7rem;break-inside:avoid}
.br-plat__ligne{display:flex;gap:.6rem;align-items:last baseline}
.br-plat__nom{flex:1 1 0;min-width:0;font-size:1.1875rem;font-weight:450;line-height:1.3}
.br-mene{overflow:hidden}
.br-fin::after{content:"";display:inline-block;width:100vw;margin:0 -100vw 0 .5em;border-bottom:2px dotted var(--or);vertical-align:.3em}
.br-fin{white-space:nowrap}
.br-plat__prix{flex:none;font:500 1.0625rem/1.3 var(--caps);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.br-plat__prix--long{flex-shrink:1;max-width:55%;white-space:normal}
.br-plat__desc{max-width:34em;margin-top:.2rem;font-style:italic;font-weight:350;line-height:1.45;color:var(--encre-2)}
.br-plat__allergenes{margin-top:.35rem;font-size:.6875rem;letter-spacing:.14em;color:var(--encre-2)}
/* -- Les photos : des rangées centrées, entières */
.br-vitrail{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,1.6vw,1.25rem)}
.br-panneau{max-width:100%;padding:5px;border:1px solid var(--or)}
.br-panneau img{width:auto;height:clamp(11.5rem,2rem + 22vw,18rem)}
:is(.br-vitrine,.br-panneau) img:not([width]){aspect-ratio:4/5}
/* -- Les illustrations : un miroir cintré */
.br-miroir{position:relative;width:clamp(11.5rem,30vw,15rem);margin:0 auto 2.75rem;padding:8px;background:var(--laiton)}
.br-miroir,.br-miroir img{border-radius:99rem 99rem 0 0}
.br-miroir img{width:100%;aspect-ratio:4/5}
.br-miroir::after{content:"";position:absolute;inset:auto -.9rem -13px;height:8px;border-radius:2px;background:var(--laiton)}
div+.br-miroir{margin:2.75rem auto 0}
/* -- Les salons : des brèves côte à côte */
.br-salons{width:min(80rem,100% - 2 * var(--marge));margin-inline:auto}
.br-salons .br-rub{padding-inline:0}
.br-salons .br-rub+.br-rub{border-top:1px solid var(--filet)}
.br-rub--breve .br-titre{font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem)}
/* -- Le contact : une plaque sur la laque */
.br-contact{position:relative;overflow:hidden;padding-inline:var(--marge)}
.br-contact::before{background:repeating-conic-gradient(from 90deg at 50% 0,#D0AB6312 0 1.2deg,#0000 0 7.5deg);mask-image:linear-gradient(#000,#0000 75%)}
.br-visite{position:relative;padding:1.25rem clamp(.25rem,4vw,3rem) 1.5rem;text-align:center}
.br-visite .br-rub__tete{margin-bottom:1.75rem}
.br-visite__nom{font-size:.875rem;letter-spacing:.26em;color:var(--or)}
.br-visite__metier{margin-top:.3rem;font-style:italic;font-weight:350;color:var(--gris)}
.br-visite__tel{margin-top:.9rem}
.br-visite__num{font:clamp(2rem,1.2rem + 3.6vw,3.6rem)/1.15 var(--deco);letter-spacing:.06em;text-decoration:none;text-wrap:balance;color:var(--or-clair)}
.br-visite__num:hover{color:var(--creme)}
.br-visite__tel--vide{font-style:italic;color:var(--gris)}
.br-visite .br-actions{margin-top:1.25rem}
.br-visite__dos{display:grid;gap:1rem;justify-items:center;margin-top:2rem;padding-top:1.75rem;border-top:1px solid #D0AB6366}
.br-visite__adresse{font-size:1.125rem;line-height:1.4}
.br-visite__adresse+p{margin-top:-.75rem}
.br-visite__services{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.4rem;font-size:.6875rem;color:var(--creme-2)}
.br-visite__reseaux{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.5rem}
.br-visite__reseaux li{min-width:0;max-width:100%}
.br-visite__reseaux .br-lien{font:1rem/1.3 var(--serif);letter-spacing:0;text-transform:none}
.br-pied{padding:clamp(2.5rem,6vw,3.5rem) var(--marge) 3rem;text-align:center;font-size:.9375rem;color:var(--gris)}
.br-pied__nom{font-size:.75rem;color:var(--creme-2)}
.br-pied__mention{margin-top:.35rem}
.br-pied a{text-underline-offset:.3em}
.br-metier,.br-nom,.br-accroche,.br-plaque__ou,.br-plaque__h,.br-titre,.br-avis__texte,.br-marche__commune,.br-marche__lieu,.br-marche__heures,.br-adresse__ligne,.br-horaire__h,.br-menu__cat,.br-plat,.br-visite__nom,.br-visite__metier,.br-visite__adresse,.br-visite__reseaux .br-lien,.br-pied__nom{overflow-wrap:anywhere}
/* -- Téléphone : l'appel (et la commande, à gauche) fait la barre du bas */
@media (max-width:47.99em){
.br-tete :is(.br-btn--appel,.br-btn--barre){position:fixed;z-index:10;inset:auto 0 0;min-height:calc(var(--h,3.6rem) + env(safe-area-inset-bottom));padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));letter-spacing:.14em;background:var(--noir);box-shadow:inset 0 1px var(--or),inset 0 5px var(--noir),inset 0 6px var(--or)}
.r .br-tete a.br-btn--appel{color:var(--or)}
.br-tete .br-btn--barre{right:42%;background:var(--or);--focus:var(--noir)}
.br-tete .br-btn--barre+a{left:58%}
.br-btn--barre,.br-btn--barre+a{--h:4rem}
.br-num{position:absolute;width:1px;overflow:hidden;clip-path:inset(50%)}
.br-tete :is(.br-btn--appel,.br-btn--barre):focus-visible{outline-offset:-9px}
.br-actions--appel{margin:0}
:root:has(.br-btn--appel){scroll-padding-bottom:5rem}
.r:has(.br-btn--appel) .br-pied{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}
}
@media (max-width:24.5em){.br-nav__lien{padding-inline:.4rem;letter-spacing:.16em}}
@media (min-width:48em){
.br-btn{flex:0 1 auto}
.br-vitrine{width:min(100%,21rem)}
.br-marche{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,11rem) auto;column-gap:2rem;align-items:baseline}
.br-marche>*{grid-column:1}
.br-marche__heures{grid-area:1/2;margin:0;text-align:right}
.br-marche__plan{grid-area:1/3}
.br-jour{padding-inline:1.5rem}
/* Les brèves : titres et textes alignés. */
.br-salons{display:grid;grid-template:auto auto/repeat(2,minmax(0,1fr))}
.br-salons--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.br-salons .br-rub{display:grid;grid-row:span 2;grid-template-rows:subgrid;padding-inline:clamp(1.25rem,3vw,3rem)}
.br-salons .br-rub+.br-rub{border-top:0;border-left:1px solid var(--filet)}
.br-salons .br-texte{font-size:1.0625rem}
.br-salons .br-btn{flex-basis:100%}
}
@media (min-width:60em){
.br-jour{grid-template-columns:11rem minmax(0,1fr);align-items:baseline}
.br-jour__auj{display:block;width:fit-content;margin:.5rem 0 0}
.br-boutique--deux{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}
.br-boutique--deux .br-horaires{margin:0}
.br-menu--colonnes{columns:2;column-gap:4.5rem;column-rule:1px solid var(--filet)}
.br-menu__cat{break-after:avoid}
.br-visite{padding-inline:3rem}
}
/* -- Ordinateur : plaque | vitrine | accroche et boutons */
@media (min-width:64em){
.br-tete--cote{--cy:66%;--halo:34% 42%}
.br-tete--haut{--vit:16rem}
.br-tete--carre{--vit:25rem}
.br-tete--paysage{--vit:30rem}
.br-tete--large{--vit:34rem}
.br-tete--nu{--vit:1px}
.br-scene{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(0,var(--vit)) minmax(14rem,1fr);gap:2rem clamp(2.5rem,4vw,4.5rem);align-items:center}
.br-enseigne{grid-column:1/-1;margin-bottom:.5rem}
.br-scene>.br-vitrine,.br-scene::after{grid-area:2/2/4;width:auto;margin:0}
.br-scene>.br-plaque{grid-area:2/1/4;margin-block:0}
.br-accroche{grid-area:2/3;align-self:end;margin-block:0}
.br-scene .br-actions{grid-area:3/3;align-self:start;margin:0}
.br-scene .br-btn{flex:1 1 100%;max-width:20rem}
.br-scene--sans-plaque .br-accroche{grid-area:2/1/4;align-self:center}
.br-scene--sans-plaque .br-actions{grid-area:2/3/4;align-self:center}
.br-scene--seule .br-accroche{grid-area:4/1/5/-1}
.br-tete .br-vitrine img{max-height:max(18rem,100svh - 24rem)}
.br-tete--nu .br-scene{min-height:min(44rem,74vh);align-content:center}
.br-tete--nu .br-scene:not(.br-scene--seule)::after{content:"";align-self:stretch;background:linear-gradient(#0000,var(--or),#0000)}
/* Le miroir à côté : à gauche (--g), en haut (--h), au bas de la carte (--b). */
.br-avec{--m:17rem;display:grid;grid-template-columns:minmax(0,auto) var(--m);gap:4rem;justify-content:center;align-items:center}
.br-avec--g{grid-template-columns:var(--m) minmax(0,auto)}
.br-avec>.br-miroir{grid-area:1/2;width:auto;margin:0 0 2rem}
.br-avec--g>.br-miroir{grid-column:1}
.br-avec--h{align-items:start;padding-bottom:1.5rem}
.br-avec--b{--m:clamp(11rem,15vw,14rem);gap:2rem;align-items:end}
.br-avec .br-jour{grid-template-columns:none}
}
/* -- Le mouvement, lent. Aucun ancêtre d'un bouton fixe n'est animé. */
@media screen and (prefers-reduced-motion:no-preference){
.br-tete::before{animation:br-leve 2.6s cubic-bezier(.2,.6,.2,1) both}
.br-nav,.br-metier,.br-tete .br-mono{animation:br-monte 1.2s .1s both}
.br-nom{animation:br-rideau 1.6s .2s cubic-bezier(.65,0,.35,1) both}
.br-orne::before,.br-orne::after{animation:br-trace 1.3s .8s cubic-bezier(.2,.6,.2,1) both}
.br-orne::before{transform-origin:right}
.br-orne::after{transform-origin:left}
.br-tete .br-orne span{animation:br-pose 1s 1.1s both}
.br-vitrine{animation:br-fond .6s .1s both}
.br-accroche,.br-plaque,.br-actions>:not(.br-btn--appel,.br-btn--barre){animation:br-monte .8s .3s both}
@supports (animation-timeline:view()){
.br-rub__tete::before{animation:br-eventail linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
.br-rub__tete::after,.br-menu__cat::before,.br-menu__cat::after{animation:br-trace linear both;animation-timeline:view();animation-range:entry 20% cover 35%}
.br-titre,.br-texte>p,.br-avis,.br-perle,.br-jour,.br-adresse,.br-horaire,.br-plat,.br-visite>*{animation:br-monte linear both;animation-timeline:view();animation-range:entry 0% entry 95%}
.br-plat__prix{animation:br-glisse linear both;animation-timeline:view();animation-range:entry 30% cover 30%}
.br-panneau img,.br-miroir img{animation:br-devoile linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
}
}
@keyframes br-leve{from{opacity:0;transform:scale(.8) rotate(-7deg)}}
@keyframes br-rideau{from{clip-path:inset(0 50%);opacity:.3}}
@keyframes br-trace{from{transform:scaleX(0)}}
@keyframes br-pose{from{opacity:0;scale:0}}
@keyframes br-monte{from{opacity:0;translate:0 1.25rem}}
@keyframes br-glisse{from{opacity:0;translate:1.25rem 0}}
@keyframes br-eventail{from{opacity:0;transform:scale(.35)}}
@keyframes br-devoile{from{clip-path:inset(50% 0)}}
/* -- L'impression : l'encre, rien de fixe ni de coupé */
@media print{
.r *{color:var(--encre)!important;background:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}
.r{background:none}
.br-tete::before,.br-contact::before,.br-nav{display:none}
.br-tete .br-btn{position:static}
.br-vitrine img,.br-panneau img{max-height:40vh}
.br-rub--maison .br-texte>p:first-child::first-letter{background:none;color:var(--encre)}
.br-miroir::after{display:none}
.br-rub__tete,.br-plaque,.br-jour,.br-plat,.br-horaires,.br-avis,.br-visite,.br-panneau,.br-miroir,.br-pied{break-inside:avoid}
.br-rub__tete,.br-miroir{break-after:avoid}
div+.br-miroir{break-before:avoid}
}
/* L'aperçu : sans barre de défilement. */
:root:has(> body.r--apercu){scrollbar-width:none}
:root:has(> body.r--apercu)::-webkit-scrollbar{display:none}
.br-logo{margin:0 0 1.25rem;line-height:0}.br-logo img{display:inline-block;width:auto;max-height:clamp(6.5rem,28vw,10rem)}
/* Un logo carré (un rond sur fond opaque) devient un badge rond : plus de coins. */
.br-logo--carre img{width:clamp(5rem,20vw,6.5rem);height:auto;max-width:none;max-height:none;aspect-ratio:1;border-radius:50%;object-fit:cover;outline:2px solid color-mix(in srgb,currentColor 55%,#0000);outline-offset:-2px}

/* LE VOLUME (09/10/2026, Pierre : « du volume et plus de caractère »). Le velours a ses plis et son lustre, la vitrine se détache de la façade par une lueur de laiton et une ombre, les plaques de laiton ont leur biseau, la carte se pose sur le velours. Rien n'est écrit pour l'impression. */
@media screen{
.br-nav{background:var(--plis),var(--velours)}
.br-rub--carte{position:relative;background:linear-gradient(#FFFFFF1F,#0000 32%,#00000066),var(--capiton) 50% 0/4rem,var(--velours)}
.br-tete{background:radial-gradient(ellipse var(--halo) at 50% var(--cy),var(--velours),#0000),radial-gradient(70% 38% at 50% 100%,#D0AB6317,#0000),var(--noir)}
.br-vitrine{filter:drop-shadow(0 0 1.5rem #D0AB6340) drop-shadow(0 1.5rem 1.2rem #000000A6)}
.br-nom{filter:drop-shadow(0 .05em .03em #000000B3) drop-shadow(0 0 .3em #D0AB6350)}
.br-titre{text-shadow:0 1px 0 #FFFFFFB3}
.br-rub--carte .br-titre,.br-rub--photos .br-titre,.br-contact .br-titre{text-shadow:0 0 .6em #D0AB6340,0 .05em .03em #000000A0}
.br-horaires{box-shadow:inset 0 .45rem .55rem -.25rem #FFFFFFC0,inset 0 -.65rem .75rem -.35rem #5E421988}
.br-carte{filter:drop-shadow(0 1.9rem 1.6rem #00000080)}
.br-plaque,.br-avis,.br-visite{filter:drop-shadow(0 1rem 1rem #0000006B)}
.br-btn{filter:drop-shadow(0 .22rem 0 color-mix(in srgb,var(--f) 55%,#000))}
.br-panneau,.br-miroir{box-shadow:0 1.2rem 1.5rem -.8rem #00000073}
.br-rub--photos .br-panneau{box-shadow:0 1.2rem 1.5rem -.8rem #000000A6,0 0 1.6rem #D0AB6330}
.br-jour--auj{box-shadow:inset 0 .5rem .6rem -.4rem #FFFFFF26,inset 0 -.6rem .7rem -.5rem #00000066}
.br-perle{filter:drop-shadow(0 .2rem .15rem #00000040)}
@media (hover:hover){
.br-panneau:hover,.br-miroir:hover{translate:0 -.4rem}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.br-panneau,.br-miroir{transition:translate .4s cubic-bezier(.2,.7,.2,1)}
}
}

/* LE MOUVEMENT : le nom se resserre en s'allumant, la vitrine s'éclaire d'un halo, les photos se posent sur la scène. */
@media screen and (prefers-reduced-motion:no-preference){
.br-nom{animation:br-rideau 1.6s .2s cubic-bezier(.65,0,.35,1) both,br-serre 2.4s .2s cubic-bezier(.2,.7,.2,1) both}
.br-vitrine::before{content:"";position:absolute;inset:-30% -62%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#D0AB6346,#0000);animation:br-halo 2.6s ease .3s both}
@supports (animation-timeline:view()){
.br-vitrine img{animation:br-derive linear both;animation-timeline:scroll(root);animation-range:0 80svh}
.br-panneau,.br-miroir,.br-carte{animation:br-pose2 linear both;animation-timeline:view();animation-range:entry 0 cover 32%}
}
}
@keyframes br-serre{from{letter-spacing:.22em}}
@keyframes br-halo{from{opacity:0;scale:.5}}
@keyframes br-pose2{from{opacity:0;translate:0 2rem;scale:.96}}
@keyframes br-derive{to{object-position:50% 75%}}


/* LA SALLE (27/10/2026, Pierre : « améliorer avec de l’inspiration »). Les brasseries de Bofinger, de Lipp et de La Coupole : la façade a son lambrequin de velours festonné, son parquet de mosaïque, ses appliques de laiton et son rideau de scène ; l’enseigne est dorée à la feuille ; la banquette de la carte est capitonnée ; les noms de jours sont des plaques de laiton ; les miroirs sont biseautés et reflètent ; un lustre éclaire le contact. Les dessins sont des fichiers /gabarits/brasserie-*.svg (la CSP refuse data:). */
@media screen{
.r{background:repeating-linear-gradient(45deg,#7A5C2112 0 1px,#0000 1px 2.2rem),repeating-linear-gradient(-45deg,#7A5C2112 0 1px,#0000 1px 2.2rem),var(--creme)}
.br-nav{--fr:calc(var(--fest) / 2)}
.br-nav::before,.br-nav::after{content:"";position:absolute;inset:100% 0 auto;height:calc(var(--fr) + 3px);pointer-events:none;transform-origin:50% 0;mask-size:var(--fest) 100%;mask-repeat:repeat-x;mask-position:50% 0}
.br-nav::before{background:var(--plis),var(--velours);mask-image:radial-gradient(circle at 50% 0,#000 calc(var(--fr) - 1.5px),#0000 calc(var(--fr) - .5px))}
.br-nav::after{background:var(--or);mask-image:radial-gradient(circle at 50% 0,#0000 calc(var(--fr) - 2.5px),#000 calc(var(--fr) - 2px) calc(var(--fr) - .5px),#0000 var(--fr)),radial-gradient(circle at 50% calc(var(--fr) - 1px),#000 2px,#0000 2.8px)}
.br-nav__lien{background:linear-gradient(var(--or),var(--or)) 50% 72%/0 1px no-repeat}
.br-nav__lien:is(:hover,:focus-visible){background-size:68% 1px}
.br-tete::after,.br-pied::before{content:"";position:absolute;inset:auto 0 7px;height:var(--sol);background:url(brasserie-mosaique.svg) 50% 100%/auto 50% repeat-x;box-shadow:0 -1px var(--or),0 -5px var(--noir),0 -6px var(--or)}
.br-pied{position:relative;padding-top:calc(var(--sol) + 1.5rem)}
.br-pied::before{inset:0 0 auto;box-shadow:0 1px var(--or),0 5px var(--noir),0 6px var(--or)}
.br-vitrine::after{content:"";position:absolute;z-index:2;inset:-8px;pointer-events:none;clip-path:var(--pans);box-shadow:inset 0 0 0 1px #FFFFFF2E,inset 5px 6px 10px -5px #FFFFFF47,inset -5px -7px 14px -5px #0000008C;background:var(--reflet) 0 0/300% 100% no-repeat}
.br-appliques{position:absolute;inset:-24px calc(-24px - var(--g));pointer-events:none;background:var(--app) 0 2.4rem/var(--lamp) auto no-repeat,var(--app) 100% 2.4rem/var(--lamp) auto no-repeat}
.br-appliques::before,.br-appliques::after{content:"";position:absolute;z-index:-1;top:calc(2.4rem + var(--lamp) * .705 - 4.6rem);width:9.2rem;height:9.2rem;border-radius:50%;background:radial-gradient(#FFCF7054,#0000 68%)}
.br-appliques::before{left:calc(var(--lamp) / 2 - 4.6rem)}
.br-appliques::after{right:calc(var(--lamp) / 2 - 4.6rem)}
.br-rideaux{position:absolute;z-index:1;inset:-8px;display:none;overflow:hidden;clip-path:var(--pans);pointer-events:none}
.br-tete--nu .br-mono{position:relative}
.br-tete--nu .br-mono::before,.br-tete--nu .br-mono::after{content:"";position:absolute;top:-.4rem;width:2rem;aspect-ratio:11/21;background:var(--app) 0 0/100% 100% no-repeat;filter:drop-shadow(0 0 .7rem #FFCF7070)}
.br-tete--nu .br-mono::before{right:calc(100% + 24px + .6rem)}
.br-tete--nu .br-mono::after{left:calc(100% + 24px + .6rem)}
@media (max-width:23.99em){.br-appliques{display:none}}
@media (max-width:47.99em){:is(.br-tete--paysage,.br-tete--large) .br-appliques{display:none}}
@media (forced-colors:none){
.br-nom,.br-visite__num,.br-rub--photos .br-titre,.br-contact .br-titre{background:linear-gradient(105deg,#0000 38%,#FFF6D4B3 50%,#0000 62%) 0 0/300% 100% no-repeat,linear-gradient(#F8E9B4,#DDB85F 36%,#BF9138 70%,#97702A);-webkit-text-stroke-color:#EFD793;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 .05em .03em #000000B3) drop-shadow(0 0 .3em #D0AB6340)}
.br-liant{-webkit-text-fill-color:currentcolor}
.br-visite__num:hover{filter:brightness(1.25)}
}
.br-plaque,.br-avis{position:relative}
.br-plaque::before,.br-avis::before{content:"";position:absolute;z-index:-1;inset:-16px;pointer-events:none;opacity:.6;background:var(--capiton) 0 0/3rem;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.br-jour--auj{background:linear-gradient(color-mix(in srgb,var(--velours) 76%,#0000),color-mix(in srgb,var(--velours) 76%,#0000)),var(--capiton) 0 0/3.25rem,var(--velours)}
.br-rub--carte .cc-suite{text-shadow:0 1px 3px #000,0 0 .6rem #000}
.br-jour__nom{text-shadow:0 1px 0 #FFFFFF80}
.br-rub--carte::before,.br-rub--carte::after{content:"";position:absolute;left:0;right:0;height:9px;background:var(--laiton);pointer-events:none}
.br-rub--carte::before{top:0;box-shadow:0 .5rem .7rem #00000080}
.br-rub--carte::after{bottom:0;box-shadow:0 -.5rem .7rem #00000080}
.br-plat{position:relative}
.br-plat::before{content:"";position:absolute;left:-1rem;top:1.3rem;width:.42rem;height:.42rem;background:var(--accent);rotate:45deg;opacity:0}
@media (hover:hover){.br-plat:hover::before{opacity:1}.br-plat:hover .br-plat__prix{color:var(--accent)}}
.br-miroir::before{content:"";position:absolute;inset:8px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #FFFFFF59,inset 0 0 0 10px #FFFFFF0D,inset 0 0 0 11px #FFFFFF47,inset 6px 8px 14px -7px #FFFFFF4D,inset -6px -8px 16px -7px #00000099;background:var(--reflet) 0 0/300% 100% no-repeat}
.br-miroir::after{box-shadow:0 .45rem .6rem -.2rem #00000080}
.br-panneau{position:relative}
.br-panneau::before{content:"";position:absolute;z-index:1;top:-6px;left:50%;width:2.6rem;height:7px;translate:-50% 0;border-radius:3px;background:var(--laiton);box-shadow:0 2px 3px #0008}
.br-panneau::after{content:"";position:absolute;top:6px;left:50%;width:76%;height:58%;translate:-50% 0;pointer-events:none;clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:linear-gradient(#FFE9B047,#0000)}
.br-contact{padding-top:calc(var(--air) + 1.5rem)}
.br-contact::before{background:repeating-conic-gradient(from 90deg at 50% 0,#D0AB6312 0 1.2deg,#0000 0 7.5deg),radial-gradient(ellipse 24rem 14rem at 50% 3rem,#FFD98030,#0000)}
.br-contact::after{content:"";position:absolute;top:6px;left:50%;width:clamp(6rem,20vw,10.5rem);aspect-ratio:5/3;translate:-50% 0;pointer-events:none;background:url(brasserie-lustre.svg) 0 0/100% 100% no-repeat;filter:drop-shadow(0 0 1.1rem #FFD98070)}
.br-btn{position:relative}
.br-btn::after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:polygon(var(--pan) 0,calc(100% - var(--pan)) 0,100% var(--pan),100% calc(100% - var(--pan)),calc(100% - var(--pan)) 100%,var(--pan) 100%,0 calc(100% - var(--pan)),0 var(--pan));background:linear-gradient(105deg,#0000 40%,#FFFFFF59 50%,#0000 60%) 170% 0/250% 100% no-repeat}
.br-btn:is(:hover,:focus-visible)::after{background-position:-70% 0}
}
@media (min-width:64em){.r{--sol:3rem;--fest:2rem}.br-vitrine{--lamp:clamp(2.1rem,3.4vw,2.8rem)}}
@media screen and (prefers-reduced-motion:no-preference){
.br-nav::before,.br-nav::after{animation:br-deploie 1s .6s cubic-bezier(.3,1.4,.5,1) backwards}
.br-nom{animation:br-rideau 1.6s .2s cubic-bezier(.65,0,.35,1) both,br-serre 2.4s .2s cubic-bezier(.2,.7,.2,1) both,br-brille 2.4s 1.7s ease-in-out backwards}
.br-rideaux{display:block}
.br-rideaux::before,.br-rideaux::after{content:"";position:absolute;top:0;bottom:0;width:51%;background:var(--plis),var(--velours);animation:br-ouvre 1.5s .4s cubic-bezier(.65,0,.3,1) both}
.br-rideaux::before{left:0;translate:-101% 0;border-right:2px solid var(--or)}
.br-rideaux::after{right:0;translate:101% 0;border-left:2px solid var(--or)}
.br-appliques{animation:br-allume 1.7s 1.9s backwards}
.br-vitrine::after{animation:br-reflet 1.9s 1.7s ease-in-out backwards}
@media (hover:hover){
.br-vitrine::after,.br-miroir::before{transition:background-position 1.1s ease-in-out}
.br-vitrine:hover::after,.br-miroir:hover::before{background-position:100% 0}
.br-btn::after,.br-nav__lien{transition:background-position .8s ease-out,background-size .35s}
.br-plat::before{transition:opacity .3s}
}
@supports (animation-timeline:view()){
.br-miroir::before{animation:br-reflet linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
.br-jour__nom{background-size:260% 100%;animation:br-reflet linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
.br-visite__num{animation:br-brille linear both;animation-timeline:view();animation-range:entry 20% cover 70%}
.br-panneau::after,.br-contact::after{animation:br-fond linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
}
}
@keyframes br-deploie{from{scale:1 0}}
@keyframes br-ouvre{from{translate:0 0}}
@keyframes br-brille{from{background-position:100% 0,0 0}}
@keyframes br-reflet{from{background-position:100% 0}}
@keyframes br-fond{from{opacity:0}}
@keyframes br-allume{0%{opacity:0}28%{opacity:.9}36%{opacity:.35}52%{opacity:1}}

/* Le click & collect : centré comme l'accroche, dans la lettre des boutons de la maison. Le « Commander » du haut est celui de la barre du
   téléphone : tant qu'il est caché, l'appel prend toute la barre (et, à l'ordinateur, la plaque d'or de la page sans commande). */
.r--g-brasserie .cc-haut{justify-content:center;text-align:center}
.r--g-brasserie :is(.cc-tampon,.cc-etape,.cc-choisir,.cc-choix__nom,.cc-btn,.cc-billet__etiquette){font-family:var(--caps);font-weight:600}
.r--g-brasserie :is(.cc-tampon,.cc-etape,.cc-choix__nom,.cc-billet__etiquette){letter-spacing:.16em}
.r--g-brasserie :is(.cc-choisir,.cc-btn){letter-spacing:.14em}
.r--g-brasserie .cc-btn{font-size:.875rem;text-transform:uppercase}
@media (max-width:47.99em){
.r--g-brasserie .br-tete .br-btn--barre.cc-masque+a{--h:3.6rem;left:0}
.r--g-brasserie .br-tete .br-btn--barre.cc-masque+a .br-num{position:static;width:auto;overflow:visible;clip-path:none}
}
@media (min-width:48em){
.r--g-brasserie .br-tete .br-btn--barre[data-cc="bar"]{display:none}
.r--g-brasserie .br-tete .br-btn--barre[data-cc="bar"]+a{--f:var(--or);color:var(--noir)}
.r--g-brasserie .br-scene .cc-haut{grid-area:4/3}
.r--g-brasserie .br-scene:has(>.cc-haut)>:is(.br-vitrine,.br-plaque),.r--g-brasserie .br-scene:has(>.cc-haut)::after{grid-row:2/5}
}

/* CADRAGE DES PHOTOS : data-cx et data-cy, le point de la photo que le cadre garde visible (outils-dev/cadrage-css.mjs) */
img[data-cx],img[data-cy]{object-position:var(--cx,50%) var(--cy,50%)!important}img[data-cx="0"]{--cx:0%}img[data-cx="5"]{--cx:5%}img[data-cx="10"]{--cx:10%}img[data-cx="15"]{--cx:15%}img[data-cx="20"]{--cx:20%}img[data-cx="25"]{--cx:25%}img[data-cx="30"]{--cx:30%}img[data-cx="35"]{--cx:35%}img[data-cx="40"]{--cx:40%}img[data-cx="45"]{--cx:45%}img[data-cx="50"]{--cx:50%}img[data-cx="55"]{--cx:55%}img[data-cx="60"]{--cx:60%}img[data-cx="65"]{--cx:65%}img[data-cx="70"]{--cx:70%}img[data-cx="75"]{--cx:75%}img[data-cx="80"]{--cx:80%}img[data-cx="85"]{--cx:85%}img[data-cx="90"]{--cx:90%}img[data-cx="95"]{--cx:95%}img[data-cx="100"]{--cx:100%}img[data-cy="0"]{--cy:0%}img[data-cy="5"]{--cy:5%}img[data-cy="10"]{--cy:10%}img[data-cy="15"]{--cy:15%}img[data-cy="20"]{--cy:20%}img[data-cy="25"]{--cy:25%}img[data-cy="30"]{--cy:30%}img[data-cy="35"]{--cy:35%}img[data-cy="40"]{--cy:40%}img[data-cy="45"]{--cy:45%}img[data-cy="50"]{--cy:50%}img[data-cy="55"]{--cy:55%}img[data-cy="60"]{--cy:60%}img[data-cy="65"]{--cy:65%}img[data-cy="70"]{--cy:70%}img[data-cy="75"]{--cy:75%}img[data-cy="80"]{--cy:80%}img[data-cy="85"]{--cy:85%}img[data-cy="90"]{--cy:90%}img[data-cy="95"]{--cy:95%}img[data-cy="100"]{--cy:100%}
/* FIN DU CADRAGE DES PHOTOS */