:root{
  --brown:#3E2F2A;
  --beige:#F6EFE6;
  --gold:#C9A66B;
  --dark:#1F1A17;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Poppins',sans-serif;
  height:100vh;
  overflow:hidden;
  color:var(--beige);
}
.video-bg{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}
.overlay{
  position:fixed;
  inset:0;
  background:radial-gradient(circle, rgba(0,0,0,0.3), rgba(0,0,0,0.85));
  z-index:-1;
}
.content{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.badge{
  display:inline-block;
  padding:10px 30px;
  border:1px solid var(--gold);
  border-radius:40px;
  color:var(--gold);
  letter-spacing:4px;
  font-size:0.8rem;
  margin-bottom:25px;
}
h1{
  font-family:'Playfair Display',serif;
  font-size:3.5rem;
  letter-spacing:3px;
}
h1 span{color:var(--gold);}
.tagline{margin-top:12px;font-size:1.2rem;opacity:0.9;}
.cup-area{
  position:absolute;
  bottom:80px;
  left:50%;
  transform:translateX(-50%);
  width:220px;
}
.cup-logo{width:100%;}
.steam{
  position:absolute;
  bottom:140px;
  left:50%;
  width:120px;
  height:200px;
  transform:translateX(-50%);
}
.steam span{
  position:absolute;
  bottom:0;
  width:20px;
  height:80px;
  background:rgba(255,255,255,0.15);
  border-radius:50%;
  filter:blur(12px);
  animation:steam 4s infinite ease-in-out;
}
.steam span:nth-child(1){left:10px;}
.steam span:nth-child(2){left:45px;animation-delay:1s;}
.steam span:nth-child(3){left:80px;animation-delay:2s;}
@keyframes steam{
  0%{transform:translateY(0) scale(1);opacity:0;}
  20%{opacity:0.6;}
  100%{transform:translateY(-120px) scale(1.4);opacity:0;}
}
.footer{
  position:absolute;
  bottom:20px;
  width:100%;
  text-align:center;
  font-size:0.8rem;
  opacity:0.7;
}