/*
 Theme Name: Absolute Stillness — Coming Soon
 Theme URI: https://absolutestillness.com
 Author: Absolute Stillness
 Description: Minimal coming soon theme that centers the brand logo with a sleek footer.
 Version: 1.0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: absolute-stillness-coming-soon
 Tags: minimal, landing-page, coming-soon
*/

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

html, body { height: 100%; }

body {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  background: #0e1116;
  color: #eef1f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper {
  min-height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}

.center {
  display: grid;
  place-items: center;
  padding: 28px;
}

.logo {
  width: min(42vw, 360px); /* smaller, more "normal" */
  height: auto;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,0.35));
}

.footer {
  width: 100%;
  text-align: center;
  padding: 22px 16px 34px;
  color: #cfd3dc;
}

.footer-inner {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-size: 0.95rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  border-radius: 999px;
  padding: 10px 16px;
}

.footer-inner .dot {
  width: 6px; height: 6px; border-radius: 50%; background: #8aa0ff; display: inline-block;
}

/* Instagram badge */
.social {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 10px;
  padding-left: 14px;
  border-left: 1px solid rgba(255,255,255,0.08);
}

.social a {
  color: #eef1f6;
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  transition: opacity .2s ease, transform .2s ease;
  display: inline-flex;
  align-items: center; gap: 8px;
}

.social a:hover { opacity: .85; transform: translateY(-1px); }
.social svg { width: 18px; height: 18px; }

/* Fade-in */
@keyframes fade { from {opacity:0; transform: translateY(8px);} to {opacity:1; transform: translateY(0);} }
.center, .footer { animation: fade 600ms ease-out both; }

@media (prefers-reduced-motion: reduce) { .center, .footer { animation: none; } }

/* Subtle radial glow */
body::before {
  content: "";
  position: fixed; inset: -25vmax;
  background: radial-gradient(60vmax 60vmax at 50% 50%, rgba(255,255,255,0.06), transparent 60%);
  pointer-events: none;
}