:root{
--blue:#174c86;
--dark:#0d1724;
--white:#ffffff;
--glass:rgba(255,255,255,.72);
}

*{box-sizing:border-box}
body{
  margin:0;
  background:
    linear-gradient(rgba(255,255,255,.64), rgba(255,255,255,.64)),
    url('../img/wildalphabet-art-theme-vivid.jpg') center top fixed;
  background-size:cover;
  color:#111;
  font-family:Arial,sans-serif;
  line-height:1.6;
}
.container{width:min(1200px,92%);margin:auto}

.site-header{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);z-index:1000}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.brand{text-decoration:none;color:var(--dark);font-size:1.4rem;font-weight:700}
#siteNav a{margin-left:20px;color:#111;text-decoration:none}

.hero{min-height:100vh;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('../img/hero-placeholder.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.hero-glass{background:var(--glass);backdrop-filter:blur(20px);padding:50px;border-radius:24px;text-align:center;max-width:800px}
.eyebrow{color:var(--blue);font-weight:700;letter-spacing:2px}
h1{font-size:4rem;margin:.5rem 0}
h2{font-size:2.2rem}

.btn{display:inline-block;background:var(--blue);color:#fff;padding:14px 24px;border-radius:10px;text-decoration:none}

.section{padding:100px 0}

.gallery-grid,.testimonial-grid,.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}


.step,.testimonial{padding:30px;border-radius:20px;background:#f4f7fb}

.contact-form{display:grid;gap:16px}
.contact-form input,.contact-form textarea{padding:14px;border:1px solid #d0d8e2;border-radius:10px}
.contact-form button{background:var(--blue);color:#fff;border:none;padding:14px;border-radius:10px}

.footer-scene{padding:80px 0;background:linear-gradient(180deg,#0f2440,#08111d);color:#fff}

 
/* ===== FEATURED NAME ART GALLERY IMAGES ===== */
.gallery-card{
  min-height:320px;
  border-radius:20px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 24px 60px rgba(13,23,36,.12);
  border:1px solid rgba(23,76,134,.14);
  overflow:hidden;
}

.gallery-card:nth-child(1){
  background-image:url('../img/gallery-family.jpg');
}

.gallery-card:nth-child(2){
  background-image:url('../img/gallery-love.jpg');
}

.gallery-card:nth-child(3){
  background-image:url('../img/gallery-home.jpg');
}

.gallery-card:nth-child(4){
  background-image:url('../img/gallery-grace.jpg');
}




/* ===== VISIBLE ART BACKGROUND UPDATE ===== */
/* Background image: ../img/wildalphabet-art-theme-vivid.jpg */
/* The body overlay was reduced so the alphabet art, frames, and blue color are clearly visible. */

/* ===== MOBILE / RESPONSIVE ===== */
@media(max-width:768px){
h1{font-size:2.6rem}
#siteNav{display:none}
}


/* ===== ARTISTIC SITE BACKGROUND ===== */
.section{
position:relative;
}

.hero-glass,
.step,
.testimonial,
.contact-form,
.gallery-card{
backdrop-filter:blur(12px);
}


/* ===== WILD ALPHABET BRANDED BACKGROUND ===== */
.section{
  position:relative;
}

.hero-glass,
.step,
.testimonial,
.contact-form,
.gallery-card{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}


/* Sitewide Art Background */
body{background:linear-gradient(rgba(255,255,255,.84),rgba(255,255,255,.84)),url('../img/wildalphabet-art-theme-vivid.jpg') center top fixed;background-size:cover;}
/* ===== SPK RETURN BUTTON ===== */
.spk-return-button{
  position:fixed;
  top:18px;
  left:18px;
  z-index:9999;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(10,20,40,.78);
  color:#fff;
  font-weight:700;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.spk-return-button:hover{background:#174c86}
@media(max-width:768px){
  .spk-return-button{top:12px;left:12px;padding:10px 14px;font-size:.9rem}
}