*{box-sizing:border-box}body{margin:0;background:#e5eaee;color:#666;font-family:Roboto,Arial,sans-serif;line-height:1.65}.site-container{max-width:1180px;margin:0 auto;background:#fff;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:28px 40px;border-bottom:1px solid #eee}.logo a{font-size:24px;font-weight:700;color:#333;text-decoration:none}nav a{display:inline-block;margin-left:22px;color:#666;text-decoration:none;font-weight:600}nav a:hover{color:#BD5248}section{padding:36px 40px}.project-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.project-unit{height:220px;background-size:cover;background-position:center;border-radius:6px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.12);position:relative}.project-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff;transition:.2s}.project-overlay:hover{background:rgba(189,82,72,.82)}.project-overlay strong{font-size:21px}.project-load,.page-content,.post-container{max-width:900px;margin:0 auto}.project-title{text-align:center;font-size:28px;color:#333;margin-top:0}h1,h2,h3,h4,h5{color:#333;line-height:1.3}a{color:#BD5248}img{max-width:100%;height:auto}table{border-collapse:collapse;width:100%;margin:18px 0}th,td{border:1px solid #ddd;padding:8px;text-align:left}blockquote{border-left:4px solid #BD5248;margin:16px 0;padding:6px 18px;background:#f7f7f7}pre,code{background:#f7f7f7;border-radius:4px}pre{padding:14px;overflow:auto}audio{width:100%;margin:10px 0}figure{text-align:center;margin:24px auto}figcaption{font-size:14px;color:#777;margin-top:8px}footer{padding:28px 40px;border-top:1px solid #eee}.footer-wrap{display:flex;justify-content:space-between;align-items:center}.social-media a{font-size:22px;margin-left:16px;color:#666}@media(max-width:700px){header,.footer-wrap{display:block;text-align:center}nav a{margin:10px 8px}section{padding:24px 18px}}