/* Style with vineyard-image background option */

:root{
  --accent:#c92a34;
  --paper:#ffffff;
  font-family:'Inter', system-ui, sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  background: var(--paper);
  background-image:url('main-rev-img-2.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color:#222;
  padding:20px;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
}

.wrap{
  width:100%;
  max-width:900px;
  background:rgba(255,255,255,0.75);
  border-radius:16px;
  padding:30px;
  backdrop-filter:blur(6px);
  border:1px solid rgba(0,0,0,0.07);
}

.header{text-align:center;}
.logo{
  height:75px;
  margin-bottom:15px;
  object-fit:contain;
}

.main{text-align:center;}

h1{
  font-size:32px;
  margin-bottom:8px;
  font-weight:700;
}

.lead{
  font-size:17px;
  color:#444;
  margin-bottom:25px;
}

.countdown{
  display:flex;
  justify-content:center;
  gap:20px;
  margin-bottom:30px;
}

.countdown div{
  padding:10px 14px;
  background:#fff;
  border-radius:12px;
  min-width:70px;
  box-shadow:0 4px 14px rgba(0,0,0,0.07);
}

.countdown span{
  font-size:22px;
  font-weight:700;
  display:block;
}

.countdown small{
  font-size:12px;
  color:#666;
}

.social{
  display:flex;
  justify-content:center;
  margin-top:10px;
}

.soc{
  width:55px;
  height:55px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
  border:1px solid rgba(0,0,0,0.1);
}

.soc img{
  width:28px;
  height:28px;
}



.footer{
  text-align:center;
  margin-top:25px;
  color:#555;
  font-size:14px;
}

@media(max-width:520px){
  .wrap{padding:20px;}
  .logo{height:60px;}
  h1{font-size:26px;}
  .countdown div{min-width:55px;padding:8px;}
  .countdown span{font-size:18px;}
}