/* Familiar DM Technics palette and navigation, refined for today's screens. */
:root{--paper:#222;--ink:#ededed;--line:#3b3b3b;--gold:#efb510}
body{background:#222;color:#ededed;font-family:'DM Sans',Arial,sans-serif}.top{background:#121313;color:#aaa;border-bottom:1px solid #303232}.top span{color:#929595}.top a{color:#d5d5d5}header{display:flex;flex-direction:column;gap:32px;background:#18191b;padding:40px 0 0;border-bottom:2px solid #efb510}.brand{width:360px;max-width:65%;padding:0 0 6px}.brand img{width:100%;height:auto}nav{justify-content:center;width:100%;gap:0;border-top:1px solid #353535;background:#202123;font-size:13px;letter-spacing:.3px}nav>a{padding:23px 20px;transition:color .2s,background .2s}nav>a:hover,nav>a.active{color:#efb510;background:#191a1c}.nav-contact{background:transparent;color:#eee;border:0;font-weight:600}.nav-contact span{display:none}.nav-contact:hover{background:#191a1c}.hero{margin:55px auto 0;width:90%;max-width:1400px;min-height:480px;border:1px solid #3a3b3b;background:#17191a;overflow:hidden}.hero-image{left:40%;background:#191b1c}.hero-image>img{filter:saturate(.55);object-position:60% 50%;opacity:.8}.hero-image:after{background:linear-gradient(90deg,#17191a 0%,#17191ac4 18%,#17191a33 68%),linear-gradient(0deg,#17191a77,transparent)}.hero-copy{padding:55px 5%;max-width:780px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;color:#c8c8c1}.eyebrow i{background:#efb510;width:14px;height:2px}h1,h2,h3{font-family:'DM Sans',Arial,sans-serif;text-transform:none;font-weight:600}h1{font-size:clamp(35px,3.9vw,58px);line-height:1.17;letter-spacing:-1.6px;margin:24px 0 22px}h1 em{font-family:inherit;font-style:normal;font-weight:600;color:#efb510}h1+p{font-size:14px;color:#d3d3d0;line-height:1.85;max-width:410px}.hero .button{background:#efb510;color:#171717;text-transform:none;font-size:12px;letter-spacing:0;min-width:235px}.hero .button:hover{background:#f6c53a}.hero-note{color:#b6b7b3;font-size:9px}.small-icon{color:#efb510}.image-tag{right:25px;bottom:52px;font-size:10px;background:#17191a99;border-color:#ffffff33;padding:13px 17px}.status-dot{background:#efb510}.image-caption{right:25px;bottom:25px;letter-spacing:1.4px;font-size:7px}.values{width:90%;max-width:1400px;margin:auto;background:#1b1c1d;color:#d0d0cd;border:1px solid #373838;border-top:0;padding:23px 3%;font-size:10px;font-weight:400}.values b{color:#efb510}.values>a{color:#aaa;font-size:9px}.section{padding:75px 5%;max-width:1555px;margin:auto}.solutions,.approach{background:#222}.eyebrow{color:#c9aa4a;font-size:9px;letter-spacing:1.8px}h2{font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-1.2px;margin-top:17px}.section-head{margin-bottom:34px}.section-head p{color:#aaa;font-size:12px}.service-grid{gap:18px;border:0;grid-template-columns:repeat(2,minmax(0,1fr))}.service,.service.featured{background:#191b1c;border:1px solid #3a3b3b;padding:26px 30px;color:#eee;min-height:265px}.service:hover,.service.featured:hover{background:#202223;border-color:#c99f2a}.service-top,.featured .service-top{color:#a7a9a3;font-size:8px}.service-top>span:last-child{color:#efb510;border:1px solid #55523e;width:30px;height:30px;font-size:16px}.service h3{font-size:24px;letter-spacing:-.6px;margin-top:28px}.service p,.featured p{color:#b8b9b3;font-size:12px;max-width:65%;line-height:1.8}.service-link,.featured .service-link{color:#dfb43e;font-size:10px;text-transform:none;letter-spacing:0}.line-art svg{stroke:#b8a365}.about{background:#191b1c;border-top:1px solid #3c3e3e;border-bottom:1px solid #3c3e3e;gap:7%}.about-art{background:#202223;border-color:#3e403c;min-height:350px}.about-art:after{border-color:#cbb87533}.big-dm{color:#b8a66a;font-family:'DM Sans';font-size:84px;font-weight:800}.about-art p{font-size:22px;color:#d0d0c6}.about-copy>.eyebrow{color:#c9aa4a}.about-copy p{color:#b6b7b1;font-size:13px}.text-link{border-color:#a08435;color:#e2c568;font-size:11px}.steps article{border-color:#454640}.steps article>span{font-family:'DM Sans';font-size:30px;color:#bc9c45}.steps h3{font-size:21px;letter-spacing:-.5px;margin-top:22px}.steps p{color:#b7b8b1;font-size:12px}.contact{background:#191b1c;color:#eee;border-top:2px solid #efb510;max-width:none;padding-top:65px;padding-bottom:65px}.contact .eyebrow{color:#c9aa4a}.contact h2{font-size:clamp(36px,4vw,53px);line-height:1.16;letter-spacing:-1.4px}.contact em{color:#efb510;font-family:inherit;font-weight:600}.contact p{color:#b7b8b0}.contact .button{background:#efb510;color:#171717;text-transform:none;font-size:12px;letter-spacing:0}.contact-details>a,.contact-details>div{border-color:#40423c;color:#ddd;font-size:16px}.contact-details small{color:#baad81;font-size:8px}footer{background:#111213;color:#aaa;border-top:1px solid #353632}footer>a{color:#c1b581}.concept{background:#111213;color:#777c72;border-color:#30322c}dialog{background:#222;color:#eee;border:1px solid #444}dialog h2{font-size:32px}dialog p,dialog li{color:#c9cbc3}dialog .button{background:#efb510;color:#171717}.close{color:#eee}.button:hover{filter:brightness(1.06)}
@media(min-width:1600px){.hero{min-height:520px}.hero-copy{padding-top:65px}}@media(max-width:1000px){nav>a{padding:21px 14px;font-size:11px}.hero{min-height:470px}.hero-copy{max-width:650px}.image-tag{display:none}.service{padding:24px}.service h3{font-size:23px}}
@media(max-width:740px){header{flex-direction:row;justify-content:space-between;padding:25px 6%;gap:15px;position:relative}.brand{width:230px;max-width:70%;padding:0}.menu{color:#eee}.menu span{color:#efb510}nav{position:absolute;top:100%;display:none;flex-direction:column;padding:10px 6% 20px;background:#1b1d1e;border-bottom:2px solid #efb510;gap:0;align-items:stretch}nav.open{display:flex}nav>a{padding:14px 10px;font-size:13px;border-bottom:1px solid #343636}.hero{width:90%;margin-top:28px;min-height:565px}.hero-image{left:0}.hero-image>img{object-position:65% center;opacity:.65}.hero-image:after{background:linear-gradient(90deg,#17191ae8,#17191a88),linear-gradient(0deg,#17191a99,transparent)}.hero-copy{padding:42px 7% 40px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:38px;line-height:1.14;letter-spacing:-1px;margin-top:27px}h1+p{font-size:13px;max-width:340px}.hero-note{max-width:240px;font-size:9px;line-height:1.6}.values{padding:22px 6%;gap:18px;font-size:10px}.section{padding:55px 6%}h2{font-size:31px}.service-grid{grid-template-columns:1fr;gap:15px}.service,.service.featured{padding:25px;min-height:260px}.service h3{font-size:24px}.service p{font-size:12px;max-width:65%}.line-art,.device{width:130px;right:5px}.about{gap:32px}.about-art{min-height:300px}.big-dm{font-size:78px}.about-art p{font-size:20px}.steps{gap:25px}.steps h3{font-size:19px}.steps article>span{font-size:29px}.contact h2{font-size:39px}.contact-details>a{font-size:15px}.contact{gap:25px}.image-caption{display:none}dialog h2{font-size:29px}}