/* 7peaksresidences.com shell: the home's world applied to every inner page. Loads after lvb.css and
   retunes its variables, then restyles the header, nav, fact strip, buttons, footer and sticky bar.
   Page bodies keep their own component markup. */
:root{
  --ink:#0A2E22;--ink-2:#0A2E22;--panel:#0F3B2C;--panel-2:#174A38;
  --light:#F2ECDF;--soft:rgba(242,236,223,.74);--faint:rgba(242,236,223,.42);
  --gilt:#E1C98A;--gold:#C8A961;--line:rgba(200,169,97,.28);--line-2:rgba(200,169,97,.5);
  --eldeco-green:#00854A;--radius:3px;--wrap:1240px;
  --font-serif:'Bodoni Moda',Georgia,'Times New Roman',serif;
  --font-body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --font-mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
  --g0:#0A2E22;--g1:#0F3B2C;--g2:#174A38;--ivory:#F2ECDF;--ivory-70:rgba(242,236,223,.74);--ivory-40:rgba(242,236,223,.42);--gold-2:#E1C98A;
}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--light);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gilt);outline-offset:3px}
h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:var(--gilt)}
.entry-eyebrow{display:none}
/* header */
.ledger-head{position:sticky;top:0;z-index:20;background:rgba(10,46,34,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.ledger-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px;max-width:var(--wrap);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.ledger-mark{font-family:var(--font-serif);font-size:1rem;letter-spacing:.14em;color:var(--light);text-decoration:none;white-space:nowrap;text-transform:none}
.ledger-mark b{color:var(--gilt);font-weight:500}
.ledger-nav{display:flex;gap:1.4rem;margin:0 auto}
.ledger-nav a{color:var(--soft);text-decoration:none;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;padding:.4rem 0;border-bottom:1px solid transparent;background:none}
.ledger-nav a:hover,.ledger-nav a[aria-current="page"]{color:var(--light);border-bottom-color:var(--gold)}
.ledger-cta,.head-right{display:flex;align-items:center;gap:1rem}
.ledger-cta .tel,.head-right .tel{color:var(--light);text-decoration:none;white-space:nowrap;font-family:var(--font-mono);font-size:.82rem}
.menu-btn{display:none;background:none;border:1px solid var(--line-2);border-radius:var(--radius);width:44px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{display:block;width:18px;height:1px;background:var(--light)}
/* fact strip (replaces the register ticker) */
.ledger-ticker{display:none}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
.strip .wrap{display:flex;flex-wrap:wrap;gap:.4rem 2rem;padding:.8rem clamp(1rem,4vw,2.5rem);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--soft);max-width:var(--wrap);margin:0 auto}
.strip b{color:var(--light);font-weight:500}
/* buttons */
.btn{border-radius:var(--radius);font-weight:600;letter-spacing:.02em;font-family:var(--font-body)}
.btn-gold,.btn-primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-gold:hover,.btn-primary:hover{background:var(--gilt);color:var(--ink)}
.btn-ghost{background:rgba(10,46,34,.35);color:var(--light);border:1px solid var(--faint)}
.btn-ghost:hover{border-color:var(--light)}
/* footer */
footer.ledger-foot{border-top:1px solid var(--line);padding:3rem 0 6rem;font-size:.9rem;background:var(--ink)}
footer.ledger-foot .wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.fcols h3{font-size:.8rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gilt);margin:0 0 .6rem;font-weight:500}
.fcols a{display:block;color:var(--soft);text-decoration:none;padding:.22rem 0}
.fcols a:hover{color:var(--light)}
.fcols p{color:var(--soft);font-size:.9rem;margin:1rem 0 0}
.foot-legal{font-size:.82rem;color:var(--faint);margin:0 0 1.4rem}
.foot-legal a{color:var(--soft)}
footer .eo-disc,footer .site-disclosure,footer .disclosure,footer .shield,footer p.disc{font-size:.8rem;color:var(--soft);max-width:none}
.site-disclosure{background:transparent;color:var(--soft)}
.site-disclosure .disclosure{border-top:1px solid var(--line);padding:1.4rem 0 1.6rem;font-size:.8rem;line-height:1.7}
.site-disclosure .disclosure strong{color:var(--light)}
/* sticky bar */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;grid-template-columns:1fr 1fr;background:var(--panel);border-top:1px solid var(--line-2)}
.sticky a{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem .5rem calc(.95rem + env(safe-area-inset-bottom,0px));color:var(--light);text-decoration:none;font-size:.9rem;letter-spacing:.04em}
.sticky a+a{border-left:1px solid var(--line);color:var(--ink);background:var(--gold);font-weight:600}
@media (max-width:1024px){.ledger-nav{gap:1rem}.ledger-nav a{font-size:.78rem}.fcols{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.ledger-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--ink);border-bottom:1px solid var(--line);padding:1rem clamp(1rem,4vw,2.5rem) 1.4rem;flex-direction:column;gap:.2rem;margin:0}body.nav-open .ledger-nav{display:flex}.menu-btn{display:flex}.ledger-cta .tel,.head-right .tel{display:none}.sticky{display:grid}.wa-float{display:none}}
@media (max-width:640px){.mark-loc{display:none}.ledger-mark{font-size:.95rem;letter-spacing:.1em}.strip .wrap{gap:.3rem 1.2rem;font-size:.72rem}.fcols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* inherited-shell overrides (11 Sep 2026): flat gold buttons, no gradients or drop shadows, 3px radii, house faces in the popup */
.btn,.btn-gold,.btn-ghost{box-shadow:none;background-image:none}
.btn-gold{background:var(--gold);color:var(--ink);border:1px solid var(--gold)}
.btn-gold:hover{background:var(--gilt)}
body .aeo-capsule,body .aeo-capsule *{border-radius:var(--radius)}
.vdcp-overlay{font-family:var(--font-body)}
.vdcp-close{border-radius:var(--radius)}
.vdcp-headline{font-family:var(--font-serif)}
.vdcp-chip{font-family:var(--font-body);border-radius:var(--radius)}
.vdcp-fg input{font-family:var(--font-body)}
.vdcp-submit{font-family:var(--font-body);box-shadow:none}
.vdcp-wa{border-radius:var(--radius)}

/* 12 Sep 2026: phone conversion pass */
.ledger-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 0}
.ledger-hero .hero-ctas .btn{padding:.8rem 1.2rem}
@media (max-width:640px){.strip .wrap>span:nth-child(3){display:none}.ledger-hero .hero-ctas .btn{flex:1 1 100%;text-align:center}}
.ledger-hero .hero-ctas .btn:not(.btn-gold){border:1px solid var(--line);color:var(--light);background:transparent}
.desklog{margin:1.2rem 0 0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius)}
.desklog h3{margin:0 0 .5rem;font:600 .72rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.desklog ol{margin:0;padding-left:1.1rem}
.desklog li{margin:.35rem 0;color:var(--soft);font-size:.92rem;line-height:1.55}
.desklog time{font-family:var(--font-mono);font-size:.78rem;color:var(--light);margin-right:.4rem}

/* 7peaks:lead-fold 2026-10-12 */
/* CTA hierarchy without a glow. The shell sets box-shadow:none on the buttons deliberately, and
   a gold glow would be exactly the vibe-coded tell the design law bans, so hierarchy comes from
   weight, size and a small lift instead. The secondary is quietened rather than the primary
   shouted. focus-visible already exists generically at 2px; this is a stronger ring on the
   buttons specifically, not a missing one. */
.btn{transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s ease,border-color .18s ease,color .18s ease}
.btn-gold{font-weight:650}
.btn-gold:hover{transform:translateY(-2px)}
.btn-ghost{font-weight:500;opacity:.92}
.btn-ghost:hover{transform:translateY(-1px);opacity:1;background:rgba(10,46,34,.50)}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .btn{transition:none}
  .btn-gold:hover,.btn-ghost:hover{transform:none}
}

/* The second door at the point of decision. */
.form-alt{margin:.75rem 0 0;font-size:.92rem;color:var(--ivory)}
.form-alt a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.form-alt a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}