@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-serif-4-cyrillic-ext-wght-normal.3qixyuj29b6ay.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-serif-4-cyrillic-wght-normal.1s0z18qhgh323.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-serif-4-greek-wght-normal.0vrp4i57mnmp8.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-serif-4-vietnamese-wght-normal.3okmhx4_rjfwn.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-serif-4-latin-ext-wght-normal.3zs8_9sz8kh2-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-serif-4-latin-wght-normal.37qdci525ah5k.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--chaux:#f5f6f3;--pierre:#e8eae5;--lin:#d5d9d2;--schiste:#2b3236;--ardoise:#5a6368;--sapin:#2f4a3f;--sapin-fonce:#243a31;--meleze:#b07d2c;--font-titre:"Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--font-texte:"Source Serif 4 Variable", Georgia, "Times New Roman", serif;--largeur:72rem;--gouttiere:clamp(1.25rem, 4vw, 2.5rem);--section:clamp(4rem, 10vw, 7.5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--chaux);color:var(--schiste);font-family:var(--font-texte);font-optical-sizing:auto;margin:0;font-size:1.125rem;line-height:1.65}img{max-width:100%;display:block}a{color:var(--sapin);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--meleze);outline-offset:3px}h1,h2,h3{font-family:var(--font-titre);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.1}h1{letter-spacing:-.035em;font-size:clamp(2.5rem,6.5vw,4.75rem);font-weight:650}h2{font-size:clamp(2rem,4vw,3rem)}h3{letter-spacing:-.01em;font-size:1.25rem}p{max-width:62ch;margin:0}.wrap{max-width:var(--largeur);padding-inline:var(--gouttiere);margin-inline:auto}.section{padding-block:var(--section)}.section-head{gap:1.25rem;max-width:44rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.lead{color:var(--ardoise);font-size:1.25rem}.btn{min-height:3rem;font-family:var(--font-titre);border:1.5px solid var(--sapin);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.btn-plein{background:var(--sapin);color:var(--chaux)}.btn-plein:hover{background:var(--sapin-fonce)}.btn-contour{color:var(--sapin);background:0 0}.btn-contour:hover{background:var(--pierre)}.header{z-index:20;background:color-mix(in srgb, var(--chaux) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lin);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:4.5rem;display:flex}.logo{font-family:var(--font-titre);letter-spacing:-.03em;color:var(--schiste);align-items:center;gap:.5rem;font-size:1.375rem;font-weight:700;text-decoration:none;display:inline-flex}.logo svg{width:1.625rem;height:1.625rem}.nav{align-items:center;gap:2rem;display:flex}.nav a:not(.btn){font-family:var(--font-titre);color:var(--schiste);font-size:.975rem;text-decoration:none}.nav a:not(.btn):hover{color:var(--sapin);text-decoration:underline}.nav .btn{min-height:2.5rem;padding:.5rem 1.125rem;font-size:.925rem}.menu-toggle{border:1.5px solid var(--lin);font-family:var(--font-titre);color:var(--schiste);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.95rem;display:none}@media (max-width:52rem){.menu-toggle{display:block}.nav{padding:.5rem var(--gouttiere) 1.5rem;background:var(--chaux);border-bottom:1px solid var(--lin);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:4.5rem;left:0;right:0}.nav[data-open=true]{display:flex}.nav a:not(.btn){border-bottom:1px solid var(--lin);padding:.875rem 0;font-size:1.125rem}.nav .btn{min-height:3rem;margin-top:1.25rem}}.hero{padding-block:clamp(3rem,8vw,6rem) clamp(4rem,9vw,7rem)}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.hero-text{gap:1.75rem;display:grid}.hero-text .lead{max-width:34rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-zones{color:var(--ardoise);font-size:1rem}.hero-zones strong{color:var(--schiste);font-weight:600}.plan{width:100%;height:auto;color:var(--schiste)}.plan .mur{stroke:currentColor;stroke-width:6px;fill:none;stroke-linecap:square}.plan .trait{stroke:currentColor;stroke-width:1.25px;fill:none}.plan .cote{stroke:var(--meleze);stroke-width:1.25px;fill:none}.plan .cote-texte{fill:var(--meleze);font-family:var(--font-titre);font-size:13px;font-weight:600}@media (prefers-reduced-motion:no-preference){.plan .dessin{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s cubic-bezier(.6,0,.3,1) forwards tracer}.plan .apparait{opacity:0;animation:.6s ease-out 1.5s forwards apparaitre}}@keyframes tracer{to{stroke-dashoffset:0}}@keyframes apparaitre{to{opacity:1}}@media (max-width:52rem){.hero-grid{grid-template-columns:1fr}.plan{max-width:30rem}}.approche{background:var(--pierre)}.etapes{counter-reset:etape;grid-template-columns:repeat(3,1fr);gap:3rem clamp(1.5rem,4vw,3.5rem);margin:0;padding:0;list-style:none;display:grid}.etape{counter-increment:etape;border-top:2px solid var(--schiste);align-content:start;gap:.75rem;padding-top:1.5rem;display:grid;position:relative}.etape:before{content:counter(etape);font-family:var(--font-titre);color:var(--meleze);letter-spacing:-.04em;font-size:2.75rem;font-weight:300;line-height:1}.etape p{color:var(--ardoise);font-size:1.0625rem}@media (max-width:60rem){.etapes{grid-template-columns:repeat(2,1fr)}}@media (max-width:36rem){.etapes{grid-template-columns:1fr;row-gap:2.25rem}}.prestations-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.prestations-intro{gap:1.25rem;display:grid;position:sticky;top:7rem}.prestations-intro p:not(.lead){color:var(--ardoise);font-size:1.0625rem}.liste-prestations{grid-template-columns:1fr 1fr;column-gap:2.5rem;margin:0;display:grid}.liste-prestations>div{border-bottom:1px solid var(--lin);padding-block:1.25rem}.liste-prestations dt{font-family:var(--font-titre);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.liste-prestations dd{color:var(--ardoise);margin:0;font-size:1rem}@media (max-width:52rem){.prestations-grid{grid-template-columns:1fr}.prestations-intro{position:static}}@media (max-width:36rem){.liste-prestations{grid-template-columns:1fr}}.distance{background:var(--sapin);color:var(--chaux)}.distance-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.distance h2{margin-bottom:1.25rem}.distance .lead{color:color-mix(in srgb, var(--chaux) 80%, var(--sapin))}.distance ul{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.distance li{grid-template-columns:1.5rem 1fr;gap:.75rem;font-size:1.0625rem;display:grid}.distance li svg{color:#d9a857;margin-top:.3rem}@media (max-width:52rem){.distance-grid{grid-template-columns:1fr}}.realisation{grid-template-columns:1.7fr 1fr;align-items:end;gap:clamp(1.5rem,4vw,3rem);display:grid}.realisation+.realisation{margin-top:4rem}.realisation-texte{gap:.75rem;display:grid}.realisation-lieu{color:var(--ardoise);font-size:1rem}.realisation-texte p:last-child{font-size:1.0625rem}.avant-apres{aspect-ratio:4/3;background:var(--pierre);-webkit-user-select:none;user-select:none;border-radius:.375rem;position:relative;overflow:hidden}.avant-apres img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avant-apres .calque-avant{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.avant-apres .poignee{top:0;bottom:0;left:var(--pos);background:var(--chaux);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.avant-apres .poignee:after{content:"";background:var(--chaux) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3236' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center / 1.25rem no-repeat;border-radius:50%;width:2.75rem;height:2.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #2b323640}.avant-apres input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.avant-apres:has(input:focus-visible){outline:2px solid var(--meleze);outline-offset:3px}.etiquette{color:var(--chaux);font-family:var(--font-titre);pointer-events:none;background:#2b3236bf;border-radius:999px;padding:.25rem .75rem;font-size:.875rem;position:absolute;bottom:.75rem}.etiquette-avant{left:.75rem}.etiquette-apres{right:.75rem}.galerie-grille{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;display:grid}.galerie-vignette{aspect-ratio:4/3;cursor:zoom-in;background:var(--pierre);border:0;border-radius:.375rem;padding:0;position:relative;overflow:hidden}.galerie-vignette img{object-fit:cover;width:100%;height:100%;transition:transform .2s ease-out}.galerie-vignette:hover img,.galerie-vignette:focus-visible img{transform:scale(1.05)}.galerie-vignette:focus-visible{outline:2px solid var(--meleze);outline-offset:3px}.galerie-lightbox{z-index:100;cursor:zoom-out;background:#2b3236e6;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.galerie-lightbox img{border-radius:.375rem;max-width:100%;max-height:100%}.galerie-fermer{width:2.5rem;height:2.5rem;color:var(--chaux);cursor:pointer;background:#2b3236bf;border:0;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1rem}@media (max-width:52rem){.realisation{grid-template-columns:1fr}}.apropos{background:var(--pierre)}.apropos-grid{grid-template-columns:1fr 1.5fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.portrait{aspect-ratio:4/5;object-fit:cover;background:var(--lin);border-radius:.375rem;width:100%}.apropos-texte{gap:1.25rem;display:grid}.apropos-texte h2{margin-bottom:.25rem}.signature{font-family:var(--font-titre);color:var(--sapin);font-weight:600}@media (max-width:52rem){.apropos-grid{grid-template-columns:1fr}.portrait{max-width:22rem}}.temoignages{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2.5rem;display:grid}.temoignage{border-left:2px solid var(--meleze);gap:1rem;margin:0;padding-left:1.5rem;display:grid}.temoignage blockquote{margin:0;font-size:1.1875rem;font-style:italic}.temoignage figcaption{font-family:var(--font-titre);color:var(--ardoise);font-size:.975rem}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.coordonnees{gap:1.5rem;margin-top:2rem;font-style:normal;display:grid}.coordonnees div{gap:.125rem;display:grid}.coordonnees span{font-family:var(--font-titre);color:var(--ardoise);font-size:.9rem}.coordonnees a,.coordonnees p{color:var(--schiste);font-size:1.125rem}.coordonnees a{-webkit-text-decoration-color:var(--lin);text-decoration-color:var(--lin)}.formulaire{border:1px solid var(--lin);background:#fff;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:1.25rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.champ{gap:.375rem;display:grid}.champ-large{grid-column:1/-1}.champ label{font-family:var(--font-titre);font-size:.95rem;font-weight:500}.champ label small{color:var(--ardoise);font-weight:400}.champ input,.champ select,.champ textarea{font:inherit;color:var(--schiste);background:var(--chaux);border:1.5px solid var(--lin);border-radius:.375rem;width:100%;padding:.75rem .875rem;font-size:1rem}.champ textarea{resize:vertical;min-height:9rem}.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--sapin);background:#fff;outline:none}.formulaire-pied{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:1rem 1.5rem;display:flex}.formulaire-pied p{color:var(--ardoise);flex:16rem;font-size:.925rem}.message-etat{border-radius:.375rem;grid-column:1/-1;padding:1rem 1.25rem;font-size:1rem}.message-etat[data-type=ok]{color:var(--sapin-fonce);background:#e3ece7}.message-etat[data-type=erreur]{color:#7a2e1d;background:#f6e6e1}@media (max-width:52rem){.contact-grid{grid-template-columns:1fr}}@media (max-width:36rem){.formulaire{grid-template-columns:1fr}}.footer{border-top:1px solid var(--lin);color:var(--ardoise);padding-block:2.5rem;font-size:.95rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;display:flex}.footer a{color:var(--ardoise)}.page-texte{max-width:46rem;padding-block:clamp(3rem,8vw,5rem)}.page-texte h1{margin-bottom:2.5rem;font-size:clamp(2.25rem,5vw,3.25rem)}.page-texte h2{margin:2.5rem 0 .75rem;font-size:1.375rem}.page-texte p+p{margin-top:.75rem}.a-completer{background:#fbefd9;border-radius:.2em;padding:0 .25em}.sr-only-focusable{position:absolute;left:-9999px}.sr-only-focusable:focus{z-index:50;background:var(--sapin);color:var(--chaux);border-radius:999px;padding:.5rem 1rem;top:1rem;left:1rem}