/* "Coming soon: Verdancia" band (Juan 2026-10-15, "post that on a coming soon on our home page and our
   communities page"). Home page: a section between the Paseo offer and the inventory (index.html).
   /communities: the Verdancia tab's panel (js/communities.js). Both link to /communities/verdancia,
   written by the crawl-pages edge function. Uses the tokens and .btn/.kicker from style.css. */
.soon{background:var(--burgundy-deep);color:var(--cream);padding:4.6rem 2rem;position:relative;overflow:hidden;isolation:isolate}
.soon::after{content:"\25C6";position:absolute;left:-3rem;bottom:-7rem;font-size:18rem;line-height:1;color:rgba(217,188,127,.06);pointer-events:none;z-index:-1}
.soon-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:3.2rem;align-items:center}
.soon .kicker{color:var(--gold-bright)}
.soon h2{color:var(--cream);font-size:clamp(2.4rem,5vw,3.9rem);letter-spacing:.14em;margin:.35rem 0 1rem}
.soon-copy p{color:#E9E3D8;font-weight:300;line-height:1.75;max-width:31rem;margin:0}
.soon .soon-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}
.soon .soon-actions .btn{margin:0}
.soon-elevs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.soon-elevs a{display:block;position:relative;background:var(--cream);color:var(--burgundy-deep);text-decoration:none;transition:transform .25s,box-shadow .25s}
.soon-elevs a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.soon-elevs img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#3a352f}
.soon-tag{position:absolute;left:.55rem;top:.55rem;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--burgundy-deep);background:rgba(251,249,244,.93);border:1px solid var(--gold);padding:.28rem .55rem;border-radius:999px;white-space:nowrap}
.soon-elevs b{display:block;font-family:var(--serif);font-weight:400;font-size:1.25rem;letter-spacing:.04em;padding:.5rem .8rem .6rem}
.soon-fine{grid-column:1/-1;margin:0;font-size:.7rem;color:rgba(233,227,216,.6)}
@media (prefers-reduced-motion:reduce){.soon-elevs a{transition:none}.soon-elevs a:hover{transform:none}}
@media (max-width:900px){
  .soon{padding:3.4rem 16px}
  .soon-in{grid-template-columns:minmax(0,1fr);gap:2rem}
}
@media (max-width:420px){
  .soon-elevs{gap:.6rem}
  .soon-elevs b{font-size:1.02rem;padding:.4rem .6rem .5rem}
  .soon-tag{font-size:.54rem;letter-spacing:.08em;padding:.24rem .5rem;left:.4rem;top:.4rem}
  .soon .soon-actions .btn{flex:1 1 100%;text-align:center}
}