body{width:90%;margin:auto;font-family:Arial,sans-serif}nav{width:90%;background:#d3d3d3;padding:2px 0}nav ul{display:flex;justify-content:flex-start;list-style:none;margin:0;padding:3px 5px;background:#11f}nav ul li{display:inline;margin:0 15px;color:#f2f2f2}nav ul li a{text-decoration:none;padding-left:20px;font-family:Arial,sans-serif;font-weight:700;color:#fff}nav ul li a:hover{color:#ff0}nav .top-menu.hidden{opacity:0;pointer-events:none}.hamburger{display:none;background:#11f;border:none;font-size:16px;color:#fff;cursor:pointer;padding:1rem}.hamburger span{display:block;width:25px;height:3px;background:#fff;margin:5px 0}.navigation{display:none;flex-direction:column;background-color:#11f;width:100%;list-style:none;margin:0;padding:0}.navigation li{padding:1rem;border-bottom:1px solid #ccc}.navigation li:last-child{border-bottom:none}.navigation li a{color:#fff;text-decoration:none;display:block;width:100%}.navigation li a:hover{background-color:#44f}.navigation.active{display:flex;flex-direction:column}@media screen and (max-width:768px){.top-menu{display:none;flex-direction:column;background-color:#11f;position:absolute;top:50px;right:10px;width:200px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.top-menu.active{display:flex}.top-menu .navigation{display:flex;flex-direction:row}.top-menu .navigation li{border-bottom:none}.hamburger{display:block}}footer{width:90%;background:#f2f2f2;padding:2px;font-size:.9em;text-align:center}#map{height:300px}#project-list{display:flex;flex-wrap:wrap;gap:1rem}#project-list #project-item{flex:1 1 200px;text-align:center}#project-list #project-item img{max-width:100%;height:auto;display:block;margin-bottom:.5rem}#project-list #project-item h3{font-size:1.2rem;color:#333;margin:0}#horz_card{display:flex;align-items:center;background-color:#f5f5f5;padding:1rem;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:1rem;transition:box-shadow .3s ease}#horz_card hover{box-shadow:0 4px 10px rgba(0,0,0,.15)}#horz_card #horz_card_thumbnail{flex:0 0 100px;margin-right:1rem}#horz_card #horz_card_thumbnail img{width:100%;height:auto;border-radius:4px}#horz_card #horz_card_content{flex:1}#horz_card #horz_card_title{font-size:1.25rem;font-weight:700;color:#000;text-decoration:none}#horz_card #horz_card_title hover{text-decoration:underline}