:root{
  --cream:#F5F1E8;
  --cream-deep:#EFE9DC;
  --ink:#2E2A24;
  --taupe:#948A78;
  --clay:#B4623C;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:"Cormorant Garamond",Georgia,serif;
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;padding:2rem;
  text-align:center;
  -webkit-font-smoothing:antialiased;
}
.card{max-width:34rem;width:100%;opacity:0;animation:rise 1.4s ease forwards;}
@keyframes rise{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}

.mark{
  font-family:"Josefin Sans",sans-serif;
  font-weight:400;letter-spacing:0.42em;
  font-size:0.82rem;text-transform:uppercase;
  color:var(--clay);margin-bottom:2.6rem;padding-left:0.42em;
}

.seed{width:132px;height:150px;margin:0 auto 2rem;display:block;}
.seed [data-drift]{transform-origin:center;animation:drift 7s ease-in-out infinite;}
.seed [data-drift].d2{animation-duration:9s;animation-delay:.6s;}
.seed [data-drift].d3{animation-duration:8s;animation-delay:.3s;}
@keyframes drift{0%,100%{transform:translate(0,0);}50%{transform:translate(3px,-4px);}}

h1{
  font-weight:500;font-size:clamp(2rem,6vw,3rem);
  line-height:1.15;margin-bottom:1.1rem;
}
.lead{
  font-style:italic;font-size:clamp(1.15rem,3.4vw,1.4rem);
  color:var(--ink);margin-bottom:1.6rem;
}
.sub{
  font-size:1.1rem;line-height:1.6;color:var(--taupe);
  max-width:26rem;margin:0 auto 2.8rem;
}
.soon{
  font-family:"Josefin Sans",sans-serif;
  font-weight:300;letter-spacing:0.34em;text-transform:uppercase;
  font-size:0.74rem;color:var(--ink);padding-left:0.34em;
}
.rule{width:38px;height:1px;background:var(--clay);opacity:.5;margin:0 auto 1.4rem;}
footer{
  position:fixed;bottom:1.4rem;left:0;right:0;
  font-family:"Josefin Sans",sans-serif;font-weight:300;
  letter-spacing:0.2em;font-size:0.68rem;color:var(--taupe);
  text-transform:lowercase;
}
@media (prefers-reduced-motion: reduce){
  .card{animation:none;opacity:1;}
  .seed [data-drift]{animation:none;}
}
