*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fffdf5;color:#172033;line-height:1.65}header{position:sticky;top:0;z-index:10;background:#fff9d9;border-bottom:1px solid #eadf9c;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:1.35rem;text-decoration:none;color:#172033}.brand span{color:#b58900}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#172033;text-decoration:none;font-weight:700}.hero{max-width:1050px;margin:0 auto;padding:70px 20px 45px}.eyebrow{font-weight:800;color:#a47800;letter-spacing:.12em}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.08;max-width:850px;margin:10px 0}.hero p{max-width:760px;font-size:1.08rem}.hero input{width:100%;max-width:680px;padding:16px;border:1px solid #d9cf91;border-radius:12px;background:white;font-size:1rem;margin-top:20px}.filters{max-width:1050px;margin:0 auto 30px;padding:0 20px;display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid #d8ca73;background:#fff;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700}.grid{max-width:1050px;margin:auto;padding:0 20px 70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{background:#fff;border:1px solid #eee3a9;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0000000b}.card img{width:100%;height:180px;object-fit:cover;background:#f5edbd}.cardbody{padding:20px}.tag{font-size:.78rem;font-weight:800;color:#a47800;text-transform:uppercase}.card h2{line-height:1.2;margin:8px 0}.card a{color:#172033;text-decoration:none}.read{display:inline-block;margin-top:10px;font-weight:800;color:#a47800}.article{max-width:900px;margin:auto;padding:60px 20px 90px}.article h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.1}.article .meta{color:#687083}.article img{max-width:100%;border-radius:18px;margin:20px 0}.content{font-size:1.08rem}.share{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.share a,.share button{padding:10px 14px;border:1px solid #ddd09a;border-radius:10px;background:#fff;text-decoration:none;color:#172033;cursor:pointer}footer{text-align:center;padding:30px;background:#fff9d9;border-top:1px solid #eadf9c}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}nav{gap:10px}.hero{padding-top:40px}}