/* Gary Masson, électricité et domotique (Vielsalm). Ordre : reset, jetons, base, mise en page, composants, utilitaires, media, mouvement. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body,h1,h2,h3,h4,p,dl,dd,dt,figure,ol,ul,blockquote{margin:0}
ol,ul{list-style:none;padding:0}
img,picture,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:inherit}
summary{cursor:pointer}
:root{
--paper:#F4EFE4;--paper-2:#E8E0CF;--card:#FBF8F1;--ink:#16231C;--muted:#4B5750;--forest:#1E3A2F;--deep:#13241C;--moss:#A8C09C;--copper:#B4692F;
--copper-ink:#8C4619;--copper-btn:#9A4D1C;--copper-btn-hover:#7C3D15;--copper-light:#D89A62;--line:#CFC5B1;--line-dark:rgb(168 192 156 / .28);
--line-strong:#7E7461;--error:#A3242B;--success:#2F6B3A;--earth-green:#3E7B3A;--earth-yellow:#E2C23A;
--font-display:"Barlow Semi Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;--font-text:"Barlow","Helvetica Neue",Arial,sans-serif;
--step--1:clamp(.875rem,.85rem + .12vw,.9375rem);--step-0:clamp(1.0625rem,1.03rem + .18vw,1.1875rem);
--step-1:clamp(1.1875rem,1.12rem + .33vw,1.4375rem);--step-2:clamp(1.375rem,1.24rem + .65vw,1.875rem);--step-3:clamp(1.625rem,1.38rem + 1.2vw,2.5rem);
--step-4:clamp(2rem,1.6rem + 2vw,3.375rem);--step-5:clamp(2.5rem,1.9rem + 3vw,4.5rem);
--lh-tight:1.02;--lh-heading:1.12;--lh-body:1.6;--measure:34rem;
--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;
--section-y:clamp(4rem,2.9rem + 4.6vw,7.5rem);--container:76rem;--gutter:clamp(1.25rem,.8rem + 2vw,2.5rem);--rail:0rem;--wire-w:2px;
--wire:var(--copper);--accent:var(--copper-ink);--bg:var(--paper);--radius-s:2px;--radius-m:4px;--tap:2.75rem;--header-h:4.5rem;
--shadow-float:0 18px 40px -24px rgb(19 36 28 / .45);--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.2,.7,.2,1);--dur:160ms;
--sym-breaker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48' fill='none' stroke='%23B4692F' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 0v14M12 34v14M12 34 4.5 17.5M9 11l6 6M15 11l-6 6'/%3E%3C/svg%3E");
--sym-breaker-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48' fill='none' stroke='%23D89A62' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 0v14M12 34v14M12 34 4.5 17.5M9 11l6 6M15 11l-6 6'/%3E%3C/svg%3E");
--sym-arrival:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48' fill='none' stroke='%23B4692F' stroke-width='2'%3E%3Ccircle cx='12' cy='24' r='7'/%3E%3Cpath d='M12 31v17'/%3E%3C/svg%3E");
--sym-earth-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48' fill='none' stroke='%23D89A62' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 0v26M3 26h18M6.5 32h11M9.5 38h5'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion:reduce){
:root{--dur:.01ms}
}
body{background:var(--paper);color:var(--ink);font:400 var(--step-0)/var(--lh-body) var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{overflow-x:clip}
h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-heading);letter-spacing:-0.01em;text-wrap:balance}
h1{font-size:var(--step-5);line-height:var(--lh-tight)}
h2{font-size:var(--step-4);line-height:1.05}
p,li,dd{text-wrap:pretty}
a{text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
::selection{background:var(--copper-light);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--radius-s)}
strong{font-weight:600}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container--rail{padding-left:calc(var(--gutter) + var(--rail))}
.section{--pad-top:var(--section-y);--pad-bottom:var(--section-y);padding-block:var(--pad-top) var(--pad-bottom);background:var(--bg)}
.section--alt{--bg:var(--paper-2)}
.section--dark{--bg:var(--forest);--wire:var(--copper-light);--accent:var(--copper-light);--muted:var(--moss);color:var(--paper)}
.section--flush-top{--pad-top:0rem}
.page-head + .section:not(.section--alt):not(.section--dark):not(.section--flush-top){--pad-top:var(--s-7)}
.section__head{max-width:46rem;margin-bottom:var(--s-7)}
.section__lead{margin-top:var(--s-4);font-size:var(--step-1);line-height:1.5;color:var(--muted);max-width:var(--measure)}
.measure{max-width:var(--measure)}
.stack>* + *{margin-top:var(--s-4)}
.wired{position:relative}
.wired::before{content:"";position:absolute;top:calc(-1*var(--pad-top,0rem));bottom:calc(-1*var(--pad-bottom,0rem));left:calc(var(--gutter) + var(--rail)/2 - var(--wire-w)/2);width:var(--wire-w);background:var(--wire);display:none}
.wired--start::before{top:var(--wire-start,0rem)}
.wired--end::before{bottom:auto;height:calc(var(--pad-top,0rem) + var(--wire-end,0rem))}
.circuit{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);font:600 var(--step--1)/1 var(--font-display);color:var(--accent)}
.circuit::before{content:"";width:1.5rem;height:var(--wire-w);background:var(--wire);flex:none}
.circuit__sym{position:absolute;left:calc(var(--gutter) + var(--rail)/2 - .875rem);width:1.75rem;height:3.5rem;background:var(--bg) var(--sym-breaker) center / 1.75rem 3.5rem no-repeat;display:none}
.section--dark .circuit__sym{background-image:var(--sym-breaker-light)}
.circuit__sym--arrival{background-image:var(--sym-arrival)}
.skip-link{position:absolute;left:var(--s-4);top:-6rem;z-index:50;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s-5);background:var(--ink);color:var(--paper);font-weight:600;text-decoration:none;border-radius:var(--radius-s)}
.skip-link:focus{top:var(--s-4)}
.icon{width:1.25rem;height:1.25rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:3rem;padding:0 var(--s-5);border:2px solid transparent;border-radius:var(--radius-s);font:600 var(--step-0)/1.1 var(--font-text);text-decoration:none;text-align:center;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.btn--primary{background:var(--copper-btn);color:#fff}
.btn--primary:hover{background:var(--copper-btn-hover)}
.btn--secondary{border-color:var(--ink)}
.btn--secondary:hover{background:var(--ink);color:var(--paper)}
.btn--light,.btn--outline-light:hover{background:var(--paper);color:var(--forest)}
.btn--light:hover{background:#fff}
.btn--outline-light{border-color:var(--paper);color:var(--paper)}
.btn--s{min-height:var(--tap);padding:0 var(--s-4);font-size:1rem}
.section--dark :focus-visible,.site-footer :focus-visible{outline-color:var(--paper)}
.link-arrow{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);font-weight:600;color:var(--accent);text-underline-offset:.25em}
.actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;gap:var(--s-4);min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:var(--s-3);min-height:var(--tap);margin-right:auto;text-decoration:none}
.brand__mark{width:1.75rem;height:1.75rem;color:var(--copper);flex:none}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font:700 1.375rem/1 var(--font-display);letter-spacing:-0.005em;white-space:nowrap}
.brand__sub{margin-top:.3rem;font:600 .8125rem/1 var(--font-display);color:var(--muted);white-space:nowrap}
.nav{display:contents}
.nav__list{display:none}
.nav__link{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s-3);font:600 1.0625rem/1 var(--font-text);text-decoration:none}
.nav__link:hover{color:var(--copper-ink)}
.nav__link[aria-current]{color:var(--copper-ink);box-shadow:inset 0 -2px 0 var(--copper)}
.header__call .call-long{display:none}
html:not(.js) .menu-btn,html:not(.js) .nav__caret{display:none}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-width:var(--tap);min-height:var(--tap);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--radius-s);font-weight:600;font-size:1rem}
.menu-btn__bars{position:relative;width:1.125rem;height:.75rem}
.menu-btn__bars::before,.menu-btn__bars::after,.menu-btn__bars span{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}
.menu-btn__bars::before{top:0}
.menu-btn__bars span{top:5px}
.menu-btn__bars::after{top:10px}
.menu-btn[aria-expanded="true"] .menu-btn__bars::before{transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-btn__bars span{opacity:0}
.menu-btn[aria-expanded="true"] .menu-btn__bars::after{transform:translateY(-5px) rotate(-45deg)}
.nav-panel{border-top:1px solid var(--line);background:var(--paper);padding-block:var(--s-4) var(--s-6)}
.js .nav-panel{display:none}
.js .nav-panel.is-open{display:block}
.nav-panel__list a{display:flex;align-items:center;min-height:3.25rem;font:600 var(--step-2)/1.1 var(--font-display);text-decoration:none;border-bottom:1px solid var(--line)}
.nav-panel__list a[aria-current]{color:var(--copper-ink)}
.nav-panel__sub a{min-height:2.875rem;padding-left:var(--s-5);font:500 1.0625rem/1.2 var(--font-text)}
.nav-panel__sub a::before{content:"";width:.75rem;height:2px;margin-right:var(--s-3);background:var(--copper);flex:none}
.nav-panel__foot{display:grid;gap:var(--s-3);margin-top:var(--s-5)}
.nav-panel__foot .btn{width:100%}
.nav-panel__mail{color:var(--copper-ink);font-weight:600;min-height:var(--tap);display:inline-flex;align-items:center}
.nav__item{position:relative;display:flex;align-items:center}
.nav__caret{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);min-height:var(--tap);margin-left:-0.75rem}
.nav__caret svg{width:1rem;height:1rem;transition:transform var(--dur) var(--ease)}
.nav__caret[aria-expanded="true"] svg{transform:rotate(180deg)}
.subnav{position:absolute;top:calc(100% + .5rem);left:0;width:19rem;padding:var(--s-2) 0;background:var(--card);border:1px solid var(--ink);border-radius:var(--radius-m);box-shadow:var(--shadow-float);display:none}
.subnav.is-open{display:block}
.subnav a{display:flex;align-items:center;gap:var(--s-3);min-height:2.75rem;padding:0 var(--s-4);font-weight:500;text-decoration:none}
.subnav a:hover,.subnav a[aria-current]{background:var(--paper-2);color:var(--copper-ink)}
.subnav__q{font:600 .875rem/1 var(--font-display);color:var(--copper-ink);width:1.5rem}
.hero{--pad-top:var(--s-8);--pad-bottom:var(--s-8);padding-block:var(--pad-top) var(--pad-bottom)}
.hero__grid{display:grid;gap:var(--s-7);align-items:start}
.hero h1{max-width:16ch;color:var(--forest)}
.hero h1 .line{display:block}
.hero__lead{margin-top:var(--s-5);font-size:var(--step-1);line-height:1.5;max-width:34rem}
.hero__fb{margin-top:var(--s-4)}
.hero .wired--start{--wire-start:1.1rem}
.page-head .wired--start{--wire-start:1.4rem}
.hero__media,.page-head__media,.entreprise__media{margin-inline:calc(-1*var(--gutter))}
.hero__media .frame,.entreprise__media .frame{aspect-ratio:4/3}
.frame{position:relative;overflow:hidden;background:var(--paper-2)}
.frame picture{height:100%}
.frame img{width:100%;height:100%;object-fit:cover}
.ratio-4-5{aspect-ratio:4/5}
.caption{margin-top:var(--s-2);font-size:.8125rem;line-height:1.4;color:var(--muted)}
.hero__media .caption,.page-head__media .caption,.entreprise__media .caption{padding-inline:var(--gutter)}
.plaque,.note,.scenario,.proof{border:1px solid var(--ink);border-radius:var(--radius-m);background:var(--card)}
.note,.scenario,.proof{padding:var(--s-5)}
.plaque__grid{display:grid}
.plaque__item{padding:var(--s-4) var(--s-5);border-top:1px solid var(--line)}
.plaque__item:first-child{border-top:0}
.plaque dt,.proof__label,.scenario__title,.unifilaire__source,.footer__col h2,.cta__phone-label{font:600 .875rem/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.circuit,.brand__sub,.work__date,.tableau__here{letter-spacing:.08em;text-transform:uppercase}
.plaque dt{color:var(--muted)}
.plaque dd{margin-top:var(--s-1);font:600 var(--step-1)/1.25 var(--font-display)}
.plaque dd a{color:var(--ink)}
.plaque dd a:not(.direct__phone){display:inline-block;padding-block:.6875rem;margin-block:-0.6875rem;text-underline-offset:.2em}
.plaque dd a:hover{color:var(--copper-ink);text-decoration:underline;text-decoration-thickness:2px}
.plaque__foot{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);padding:var(--s-2) var(--s-5);border-top:1px solid var(--ink)}
.tableau{border-top:1px solid var(--line)}
.tableau__row{border-bottom:1px solid var(--line)}
.tableau__link{display:grid;grid-template-columns:3.25rem 1fr;gap:var(--s-2) var(--s-4);padding-block:var(--s-5);text-decoration:none}
.tableau__q{grid-row:span 2;align-self:start;width:2.75rem;display:inline-flex;align-items:center;justify-content:center;height:2.25rem;margin-top:.1rem;border:1px solid var(--copper);border-radius:var(--radius-s);font:600 1rem/1 var(--font-display);letter-spacing:.04em;color:var(--copper-ink)}
.tableau__name{font-size:var(--step-3)}
.tableau__go{display:none}
.tableau__go .icon{width:1.5rem;height:1.5rem}
.tableau__desc{color:var(--muted);max-width:40rem}
.tableau__link:hover .tableau__name span,.work:hover .work__title a,.index__link:hover .index__date{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.tableau__link:hover{background:linear-gradient(var(--paper-2),var(--paper-2)) no-repeat}
.tableau-foot,.works-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-6)}
.tableau__cas{grid-column:2;display:grid;gap:var(--s-1);margin-top:var(--s-2)}
.tableau__cas li{display:flex;align-items:baseline;gap:var(--s-3);font-weight:500;font-size:1rem;line-height:1.4}
.tableau__cas li::before{content:"";flex:none;width:.75rem;height:2px;background:var(--copper);transform:translateY(-.3em)}
.split{display:grid;gap:var(--s-7)}
.steps{display:grid;gap:var(--s-6)}
.step{position:relative;display:grid;grid-template-columns:2.75rem 1fr;gap:var(--s-2) var(--s-4);align-content:start}
.step__num{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:2px solid var(--copper);border-radius:var(--radius-s);background:var(--bg);font:700 1.25rem/1 var(--font-display);color:var(--copper-ink);position:relative;z-index:1}
.step h3{font-size:var(--step-1);align-self:center}
.step p{color:var(--muted);max-width:var(--measure)}
.step:not(:last-child)::after{content:"";position:absolute;left:calc(1.375rem - 1px);top:2.75rem;bottom:calc(-1*var(--s-6));width:2px;background:var(--copper)}
.steps--vente{--node:1.25rem;position:relative}
.steps--vente .step{grid-template-columns:var(--node) 1fr;column-gap:var(--s-5)}
.step__node{grid-row:span 2;position:relative;z-index:1;width:var(--node);height:var(--node);margin-top:.35rem;border:2px solid var(--copper);border-radius:50%;background:var(--bg)}
.steps--vente .step h3{align-self:start}
.steps--vente .step:not(:last-child)::after{left:calc(var(--node)/2 - 1px);top:calc(.35rem + var(--node))}
.steps--vente strong{font:600 1.08em/1 var(--font-display);color:var(--copper-ink);white-space:nowrap}
.proof{display:grid;gap:var(--s-4);max-width:52rem}
.proof__label,.scenario__title{color:var(--copper-ink)}
.proof blockquote{font:600 var(--step-1)/1.35 var(--font-display)}
.proof--earth{border-left:0;position:relative;padding-left:calc(var(--s-5) + .5rem)}
.proof--earth::before{content:"";position:absolute;top:-1px;bottom:-1px;width:.5rem;border-radius:var(--radius-m) 0 0 var(--radius-m);background:repeating-linear-gradient(135deg,var(--earth-green) 0 10px,var(--earth-yellow) 10px 20px)}
.split__media{order:2}
.zone__grid{display:grid;gap:var(--s-6)}
.zone__poster .section__head{margin-bottom:var(--s-5)}
.zone__body{display:grid;gap:var(--s-6);align-content:start}
.stamp{font:700 clamp(4.5rem,3rem + 7vw,8.5rem)/.85 var(--font-display);letter-spacing:-0.02em;color:var(--copper-light);text-indent:-0.04em}
.stamp span{display:block;text-indent:0;margin-top:var(--s-3);font-size:var(--step-2);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--paper)}
.zone__text{max-width:var(--measure)}
.zone__text p + p{margin-top:var(--s-4)}
.unifilaire{position:relative;padding-left:var(--s-5)}
.unifilaire__source{color:var(--muted);margin-bottom:var(--s-3);margin-left:calc(-1*var(--s-5))}
.unifilaire__list{position:relative}
.unifilaire__list::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--wire)}
.unifilaire__list li{position:relative;display:flex;align-items:center;gap:var(--s-3);min-height:2.75rem;padding-left:var(--s-6);font:600 var(--step-1)/1.2 var(--font-display)}
.unifilaire__list li::before{content:"";position:absolute;left:0;top:50%;width:var(--s-5);height:2px;background:var(--wire)}
.unifilaire__list li::after{content:"";position:absolute;left:.55rem;top:calc(50% - .35rem);width:.7rem;height:.7rem;background:var(--bg);border:2px solid var(--wire);border-radius:50%}
.unifilaire__list .is-open{color:var(--muted);font-weight:500;font-family:var(--font-text);font-size:var(--step-0)}
.localites{border-block:1px solid var(--line-dark)}
.faq__q,.localites__q{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);list-style:none}
.faq__q::-webkit-details-marker,.localites__q::-webkit-details-marker{display:none}
.localites__q{min-height:3rem;padding-block:var(--s-3);font:600 var(--step-0)/1.3 var(--font-display);letter-spacing:.02em}
.localites .faq__mark::before,.localites .faq__mark::after{background:var(--copper-light)}
.localites[open] .faq__mark::after{transform:rotate(0deg)}
.localites__list{padding-bottom:var(--s-4);font-size:var(--step--1);line-height:1.7;color:var(--moss)}
.entreprise__intro{max-width:46rem}
.entreprise__text p + p{margin-top:var(--s-4)}
.entreprise__visual{margin-top:var(--s-7)}
.plaque--id{margin-top:var(--s-6)}
.faq{max-width:50rem;border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__q{min-height:3.5rem;padding-block:var(--s-4);font:600 var(--step-1)/1.3 var(--font-display);text-wrap:balance}
.faq__mark{position:relative;width:1rem;height:1rem;flex:none}
.faq__mark::before,.faq__mark::after{content:"";position:absolute;top:calc(50% - 1px);width:100%;height:2px;background:var(--copper);transition:transform var(--dur) var(--ease)}
.faq__mark::after{transform:rotate(90deg)}
.faq__item[open] .faq__mark::after{transform:rotate(0deg)}
.faq__a{padding-bottom:var(--s-5);max-width:var(--measure);color:var(--muted)}
.cta__grid{display:grid;gap:var(--s-6)}
.cta h2{max-width:20ch}
.cta__text{margin-top:var(--s-4);color:var(--moss);max-width:32rem}
.cta__phone{display:inline-flex;align-items:center;min-height:var(--tap);font:700 var(--step-5)/1 var(--font-display);letter-spacing:-0.01em;color:var(--copper-light);text-decoration:none;white-space:nowrap}
.cta__phone:hover{color:var(--paper)}
.cta__phone-label{display:block;margin-bottom:var(--s-2);color:var(--moss)}
.cta .actions{margin-top:var(--s-5)}
.honesty{margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--line-dark);font-size:var(--step--1);color:var(--moss)}
.honesty a{color:var(--copper-light)}
.site-footer{--bg:var(--deep);--wire:var(--copper-light);--pad-top:var(--s-8);--pad-bottom:0rem;background:var(--deep);color:var(--paper);padding-top:var(--pad-top)}
.footer__earth{position:absolute;left:calc(var(--gutter) + var(--rail)/2 - .75rem);top:0;width:1.5rem;height:3rem;background:var(--deep) var(--sym-earth-light) center / 1.5rem 3rem no-repeat;display:none}
.footer__grid{display:grid;gap:var(--s-6);padding-bottom:var(--s-7)}
.footer__brand p{margin-top:var(--s-4);color:var(--moss);max-width:22rem}
.footer__contact{margin-top:var(--s-4);display:grid;gap:var(--s-1)}
.footer__contact a{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);text-decoration:none;font-weight:600}
.footer__contact .icon{color:var(--copper-light)}
.footer__col h2{display:flex;align-items:center;min-height:var(--tap);color:var(--copper-light)}
.footer__links a{display:block;padding-block:.625rem;line-height:1.5;min-height:var(--tap);text-decoration:none}
.footer__contact a:hover,.footer__links a:hover{color:var(--copper-light);text-decoration:underline}
.footer__links a[aria-current]{color:var(--copper-light)}
.footer__col p{color:var(--moss)}
.footer__col .btn{margin-top:var(--s-4)}
.footer__legal{display:grid;gap:var(--s-2);padding-block:var(--s-5) var(--s-6);border-top:1px solid var(--line-dark);font-size:var(--step--1);color:var(--moss)}
.proof p{max-width:var(--measure)}
.page-head__top{display:flex;align-items:center;min-height:var(--tap)}
.page-head__top .circuit{margin-bottom:0}
.page-head{--pad-top:var(--s-6);--pad-bottom:var(--s-8);padding-block:var(--pad-top) var(--pad-bottom)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-2);font-size:var(--step--1);color:var(--muted)}
.breadcrumb li{display:inline-flex;align-items:center;gap:var(--s-2)}
.breadcrumb li + li::before{content:"/";color:var(--line-strong)}
.breadcrumb a{display:inline-flex;min-height:var(--tap);align-items:center}
.breadcrumb [aria-current]{color:var(--ink);font-weight:500}
.page-head__grid{display:grid;gap:var(--s-7);align-items:start;margin-top:var(--s-4)}
.page-head h1{font-size:clamp(2.25rem,1.75rem + 2.5vw,4rem);color:var(--forest);max-width:20ch}
.page-head__lead{margin-top:var(--s-5);font-size:var(--step-1);line-height:1.5;max-width:36rem}
.page-head__media .frame{aspect-ratio:3/2}
.prestations{display:grid;gap:var(--s-6)}
.prestations.prestations--stack{grid-template-columns:1fr}
.prestation{padding-top:var(--s-4);border-top:2px solid var(--copper)}
.prestation h3,.note h3{font-size:var(--step-1)}
.prestation p{margin-top:var(--s-2);color:var(--muted);max-width:var(--measure)}
.checklist{display:grid;gap:var(--s-3)}
.checklist li{position:relative;padding-left:var(--s-6)}
.checklist li::before,.law li::before{content:"";position:absolute;left:0;top:.55em;width:.75rem;height:.75rem;border:2px solid var(--copper);border-radius:var(--radius-s)}
.note p{margin-top:var(--s-2);color:var(--muted)}
.note .source{margin-top:var(--s-3)}
.source,.page-head__src,.scenario__note,.form__submit p,.field__hint{font-size:var(--step--1);color:var(--muted)}
.source,.page-head__src,.scenario__note,.form__submit p,.field__hint,.footer__legal p,.honesty,.localites__list{max-width:52ch}
.prose p,.prose ul,.aside-card p,.facteurs__note,.note p{max-width:var(--measure)}
.source a,.page-head__src a,.prose a{color:var(--copper-ink)}
.facteurs{display:grid;gap:var(--s-5) var(--s-6)}
.facteurs div{padding-top:var(--s-4);border-top:1px solid var(--line-strong)}
.facteurs dt{font:700 var(--step-1)/1.25 var(--font-display)}
.facteurs dd{margin-top:var(--s-2);color:var(--muted)}
.facteurs__note{margin-top:var(--s-6);font-weight:500}
.law{display:grid;gap:var(--s-4) var(--s-7)}
.law li{position:relative;padding:var(--s-4) 0 0 var(--s-6);border-top:1px solid var(--line)}
.law li::before{top:calc(var(--s-4) + .5em)}
.scenario__trigger{margin-top:var(--s-3);font:700 var(--step-3)/1.1 var(--font-display);color:var(--forest)}
.scenario__list{margin-top:var(--s-4);border-left:2px solid var(--copper)}
.scenario__list li{position:relative;padding:var(--s-2) 0 var(--s-2) var(--s-6);font-weight:500}
.scenario__list li::before{content:"";position:absolute;left:0;top:50%;width:var(--s-5);height:2px;background:var(--copper)}
.scenario__note{margin-top:var(--s-4)}
.prose{max-width:46rem}
.prose h2{font-size:var(--step-3);margin-top:var(--s-8);margin-bottom:var(--s-4)}
.prose h2:first-child{margin-top:0}
.prose p,.prose ul,.prose dl{margin-top:var(--s-3)}
.prose ul{padding-left:var(--s-5);list-style:disc}
.prose li + li{margin-top:var(--s-1)}
.prose li::marker{color:var(--copper)}
.prose .plaque{margin-top:var(--s-4)}
.contact__grid{display:grid;gap:var(--s-7)}
.direct{display:grid;gap:var(--s-5)}
.direct__phone{display:inline-flex;align-items:center;min-height:var(--tap);font:700 var(--step-4)/1 var(--font-display);text-decoration:none;white-space:nowrap}
.direct__phone:hover{color:var(--copper-ink)}
.form{display:grid;gap:var(--s-6);margin-top:var(--s-6)}
.form__intro{color:var(--muted);max-width:var(--measure)}
.form fieldset{border:0;padding:0;margin:0;display:grid;gap:var(--s-5)}
.form legend{padding:0;margin-bottom:var(--s-4);font:700 var(--step-2)/1.2 var(--font-display)}
.field{display:grid;gap:var(--s-2);align-content:start}
.field label{font-weight:600}
.field__opt{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:3rem;padding:var(--s-3) var(--s-4);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-s);font-size:1.0625rem}
.field textarea{min-height:9rem;resize:vertical}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316231C' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.1rem;padding-right:2.5rem}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink)}
.field [aria-invalid="true"]{border-color:var(--error);border-width:2px}
.field__error{font-size:var(--step--1);font-weight:600;color:var(--error)}
.field__row{display:grid;gap:var(--s-5)}
.form__errors{padding:var(--s-4) var(--s-5);border:2px solid var(--error);border-radius:var(--radius-m);background:var(--card);color:var(--error);font-weight:600}
.form__errors ul{margin-top:var(--s-2);padding-left:var(--s-5);list-style:disc}
.form__errors a{color:var(--error)}
.form__submit{display:grid;gap:var(--s-3);justify-items:start}
.form__fallback{display:none}
html:not(.js) .form__fallback{display:inline-flex}
html:not(.js) .form__button{display:none}
.form__success:not([hidden]){display:flex}
.form__success{gap:var(--s-3);padding:var(--s-4) var(--s-5);border:2px solid var(--success);border-radius:var(--radius-m);background:var(--card);color:var(--success);font-weight:600}
.aside-card{padding-top:var(--s-5);border-top:2px solid var(--copper)}
.aside-card + .aside-card{margin-top:var(--s-7)}
.aside-card h2,.aside-card h3{font-size:var(--step-2)}
.aside-card p{margin-top:var(--s-3);color:var(--muted)}
.aside-card ol{margin-top:var(--s-4);display:grid;gap:var(--s-3);counter-reset:nstep}
.aside-card ol li{counter-increment:nstep;position:relative;padding-left:var(--s-6)}
.aside-card ol li::before{content:counter(nstep);position:absolute;left:0;top:.1em;font:700 1.125rem/1.2 var(--font-display);color:var(--copper-ink);font-variant-numeric:tabular-nums}
.notfound__links{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-6);margin-top:var(--s-5)}
.form__title{font-size:var(--step-3);margin-bottom:var(--s-4)}
.notfound__code{margin-bottom:var(--s-4);font:700 clamp(5rem,3rem + 10vw,10rem)/.85 var(--font-display);color:var(--copper)}
.footer__logo{display:inline-block;width:12rem;border:1px solid var(--line-dark);border-radius:var(--radius-m);overflow:hidden}
.footer__logo img{height:auto}
.footer__logo:hover{border-color:var(--copper-light)}
.split__media--logo{max-width:25rem}
.split__media--logo img{width:100%;height:auto;border-radius:var(--radius-m)}
.works-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-7)}
.works-head .section__head{margin-bottom:0}
.works-nav{display:flex;gap:var(--s-2)}
html:not(.js) .works-nav{display:none}
.works-nav__btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid var(--copper-light);border-radius:var(--radius-s);color:var(--copper-light);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.works-nav__btn:hover:not(:disabled){background:var(--copper-light);color:var(--forest)}
.works-nav__btn:disabled{opacity:.45;cursor:default}
.works{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,20rem);gap:var(--s-5);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--copper-light) transparent;margin-right:calc(-1*var(--gutter));padding:0 var(--gutter) var(--s-5) 0}
.work{position:relative;scroll-snap-align:start}
.work__date{margin-top:var(--s-4);font:600 .875rem/1.3 var(--font-display);color:var(--accent)}
.work__title{margin-top:var(--s-2);font-size:var(--step-1)}
.work__title a{text-decoration:none}
.work__title .icon{display:inline-block;margin-left:var(--s-2);vertical-align:-0.15em;color:var(--accent)}
.work__title a::after{content:"";position:absolute;inset:0}
.work__title a:focus-visible{outline:none}
.work:has(a:focus-visible){outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--radius-s)}
.work__text{margin-top:var(--s-2);color:var(--muted)}
.section--dark .work:has(a:focus-visible){outline-color:var(--paper)}
.works--grid{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:var(--s-7) var(--s-6);overflow:visible;margin-right:0;padding:0}
.works--grid .frame{aspect-ratio:1}
.page-head__src{margin-top:var(--s-4)}
.index{margin-top:var(--s-7);margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:var(--copper) transparent}
.index__list{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:8.5rem;gap:var(--s-4);width:max-content;padding-block:var(--s-5) var(--s-4)}
.index__list::before{content:"";position:absolute;left:0;right:0;height:2px;background:var(--copper)}
.index__list li{position:relative;scroll-snap-align:start}
.index__list li::before{content:"";position:absolute;left:calc(50% - 1px);top:calc(-1*var(--s-5));width:2px;height:var(--s-5);background:var(--copper)}
.index__link{display:grid;gap:var(--s-1);text-decoration:none;border-radius:var(--radius-s)}
.index__thumb{aspect-ratio:4/5;margin-bottom:var(--s-2);overflow:hidden;background:var(--paper-2)}
.index__thumb img{height:100%;object-fit:cover}
.index__thumb--earth{display:grid;place-items:center;border:1px solid var(--line)}
.index__thumb--earth svg{width:2.5rem;height:5rem;color:var(--copper)}
.index__date{font:700 1.0625rem/1.2 var(--font-display);color:var(--copper-ink)}
.index__cat{font-size:var(--step--1);line-height:1.35;color:var(--muted)}
.timeline{border-top:1px solid var(--line)}
.entry{display:grid;gap:var(--s-6);padding-block:var(--s-8);border-bottom:1px solid var(--line);scroll-margin-top:var(--s-5)}
.entry__date{display:flex;align-items:center;margin-bottom:var(--s-2);font:700 var(--step-3)/1.1 var(--font-display);color:var(--copper-ink)}
.entry .circuit{margin-bottom:var(--s-3)}
.entry__title{font-size:var(--step-3);max-width:24ch}
.entry__quote{margin-top:var(--s-5);padding-left:var(--s-5);border-left:2px solid var(--copper);font:600 var(--step-1)/1.4 var(--font-display);max-width:var(--measure)}
.entry__note{margin-top:var(--s-4);color:var(--muted);max-width:var(--measure)}
.entry__src{display:grid;justify-items:start;margin-top:var(--s-3)}
.entry__media{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5) var(--s-4);align-content:start}
.entry__media figure{min-width:0}
.entry__media--1>*{grid-column:1/-1;max-width:26rem}
.entry__media--1c .frame{aspect-ratio:1}
.entry__media--3>:first-child{grid-column:1/-1}
.proof__photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.proof__photos .caption{margin-top:var(--s-1)}
.proof__body{display:grid;gap:var(--s-4)}
.tableau__here{display:block;margin-top:var(--s-1);font:600 .8125rem/1.2 var(--font-display);color:var(--copper-ink)}
.is-here .tableau__name{color:var(--muted)}
.is-here .tableau__q{border-style:dashed}
.tnum,.circuit,.plaque dd a,.tableau__q,.step__num,.stamp,.cta__phone,.subnav__q,.notfound__code,.index__date,.entry__date{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nowrap{white-space:nowrap}
.muted{color:var(--muted)}
.mt-5{margin-top:var(--s-5)}
.mt-7{margin-top:var(--s-7)}
@media (max-width:25.99em){
.brand__sub{display:none}
.brand__name{font-size:1.25rem}
.header__inner{gap:var(--s-2)}
.menu-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.menu-btn{padding:0}
}
@media (max-width:22.49em){
.brand{gap:var(--s-2)}
.brand__mark{width:1.5rem;height:1.5rem}
.brand__name{font-size:1.125rem}
.header__call{padding:0 var(--s-3)}
.header__call .icon{display:none}
}
@media (max-width:29.99em){
.actions .btn,.form__submit .btn,.footer__col .btn{width:100%}
.footer__grid{grid-template-columns:1fr 1fr;column-gap:var(--s-5)}
.footer__brand,.footer__zone{grid-column:1/-1}
}
@media (min-width:30em){
.plaque--facts .plaque__grid{grid-template-columns:1fr 1fr}
.plaque--facts .plaque__item:nth-child(2){border-top:0;border-left:1px solid var(--line)}
.plaque--facts .plaque__item:nth-child(4){border-left:1px solid var(--line)}
.field__row{grid-template-columns:1fr 1fr}
}
@media (min-width:40em){
.works--grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:48em){
.hero__media,.page-head__media,.entreprise__media{margin-inline:0}
.hero__media .caption,.page-head__media .caption,.entreprise__media .caption{padding-inline:0}
.prestations{grid-template-columns:1fr 1fr}
.plaque__grid--legal,.plaque--id .plaque__grid{grid-template-columns:1fr 1fr}
.plaque__grid--legal .plaque__item:nth-child(2),.plaque--id .plaque__item:nth-child(2){border-top:0}
.plaque__grid--legal .plaque__item:nth-child(even),.plaque--id .plaque__item:nth-child(even){border-left:1px solid var(--line)}
.facteurs{grid-template-columns:1fr 1fr}
.footer__grid{grid-template-columns:1.4fr 1fr 1fr}
.footer__zone{grid-column:1/-1}
.tableau__link{grid-template-columns:4rem minmax(0,1fr) minmax(0,1.1fr) 1.5rem;align-items:start;column-gap:var(--s-6);padding-inline:var(--s-3);margin-inline:calc(-1*var(--s-3))}
.tableau__go{display:block;padding-top:.45rem;color:var(--copper-ink)}
.tableau__q{grid-row:auto}
.tableau__desc{padding-top:.35rem}
.tableau__cas{grid-row:2}
.tableau__cas ~ .tableau__go{grid-column:4;grid-row:1}
.tableau__link:has(.tableau__cas){grid-template-rows:auto 1fr}
.tableau__link:has(.tableau__cas) .tableau__q{grid-row:1/span 2}
.tableau__link:has(.tableau__cas) .tableau__desc{grid-column:3;grid-row:1/span 2}
.law{grid-template-columns:1fr 1fr}
.entry__media--1c>*{max-width:none}
.entry__media--1c .frame{aspect-ratio:4/3}
.index__list{grid-auto-columns:9.5rem}
}
@media (min-width:48em) and (max-width:63.99em){
.split__media .frame,.hero__media .frame,.entreprise__media .frame{aspect-ratio:16/9}
.entry__media--3{grid-template-columns:repeat(3,1fr)}
.entry__media--3>:first-child{grid-column:auto}
.entry__media--4{grid-template-columns:repeat(4,1fr)}
.entry--portrait{grid-template-columns:minmax(0,1fr) minmax(0,20rem);column-gap:var(--s-6)}
}
@media (min-width:48em) and (max-width:55.99em){
.hero h1{max-width:none}
.hero h1 .line{display:inline-block}
}
@media (min-width:56em){
.hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-8)}
.hero__media{margin-right:calc(-1*(var(--gutter) + max(0px,(100vw - var(--container))/2)));container-type:inline-size}
.hero__media .frame{aspect-ratio:auto;height:42rem;height:min(42rem,125cqi)}
}
@media (min-width:64em){
:root{--rail:4.5rem;--header-h:5.5rem}
.wired::before,.circuit__sym,.footer__earth{display:block}
.circuit::before{display:none}
.nav__list{display:flex;align-items:center;gap:var(--s-2);margin-right:var(--s-4)}
.nav-panel,.js .nav-panel.is-open{display:none}
.menu-btn{display:none}
.header__call .call-long{display:inline}
.header__call .call-short{display:none}
.hero{--pad-bottom:var(--s-9)}
.page-head__media--portrait{container-type:inline-size}
.facts .plaque__grid{grid-template-columns:repeat(4,1fr)}
.plaque--facts .plaque__item{border-top:0;border-left:1px solid var(--line)}
.plaque--facts .plaque__item:first-child{border-left:0}
.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-8);align-items:start}
.split__media{order:0}
.split--rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.split__media--logo{align-self:center;max-width:none}
.steps{grid-template-columns:repeat(5,1fr);column-gap:var(--s-5);row-gap:0}
.step{grid-template-columns:1fr;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--s-3)}
.step__num{grid-row:auto}
.step h3{align-self:start;margin-top:var(--s-2)}
.step:not(:last-child)::after{display:block;left:2.75rem;right:calc(-1*var(--s-5));top:calc(1.375rem - 1px);bottom:auto;width:auto;height:2px}
.steps--vente{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s-6)}
.steps--vente .step{grid-template-columns:1fr}
.step__node{grid-row:auto;margin-top:0}
.steps--vente .step h3{margin-top:var(--s-3)}
.steps--vente .step:not(:last-child)::after{display:none}
.steps--vente::before{content:"";position:absolute;top:calc(var(--node)/2 - 1px);left:calc(var(--node)/2);right:calc((100% - 3 * var(--s-6)) / 4 - var(--node)/2);height:2px;background:var(--copper)}
.works:not(.works--grid){grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:var(--s-8) var(--s-6);overflow:visible;margin-right:0;padding:0 0 var(--s-8);align-items:start}
.works:not(.works--grid)>:nth-child(3n+2){translate:0 var(--s-8)}
.works-nav{display:none}
.zone__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s-8)}
.stamp{font-size:clamp(9rem,1rem + 14vw,15rem)}
.stamp span{margin-top:var(--s-4);font-size:var(--step-3)}
.zone__grid .localites{grid-column:1/-1}
.entreprise__intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s-8);align-items:start;max-width:none}
.entreprise__text{padding-top:calc(var(--step--1) + var(--s-4))}
.entreprise__intro .section__head{margin-bottom:0}
.entreprise__visual{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);padding-bottom:var(--s-8)}
.entreprise__media{grid-column:1/9;grid-row:1}
.entreprise__visual .plaque--id{grid-column:8/13;grid-row:1;align-self:end;position:relative;z-index:1;margin:0 0 calc(-1*var(--s-8))}
.entreprise__visual .plaque__item{padding:var(--s-3) var(--s-4)}
.entreprise__visual .plaque dd{font-size:var(--step-0)}
.entreprise__visual .plaque__foot{padding-inline:var(--s-4);column-gap:var(--s-4)}
.section--faq .container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s-8);align-items:start}
.section--faq .section__head{margin-bottom:0}
.footer__grid{grid-template-columns:1.4fr 1.15fr .85fr 1.2fr}
.footer__zone{grid-column:auto}
.page-head__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-8)}
.page-head__media{margin-right:calc(-1*(var(--gutter) + max(0px,(100vw - var(--container))/2)))}
.page-head__media .frame{aspect-ratio:4/3}
.page-head__media--portrait .frame{aspect-ratio:auto;height:42rem;height:min(42rem,125cqi)}
.prestations{grid-template-columns:repeat(3,1fr)}
.page-head__grid--single{grid-template-columns:minmax(0,1fr)}
.facteurs{grid-template-columns:repeat(3,1fr)}
.contact__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--s-9)}
.proof{max-width:none;column-gap:var(--s-7)}
.proof>*{grid-column:1;max-width:var(--measure)}
.proof>:last-child{grid-column:2;grid-row:1/span 3}
.cta__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start}
.choix__q{order:2}
.index{margin-inline:0;padding-inline:0;overflow:visible}
.index__list{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr));width:auto}
.entry{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s-8);align-items:start}
.entry:not(:has(.entry__media)){grid-template-columns:minmax(0,1fr)}
.entry--portrait .entry__media>*{justify-self:end;width:100%}
.entry__media--2,.entry__media--4{padding-bottom:var(--s-8)}
.entry__media--2>:nth-child(2),.entry__media--4>:nth-child(even){translate:0 var(--s-8)}
.entry__media--3{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.entry__media--3>:first-child{grid-column:1;grid-row:1/span 2;display:grid;grid-template-rows:1fr auto}
.entry__media--3>:first-child .frame{aspect-ratio:auto;min-height:16rem}
.entry__media--3>:first-child picture{position:absolute}
.entry__media--3>:not(:first-child) .frame{aspect-ratio:5/4}
.entry__media--4 .frame{aspect-ratio:3/2}
.proof--photos{align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,24rem)}
}
@media (min-width:64em) and (max-width:79.99em){
.hero .actions .btn{padding-inline:var(--s-4)}
.entreprise__visual{padding-bottom:calc(var(--s-8) + var(--s-6))}
.entreprise__visual .plaque--id{margin-bottom:calc(-1*(var(--s-8) + var(--s-6)))}
}
@media (min-width:90em){
:root{--rail:5rem}
}
@keyframes rise{from { opacity:0;transform:translateY(1.25rem);} to { opacity:1;transform:none;}}
@keyframes unveil{from { clip-path:inset(100% 0 0 0);} to { clip-path:inset(0);}}
@media (prefers-reduced-motion:no-preference){
.js .hero h1 .line,.js .page-head h1{animation:rise .75s var(--ease-out) both}
.js .hero h1 .line:nth-child(2){animation-delay:.08s}
.js .hero h1 .line:nth-child(3){animation-delay:.16s}
.js .hero h1 .line:nth-child(4){animation-delay:.24s}
.js .hero__lead,.js .page-head__lead{animation:rise .7s var(--ease-out) .3s both}
.js .hero .actions,.js .hero__fb,.js .page-head .actions{animation:rise .7s var(--ease-out) .38s both}
.js .hero__media .frame,.js .page-head__media .frame{animation:unveil .8s var(--ease-out) .1s both}
.js .reveal,.js .reveal-group>*{opacity:0;transform:translateY(1.25rem);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.js .reveal.is-in,.js .reveal-group.is-in>*{opacity:1;transform:none}
.js .section__head.reveal,.js .entry.reveal{transform:none}
.js .reveal-group.is-in>:nth-child(2){transition-delay:.08s}
.js .reveal-group.is-in>:nth-child(3){transition-delay:.16s}
.js .reveal-group.is-in>:nth-child(n+4){transition-delay:.24s}
.js .wired::before{transform:scaleY(0);transform-origin:50% 0;transition:transform .8s var(--ease-out)}
.js .wired.is-in::before{transform:none}
.js .steps .step::after{transform:scale(0);transform-origin:0 0;transition:transform .6s var(--ease-out) .35s}
.js .steps.is-in .step::after{transform:none}
.js .unifilaire__list::before{transform:scaleY(0);transform-origin:50% 0;transition:transform .8s var(--ease-out) .2s}
.js .unifilaire__list li::before{transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease-out) .5s}
.js .unifilaire__list li:nth-child(2)::before{transition-delay:.58s}
.js .unifilaire__list li:nth-child(3)::before{transition-delay:.66s}
.js .unifilaire__list li:nth-child(n+4)::before{transition-delay:.74s}
.js .unifilaire.is-in .unifilaire__list::before,.js .unifilaire.is-in .unifilaire__list li::before{transform:none}
.js .index__list::before,.js .steps--vente::before{transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ease-out) .2s}
.js .index.is-in .index__list::before,.js .steps--vente.is-in::before{transform:none}
.faq__item[open] .faq__a,.localites[open] .localites__list{animation:rise .45s var(--ease-out)}
.js .nav-panel.is-open{animation:rise .45s var(--ease-out)}
.link-arrow .icon,.tableau__go .icon,.work__title .icon{transition:transform var(--dur) var(--ease)}
.link-arrow:hover .icon,.link-arrow:focus-visible .icon,.tableau__link:hover .tableau__go .icon,.tableau__link:focus-visible .tableau__go .icon,.work:hover .work__title .icon,.work:has(a:focus-visible) .work__title .icon{transform:translateX(4px)}
.work .frame img{transition:transform .45s var(--ease-out)}
.work:hover .frame img,.work:has(a:focus-visible) .frame img{transform:scale(1.04)}
}