﻿:root{--ink:#203b30;--paper:#f5f2e9;--muted:#59675e;--line:#c9cec2;--accent:#9d492e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}figcaption{font-size:12px;line-height:1.5;margin-top:12px;color:var(--muted)}p{margin:0 0 20px}.wrap{max-width:1260px;margin:auto;padding-left:48px;padding-right:48px}.preview{background:var(--ink);color:var(--paper);padding:7px 20px;text-align:center;font-size:12px;letter-spacing:.02em}.preview a:hover{color:#eec1a3}header{max-width:1360px;padding:30px 50px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{font:30px Georgia,serif;text-decoration:none;font-weight:700;white-space:nowrap}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:.22em;margin-top:6px}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a{text-decoration:none}.nav-contact{border:1px solid var(--ink);padding:10px 20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px 50px;padding-top:64px;padding-bottom:25px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:26px}h1,h2,h3{font-weight:400;margin:0;font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(65px,6.7vw,100px);line-height:1.01;letter-spacing:-.055em;margin-bottom:30px}h1 em,h2 em{font-weight:400;color:var(--accent)}.intro{max-width:440px;font-size:17px;line-height:1.7}.button{display:inline-flex;flex-direction:column;padding:13px 24px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:15px}.button span{font-size:12px;color:#cdd6ca}.button:hover{background:var(--accent);color:white}.territory{font-size:12px;margin:22px 0 0;color:var(--muted)}.hero-photo{padding-top:10px;align-self:center}.hero-photo img{height:570px;object-fit:cover}.hero-photo figcaption{max-width:420px}.hero-photo figcaption span{display:block;color:var(--ink);font-size:10px;letter-spacing:.1em;margin-bottom:5px}.hero-foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em}.hero-foot a{letter-spacing:0}.metiers{padding-top:92px;padding-bottom:90px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:18px 45px;margin-bottom:46px}.section-head .eyebrow{padding-top:13px}.section-head h2{font-size:48px;line-height:1.15;letter-spacing:-.035em}.section-head>p:last-child:not(.eyebrow){grid-column:2;max-width:610px;color:var(--muted)}.service-lead{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:42px 0;border-top:1px solid var(--line)}.number{font-size:12px;color:var(--accent)}h3{font-size:32px;line-height:1.2;margin:12px 0 22px}.service-lead img{height:290px;object-fit:cover}.fine{font-size:14px;color:var(--muted)}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:50px 1fr 25px;gap:12px;align-items:center;padding:25px 0;font:28px Georgia,serif}summary::-webkit-details-marker{display:none}summary>span:first-child{font:12px Arial;color:var(--accent)}.plus{font:22px Arial;text-align:center}.details-copy{margin-left:62px;max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:20px;color:var(--muted);font-size:15px}.details-copy p{margin-bottom:8px}.ouvrage{background:var(--ink);color:var(--paper);padding:75px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.project-grid img{height:610px;object-fit:cover}.project-grid figcaption{color:#c0cabc}.project-copy h2{font-size:62px;line-height:1.05;letter-spacing:-.04em;margin-bottom:30px}.project-copy p{font-size:16px;max-width:420px}.text-link{font-size:14px}.ouvrage a:hover{color:#efc4a9}.scierie{padding-top:95px;padding-bottom:95px}.wood-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center}.wood-text h3{font-size:36px}.wood-grid img{height:490px;object-fit:cover}.reuse{border-left:2px solid var(--accent);padding-left:25px;margin-top:35px}.reuse .eyebrow{margin-bottom:12px}.reuse p:last-child{font-size:15px}.atelier{background:#e5e8dd;padding:75px 0}.atelier-top{display:grid;grid-template-columns:1fr 1fr;gap:35px 80px}.atelier-top>.eyebrow{grid-column:1/-1;margin-bottom:0}.atelier h2{font-size:48px;line-height:1.15;letter-spacing:-.03em}.atelier-top>div{font-size:16px}.steps{list-style:none;padding:45px 0 0;margin:25px 0 0;border-top:1px solid #b8c2b1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps span{font-size:12px;color:var(--accent)}.steps h3{font-size:24px}.steps p{font-size:15px;margin-bottom:0}.contact{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.contact h2{font-size:60px;line-height:1.08;letter-spacing:-.04em;margin-bottom:25px}.contact>div>p:last-child{max-width:460px}.contact-info{align-self:center}.phone{display:block;font:36px Georgia,serif;text-decoration:none;margin-bottom:10px}.email{font-size:16px;overflow-wrap:anywhere}address{font-style:normal;margin-top:35px;margin-bottom:20px}.contact-info p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:32px;display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:35px}footer .brand{font-size:23px}footer p,footer>a{font-size:11px;margin:0}footer p{color:var(--muted)}@media(min-width:1500px){.hero-photo img{height:620px}}@media(max-width:900px){.wrap{padding-left:30px;padding-right:30px}header{padding:24px 30px}nav{gap:18px}.hero{gap:35px;padding-top:45px}h1{font-size:72px}.hero-photo img{height:510px}.section-head{grid-template-columns:1fr 2fr}.section-head h2{font-size:40px}.service-lead,.project-grid,.wood-grid,.atelier-top,.contact{gap:40px}.project-copy h2{font-size:48px}.project-grid img{height:540px}.details-copy{grid-template-columns:1fr;gap:15px}.contact h2{font-size:48px}.phone{font-size:29px}footer{grid-template-columns:1fr 1fr}footer>a{grid-column:2}.steps{gap:25px}}@media(max-width:620px){body{font-size:16px}.wrap{padding-left:22px;padding-right:22px}.preview{font-size:10px;padding:7px 16px}header{padding:22px;display:block}.brand{font-size:28px}nav{margin-top:23px;gap:0;display:flex;justify-content:space-between;font-size:11px}.nav-contact{padding:7px 10px}.hero{display:flex;flex-direction:column;padding-top:35px;gap:30px}h1{font-size:66px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:22px}.intro{font-size:16px}.hero-photo{padding-top:0;width:100%}.hero-photo img{height:350px}.hero-foot{width:100%;font-size:9px;gap:20px}.hero-foot>a{font-size:11px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:36px;margin-bottom:20px}.metiers{padding-top:60px;padding-bottom:55px}.service-lead{grid-template-columns:1fr;gap:20px;padding-top:25px;padding-bottom:35px}.service-lead img{height:auto}.service-lead h3{font-size:31px}.details-copy{margin-left:0;padding-bottom:25px}summary{grid-template-columns:23px 1fr 15px;gap:10px;font-size:22px;padding:23px 0}.ouvrage{padding:45px 0}.project-grid{display:flex;flex-direction:column-reverse;gap:30px}.project-copy h2{font-size:47px}.project-grid figure{width:100%}.project-grid img{height:auto;max-height:600px;object-position:center}.scierie{padding-top:55px;padding-bottom:55px}.wood-grid{display:flex;flex-direction:column;gap:15px}.wood-grid figure{width:100%}.wood-grid img{height:auto}.wood-text h3{font-size:31px}.atelier{padding:50px 0}.atelier-top{display:block}.atelier h2{font-size:37px;margin-bottom:25px}.steps{grid-template-columns:1fr;gap:30px;padding-top:30px}.steps li{border-bottom:1px solid #bac4b4;padding-bottom:25px}.steps li:last-child{border:0;padding-bottom:0}.steps h3{margin:8px 0 12px}.contact{padding-top:55px;padding-bottom:55px;grid-template-columns:1fr;gap:25px}.contact h2{font-size:44px}.contact .eyebrow{line-height:1.7}.phone{font-size:33px}.email{font-size:15px}footer{grid-template-columns:1fr;gap:25px}footer>a{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
