@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Oswald:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');
:root{--ink:#0d1111;--cream:#eee8dc;--paper:#f8f4ea;--copper:#bd8543;--gold:#e1ac66;--muted:#c9bdac;--line:#6d5538}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121615;color:var(--cream);font:17px/1.52 'Source Sans 3',sans-serif;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:5px 5px}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}.eyebrow{font:500 .7rem 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.top{height:36px;background:#061019;border-bottom:1px solid #33404a;font-size:.77rem}.top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.top span:before{content:'✦';color:var(--gold);margin-right:7px}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(rgba(4,7,7,.18),rgba(4,7,7,.18)),url("assets/header-cuivre.png") center/cover;color:#f3d3a2;border-bottom:2px solid #8d5729}.logo{width:220px;height:104px;overflow:hidden}.logo img{height:100%;width:100%;object-fit:cover;object-position:center 53%;transform:none;mix-blend-mode:normal;border:1px solid #936034;border-radius:7px}.links{display:flex;gap:27px;font:600 .93rem Oswald,sans-serif;text-transform:uppercase}.links a{padding:6px 0;border-bottom:2px solid transparent}.links a:hover,.links .active{color:#e8b875;border-color:#b97939}.quote{padding:12px 17px;border:1px solid var(--gold);background:#11191c;color:#f9e4c2;font:600 .87rem Oswald,sans-serif;text-transform:uppercase}.quote:hover{background:var(--copper);color:#111}.menu{display:none;border:0;background:transparent;font-size:1.5rem}.page-hero{padding:68px 0 64px;background:linear-gradient(90deg,rgba(7,10,9,.94),rgba(7,10,9,.53)),var(--hero) center/cover;border-block:1px solid var(--line)}.page-hero h1{font:600 clamp(3.1rem,6vw,5.7rem)/.95 Oswald,sans-serif;text-transform:uppercase;margin:11px 0 15px;max-width:700px}.page-hero h1 span{color:var(--gold)}.page-hero p{max-width:610px;margin:0;color:#eee4d5;font-size:1.1rem}.crumb{font:500 .72rem 'DM Mono',monospace;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}section{padding:65px 0}.heading{text-align:center;margin-bottom:31px}.heading h2{font:600 clamp(2rem,4vw,3.4rem)/1 Oswald,sans-serif;text-transform:uppercase;margin:8px 0}.heading p{max-width:650px;margin:0 auto;color:var(--muted)}.service-list{display:grid;gap:15px}.service-detail{display:grid;grid-template-columns:125px 1fr 1fr;gap:25px;align-items:center;background:var(--paper);color:#151411;border:2px solid #3a2a1c;outline:1px solid var(--gold);outline-offset:-6px;padding:28px}.service-detail .num{font:600 3.5rem Oswald,sans-serif;color:var(--copper);text-align:center}.service-detail h3{font:600 1.75rem/1 Oswald,sans-serif;text-transform:uppercase;margin:0 0 10px}.service-detail p{margin:0}.service-detail ul{margin:0;padding-left:18px;font-size:.94rem}.service-detail li::marker{color:var(--copper)}.steps{background:#0b1111;border-block:1px solid var(--line)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:22px 19px;border-right:1px solid var(--line)}.step:last-child{border:0}.step b{display:block;color:var(--gold);font:600 1.4rem Oswald,sans-serif;text-transform:uppercase;margin:25px 0 5px}.step p{color:var(--muted);margin:0;font-size:.9rem}.masonry{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:250px 250px;gap:12px}.masonry figure{margin:0;position:relative;overflow:hidden;background:#000}.masonry figure:first-child{grid-row:span 2}.masonry img{width:100%;height:100%;object-fit:cover;transition:.4s}.masonry figure:hover img{transform:scale(1.05)}figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-weight:700}.partner{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.partner-info{background:#0a1011;padding:29px;color:var(--cream)}.partner-info h2{font:600 2.8rem/1 Oswald,sans-serif;text-transform:uppercase;margin:12px 0}.partner-info p{color:#d7c6ad}.partner-info img{width:100%;height:205px;object-fit:cover;object-position:center 53%;border:1px solid var(--line);margin-top:16px}.partner-info a{display:block;margin-top:8px;color:#f2ddb9;font-weight:600}.partner-work{display:grid;grid-template-columns:1fr 1fr;gap:13px}.partner-work figure{margin:0;position:relative;overflow:hidden;min-height:210px}.partner-work figure:last-child{grid-column:span 2}.partner-work img{width:100%;height:100%;position:absolute;object-fit:cover}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.about img{width:100%;background:var(--cream);padding:20px}.about h2{font:600 clamp(2.2rem,4vw,3.5rem)/1 Oswald,sans-serif;text-transform:uppercase;margin:8px 0}.about p{color:var(--muted)}.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;border-top:1px solid var(--line)}.facts div{padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}.facts div:before{content:'✦';color:var(--gold);margin-right:8px}.contact{padding:0 0 52px}.contact-box{background:var(--paper);color:#151411;padding:29px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line)}.contact-box h2{font:600 1.9rem/1 Oswald,sans-serif;text-transform:uppercase;margin:6px 0}.button{display:inline-block;background:#0b1111;color:#f1d7b0;padding:14px 20px;font:600 .9rem Oswald,sans-serif;text-transform:uppercase;border:1px solid var(--gold)}.button:hover{background:var(--copper);color:#111}footer{background:#061019;padding:20px 0;color:#d6c7b3;font-size:.82rem}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}@media(max-width:900px){.links{gap:16px}.service-detail{grid-template-columns:80px 1fr}.service-detail ul{grid-column:2}.steps-grid{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(n+3){border-top:1px solid var(--line)}.partner,.about{grid-template-columns:1fr}.top span:nth-child(2){display:none}}@media(max-width:650px){.nav{height:76px}.logo{width:165px;height:68px}.logo img{height:125px}.links,.quote{display:none}.menu{display:block}.nav.open .links{display:flex;position:absolute;z-index:5;top:112px;left:0;right:0;flex-direction:column;background:var(--cream);padding:18px}.page-hero{padding:50px 0}.service-detail{grid-template-columns:1fr;padding:24px}.service-detail .num{text-align:left}.service-detail ul{grid-column:auto}.masonry{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}.masonry figure:first-child{grid-row:span 2}.contact-box{display:block}.contact-box .button{margin-top:18px}.top .wrap{font-size:.66rem}.top span:nth-child(3){display:none}}@media(max-width:430px){.masonry{grid-template-columns:1fr;grid-template-rows:220px 180px 180px}.masonry figure:first-child{grid-row:auto}.masonry figure:nth-child(n+4){display:none}.partner-work{grid-template-columns:1fr}.partner-work figure:last-child{grid-column:auto}}
