/*
Theme Name: Jonathan Gabel
Description: Thème photographique éditable — accueil et pages de prestations.
Version: 0.3.13
Author: Jonathan Gabel
Text Domain: jonathan-gabel
Requires PHP: 8.0
*/
@font-face{font-family:Body;src:url(assets/poppins.woff2) format('woff2'),url(assets/poppins.ttf) format('truetype');font-display:swap}@font-face{font-family:Marker;src:url(assets/marker.woff2) format('woff2'),url(assets/marker.ttf) format('truetype');font-display:swap}@font-face{font-family:Anton;src:url(assets/anton.ttf);font-display:swap}
:root{--ink:#171717;--paper:#f3f0e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--paper);font:14px/1.8 Body,Arial,sans-serif;overflow-x:clip}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:6px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px dashed currentColor;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Marker,cursive;font-weight:400;line-height:1.15}h2{font-size:clamp(35px,4.3vw,64px);margin-bottom:30px}h2>span{display:inline-block;transform:rotate(-3deg);font-size:.83em}h3{font-size:23px}svg{overflow:visible}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;line-height:1.6}.skip{position:absolute;top:-100px;left:10px;background:var(--paper);color:var(--ink);padding:10px;z-index:20}.skip:focus{top:10px}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:8px 5%;position:relative;z-index:3}.brand{width:235px;background:var(--paper);padding:6px 13px;transform:rotate(-3deg);clip-path:polygon(2% 8%,97% 0,100% 88%,5% 100%,0 38%)}.brand img{width:100%;height:auto;display:block}header nav{display:flex;gap:32px;align-items:center;font-size:11px}header nav>a{text-decoration:none}.nav-contact{font-family:Marker,cursive;font-size:17px;transform:rotate(-5deg);border-bottom:2px dashed var(--paper)}.menu{display:none;background:none;border:0;color:inherit;font-family:Marker;font-size:19px}#mobile-menu{padding:10px 24px 25px}#mobile-menu a{display:block;padding:9px}.hero{height:740px;position:relative;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 43%;z-index:-3;filter:grayscale(1)}.paint{position:absolute;pointer-events:none;z-index:-1}.paint-one{width:1080px;max-width:none;left:-255px;top:-110px;transform:rotate(20deg);opacity:.95}.paint-two{width:400px;right:-180px;bottom:-190px;transform:rotate(-20deg)}.hero-copy{position:absolute;left:7.5%;top:13%;width:560px;max-width:48%}.hero-copy .eyebrow{font-size:10px}.hero h1{font-size:clamp(50px,5.6vw,84px);transform:rotate(-4deg);letter-spacing:-.04em;line-height:1.17;margin:24px 0 28px}.hero h1 em{font-style:normal;font-size:.77em;display:inline-block;text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:12px}.hero-note{font-family:Anton,sans-serif;font-size:18px;text-transform:uppercase;line-height:1.5;letter-spacing:.03em;transform:rotate(-2deg)}.hand-link{display:inline-flex;align-items:center;font-family:Marker,cursive;font-size:19px;text-decoration:none;position:relative;padding:8px 0;gap:18px}.hand-link:after{content:'';position:absolute;bottom:0;left:0;width:85%;height:2px;background:currentColor;transform:rotate(-2deg)}.hand-link svg{width:70px;height:45px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.hero-doodle{position:absolute;right:7%;bottom:13%;font:400 30px/1.1 Marker;transform:rotate(12deg);text-shadow:0 2px 4px #000}.hero-doodle svg{position:absolute;inset:-15px;width:130%;height:130%;stroke:currentColor;fill:none;stroke-width:3}.hero-down{position:absolute;bottom:12px;left:50%;font:40px Marker;text-decoration:none}.marquee{background:var(--paper);color:var(--ink);overflow:hidden;padding:13px 0;position:relative;z-index:3}.track{display:flex;width:max-content;animation:travel 35s linear infinite}.track>div{display:flex;align-items:center;gap:40px;padding-right:40px;flex-shrink:0}.track span{font:400 19px/1.5 Marker;white-space:nowrap}.track b{font-size:25px}.reverse .track{animation-direction:reverse;animation-duration:27s}.tilted{transform:rotate(-2deg);width:104%;margin-left:-2%;margin-top:-5px}.textured{background-image:url(assets/scribbles.svg);background-size:560px auto}.gallery-section{padding:85px 4% 65px;position:relative}.gallery-title{text-align:center;position:relative}.gallery-title .eyebrow{margin-bottom:18px}.margin-note{position:absolute;right:2%;bottom:10%;font:400 19px/1.3 Marker;transform:rotate(10deg)}.frame-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative;margin:45px auto 15px;max-width:1350px;padding-bottom:45px}.drawn-frame{position:relative;margin:0;aspect-ratio:.79;color:var(--paper)}.drawn-frame>img{position:absolute;left:9%;top:9%;width:82%;height:82%;object-fit:cover;filter:grayscale(1)}.drawn-frame>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;pointer-events:none}.frame-main{stroke-width:7;stroke-linejoin:round;stroke-linecap:round}.frame-fine{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.drawn-frame figcaption{position:absolute;top:100%;left:7%;right:0;font:400 15px/1.4 Marker;white-space:nowrap}.f-one{transform:rotate(-7deg)}.f-two{transform:rotate(3deg);margin-top:28px}.f-three{transform:rotate(-3deg);margin-top:-12px}.f-four{transform:rotate(6deg);margin-top:25px}.f-two>img{object-position:65% center}.f-three>img{object-position:63% center}.pin{position:absolute;width:85px;left:25%;top:-35px;background:var(--paper);padding:9px;border-radius:41% 59% 45% 55%;transform:rotate(20deg);z-index:2}.wall-scribble{position:absolute;right:0;bottom:-20px;width:130px;pointer-events:none}.wall-scribble svg{stroke:var(--paper);fill:none;stroke-width:2.5}.gallery-foot{text-align:center;font-family:Marker;font-size:21px;margin-top:45px;transform:rotate(-2deg)}.about{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:110px max(7%,calc((100% - 1150px)/2));position:relative}.about-collage{position:relative}.about .portrait{color:var(--ink);max-width:370px;transform:rotate(-4deg);margin:25px 20px 10px auto}.portrait>img{object-position:63% center}.about-cat{position:absolute;width:190px;left:-35px;bottom:-35px;background:var(--paper);clip-path:polygon(8% 9%,87% 3%,100% 80%,85% 100%,0 90%);transform:rotate(-9deg);padding:10px}.hello{position:absolute;left:0;top:-35px;font:400 49px Marker;transform:rotate(-16deg);text-decoration:underline;text-decoration-thickness:2px}.about-rays{position:absolute;right:-10px;top:-15px;width:90px;height:70px;fill:none;stroke:var(--ink);stroke-width:3}.about-copy{position:relative}.about-copy p{max-width:470px}.about-copy h2{font-size:56px;transform:rotate(-2deg)}.about-copy h2 span{font-size:1.1em;transform:rotate(3deg);text-decoration:underline;text-decoration-thickness:3px}.love-eyes{position:absolute;right:-30px;bottom:-35px;width:110px;transform:rotate(15deg)}.experience{padding:90px 7% 70px;text-align:center;position:relative}.experience h2{margin-bottom:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;max-width:1150px;margin:auto;text-align:left}.steps article{position:relative}.steps b{font:400 40px/1 Marker;display:inline-block;transform:rotate(-12deg);margin-bottom:22px;position:relative}.steps b:after{content:'';position:absolute;inset:-10px -15px;border:2px solid var(--paper);border-radius:50% 45% 55% 40%;transform:rotate(17deg)}.steps p{font-size:13px;max-width:310px}.experience-bottom{display:flex;align-items:center;justify-content:center;gap:45px;margin-top:55px}.experience-bottom img{width:60px;background:var(--paper);padding:8px;transform:rotate(18deg);clip-path:polygon(0 2%,97% 6%,100% 94%,8% 100%)}.scribble-note{font:22px Marker;transform:rotate(-6deg)}.life{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:100px max(7%,calc((100% - 1150px)/2));align-items:center}.life .family{color:var(--ink);transform:rotate(5deg);max-width:390px;width:100%;justify-self:center;aspect-ratio:1.1}.simple-link{display:block;margin-top:20px;font-size:12px}.contact{padding:90px 24px 65px;text-align:center;position:relative}.contact h2{font-size:clamp(45px,6vw,80px)}.contact-margin{position:absolute;left:10%;top:17%;font:25px Marker;transform:rotate(-15deg)}.contact-button{display:inline-flex;position:relative;align-items:center;gap:40px;font:29px Marker;text-decoration:none;padding:20px 42px;margin:15px 0;transform:rotate(-3deg)}.contact-button svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.small{font-size:10px;margin-top:15px}footer{background:var(--paper);color:var(--ink);text-align:center;padding:25px}footer img{width:200px}footer p{font-size:10px;margin-bottom:8px}footer button{background:none;border:0;text-decoration:underline;font-size:11px;color:inherit;padding:10px}.paused .track{animation-play-state:paused}.marquee:hover .track{animation-play-state:paused}@keyframes travel{to{transform:translateX(-50%)}}
@media(max-width:1000px){header nav{gap:17px}.hero-copy{left:7%;max-width:52%}.hero h1{font-size:62px}.paint-one{left:-280px}.about,.life{gap:50px;padding-inline:6%}.about-copy h2{font-size:43px}.about-cat{left:-15px;width:145px}.margin-note{position:static;display:inline-block}.frame-wall{gap:0}.drawn-frame figcaption{font-size:12px}.gallery-foot{font-size:18px}.contact-margin{left:3%;font-size:19px}}
@media(max-width:700px){header{height:90px;padding:8px 22px}.brand{width:175px;padding:3px 9px}header nav{display:none}.menu{display:block}.hero{height:760px}.hero-photo{object-position:62% bottom;top:210px;height:550px}.hero-copy{top:10px;left:7%;width:auto;max-width:90%}.hero-copy .eyebrow{font-size:8px;margin-bottom:16px}.hero h1{font-size:40px;margin:12px 0 18px;line-height:1.2}.hero h1 br:first-of-type{display:none}.hero h1 em{font-size:1.02em;text-underline-offset:6px}.hero-note{font-size:12px;margin:0;position:absolute;left:0;top:585px;background:var(--ink);padding:8px 12px;transform:rotate(-3deg)}.hero-copy .hand-link{font-size:14px;position:absolute;top:655px;white-space:nowrap;background:var(--ink);padding:7px 12px}.hero-copy .hand-link:after{display:none}.hero-copy .hand-link svg{width:45px;height:30px}.paint-one{width:650px;left:-150px;top:-160px}.paint-two{width:300px;bottom:-180px;right:-90px}.hero-doodle{font-size:25px;right:10%;bottom:17%}.hero-down{bottom:8px;left:auto;right:12%;font-size:35px}.track span{font-size:15px}.track>div{gap:25px;padding-right:25px}.marquee{padding:11px 0}.gallery-section{padding:60px 20px 50px}.gallery-title h2{font-size:36px}.gallery-title .eyebrow{font-size:8px}.margin-note{font-size:16px}.frame-wall{grid-template-columns:1fr 1fr;gap:45px 3px;margin-top:30px;padding-bottom:15px}.f-one{transform:rotate(-5deg)}.f-two{margin-top:15px}.f-three{margin-top:0;transform:rotate(-3deg)}.f-four{margin-top:18px;transform:rotate(4deg)}.drawn-frame figcaption{font-size:10px;white-space:normal}.pin{width:52px;left:41%;top:-20px}.wall-scribble{width:60px;bottom:-35px;right:0}.gallery-foot{font-size:17px;max-width:270px;margin:35px auto 0}.about{grid-template-columns:1fr;gap:65px;padding:80px 28px 75px}.about-collage{width:90%;margin:auto}.about .portrait{max-width:280px;margin:auto}.about-cat{width:135px;left:-15px;bottom:-35px}.hello{left:-7px;top:-45px;font-size:38px}.about-copy h2{font-size:46px}.love-eyes{right:0;bottom:-25px;width:75px}.about-copy .hand-link{font-size:18px}.experience{padding:60px 28px}.experience h2{font-size:36px;margin-bottom:40px}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-left:60px}.steps b{position:absolute;left:0;top:8px;font-size:28px}.steps b:after{inset:-7px -9px}.steps h3{font-size:22px}.steps p{max-width:none;font-size:13px}.experience-bottom{flex-wrap:wrap;gap:20px;margin-top:30px}.scribble-note{font-size:17px}.experience-bottom img{width:40px}.experience-bottom .hand-link{font-size:18px}.life{grid-template-columns:1fr;padding:60px 28px 80px;gap:45px}.life h2{font-size:37px}.life .family{max-width:280px}.contact{padding:65px 25px 50px}.contact h2{font-size:42px}.contact .eyebrow{font-size:8px}.contact-margin{display:none}.contact-button{font-size:25px;padding:15px 33px}.contact p:not(.eyebrow):not(.small){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{animation:none}.track>div:nth-child(2){display:none}}
.hero-copy>.eyebrow{background:var(--ink);padding:6px 9px;width:fit-content;transform:rotate(-2deg)}
main{overflow:hidden}.gallery-section{padding-left:5%;padding-right:5%}
html{scroll-behavior:auto}
@media(max-width:700px){.hero h1{font-size:35px}.hero h1 br:first-of-type{display:initial}}
/* Menu V6, inspiré de la capture fournie */
header{height:100px;padding:8px 3%;gap:30px}.brand{width:190px;flex:0 0 190px}header nav{justify-content:center;flex:1;gap:14px;white-space:nowrap}header nav>a{font:400 18px/1.4 Marker,cursive;text-transform:uppercase;letter-spacing:.015em;transition:transform .15s ease}header nav>a:hover{transform:rotate(-4deg)}.menu-bolt{width:11px;height:25px;fill:var(--paper);flex-shrink:0}.menu{width:44px;height:44px;padding:8px 6px;position:relative;flex:0 0 44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu>span{display:block;height:3px;width:28px;background:var(--paper);transform:rotate(-1deg)}.menu>span:nth-child(2){width:25px;transform:rotate(1deg);margin-left:3px}.menu[aria-expanded="true"]>span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu[aria-expanded="true"]>span:nth-child(2){opacity:0}.menu[aria-expanded="true"]>span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}#mobile-menu{background:var(--ink);padding:10px 7% 25px}#mobile-menu a{font:400 22px/1.5 Marker,cursive;text-transform:uppercase;padding:11px 0;width:fit-content}#mobile-menu a:after{content:'↗';font-size:20px;margin-left:20px}#mobile-menu[hidden]{display:none}
@media(max-width:1100px){header{height:90px;padding:8px 5%;gap:20px}header nav{display:none}.menu{display:flex}.brand{width:190px;flex-basis:190px}}
@media(min-width:1101px){.menu{display:none}}
@media(prefers-reduced-motion:reduce){header nav>a{transition:none}}

/* Essai V7 : personnages en interaction avec les éléments */
.about-cat.mascot-photo{left:auto;right:-55px;bottom:-25px;width:180px;padding:0;background:none;clip-path:none;transform:rotate(4deg);pointer-events:none;z-index:3}.mascot-button{position:absolute;left:calc(50% - 340px);bottom:50px;width:180px;pointer-events:none;z-index:2}.drawn-frame>.mascot-peek{position:absolute;inset:auto;left:auto;right:-30px;top:-100px;width:145px;height:auto;object-fit:contain;z-index:3;filter:none;pointer-events:none;transform:rotate(6deg)}.life .family{margin-top:45px}
@media(max-width:1000px){.about-cat.mascot-photo{right:-20px;bottom:-35px;width:150px}.mascot-button{left:calc(50% - 300px);width:150px}.drawn-frame>.mascot-peek{right:-10px;width:125px;top:-85px}}
@media(max-width:700px){.about-cat.mascot-photo{right:-10px;left:auto;bottom:-40px;width:130px}.about{gap:85px}.contact{padding-bottom:185px}.mascot-button{left:calc(50% - 85px);bottom:0;width:120px;transform:rotate(-18deg)}.drawn-frame>.mascot-peek{width:110px;right:0;top:-77px}.life .family{margin-top:45px}}
.contact-action{display:contents}
@media(max-width:700px){.contact{padding-bottom:55px}.contact-action{display:flex;align-items:center;justify-content:center;gap:4px;max-width:325px;margin:20px auto 10px}.contact-action>.mascot-button{position:static;flex:0 0 95px;width:95px;transform:none}.contact-action>.contact-button{font-size:19px;gap:12px;padding:14px 16px;margin:0;white-space:nowrap}}

/* Déclinaisons claires originales sur fonds sombres */
.pin{background:none;padding:0;border-radius:0}.experience-bottom img{background:none;padding:0;clip-path:none}
.pin,.experience-bottom img{filter:brightness(0) invert(1)}

/* Logo principal clair, sans cartouche */
.brand{background:transparent;clip-path:none;transform:none;padding:0}
/* V8 : en-tête sur la photo, sans bandeau */
@font-face{font-family:RockSalt;src:url(assets/rocksalt.ttf) format('truetype');font-display:swap;font-weight:400}
header{position:absolute;left:0;right:0;top:0;height:0;padding:0;display:block;z-index:15;background:transparent;isolation:isolate}
.brand{position:absolute;left:3.5%;top:24px;width:245px;display:block;transform:rotate(-8deg);transform-origin:center;filter:drop-shadow(1px 2px 2px #171717);z-index:2}
header nav{position:absolute;left:calc(3.5% + 280px);right:3%;top:22px;display:flex;justify-content:flex-end;gap:13px;flex:none;text-shadow:0 1px 3px #000,0 0 8px #000,1px 1px 1px #000}
header nav>a{font-size:17px}.menu-bolt{filter:drop-shadow(0 1px 2px #000)}
.hero{height:840px}.hero-copy{top:21%}.hero-photo{object-position:center 43%}.hero-doodle{bottom:12%}
#mobile-menu{position:absolute;top:80px;right:20px;left:auto;width:min(360px,calc(100% - 40px));z-index:14;padding:25px 30px;border:1px solid #f3f0e755;box-shadow:0 12px 30px #0005}
.menu{position:absolute;right:3.5%;top:24px;filter:drop-shadow(0 1px 3px #000)}
body[data-heading="rock"] h1,body[data-heading="rock"] h2,body[data-heading="rock"] h3{font-family:RockSalt,cursive;font-weight:400}
body[data-heading="rock"] .hero h1{font-size:clamp(40px,4.25vw,62px);line-height:1.65;letter-spacing:-.04em;margin-top:18px;margin-bottom:20px}
body[data-heading="rock"] .hero h1 em{font-size:.8em;text-decoration-thickness:1px;text-underline-offset:9px}
body[data-heading="rock"] h2{font-size:clamp(29px,3.3vw,48px);line-height:1.6}
body[data-heading="rock"] h3{font-size:20px;line-height:1.7}
body[data-heading="rock"] .about-copy h2{font-size:42px;line-height:1.6}
body[data-heading="rock"] .contact h2{font-size:clamp(35px,4.5vw,60px)}
.type-compare{position:fixed;bottom:18px;right:18px;z-index:30;display:flex;align-items:center;gap:7px;padding:9px 12px;color:#222;background:#f3f0e7;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #0003;font:11px/1.5 Body,Arial,sans-serif}.type-compare[hidden]{display:none}.type-compare button{font:inherit;color:#222;background:transparent;border:1px solid #777;border-radius:5px;padding:7px 10px}.type-compare button[aria-pressed="true"]{color:#f3f0e7;background:#222}.type-compare .hide-compare{border:0;font-size:20px;line-height:1;padding:6px}
@media(max-width:1250px) and (min-width:1101px){header nav{left:260px;gap:9px;right:2%}header nav>a{font-size:15px}.brand{width:205px;left:3%}}
@media(max-width:1100px){header{height:0;padding:0}header nav{display:none}.brand{left:5%;top:22px;width:220px}.menu{display:flex;right:5%;top:22px}.hero-copy{top:24%}.hero{height:800px}}
@media(max-width:700px){.brand{width:190px;left:6%;top:17px}.menu{right:5%;top:19px}.hero{height:850px}.hero-photo{top:275px;height:575px;object-position:62% bottom}.hero-copy{top:105px;left:7%;max-width:90%}.hero h1{font-size:35px;margin-top:10px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:9px}.hero-copy .hero-note{top:585px}.hero-copy .hand-link{top:655px}.hero-down{bottom:12px}.paint-one{top:-60px}
body[data-heading="rock"] .hero h1{font-size:27px;line-height:1.6;letter-spacing:-.04em;margin-top:10px;margin-bottom:10px}body[data-heading="rock"] .hero h1 em{font-size:.87em}
body[data-heading="rock"] h2{font-size:29px;line-height:1.6}body[data-heading="rock"] .gallery-title h2{font-size:28px}body[data-heading="rock"] .about-copy h2{font-size:34px}body[data-heading="rock"] .experience h2{font-size:28px}body[data-heading="rock"] .life h2{font-size:28px}body[data-heading="rock"] .contact h2{font-size:34px}body[data-heading="rock"] h3{font-size:18px;line-height:1.8}.type-compare{bottom:10px;right:10px;left:10px;justify-content:center;font-size:10px;gap:5px;padding:7px}.type-compare button{padding:7px 6px}}
@media(prefers-reduced-motion:reduce){header nav>a{transition:none}}
/* Une trace d’encre locale soutient le logo sans recréer de bandeau. */
header:before{content:'';position:absolute;left:-65px;top:-130px;width:430px;height:400px;background:url(assets/paint.svg) center/contain no-repeat;z-index:-1;pointer-events:none}.brand{filter:none}
@media(max-width:700px){header:before{width:320px;height:290px;left:-45px;top:-105px}}
header:before{width:400px;height:280px;left:-55px;top:-125px}
@media(max-width:700px){header:before{width:320px;height:215px;left:-45px;top:-125px}}
@media(max-width:700px){.hero-photo{top:80px;height:770px;object-position:72% center}.paint-one{width:600px;left:-280px;top:-110px}.hero h1{text-shadow:0 1px 3px #0008}}
@media(max-width:700px){.hero-photo{top:0;height:850px;object-position:72% center}}
@media(max-width:700px){.hero-photo{top:80px;height:770px;object-position:72% center}.brand{top:28px;width:195px}}

/* V9 — photographies dans leurs couleurs d’origine, cadrages adaptés. */
.hero-photo,.drawn-frame>img{filter:none}
.hero-photo{object-position:67% center}
.f-one>img{object-position:48% center}.f-two>img{object-position:48% center}.f-three>img{object-position:center}.f-four>img{object-position:55% center}.family>img:not(.mascot-peek){object-position:center}
@media(max-width:700px){.hero-photo{object-position:68% center}}
.life .family{aspect-ratio:1.5}
@media(max-width:700px){.hero-photo{top:230px;height:620px;object-position:68% center}}

/* Keep the form heading clear of the top edge and the open menu clear of the logo. */
#formulaire{scroll-margin-top:24px}
#formulaire:focus-visible{outline:2px dashed currentColor;outline-offset:6px}
@media(max-width:1100px){header:has(.menu[aria-expanded="true"]) .brand{visibility:hidden}}