.fenetres-de-toit-page{--fenetres-de-toit-ink:#252b2d;--fenetres-de-toit-muted:#697072;--fenetres-de-toit-soft:#f3f7f5;--fenetres-de-toit-sage:#dbe5df;color:var(--fenetres-de-toit-ink);background:var(--white)}.fenetres-de-toit-page,.fenetres-de-toit-page *,.fenetres-de-toit-page :before,.fenetres-de-toit-page :after{box-sizing:border-box}.fenetres-de-toit-photo,.fenetres-de-toit-placeholder{background:var(--fenetres-de-toit-sage);display:block;position:relative;overflow:hidden}.fenetres-de-toit-photo-image{object-fit:cover}.fenetres-de-toit-placeholder{color:#5b7267b8;background:linear-gradient(135deg,#edf4eff5,#cfded5f5),repeating-linear-gradient(45deg,#0000 0 18px,#5b726714 19px 20px);place-items:center;min-height:150px;display:grid}.fenetres-de-toit-placeholder:before,.fenetres-de-toit-placeholder:after{content:"";pointer-events:none;position:absolute}.fenetres-de-toit-placeholder:before{border:1px solid #5b726738;inset:16px}.fenetres-de-toit-placeholder:after{border:1px solid #5b726738;width:92px;height:92px;transform:rotate(45deg)}.fenetres-de-toit-placeholder span{z-index:1;letter-spacing:.04em;text-align:center;background:#ffffffb3;border:1px solid #5b72674d;max-width:calc(100% - 48px);padding:8px 12px;font-size:12px;line-height:1.35;position:relative}.fenetres-de-toit-page .landing-section-heading .landing-section-label{color:var(--primary)}.fenetres-de-toit-page .landing-section-heading h2 strong,.fenetres-de-toit-page .landing-section-heading>p strong,.fenetres-de-toit-page .fenetres-de-toit-copy>p strong{color:var(--primary);font-weight:800}.fenetres-de-toit-page .fenetres-de-toit-hero-copy>p strong{color:inherit;font-weight:800}.fenetres-de-toit-page .landing-main-benefit-icon{color:var(--primary)}.fenetres-de-toit-page .landing-main-benefit h2{color:var(--dark)}.fenetres-de-toit-inline-icon{width:36px;height:36px}.fenetres-de-toit-hero{min-height:500px;color:var(--white);isolation:isolate;background:#43574d;position:relative;overflow:hidden}.fenetres-de-toit-hero-media,.fenetres-de-toit-hero-overlay{position:absolute;inset:0}.fenetres-de-toit-hero-media{z-index:0;min-height:100%}.fenetres-de-toit-hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#111c17e8 0%,#192821b8 44%,#1928212e 100%)}.fenetres-de-toit-hero-inner{z-index:2;flex-direction:column;justify-content:center;min-height:500px;padding-top:32px;padding-bottom:42px;display:flex;position:relative}.fenetres-de-toit-breadcrumb{color:#ffffffd1;margin-bottom:38px;font-size:12px;line-height:1.45}.fenetres-de-toit-breadcrumb ol{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.fenetres-de-toit-breadcrumb li:not(:last-child):after{color:#ffffffad;content:">";margin-left:7px}.fenetres-de-toit-breadcrumb a,.fenetres-de-toit-breadcrumb li[aria-current=page]{color:inherit}.fenetres-de-toit-breadcrumb a:hover,.fenetres-de-toit-breadcrumb a:focus-visible{color:var(--white);text-underline-offset:3px;text-decoration:underline}.fenetres-de-toit-hero-copy{max-width:760px}.fenetres-de-toit-kicker{color:#ffffffc7;font-family:var(--font-inter), Inter, Arial, sans-serif;letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px;font-size:12px;font-weight:800;line-height:1.4}.fenetres-de-toit-hero h1{max-width:820px;color:var(--white);font-family:var(--font-inter), Inter, Arial, sans-serif;letter-spacing:-.055em;margin:0 0 18px;font-size:76px;font-weight:800;line-height:.97}@media (min-width:768px){.fenetres-de-toit-hero h1{white-space:nowrap}}.fenetres-de-toit-hero-lead{max-width:650px;color:var(--white);font-family:var(--font-inter), Inter, Arial, sans-serif;letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(21px,2.5vw,30px);font-weight:800;line-height:1.08}.fenetres-de-toit-hero-copy>p:last-of-type{color:#ffffffe0;max-width:590px;margin:0;font-size:15px;line-height:1.5}.fenetres-de-toit-intro,.fenetres-de-toit-story{background:var(--white);padding:52px 0}.fenetres-de-toit-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(42px,7vw,90px);display:grid}.fenetres-de-toit-copy{max-width:600px}.fenetres-de-toit-copy>p{max-width:590px;color:var(--fenetres-de-toit-muted);margin:0 0 17px;font-size:16px;line-height:1.65}.fenetres-de-toit-copy>p:last-of-type{margin-bottom:0}.fenetres-de-toit-intro-media,.fenetres-de-toit-story-media{min-height:300px}.fenetres-de-toit-services{background:var(--fenetres-de-toit-soft);padding:36px 0;scroll-margin-top:110px}.fenetres-de-toit-services-heading>p:last-child,.fenetres-de-toit-projects-heading>p:last-child{max-width:680px;color:var(--fenetres-de-toit-muted);margin:-8px auto 0;font-size:15px;line-height:1.55}.fenetres-de-toit-services-grid{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.fenetres-de-toit-service{background:var(--white);border:1px solid #5b726726;flex:0 calc(33.3333% - 12px);min-width:0;max-width:calc(33.3333% - 12px);overflow:hidden}.fenetres-de-toit-service-media{height:150px;min-height:150px}.fenetres-de-toit-service-content{padding:14px 18px 17px}.fenetres-de-toit-service-content h3{color:var(--fenetres-de-toit-ink);font-family:var(--font-inter), Inter, Arial, sans-serif;margin:0 0 5px;font-size:18px;font-weight:800;line-height:1.3}.fenetres-de-toit-service-content p{color:var(--fenetres-de-toit-muted);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.fenetres-de-toit-story{padding-top:48px;padding-bottom:48px}.fenetres-de-toit-story-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.fenetres-de-toit-projects{background:var(--white);border-top:1px solid #3937380d;padding:36px 0}.fenetres-de-toit-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.fenetres-de-toit-project{border:1px solid var(--line);background:var(--white);min-width:0;overflow:hidden}.fenetres-de-toit-project-media{min-height:170px}.fenetres-de-toit-project-media>.fenetres-de-toit-placeholder,.fenetres-de-toit-project-media>.fenetres-de-toit-photo{height:170px;min-height:170px}.fenetres-de-toit-project-media>.fenetres-de-toit-placeholder{background:#e9ecea}.fenetres-de-toit-page .fenetres-de-toit-project-placeholder{background:#e9ecea!important}.fenetres-de-toit-project-media>.fenetres-de-toit-placeholder:before,.fenetres-de-toit-project-media>.fenetres-de-toit-placeholder:after{display:none}.fenetres-de-toit-page .fenetres-de-toit-project-placeholder:before,.fenetres-de-toit-page .fenetres-de-toit-project-placeholder:after{display:none!important}.fenetres-de-toit-project-media>.fenetres-de-toit-placeholder span{color:var(--fenetres-de-toit-muted);background:0 0;border:0}.fenetres-de-toit-project-copy{padding:12px 16px 18px}.fenetres-de-toit-project-copy h3{color:var(--fenetres-de-toit-ink);font-family:var(--font-inter), Inter, Arial, sans-serif;margin:0 0 8px;font-size:17px;font-weight:800;line-height:1.3}.fenetres-de-toit-project-copy p{color:var(--fenetres-de-toit-muted);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.fenetres-de-toit-cta{position:relative;overflow:hidden}.fenetres-de-toit-cta-media{z-index:0;background:#34453d;min-height:100%;position:absolute;inset:0}.fenetres-de-toit-page .fenetres-de-toit-cta .landing-cta-overlay{background:linear-gradient(90deg,#16231deb 0%,#192821c2 48%,#19282163 100%)}@media (max-width:1024px){.fenetres-de-toit-service{flex-basis:calc(50% - 9px);max-width:calc(50% - 9px)}.fenetres-de-toit-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.fenetres-de-toit-hero,.fenetres-de-toit-hero-inner{min-height:0}.fenetres-de-toit-hero-overlay{background:linear-gradient(#111c1761 0%,#14221cc4 54%,#14221cf5 100%)}.fenetres-de-toit-hero-inner{justify-content:flex-start;gap:clamp(48px,14vw,72px);padding:28px 20px 42px}.fenetres-de-toit-breadcrumb{margin-bottom:0;font-size:11px}.fenetres-de-toit-kicker{margin-bottom:10px;font-size:10px}.fenetres-de-toit-hero h1{margin-bottom:16px;font-size:48px}.fenetres-de-toit-hero-lead{font-size:22px}.fenetres-de-toit-hero-copy>p:last-of-type{font-size:14px}.fenetres-de-toit-service{flex-basis:100%;max-width:100%}.fenetres-de-toit-projects-grid{grid-template-columns:1fr}.fenetres-de-toit-intro,.fenetres-de-toit-services,.fenetres-de-toit-story,.fenetres-de-toit-projects{padding-top:32px;padding-bottom:32px}.fenetres-de-toit-split,.fenetres-de-toit-story-grid{grid-template-columns:1fr;gap:30px}.fenetres-de-toit-intro-media{order:-1}.fenetres-de-toit-intro-media,.fenetres-de-toit-story-media{min-height:250px}.fenetres-de-toit-services-heading>p:last-child,.fenetres-de-toit-projects-heading>p:last-child{margin-top:0}}@media (prefers-reduced-motion:reduce){.fenetres-de-toit-page *{scroll-behavior:auto;transition-duration:.01ms!important}}