.button-light{background:#f36b35 !important;color:#fff}.hero-stamp{background:#9ccf68}.hero-stamp,.filter.active,.contact .eyebrow,.service-number,.service-card a span,.header-phone b,.text-link span{color:#f36b35}.intro-statement strong{color:#9ccf68}
.hero-image{background-image:linear-gradient(180deg,rgba(20,29,24,.05),rgba(20,29,24,.2)),url('../assets/interior.jpg') !important}
.service-roof{background-image:url('../assets/roof.jpg') !important}.service-facade{background-image:url('../assets/facade.jpg') !important}.service-isolation{background-image:url('../assets/insulation.jpg') !important}
.photo-kitchen{background-image:url('../assets/kitchen.jpg') !important}.photo-brick{background-image:url('../assets/facade.jpg') !important}.photo-roof{background-image:url('../assets/roof.jpg') !important}.method-image{background-image:url('../assets/interior.jpg') !important}
@media(max-width:800px){.main-nav.is-open{display:flex;position:absolute;top:72px;left:0;right:0;padding:24px 7vw;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}}
.brand{gap:0}.brand img{display:block;width:122px;height:auto}.button-light{background:var(--orange) !important;color:#fff}.hero-stamp,.filter.active,.contact .eyebrow,.service-number,.service-card a span,.header-phone b,.text-link span{color:var(--orange)}.hero-stamp{background:var(--lime)}.intro-statement strong{color:var(--lime)}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#202524;--cream:#f1efe9;--paper:#f8f7f3;--lime:#c7d85a;--line:#d3d4cc;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.brand{display:flex;gap:10px;align-items:center;font-family:var(--display);line-height:.85}.brand-mark{display:grid;place-items:center;background:var(--lime);height:35px;width:35px;font-size:22px;font-weight:700}.brand strong{font-size:22px;letter-spacing:-1px;display:block}.brand small{font-size:9px;letter-spacing:3px;display:block;margin-top:5px}.main-nav{display:flex;gap:34px;font-size:13px;font-weight:500}.main-nav a:hover,.header-phone:hover,.text-link:hover{color:#72800b}.header-phone{font-family:var(--display);font-size:13px;display:flex;gap:15px;align-items:center}.header-phone b,.text-link span{color:#7e8b15;font-size:20px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:calc(100vh - 88px);padding:9vh 10vw 9vh 14vw;display:grid;grid-template-columns:1fr 1.08fr;gap:7vw;align-items:center;position:relative}.hero-copy{padding-bottom:5vh}.eyebrow{font:500 11px var(--display);text-transform:uppercase;letter-spacing:2px;margin:0 0 24px;color:#68706b}.hero h1,h2{font:600 clamp(48px,6.2vw,94px)/.95 var(--display);letter-spacing:-4px;margin:0}.hero h1 em,h2 em{font:400 .92em/1.08 var(--serif);letter-spacing:-3px}.hero-intro{max-width:420px;line-height:1.65;color:#5a625e;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 20px;border:0;text-transform:uppercase;letter-spacing:1px;font:600 11px var(--display);cursor:pointer}.button span{font-size:18px;line-height:10px}.button-dark{background:var(--ink);color:var(--paper)}.button-light{background:var(--lime);color:var(--ink)}.text-link{font:500 11px var(--display);text-transform:uppercase;letter-spacing:1px}.text-link span{margin-left:7px}.hero-art{height:min(650px,72vh);position:relative}.hero-image,.method-image,.project-photo{background-size:cover;background-position:center}.hero-image{height:100%;background-image:linear-gradient(180deg,rgba(20,29,24,.05),rgba(20,29,24,.2)),url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/2021/11/132329006_8956519.jpg');filter:saturate(.8)}.hero-stamp{position:absolute;bottom:46px;left:-46px;background:var(--lime);height:126px;width:126px;padding:25px 18px;display:flex;align-items:flex-end;gap:6px}.hero-stamp span{font:600 45px var(--display);line-height:.8}.hero-stamp small{font:500 10px/1.15 var(--display);text-transform:uppercase}.hero-caption{position:absolute;right:0;bottom:-28px;background:var(--ink);color:var(--paper);padding:14px 18px;display:flex;gap:26px;font:500 10px var(--display);text-transform:uppercase;letter-spacing:1px}.hero-caption span:first-child{color:var(--lime)}.hero-scroll{position:absolute;left:5vw;bottom:9vh;writing-mode:vertical-rl;text-transform:uppercase;font:500 10px var(--display);letter-spacing:2px;color:#76807b}.hero-scroll span{margin-top:10px;color:#7e8b15;font-size:18px}.intro-band{background:var(--ink);color:var(--paper);padding:10vw 14vw;display:grid;grid-template-columns:1fr 3fr;gap:7vw}.intro-band .eyebrow{color:var(--lime)}.intro-statement{font:400 clamp(28px,3.6vw,54px)/1.05 var(--display);letter-spacing:-2px;max-width:850px;margin:0}.intro-statement strong{color:var(--lime);font-weight:400}.section{padding:12vw 10vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}.section-heading h2,.projects h2,.method h2,.contact h2{font-size:clamp(44px,5.7vw,80px)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.service-card{min-height:420px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;color:var(--paper);position:relative;overflow:hidden}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,17,.15),rgba(14,20,17,.8))}.service-card>*{position:relative;z-index:1}.service-roof{background-image:url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/2021/11/toit.png');background-color:#7a806e}.service-facade{background-image:url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/2021/11/mur-de-briques.png');background-color:#9a6347}.service-isolation{background-image:url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/2021/11/icone-isolation-150x150.png');background-color:#677c77;background-size:45%;background-repeat:no-repeat}.service-number{font:500 12px var(--display);color:var(--lime)}.service-card h3{font:500 38px var(--display);margin:0 0 13px}.service-card p{font-size:14px;line-height:1.5;max-width:260px;margin:0 0 24px;color:#e2e4d9}.service-card a{font:500 10px var(--display);text-transform:uppercase;letter-spacing:1.5px}.service-card a span{font-size:17px;color:var(--lime);margin-left:9px}.projects{background:var(--cream)}.projects-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:66px}.projects-note{max-width:300px;line-height:1.6;color:#5b625d;margin:0}.filter-bar{display:flex;gap:26px;border-top:1px solid var(--line);padding:19px 0;margin-bottom:30px}.filter{border:0;background:none;padding:0;color:#777d77;font:500 11px var(--display);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.filter.active{color:var(--ink);text-decoration:underline;text-underline-offset:7px}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:250px 250px;gap:24px}.project-large{grid-row:span 2}.project-photo{height:100%;min-height:180px;transition:transform .4s}.project:hover .project-photo{transform:scale(1.03)}.project{overflow:hidden;position:relative}.project-meta{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:35px 22px 20px;background:linear-gradient(transparent,rgba(21,27,24,.9));display:flex;flex-direction:column;gap:5px}.project-meta span{font:500 9px var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--lime)}.project-meta strong{font:500 20px var(--display)}.photo-kitchen{background-image:url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/elementor/thumbs/cuisine-apres-q171wad7fqq3deksty4mnmblv7c17113hr9z9tetxc.jpg')}.photo-brick{background-image:url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/2021/11/mur-de-briques.png')}.photo-roof{background-image:url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/2021/11/toit.png')}.method{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:var(--paper)}.method-visual{height:620px;position:relative}.method-image{height:100%;background-image:url('https://web.archive.org/web/20240920133355im_/https://btpi-angers.fr/wp-content/uploads/2021/11/132329006_8956519.jpg');background-position:65% center}.vertical-label{position:absolute;left:-29px;top:35%;writing-mode:vertical-rl;transform:rotate(180deg);font:500 10px var(--display);letter-spacing:2px}.method-copy>p:not(.eyebrow){line-height:1.7;color:#5b625d;max-width:440px;margin:30px 0 50px}.principles{border-top:1px solid var(--line)}.principles>div{display:flex;gap:35px;border-bottom:1px solid var(--line);padding:19px 0;font-size:13px}.principles b{color:#839013;font:500 11px var(--display)}.principles span{display:flex;gap:20px}.principles strong{font-weight:500;min-width:110px}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.1fr;gap:12vw;padding-top:10vw;padding-bottom:10vw}.contact .eyebrow{color:var(--lime)}.contact-heading>p:not(.eyebrow){color:#bbc0b6;max-width:360px;line-height:1.6;margin:30px 0}.contact-details{border-top:1px solid #515955;margin-top:55px;padding-top:23px;display:grid;gap:10px;font:500 14px var(--display)}.contact-details a:first-child{color:var(--lime);font-size:19px}.contact-details span{color:#aeb5aa;font:12px/1.5 var(--sans);margin-top:10px}.contact-form{padding-top:45px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:block;color:#b8beb4;font:500 10px var(--display);text-transform:uppercase;letter-spacing:1px;margin-bottom:25px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;padding:13px 0;color:var(--paper);border:0;border-bottom:1px solid #606761;background:transparent;outline:0;font:15px var(--sans);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f7771}.form-note{color:#818a82;font-size:10px;margin-top:16px}.site-footer{padding:38px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}.site-footer .brand{transform:scale(.85);transform-origin:left}.site-footer p{color:#6f7771}.site-footer>div{display:flex;gap:25px;font:500 10px var(--display);text-transform:uppercase;letter-spacing:1px}.site-footer>small{color:#89908a;font-size:10px}
@media(max-width:800px){.site-header{height:72px;padding:0 6vw}.main-nav,.header-phone{display:none}.menu-toggle{display:block}.hero{display:block;padding:11vh 7vw 13vh;min-height:auto}.hero-copy{padding:0}.hero h1{font-size:57px;letter-spacing:-3px}.hero-intro{font-size:15px}.hero-art{height:64vh;margin-top:60px}.hero-scroll{display:none}.hero-stamp{left:-15px;bottom:32px}.intro-band{display:block;padding:18vw 7vw}.intro-band .eyebrow{margin-bottom:35px}.section{padding:18vw 7vw}.section-heading,.projects-top{display:block;margin-bottom:48px}.section-heading h2,.projects h2,.method h2,.contact h2{font-size:49px}.service-grid{display:block}.service-card{min-height:350px;margin-bottom:3px}.filter-bar{gap:17px;overflow:auto;white-space:nowrap}.project-grid{display:block}.project{height:300px;margin-bottom:18px}.project-large{height:420px}.method{display:block}.method-visual{height:410px;margin-bottom:55px}.vertical-label{left:-20px}.principles>div{gap:20px}.principles span{display:block}.principles strong{display:block;margin-bottom:5px}.contact{display:block;padding-top:18vw}.contact-form{padding-top:60px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:35px 7vw}.site-footer p{grid-column:span 2;margin:0}.site-footer>div{grid-column:span 2}.site-footer>small{grid-column:span 2}.form-row{gap:16px}}
