@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--yellow:#fac643;--bg:#161719;--panel:#202124;--muted:#adb0b5;--line:#38393b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f6f5f2;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}p{line-height:1.75}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:.99}h1{font-size:clamp(68px,6.6vw,108px);margin-bottom:26px}h2{font-size:clamp(44px,4.2vw,66px);margin-bottom:25px}em{font-style:normal;color:var(--yellow)}.proposal{background:#292a2c;display:flex;gap:18px;align-items:center;padding:9px 4.5%;font-size:11px;color:#c9c9cb}.proposal span{color:var(--yellow);font-size:10px;letter-spacing:1.6px}.proposal a{margin-left:auto;text-decoration:underline;text-underline-offset:4px}header{height:101px;padding:20px 4.5%;display:flex;align-items:center;gap:35px;background:#191a1c;border-bottom:1px solid var(--line)}.brand{width:187px;flex-shrink:0}.brand img{object-fit:contain;height:auto}nav{display:flex;gap:27px;margin-left:auto;font-size:13px}nav a:hover{color:var(--yellow)}.nav-cta{font-size:12px;border:1px solid #777;padding:15px 20px;border-radius:3px;margin-left:8px;white-space:nowrap}.nav-cta span{margin-left:20px;color:var(--yellow)}.menu{display:none}.hero{position:relative;min-height:720px;isolation:isolate;background:#161719;overflow:hidden}.hero-art{position:absolute;right:0;top:0;width:64%;height:100%;background-image:linear-gradient(90deg,#161719 0%,transparent 39%),linear-gradient(0deg,#161719 0%,transparent 30%),url('assets/covering.webp');background-size:cover,cover,cover;background-position:center,center,center 21%;z-index:-1}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#0002)}.hero-copy{padding:64px 5.5% 95px;max-width:1000px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--yellow);margin-bottom:28px;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;border-radius:100%;background:var(--yellow)}.lead{font-size:15px;color:#c2c4c8;line-height:1.8;margin-bottom:31px}.actions{display:flex;gap:30px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--yellow);color:#171719;font-weight:700;font-size:13px;border:0;border-radius:3px;padding:18px 24px;transition:background .2s}.button:hover{background:#ffda79}.button span{font-size:18px;font-weight:400}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:18px}.text-link:hover{color:var(--yellow)}.hero-note{font-size:9px;letter-spacing:2px;margin-top:38px;color:#a2a4a8}.hero-note b{color:var(--yellow);padding:0 10px}.hero-index{position:absolute;bottom:0;left:5.5%;right:5.5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding:19px 0;font-size:9px;letter-spacing:1.8px;color:#b8babc}.materials{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 5.5%;border-bottom:1px solid var(--line);color:#c0c1c2}.materials>span{font-size:9px;letter-spacing:1px;max-width:150px;line-height:1.8;color:#878a8f}.materials>div{font-weight:700;font-size:18px;letter-spacing:1px}.section{padding:96px 5.5%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-top h2{margin-bottom:0}.section-top>p,.section-top>div+div{max-width:350px;color:var(--muted);font-size:13px}.section-top small{font-size:10px;color:#85878b}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{height:365px;overflow:hidden;position:relative;border-radius:3px;background:#26272a;isolation:isolate}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070809 0%,#070809c9 18%,transparent 65%);z-index:-1}.service>img{position:absolute;inset:0;height:100%;object-position:center top;z-index:-2;transition:transform .5s}.service:hover>img{transform:scale(1.045)}.service-ppf>img{width:180%;max-width:none;height:135%;object-fit:cover;object-position:35% 0;left:-35%}.service-vitre>img{width:140%;height:130%;max-width:none;left:-20%;object-position:center top}.number{position:absolute;top:20px;left:20px;font-size:10px;border:1px solid #ffffff55;border-radius:100%;width:30px;height:30px;display:grid;place-items:center;background:#18191b77}.service>div{position:absolute;bottom:25px;left:20px;right:20px}.service p{font-size:8px;letter-spacing:1.3px;color:var(--yellow);margin-bottom:8px}.service h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:26px;font-weight:500;margin-bottom:9px}.service h3 span{float:right;font-size:19px;color:var(--yellow)}.service small{font-size:10px;color:#b4b7bc;line-height:1.5;display:block}.showcase{background:#1c1d20}.filters{display:flex;gap:10px;margin:35px 0 24px;flex-wrap:wrap}.filters button{background:transparent;color:#b9bbc0;border:1px solid #444548;padding:10px 19px;font-size:11px;border-radius:2px}.filters button.active{background:var(--yellow);color:#171719;border-color:var(--yellow)}.gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:23px}.gallery article[hidden]{display:none}.gallery-image{height:270px;overflow:hidden;border-radius:3px}.gallery-image img{height:100%;object-fit:cover;object-position:center}.gallery article:first-child img{width:120%;max-width:none;height:132%;object-position:center top;margin-left:-10%;margin-top:-4%}.ppf-image img{height:172%;width:155%;max-width:none;object-position:center top;margin-left:-27%}.caption{padding:20px 0;border-bottom:1px solid #ffffff25}.caption h3{font-size:15px;font-weight:500;margin:0 0 9px}.caption span{font-size:8px;letter-spacing:1.2px;color:#9ea1a7}.atelier{display:grid;grid-template-columns:1fr 1fr;padding:100px 0 0}.atelier-photo{position:relative;overflow:hidden;min-height:520px}.atelier-photo img{height:100%;position:absolute;object-fit:cover;object-position:40% center}.atelier-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101113aa,transparent 50%)}.atelier-photo>span{position:absolute;bottom:24px;left:30px;color:#ddd;z-index:1;font-size:8px;letter-spacing:1px}.atelier-copy{padding:15px 11% 45px}.atelier-copy>p:not(.eyebrow){font-size:13px;color:var(--muted)}.values{margin:24px 0}.values>div{display:flex;gap:19px;border-top:1px solid var(--line);padding:17px 0}.values b{color:var(--yellow);font-size:11px;font-weight:400}.values span{font-size:13px}.values small{display:block;color:#93979e;font-size:11px;margin-top:7px}.atelier-copy .text-link{flex-wrap:wrap}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:44px}.steps>div{border-top:1px solid #555;padding-top:20px}.steps b{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--yellow);font-size:33px;font-weight:500}.steps h3{font-size:15px;font-weight:500;margin:20px 0 12px}.steps p{font-size:12px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;background:#1c1d20}.faq>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}details{border-bottom:1px solid #414246}summary{padding:23px 0;cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--yellow);font-size:20px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:12px;max-width:500px;padding-right:25px}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;background:radial-gradient(ellipse at 0% 100%,#343022 0,transparent 58%)}.project>div>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:360px}.phone{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;letter-spacing:1px;margin:35px 0 12px}.phone span{color:var(--yellow);margin-left:30px}.project small{font-size:11px;color:var(--muted)}.project-panel{border:1px solid #454641;background:#222325;padding:30px;border-radius:4px;align-self:start}.project-panel label{display:block;font-size:11px;margin:0 0 9px;color:#e1e1e0}.project-panel input,.project-panel select,.project-panel textarea{width:100%;border:1px solid #4d4e50;color:#f2f2f2;background:#292a2d;border-radius:3px;padding:13px 14px;font-size:13px;margin:0 0 21px}.project-panel textarea{resize:vertical}.project-panel .button{width:100%}.project-panel .form-note{font-size:10px!important;line-height:1.6;color:#96999f!important;margin:14px 0 19px}.project-panel .text-link{font-size:10px}.direction{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 90px;padding-top:60px;padding-bottom:60px}.direction .eyebrow{grid-column:1/-1}.direction h2{font-size:44px}.direction p{color:var(--muted);font-size:12px}.direction b{color:#f1f1ee;font-weight:500}footer{padding:50px 5.5% 24px;background:#101113}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-top img{width:180px;height:auto;object-fit:contain}.footer-top p{font-size:11px;color:#999da3;margin:0 auto 0 0}.footer-top>a{font-size:10px;color:#ccc}.group{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;margin-top:30px;border-top:1px solid #333;border-bottom:1px solid #333;flex-wrap:wrap;font-size:10px;color:#b7bac0}.group>span{color:var(--yellow);font-size:9px;letter-spacing:1px}.group>a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:9px;color:#888c92;padding-top:22px}.mobile-contact{display:none}
@media(min-width:1600px){.hero-copy,.section,header,.materials,footer{padding-left:max(5.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}.hero-copy{max-width:none}}
@media(max-width:1100px){nav{gap:16px;font-size:11px}header{gap:20px}.brand{width:158px}.nav-cta{font-size:11px;padding:13px}.hero{min-height:680px}.hero-art{width:70%}.services{grid-template-columns:repeat(2,1fr)}.service{height:390px}.gallery{gap:16px}.gallery-image{height:220px}.project{gap:50px}.faq{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:80px}.proposal{font-size:9px;gap:10px;padding:9px 5%;justify-content:space-between}.proposal span{font-size:8px;letter-spacing:1px}.proposal a{display:none}header{height:82px;padding:16px 5%;gap:12px;position:relative;z-index:5}.brand{width:148px}.nav-cta{margin-left:auto;font-size:10px;padding:11px}.nav-cta span{margin-left:6px}.menu{display:block;border:0;color:var(--yellow);background:transparent;font-size:24px;padding:4px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#242528;padding:22px 6%;border-bottom:1px solid #555}nav.open{display:flex;flex-direction:column;gap:22px;font-size:14px}.hero{min-height:730px}.hero-art{width:100%;height:100%;opacity:.52;background-size:cover,cover,auto 100%;background-position:center,center,58% top;background-image:linear-gradient(90deg,#161719aa,transparent),linear-gradient(0deg,#161719 0%,transparent 65%),url('assets/covering.webp')}.hero-copy{padding:50px 6% 90px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:30px}h1{font-size:75px;line-height:.98;margin-bottom:29px}.lead{font-size:13px;max-width:320px;line-height:1.8}.actions{flex-direction:column;align-items:start;gap:23px}.button{font-size:12px;padding:16px 21px;min-height:52px}.hero-note{font-size:8px;letter-spacing:1.2px;margin-top:28px}.hero-index{left:6%;right:6%;font-size:8px;letter-spacing:.8px;padding:18px 0}.hero-index>span:last-child{font-size:8px}.materials{flex-wrap:wrap;justify-content:space-between;gap:20px;padding:24px 6%}.materials>span{max-width:none;width:100%;font-size:8px}.materials>div{font-size:12px}.section{padding:65px 6%}h2{font-size:47px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:22px}.section-top{display:block;margin-bottom:29px}.section-top>p,.section-top>div+div{margin-top:24px;font-size:12px}.services{gap:12px}.service{height:295px}.service>div{bottom:20px;left:14px;right:14px}.service p{font-size:7px;letter-spacing:.6px}.service h3{font-size:24px;line-height:1.05}.service h3 span{display:none}.service small{font-size:9px;line-height:1.7}.number{top:14px;left:14px;width:25px;height:25px;font-size:8px}.filters{gap:8px;margin-top:26px}.filters button{padding:10px 12px;font-size:10px;min-height:40px}.gallery{grid-template-columns:1fr;gap:28px}.gallery-image{height:260px}.gallery article:first-child img{margin-top:-5%;height:132%;width:100%;margin-left:0}.caption{padding:17px 0}.caption h3{font-size:14px}.atelier{grid-template-columns:1fr;padding-top:0}.atelier-photo{min-height:265px}.atelier-photo img{object-position:center}.atelier-copy{padding:55px 6% 0}.atelier-copy h2{font-size:47px}.steps{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.steps h3{font-size:14px;margin-top:17px}.steps p{font-size:11px}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:12px;padding:21px 0}.project{grid-template-columns:1fr;gap:30px}.phone{font-size:36px}.project-panel{padding:23px}.project-panel input,.project-panel select,.project-panel textarea{font-size:16px}.direction{grid-template-columns:1fr}.direction .eyebrow{grid-column:auto}.direction h2{font-size:42px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top img{width:160px}.footer-top p{font-size:10px;flex-basis:100%;order:3}.footer-top>a{margin-left:auto}.group{gap:20px}.group>span{width:100%}.group>a{width:45%;font-size:9px}.footer-bottom{display:block;line-height:1.8}.footer-bottom>span{display:block;margin-bottom:8px}footer{padding:40px 6% 80px}.mobile-contact{display:block;position:fixed;bottom:14px;left:6%;right:6%;background:var(--yellow);color:#171719;text-align:center;border-radius:3px;padding:15px;font-size:12px;font-weight:700;z-index:9;box-shadow:0 5px 20px #0008}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}