@font-face{font-family:Bricolage Grotesque;src:url(/demos/grain-de-seine/site/fonts/bricolage-grotesque-normal.woff2)format("woff2");font-weight:500 800;font-display:swap}@font-face{font-family:Figtree;src:url(/demos/grain-de-seine/site/fonts/figtree-normal.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Figtree;src:url(/demos/grain-de-seine/site/fonts/figtree-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{color-scheme:light;--lait:#f3f4ec;--pierre:#e2e5d8;--blanc:#fbfbf7;--encre:#121611;--encre-douce:#474b42;--ligne:#12161122;--fluo:#c6f432;--fluo-sombre:#a9d61c;--display:"Bricolage Grotesque", system-ui, sans-serif;--texte:"Figtree", system-ui, sans-serif;--r:16px;--max:1320px;--gout:clamp(16px, 4vw, 40px);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--z-header:20;--z-menu:30}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--lait);color:var(--encre);font:400 17px/1.6 var(--texte);text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}p{margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:700}h1{letter-spacing:-.045em;font-size:clamp(44px,6.4vw,88px);font-weight:800;line-height:.98}h2{letter-spacing:-.035em;font-size:clamp(34px,4.6vw,60px);line-height:1}h3{letter-spacing:-.02em;font-size:22px;line-height:1.15}::selection{background:var(--fluo);color:var(--encre)}:focus-visible{outline:3px solid var(--encre);outline-offset:3px;border-radius:4px}.conteneur{width:min(var(--max), 100% - 2 * var(--gout));margin-inline:auto}.section{padding-block:clamp(72px,10vw,136px)}.lead{color:var(--encre-douce);max-width:56ch;font-size:clamp(18px,1.6vw,21px)}.muted{color:var(--encre-douce)}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.icone{fill:currentColor;flex:none;width:1em;height:1em}.lien-evitement{z-index:100;background:var(--encre);color:var(--lait);border-radius:99px;padding:12px 18px;text-decoration:none;position:fixed;top:-80px;left:16px}.lien-evitement:focus{top:16px}.hl{z-index:0;white-space:nowrap;position:relative}.hl:after{content:"";z-index:-1;background:var(--fluo);transform-origin:0;height:.3em;transition:transform .9s var(--ease-out) .15s;border-radius:3px;position:absolute;bottom:.08em;left:-.04em;right:-.04em}@media (prefers-reduced-motion:no-preference){.js .hl:not(.on):after{transform:scaleX(0)}.js [data-reveal]{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:calc(var(--d,0) * 70ms)}.js [data-reveal]:not(.in){opacity:0;transform:translateY(24px)}.js .photo-reveal{transition:clip-path 1.1s var(--ease-in-out)}.js .photo-reveal:not(.in){clip-path:inset(0 0 100% 0 round var(--r))}}.btns{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{font:600 16px/1 var(--texte);color:var(--encre);-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.btn-txt,.btn-ic{background:var(--encre);color:var(--lait);transition:transform .25s var(--ease-out), background-color .2s ease, color .2s ease;box-shadow:0 12px 24px -14px #1216118c,inset 0 1px #ffffff14}.btn-txt{white-space:nowrap;border-radius:99px;align-items:center;min-height:54px;padding:0 26px;display:inline-flex}.btn-ic{border-radius:50%;place-items:center;width:54px;height:54px;font-size:20px;display:grid}.btn-ic .icone{transition:transform .25s var(--ease-out)}.btn:active .btn-txt,.btn:active .btn-ic{transition-duration:.12s;transform:scale(.97)}.btn:focus-visible{outline:none}.btn:focus-visible .btn-txt{outline:3px solid var(--encre);outline-offset:3px}.btn--fluo .btn-txt,.btn--fluo .btn-ic{background:var(--fluo);color:var(--encre);box-shadow:0 12px 24px -14px #12161173,inset 0 1px #ffffff4d}.btn--ghost .btn-txt,.btn--ghost .btn-ic{color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--encre);background:0 0}.sombre .btn--ghost .btn-txt,.sombre .btn--ghost .btn-ic{color:var(--lait);box-shadow:inset 0 0 0 1.5px var(--lait)}@media (hover:hover) and (pointer:fine){.btn:hover .btn-ic{transform:translate(4px)rotate(-8deg)}.btn:hover .btn-ic .icone{transform:rotate(8deg)}.btn:hover .btn-txt{transform:translate(-2px)}.btn--fluo:hover .btn-ic{background:var(--encre);color:var(--fluo)}.btn:not(.btn--fluo):not(.btn--ghost):hover .btn-ic{background:var(--fluo);color:var(--encre)}.btn--ghost:hover .btn-txt,.btn--ghost:hover .btn-ic{background:var(--encre);color:var(--lait)}.sombre .btn--ghost:hover .btn-txt,.sombre .btn--ghost:hover .btn-ic{background:var(--lait);color:var(--encre)}}.lien-fleche{transition:background-size .25s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat;align-items:center;gap:8px;padding-bottom:2px;font-weight:600;text-decoration:none;display:inline-flex}.lien-fleche .icone{transition:transform .25s var(--ease-out)}@media (hover:hover) and (pointer:fine){.lien-fleche:hover .icone{transform:translate(3px)}}.statut{background:var(--pierre);min-height:40px;color:var(--encre);font:600 14px/1 var(--texte);white-space:nowrap;border-radius:99px;align-items:center;gap:9px;padding:0 16px 0 13px;text-decoration:none;display:inline-flex}.statut:before{content:"";background:var(--encre-douce);border-radius:50%;width:8px;height:8px}.statut.ouvert{background:var(--fluo)}.statut.ouvert:before{background:var(--encre)}.entete{z-index:var(--z-header);backdrop-filter:blur(14px)saturate(140%);view-transition-name:entete;background:#f3f4ecdb;position:sticky;top:0}.entete .conteneur{align-items:center;gap:24px;height:72px;display:flex}.logo{font:800 23px/1 var(--display);letter-spacing:-.045em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:inline-flex}.logo .grain{width:34px;height:34px}.grain .bean{fill:var(--bean,var(--encre))}.grain .seine{fill:none;stroke:var(--seine,var(--fluo));stroke-width:3.4px;stroke-linecap:round;stroke-dasharray:44}@media (prefers-reduced-motion:no-preference) and (hover:hover){.logo:hover .seine{animation:dessin 1s var(--ease-out)}}@keyframes dessin{0%{stroke-dashoffset:44px}to{stroke-dashoffset:0}}.nav{align-items:center;gap:6px;display:flex}.nav a{border-radius:99px;padding:10px 14px;font-weight:500;text-decoration:none;transition:background-color .2s;position:relative}.nav a[aria-current=page]{background:var(--encre);color:var(--lait)}@media (hover:hover) and (pointer:fine){.nav a:not([aria-current]):hover{background:var(--pierre)}}.menu-btn,.menu-mobile{display:none}@media (width<=900px){.entete .conteneur{gap:10px;height:64px}.nav{display:none}.entete .statut{min-height:36px;padding:0 12px 0 10px;font-size:13px}.entete .statut .long{display:none}.menu-btn{background:var(--encre);min-height:44px;color:var(--lait);font:600 15px/1 var(--texte);cursor:pointer;border:0;border-radius:99px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.menu-mobile{z-index:var(--z-menu);padding:24px var(--gout) 32px;background:var(--lait);transition:opacity .2s ease, transform .3s var(--ease-out), visibility 0s linear .3s;flex-direction:column;justify-content:space-between;gap:32px;display:flex;position:fixed;inset:64px 0 0;overflow-y:auto}.menu-mobile:not(.ouvert){opacity:0;visibility:hidden;transform:translateY(-8px)}.menu-mobile.ouvert{transition-delay:0s}.menu-mobile ul{margin:0;padding:0;list-style:none}.menu-mobile li a{font:700 clamp(36px, 10vw, 48px)/1.05 var(--display);letter-spacing:-.04em;padding:12px 0;text-decoration:none;display:block}.menu-mobile li a[aria-current=page] .libelle{background:linear-gradient(var(--fluo), var(--fluo)) 0 88% / 100% .3em no-repeat}}@media (width<=380px){.logo span{display:none}}.hero{padding-block:clamp(32px,5vw,72px) clamp(56px,8vw,104px)}.hero--accueil{padding-top:clamp(16px,3vw,40px)}.hero--accueil .conteneur{grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(32px,5vw,80px);height:clamp(520px,100dvh - 168px,760px);display:grid}.hero--accueil h1{font-size:clamp(46px,5.8vw,84px)}.hero--accueil .lead{max-width:44ch;margin-top:28px}.hero--accueil .btns{margin-top:36px}.hero--accueil figure{height:100%;margin:0}.hero--accueil img{object-fit:cover;border-radius:var(--r);width:100%;height:100%}.hero--accueil .hero-texte{flex-direction:column;justify-content:flex-end;height:100%;min-height:0;display:flex}.hero--accueil .hero-secondaire{flex:0 300px;width:min(62%,440px);height:auto;min-height:0;margin-bottom:auto;padding-bottom:32px}.hero--accueil .hero-secondaire img{aspect-ratio:auto}.hero--accueil .hero-secondaire .photo-intro{transition-delay:.35s}@media (height<=640px){.hero--accueil .hero-secondaire{display:none}}.hero--page h1{max-width:16ch}.hero--page .lead{margin-top:24px}.hero--page .btns{margin-top:32px}.hero--page figure{margin:clamp(40px,6vw,72px) 0 0}.hero--page+.section{padding-top:0}.hero--page figure img{aspect-ratio:21/9;object-fit:cover;border-radius:var(--r);width:100%}@media (prefers-reduced-motion:no-preference){.hero [data-intro]{transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transition-delay:calc(var(--d,0) * 90ms)}.intro .hero [data-intro]{opacity:0;transform:translateY(28px)}.hero .photo-intro{transition:clip-path 1.2s var(--ease-in-out) .15s}.intro .hero .photo-intro{clip-path:inset(100% 0 0 0 round var(--r))}}@media (width<=900px){.hero--accueil .conteneur{grid-template-columns:1fr;height:auto}.hero--accueil img{aspect-ratio:4/5;height:auto;max-height:70vh}.hero--accueil .hero-secondaire{display:none}.hero--page+.section{padding-top:0}.hero--page figure img{aspect-ratio:4/3}}.moments .conteneur{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.moments-photos{display:grid}.moments-photos img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);width:100%;transition:opacity .4s ease, filter .4s ease, transform .6s var(--ease-out);grid-area:1/1}.moments-photos img:not(.actif){opacity:0;filter:blur(8px);transform:scale(1.02)}.onglets{background:var(--pierre);border-radius:99px;grid-auto-columns:1fr;grid-auto-flow:column;margin:32px 0 28px;padding:5px;display:inline-grid;position:relative}.onglets button{all:unset;z-index:1;text-align:center;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:99px;padding:14px 26px;font-weight:600;transition:color .25s;position:relative}.onglets button[aria-selected=true]{color:var(--lait)}.onglets button:focus-visible{outline:3px solid var(--encre);outline-offset:2px}.onglets button:active{transform:scale(.97)}.onglets .curseur{width:calc((100% - 10px) / var(--n));background:var(--encre);transform:translateX(calc(var(--i,0) * 100%));transition:transform .35s var(--ease-out);border-radius:99px;position:absolute;top:5px;bottom:5px;left:5px}.panneaux{display:grid}.panneau{grid-area:1/1;transition:opacity .3s,filter .3s}.panneau[aria-hidden=true]{opacity:0;filter:blur(4px);pointer-events:none}.panneau p{max-width:40ch;font-size:20px}.points{gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.points li{align-items:center;gap:12px;display:flex}.points .puce{background:var(--fluo);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:16px;display:grid}@media (width<=900px){.moments .conteneur{grid-template-columns:1fr}.moments-photos{order:2}.moments-photos img{aspect-ratio:4/3}.onglets{display:grid}}.sombre{background:var(--encre);color:var(--lait)}.torref{overflow:hidden}.torref h2{max-width:14ch}.grains{grid-template-columns:repeat(11,1fr);gap:clamp(6px,1.4vw,20px);margin:clamp(48px,7vw,88px) 0;display:grid}.grains svg{width:100%;height:auto;transform:rotate(var(--r))}.grains .bean{fill:var(--c)}.grains .seine{fill:none;stroke:var(--encre);stroke-width:3.4px;stroke-linecap:round}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.grains .bean{animation:linear both torrefier view();animation-range:entry 10% cover calc(35% + var(--i) * 3.5%)}}}@keyframes torrefier{0%{fill:#9db86a}50%{fill:#d7ae6b}to{fill:var(--c)}}.etapes{grid-template-columns:repeat(12,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.etapes li{border-top:1.5px solid #f3f4ec40;grid-column:span 4;padding-top:20px}.etapes li:nth-child(2){margin-top:48px}.etapes li:nth-child(3){margin-top:96px}.etapes .pastille{background:var(--c);border-radius:50%;width:14px;height:14px;margin-bottom:18px;display:block}.etapes h3{font-size:clamp(26px,2.6vw,34px)}.etapes p{color:#c9cdc0;max-width:34ch;margin-top:10px}@media (width<=900px){.grains{grid-template-columns:repeat(6,1fr)}.grains svg:nth-child(n+7){display:none}.etapes li{grid-column:1/-1;margin-top:0!important}}.bento{grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:48px;display:grid}.bento-photo{grid-row:span 2;margin:0}.bento-photo img{object-fit:cover;border-radius:var(--r);width:100%;height:100%;min-height:420px}.etiquette{border-radius:var(--r);background:var(--blanc);box-shadow:inset 0 0 0 1.5px var(--encre);flex-direction:column;padding:clamp(24px,3vw,40px);display:flex}.etiquette small{color:var(--encre-douce);font-weight:600}.etiquette .origine{font:800 clamp(34px, 3.8vw, 52px)/1 var(--display);letter-spacing:-.04em;margin-top:8px;display:block}.etiquette .notes{margin-top:12px;font-size:19px}.etiquette .conseil{color:var(--encre-douce);margin-top:6px}.jauge{margin-top:auto;padding-top:28px}.jauge-barres{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.jauge-barres span{background:var(--pierre);border-radius:99px;height:10px}.jauge-barres span.plein{background:var(--encre)}.jauge-legende{color:var(--encre-douce);justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.encart{border-radius:var(--r);background:var(--fluo);flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(24px,3vw,40px);display:flex}.encart p{font:700 clamp(24px, 2.4vw, 32px)/1.1 var(--display);letter-spacing:-.025em;max-width:20ch}@media (width<=900px){.bento{grid-template-columns:1fr}.bento-photo{grid-row:auto}.bento-photo img{aspect-ratio:4/3;min-height:0}}.avis blockquote{font:700 clamp(34px, 5vw, 68px)/1.04 var(--display);letter-spacing:-.04em;max-width:20ch;margin:0}.avis .source{color:var(--encre-douce);flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px;display:flex}.avis .source span{align-items:center;gap:10px;display:inline-flex}.avis .source .icone{color:var(--encre);font-size:22px}.avis .conteneur{padding-left:clamp(0px,8vw,140px)}.entete-section{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:40px;display:flex}.cartes-actus>li{display:flex}.cartes-actus>li>*{flex:1}.cartes-actus{grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.carte-actu{border-radius:var(--r);background:var(--blanc);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.carte-actu figure{margin:0;overflow:hidden}.carte-actu img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .6s var(--ease-out)}.carte-actu .corps{flex-direction:column;flex:1;gap:10px;padding:24px 26px 28px;display:flex}.carte-actu .meta{color:var(--encre-douce);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;display:flex}.categorie{background:var(--pierre);color:var(--encre);border-radius:99px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-block}.carte-actu h3 a{text-decoration:none}.carte-actu h3 a:after{content:"";border-radius:var(--r);position:absolute;inset:0}.carte-actu h3 a:focus-visible{outline:none}.carte-actu:has(h3 a:focus-visible){outline:3px solid var(--encre);outline-offset:3px}.carte-actu .resume{color:var(--encre-douce)}.carte-actu--texte{background:var(--fluo)}.carte-actu--texte .categorie{background:var(--encre);color:var(--lait)}.carte-actu--texte .resume,.carte-actu--texte .meta{color:var(--encre)}.carte-actu--texte .corps{justify-content:flex-end;min-height:280px}.carte-actu--texte h3{font-size:clamp(28px,3vw,38px)}@media (hover:hover) and (pointer:fine){.carte-actu:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px #12161159}.carte-actu:hover img{transform:scale(1.03)}}.une{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);margin-bottom:clamp(48px,7vw,96px);display:grid}.une img{aspect-ratio:16/11;object-fit:cover;border-radius:var(--r);width:100%}.une h2{margin:16px 0}.une .resume{color:var(--encre-douce);margin-bottom:28px;font-size:19px}.vide{border-radius:var(--r);background:var(--blanc);text-align:center;color:var(--encre-douce);padding:40px}@media (width<=900px){.cartes-actus,.une{grid-template-columns:1fr}}.infos-grille{grid-template-columns:1.3fr 1fr;gap:16px;margin-top:48px;display:grid}.plan{border-radius:var(--r);background:var(--pierre);min-height:460px;position:relative;overflow:hidden}.plan iframe{filter:grayscale(.6)contrast(1.05);border:0;width:100%;height:100%;position:absolute;inset:0}.fiche{border-radius:var(--r);background:var(--pierre);flex-direction:column;gap:24px;padding:clamp(24px,3vw,40px);display:flex}.horaires{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.horaires th,.horaires td{text-align:left;border-bottom:1px solid var(--ligne);padding:10px 0;font-weight:400}.horaires td{text-align:right}.horaires tr.aujourdhui th,.horaires tr.aujourdhui td{font-weight:700}.horaires tr.aujourdhui th:after{content:"aujourd'hui";background:var(--encre);color:var(--lait);vertical-align:2px;border-radius:99px;margin-left:10px;padding:3px 8px;font-size:12px;font-weight:600}.adresse{font-style:normal}.adresse strong{font:700 22px/1.2 var(--display);letter-spacing:-.02em;display:block}.tel-grand{font:800 clamp(30px, 3.4vw, 44px)/1 var(--display);letter-spacing:-.04em;text-decoration:none}@media (width<=900px){.infos-grille{grid-template-columns:1fr}.plan{order:2;min-height:320px}}.histoire .conteneur{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.histoire figure{margin:0;position:sticky;top:104px}.histoire figure img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);width:100%}.prose{max-width:60ch}.prose>*+*{margin-top:1.1em}.prose p{font-size:19px}.prose h2{margin-top:1.6em;font-size:clamp(28px,3vw,40px)}.prose ul{padding-left:1.2em}.prose li{font-size:19px}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--encre-douce)}.prose a{text-decoration-color:var(--fluo-sombre);text-underline-offset:3px;text-decoration-thickness:2px}.histoire .prose{padding-top:12px}.histoire h2+.prose{margin-top:28px}@media (width<=900px){.histoire .conteneur{grid-template-columns:1fr}.histoire figure{position:static}.histoire figure img{aspect-ratio:4/3}}.origines-tete{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.origines-tete .lead{margin-top:16px}.fleches{gap:8px;display:flex}.fleche{background:var(--encre);width:52px;height:52px;color:var(--lait);cursor:pointer;transition:transform .16s var(--ease-out), opacity .2s ease;border:0;border-radius:50%;place-items:center;font-size:20px;display:grid}.fleche:active{transform:scale(.95)}.fleche:disabled{opacity:.3;cursor:default}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:max(270px,30.303% - 14.5455px);grid-auto-flow:column;gap:16px;margin-top:40px;padding:0 0 8px;list-style:none;display:grid;overflow-x:auto}[data-rail].sans-defilement .fleches{visibility:hidden}.rail::-webkit-scrollbar{display:none}.rail>li{scroll-snap-align:start}.rail .etiquette{height:100%}.rail .etiquette .origine{font-size:clamp(34px,3vw,44px)}.rail li:first-child .etiquette{background:var(--fluo);box-shadow:none}.image-texte .conteneur{grid-template-columns:7fr 5fr;align-items:end;gap:clamp(32px,6vw,96px);display:grid}.image-texte.inverser .conteneur{grid-template-columns:5fr 7fr}.image-texte.inverser figure{order:2}.image-texte figure{margin:0}.image-texte img{aspect-ratio:5/4;object-fit:cover;border-radius:var(--r);width:100%}.image-texte .texte{padding-bottom:clamp(0px,4vw,56px)}.image-texte h2+.prose{margin-top:24px}@media (width<=900px){.image-texte .conteneur,.image-texte.inverser .conteneur{grid-template-columns:1fr}.image-texte.inverser figure{order:0}}.filtres{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.filtres button{all:unset;background:var(--pierre);cursor:pointer;min-height:44px;transition:background-color .2s ease, color .2s ease, transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:99px;align-items:center;padding:0 20px;font-weight:600;display:inline-flex}.filtres button[aria-pressed=true]{background:var(--encre);color:var(--lait)}.filtres button:active{transform:scale(.97)}.filtres button:focus-visible{outline:3px solid var(--encre);outline-offset:2px}.mosaique{columns:3 280px;column-gap:16px}.mosaique li{break-inside:avoid;margin-bottom:16px;list-style:none}.mosaique{margin:0;padding:0}.mosaique button{all:unset;border-radius:var(--r);cursor:zoom-in;width:100%;display:block;overflow:hidden}.mosaique button:focus-visible{outline:3px solid var(--encre);outline-offset:3px}.mosaique img{width:100%;transition:transform .6s var(--ease-out)}@media (hover:hover) and (pointer:fine){.mosaique button:hover img{transform:scale(1.03)}}.visionneuse{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--lait);background:0 0;border:0;margin:0;padding:0}.visionneuse::backdrop{background:#121611eb}.visionneuse[open]{grid-template-rows:auto 1fr auto;display:grid}.visionneuse .barre{padding:16px var(--gout);justify-content:flex-end;display:flex}.visionneuse figure{min-height:0;padding:0 var(--gout);place-items:center;margin:0;display:grid}.visionneuse img{border-radius:var(--r);view-transition-name:photo-ouverte;width:auto;max-width:100%;max-height:calc(100dvh - 200px)}.visionneuse figcaption{text-align:center;padding:16px var(--gout) 0;color:#c9cdc0}.visionneuse .nav-photos{justify-content:center;gap:12px;padding:16px 0 24px;display:flex}.visionneuse .fleche{background:var(--lait);color:var(--encre)}::view-transition-group(photo-ouverte){animation-duration:.4s;animation-timing-function:var(--ease-out)}.moyens{grid-template-columns:repeat(4,1fr);gap:32px;margin:48px 0 0;padding:0;list-style:none;display:grid}.moyens li{border-top:1.5px solid var(--encre);padding-top:24px}.moyens .icone{margin-bottom:16px;font-size:30px}.moyens p{color:var(--encre-douce);margin-top:8px}@media (width<=900px){.moyens{grid-template-columns:1fr 1fr}}@media (width<=520px){.moyens{grid-template-columns:1fr}}.cta .conteneur{justify-items:start;gap:28px;display:grid}.cta h2{max-width:16ch;font-size:clamp(40px,6vw,80px)}.article-tete{padding-block:clamp(32px,5vw,72px) 0}.article-tete .meta{color:var(--encre-douce);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:24px;display:flex}.article-tete h1{max-width:18ch;font-size:clamp(40px,5.4vw,72px)}.article-tete .lead{margin-top:24px}.article-image{margin:clamp(40px,6vw,64px) 0 0}.article-image img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);width:100%}.article-corps{padding-block:clamp(48px,7vw,96px)}.article-corps .prose{margin-inline:auto}.retour{margin-bottom:32px}.retour .icone{transform:none}.pied{background:var(--pierre);padding-block:clamp(64px,8vw,104px) 32px}.pied-grille{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;display:grid}.pied .logo{flex-direction:column;align-items:flex-start;gap:.2em;font-size:clamp(40px,5vw,64px)}.pied .logo .grain{width:1.3em;height:1.3em}.pied h2{font:600 14px/1 var(--texte);letter-spacing:0;color:var(--encre-douce);margin-bottom:16px}.pied ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pied a{text-decoration:none}@media (hover:hover) and (pointer:fine){.pied ul a:hover{text-decoration:underline;text-decoration-color:var(--encre);text-underline-offset:3px}}.pied-bas{border-top:1px solid var(--ligne);color:var(--encre-douce);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;padding-top:24px;font-size:14px;display:flex}@media (width<=900px){.pied-grille{grid-template-columns:1fr 1fr}.pied-grille>:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:.18s ease-out both sortie}::view-transition-new(root){animation:.32s var(--ease-out) both entree}}@keyframes sortie{to{opacity:0}}@keyframes entree{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}