/* assets/style.css */
/* Elegant wedding palette — blush / ivory / gold accents */
:root{
  --bg:#fffaf8;
  --muted:#7a6b64;
  --accent:#d88f6b;
  --accent-2:#bfa06d;
  --card:#ffffff;
  --glass: rgba(255,255,255,0.7);
  --radius:16px;
  --container:1100px;
  --shadow: 0 8px 30px rgba(2,6,23,0.06);
  font-synthesis: none;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:linear-gradient(180deg, #fffaf8 0%, #fffdfb 100%);
  color:var(--muted);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}
.container{max-width:var(--container);margin:0 auto;padding:32px}
.header-inner, .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-header{backdrop-filter: blur(6px);position:sticky;top:0;background:rgba(255,255,255,0.6);z-index:60;border-bottom:1px solid rgba(10,10,10,0.03)}
.logo{font-family:'Playfair Display', serif;font-size:22px;color:#2b2b2b;text-decoration:none;padding:14px 0;font-weight:700}
.nav{display:flex;gap:14px;align-items:center}
.nav a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px}
.nav a:hover{background:var(--glass)}
.btn-ig{border:1px solid var(--accent-2);padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--accent-2);font-weight:600}
.nav-toggle{display:none;background:none;border:0;font-size:20px;padding:12px}

.hero{padding:64px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.hero-text h1{font-family:'Playfair Display',serif;font-size:36px;color:#2b2b2b;margin:0 0 12px}
.hero-text p{color:var(--muted);margin:0 0 20px}
.primary-cta{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:600}
.secondary-cta{display:inline-block;margin-left:12px;padding:10px 14px;border-radius:10px;text-decoration:none;background:transparent;border:1px solid rgba(0,0,0,0.06)}
.video-player{width:100%;border-radius:14px;box-shadow:var(--shadow);background:#000}

.services{padding:40px 0}
.cards{display:flex;gap:18px;flex-wrap:wrap}
.card{flex:1;min-width:220px;background:var(--card);padding:20px;border-radius:14px;box-shadow:var(--shadow)}
.how{padding:28px 0}
.steps{list-style:decimal;margin-left:20px;color:var(--muted)}
.testimonial{padding:28px;background:linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.6));border-radius:14px;margin:24px 0}
.testimonial blockquote{margin:0;font-style:italic;color:#6b615c}

.final-cta{padding:36px 0;text-align:center}
.site-footer{padding:20px 0;border-top:1px solid rgba(10,10,10,0.03);margin-top:40px}
.footer-nav{display:flex;gap:12px}
.policy-main, .about-main, .contact-main{padding:36px 0}

.contact-form{max-width:700px;display:grid;gap:12px}
.contact-form label{display:block;font-size:14px;color:var(--muted)}
.contact-form input, .contact-form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,0.07);font-size:14px;background:#fff}
.form-actions{display:flex;gap:10px;align-items:center}
.map-placeholder{height:200px;border-radius:12px;background:linear-gradient(90deg,#fffaf8,#fffdfb);display:flex;align-items:center;justify-content:center;color:#b29b8f;border:1px dashed rgba(0,0,0,0.05)}

.small{font-size:12px;color:#8a7f79}

/* Responsive */
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:18px}
  .nav{display:none;position:fixed;right:18px;top:70px;background:#fff;padding:12px;border-radius:12px;flex-direction:column;box-shadow:var(--shadow)}
  .nav.show{display:flex}
  .nav-toggle{display:block}
  .cards{flex-direction:column}
}