/* ============================================================
   FORGE ATLAS · v10 · WELCOME QUOTE
   First-visit cinematic moment. One quote. One breath. Then the site.
   ============================================================ */

.welcome-quote-overlay{
  position:fixed; inset:0;
  z-index:9999;
  background:radial-gradient(ellipse at center, rgba(8,8,10,.96), rgba(0,0,0,.99));
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  transition:opacity .5s ease;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.welcome-quote-overlay.welcome-quote-in{ opacity:1; }
.welcome-quote-overlay.welcome-quote-out{ opacity:0; }

.welcome-quote-card{
  max-width:680px;
  text-align:center;
  position:relative;
  padding:48px 32px 36px;
  transform:translateY(20px) scale(.98);
  opacity:0;
  transition:opacity .8s cubic-bezier(.2,.7,.2,1) .2s, transform .8s cubic-bezier(.2,.7,.2,1) .2s;
}
.welcome-quote-in .welcome-quote-card{
  transform:translateY(0) scale(1);
  opacity:1;
}

.welcome-quote-mark{
  font-family:'Oswald', serif;
  font-size:140px;
  line-height:.8;
  color:#D4A843;
  opacity:.25;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  user-select:none;
  pointer-events:none;
}

.welcome-quote-text{
  font-family:'Oswald', 'Inter', sans-serif;
  font-size:clamp(22px, 4vw, 32px);
  font-weight:300;
  line-height:1.45;
  color:#f5f1ea;
  margin:0 0 28px;
  letter-spacing:-.005em;
  font-style:italic;
  position:relative;
  z-index:1;
}

.welcome-quote-attr{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  letter-spacing:.16em;
  color:rgba(245,241,234,.65);
  text-transform:uppercase;
  margin-bottom:36px;
}
.welcome-quote-attr strong{
  color:#D4A843;
  font-weight:600;
}
.welcome-quote-era{ color:rgba(245,241,234,.40); }

.welcome-quote-dismiss{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  background:transparent;
  border:1px solid #D4A843;
  color:#D4A843;
  padding:12px 24px;
  cursor:pointer;
  border-radius:3px;
  transition:all .25s ease;
  font-weight:600;
}
.welcome-quote-dismiss:hover{
  background:#D4A843;
  color:#08080a;
  letter-spacing:.20em;
}
.welcome-quote-dismiss:focus-visible{
  outline:2px solid #7eeaff;
  outline-offset:3px;
}

/* The breath — a single thin gold line beneath */
.welcome-quote-card::after{
  content:"";
  position:absolute;
  bottom:0; left:50%;
  width:120px;
  height:1px;
  background:linear-gradient(90deg, transparent, #D4A843, transparent);
  transform:translateX(-50%);
}

@media (max-width:520px){
  .welcome-quote-card{ padding:36px 20px 28px; }
  .welcome-quote-mark{ font-size:100px; }
  .welcome-quote-text{ font-size:20px; }
}

@media (prefers-reduced-motion: reduce){
  .welcome-quote-overlay, .welcome-quote-card{
    transition:none !important;
    transform:none !important;
  }
}