:root{--yellow:#ffc400;--gray:#777b80;--dark:#222;--light:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--gray);background:#fff}.topbar{height:82px;display:flex;align-items:center;gap:30px;padding:0 6%;background:white;box-shadow:0 2px 18px #0001;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gray)}.brand img{height:62px}.brand b{font-size:24px}.brand small{display:block;color:#777;font-weight:700;font-size:11px}nav{flex:1;display:flex;justify-content:center;gap:24px}nav a{color:#555;text-decoration:none;font-weight:700;font-size:14px;text-transform:uppercase}nav a:hover{color:var(--yellow)}.phone{background:var(--yellow);color:#333;text-decoration:none;font-weight:800;padding:14px 22px;border-radius:2px}.hero{min-height:560px;position:relative;display:grid;grid-template-columns:40% 60%;overflow:hidden}.heroText{padding:80px 0 60px 7%;z-index:2}.hero h1{font-size:64px;line-height:.96;text-transform:uppercase;color:var(--gray);margin:0 0 22px}.hero h1 span{display:block;color:var(--yellow)}.hero p{font-size:20px;line-height:1.5;max-width:620px}.heroImage{background:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;min-height:520px}.heroImage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fffffff0 27%,#ffffff66 48%,#ffffff00 70%)}.actions{display:flex;gap:18px;margin-top:30px}.btn,button{background:var(--yellow);border:0;color:#333;padding:15px 28px;text-decoration:none;font-weight:800;text-transform:uppercase;cursor:pointer}.outline{background:white;border:1px solid #999}.quality{position:absolute;right:25px;top:115px;display:grid;gap:26px}.quality div{background:#ffffffcc;border:1px solid #eee;padding:12px;text-align:center;border-radius:10px}.quality b{display:block;font-size:12px}.section{padding:50px 6%}.section h2,.sectionAlt h2{text-align:center;text-transform:uppercase;color:#555;font-size:30px;margin:0 0 30px}.section h2:after,.sectionAlt h2:after{content:"";display:block;width:60px;height:4px;background:var(--yellow);margin:10px auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid #ddd;background:#fff;box-shadow:0 8px 22px #0000000d}.card img{width:100%;height:150px;object-fit:cover}.card h3{color:#555;margin:16px 16px 8px;text-transform:uppercase;font-size:16px}.card p{margin:0 16px 18px;line-height:1.4}.sectionAlt{padding:50px 6%;background:#f7f7f7}.catalog{display:grid;grid-template-columns:220px 1fr 360px;gap:40px;align-items:center}.catalog h2{text-align:left;margin-bottom:14px}.catalog h2:after{margin:10px 0}.catalog h2 span{color:var(--yellow)}.catalogCover{width:220px;height:250px;object-fit:cover;box-shadow:0 14px 30px #0002}.quote{background:white;padding:24px;border:1px solid #ddd}.quote h3{margin-top:0;color:#555}.quote input,.quote textarea{width:100%;padding:13px;margin-bottom:10px;border:1px solid #ddd}.quote textarea{height:90px}.quote button{width:100%}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{position:relative;min-height:220px;overflow:hidden;border:1px solid #ddd}.project img{width:100%;height:220px;object-fit:cover;display:block;transition:.3s}.project:hover img{transform:scale(1.04)}.project b{position:absolute;left:0;right:0;bottom:0;background:#ffffffdd;padding:14px;color:#555}footer{display:grid;grid-template-columns:190px 1fr 350px;gap:35px;align-items:center;padding:35px 6%;border-top:1px solid #eee;background:#fafafa}footer img{width:150px}.adminLink{position:fixed;right:18px;bottom:18px;background:#555;color:#fff;text-decoration:none;padding:12px 16px;border-radius:6px;font-weight:bold}@media(max-width:900px){.topbar{height:auto;flex-wrap:wrap;padding:15px}nav{order:3;overflow:auto;justify-content:flex-start}.hero{grid-template-columns:1fr}.hero h1{font-size:44px}.heroImage{min-height:260px}.quality{display:none}.cards,.projects,.catalog,footer{grid-template-columns:1fr}.catalogCover{width:100%}}

.card{cursor:pointer}.card .miniBtn{margin:0 16px 16px;padding:10px 14px;font-size:12px}.card .detail{display:none;margin:0 16px 18px;padding:14px;background:#f7f7f7;border-left:4px solid var(--yellow);line-height:1.45;color:#555}.card.open .detail{display:block}.project p{position:absolute;left:0;right:0;bottom:-70px;margin:0;background:#ffffffee;padding:12px;color:#555;transition:.25s}.project:hover p{bottom:48px}