:root{font-family:Arial,Helvetica,sans-serif;color:#24302c;background:#f8f7f3;font-synthesis:none;--green:#172724;--copper:#98603c;--muted:#69726b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b57850;outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-2px;line-height:1.1}h1{font-size:clamp(40px,4.4vw,68px)}h2{font-size:clamp(34px,3.5vw,50px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--copper)}h3{font-size:24px;font-weight:500;letter-spacing:-.5px}p{line-height:1.7}header{min-height:100px;padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddcd5;background:#f8f7f3;position:relative;z-index:5}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:1;display:inline-block}.brand span{color:var(--copper)}.brand small{display:block;font-size:9px;letter-spacing:3.5px;font-weight:500;margin-top:8px}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav>a:hover,.text-link:hover{color:var(--copper)}.button{background:var(--copper);color:white;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 24px;border:0;font-size:14px;font-weight:600;min-height:52px;transition:background .2s}.button:hover{background:#955f3d;color:white}.button span{font-size:20px}.small{padding:12px 18px;min-height:44px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:620px}.hero-content{padding:85px 7% 65px 11%}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;margin-bottom:25px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--copper);margin-right:8px;border-radius:50%}.intro{color:var(--muted);max-width:460px;font-size:16px}.actions{display:flex;gap:26px;align-items:center;margin-top:32px;flex-wrap:wrap}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;font-weight:600;min-height:44px}.hero-note{border-top:1px solid #deded5;padding-top:25px;margin-top:45px;font-size:11px;color:var(--muted)}.hero-note span{color:var(--copper);margin-right:10px}.hero-visual{background:#b5afa0;position:relative;overflow:hidden;min-height:540px}.wall{position:absolute;inset:0;background:linear-gradient(105deg,#b7b2a4,#e0dacb 56%,#c4bdad);box-shadow:inset 30px 0 80px #48473e22}.window{position:absolute;left:22%;top:14%;width:55%;height:67%;border:14px solid #b4ac9d;background:#374242;box-shadow:12px 12px 25px #282a2355,inset 8px 8px 20px #0008}.glass{position:absolute;inset:6px;background:linear-gradient(125deg,#6c7c7666,#1e302e 60%);border:4px solid #232c2b}.glass:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#29322f 48%,#29322f 51%,transparent 51%),linear-gradient(0deg,transparent 49%,#29322f 49%,#29322f 51%,transparent 51%)}.grille{position:absolute;inset:14px -5px;border:9px solid #252c2b;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 7px),#242b2a calc(20% - 7px),#424945 20%);box-shadow:7px 7px 9px #0005}.grille:after{content:'';position:absolute;top:49%;height:9px;left:0;right:0;background:#252c2b}.ledge{position:absolute;top:81%;left:18%;width:64%;height:20px;background:#d7d0c1;box-shadow:8px 15px 20px #242c2755}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#182721db,transparent 35%);pointer-events:none}.visual-label{position:absolute;bottom:35px;left:35px;color:white;z-index:1}.visual-label span,.visual-label small{display:block;font-size:9px;letter-spacing:1.8px;opacity:.7}.visual-label strong{display:block;font:24px Georgia,serif;margin:12px 0}.visual-label small{letter-spacing:.5px}.visual-stamp{position:absolute;right:25px;top:25px;border:1px solid #ffffff70;padding:15px;color:#f7f6ec;font-size:18px;letter-spacing:2px;text-align:center}.visual-stamp b{font-size:8px;letter-spacing:1px}.promise-strip{display:flex;justify-content:space-around;padding:25px 6%;background:var(--green);color:#deded1;font-size:11px;letter-spacing:1px;gap:15px}.promise-strip span:before{content:'✦';color:#b78861;margin-right:15px}.section{padding:90px 7%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:35px}.section-heading h2{margin-bottom:10px}.section-heading>p{color:var(--muted);max-width:355px;font-size:14px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product{background:#fff;border:1px solid #e2e0d8}.product-art{height:285px;position:relative;display:grid;place-items:center;overflow:hidden}.product-art>span{position:absolute;left:22px;bottom:20px;font:24px Georgia,serif;color:#fff9}.grid-art{background:linear-gradient(135deg,#cbc6b9,#a69f90)}.mini-grid{width:48%;height:76%;border:9px solid #303b38;transform:perspective(700px) rotateY(-14deg);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 7px),#303b38 calc(16.666% - 7px),#46534c 16.666%);box-shadow:22px 20px 20px #27392a44}.fence-art{background:linear-gradient(160deg,#ccd2c5,#8e9c88)}.mini-fence{width:80%;height:63%;border-left:12px solid #293735;border-right:12px solid #293735;transform:perspective(600px) rotateY(-12deg);background:repeating-linear-gradient(0deg,#303c39 0,#303c39 22px,transparent 22px,transparent 28px);box-shadow:15px 35px 20px #314a3333}.product-body{padding:30px}.product-body .eyebrow{color:var(--copper);margin-bottom:14px;font-size:9px}.product-body p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:450px}.product-body .text-link{border-bottom:1px solid #d8c1ae}.why{max-width:none;background:#eeeee7;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;padding-bottom:80px}.why-intro{max-width:360px;font-size:14px;color:var(--muted)}.values article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #d4d7ce}.values article:first-child{padding-top:0}.values article>span{font-size:10px;color:var(--copper);padding-top:6px}.values h3{font-size:19px;margin-bottom:9px}.values p{font-size:13px;color:var(--muted);margin-bottom:0}form{padding:35px}.form-title{font-size:10px;letter-spacing:1.4px;display:flex;justify-content:space-between;gap:15px;margin:8px 0 20px}.form-title small{color:var(--muted);letter-spacing:0;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;margin-bottom:18px;line-height:1.5}input,select,textarea{display:block;width:100%;border:1px solid #d6d9d0;background:#fbfbf8;border-radius:0;padding:13px 12px;margin-top:8px;color:var(--green);min-height:47px;font-size:14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--copper);outline-offset:2px}form .button{width:100%}.form-note{font-size:10px;text-align:center;color:var(--muted);margin:12px 0 0}[hidden]{display:none!important}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery>div{min-height:245px;background:#e8e8e0;padding:30px;display:flex;flex-direction:column;justify-content:end;border:1px solid #dadcd1;position:relative}.gallery>div:before{content:'+';position:absolute;top:22px;right:25px;font-size:30px;font-weight:200;color:#a2ab9e}.gallery span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.gallery strong{font:22px Georgia,serif;margin:15px 0}.gallery small{font-size:11px;color:var(--muted)}.quote{background:var(--green);max-width:none;color:#f1f2e9;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:75px;padding-bottom:75px}.quote h2{font-size:44px}.quote>div>p:not(.eyebrow){font-size:14px;color:#b8c2b8;max-width:390px}.quote .quote-notice{border-top:1px solid #4d5951;padding-top:22px;font-size:12px!important}.quote form{padding:0}.quote input,.quote select,.quote textarea{background:#22342e;border-color:#4a5b50;color:#f1f2e9}.quote input::placeholder,.quote textarea::placeholder{color:#a9b4ac}.privacy{font-size:11px;color:#b8c2b8}.quote #quote-status{font-size:13px;margin:14px 0 0;color:#e4d2b7}footer{padding:55px 7% 25px}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:start;padding-bottom:45px}.footer-top>p{font:20px/1.5 Georgia,serif}.footer-top>div{display:flex;flex-direction:column;font-size:12px;gap:16px}.footer-bottom{border-top:1px solid #deded4;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}@media(min-width:1600px){.hero-content{padding-left:15%}}@media(max-width:1000px){nav{gap:16px;font-size:12px}header{padding:22px 5%}.hero-content{padding:65px 8%}h1{font-size:44px}.hero-visual{min-height:570px}.actions{gap:12px}.section{padding:65px 5%}.form-row{gap:10px}.config-layout form{padding:25px}.gallery>div{padding:20px}.why,.quote{gap:6%}}@media(max-width:800px){html{scroll-padding-top:80px}header{min-height:80px;padding:18px 6%}.brand{font-size:27px}.menu-toggle{display:block;border:1px solid #d5d8cf;background:transparent;width:44px;height:44px;font-size:23px;color:var(--green)}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f8f7f3;padding:20px 6%;border-bottom:1px solid #d5d8cf;flex-direction:column;align-items:stretch;gap:10px}nav.open{display:flex}nav>a{padding:12px}nav .button{margin-top:5px}.hero{grid-template-columns:1fr}.hero-content{padding:45px 6% 35px}h1{font-size:42px;letter-spacing:-1.8px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.intro{font-size:14px}.actions{gap:12px;margin-top:25px}.hero-note{margin-top:25px;padding-top:20px}.hero-visual{min-height:370px}.window{top:10%;height:70%;left:28%;width:45%}.ledge{top:80%;left:24%;width:53%}.visual-label{bottom:22px;left:23px}.visual-label strong{font-size:22px}.visual-stamp{font-size:13px;padding:10px}.promise-strip{display:grid;grid-template-columns:1fr 1fr;padding:22px 6%;font-size:10px;row-gap:20px}.promise-strip span:before{margin-right:7px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none;margin-top:22px;font-size:13px}.eyebrow{margin-bottom:20px}h2{font-size:36px;letter-spacing:-1.2px}.product-grid{grid-template-columns:1fr;gap:24px}.product-art{height:245px}.product-body{padding:25px}.why{grid-template-columns:1fr;gap:35px}.why-intro{max-width:none}.values article{padding:20px 0}.config-layout{grid-template-columns:1fr}.config-preview{min-height:350px;padding:25px}.preview-grid{max-height:240px;max-width:200px;margin-bottom:25px}.config-layout form{padding:25px 20px}.form-row{gap:12px}.form-row label{min-width:0}input,select,textarea{font-size:16px}.form-title{flex-wrap:wrap;gap:8px}.gallery{grid-template-columns:1fr}.gallery>div{min-height:185px;padding:25px}.quote{grid-template-columns:1fr;gap:25px}.quote h2{font-size:36px}.quote .form-row{grid-template-columns:1fr;gap:0}.footer-top{flex-wrap:wrap;gap:30px}.footer-top>p{font-size:18px}.footer-top>div{width:100%}.footer-bottom{flex-direction:column;gap:12px}.button{font-size:13px;padding:16px 18px}.actions>.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Compléments V1 : méthode, emplacement du configurateur et accès mobile. */
.skip-link{position:fixed;top:8px;left:8px;padding:14px;background:var(--green);color:white;z-index:30;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
[id]{scroll-margin-top:20px}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.method-grid article{border-top:2px solid var(--copper);padding:25px 0}.method-grid span{font-size:10px;letter-spacing:1.4px;color:#885633}.method-grid h3{font-size:20px;margin:22px 0 12px}.method-grid p{font-size:14px;color:var(--muted)}
.configuration{padding-top:20px}.config-coming{background:#eeeee7;border:1px solid #dbded3;padding:45px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.config-coming p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:520px}.future-steps{display:grid;gap:18px}.future-steps span{padding:16px;border-bottom:1px solid #ccd1c4;font-size:14px}.future-steps strong{font:20px/1.5 Georgia,serif;padding:16px}.mobile-actions{display:none}
@media(max-width:1000px){nav{gap:12px}.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){header{position:sticky;top:0}.method-grid{grid-template-columns:1fr;gap:0}.config-coming{grid-template-columns:1fr;padding:26px 20px;gap:24px}.config-coming .button{width:100%}.future-steps{gap:4px}body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--green);box-shadow:0 -4px 20px #0002}.mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:46px;font-size:12px;font-weight:600;text-align:center;color:white;border:1px solid #b57850;padding:6px}.mobile-actions a:last-child{background:#955f3d}.quote{scroll-margin-bottom:80px}}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}

/* V2 — acier, fabrication locale et parcours mobile. */
:root{--green:#202826;--copper:#925434;--muted:#58625d;background:#f6f5f0;color:var(--green)}
header{background:#f6f5f0}.brand small{font-size:8px;letter-spacing:1.5px;font-weight:700}h1,h2{font-weight:600}h1 em,h2 em{font-weight:400}.hero{grid-template-columns:1.12fr 1fr}.hero-content{padding-top:65px;padding-bottom:55px}.hero h1{font-size:clamp(40px,4.1vw,65px);letter-spacing:-2.5px;line-height:1.06}.hero-location{display:block;font-size:.55em;line-height:1.25;letter-spacing:-.8px;margin-top:24px;max-width:400px}.hero .intro{margin-top:25px}.hero-note{font-size:12px;line-height:1.6}.hero-visual{min-height:630px}.visual-label small{opacity:1;color:#e2e4de;line-height:1.5}.visual-label>span{opacity:1;color:#e2e4de}.visual-stamp{background:#20282655}.button{background:var(--copper)}.button:hover{background:#764128}.actions>.text-link{border-bottom:1px solid #b8bcb3;padding:10px 0}.promise-strip{font-size:11px;line-height:1.5;letter-spacing:.5px}.section{padding-top:88px;padding-bottom:88px}.section-heading .eyebrow,.why .eyebrow,.grille-detail .eyebrow{color:var(--copper)}.section-heading>p{font-size:15px}.product{border-color:#d9dbd1}.product-art{height:310px}.product-body h3{font-weight:600}.product-body p:not(.eyebrow){font-size:15px}.why{gap:8%}.why h2{max-width:470px}.why-intro{font-size:15px;max-width:420px}.values h3{font-weight:600}.values p{font-size:14px}.values article{border-color:#c9cec2}.method-grid{gap:28px}.method-grid article{position:relative}.method-grid article:not(:last-child):after{content:'→';position:absolute;right:0;top:22px;color:var(--copper);font-size:20px}.method-grid span{display:block;font-size:10px;line-height:1.6;letter-spacing:.7px;max-width:85%}.method-grid h3{font-weight:600}.grille-detail{background:#e8eae3;max-width:none}.grille-specs{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid #bec5ba;padding-top:38px}.grille-specs h3{font-weight:600;line-height:1.3}.grille-specs p{font-size:15px;max-width:510px;color:var(--muted)}.grille-specs .button{margin-top:10px}.grille-specs dl{margin:0}.grille-specs dl>div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #c4cabf}.grille-specs dl>div:first-child{padding-top:0}.grille-specs dt{font-size:13px;font-weight:700;line-height:1.6}.grille-specs dd{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.model-heading{margin-top:65px;margin-bottom:26px}.model-heading h3{font-weight:600;margin-bottom:10px}.model-heading p{font-size:13px;color:var(--muted)}.model-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.model-gallery article{background:#f6f5f0;border:1px solid #d0d5c9}.model-drawing{display:grid;place-items:center;min-height:260px;background:radial-gradient(ellipse at center,#d8dcd1,#c2c9bc);color:#303b37}.model-drawing svg{width:75%;max-width:280px;height:240px;filter:drop-shadow(6px 9px 3px #28322525)}.model-caption{padding:25px}.model-caption span{font-size:10px;letter-spacing:1.5px;color:var(--copper);font-weight:700}.model-caption h3{font-size:21px;margin:15px 0 10px;line-height:1.3;font-weight:600}.model-caption p{font-size:14px;color:var(--muted);margin-bottom:20px}.model-caption small{display:block;border-top:1px solid #d1d5c9;padding-top:14px;font-size:12px;color:var(--muted)}.technical-note{font-size:12px;max-width:850px;color:var(--muted);margin:22px 0 0}.configuration{padding-top:70px;padding-bottom:25px}.config-coming{background:var(--green);border:0;color:#f6f5f0;gap:7%}.config-coming h2 em{color:#d49c78}.config-coming p:not(.eyebrow){color:#c6cec5}.config-coming .eyebrow{color:#d49c78}.future-steps span{border-color:#4b574d;color:#dce2d8}.future-steps strong{font-size:21px}.gallery>div{min-height:270px;background:linear-gradient(135deg,#efeee7,#e1e3da);border:1px dashed #a5afa0}.gallery span{color:#58625d}.gallery small{font-size:12px}.contact{max-width:none;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;border-top:1px solid #d5d9cd;background:#eeeee7}.contact h2{font-size:clamp(32px,3.4vw,48px)}.contact p{color:var(--muted);font-size:15px;max-width:500px}.contact-details{border-left:2px solid var(--copper);padding-left:35px;align-self:center}.contact-details h3{font-size:22px;font-weight:600;line-height:1.3}.quote h2 em{color:#d49c78}.quote .eyebrow{color:#d49c78}.quote>div>p:not(.eyebrow),.privacy{color:#c6cec5}.quote .quote-notice{line-height:1.7}.quote .button{font-size:14px}footer .brand{font-size:30px}.footer-bottom{line-height:1.6}
@media(min-width:1600px){.hero-content{padding-left:15%}}
@media(max-width:1000px){.hero-content{padding:55px 8%}.hero h1{font-size:44px}.hero-visual{min-height:630px}.promise-strip{display:grid;grid-template-columns:1fr 1fr}.method-grid{gap:24px}.grille-specs{gap:5%}.model-gallery{gap:15px}.model-caption{padding:20px}.model-caption h3{font-size:19px}.section{padding:65px 5%}.configuration{padding-bottom:20px}}
@media(max-width:800px){header{min-height:80px}.brand small{font-size:7px;letter-spacing:1.2px}nav{background:#f6f5f0}.hero{grid-template-columns:1fr}.hero-content{padding:42px 6% 32px}.hero h1{font-size:clamp(36px,9.8vw,58px);letter-spacing:-1.7px}.hero-location{font-size:.57em;max-width:320px;margin-top:20px}.hero .intro{font-size:15px;margin-bottom:0}.actions{gap:14px}.actions>.text-link{justify-content:space-between;width:100%;padding:13px 4px;font-size:14px}.hero-note{margin-top:24px;font-size:11px}.hero-visual{min-height:360px}.hero-visual .visual-label{right:20px}.visual-label strong{font-size:21px}.visual-label small{font-size:10px;letter-spacing:0}.promise-strip{font-size:10px;gap:18px 12px}.promise-strip span{display:flex;align-items:center}.section{padding:55px 6%}.section-heading>p{font-size:15px;margin-top:20px}.product-art{height:260px}.product-body{padding:25px}.why h2{font-size:36px}.why-intro{font-size:15px}.method-grid{grid-template-columns:1fr;gap:4px}.method-grid article{padding:22px 0 12px}.method-grid article:not(:last-child):after{content:'↓'}.method-grid span{max-width:88%;font-size:11px}.method-grid h3{margin-top:17px}.grille-specs{grid-template-columns:1fr;gap:30px;padding-top:25px}.grille-specs .button{width:100%}.grille-specs dl>div{grid-template-columns:90px 1fr;gap:12px}.model-heading{margin-top:45px}.model-heading h3{font-size:23px;line-height:1.3}.model-gallery{grid-template-columns:1fr;gap:24px}.model-drawing{min-height:230px}.model-drawing svg{height:220px}.model-caption{padding:24px}.model-caption h3{font-size:23px}.technical-note{font-size:13px}.configuration{padding-top:45px;padding-bottom:0}.config-coming{padding:28px 22px;gap:20px}.config-coming h2{font-size:34px}.future-steps strong{padding-left:0;font-size:20px}.gallery>div{min-height:200px}.contact{grid-template-columns:1fr;gap:22px}.contact-details{padding-left:22px}.contact-details .button{width:100%}.quote .button{line-height:1.5;text-align:left;gap:12px}.mobile-actions{gap:8px}.mobile-actions a{font-size:13px;gap:10px}.footer-top .brand small{font-size:8px}.footer-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}