/* Caring Homestead Residence — Coming Soon page styles
   Palette: navy #19197f, gold #c08a3e, tan #f2cdb1, cream #faf6f0
   Fonts: Fraunces (display/serif), Inter (body/sans) */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:#faf6f0;
  font-family:'Inter',system-ui,sans-serif;
  color:#54546b;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

.grain::before{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.glow-a{position:fixed;right:-180px;top:-160px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#f7ddc4 0%, rgba(247,221,196,0) 70%);z-index:0;pointer-events:none}
.glow-b{position:fixed;left:-160px;bottom:-180px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle at 60% 60%,#f2cdb1 0%, rgba(242,205,177,0) 70%);opacity:.6;z-index:0;pointer-events:none}

main{
  position:relative;z-index:1;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:64px 24px;
}

.card{
  width:100%;
  max-width:720px;
  text-align:center;
}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.logo{animation:rise .8s cubic-bezier(.2,.7,.2,1) both, float 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  .logo,.rise{animation:none !important;opacity:1 !important;transform:none !important}
  .eyebrow::before{animation:none !important}
}

.logo{
  width:100%;
  max-width:300px;
  height:auto;
  display:block;
  margin:0 auto 28px;
}

.sub-brand{
  font-size:11.5px;
  letter-spacing:.28em;
  font-weight:700;
  text-transform:uppercase;
  color:#a98a58;
  margin:0 0 44px;
}

.eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  padding:16px 34px 16px 26px;
  border-radius:999px;
  background:rgba(192,138,62,.09);
  border:1px solid rgba(192,138,62,.32);
  font-size:15.5px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;
  color:#a06b26;margin-bottom:34px;
}
.eyebrow::before{
  content:"";width:9px;height:9px;border-radius:50%;background:#c08a3e;display:inline-block;flex:none;
  box-shadow:0 0 0 4px rgba(192,138,62,.16);
  animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(192,138,62,.16)}50%{box-shadow:0 0 0 7px rgba(192,138,62,.05)}}

h1{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:clamp(36px,6vw,58px);
  line-height:1.06;
  letter-spacing:-1px;
  color:#19197f;
  margin:0 0 22px;
  text-wrap:balance;
}
h1 em{font-style:italic;color:#c08a3e}

p.lead{
  font-size:17px;
  line-height:1.65;
  color:#54546b;
  max-width:520px;
  margin:0 auto 40px;
}

.divider{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:0 auto 40px;
}
.divider .line{width:44px;height:1px;background:#e7dac9}
.divider .dot{width:6px;height:6px;border-radius:50%;background:#c08a3e}

.info-grid{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:0;
  border-top:1px solid #e7dac9;
  border-bottom:1px solid #e7dac9;
  padding:28px 0;
  margin:0 auto 40px;
}
.info-item{
  padding:6px 30px;
  border-left:1px solid #e7dac9;
  text-align:left;
}
.info-item:first-child{border-left:none}
.info-item .label{
  font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;
  color:#a98a58;margin-bottom:6px;
}
.info-item a, .info-item span.val{
  font-family:'Fraunces',serif;
  font-size:17px;
  color:#19197f;
  text-decoration:none;
  font-weight:500;
}
.info-item a:hover{color:#c08a3e}

.cta-row{
  display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;
}
.btn-primary{
  background:#c08a3e;color:#fff;padding:16px 30px;border-radius:40px;
  font-weight:600;font-size:15px;text-decoration:none;
  box-shadow:0 14px 28px -8px rgba(192,138,62,.7);
  transition:transform .25s ease, box-shadow .25s ease;
  display:inline-block;
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 38px -8px rgba(192,138,62,.92)}

.btn-secondary{
  color:#19197f;padding:15px 10px;font-weight:600;font-size:15px;text-decoration:none;
  border-bottom:2px solid #f2cdb1;
  transition:color .2s ease;
}
.btn-secondary:hover{color:#c08a3e}

footer{
  position:relative;z-index:1;
  text-align:center;
  padding:0 24px 36px;
  font-size:12.5px;
  color:#9a9ab0;
}
footer a{color:#9a9ab0}

@media (max-width:520px){
  .info-grid{flex-direction:column;border:none;padding:0;gap:18px}
  .info-item{border-left:none;border-top:1px solid #e7dac9;padding:18px 0 0;text-align:center}
  .info-item:first-child{border-top:none}
  .cta-row{flex-direction:column;align-items:center}
  .btn-primary{width:100%;max-width:280px}
}