*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#d7dce0;color:#41474b;font:12px/1.65 Arial,Helvetica,sans-serif}a{color:#245776}a:hover{color:#9e5329}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c97b28;outline-offset:3px}.page{width:980px;max-width:100%;margin:18px auto;background:#fff;border:1px solid #a8b1b7;box-shadow:0 1px 7px #8c959c}.utility{padding:4px 15px;background:#edf0f2;border-bottom:1px solid #d0d5d8;display:flex;justify-content:space-between;font-size:10px;color:#697378}header{padding:20px 25px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;line-height:1;color:#17435f}.brand b{font:bold italic 42px Arial;letter-spacing:-2px}.brand i{font-style:normal;color:#b56327}.brand span{display:block;letter-spacing:6px;font-size:13px;padding-left:42px}.tagline{text-align:right;font:italic 18px Georgia,serif;color:#637481}.tagline strong{color:#254c67}.tagline small{display:block;font:10px Arial;margin-top:9px}nav{display:flex;background:linear-gradient(#567993,#214864);border-top:1px solid #7995a8;border-bottom:3px solid #b5bdc3}nav a{color:white;text-decoration:none;text-align:center;flex:1;padding:10px 8px;border-right:1px solid #6a889d;text-shadow:0 1px #173549;font-weight:bold}nav a:hover{background:#325e7a;color:#fff}.hero{position:relative;background:#c0c8cb}.hero>img{display:block;width:100%;height:275px;object-fit:cover}.hero-copy{position:absolute;inset:0 auto 0 0;width:47%;padding:33px;background:linear-gradient(90deg,#153c55e8,#244963aa,transparent);color:white}.hero h1{font:normal 31px/1.12 Georgia,serif;margin:8px 0 13px}.hero p{font-size:13px;color:#e4e9e9}.slides{position:absolute;bottom:10px;right:12px;display:flex;gap:4px}.slides button{border:1px solid white;background:#637786;color:white;cursor:pointer;padding:3px 9px}.slides button[aria-pressed=true]{background:#ac642e}.ticker{display:flex;background:linear-gradient(#fafafa,#e3e7e9);border-block:1px solid #bcc4c9;font-size:10px}.ticker b{background:#657987;color:white;padding:7px 12px;white-space:nowrap}.ticker span{padding:7px 12px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:22px;padding:20px}h2{font:normal 20px Georgia,serif;color:#224f6d;margin:0 0 12px;padding-bottom:7px;border-bottom:1px solid #c2cbd1}h3{font:bold 12px Arial;color:#294f65}main section{margin-bottom:25px;scroll-margin-top:15px}p{margin:8px 0 12px}.works{width:185px;height:95px;object-fit:cover;float:left;margin:3px 14px 7px 0;padding:3px;border:1px solid #bbc4c8}.more{display:block;text-align:right;font-size:11px}#about:after{content:'';display:block;clear:both}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.products article{border:1px solid #c8d0d5;background:#f6f7f8;padding:8px}.products img{width:100%;height:92px;object-fit:cover}.products p{font-size:11px;line-height:1.55}.products h3{line-height:1.45}summary{color:#245776;cursor:pointer;font-size:11px}.box{border:1px solid #bdc7ce;margin-bottom:16px;padding:12px;background:#f4f6f7}.box h2{font:bold 12px Arial;background:linear-gradient(#e7ecef,#ccd6dd);margin:-12px -12px 12px;padding:9px 12px;border-bottom:1px solid #b8c4cc}.box img{width:100%;height:85px;object-fit:cover}.box li{border-bottom:1px dotted #bac4ca;padding:5px 0}.box ul{padding-left:16px}.button{display:inline-block;background:linear-gradient(#638298,#2b526e);color:white;border:1px solid #25445a;padding:5px 12px;text-decoration:none}.quality{display:flex;gap:12px}.quality span{flex:1;text-align:center;border:3px double #a8b6bf;background:#ecf0f2;color:#536d7c;padding:9px 4px;font-size:10px}.quality b{font-size:11px}table{border-collapse:collapse;width:100%;font-size:11px}td,th{border:1px solid #c5cdd1;padding:7px;text-align:left}th{background:#dce4e9;color:#35586d}tr:nth-child(even){background:#f1f4f5}.small{font-size:10px}.contact{margin:0 20px 20px;border-top:3px solid #9aadb9;background:#f2f4f5;padding:16px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.telephone{font:bold 18px Georgia;color:#395e73}footer{background:#e2e7ea;border-top:1px solid #bdc6cc;padding:10px 15px;display:flex;justify-content:space-between;font-size:10px}img{max-width:100%}@media(max-width:700px){.page{margin:0;border:0}.utility{flex-wrap:wrap;gap:3px}header{padding:18px 15px}.brand b{font-size:32px}.brand span{font-size:10px;letter-spacing:4px;padding-left:33px}.tagline{font-size:14px}.tagline small{max-width:140px;line-height:1.4}nav{flex-wrap:wrap}nav a{flex:1 0 33%;padding:8px}.hero>img{height:240px}.hero-copy{width:75%;padding:20px}.hero h1{font-size:27px}.ticker{align-items:stretch}.ticker span{font-size:9px}.columns{grid-template-columns:1fr;padding:15px;gap:0}.products{gap:7px}.products article{padding:6px}.products img{height:75px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.box{margin:0}.contact{margin:20px 15px}.contact-grid{grid-template-columns:1fr;gap:3px}footer{display:block}footer span{display:block}.contact a{overflow-wrap:anywhere}}@media(max-width:380px){.products{grid-template-columns:1fr}.products img{height:120px}.works{width:130px;height:90px}.hero-copy{width:90%}aside{grid-template-columns:1fr}.tagline{font-size:12px}.quality{gap:4px}.quality b{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Traditional industrial identity and original photography. */
header{min-height:116px;padding:19px 25px}.brand{display:block;width:300px;max-width:65%}.brand img{display:block;width:100%;height:auto}.tagline{font:italic 15px Georgia,serif;color:#697780;padding-top:16px}.hero>img{height:275px;object-position:50% 55%}.hero-copy{width:48%;background:linear-gradient(90deg,#17374ae8,#17374a9c,transparent)}.hero h1{font-size:29px}.works{height:125px;object-fit:cover}.products img{height:116px;object-fit:cover}.products article:nth-child(2) img{object-position:85% 50%}.box img{height:125px}.quality{gap:8px}.quality span{border:1px solid #bcc7ce;background:#eef1f3;font-size:10px;padding:8px 3px}
@media(max-width:700px){header{min-height:102px;padding:16px 15px;gap:12px}.brand{max-width:65%;width:265px}.tagline{max-width:110px;font-size:12px;line-height:1.5;padding:0}.hero>img{height:240px;object-position:65% 50%}.hero-copy{width:85%;padding:22px 17px}.hero h1{font-size:25px}.works{height:105px}.products img{height:90px}}
@media(max-width:380px){.brand{max-width:68%}.tagline{font-size:11px}.products img{height:160px}.hero-copy{width:95%}}