*{box-sizing:border-box;margin:0;font-family:'Inter',sans-serif}
body{background:#8d8c8c;color:#000000;line-height:1.6}
.hero{height:100vh;background:url('https://images.unsplash.com/photo-1507679799987-c73779587ccf') center/cover}
.overlay{background:rgba(0, 0, 0, 0.596);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 10%}
.overlay h1{font-size:4rem;letter-spacing:4px;color:#ffffff}
.cta{padding:15px 40px;background:#830202;color:#fff;border-radius:40px;text-decoration:none;font-weight:700}
.nav{background:#000;padding:20px;text-align:center;position:sticky;top:0}
.nav a{color:#d1d1d1;margin:0 18px;text-decoration:none;font-weight:600}
.section{padding:50px 12%;text-align:center}
.cards,.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:40px}
.card,.case{padding:35px;border-radius:25px;background:#111;transition:.5s; color: #504f4f;}
.card:hover,.case:hover{transform:translateY(-10px);background:#640801; color: #ffffff;}
.image-section{padding:0 10% 90px}
.image-section img{width:100%;border-radius:25px}
.form{max-width:520px;margin:auto;display:grid;gap:15px}
input,textarea,button{padding:14px;border-radius:12px;border:none}
button{background:#690900;color:#ffffff;font-weight:700;cursor:pointer}
footer{text-align:center;padding:40px;background:#000}
.reveal{opacity:100;transform:translateY(40px);transition:1.2s cubic-bezier(.19,1,.22,1)}
.reveal.active{opacity:1;transform:none}