:root{
--gouttiere:24px; --largeur:1240px; --mesure:34em;
--e1:8px; --e2:16px; --e3:24px; --e4:32px; --e5:48px; --e6:64px; --e7:96px; --e8:128px;
--section:var(--e6);
--filigrane:#e2d5bc; --filigrane-rouge:rgba(115,28,20,.05);
--cadre:rgba(247,243,227,.72);
--titre-1:clamp(2.75rem,10.4vw,5.75rem);
--titre-2:clamp(2.1rem,7.2vw,3.4rem);
--titre-3:clamp(1.4rem,4.8vw,1.75rem);
--chapo:clamp(1.125rem,2.4vw,1.3125rem);
}
@media (min-width:720px){:root{--gouttiere:48px;--section:var(--e7)}}
@media (min-width:1024px){:root{--section:var(--e8)}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:calc(var(--hauteur-entete) + var(--e2))}
body{background:var(--creme-ecran);color:var(--encre);font:400 1.0625rem/1.65 var(--police-corps);font-kerning:normal;
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
picture{display:contents}
a{color:inherit}
button,input{font:inherit;color:inherit}
ol,ul{list-style:none}
h1,h2,h3{font-family:var(--police-titre);font-weight:400;line-height:1.1;color:var(--encre);text-wrap:balance}
p,li,figcaption,address{text-wrap:pretty}
address{font-style:normal}
:focus-visible{outline:2px solid var(--rouge);outline-offset:4px;border-radius:2px}
::selection{background:var(--dore-pale);color:var(--rouge-profond)}
.visuellement-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[hidden]{display:none !important}
.lien-evitement{position:absolute;left:var(--e2);top:-5rem;z-index:100;background:var(--rouge);color:var(--creme);padding:.7rem 1.1rem;text-decoration:none}
.lien-evitement:focus{top:var(--e2)}
.etiquette{font:600 .75rem/1.4 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2)}
.titre-1,.titre-2,.titre-3{font-family:var(--police-titre);color:var(--encre);text-wrap:balance}
.titre-1{font-size:var(--titre-1);font-weight:400;line-height:1.02;letter-spacing:-.015em}
.titre-1 .etiquette{display:block;margin-bottom:var(--e2)}
.titre-2{font-size:var(--titre-2);font-weight:400;line-height:1.06;letter-spacing:-.01em}
.titre-3{font-size:var(--titre-3);font-weight:500;line-height:1.2}
h1 em,h2 em,h3 em{font-style:italic;color:var(--rouge)}
.chapo{font-size:var(--chapo);line-height:1.55;color:var(--encre-2);max-width:30em}
.texte{max-width:var(--mesure)}
.petit{font-size:.9375rem;line-height:1.6;color:var(--encre-2)}
.legende{margin-top:10px;font:italic 400 .875rem/1.4 var(--police-titre);color:var(--encre-2)}
.prix{font:500 1rem/1.2 var(--police-corps);font-variant-numeric:lining-nums tabular-nums;color:var(--encre);white-space:nowrap}
i[lang]{font-family:var(--police-titre);font-style:italic;font-weight:400}
strong{font-weight:600}
.lien{display:inline-block;padding-block:10px;color:var(--encre);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;
text-underline-offset:.32em;text-decoration-color:rgba(58,50,44,.35);transition:color .25s,text-decoration-color .25s}
.lien::after{content:"→";display:inline-block;margin-left:.45em;transition:transform .3s var(--transition)}
.lien:hover{color:var(--rouge);text-decoration-color:currentColor}
button.lien{border:0;background:none;cursor:pointer;font:inherit;font-weight:500}
.lien:hover::after{transform:translateX(3px)}
.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:2px;cursor:pointer;
background:var(--rouge);color:var(--creme);text-decoration:none;font:600 .8125rem/1.2 var(--police-corps);letter-spacing:.08em;
text-transform:uppercase;transition:background-color .25s}
.bouton:hover{background:var(--rouge-profond)}
.bouton-petit{min-height:44px;padding:0 16px;font-size:.75rem}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e2) var(--e4);margin-top:var(--e4)}
.conteneur{width:100%;max-width:var(--largeur);margin-inline:auto;padding-inline:var(--gouttiere)}
.section{padding-block:var(--section)}
.section+.section{padding-top:0}
.section-creme{background:var(--creme)}
.section-creme+.section,.section+.section-creme,.histoire+.section{padding-top:var(--section)}
.deux{display:grid;gap:var(--e5);grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){.deux{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--e7);align-items:start}.deux-centre{align-items:center}
.deux-inverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.deux-inverse>.photo{order:-1}}
.paragraphes p{color:var(--encre-2);max-width:var(--mesure)}
.paragraphes p+p{margin-top:var(--e2)}
.photo{margin:0;min-width:0}
.cadre{position:relative;overflow:hidden;background:#d9cbb0}
.cadre img{width:100%;height:100%;object-fit:cover}
.cadre::after{content:"";position:absolute;inset:12px;z-index:2;border:1px solid var(--cadre);pointer-events:none}
.oeuvre-photo .cadre{background:none}
.oeuvre-photo .cadre::after{content:none}
.oeuvre-photo img{height:auto;object-fit:contain}
.r-45 .cadre{aspect-ratio:4/5}
.r-916 .cadre{aspect-ratio:9/16}
@media (min-width:1024px){.deux>.r-916{max-width:22rem;justify-self:end}}
.video video{display:block;width:100%;height:100%;object-fit:cover;background:#d9cbb0}
.r-32 .cadre{aspect-ratio:3/2}
.ouverture-page{position:relative;overflow:hidden;padding:calc(var(--hauteur-entete) + var(--e7)) 0 var(--e6)}
.ouverture-page .conteneur{position:relative}
.filigrane-mot{position:absolute;z-index:0;right:calc(var(--gouttiere) - .06em);top:50%;transform:translateY(-58%);pointer-events:none;
-webkit-user-select:none;user-select:none;white-space:nowrap;font:400 clamp(9rem,46vw,26rem)/.8 var(--police-titre);color:var(--filigrane-rouge)}
.filigrane-mot::before{content:attr(data-mot)}
.ouverture-page h1,.ouverture-page .chapo{position:relative;z-index:1}
.ouverture-page h1{margin-bottom:var(--e3)}
@media (min-width:1024px){.ouverture-page{padding-top:calc(var(--hauteur-entete) + var(--e8));padding-bottom:var(--e7)}}
.ouverture-page+.section{padding-top:0}
.titre-mordent{line-height:1;margin-bottom:var(--e5)}
.titre-mordent span{display:block;font-size:clamp(3rem,13.6vw,6.5rem);line-height:.92;letter-spacing:-.02em;color:var(--encre)}
.titre-mordent em{display:block;position:relative;font-size:clamp(2.1rem,8.8vw,4.2rem);line-height:1;margin:-.3em 0 0 1.2em;
text-shadow:2px 0 var(--creme-ecran),-2px 0 var(--creme-ecran),0 2px var(--creme-ecran),0 -2px var(--creme-ecran),
1.5px 1.5px var(--creme-ecran),-1.5px -1.5px var(--creme-ecran),1.5px -1.5px var(--creme-ecran),-1.5px 1.5px var(--creme-ecran)}
.titre-pale{line-height:1;margin-bottom:var(--e5)}
.titre-pale .pale{display:block;font-size:clamp(4.6rem,23vw,11rem);line-height:.8;letter-spacing:-.03em;color:var(--filigrane);white-space:nowrap}
.titre-pale .pale::before{content:attr(data-mot)}
.titre-pale em{display:block;position:relative;font-size:var(--titre-2);line-height:1.04;margin:-.62em 0 0 .7em;max-width:14em}
.acheval{position:relative;padding-bottom:.5em;font-size:clamp(3.4rem,15vw,7.5rem)}
.acheval .cadre{aspect-ratio:4/5}
.acheval .cadre::before{content:"";position:absolute;inset:auto 0 0;height:46%;z-index:1;pointer-events:none;
background:linear-gradient(to top,rgba(20,14,10,.5),rgba(20,14,10,0))}
.acheval-titre{position:absolute;z-index:2;left:.3em;bottom:0;font-size:1em;line-height:1;white-space:nowrap;letter-spacing:-.02em;
background:linear-gradient(to bottom,var(--creme) 0 50%,var(--rouge) 50% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (min-width:1024px){.acheval .cadre{aspect-ratio:16/10}}
.exergue{display:block;font:italic 400 .875rem/1.4 var(--police-titre);color:var(--encre-2);margin-bottom:var(--e1)}
.entete{position:fixed;inset:0 0 auto;z-index:40;height:var(--hauteur-entete);color:var(--encre);transition:background-color .4s,color .4s,box-shadow .4s}
.entete-dedans{height:100%;display:flex;align-items:center;gap:var(--e2)}
.entete.pleine{background:rgba(239,231,212,.92);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 var(--trait-doux)}
.entete.sur-photo:not(.pleine){color:var(--creme)}
.entete-marque{display:flex;margin-right:auto}
.entete-marque img{width:2.4rem;height:2.4rem}
.entete-liens{display:none}
.entete-droite{display:flex;align-items:center;gap:var(--e2)}
.bouton-menu{display:inline-grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:0;background:none;cursor:pointer;color:inherit;text-decoration:none}
.bouton-menu svg{width:24px;height:24px}
@media (max-width:1023px){.entete-resa{display:none}}
.entete-insta{display:none}
.entete-insta svg{width:20px;height:20px}
@media (min-width:1024px){
.entete-dedans{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--e4)}
.entete-marque{margin:0;justify-self:start}
.entete-liens{display:flex;gap:var(--e5);font:600 .75rem/1 var(--police-corps);letter-spacing:.1em;text-transform:uppercase}
.entete-liens a{text-decoration:none;padding:10px 0;background:linear-gradient(var(--rouge),var(--rouge)) left bottom/0 1px no-repeat;transition:background-size .4s var(--transition)}
.entete-liens a:hover,.entete-liens a[aria-current="page"]{background-size:100% 1px}
.entete-droite{justify-self:end}
.entete-insta{display:inline-grid;place-items:center;width:44px;height:44px;color:inherit;transition:opacity .2s}
.entete-insta:hover{opacity:.65}
.bouton-menu{display:none}
}
.ouverture-photo .cadre{height:min(125vw,70svh)}
.ouverture-photo img{object-position:50% 26%}
@media (max-width:1023px){.ouverture-photo .cadre::before{content:"";position:absolute;inset:0 0 auto;height:7rem;z-index:1;pointer-events:none;
background:linear-gradient(rgba(20,14,10,.36),rgba(20,14,10,0))}}
.ouverture-texte .statut{margin:0 0 var(--e3)}
.ouverture-texte{padding-top:var(--e5);padding-bottom:var(--e4)}
.ouverture-texte .titre-1{margin:0 0 var(--e3)}
@media (min-width:1024px){.ouverture-texte .titre-1{font-size:clamp(3.4rem,5.4vw,5rem)}}
@media (min-width:1024px){
.ouverture{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--e7);align-items:end;
max-width:var(--largeur);margin-inline:auto;padding:calc(var(--hauteur-entete) + var(--e5)) var(--gouttiere) 0}
.ouverture-photo{order:2}
.ouverture-photo .cadre{height:auto;aspect-ratio:4/5;max-height:calc(100svh - var(--hauteur-entete) - var(--e7))}
.ouverture-texte{order:1;padding:0 0 var(--e2);display:flex;flex-direction:column}
.ouverture-texte .statut{order:4;margin:var(--e3) 0 0}
.ouverture-texte .actions{order:5}
}
@media (max-width:1023px){.ouverture-interne .ouverture-photo .cadre{height:min(100vw,54svh)}}
.ouverture-interne .ouverture-photo img{object-position:50% 50%}
.ouverture-interne .ouverture-texte{position:relative;overflow:hidden;padding:var(--e5) var(--gouttiere) var(--e3)}
.ouverture-interne .exergue,.ouverture-interne .titre-1,.ouverture-interne .chapo,.ouverture-interne .ouverture-lien{position:relative;z-index:1}
.ouverture-interne .exergue{margin-bottom:var(--e2)}
.ouverture-interne .filigrane-mot{right:-.08em;top:62%;font-size:clamp(7rem,36vw,15rem)}
@media (min-width:1024px){
.ouverture-interne{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}
.ouverture-interne .ouverture-photo{order:1}
.ouverture-interne .ouverture-photo .cadre{height:auto;aspect-ratio:4/5;max-height:calc(100svh - var(--hauteur-entete) - var(--e8))}
.ouverture-interne .ouverture-texte{order:2;display:block;padding:var(--e6) 0 var(--e6) var(--e4)}
.ouverture-interne .filigrane-mot{right:-.1em;top:54%;font-size:clamp(9rem,16vw,15rem)}
}
.statut{display:flex;align-items:baseline;gap:10px;margin-top:var(--e3);font-size:.9375rem;line-height:1.5;color:var(--encre-2)}
.statut-point{flex:none;width:7px;height:7px;border-radius:50%;background:var(--vert);transform:translateY(-.08em)}
.statut.ferme .statut-point{background:var(--encre-3)}
.statut-grand{font-size:var(--chapo);margin:0 0 var(--e5);color:var(--encre)}
.statut-grand .statut-point{width:9px;height:9px}
.portes-liste{display:grid;border-top:1px solid var(--trait)}
.porte{display:block;padding:var(--e4) 0;border-bottom:1px solid var(--trait);text-decoration:none;color:inherit}
.porte-titre{display:block;font:400 clamp(2.1rem,8.4vw,3rem)/1.05 var(--police-titre);letter-spacing:-.01em;color:var(--encre);transition:color .25s}
.porte-texte{display:block;margin-top:var(--e1);max-width:28em;color:var(--encre-2)}
.porte .lien{margin-top:var(--e1)}
.porte:hover .porte-titre{color:var(--rouge)}
@media (min-width:1024px){
.portes-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5);border-top:0}
.porte{border-bottom:0;border-top:1px solid var(--trait);padding-top:var(--e3)}
}
.agenda{border-top:1px solid var(--trait)}
.agenda-ligne{display:grid;gap:6px;padding:var(--e3) 0;border-bottom:1px solid var(--trait)}
.agenda-ligne .titre-3{margin-top:2px}
.agenda-ligne p:not(.etiquette){color:var(--encre-2);max-width:30em}
.agenda-ligne .lien{padding-block:6px}
.agenda-ligne .actions{margin-top:var(--e1);gap:var(--e1) var(--e3)}
@media (min-width:720px){
.agenda-ligne{grid-template-columns:11rem minmax(0,1fr);column-gap:var(--e4);align-items:baseline}
.agenda-ligne>:not(.etiquette){grid-column:2}
}
.kat-roma{max-width:46rem}
.kat-roma .titre-2{margin:var(--e2) 0 var(--e3);font-size:clamp(1.75rem,6.4vw,2.75rem);line-height:1.14}
.kat-roma p:not(.etiquette){color:var(--encre-2);max-width:var(--mesure)}
.defilant{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:var(--e2);overflow-x:auto;scroll-snap-type:x mandatory;
margin-inline:calc(-1 * var(--gouttiere));padding:0 var(--gouttiere) var(--e1);scroll-padding-inline:var(--gouttiere);scrollbar-width:none}
.defilant::-webkit-scrollbar{display:none}
.defilant>*{scroll-snap-align:start}
@media (min-width:720px){.defilant{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:var(--e4)}}
.rythme{border-top:1px solid var(--trait);margin-top:var(--e4)}
.rythme li{display:grid;gap:4px;padding:var(--e3) 0;border-bottom:1px solid var(--trait)}
.rythme p{max-width:var(--mesure)}
.rythme .lien{padding-block:4px}
@media (min-width:720px){.rythme li{grid-template-columns:11rem minmax(0,1fr);column-gap:var(--e4);align-items:baseline}}
.mosaique{margin-top:var(--e6)}
.prix-liste{max-width:40rem;border-top:1px solid var(--trait)}
.prix-ligne{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e3);padding:var(--e2) 0;border-bottom:1px solid var(--trait-doux)}
.prix-nom{font:500 clamp(1.2rem,4.2vw,1.4rem)/1.25 var(--police-titre);color:var(--encre)}
.prix-nom small{display:block;font:400 .875rem/1.5 var(--police-corps);color:var(--encre-2);margin-top:2px}
.prix-notes{max-width:40rem;margin-top:var(--e3);display:grid;gap:var(--e1)}
.emporter{display:grid;gap:var(--e5);align-items:center}
@media (min-width:1024px){.emporter{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--e7)}}
.emporter .actions{margin-top:var(--e3)}
.brunch{max-width:40rem}
.brunch-menu{margin-top:var(--e3);border-top:1px solid var(--trait)}
.brunch-menu li{padding:12px 0;border-bottom:1px solid var(--trait-doux);font:400 var(--chapo)/1.4 var(--police-titre);color:var(--encre)}
.brunch-prix{margin-top:var(--e2)}
.brunch .petit{margin-top:var(--e2);max-width:var(--mesure)}
.brunch+.brunch{margin-top:var(--e5);padding-top:var(--e5);border-top:1px solid var(--trait)}
.mur{display:grid;gap:var(--e5);align-items:start}
@media (min-width:1024px){.mur{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--e7)}}
.mur .titre-2{margin:var(--e1) 0}
.mur-sous-titre{font:italic 400 var(--chapo)/1.45 var(--police-titre);color:var(--encre-2)}
.mur-texte{margin-top:var(--e3);max-width:var(--mesure)}
.mur .petit{margin-top:var(--e2)}
.offres{border-top:1px solid var(--trait);margin-top:var(--e4)}
.offre{display:grid;gap:4px;padding:var(--e3) 0;border-bottom:1px solid var(--trait)}
.offre .titre-3{font-weight:400}
@media (min-width:1024px){.offre{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--e5);align-items:baseline}}
.histoire{position:relative;overflow:hidden;background:var(--bleu);color:var(--creme);padding-block:var(--section)}
.histoire .conteneur{position:relative;z-index:1}
.histoire-recit{max-width:46rem}
.histoire .duo{margin-top:var(--e6);padding-top:var(--e5);border-top:1px solid rgba(247,243,227,.25)}
.histoire .duo .titre-3{color:var(--creme);margin:var(--e3) 0 var(--e1)}
.histoire .duo p{color:rgba(247,243,227,.86)}
.histoire .photo{max-width:26rem}
.histoire .etiquette,.histoire .legende{color:rgba(247,243,227,.72)}
.histoire h2{color:var(--creme);margin:var(--e2) 0 var(--e4)}
.histoire h2 em{color:var(--dore)}
.recit{display:grid;gap:var(--e2);max-width:var(--mesure)}
.recit p{color:rgba(247,243,227,.9)}
.recit p:first-child{font:italic 400 var(--chapo)/1.55 var(--police-titre);color:var(--creme)}
.tournesol{position:absolute;z-index:0;right:-9rem;bottom:-10rem;width:34rem;aspect-ratio:1;background:currentColor;color:var(--creme);opacity:.06;
-webkit-mask:url("/gravures/tournesol.svg") center/contain no-repeat;mask:url("/gravures/tournesol.svg") center/contain no-repeat;pointer-events:none}
.duo{display:grid;gap:var(--e5)}
@media (min-width:720px){.duo{grid-template-columns:1fr 1fr;gap:var(--e6)}}
.duo .titre-3{margin-bottom:var(--e1)}
.duo p{max-width:var(--mesure);color:var(--encre-2)}
.trouver-etapes{display:grid;gap:var(--e2);margin-top:var(--e4);max-width:44rem;counter-reset:etape}
.trouver-etapes li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);counter-increment:etape}
.trouver-etapes li::before{content:counter(etape,decimal-leading-zero);font:italic 400 1rem/1.65 var(--police-titre);color:var(--encre-2);font-variant-numeric:lining-nums}
.trouver-pratique{margin-top:var(--e3)}
.schema{max-width:60rem}
.schema svg{display:block;width:100%;height:auto}
.schema .fond{fill:transparent}
.schema .route{fill:var(--filigrane)}
.schema .trait{stroke:var(--encre);fill:none}
.schema .texte{font:13px var(--police-corps);fill:var(--encre)}
.schema .petit{font:600 11px var(--police-corps);letter-spacing:.08em;text-transform:uppercase;fill:var(--encre-2)}
.schema .repere{fill:var(--creme);stroke:var(--encre);stroke-width:1}
.schema .bat{fill:var(--creme);stroke:var(--encre);stroke-width:1.2}
.schema .io{fill:var(--rouge);stroke:var(--rouge)}
.schema .chemin{fill:none;stroke:var(--rouge);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.schema .pointille{fill:none;stroke:var(--rouge);stroke-width:2;stroke-dasharray:6 6;stroke-linecap:round}
.schema .num{fill:var(--rouge)}
.schema .numt{font:700 12px var(--police-corps);fill:var(--creme);text-anchor:middle}
.schema .note{font:italic 12px var(--police-titre);fill:var(--encre-2)}
.horaires{border-collapse:collapse}
.horaires td{padding:3px var(--e3) 3px 0;text-align:left;vertical-align:baseline}
.horaires td:last-child{padding-right:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.horaires tr.aujourdhui{color:var(--rouge);font-weight:600}
.cadeau{display:grid;gap:var(--e6)}
.cadeau .chapo{margin-bottom:var(--e4)}
@media (min-width:1024px){.cadeau{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--e8);align-items:center}}
.peines{border:0;min-width:0;border-top:1px solid var(--trait)}
.peine{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:var(--e2);padding:13px 0;border-bottom:1px solid var(--trait-doux);cursor:pointer}
.peine input{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1px solid var(--encre-3);border-radius:50%;display:grid;place-items:center;cursor:pointer;transform:translateY(2px)}
.peine input::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--rouge);transform:scale(0);transition:transform .15s}
.peine input:checked{border-color:var(--rouge)}
.peine input:checked::after{transform:scale(1)}
.peine input:focus-visible{outline:2px solid var(--rouge);outline-offset:3px}
.peine-nom{font:400 1.25rem/1.25 var(--police-titre);color:var(--encre);transition:color .2s}
.peine:has(input:checked) .peine-nom{color:var(--rouge)}
.peine-fil{border-bottom:1px dotted var(--encre-3);transform:translateY(-.35em)}
.peine .prix{font-size:1.125rem}
.champs{display:grid;gap:var(--e3);margin-top:var(--e4)}
@media (min-width:720px){.champs{grid-template-columns:1fr 1fr;column-gap:var(--e4)}.champ-large,.case{grid-column:1/-1}}
.champ{display:grid;gap:4px}
.champ span{font:600 .6875rem/1.4 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2)}
.champ input{width:100%;min-height:44px;padding:6px 0;border:0;border-bottom:1px solid var(--encre-3);border-radius:0;background:none;font:400 1.0625rem/1.4 var(--police-corps);color:var(--encre)}
.champ input::placeholder{color:var(--encre-3)}
.champ input:focus{outline:none;border-bottom-color:var(--rouge)}
.case{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem;color:var(--encre-2);cursor:pointer}
.case input{margin:4px 0 0;accent-color:var(--rouge);flex:none}
.miel{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.erreur{margin-top:var(--e3);padding:var(--e2) var(--e3);border-left:2px solid var(--rouge);color:var(--rouge);font-size:.9375rem}
.partage{display:inline-flex;flex-wrap:wrap;gap:var(--e2) var(--e3);margin-left:var(--e2)}
.etapes{display:grid;gap:6px;margin:var(--e4) 0 var(--e2);color:var(--encre-2);font-size:.9375rem}
.etapes b{font:italic 400 1rem var(--police-titre);color:var(--rouge);margin-right:8px}
.annonce{margin-top:var(--e3);padding:var(--e3);background:var(--creme);border-left:2px solid var(--rouge);display:grid;gap:var(--e2);gap:var(--e1);max-width:40rem}
.annonce:focus{outline:none}
.annonce .titre-3{color:var(--rouge)}
.annonce em{font-family:var(--police-titre)}
.carte-scene{position:relative}
.carte-scene .cadre{aspect-ratio:4/5}
.cc{position:absolute;left:4%;bottom:6%;width:78%;aspect-ratio:1.42;background:var(--creme);color:var(--encre);padding:6% 7%;display:grid;grid-template-rows:auto 1fr auto;
box-shadow:0 30px 70px rgba(58,50,44,.35);transform:rotate(-5deg)}
.cc::after{content:"";position:absolute;inset:4%;border:1px solid rgba(58,50,44,.25);pointer-events:none}
.cc-haut{display:flex;justify-content:space-between;align-items:center}
.cc-titre{font:400 clamp(1.2rem,2.1vw,1.55rem)/1.15 var(--police-titre);color:var(--rouge)}
.cc-pour{font:italic 400 clamp(.875rem,1.3vw,1rem)/1.3 var(--police-titre);color:var(--encre-2);margin-top:.45em}
.cc-milieu{align-self:center}
.cc-de{font:400 .75rem/1.3 var(--police-corps);color:var(--encre-2)}
.cc-mot{font:italic 400 .875rem/1.3 var(--police-titre);color:var(--encre);margin-top:6px}
.fonds{border:0;padding:0;margin-top:var(--e3)}
.fonds .etiquette{margin-bottom:var(--e2)}
.fonds-choix{display:flex;gap:var(--e2)}
.fond{position:relative;cursor:pointer}
.fond input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.fond-vignette{display:block;width:56px;aspect-ratio:4/5;overflow:hidden;border:2px solid transparent;transition:border-color .2s}
.fond-vignette img{display:block;width:100%;height:100%;object-fit:cover}
.fond input:checked+.fond-vignette{border-color:var(--rouge)}
.fond input:focus-visible+.fond-vignette{outline:2px solid var(--rouge);outline-offset:2px}
.cc-bas{display:flex;justify-content:space-between;font:600 .625rem/1.4 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);margin-top:6px}
.reglement{padding:calc(var(--hauteur-entete) + var(--e7)) 0 var(--e7)}
.reglement .petit{margin-top:var(--e3)}
.reglement-suite{margin-top:var(--e5)}
.reglement .titre-1{margin:var(--e2) 0 var(--e3)}
.reglement p:not(.etiquette){max-width:30em}
.carte-famille{padding-top:var(--e6)}
.carte-famille h2{font-size:var(--titre-2);margin-bottom:var(--e3)}
.carte-liste{max-width:46rem;border-top:1px solid var(--trait)}
.carte-liste+.carte-groupe{margin-top:var(--e4)}
.carte-groupe{max-width:46rem;margin-bottom:var(--e1);font:italic 400 1rem/1.4 var(--police-titre);color:var(--encre-2)}
.carte-ligne{padding:var(--e2) 0;border-bottom:1px solid var(--trait-doux)}
.carte-ligne-tete{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e3)}
.carte-nom{font:500 1.1875rem/1.3 var(--police-titre);color:var(--encre)}
.carte-description{margin-top:2px;font-size:.9375rem;color:var(--encre-2)}
.carte-mentions{display:flex;flex-wrap:wrap;gap:2px var(--e2);margin-top:4px;font:italic 400 .875rem/1.5 var(--police-titre);color:var(--encre-2)}
.carte-mentions .decouverte{color:var(--rouge)}
.carte-notes{padding-block:var(--e6) var(--section);max-width:46rem}
.carte-notes h2{font-size:var(--titre-3);font-weight:500;margin:var(--e4) 0 var(--e1)}
.carte-notes li,.carte-notes p{color:var(--encre-2)}
.imprimer{margin-top:var(--e4);border:0;background:none;cursor:pointer}
.galerie{max-width:48rem;padding-block:var(--e6) var(--section)}
.galerie .ligne-info{color:var(--encre-2);margin:var(--e1) 0 var(--e3)}
.accroche{font-size:var(--chapo);line-height:1.55;color:var(--encre-2);margin-bottom:var(--e4)}
.statement{margin:var(--e5) 0;padding-left:var(--e3);border-left:1px solid var(--trait)}
.statement p{margin-bottom:var(--e2);font:italic 400 1.125rem/1.6 var(--police-titre)}
.statement footer{color:var(--encre-2);font-size:.9375rem}
.artiste-section{padding-top:var(--e6);margin-top:var(--e6);border-top:1px solid var(--trait)}
.artiste-section h2{font-size:var(--titre-2);margin-bottom:var(--e3)}
.artiste-section figure{margin:0 0 var(--e3)}
.artiste-section figcaption{margin-top:10px;font:italic 400 .875rem/1.4 var(--police-titre);color:var(--encre-2)}
.bio-courte{font-size:var(--chapo);line-height:1.55;color:var(--encre-2)}
.artiste-section details{margin:var(--e2) 0}
.artiste-section summary{cursor:pointer;font-weight:500;text-decoration:underline;text-decoration-color:rgba(58,50,44,.35);text-underline-offset:.3em}
.artiste-section details p{margin-top:var(--e2);color:var(--encre-2)}
.liste-oeuvres{margin:var(--e4) 0;border-top:1px solid var(--trait-doux)}
.oeuvre-ligne{display:flex;gap:var(--e2);align-items:baseline;padding:var(--e2) 0;border-bottom:1px solid var(--trait-doux)}
details.oeuvre-depliante>summary{list-style:none;cursor:pointer}
details.oeuvre-depliante>summary::-webkit-details-marker{display:none}
.oeuvre-num{font:italic 400 1rem var(--police-titre);color:var(--encre-2);min-width:1.6rem;font-variant-numeric:lining-nums}
.oeuvre-corps{display:grid;gap:2px}
.oeuvre-titre{font:500 1.1875rem/1.3 var(--police-titre);color:var(--encre)}
.oeuvre-meta,.oeuvre-technique,.oeuvre-statut{font-size:.9375rem;color:var(--encre-2)}
.oeuvre-prix{font-variant-numeric:tabular-nums;font-weight:500;color:var(--encre)}
.oeuvre-detail{padding:4px 0 var(--e2) 2.6rem}
.oeuvre-detail p{margin-bottom:var(--e1);color:var(--encre-2)}
.oeuvre-renvoi{font-style:italic}
.achat-artiste,.comptoir-artiste{margin-top:var(--e2);color:var(--encre-2)}
.achat-artiste a,.expos-passees a,.liens-artiste a,.retour a{color:var(--encre);text-decoration-color:rgba(58,50,44,.35);text-underline-offset:.3em}
.comptoir-artiste h3{font:600 .75rem/1.4 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--encre);margin-bottom:4px}
.expos-passees{margin-top:var(--e6);padding-top:var(--e3);border-top:1px solid var(--trait)}
.expos-passees h2{font-size:var(--titre-3);font-weight:500;margin-bottom:var(--e2)}
.retour{margin-top:var(--e5)}
.prose{max-width:44rem;padding-bottom:var(--section)}
.prose h2{font-size:var(--titre-3);font-weight:500;margin:var(--e5) 0 var(--e2)}
.prose h3{font:500 1.1875rem/1.3 var(--police-titre);margin:var(--e4) 0 var(--e1)}
.prose p,.prose li,.prose dd{margin-bottom:var(--e2)}
.prose ul,.prose ol{padding-left:1.2rem}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose dt{font-weight:600;margin-top:var(--e2)}
.prose a{color:var(--encre);text-decoration-color:rgba(58,50,44,.35);text-underline-offset:.3em}
.prose a:hover{color:var(--rouge)}
.prose mark{background:var(--dore-pale)}
.mesure-audience{margin:var(--e3) 0}
.mesure-audience button{min-height:44px;padding:0 var(--e2);border:1px solid var(--trait);border-radius:2px;background:var(--creme);cursor:pointer}
.introuvable{min-height:72svh;padding:calc(var(--hauteur-entete) + var(--e7)) 0 var(--e7)}
.introuvable .titre-1{margin-bottom:var(--e3)}
.colophon{position:relative;overflow:hidden;padding:var(--e6) 0 calc(var(--e4) + 56px);background:var(--bleu);color:rgba(247,243,227,.82);font-size:.9375rem;line-height:1.7}
.colophon::after{content:"";position:absolute;right:-4rem;top:-2rem;bottom:-2rem;width:46%;background:url("/img/iocafe-biarritz-texture-toilette-1200w.webp") center/cover;opacity:.26;
-webkit-mask-image:linear-gradient(to right,transparent,#000 60%);mask-image:linear-gradient(to right,transparent,#000 60%);pointer-events:none}
.colophon .conteneur{position:relative;z-index:1}
.colophon-haut{display:flex;align-items:center;flex-wrap:wrap;gap:var(--e2) var(--e4)}
.colophon-logo{width:auto;height:4.25rem}
.colophon-piliers{font:italic 400 1.0625rem/1.3 var(--police-titre);color:rgba(247,243,227,.78)}
.colophon-haut .tentation{margin:0 0 0 auto;font-size:1.0625rem;color:var(--creme);text-decoration-color:rgba(212,160,23,.6)}
.colophon-grille{display:grid;gap:var(--e4);margin-top:var(--e5)}
@media (min-width:720px){.colophon-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5)}}
.colophon-grille .etiquette{color:var(--creme);margin-bottom:var(--e1)}
.colophon a{color:inherit;text-decoration-color:rgba(247,243,227,.35);text-underline-offset:.25em}
.colophon a:hover{color:var(--creme)}
.colophon .horaires tr.aujourdhui{color:var(--dore)}
.colophon-grille a,.colophon-legal a{display:inline-block;padding-block:5px}
.fermetures{margin-top:var(--e2)}
.colophon-bas{display:grid;gap:var(--e2);margin-top:var(--e5);padding-top:var(--e3);border-top:1px solid rgba(247,243,227,.2)}
@media (min-width:1024px){.colophon-bas{grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--e5)}}
.colophon-merci{font:italic 400 .875rem/1.5 var(--police-titre);color:var(--creme)}
.colophon-merci .sep{margin:0 .5em;color:rgba(247,243,227,.45)}
.colophon-legal{display:flex;flex-wrap:wrap;gap:4px var(--e3);font-size:.8125rem;white-space:nowrap}
.colophon-legal a,.colophon-cookies{color:rgba(247,243,227,.72)}
.recette ol{display:grid;gap:var(--e2);padding-left:1.4rem}
.recette ol li::marker{font:italic 400 1rem var(--police-titre);color:var(--rouge)}
.colophon-devise{font:italic 400 .875rem/1.5 var(--police-titre);color:rgba(247,243,227,.72)}
.tentation{display:inline-block;margin-top:var(--e5);padding:6px 0;border:0;background:none;cursor:pointer;font:italic 400 1.375rem/1.3 var(--police-titre);
color:var(--rouge);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:rgba(115,28,20,.4)}
.tentation::after{content:"→";display:inline-block;margin-left:.4em;font-style:normal;transition:transform .3s var(--transition)}
.tentation:hover::after{transform:translateX(3px)}
.volet{position:fixed;right:var(--e2);bottom:calc(var(--e2) + env(safe-area-inset-bottom));z-index:45;max-width:calc(100vw - 2*var(--e2));transition:bottom .45s var(--transition)}
.volet.sur-barre{bottom:calc(76px + env(safe-area-inset-bottom))}
.volet-onglet{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 var(--e3);border-radius:999px;background:var(--encre);color:var(--creme);
font:600 .75rem/1 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;list-style:none;white-space:nowrap;box-shadow:0 6px 24px rgba(58,50,44,.18);transition:background-color .25s}
.volet-onglet::-webkit-details-marker{display:none}
.volet-coucou{animation:volet-coucou 1.1s ease-in-out 2}
@keyframes volet-coucou{0%,100%{transform:none}25%{transform:translateY(-5px)}50%{transform:none}75%{transform:translateY(-3px)}}
.volet-onglet::marker{content:""}
.volet[open] .volet-onglet,.volet-onglet:hover{background:var(--rouge)}
.volet-point{width:7px;height:7px;border-radius:50%;background:var(--vert)}
.volet-nombre{opacity:.7}
.volet-mot-court{display:none}
.volet-corps{position:absolute;right:0;bottom:calc(100% + var(--e2));width:min(22rem,calc(100vw - 2*var(--e2)));max-height:min(70svh,32rem);overflow-y:auto;
padding:var(--e4);background:var(--creme);color:var(--encre);border-radius:4px;box-shadow:0 12px 40px rgba(58,50,44,.22)}
.volet-corps .etiquette{margin-bottom:var(--e2)}
.volet-liste{border-top:1px solid var(--trait)}
.volet-liste li{border-bottom:1px solid var(--trait-doux)}
.volet-liste a{display:block;padding:10px 0;text-decoration:none;color:inherit}
.volet-quand{display:block;font:600 .6875rem/1.4 var(--police-corps);letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2)}
.volet-titre{display:block;font:400 1.125rem/1.3 var(--police-titre);transition:color .2s}
.volet-liste a:hover .volet-titre{color:var(--rouge)}
.volet-pied{display:flex;justify-content:space-between;align-items:center;gap:var(--e2);margin-top:var(--e3)}
.volet-fermer{border:0;background:none;cursor:pointer;padding:8px 0;font:600 .75rem/1 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2)}
@media (max-width:1023px){
.volet{top:calc((var(--hauteur-entete) - 34px)/2);bottom:auto;right:calc(var(--gouttiere) + 44px);z-index:41;transition:none}
.volet.sur-barre{bottom:auto}
.volet-onglet{min-height:34px;padding:0 12px;font-size:.625rem;letter-spacing:.08em;box-shadow:none;background:var(--rouge)}
.volet-mot-long{display:none}.volet-mot-court{display:inline}
.volet-corps{top:calc(100% + var(--e2));bottom:auto;right:calc(var(--e2) - var(--gouttiere) - 44px);max-height:calc(100svh - var(--hauteur-entete) - 3*var(--e2))}
}
@media (prefers-reduced-motion:no-preference){
.volet[open] .volet-corps{animation:volet-arrive .35s var(--transition) both}
@keyframes volet-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (min-width:1024px){.volet,.volet.sur-barre{right:var(--e4);bottom:var(--e4)}}
.bande{position:relative;min-height:52svh;display:grid;place-items:center;text-align:center;padding:var(--e7) var(--gouttiere);color:var(--creme);overflow:hidden}
.bande picture,.bande img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bande::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,14,10,.38),rgba(20,14,10,.46))}
.bande-dedans{position:relative;z-index:1}
.bande-chiffre{font:400 clamp(4.4rem,12vw,8.5rem)/.95 var(--police-titre);letter-spacing:-.02em}
.bande-texte{font:italic 400 var(--chapo)/1.4 var(--police-titre);max-width:26em;margin-top:var(--e2)}
.bande-phrase{min-height:46svh}
.bande-phrase .bande-texte{font-size:clamp(1.7rem,4.2vw,2.8rem);line-height:1.25;margin:0;max-width:18em;text-wrap:balance}
.bande-muette{min-height:34svh}
.bande-muette::before{background:linear-gradient(rgba(20,14,10,.12),rgba(20,14,10,.18))}
.bande+.section{padding-top:var(--section)}
.capture .bande{min-height:480px}.capture .bande-phrase{min-height:420px}.capture .bande-muette{min-height:300px}
.pictos{display:flex;flex-wrap:wrap;gap:var(--e3) var(--e5);padding-top:var(--e4);border-top:1px solid var(--trait)}
.pictos li{display:flex;align-items:center;gap:10px;font:600 .6875rem/1.3 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2)}
.pictos svg{width:1.5rem;height:1.5rem;color:var(--rouge);flex:none}
.ouverture-lien{margin-top:var(--e3)}
.pictos-compact{margin-top:var(--e4);padding-top:var(--e3);border-top:1px solid var(--trait-doux);gap:var(--e2) var(--e4)}
.pictos-compact svg{width:1.25rem;height:1.25rem}
.histoire .duo{margin-top:var(--e7)}
.pile{position:relative;padding-bottom:3.5rem}
.pile .photo{margin:0}
.pile .pile-grande{width:82%}
.pile .pile-petite{position:absolute;right:0;bottom:0;width:46%;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.pile .legende{color:rgba(247,243,227,.72)}
.defile-piste{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.defile-piste::-webkit-scrollbar{display:none}
.defile-piste>.photo{flex:0 0 100%;scroll-snap-align:start;margin:0}
.defile-barre{display:flex;align-items:center;justify-content:center;gap:var(--e2);margin:var(--e2) 0 var(--e3)}
.bande-devise .bande-chiffre{font-size:clamp(2.4rem,6.5vw,4.4rem)}
.bande-devise .bande-texte{margin-top:var(--e1)}
.defile-points{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.defile-points button{width:8px;height:8px;border-radius:50%;border:1px solid var(--encre-3);background:none;padding:0;cursor:pointer}
.defile-points button[aria-current="true"]{background:var(--rouge);border-color:var(--rouge)}
.defile-prec,.defile-suiv{border:0;background:none;cursor:pointer;color:var(--encre-2);font:400 1.125rem/1 var(--police-corps);padding:8px 10px}
.defile-prec:hover,.defile-suiv:hover{color:var(--rouge)}
.ouverture-suite{margin-top:var(--e3);max-width:32em}
.ouverture-interne .ouverture-suite,.ouverture-interne .pictos-compact{position:relative;z-index:1}
.ouverture-longue .filigrane-mot{top:14%}
@media (min-width:1024px){.ouverture-longue .filigrane-mot{top:20%}.ouverture-longue .ouverture-photo{padding:var(--e5) 0 var(--e4)}}
.carte-droite{display:grid;gap:var(--e5)}
.carte-cuisine .etiquette{color:var(--rouge);margin-bottom:var(--e2)}
.carte-cuisine .chapo{margin-bottom:var(--e2)}
.carte-famille .deux{align-items:start}
@media (min-width:1024px){.carte-droite{position:sticky;top:calc(var(--hauteur-entete) + var(--e4))}}
.trouver{margin-top:var(--e5)}
.ancres{display:none}
@media (min-width:1280px){
.ancres{position:fixed;right:var(--e3);top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:12px}
.ancres a{display:flex;align-items:center;justify-content:flex-end;gap:10px;text-decoration:none;color:var(--encre-2);padding:4px 0}
.ancres i{width:8px;height:8px;border-radius:50%;border:1px solid var(--encre-3);transition:background-color .25s,border-color .25s,transform .25s}
.ancres span{font:600 .6875rem/1 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .25s}
.ancres a:hover span,.ancres a.actif span{opacity:1}
.ancres a.actif i{background:var(--rouge);border-color:var(--rouge);transform:scale(1.25)}
}
.site{transition:transform .55s var(--transition)}
.resa{position:fixed;top:0;right:0;bottom:0;width:min(26rem,100vw);z-index:80;background:var(--creme);display:grid;grid-template-rows:auto minmax(0,1fr);
box-shadow:-24px 0 64px rgba(58,50,44,.18);transform:translateX(100%);transition:transform .55s var(--transition)}
.resa-tete{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);padding:var(--e3) var(--e4);border-bottom:1px solid var(--trait-doux)}
.resa-fermer{display:grid;place-items:center;width:44px;height:44px;margin-right:-12px;border:0;background:none;cursor:pointer;color:var(--encre);border-radius:50%}
.resa-fermer svg{width:22px;height:22px}
.resa-fermer:hover{color:var(--rouge)}
.resa-corps{overflow-y:auto;-webkit-overflow-scrolling:touch}
.resa-cadre{display:block;width:100%;height:100%;min-height:1600px;border:0;background:var(--creme)}
.resa-voile{position:fixed;inset:0;z-index:70;background:rgba(58,50,44,.25)}
body.resa-ouvert .resa{transform:none}
@media (min-width:1024px){body.resa-ouvert .site{transform:translateX(-26rem)}body.resa-ouvert .resa-voile{display:none}}
@media (prefers-reduced-motion:reduce){.site,.resa{transition:none}}
.barre-actions{position:fixed;inset:auto 0 0;z-index:35;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--e1);
padding:8px var(--gouttiere) calc(8px + env(safe-area-inset-bottom));background:rgba(239,231,212,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
box-shadow:0 -1px 0 var(--trait-doux);transform:translateY(105%);transition:transform .45s var(--transition)}
.barre-actions.visible{transform:none}
.barre-actions a:not(.bouton){text-align:center;text-decoration:none;font:500 .8125rem/1.2 var(--police-corps);padding:14px 4px}
@media (min-width:1024px){.barre-actions{display:none}}
.panneau{position:fixed;inset:0;z-index:60;background:var(--creme-ecran);display:flex;flex-direction:column;padding:0 var(--gouttiere) var(--e5);
overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.panneau.ouvert,.panneau:target{opacity:1;visibility:visible}
.panneau-tete{display:flex;align-items:center;justify-content:space-between;height:var(--hauteur-entete)}
.panneau-tete img{width:2.4rem;height:2.4rem}
.panneau-fermer{display:inline-block;border:0;background:none;cursor:pointer;padding:16px 0;font:600 .75rem/1 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:inherit;text-decoration:none}
.panneau-liens{margin:var(--e5) 0 var(--e4);border-top:1px solid var(--trait-doux)}
.panneau-liens li{border-bottom:1px solid var(--trait-doux)}
.panneau-liens a{display:block;padding:var(--e2) 0 var(--e3);text-decoration:none}
.panneau-liens .exergue{margin-bottom:2px}
.panneau-liens .nom{display:block;font:400 2.1rem/1.1 var(--police-titre);color:var(--encre)}
.panneau-cadeau{align-self:flex-start;margin-bottom:var(--e4)}
.panneau-question{font:italic 400 1.25rem/1.4 var(--police-titre);text-decoration:none;margin-bottom:var(--e4)}
.panneau-infos{margin-top:auto;font-size:.875rem;line-height:1.8;color:var(--encre-2)}
.panneau-infos .statut{margin:0 0 var(--e2)}
.hotesse-interieur{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e4)}
@media (min-width:1024px){.hotesse-interieur{grid-template-columns:minmax(0,1fr) 13rem;column-gap:5rem;align-items:start}
.hotesse-cote-tete{margin-top:-.525rem}}
.hotesse-principal{position:relative}
.hotesse-principal>:not(.hotesse-filigrane),.hotesse-cote{position:relative;z-index:1}
.hotesse-filigrane{--io-l:clamp(16rem,36.4vw,29.2rem);--io-col:max(var(--gouttiere),(100vw - var(--largeur)) / 2 + var(--gouttiere));
position:absolute;z-index:0;left:max(-.304 * var(--io-l),4px - .2 * var(--io-l) - var(--io-col));top:calc(-.209 * var(--io-l));
width:var(--io-l);color:var(--filigrane-rouge);transform:rotate(-8deg);pointer-events:none}
.hotesse-filigrane svg{display:block;width:100%;overflow:visible}
.io-trait{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round}
.io-yeux{transition:transform .45s var(--transition)}
.hotesse.io-ecoute .io-yeux{transform:translateX(calc(var(--regard, 0) * 6px - 3px))}
.io-oeil-i,.io-oeil-o,.io-bouche{transform-box:fill-box;transform-origin:center}
.io-oeil-o{animation:io-cligne 7s infinite}
.hotesse.io-pense .io-oeil-i{animation:io-saute .9s infinite}
.hotesse.io-pense .io-oeil-o{animation:io-saute .9s .18s infinite}
.io-bouche{transition:transform .7s cubic-bezier(.3,1.6,.5,1)}
.hotesse.io-pense .io-bouche{transform:scale(.5,.25)}
.hotesse.io-repond .io-bouche{transform:scale(1.12,1.25)}
@keyframes io-cligne{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}
@keyframes io-saute{0%,100%{transform:none}45%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.hotesse-filigrane *{animation:none !important;transition:none !important}}
.conversation{margin-top:var(--e4)}
.conversation:empty{display:none}
.echange{display:grid;gap:var(--e1);padding-bottom:var(--e3);margin-bottom:var(--e3);border-bottom:1px solid var(--trait-doux);animation:monte .6s var(--transition) both}
.echange-qui{font:600 .75rem/1.4 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2)}
.echange-qui-hotesse{font:italic 400 1.125rem/1.2 var(--police-titre);letter-spacing:0;text-transform:none;color:var(--rouge)}
.echange-question{font-weight:600}
.echange-reponse{font:italic 400 1.25rem/1.55 var(--police-titre)}
.echange-liens{display:flex;flex-wrap:wrap;gap:4px var(--e3)}
.echange-liens:empty{display:none}
.reflechit{font:italic 400 .875rem/1.4 var(--police-titre);color:var(--encre-3)}
.reflechit b{font-weight:400;animation:clignote 1.2s infinite both}
.reflechit b:nth-child(2){animation-delay:.2s}.reflechit b:nth-child(3){animation-delay:.4s}
@keyframes clignote{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes monte{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hotesse-formulaire{display:flex;align-items:center;gap:var(--e2);margin-top:var(--e3);border-bottom:1px solid var(--encre-2);transition:border-color .25s}
.hotesse-formulaire:focus-within{border-color:var(--rouge)}
.hotesse-formulaire input[type="text"]{flex:1;min-width:0;border:0;background:transparent;font:italic 400 1.25rem/1.3 var(--police-titre);padding:12px 0;outline:0;border-radius:0}
.hotesse-formulaire button{border:0;background:none;cursor:pointer;padding:12px 0;font:600 .75rem/1 var(--police-corps);letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.hotesse-formulaire .pot-de-miel{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hotesse-cote-tete{display:flex;align-items:center;gap:.7rem}
.hotesse-cote-tete::after{content:"";flex:1;border-top:1px solid var(--trait)}
.suggestions{list-style:none;margin:6px 0 0;padding:0;display:grid}
.suggestion{border:0;background:none;cursor:pointer;padding:4.2px 0;text-align:left;font:italic 400 .975rem/1.4 var(--police-titre);color:var(--encre-2);text-decoration:underline;
text-decoration-color:rgba(58,50,44,.3);text-underline-offset:.3em}
.suggestion:hover{color:var(--rouge)}
@media (max-width:1023px){
.suggestions{display:flex;gap:var(--e3);overflow-x:auto;margin:0 calc(-1 * var(--gouttiere));padding:2px var(--gouttiere) 4px;scrollbar-width:none;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gouttiere),#000 calc(100% - var(--gouttiere)),transparent);
mask-image:linear-gradient(90deg,transparent,#000 var(--gouttiere),#000 calc(100% - var(--gouttiere)),transparent)}
.suggestions::-webkit-scrollbar{display:none}
.suggestions li{flex:none}
}
.hotesse-principal>.hotesse-tete{z-index:2;font-size:var(--titre-2);line-height:1.06;text-wrap:balance}
.hotesse-titre{display:inline}
.hotesse-ancre{display:inline-block;position:relative}
.hotesse-info{position:absolute;right:.32em;top:calc(.26em - 6px);width:max-content}
.hotesse-info summary{display:flex;align-items:center;gap:6px;min-height:28px;cursor:pointer;list-style:none;font-size:.75rem;color:var(--encre-2)}
@media (min-width:1024px){.hotesse-info{top:calc(.245em - 16px)}.hotesse-info summary{min-height:32px}}
.hotesse-info summary::-webkit-details-marker{display:none}
.hotesse-info summary::marker{content:""}
.hotesse-info summary:hover{color:var(--rouge)}
.hotesse-info svg{flex:none;width:16px;height:16px}
.hotesse-info p{position:absolute;right:0;top:calc(100% + 6px);z-index:5;translate:var(--decale,0);width:min(20rem,calc(100vw - 2 * var(--gouttiere)));margin:0;padding:var(--e3);
background:var(--creme);color:var(--encre-2);font-size:.8125rem;line-height:1.5;border:1px solid var(--trait-doux);border-radius:4px;box-shadow:0 14px 34px rgba(58,50,44,.18)}
.hotesse-info p a{color:var(--encre)}
.tombe{animation:none;transition:transform .75s cubic-bezier(.3,1.35,.55,1) var(--chute-d,0s)}
html.effondre .tombe{transform:translate(var(--chute-x,0),var(--chute-y,110vh)) rotate(var(--chute-r,0));transition:transform .85s cubic-bezier(.55,0,1,.45) var(--chute-d,0s)}
html.effondre{overflow:hidden}
html.effondre .colophon{background:transparent}
html.effondre .colophon::after{display:none}
.effondre main>:not(.tombe),.effondre .colophon .conteneur>:not(.tombe){visibility:hidden}
.vanne{width:min(26rem,calc(100vw - 2.5rem));height:fit-content;max-height:calc(100svh - 2rem);overflow:auto;margin:auto;padding:var(--e5) var(--e4) var(--e4);border:0;background:var(--creme);color:var(--encre);
text-align:center;box-shadow:0 40px 80px -30px rgba(43,35,29,.55);transform:rotate(-1.2deg)}
.vanne::backdrop{background:transparent}
.vanne[open]{display:grid;align-content:start;gap:var(--e2);justify-items:center;animation:vanne-arrive .6s cubic-bezier(.3,1.45,.6,1) both}
@keyframes vanne-arrive{from{transform:translateY(-70vh) rotate(-9deg)}to{transform:rotate(-1.2deg)}}
.tampon{margin:0;line-height:1;text-align:center}
.tampon span{display:inline-block;font:700 .6875rem/1 var(--police-corps);letter-spacing:.16em;text-transform:uppercase;color:var(--rouge);border:1.5px solid var(--rouge);padding:6px 10px 5px;transform:rotate(-4deg);white-space:nowrap}
.vanne:focus,.resa:focus{outline:none}
.vanne-titre{font:500 clamp(1.9rem,7.4vw,2.4rem)/1.08 var(--police-titre);color:var(--rouge);text-wrap:balance}
.vanne-chute{font:italic 400 1rem/1.5 var(--police-titre);color:var(--encre-2)}
.vanne .actions{justify-content:center;margin-top:var(--e1)}
.vanne-complice{margin-top:-4px;font-size:.875rem}
.vanne-complice .lien{color:var(--encre-2);padding-block:4px}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion:no-preference){
.apparait{animation:apparition linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
@keyframes apparition{from{transform:translateY(20px)}to{transform:none}}
}
}
@media (prefers-reduced-motion:no-preference){
.ouverture-photo img{animation:poser 2.4s var(--transition) both}
@keyframes poser{from{transform:scale(1.06)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
.brouillon-bandeau{position:fixed;left:50%;bottom:var(--e2);transform:translateX(-50%);z-index:70;background:#2b231d;color:#f5f1e8;font:500 .75rem/1.4 var(--police-corps);padding:8px var(--e2);border-radius:999px;pointer-events:none;white-space:nowrap}
mark.a-confirmer{background:rgba(243,160,9,.28);box-shadow:0 0 0 2px rgba(243,160,9,.28);border-radius:2px;color:inherit}
.bloc-a-confirmer{outline:2px dashed rgba(243,160,9,.7);outline-offset:6px}
.capture .apparait,.capture .ouverture-photo img{animation:none}
.capture .barre-actions{transform:none}
.capture .brouillon-bandeau{display:none}
.capture .ouverture-photo .cadre{height:487px}
@media (min-width:1024px){.capture .ouverture-photo .cadre{height:auto;max-height:740px}}
@media print{
.entete,.barre-actions,.panneau,.volet,.ancres,.resa,.resa-voile,.bande,.hotesse,.colophon,.imprimer,.brouillon-bandeau,.filigrane-mot{display:none !important}
body{background:#fff;font-size:11pt}
.ouverture-page{padding:0 0 1rem}
.carte-famille{padding-top:1rem}
.carte-ligne{break-inside:avoid}
a{text-decoration:none}
}