/* global */
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body{color:#333;line-height:1.6;background:#fafafa;}
section{padding:2rem 1rem;}
.hero{background:#2a9d8f;color:white;text-align:center;}
.hero h1{font-size:3rem;margin-bottom:.5rem;}
.hero p{font-size:1.2rem;margin-bottom:1.5rem;}
.cta{display:inline-block;background:#e9c46a;color:#333;padding:.8rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:bold;}
.cta:hover{background:#e76f51;color:white;}
.animation{display:flex;justify-content:center;align-items:center;height:300px;background:#f4a261;}
.lynx{width:120px;height:120px;background:url('images/lynx.gif') no-repeat center center;background-size:contain;}
.story{background:white;border:1px solid #ddd;border-radius:8px;max-width:800px;margin:auto;box-shadow:0 2px 5px rgba(0,0,0,.1);}
.story h2{margin-bottom:1rem;color:#2a9d8f;}
.story p{margin-bottom:1rem;}
.contact{background:#e9c46a;color:#333;border-radius:8px;max-width:500px;margin:auto;}
.contact h2{margin-bottom:1rem;}
.contact form{display:grid;gap:.8rem;}
.contact input,.contact textarea{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:4px;}
.contact button{background:#e76f51;color:white;padding:.8rem;border:none;border-radius:4px;cursor:pointer;}
.contact button:hover{background:#d65d45;}
footer{background:#264653;color:white;text-align:center;font-size:.9rem;}