*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}Image,img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--yellow: #f3bd22;--black: #000000;--white: #ffffff;--background: #eeeadb;--animStart: 150vh;--animEnd: 150vh;--weight: 400;--gap-24: 24px;--gap-16: 16px}*{font-family:"Source Serif 4",serif}html{font-size:clamp(14px,11.0838px + .2778vw,18px);overflow-x:clip}body{display:flex;flex-direction:column;align-items:center;justify-content:start;justify-self:center;width:100%;height:fit-content;overflow-x:clip}header{width:100%}span.icon-arrow{position:relative;z-index:0;display:flex;align-items:center;padding-left:2rem;a{color:var(--black)}}span.icon-arrow:before{content:"";position:absolute;background:transparent url(/_astro/arrow-bottom-right.BV2KB4QT.png);z-index:5;width:1.2rem;height:1.2rem;background-position:center;background-repeat:no-repeat;background-size:contain;left:0}p a{color:color-mix(in srgb,var(--black) 75%,transparent);font-style:italic}*:not(.cta,.info-texte,article,*.to-small-titre,li.about,.figure)>a{text-decoration:none;transition:text-decoration .2s ease;position:relative;&:not(.lien-post):before{content:"";position:absolute;background:var(--black);width:0%;height:3px;left:0;top:2.3ch;border-radius:1ch;transition:width .2s ease}&:hover:before{width:100%}}p:not(.cta,*.to-small-titre,li:is(.about,.tag)) a:not(.data-footnote-backref):after{content:"";font-family:fontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline-block;margin-inline-start:1ch;text-indent:0;font-size:1.1rem}h1,*.to-small-titre a,.soustitre,h2,h3,h3[class*=les-potos] a,h3.les-cadors a,h4,ul:not(.liste-contraintes,.tags) li a,.cta a,ul li,strong,em,.to-home,p.titre-texte,.carton-texte p,p.accroche,figcaption{font-family:Chelsea Market,system-ui;font-weight:400;font-style:normal;color:var(--black)}ul{padding:8px}li{font-weight:700;list-style:none}p{font-optical-sizing:auto;font-weight:var(--weight);font-style:normal;font-size:1.4rem}*.to-small-titre a,.soustitre,p.accroche{min-width:fit-content;line-height:1.6ch;text-shadow:4px 4px var(--background);transition:text-shadow .3s ease-in-out}*.to-small-titre a{text-decoration:none;transition:text-shadow .3s ease-in-out}*.to-small-titre:hover a{text-shadow:-4px 4px var(--background)}h2{font-size:2.4rem}h3,.soustitre{font-size:2rem}*.display-flex{display:flex}*.direction-column{flex-direction:column}*.direction-row{flex-direction:row;position:relative;height:100%}div.direction-column .container-hero{display:flex;flex-direction:column;gap:var(--gap-24);width:100%;max-width:800px;padding:24px 0}div.direction-column .container-paragraph{border-top-color:transparent;border-bottom-color:transparent;gap:var(--gap-24);width:100%;& p{width:fit-content}}.carton-presentation .container-paragraph{display:inherit;flex-direction:column}body .main{display:flex;flex-direction:column;align-items:center;z-index:1}.cta{padding:0 16px;background:var(--yellow);display:flex;align-items:center;justify-content:center;width:fit-content;min-width:200px;border-radius:100px;border:4px solid var(--black);transition:background .3s ease;height:fit-content;align-self:flex-end;min-width:max-content;z-index:2;& a{text-decoration:none;text-align:center;color:var(--black);font-size:clamp(1.5rem,1rem + 1.2vw,3rem)}&:hover{background-color:var(--black);& a{color:var(--yellow)}}}.main-text{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.image-container{height:100vh;position:relative;width:100vw;box-sizing:content-box;z-index:0;background:var(--background)}.carton-texte{content:"";position:absolute;top:20vh;width:100%;min-width:auto;height:auto;padding:32px 0;display:flex;justify-content:center;z-index:2;animation:none;&:before{content:"Grammar Oisif";position:absolute;font-family:Chelsea Market,system-ui;font-weight:400;font-size:clamp(5.3rem,.6906rem + 6.9245vw,9rem);width:100%;transform:translateY(-15vh);text-align:center;text-shadow:4px 4px var(--background)}& p{font-size:3.5rem;padding:32px 0}}.image-container *.image-reveal{width:100%;height:100vh;display:flex;justify-self:center;position:sticky;top:0;object-fit:cover;object-position:bottom;background:var(--yellow)}@supports (view-timeline-axis: block){.image-container{height:600vh}.image-container *.image-reveal{width:100%;height:100vh;display:flex;justify-self:center;position:sticky;top:0;object-fit:cover;object-position:bottom;background:var(--yellow);view-timeline-axis:block;animation:clip-reveal 1s both;animation-timeline:scroll();animation-range-start:130vh;animation-range-end:500vh}.carton-texte{view-timeline-name:--to-opacity-0;view-timeline-axis:block;animation-timeline:scroll();animation-range-start:130vh;animation-range-end:250vh;top:20vh;&:before{display:none}& p{font-size:4rem;padding:32px 0}}}.nav-box{position:relative;width:100%;height:50px;z-index:1;display:flex;align-items:center}body .display-flex.direction-row.redirection-col{width:100vw;flex-wrap:wrap;&:after{content:"";position:absolute;width:100%;height:100%;z-index:0;background:var(--black)}}[class*=redirection-card]{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--gap-16);overflow:hidden;position:relative;transition:width .3s ease-in-out;z-index:1;height:fit-content;min-height:100vh;.direction-column{background-color:var(--white);padding:16px;& h2{font-size:clamp(1.5rem,1.2rem + 1.5vw,3rem)}}}.redirection-card-gribouille{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60%;-webkit-transform:rotate(-2.5deg);-ms-transform:rotate(-2.5deg);transform:rotate(-2.5deg);border:4px solid var(--black);position:relative;padding:6vh 0 0 2vw;z-index:2;background:var(--black);&:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:var(--background);mix-blend-mode:color;z-index:1;transition:opacity 1.5s ease}.art-du-jour{content:"";height:100%;object-fit:cover;object-position:center;top:0;z-index:1;width:100vw;left:0;transition:transform .4s ease-in-out}&:has(.cta:hover):after{opacity:0}&:hover:has(.cta:hover){background-size:51%;.art-du-jour{transform:scale(1.01)}}& *:is(h2,p){background-color:var(--white);z-index:2}& h2{transform:rotate(-2deg);z-index:2}& p{transform:translate(6vw) rotate(3deg)}}.redirection-card-gribouille .display-flex.direction-column{width:100%;max-width:500px;gap:var(--gap-24);padding:24px;background:transparent}.redirection-card-ecritouille{align-items:flex-start;justify-content:flex-start;width:100vw;background-size:cover;background:var(--black);min-height:100vh;height:fit-content;>.display-flex.direction-row{min-height:100vh;height:fit-content;justify-content:center;width:100%;inset:0;margin:auto;max-width:75vw;align-items:center}}.redirection-card-ecritouille .presentation.display-flex.direction-column{max-width:1280px;gap:var(--gap-24);padding-bottom:48px;background:var(--black);z-index:2;height:fit-content;:is(h2,h3,p){color:var(--white)}}.redirection-card-ecritouille .dernier-texte.display-flex.direction-row{background:var(--black);transform:rotate(1deg)}.redirection-card-ecritouille .ambiance.display-flex.direction-row{gap:var(--gap-24);width:calc(100% - 24px);align-self:flex-start;& p{width:100%}p:nth-child(2){padding-top:5rem}}.redirection-card-ecritouille .dernier-texte .box{display:flex;flex-direction:column;justify-content:flex-start;padding:24px;background:var(--black);align-self:center;gap:var(--gap-24);max-width:fit-content;.cta{align-self:flex-start}*:not(.cta a){color:var(--white)}}html#ecritouille body .tous-les-textes .box article{border-bottom:2px dashed var(--white);&::hover a{background-color:color-mix(in srgb,var(--background),60%,transparent);transform:translate(-1rem)}& *:is(p,p.date-publication,input#start){&.titre-texte{font-size:1rem;max-width:fit-content;height:100%;align-items:center;line-height:1.3rem}}}.ambiance{& *:nth-child(2n){transform:rotate(2deg)}& *:nth-child(odd){transform:rotate(-2deg)}}.redirection-card-webouille{align-items:flex-start;justify-content:center;background:var(--white) url(/_astro/fond-webd.CecaPj9t.png);background-size:cover;background-repeat:no-repeat;background-position:top;background-attachment:scroll;width:40%;.cta{display:flex;align-self:center;z-index:1;position:relative}}.redirection-card-webouille .display-flex.direction-column{max-width:400px;width:80%;margin-left:15%;gap:var(--gap-24);padding:24px;background:var(--white);z-index:1}body footer{width:100vw;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;background:var(--yellow);background-size:20%;height:100vh;background-position:left bottom;& p.accroche{width:100%;text-align:center}}footer.display-flex.direction-column{position:sticky;bottom:0;z-index:0}footer p.accroche{font-size:clamp(4rem,-4.4475rem + 16.2063vw,15rem);padding:64px 24px}input[type=checkbox]{display:none}footer *.navigation{display:flex;align-items:center;flex-wrap:wrap;width:100%;justify-content:center;padding:24px;gap:var(--gap-24);& *:is(button,a){font-size:clamp(1.5rem,1rem + 1.2vw,3rem);display:flex;gap:var(--gap-16);align-items:center;:is(div,span)[class*=icon-]{height:clamp(1.5rem,1rem + 1.2vw,3rem);width:clamp(1.5rem,1rem + 1.2vw,3rem);position:relative;mask-repeat:no-repeat;mask-size:100%;mask-position:center;background:var(--black)}.icon-fbook{mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Calque_2'%20data-name='Calque%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20155.57%20154.06'%3e%3cg%20id='Calque_1-2'%20data-name='Calque%201'%3e%3cpath%20d='M0,76.98c1.25-14.69,3.81-32.29,6.45-46.85,1.58-8.71,1.35-5.76,4.28-12.92,1.04-2.55.73-5.89,1.82-8.18.65-1.36,6.86-7.13,8.39-7.6,8.63-2.66,19.18,1.84,27.71,2.18,5.55.22,14.19-1.6,19.91-1.66,15.28-.15,30.67.66,45.98.07,4.72-.18,12.62-2.27,16.91-2,2.11.13,4.75,2.27,7.29,2.73,6.23,1.13,9.36-1.62,13.67,5.33,8.39,13.51-2.45,42.08-3.4,57.42-1.46,23.64,3.14,54.79-3.28,76.72-.2.69-2.53,5.8-2.82,6.18-1.94,2.56-15.67,5.6-19.39,5.66-10.92.18-24.78-4.69-36.99-5.16-16.68-.63-33.53.43-50.36,1.41-4.53.26-9.05,1.81-13.65,1.75-2.35-.03-13.83-1.13-15.28-1.73-2.27-.95-5.79-9.34-6.15-11.92-.39-2.79-.52-19.2-.14-21.97.3-2.22,1.98-3.69,2.02-4.94.06-1.58-1.77-3.23-1.97-5.09-.6-5.6.96-16.53.4-24.26-.11-1.61.22-2.98-1.4-4.15.02-.33-.03-.67,0-1ZM87.15,15.85c-.37-.22-.65-2.26-1.54-2.95-2.42-1.85-10.05.16-13.1.09-15.33-.36-27.82-1.52-42.78,4.21-6.12,2.34-12.36,5.16-13.18,12.63-3.32,30.14-.47,60.55-.49,90.7,0,2.05-.97,3.88-.94,5.85.07,6.45,1.68,13.45,9.41,13.68,8.49.26,19.51-1.9,28-3.06,3.07-.42,8.59,1.11,10.58-1.42.7-5.58,4.65-31.84,2-35.19s-9.32-.5-12.66.58c-8.27-6-4.38-16.8-1.96-25l17.29-5.21c3.74-11.94,6.61-29.76,18.89-35.61,8.7-4.14,18.91-2.71,27.76-3.39,3.28-.25,13.13-3.63,14.65-1.12,1.99,3.2-1.57,17.82-3.37,20.07-3.56,4.42-15.89.96-21.65,2.84-7.36,2.4-13.89,13.77-13.95,21.29,2.23,3.33,20.81-1.16,23.4,4.15,1.31,2.7-1.93,17.63-4.56,19.45-4.08,2.82-19.44-1.55-20.82.68-.09,11.15.07,22.27-2.06,33.25,1.21,3.95,12.28.76,15.17.88,3.75.15,8.32,2.36,12.27,2.73,3,.28,21.14,1.36,22.58-.64,4.3-9.84,2.13-19.82,2.87-29.9,1.84-25.03,6.14-51.22.81-75.72-2-9.19-1.28-16.65-12.25-16.81-9.92-.15-23.64.84-34.07,1.19-1.98.07-4.6,2.76-6.3,1.75Z'/%3e%3c/g%3e%3c/svg%3e")}.icon-insta{mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Calque_1'%20data-name='Calque%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20156%20156'%3e%3cpath%20d='M139.76,3.26c5.19,7.14,10.97,10.34,12.98,19.49,3.95,17.95.11,43.09.2,61.72.09,17.77,2.73,36.25,1.99,53.96-.34,8.13-5.74,9.78-12.68,11.33-27.58,6.19-54.66.99-81.76,1.25-10.28.1-21.37,2.58-31.87,1.85-18.92-1.31-27.22-6.87-27.68-26.41C.16,93.28,3.19,57.88,3.99,24.45c.35-14.58,5.82-20.23,20.47-21.48,27.37-2.34,54.82,4.55,82.08,2.98,11-.64,22.05-4.23,33.22-2.68ZM137.72,20.28c-3.99-4-20.97-.55-27.21-.71-12.18-.31-24.45-2.6-37-1.56-15.31,1.27-28.61,2.19-43.87,2.86-3.55.15-11.1-2.02-14.67,1.6-2.83,2.87-2.96,35.42-2.36,41.61,2.18,22.29,3.19,46.08,7.2,67.71.51,2.76-2.48,6.28,2.72,7.19,7.66,1.34,17.8,1.17,25.86,2.13,11.14,1.32,21.84,1.07,33.28,1.27,11.15.2,22.7,1.48,33.87.66,2.84-.21,19.87-2.99,20.99-4.01,2.89-2.64,1.1-15.22,1.51-19.4,2.76-28.18,7.86-55.32,3.84-84-.45-3.18-2.29-13.47-4.16-15.34Z'/%3e%3cpath%20d='M74.76,43.26c14.97-2.16,35.63,9.72,40.52,23.96,10.49,30.58-19.69,67.16-52.62,47.62-11.92-7.08-16.15-15.5-19.17-28.82-4.91-21.63,9.68-39.64,31.27-42.76ZM96.27,62.73c-.85-.52-2.31-4.02-4.93-5.57-5.55-3.29-19.67-2.93-25.27.43-10.04,6.02-12.63,24.51-8.87,34.71,2.87,7.78,10.18,13.35,18.31,14.75l1.93-1.02.44-2.56c3.64-2.04,9.37,2.01,12.82.78,6.77-2.42,14.13-9.42,15.23-16.8.69-4.6-1.56-19.79-4.86-23.01-1.77-1.73-3.57-.94-4.8-1.7Z'/%3e%3cpath%20d='M118.74,27.16c16.77-3,7.28,36.94-6.19,15.8-3.28-5.15.61-14.8,6.19-15.8Z'/%3e%3c/svg%3e")}&:hover{color:var(--yellow);:is(div,span)[class*=icon-]{background:var(--yellow)}}}}footer .mentions-legales{gap:var(--gap-16);& span{display:inherit;align-items:center}}.display-flex.direction-column.contenu-texte{padding:3vh 24px;max-width:672px;position:relative}body header nav.to-top{padding:8px 2vw;position:fixed;z-index:2;width:100%;max-width:inherit;height:fit-content;background:transparent;& ul{display:flex;width:fit-content;justify-content:center;& li{padding:0 1ch}& li.about{background:var(--black);height:1.6rem;width:1.6rem;border-radius:2rem;justify-content:center;display:flex;transition:all .2s ease;border:2px solid var(--black);align-items:center;&:hover{background:var(--background);& a{color:var(--black)}}& a{color:var(--yellow);text-decoration:none}}}}@supports (view-timeline-axis: block){body header nav.to-top{padding:8px 2vw;position:fixed;z-index:2;width:100%;max-width:inherit;height:fit-content;background:transparent;view-timeline-name:--to-top;view-timeline-axis:block;animation:linear to-top both;animation-timeline:scroll();animation-range-start:450vh;animation-range-end:600vh;& ul{display:flex;width:fit-content;justify-content:center;& li{padding:0 1ch}& li.about{background:var(--black);height:1.6rem;width:1.6rem;border-radius:2rem;justify-content:center;display:flex;transition:all .2s ease;border:2px solid var(--black);align-items:center;&:hover{background:var(--background);& a{color:var(--black)}}& a{color:var(--yellow);text-decoration:none}}}}}html:is([id*=Grammar],[id*=about]){header nav :is(.to-small-menu,.to-small-titre){background:var(--yellow)}}@supports (view-timeline-axis: block){html:is([id*=Grammar],[id*=about]){header nav :is(.to-small-menu,.to-small-titre){background:initial}}}header nav.to-top *.to-small-titre{position:relative;left:5vw;transform:translate(-50%);width:auto;text-wrap:nowrap;padding:.5rem 1rem .5rem 2.5rem;display:flex;align-items:center;&:before{height:100%}& a{line-height:normal}}@supports (view-timeline-axis: block){header nav.to-top *.to-small-titre{position:absolute;left:50%;transform:translate(-50%);width:auto;text-wrap:nowrap;view-timeline-name:--to-small;view-timeline-axis:block;animation:linear to-small-titre both;animation-timeline:scroll();animation-duration:.2s;animation-range-start:450vh;animation-range-end:550vh;padding-left:3rem;&:before{height:100%}& a{line-height:normal}}}header nav .to-small-menu{position:absolute;text-wrap:nowrap;padding:1ch;font-size:1.1rem;display:flex;width:fit-content;justify-content:center;animation:linear to-small-menu both;animation-timeline:scroll();animation-duration:.2s;animation-range-start:450vh;animation-range-end:600vh}@keyframes clip-reveal{0%{clip-path:inset(9% 36% 15% 36%)}30%{clip-path:inset(14% 0% 40% 0%)}80%,to{clip-path:inset(0% 0% 0% 0%)}}@keyframes to-top{0%{transform:translateY(14vh)}50%{transform:translateY(0);background:var(--yellow)}to{transform:translateY(0);background:var(--yellow)}}@supports (view-timeline-axis: block){@keyframes to-small-titre{0%{font-size:clamp(5.3rem,.6906rem + 6.9245vw,9rem)}to{left:0;transform:translate(-5%);font-size:1.8rem}}}@keyframes to-small-menu{0%{transform:translate(-100%) translateY(-20vh);opacity:0;left:100%;z-index:-1}15%{transform:translate(-100%) translateY(-20vh);left:100%;opacity:0}to{transform:translate(-100%) translateY(0);left:100%;opacity:1;z-index:1}}@keyframes to-opacity-0{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40vh);opacity:0}}body *.to-small-titre{display:flex;align-items:flex-start;&:hover:before{transform:scale(1.1)}}body *.to-small-titre:before{content:"";position:absolute;background:url(/_astro/logo-grut-2026.IGU8c2T4.svg);background-repeat:no-repeat;background-size:contain;background-position:center left;left:8px;height:2rem;width:2rem;transition:transform .2s ease}html:not([id*=Grammar]) body{position:relative;& section.display-flex.direction-column{gap:var(--gap-24);padding:1rem 0;.corps-texte{gap:inherit}}ul:not(.tags,.nav-links,.navigation){padding:0 24px;border-left:2px dashed var(--black)}& h1.soustitre-page{max-width:calc(640px - 2rem);position:relative;width:100%;font-size:clamp(2.3rem,2.32rem + 1.4vw,3.8rem);text-align:left}.contenu-page.direction-row{flex-wrap:wrap;justify-content:center;gap:var(--gap-24);padding-bottom:3rem;position:relative;background:var(--background);z-index:1;width:100%;margin-top:56px;min-height:100vh;.main{padding:3vh 1rem 3vh 1rem;max-height:fit-content;flex-wrap:wrap;display:flex;flex-direction:row;column-gap:16px;row-gap:16px;align-items:flex-start;justify-content:flex-start}.main.page-texte{max-width:640px}}& header nav.to-top{.nav-box .to-small-titre{view-timeline-name:--to-small;view-timeline-axis:block;animation:linear to-small-titre both;animation-timeline:view();animation-duration:0s;animation-range-start:0vh;animation-range-end:0vh}.to-small-menu{animation:linear to-small-menu both;animation-timeline:view();animation-duration:.2s;animation-range-start:0vh;animation-range-end:0vh}}& header nav.to-top{padding:8px 2vw;view-timeline-name:--to-top;view-timeline-axis:block;animation:linear to-top-2 both;animation-timeline:view();animation-range-start:0vh;animation-range-end:0vh}@keyframes to-top-2{0%,to{transform:translateY(0)}}.main-text{flex-direction:row;gap:var(--gap-16);>div{top:96px}.corps-texte.display-flex.direction-column{gap:var(--gap-24);padding:16px 0;& h2{font-size:2.4rem}}}& footer.display-flex.direction-column{position:sticky;height:auto;padding:5vh 2vw;gap:var(--gap-16);background:none;z-index:0;& p.accroche{font-size:3rem;padding:0}}.publication{gap:var(--gap-24);align-items:center;& *{font-size:.9rem}& p:before{content:"|";position:absolute;transform:translate(calc(var(--gap-24) / (-2)))}& input.date-article{border:none;background:transparent}}.galerie{width:100vw;padding:82px 2vh;z-index:1;background:var(--background);.colonne-image{grid-template-columns:repeat(4,1fr);gap:var(--gap-16);display:grid;.image.cards:first-of-type{grid-row:1 / 3;grid-column:span 2;min-height:auto;.figure.flow{min-height:100%;& button.image-button{min-height:100%}}}.figure{&:hover img{filter:none;transform:scale(1.005);overflow:visible}.figcaption{font-size:clamp(1rem,1.1rem,1.3rem);background-color:var(--black);width:fit-content;height:fit-content;min-height:5%;padding:1rem;position:absolute;z-index:2;inset:0;opacity:0;transition:opacity .3s ease;text-align:center;margin:auto auto 10% -.5%;transform:rotate(-2deg);color:var(--white)}&:hover .figcaption{opacity:1}}}}}@media (width < 835px){@keyframes clip-reveal{0%,to{clip-path:inset(0% 0% 0% 0%)}}.redirection-card-gribouille{&:after{display:none}}body header nav.to-top{z-index:4}body ul.to-small-menu{flex-direction:column;top:0;background:var(--yellow);border-radius:4px;gap:1ch;margin-top:2.5rem}body .nav-box div.burger-box{width:100%;display:flex;justify-content:flex-end;.burger{gap:.5ch;& span{background:var(--black);z-index:0;width:1.5rem;height:.2rem;border-radius:2px}}& input+.burger span{transition:transform,width .2s ease-in-out}& input:is(:hover,:checked)+.burger span:nth-child(1){transform:rotate(-3deg)}& input:is(:hover,:checked)+.burger span:nth-child(2){width:1.2rem}& input:is(:hover,:checked)+.burger span:nth-child(3){transform:rotate(3deg)}& input[type=checkbox]{width:1.5rem;position:absolute;z-index:1;height:1rem;opacity:0;display:block}}body .burger-box:has(input)+.to-small-menu{transform:translate(0);opacity:0;transition:all .3s ease}body .burger-box:has(input:checked)+.to-small-menu{transform:translate(-100%);opacity:1;transition:all .3s ease;display:flex;gap:1rem;padding:1.5rem 0;& li{font-size:1.5rem}& li.about{margin-left:1ch;height:2rem;width:2rem}}body .redirection-card-ecritouille{min-height:fit-content;.display-flex.direction-row{flex-wrap:wrap;flex-direction:row;.presentation.display-flex.direction-column,.dernier-texte{min-width:90vw}}}.image-container{height:100vh;& *.image-reveal{object-position:73% bottom;view-timeline-axis:block;animation:clip-reveal 1s both;animation-timeline:view();animation-range-start:100vh;animation-range-end:100vh}}header nav.to-top *.to-small-titre{left:0;transform:translate(0);align-items:center;line-height:normal;height:100%}html:is([id*=Grammar],[id*=about]){header nav *:is(.to-small-menu,.to-small-titre){background:var(--yellow)}}@supports (view-timeline-axis: block){header nav.to-top *.to-small-titre{animation-range-start:100vh;animation-range-end:160vh;left:0;transform:translate(0);align-items:center;line-height:normal;height:100%}@keyframes to-small-titre{0%,to{top:0;transform:translate(-5%);font-size:1.8rem}}}footer .mentions-legales{flex-direction:column;align-items:center;gap:0}.carton-texte{content:"";position:absolute;top:13vh;width:50%;animation-range-start:100vh;animation-range-end:120vh;padding:24px 0;left:10vw;z-index:2;&:before{display:none}& p{font-size:3.2rem;padding:16px 0;line-height:1.3;text-shadow:4px 4px var(--background);transition:text-shadow .3s ease-in-out}}.dernier-texte{height:fit-content}header nav.to-top *.to-small-menu{animation-range-start:0vh;animation-range-end:0vh}@keyframes to-small-menu{0%,to{left:100%;font-size:1rem;z-index:1}}@keyframes to-top{0%,to{transform:translateY(0);background:var(--yellow)}}@keyframes to-opacity-0{0%{transform:translateY(0);opacity:1}95%{transform:translateY(0);opacity:0}to{transform:translateY(-100vh);opacity:0}}html#Gribouille{& body .galerie.display-flex{flex-direction:column;.colonne-image{grid-template-columns:repeat(1,1fr)}}}html:not([id*=Grammar]) .contenu-page .main.page-texte .corps-texte.display-flex.direction-column{& blockquote{transform:initial}}}@media (width < 1025px){html#Gribouille{.image.cards:first-of-type{grid-row:initial;grid-column:initial;min-height:auto;.figure.flow{min-height:100%;& button.image-button{min-height:100%}}}& div[class*=galerie] .figure{position:relative;overflow:hidden;& img{filter:none}&:hover img{transform:scale(1)}.figcaption{position:relative;width:110%;height:fit-content;padding:.5rem 3vw;z-index:2;inset:0;margin:auto;opacity:1;transition:opacity .3s ease;text-align:left;margin:-3rem 0 0}&:hover figcaption{opacity:1}}.galerie-ligne-1{flex-wrap:wrap;.carton-presentation{width:auto;max-width:unset}.dernier-post{flex-grow:1}}}}@media (width < 1081px){html#Gribouille{.colonne-image{grid-template-columns:repeat(3,1fr)}}html#Ecritouille body .main-text{flex-direction:column;max-width:100vw;align-items:center;gap:var(--gap-24);.tous-les-textes{flex-direction:row;flex-wrap:wrap;order:1}.display-flex.direction-column.contenu-texte{background:var(--white);width:90vw}.display-flex.direction-row.tous-les-textes{width:90vw;flex-direction:column;& div{width:100%}& input#start{width:fit-content}& p.date-publication{width:fit-content}}}}@media (width < 1281px){body .redirection-card-ecritouille{min-height:fit-content;.display-flex.direction-row{flex-wrap:wrap;flex-direction:row;.dernier-texte{width:70%}}}}@media (width < 1441px){.carton-texte{top:15vh;&:before{font-size:clamp(5.3rem,7vh,9rem);transform:translatey(-8vh)}}.display-flex.direction-row.redirection-col{flex-direction:column}[class*=redirection-card]{width:100vw;&:has(.cta:hover){width:inherit}}.redirection-card-gribouille{padding:6vh 0 0 5vw;z-index:2}.redirection-card-ecritouille .ambiance.display-flex.direction-row{gap:var(--gap-24);max-width:640px;flex-direction:column;& p{width:100%;&:nth-child(2){padding-top:0}}}.ambiance{& *:nth-child(2n){transform:rotate(0)}& *:nth-child(odd){transform:rotate(0)}}}html:not([id*=Grammar]){background-color:var(--background);& header{background-color:var(--background);& nav.to-top{background-color:var(--background);border-bottom:2px dashed var(--white)}}}html[id*=about]{background-color:var(--yellow);& header{background-color:var(--yellow);& nav.to-top{background-color:var(--yellow);border-bottom:none}}}body{overflow-x:clip}
