/* ==========================================================
   AVENZA PHASE 1 — premium visual refinement
   Homepage hierarchy • typography • timer • cards • mobile
   ========================================================== */
:root{
  --av-gold:#d2b06f;
  --av-gold-soft:#ead3a1;
  --av-ink:#080808;
  --av-panel:#11100e;
  --av-line:#393127;
  --av-text:#f5f1e9;
  --av-muted:#aaa296;
}

/* More breathing room and quieter luxury surfaces */
body{background:#070707;color:var(--av-text)}
section{padding-top:88px;padding-bottom:88px}
.wrap{max-width:1280px}
.topline{
  background:#17130e;
  border-bottom:1px solid #30281e;
  padding:9px 12px;
  letter-spacing:.18em
}
.nav{
  height:86px;
  background:rgba(7,7,7,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}
.wordmark{font-size:29px;color:#f3e7cd}
.wordmark small{margin-top:3px;color:var(--av-gold)}

/* Hero: editorial rather than "raffle site" */
.hero{
  min-height:390px;
  padding:72px 0 64px;
  background:
    radial-gradient(circle at 80% 38%,rgba(180,139,72,.13),transparent 34%),
    linear-gradient(115deg,#070707 0%,#0c0b09 62%,#141008 100%);
  border-bottom:1px solid #211d17
}
.hero .wrap{max-width:1280px}
.hero h1{
  max-width:850px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,6.5vw,86px);
  line-height:.98;
  letter-spacing:-.045em
}
.hero p{max-width:590px;color:#c9c1b4;font-size:15px}
.eyebrow{color:#d7b979;letter-spacing:.18em}

/* Consistent functional typography */
.btn,.cat,.stat,.pill,.coming-meta,
.timer-numbers,.timer-numbers *,
.entry-progress,.entry-progress *,
.cardbottom,.headline-price{
  font-family:Arial,Helvetica,sans-serif!important
}
.timer-numbers,.timer-numbers *{
  font-size:clamp(34px,5vw,58px)!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-style:normal!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  font-feature-settings:"tnum" 1,"lnum" 1!important;
  text-shadow:none!important;
  filter:none!important
}

/* Section headings */
.heading{margin-bottom:26px}
.heading h2{margin-bottom:8px}
.heading p{color:#aaa296}

/* Live / Coming Soon / Ending Soon visual navigation */
.av-status-nav{
  display:flex;
  gap:9px;
  overflow-x:auto;
  scrollbar-width:none;
  margin:0 0 30px;
  padding:2px 0 4px
}
.av-status-nav::-webkit-scrollbar{display:none}
.av-status-nav a{
  flex:0 0 auto;
  padding:11px 18px;
  border:1px solid #4c4030;
  border-radius:999px;
  color:#c8beb0;
  font:700 11px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:.2s ease
}
/* Active status is controlled dynamically with .active */
.av-status-nav a:hover{border-color:#d7b979;color:#f3ddb0}

/* Featured competition */
.headline{
  border-color:#54452f;
  background:linear-gradient(135deg,#12110f,#0c0b09);
  box-shadow:0 26px 70px rgba(0,0,0,.26)
}
.headline-image{background:#0d0c0a}
.headline-copy{padding:56px}
.headline-copy h2{color:#faf6ef}
.headline-price{color:#e8cb91}
.headline .btn.primary{min-width:175px;text-align:center}

/* Competition cards — quieter, cleaner */
.grid{gap:24px}
.card{
  background:#100f0d;
  border:1px solid #322c24;
  border-radius:2px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.card:hover{
  transform:translateY(-4px);
  border-color:#6b5738;
  box-shadow:0 18px 42px rgba(0,0,0,.3)
}
.photo{height:270px;background:#0c0b09}
.photo img{transition:transform .45s ease}
.card:hover .photo img{transform:scale(1.025)}
.pill{
  border-radius:999px;
  background:rgba(8,8,8,.88);
  backdrop-filter:blur(8px)
}
.cardbody{padding:24px}
.cardbottom{margin-top:20px}

/* Coming Soon as a real editorial feature */
.coming-soon{
  position:relative;
  padding-top:92px;
  padding-bottom:92px
}
.coming-feature{
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  min-height:510px;
  border:1px solid #55452e;
  background:#0e0d0b;
  box-shadow:0 28px 80px rgba(0,0,0,.32)
}
.coming-image{min-height:510px}
.coming-image img{object-fit:cover!important}
.coming-image:after{
  background:linear-gradient(90deg,transparent 52%,rgba(14,13,11,.35) 72%,#0e0d0b 100%)
}
.coming-copy{padding:56px}
.coming-copy h3{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400;
  font-size:clamp(34px,4vw,54px);
  letter-spacing:-.04em
}
.coming-value{font-size:21px;color:#e6c887}
.coming-note{max-width:460px}

/* Countdown becomes understated and precise */
.launch-timer{
  max-width:920px;
  margin:34px auto;
  padding:28px 30px;
  background:#0e0d0b;
  border:1px solid #493c2b;
  box-shadow:none
}
.timer-numbers{color:#e8cb91!important}

/* Buttons: less glossy, more luxury */
.btn{
  border-radius:3px;
  padding:14px 22px;
  background:#14120f;
  border-color:#8b7049;
  box-shadow:none
}
.btn.primary{
  border-radius:3px;
  background:#d5b675;
  border-color:#e6ca91;
  color:#151009;
  box-shadow:none
}
.btn:not(:disabled):hover,.btn.primary:not(:disabled):hover{
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(0,0,0,.3)
}

/* Mobile polish */
@media(max-width:800px){
  section{padding-top:62px;padding-bottom:62px}
  .nav{height:72px}
  .hero{padding:54px 0 48px;min-height:0}
  .hero h1{font-size:clamp(43px,13vw,65px)}
  .hero p{font-size:14px}
  .headline{grid-template-columns:1fr}
  .headline-image img{height:300px;min-height:300px}
  .headline-copy{padding:30px 25px 34px}
  .coming-feature{grid-template-columns:1fr;min-height:0}
  .coming-image{min-height:330px}
  .coming-image:after{
    background:linear-gradient(0deg,#0e0d0b 0%,rgba(14,13,11,.1) 45%,transparent 70%)
  }
  .coming-copy{padding:30px 25px 36px}
  .coming-copy h3{font-size:clamp(32px,9vw,44px)}
  .photo{height:290px}
  .launch-timer{padding:23px 15px}
}
@media(max-width:600px){
  .wrap{padding-left:18px;padding-right:18px}
  .topline{font-size:9px}
  .wordmark{font-size:22px}
  .heading{display:block}
  .av-status-nav{margin-top:22px}
  .grid{gap:16px}
  .cardbody{padding:21px}
}