*{margin:0;padding:0;box-sizing:border-box}html,body{background:#f5f1eb;color:#3a3a3a;font-family:'Open Sans',sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;padding:3rem 0}.title{font-family:'Bitter',serif;font-size:3rem;margin-bottom:0.5rem}.subtitle{color:#8a8a8a;font-size:1rem}.content{padding:2rem 0}.intro{text-align:center;margin-bottom:3rem}.intro h2{font-family:'Bitter',serif;font-size:2.2rem;margin-bottom:1rem}.intro p{color:#6a6a6a;font-size:1.1rem}.works h2{font-family:'Bitter',serif;font-size:1.8rem;margin:2rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.work{background:#fff;padding:2rem;border:1px solid #ddd;transition:all 300ms}.work:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#999}.work h3{font-family:'Bitter',serif;color:#1a1a1a;margin-bottom:0.5rem;font-size:1.3rem}.work p{color:#6a6a6a;font-size:0.95rem}.cta{text-align:center;padding:2rem 0}.btn{padding:1rem 2rem;background:#3a3a3a;color:#fff;border:none;font-weight:600;cursor:pointer;font-size:1rem;transition:all 300ms}.btn:hover{background:#1a1a1a}.footer{text-align:center;padding:2rem;color:#999;border-top:1px solid #ddd;margin-top:3rem}@media(max-width:768px){.title{font-size:2rem}.grid{grid-template-columns:1fr}}