/* DM Technics — industrial editorial concept */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&display=swap');
:root{--ink:#191a1b;--olive:#252729;--gold:#c9b572;--paper:#f2f0e9;--line:#ccc9bf}
body{background:var(--paper)}.top{background:#0d0e0f;padding:11px 5%;color:#cac6ba;border-bottom:1px solid #ffffff18}.top span{color:#898b89}header{background:#191a1b;color:#f2f0e9;padding:26px 5%;position:relative;z-index:5}.brand{width:260px}.nav-contact{background:var(--gold);color:#151616;border:1px solid var(--gold);font-weight:700}.nav-contact:hover{background:#e0cd91}.menu{color:inherit}.hero{display:block;position:relative;min-height:680px;border:0;background:#151718;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;min-height:0;z-index:0}.hero-image>img{object-position:50% 60%;filter:saturate(.55);width:100%;height:100%}.hero-image:after{inset:0;background:linear-gradient(90deg,#111415f5 0%,#111415e6 27%,#11141555 67%,#11141518),linear-gradient(0deg,#11141588,transparent 55%)}.hero-copy{position:relative;z-index:2;padding:78px 5% 65px;max-width:1050px}.hero .eyebrow{color:#dbd5c2;font-size:10px;letter-spacing:2.6px}.eyebrow i{border-radius:0;background:#cfb86d;width:20px;height:3px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600}h1{font-size:clamp(78px,8.7vw,142px);line-height:.88;letter-spacing:-1px;text-transform:uppercase;margin:35px 0 28px}h1 em{font-family:inherit;color:#cbb875;font-style:normal;font-weight:600}h1+p{font-size:14px;color:#d0d0c8;max-width:390px;line-height:1.8}.hero .button{background:#cbb875;color:#121617;min-width:245px;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:1.2px}.hero-note{color:#c3c6bd;margin-top:28px;font-size:10px}.small-icon{color:#cbb875}.image-tag{background:transparent;color:#fff;border:1px solid #ffffff55;left:auto;right:5%;bottom:65px;padding:17px 22px;font-size:11px}.status-dot{background:#d4bf7c;box-shadow:none;border-radius:0}.image-caption{left:auto;right:5%;bottom:35px;color:#ccc8be;font-size:8px}.values{background:#cbb875;color:#191a1b;border:0;padding:27px 5%;font-weight:600}.values b{color:#5d563e}.values>a{color:#393a30;font-weight:400}.section{padding:95px 5%}.eyebrow{font-size:9px;letter-spacing:2.5px}h2{text-transform:uppercase;font-size:clamp(42px,4.6vw,68px);letter-spacing:-.3px;line-height:1;margin-top:22px}.section-head p{font-size:12px;line-height:1.8;max-width:290px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #b9b8ad;border-left:1px solid #b9b8ad}.service{position:relative;border:0;border-right:1px solid #b9b8ad;border-bottom:1px solid #b9b8ad;min-height:285px;background:transparent;padding:30px 35px;overflow:hidden}.service.featured{background:#e5e1d5;color:#191a1b}.service:hover{transform:none;box-shadow:none;background:#ded9c9}.service-top{font-size:9px;letter-spacing:2px;color:#64665b}.service-top>span:last-child{border:1px solid #b5b4a8;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:18px}.service h3{font-size:36px;text-transform:uppercase;letter-spacing:0;margin-top:35px;position:relative;z-index:1}.service p,.featured p{color:#696b60;font-size:12px;max-width:65%;line-height:1.8;position:relative;z-index:1}.service-link,.featured .service-link{border:0;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding-top:10px}.line-art,.device{position:absolute;right:12px;top:83px;width:145px;height:150px;opacity:.8}.line-art svg{stroke:#777a68;width:115px}.device{transform:scale(.85);transform-origin:right center}.featured .service-top{color:#64665b}.about{background:#191a1b;color:#f3f1e9;gap:8%;padding-top:80px;padding-bottom:80px}.about-art{background:#222426;min-height:425px;border:1px solid #41423d;padding:35px}.about-art:after{border-color:#cbb87544;box-shadow:0 0 0 35px #cbb87509,0 0 0 70px #cbb87506}.about-art>.eyebrow{color:#a9aa9b}.big-dm{font-family:'Barlow Condensed';font-size:110px;font-weight:700;color:#cbb875;letter-spacing:-3px}.big-dm span{font-family:'DM Sans';font-size:15px;letter-spacing:3px}.about-art p{font-family:'DM Sans';font-size:23px;color:#d3d4c8;line-height:1.5}.location{color:#a8a99c}.about-copy>.eyebrow{color:#c9b572}.about-copy p{color:#aeb1a7;font-size:13px}.text-link{border-color:#a8975f;font-size:11px;letter-spacing:.5px}.approach{background:#f2f0e9;border:0}.steps{gap:30px}.steps article{position:relative;border-color:#bfc0b4;padding-top:24px}.steps article>span{font-family:'Barlow Condensed';font-size:55px;color:#a89b6c;line-height:1}.steps h3{font-size:29px;text-transform:uppercase;letter-spacing:0;margin-top:20px}.steps p{font-size:12px}.contact{background:#cbb875;color:#191a1b;border-top:1px solid #b5a15d;gap:8%}.contact .eyebrow{color:#4c4936}.contact h2{font-size:clamp(60px,6.5vw,95px);line-height:.95;letter-spacing:-.5px}.contact em{font-family:inherit;color:#191a1b;font-style:normal;font-weight:600}.contact p{color:#555440}.contact .button{background:#191a1b;color:#f2f0e9;text-transform:uppercase;font-size:10px;letter-spacing:1px}.contact-details small{color:#58563d;font-size:9px}.contact-details>a,.contact-details>div{border-color:#191a1b44;font-size:18px}footer{background:#191a1b;color:#d8d6ca;padding:38px 5%}footer>a{color:#b9b9aa}footer p{color:#a6a99b}.concept{background:#111213;color:#a4a394;border-color:#34352e;font-size:8px}dialog{background:var(--paper)}dialog h2{font-size:45px}dialog .button{background:#191a1b}
@media(min-width:1600px){.hero{min-height:780px}.hero-copy{padding-top:105px}}@media(max-width:1000px){.brand{width:220px}nav{gap:20px}.hero{min-height:650px}.hero-copy{padding-top:75px}.hero-image{min-height:0}.image-tag{bottom:45px;right:4%}.image-caption{bottom:22px;right:4%}.section{padding-top:70px;padding-bottom:70px}.service{padding:25px}.line-art,.device{right:0;width:125px}.service h3{font-size:32px}.about{gap:5%}.about-art{padding:28px}.contact-details>a{font-size:15px}}
@media(max-width:740px){header{padding:24px 6%}.brand{width:215px}nav{background:#191a1b;color:#f2f0e9}.hero{min-height:660px}.hero-copy{padding:65px 6% 70px;max-width:none}.hero-image:after{background:linear-gradient(90deg,#111415ed,#11141599),linear-gradient(0deg,#11141599,transparent)}h1{font-size:clamp(68px,12.7vw,94px);line-height:.94;margin-top:30px;letter-spacing:-1px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1+p{font-size:13px;max-width:340px;color:#d1d1c8}.hero-note{font-size:9px;max-width:280px}.image-tag,.image-caption{display:none}.values{gap:16px 25px;padding:25px 6%;font-size:10px}.values b{margin-right:7px}.section{padding-left:6%;padding-right:6%;padding-top:60px;padding-bottom:60px}h2{font-size:46px}.service-grid{grid-template-columns:1fr}.service{min-height:270px;padding:25px}.service h3{font-size:34px}.service p{max-width:66%;font-size:13px}.service-link{font-size:10px}.line-art,.device{width:135px;top:87px;right:8px}.about{gap:35px}.about-art{min-height:330px}.big-dm{font-size:100px}.about-copy p{font-size:13px}.steps{gap:25px}.steps h3{font-size:25px}.steps p{font-size:12px}.contact h2{font-size:66px}.contact-details>a{font-size:17px}footer{padding-left:6%;padding-right:6%}dialog h2{font-size:37px}}@media(max-width:370px){.hero-copy{padding-top:50px}h1{font-size:64px}.service p{max-width:65%;font-size:12px}.line-art,.device{right:-10px;opacity:.6}}
/* Belgian coast: sea blue, dune sand, beach grass. */
:root{--paper:#f4f0e6;--ink:#18262b;--line:#d0cbbd}
.hero{background:#142a32}.hero-image>img{filter:saturate(.75);object-position:50% 54%}.hero-image:after{background:linear-gradient(90deg,#10242ee8 0%,#10242ece 28%,#16313d55 65%,#16313d15),linear-gradient(0deg,#122c3880,transparent 60%)}header{background:#16262d}.top{background:#102027}.values{background:#cbbd8a}.solutions,.approach{background:#f4f0e6}.about{background:#182b32}.about-art{background:#20373d}.contact{background:#cbbd8a}footer{background:#16262d}.concept{background:#102027}
@media(max-width:740px){nav{background:#16262d}.hero-image>img{object-position:63% center}.hero-image:after{background:linear-gradient(90deg,#10242edb,#10242e80),linear-gradient(0deg,#122c3880,transparent 70%)}}