:root{
  --deepgreen:#0d1c15;
  --green2:#15261d;
  --gold:#c8a66b;
}

/* --- BASE LANDING --- */
body{
  margin:0;
  background:var(--deepgreen);
  overflow:hidden;
}
#landing{
  position:fixed;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;
  font-size:2rem;letter-spacing:.4em;
  cursor:pointer;
  background:
    radial-gradient(circle at 40% 40%,rgba(200,166,107,.2),transparent 70%),
    linear-gradient(130deg,var(--deepgreen),var(--green2) 80%);
  background-size:200% 200%;
  animation:moveLight 9s ease-in-out infinite alternate;
}
#landing h1{
  background:linear-gradient(90deg,#b08d4e,#e0c785,#b08d4e);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:300%;
  animation:shine 8s linear infinite;
  transition:transform 1.2s ease, opacity .6s ease;
}

/* shimmer movement */
@keyframes moveLight{
  0%{background-position:0% 0%;}
  100%{background-position:100% 100%;}
}
@keyframes shine{
  0%{background-position:0%;}
  100%{background-position:100%;}
}

/* click glow + fade */
.fadeout h1{
  transform:scale(1.2);
  opacity:0;
}

/* --- VEIL --- */
.veil{
  position:fixed;inset:0;
  background:radial-gradient(circle at center, rgba(200,166,107,.6) 0%, rgba(255,255,240,.9) 50%, rgba(200,166,107,0) 90%);
  opacity:0;
  transform:scale(0.8);
  pointer-events:none;
}
.expand{
  animation:veilFlash 1.2s ease forwards;
}
@keyframes veilFlash{
  0%{opacity:0;transform:scale(0.8);filter:blur(20px);}
  20%{opacity:.9;transform:scale(1.3);filter:blur(10px);}
  60%{opacity:.7;transform:scale(2.5);filter:blur(30px);}
  100%{opacity:0;transform:scale(4);filter:blur(60px);}
}