:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#102b45;background:#f5f7f8;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font-family:inherit}button{cursor:pointer}a{text-decoration:none}.site{overflow:hidden}.header{z-index:1000;background:#071521;align-items:center;gap:35px;height:86px;padding:0 4%;display:flex;position:sticky;top:0;box-shadow:0 3px 20px #0000002e}.brand{color:#fff;align-items:center;gap:13px;margin-right:auto;display:flex}.brand-logo{flex-shrink:0;place-items:center;width:125px;height:85px;display:grid}.brand-logo img{object-fit:contain;width:100%;height:100%}.logo-fallback{color:#fff;background:#df2027;border-radius:7px;place-items:center;width:54px;height:48px;font-size:13px;font-weight:900;display:none}.brand-text strong{font-size:18px;display:block}.brand-text span{color:#8d9eac;margin-top:3px;font-size:10px;display:block}.navigation{gap:25px;display:flex}.navigation a{color:#dce4eb;font-size:13px;font-weight:700;transition:all .2s}.navigation a:hover{color:#ef3037}.header-button{color:#fff;background:#df2027;border:0;border-radius:6px;padding:14px 18px;font-weight:800}.hero{background:#f4f1eb;grid-template-columns:54% 46%;min-height:690px;display:grid}.hero-text{flex-direction:column;justify-content:center;padding:90px 7%;display:flex}.kicker{color:#b42329;letter-spacing:2px;align-items:center;gap:12px;font-size:11px;font-weight:900;display:flex}.kicker span{background:#df2027;width:40px;height:2px}.hero h1{color:#0d273e;letter-spacing:-5px;margin:25px 0;font-size:clamp(58px,7vw,100px);line-height:.9}.hero h1 em{color:#df2027;font-style:italic}.hero-text>p{color:#5d6973;max-width:640px;font-size:18px;line-height:1.75}.hero-buttons{gap:14px;margin-top:25px;display:flex}.red-button,.outline-button{justify-content:center;align-items:center;min-height:54px;padding:0 23px;font-weight:800;display:inline-flex}.red-button{color:#fff;background:#df2027;border:0}.red-button span{margin-left:30px}.outline-button{color:#17344e;border:1px solid #aeb6bc}.hero-numbers{gap:55px;margin-top:62px;display:flex}.hero-numbers div{border-left:2px solid #d4ccc4;padding-left:14px}.hero-numbers strong{font-size:27px;display:block}.hero-numbers span{color:#8b8985;margin-top:5px;font-size:9px;display:block}.hero-visual{background:#102e48;min-height:690px;position:relative}.hero-image{color:#fff;background:linear-gradient(135deg,#0b233733,#04121fb3),linear-gradient(135deg,#416a84,#102a40);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 65px}.hero-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-image>span{font-size:145px}.hero-image small{color:#b9c6cf;letter-spacing:2px;margin-top:20px}.hero-card{background:#fff;align-items:center;gap:14px;width:330px;padding:23px;display:flex;position:absolute;bottom:45px;left:-55px;box-shadow:0 20px 50px #0003}.check{color:#fff;background:#df2027;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.hero-card strong,.hero-card small{display:block}.hero-card small{color:#78848e;margin-top:4px}.trust-bar{color:#fff;background:#071521;grid-template-columns:repeat(4,1fr);gap:30px;padding:30px 6%;display:grid}.trust-bar div{border-left:1px solid #294052;padding:5px 20px}.trust-bar strong,.trust-bar span{display:block}.trust-bar strong{font-size:14px}.trust-bar span{color:#8295a5;margin-top:7px;font-size:11px}.section{padding:100px 7%}.eyebrow{color:#df2027;letter-spacing:2.3px;margin-bottom:14px;font-size:11px;font-weight:900;display:block}.section-title{text-align:center;max-width:760px;margin:0 auto 55px}.section-title h2,.about h2,.projects h2{color:#102d47;letter-spacing:-2px;margin:0;font-size:clamp(40px,5vw,62px);line-height:1}.section-title h2 em,.about h2 em,.projects h2 em{color:#df2027}.section-title>p{color:#697681;line-height:1.7}.about{background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:45px;padding-bottom:55px;display:grid}.about-photo{position:relative}.photo-placeholder{aspect-ratio:4/3;background:0 0;border-radius:12px;width:100%;overflow:hidden}.photo-placeholder img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.experience{color:#fff;background:#df2027;padding:25px 35px;position:absolute;bottom:-25px;right:-25px;box-shadow:0 18px 40px #be191e40}.experience strong,.experience span{display:block}.experience strong{font-size:28px}.experience span{margin-top:3px;font-size:11px}.about-content>p{color:#64717c;line-height:1.8}.about-points{gap:16px;margin-top:30px;display:grid}.about-points div{align-items:center;gap:15px;display:flex}.about-points div>span{color:#df2027;background:#edf2f6;border-radius:50%;flex:0 0 37px;place-items:center;width:37px;height:37px;font-weight:900;display:grid}.about-points p{color:#6d7882;margin:0}.about-points strong{color:#18364f;margin-bottom:3px;display:block}.services{background:#f3f5f7}.services-grid{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1400px;margin:auto;display:grid}.service-card{cursor:pointer;background:#fff;border-radius:10px;transition:all .25s;overflow:hidden;box-shadow:0 8px 25px #0e2a4114}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 42px #0e2a4124}.service-photo{background:linear-gradient(135deg,#315d79,#10283c);flex-shrink:0;width:100%;height:285px;overflow:hidden}.service-photo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.service-body{z-index:2;text-align:center;background:#fff;flex-direction:column;align-items:center;min-height:290px;padding:28px 23px 25px;display:flex;position:relative}.service-body h3{color:#102b45;margin:0 0 12px;font-size:26px}.service-body p{color:#697580;min-height:0;margin:0 0 18px;font-size:16px;line-height:1.7}.service-body button{color:#df2027;background:0 0;border:0;margin-top:auto;padding:0;font-size:16px;font-weight:900}.service-body button span{margin-left:8px}.cta{color:#fff;background:#df2027;justify-content:space-between;align-items:center;gap:40px;padding:70px 8%;display:flex}.cta>div>span{letter-spacing:2px;font-size:10px;font-weight:900}.cta h2{margin:7px 0;font-size:42px}.cta p{color:#ffd8d9;margin:0}.cta button{color:#ba171d;background:#fff;border:0;padding:17px 23px;font-weight:900}.cta button span{margin-left:25px}.projects{background:#fff}.projects-title{grid-template-columns:1fr 420px;align-items:end;gap:70px;max-width:1400px;margin:0 auto 55px;display:grid}.projects-title>p{color:#66727d;line-height:1.8}.project-grid{grid-template-rows:290px 290px;grid-template-columns:1.4fr 1fr 1fr;gap:15px;max-width:1400px;margin:auto;display:grid}.project{background:#102a40;position:relative;overflow:hidden}.project-big{grid-row:span 2}.project-wide{grid-column:span 2}.project-image{background:linear-gradient(135deg,#3b647e,#0e2639);place-items:center;width:100%;height:100%;font-size:95px;transition:all .3s;display:grid}.project-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project:hover .project-image{transform:scale(1.06)}.project-info{color:#fff;background:linear-gradient(#0000,#000000eb);padding:25px;position:absolute;bottom:0;left:0;right:0}.project-info span{color:#efb035;letter-spacing:1.5px;margin-bottom:6px;font-size:10px;display:block}.project-info strong{font-size:18px}.steps{color:#fff;background:#081724;grid-template-columns:290px 1fr;gap:65px;padding:100px 6%;display:grid}.steps-heading>span{color:#e9aa37;letter-spacing:2px;font-size:11px;font-weight:900}.steps-heading h2{color:#fff;margin:20px 0;font-size:58px;line-height:.95}.steps-heading h2 em{color:#df2027}.steps-heading p{color:#8fa1af;line-height:1.7}.steps-content{min-width:0}.steps-list{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.step{text-align:center;border:1px solid #294052;min-height:330px;padding:34px 26px;position:relative}.steps .step{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(35px)}.steps.steps-visible .step{opacity:1;transform:translateY(0)}.steps.steps-visible .step:first-child{transition-delay:.3s}.steps.steps-visible .step:nth-child(2){transition-delay:1.3s}.steps.steps-visible .step:nth-child(3){transition-delay:2.3s}.steps.steps-visible .step:nth-child(4){transition-delay:3.3s}.steps-rdv-button{color:#fff;opacity:0;pointer-events:none;background:#df2027;border:0;border-radius:5px;margin-top:32px;padding:16px 24px;font-size:16px;font-weight:900;transition:opacity .8s,transform .8s;transform:translateY(25px)}.steps.steps-visible .steps-rdv-button{opacity:1;pointer-events:auto;transition-delay:4.4s;transform:translateY(0)}.steps-rdv-button:hover{background:#bd171d;transform:translateY(-2px)}.steps-rdv-button span{margin-left:18px}.step-number{color:#61788b;font-size:12px;position:absolute;top:12px;right:14px}.step-icon{font-size:50px}.step h3{min-height:55px;margin:20px 0 12px;font-size:21px}.step-red-line{background:#df2027;width:42px;height:3px;margin:0 auto 20px}.step p{color:#9aabb8;margin:0;font-size:14px;line-height:1.65}.commitment{border:1px solid #294052;grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:center;gap:20px;margin-top:28px;padding:23px 26px;display:grid}.commitment>strong{color:#fff}.commitment>div{align-items:center;gap:12px;display:flex}.commitment>div>span{font-size:25px}.commitment p{color:#8fa1af;margin:0;font-size:12px}.commitment b{color:#fff;margin-bottom:3px;display:block}.reviews-v2{background:#f3f5f7}.reviews-v2 .section-title{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reviews-v2 .review-grid article{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reviews-v2.reviews-visible .section-title,.reviews-v2.reviews-visible .review-grid article{opacity:1;transform:translateY(0)}.reviews-v2.reviews-visible .review-grid article:first-child{transition-delay:.6s}.reviews-v2.reviews-visible .review-grid article:nth-child(2){transition-delay:1.3s}.reviews-v2.reviews-visible .review-grid article:nth-child(3){transition-delay:2s}.reviews-v2.reviews-visible .review-grid article.review-main{transform:translateY(-15px)}.google-rating{margin-top:20px}.google-rating strong{color:#efaa2e;letter-spacing:4px;font-size:23px;display:block}.google-rating span{color:#7c8790;margin-top:5px;font-size:11px;display:block}.review-grid{grid-template-columns:repeat(3,1fr);gap:23px;max-width:1200px;margin:auto;display:grid}.review-grid article{background:#fff;border-radius:10px;padding:35px;box-shadow:0 8px 25px #0f283c0f}.review-main{border-top:4px solid #df2027;transform:translateY(-15px)}.stars{color:#efaa2e;letter-spacing:3px}.review-grid p{color:#5f6d78;min-height:90px;font-style:italic;line-height:1.8}.review-grid article>strong{color:#15344f;font-size:13px}.review-source{color:#8a96a0;margin-top:8px;font-size:12px;font-style:normal;font-weight:500;display:block}.booking-v2{background:#fff;grid-template-columns:1.2fr .8fr;align-items:center;gap:85px;display:grid}.booking-text h2{color:#102d47;margin:0 0 25px;font-size:clamp(44px,5vw,62px);line-height:1}.booking-text h2 em{color:#df2027}.booking-text>p{color:#65737f;max-width:630px;line-height:1.8}.booking-checks{color:#183b58;gap:12px;margin-top:28px;font-weight:700;display:grid}.booking-card{color:#fff;text-align:center;background:linear-gradient(145deg,#123653,#091b2a);border-radius:14px;padding:45px;box-shadow:0 25px 60px #0a233c33}.booking-icon{font-size:55px}.booking-card h3{margin:18px 0 8px;font-size:27px}.booking-card p{color:#b9c7d2;line-height:1.7}.booking-card button{color:#fff;background:#df2027;border:0;border-radius:7px;width:100%;margin:20px 0;padding:16px;font-weight:900}.booking-card small{color:#8da0b0}.contact-banner{color:#fff;background:#df2027;justify-content:space-between;align-items:center;gap:40px;padding:60px 8%;display:flex}.contact-banner>div>span{letter-spacing:2px;font-size:10px;font-weight:900}.contact-banner h2{margin:8px 0;font-size:38px}.contact-banner p{color:#ffd8d9;margin:0}.contact-actions{gap:12px;display:flex}.contact-phones{border:2px solid #fff;flex-direction:column;justify-content:center;gap:8px;padding:14px 18px;display:flex}.contact-phones a{color:#fff;white-space:nowrap;border:0;padding:0;font-size:16px;font-weight:800}.contact-actions>a,.contact-actions>button{border:2px solid #fff;padding:15px 20px;font-weight:800}.contact-actions a{color:#fff;background:0 0}.contact-actions button{color:#b8171d;background:#fff}.footer{color:#fff;background:#06131f;padding:0}.footer-grid{grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:50px;max-width:1350px;margin:auto;padding:65px 5%;display:grid}.footer-grid h3{margin-top:0;font-size:17px}.footer-company h3{margin-bottom:8px;font-size:25px}.footer-logo img{object-fit:contain;max-width:190px;max-height:95px;margin-bottom:15px}.footer-red{font-weight:700;color:#df2027!important}.footer-grid p,.footer-grid a{color:#9aabb8;margin:8px 0;font-size:13px;line-height:1.7;display:block}.footer-grid a:hover{color:#fff}.footer-grid>div:not(.footer-company){flex-direction:column;display:flex}.footer-grid button{color:#fff;background:#df2027;border:0;border-radius:6px;margin-top:12px;padding:12px 15px;font-weight:800}.footer-bottom{color:#667987;border-top:1px solid #ffffff17;justify-content:space-between;gap:20px;max-width:1350px;margin:auto;padding:20px 5%;font-size:11px;display:flex}.realisation-page{background:#f5f7f8;min-height:100vh}.realisation-hero{text-align:center;max-width:1200px;margin:0 auto;padding:70px 7% 35px}.realisation-hero h1{color:#102d47;margin:10px 0 18px;font-size:clamp(40px,5vw,64px)}.realisation-hero p{color:#66727d;max-width:760px;margin:0 auto;line-height:1.8}.realisation-gallery{max-width:1200px;margin:0 auto;padding:0 7% 40px}.realisation-main-photo{object-fit:cover;object-position:center;border-radius:12px;width:100%;height:300px;display:block}.realisation-main-photo-charpente{object-fit:contain;object-position:center;background:0 0;width:100%;height:420px}.realisation-small-photos{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.realisation-small-photos img{object-fit:cover;object-position:center;border-radius:10px;width:100%;height:170px;display:block}.realisation-description{grid-template-columns:1.4fr .6fr;align-items:end;gap:50px;max-width:1200px;margin:0 auto;padding:20px 7% 80px;display:grid}.realisation-description h2{color:#102d47;margin:8px 0 18px;font-size:36px}.realisation-description p{color:#66727d;line-height:1.8}.realisation-actions{flex-direction:column;gap:14px;display:flex}@media (width<=1100px){.navigation{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:480px}.hero-card{left:25px}.trust-bar{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.projects-title{grid-template-columns:1fr}.project-grid{grid-template-rows:repeat(3,270px);grid-template-columns:1fr 1fr}.project-big,.project-wide{grid-area:auto}.steps{grid-template-columns:1fr}.steps-heading{max-width:600px}.commitment{grid-template-columns:1fr 1fr}.booking-v2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.header{height:70px;padding:0 14px}.brand-text span{display:none}.brand-text strong{font-size:13px}.brand-logo{width:52px}.header-button{padding:10px;font-size:10px}.hero-text{padding:65px 20px}.hero h1{letter-spacing:-3px;font-size:52px}.hero-buttons{flex-direction:column}.hero-numbers{justify-content:space-between;gap:12px}.hero-numbers strong{font-size:20px}.hero-numbers span{font-size:7px}.hero-visual{min-height:390px}.hero-image>span{font-size:95px}.hero-card{width:calc(100% - 30px);bottom:25px;left:15px}.trust-bar{grid-template-columns:1fr}.section{padding:70px 20px}.experience{right:0}.services-grid{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start;padding:50px 22px}.cta h2{font-size:34px}.project-grid{grid-template-rows:none;grid-template-columns:1fr}.project{min-height:270px}.steps{padding:70px 20px}.steps-heading h2{font-size:50px}.steps-list{grid-template-columns:1fr}.step{min-height:auto}.commitment,.review-grid{grid-template-columns:1fr}.review-main{transform:none}.contact-banner{flex-direction:column;align-items:flex-start;padding:50px 22px}.contact-actions{flex-direction:column;width:100%}.contact-actions a,.contact-actions button{text-align:center;width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}.realisation-gallery-charpente{grid-template-columns:1fr 1.25fr;align-items:stretch;gap:18px;max-width:1100px;margin:30px auto;display:grid}.realisation-gallery-charpente .realisation-main-photo-charpente{object-fit:cover;object-position:center;border-radius:12px;width:100%;height:100%;min-height:500px}.realisation-gallery-charpente .realisation-small-photos{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;gap:18px;height:500px;display:grid}.realisation-gallery-charpente .realisation-small-photos img{object-fit:cover;border-radius:12px;width:100%;height:100%;min-height:0}@media (width<=768px){.realisation-gallery-charpente{grid-template-columns:1fr}.realisation-gallery-charpente .realisation-main-photo-charpente{object-fit:contain;height:auto;min-height:0}.realisation-gallery-charpente .realisation-small-photos{grid-template-columns:1fr;height:auto}.realisation-gallery-charpente .realisation-small-photos img{height:220px}}.realisation-main-photo-bardage{object-fit:contain;object-position:center;background:0 0;width:100%;height:auto}.realisation-main-photo-zinguerie{object-fit:contain;object-position:center;background:0 0;width:90%;height:auto;margin:0 auto;display:block}.service-description{display:block}.service-content{max-width:950px;margin:0 auto}.service-content h2{margin-top:10px;margin-bottom:25px;font-size:38px;line-height:1.15}.service-content h3{margin-top:38px;margin-bottom:14px;font-size:24px;line-height:1.25}.service-content p{margin-bottom:18px;font-size:17px;line-height:1.8}.service-highlight{background:#f4f6f8;border-left:5px solid #d71920;border-radius:8px;margin-top:35px;padding:24px 28px;font-size:18px;line-height:1.6}.service-description .realisation-actions{max-width:950px;margin:40px auto 0}@media (width<=768px){.service-content h2{font-size:30px}.service-content h3{font-size:21px}.service-content p{font-size:16px;line-height:1.7}.service-highlight{padding:20px}}.realisation-gallery-girouette .realisation-main-photo{object-fit:contain;object-position:center;background:0 0;height:500px}.realisation-gallery-girouette .realisation-small-photos img{object-fit:contain;object-position:center;background:0 0;height:260px}@media (width<=768px){.realisation-gallery-girouette .realisation-main-photo{height:auto;max-height:500px}.realisation-gallery-girouette .realisation-small-photos img{height:auto;max-height:300px}}