*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#F5F1EB;color:#2E2A27;}
.header{padding:2rem 3rem;display:flex;justify-content:space-between;border-bottom:1px solid #E6D8C8;}
.header nav a{margin-left:1rem;text-decoration:none;color:#2E2A27;}
.brand{text-transform:uppercase;letter-spacing:.1em;}
section{padding:5rem 3rem;max-width:1100px;}
.hero h1{font-size:2.4rem;}
.cta-primary{display:inline-block;margin-top:1.5rem;background:#2E2A27;color:#F5F1EB;padding:.8rem 1.6rem;text-decoration:none;}

.grid-section h2,h1{margin-bottom:2rem;}

.video-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:2rem;
}

.video-card video,
.video-card img{
  width:100%;
  border-radius:6px;
}

.video-card p{
  margin-top:.8rem;
  font-size:.9rem;
}

.contacts{max-width:600px;}
form input,form textarea{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #CBB89D;background:#F5F1EB;}
form button{background:#2E2A27;color:#F5F1EB;border:none;padding:.8rem 1.6rem;cursor:pointer;}

.footer{padding:2rem 3rem;border-top:1px solid #E6D8C8;font-size:.9rem;}