Qwen Qwen3.8 27B – Real Estate

via AkashML · Generated

  • AIMAC Debt 6.22
  • Cost $0.19
  • Total Violations 84
  • HTML Size 92 KB
  • Em Dashes 69

Screenshot

View Qwen Qwen3.8 27B Real Estate page View Live Page

Accessibility Issues Found

84 Serious

  • color-contrast serious 84 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <p class="eyebrow hero-eyebrow scr" data-text="Larkspur Valley · Field Office · Est. 2009">Larkspur Valley · Field Office · Est. 2009</p>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alder &amp; Key Realty — Every good home has a key · Larkspur Valley</title>
<meta name="description" content="Alder & Key Realty lists, sells, and rents homes across Larkspur Valley. Data-priced listings, a free home value estimator, mortgage desk, and neighborhood guides.">
<script>document.documentElement.className='js';</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root{
  --paper:#F5F0E3; --paper2:#ECE5D2; --card:#FBF8F0;
  --ink:#182420; --ink2:#4A564E;
  --pine:#1D3A2C; --pine-deep:#13241C; --brick:#A64B2A;
  --brass:#B0792C; --brass-soft:#D9B36A;
  --line:rgba(24,36,32,.16); --line-strong:rgba(24,36,32,.34);
  --serif:'Fraunces',Georgia,serif; --sans:'Archivo',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-padding-top:104px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
::selection{background:var(--brass);color:var(--paper)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.container{width:min(1220px,92vw);margin-inline:auto}
section{padding:96px 0}
[id]{scroll-margin-top:104px}

/* grain */
.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}

/* type helpers */
.eyebrow{font:600 .72rem/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--brass);display:flex;align-items:center;gap:12px}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--brass);flex:none}
.h2{font:500 clamp(2.1rem,4.2vw,3.15rem)/1.06 var(--serif);letter-spacing:-.015em;margin-top:14px}
.h2 em{font-style:italic;color:var(--pine)}
.sec-head{border-top:1px solid var(--line);padding-top:26px;margin-bottom:52px}
.sec-lede{max-width:62ch;color:var(--ink2);margin-top:16px;font-size:1.05rem}
.dark{background:var(--pine-deep);--ink:#F1EBDC;--ink2:#B7B2A2;--line:rgba(241,235,220,.16);--line-strong:rgba(241,235,220,.4);--paper:#F1EBDC;--card:#1B2E24;--paper2:#1B2E24}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:600 .92rem/1 var(--sans);letter-spacing:.01em;padding:16px 24px;background:var(--pine);color:var(--paper);border:1px solid var(--pine);border-radius:3px;text-decoration:none;transition:background .3s,border-color .3s,color .3s,transform .3s}
.btn .ar{transition:transform .3s}
.btn:hover{background:var(--brass);border-color:var(--brass);transform:translateY(-2px)}
.btn:hover .ar{transform:translateX(4px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}
.btn-ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.dark .btn{background:var(--brass);border-color:var(--brass);color:var(--pine-deep)}
.dark .btn:hover{background:var(--brass-soft);border-color:var(--brass-soft)}
.dark .btn-ghost{color:var(--ink);border-color:rgba(241,235,220,.4)}
.dark .btn-ghost:hover{background:rgba(241,235,220,.1);color:var(--ink);border-color:var(--brass)}
.btn.sm{padding:11px 16px;font-size:.82rem}

.chip{font:600 .64rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--ink2);padding:6px 9px;border-radius:2px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.t-sale{border-color:var(--pine);color:var(--pine)}
.t-new{background:var(--pine);border-color:var(--pine);color:var(--paper)}
.t-reduced{background:var(--brick);border-color:var(--brick);color:#F7F1E2}
.t-rent{background:var(--brass);border-color:var(--brass);color:var(--pine-deep)}
.chip.sold{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.2,1);transition-delay:var(--d,0s)}
.js [data-reveal].in{opacity:1;transform:none}

/* ============ TICKER ============ */
.ticker{background:var(--pine-deep);color:#E9E2CF;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.25)}
.ticker-track{display:flex;width:max-content;animation:tick 46s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-set{display:flex;align-items:center;white-space:nowrap;font:500 .7rem/1 var(--mono);letter-spacing:.08em}
.ticker-set span{display:flex;align-items:center;padding:10px 0 10px 30px}
.ticker-set span::after{content:'◆';color:var(--brass-soft);margin-left:30px;font-size:.5rem}
@keyframes tick{to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
.site-head{position:sticky;top:0;z-index:90;background:var(--paper);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.site-head.scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(20,32,26,.09)}
.head-in{display:flex;align-items:center;gap:34px;height:78px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-right:auto}
.brand img{width:46px;height:46px;border-radius:4px;flex:none}
.wm{font:600 1.22rem/1.05 var(--serif);letter-spacing:-.01em;display:block}
.wm em{color:var(--brass)}
.wm-sub{display:block;font:italic 400 .72rem/1.4 var(--serif);color:var(--ink2);margin-top:3px}
.main-nav{display:flex;gap:26px}
.main-nav a{font:600 .82rem/1 var(--sans);letter-spacing:.03em;text-decoration:none;padding:6px 0;background:linear-gradient(var(--brass),var(--brass)) left bottom/0 2px no-repeat;transition:background-size .35s}
.main-nav a:hover{background-size:100% 2px}
.nav-burger{display:none;width:44px;height:44px;background:none;border:1px solid var(--line-strong);border-radius:3px;position:relative;z-index:95}
.nav-burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform .35s,opacity .3s;top:14px}
.nav-burger span:nth-child(2){top:21px}.nav-burger span:nth-child(3){top:28px}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.m-menu{position:fixed;inset:0;z-index:85;background:var(--paper);padding:118px 6vw 40px;display:flex;flex-direction:column;gap:6px;transform:translateY(-102%);transition:transform .5s cubic-bezier(.7,0,.2,1)}
.m-menu.open{transform:translateY(0)}
.m-menu a{font:500 clamp(1.8rem,7vw,2.6rem)/1.3 var(--serif);text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0}
.m-menu a b{font:600 .68rem var(--mono);letter-spacing:.2em;color:var(--brass);margin-right:14px;vertical-align:middle}
.m-menu .m-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.m-menu .m-phone{font:500 .85rem var(--mono);color:var(--ink2)}

/* ============ HERO ============ */
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center;padding:64px 0 92px}
.hero-eyebrow{margin-bottom:26px}
.h1{font:500 clamp(2.7rem,5.6vw,4.5rem)/1.02 var(--serif);letter-spacing:-.02em}
.lm{display:block;overflow:hidden;padding-bottom:.06em}
.lm-i{display:block;transform:translateY(112%);animation:rise 1s cubic-bezier(.2,.65,.2,1) forwards;animation-delay:var(--d,0s)}
.lm-i em{font-style:italic}
.lm-i .dot{color:var(--brass)}
@keyframes rise{to{transform:translateY(0)}}
.hero-sub{margin:26px 0 34px;max-width:52ch;color:var(--ink2);font-size:1.06rem}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hstats{display:flex;flex-wrap:wrap;margin-top:44px;border-top:1px solid var(--line)}
.hstat{padding:20px 26px 0 0;margin-right:26px;border-right:1px solid var(--line)}
.hstat:last-child{border-right:0;margin-right:0}
.hstat b{font:500 1.85rem/1 var(--serif);display:block}
.hstat b i{font:600 1rem var(--mono);color:var(--brass);font-style:normal}
.hstat small{font:600 .62rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
/* featured card */
.feat{position:relative;background:var(--card);border:1px solid var(--line);padding:14px 14px 20px;box-shadow:0 28px 64px rgba(20,32,26,.16)}
.feat::before{content:'';position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:50%;background:var(--brass);transform:translateX(-50%);box-shadow:0 0 0 4px rgba(176,121,44,.18)}
.feat-media{position:relative;overflow:hidden;aspect-ratio:5/5.4}
.feat-media img{width:100%;height:100%;object-fit:cover;animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.09) translate(-2%,1.8%)}}
.feat-badge{position:absolute;top:14px;left:14px}
.feat-dom{position:absolute;top:14px;right:14px;background:rgba(19,36,28,.85);color:#EDE6D3;border-color:transparent}
.feat-photo{font:500 .62rem var(--mono);letter-spacing:.1em;color:var(--ink2);padding:10px 4px 14px}
.feat-body{padding:0 6px;display:grid;gap:10px}
.feat-price-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.feat-price{font:600 1.65rem/1 var(--mono);letter-spacing:-.02em}
.feat-addr{font:500 1.15rem var(--serif)}
.feat-meta{font:500 .78rem var(--mono);color:var(--ink2);letter-spacing:.02em}
.feat-deadline{font:500 .72rem var(--mono);color:var(--brick);display:flex;align-items:center;gap:8px}
.feat-deadline::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--brick);animation:blink 2.2s infinite}
@keyframes blink{50%{opacity:.25}}
.feat-btns{display:flex;gap:10px;margin-top:4px}
.feat-btns .btn{flex:1;justify-content:center}

/* ============ BOARD ============ */
.board-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.f-btn{font:600 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:10px 15px;border:1px solid var(--line-strong);background:transparent;color:var(--ink2);border-radius:2px;transition:all .3s}
.f-btn b{color:var(--brass);margin-left:6px}
.f-btn:hover{border-color:var(--ink);color:var(--ink)}
.f-btn.active{background:var(--pine);border-color:var(--pine);color:var(--paper)}
.f-btn.active b{color:var(--brass-soft)}
.board-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;margin-top:34px}
.board-card{grid-column:span 4;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.65,.2,1),box-shadow .45s}
.board-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(20,32,26,.14)}
.board-card.b-lead{grid-column:span 7}
.board-card.featured{grid-column:span 5;grid-row:span 2}
.board-card.hide{display:none}
.board-card.pop{animation:cardIn .5s cubic-bezier(.2,.65,.2,1) both}
@keyframes cardIn{from{opacity:0;transform:translateY(14px) scale(.985)}}
.bc-media{position:relative;overflow:hidden;aspect-ratio:4/3;flex:none}
.featured .bc-media{aspect-ratio:auto;flex:1;min-height:420px}
.bc-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.6,.2,1)}
.board-card:hover .bc-media img{transform:scale(1.06)}
.bc-badge{position:absolute;top:12px;left:12px}
.bc-dom{position:absolute;top:12px;right:12px;background:rgba(19,36,28,.85);color:#EDE6D3;border-color:transparent}
.bc-body{padding:18px 18px 20px;display:grid;gap:8px;align-content:start}
.bc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.bc-price{font:600 1.18rem/1 var(--mono);letter-spacing:-.01em}
.bc-price s{color:var(--brick);font-size:.85rem;margin-right:8px;font-weight:500}
.bc-price .per{font-size:.8rem;color:var(--ink2);font-weight:500}
.bc-addr{font:500 1.02rem var(--serif)}
.bc-meta{font:500 .74rem var(--mono);color:var(--ink2);display:flex;justify-content:space-between;gap:10px}
.bc-link{color:var(--brass);white-space:nowrap}
.board-cta{grid-column:span 12;display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:26px 30px;border:1px dashed var(--line-strong);background:transparent;border-radius:4px}
.board-cta h3{font:500 1.4rem var(--serif)}
.board-cta p{color:var(--ink2);max-width:52ch;font-size:.95rem}
.board-cta .bc-actions{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}

/* ============ VALUATION ============ */
.val-grid{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:start}
.val-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{display:grid;gap:8px}
.fld.full{grid-column:1/-1}
.fld label{font:600 .66rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.fld input,.fld select{background:rgba(241,235,220,.05);border:1px solid rgba(241,235,220,.24);color:var(--ink);padding:13px 14px;border-radius:3px;font:500 .95rem var(--sans);transition:border-color .3s,background .3s;width:100%}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--brass);background:rgba(241,235,220,.09)}
.fld select option{color:var(--ink)}
.check{grid-column:1/-1;display:flex;align-items:center;gap:10px;font:500 .9rem var(--sans);color:var(--ink2)}
.check input{accent-color:var(--brass);width:17px;height:17px}
.val-run{grid-column:1/-1;justify-content:center;margin-top:4px}
.val-note{grid-column:1/-1;font:400 .8rem/1.6 var(--sans);color:var(--ink2);border-left:2px solid var(--brass);padding-left:14px}
.val-result{background:rgba(241,235,220,.045);border:1px solid rgba(241,235,220,.18);border-radius:6px;padding:32px 32px 28px}
.val-result.pulse{animation:pulse .8s ease-out}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(176,121,44,.55)}100%{box-shadow:0 0 0 26px rgba(176,121,44,0)}}
.val-nums{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:16px 0 4px}
.val-nums .lo,.val-nums .hi{font:500 .95rem var(--mono);color:var(--ink2)}
.val-nums strong{font:600 clamp(2.3rem,3.6vw,3.2rem)/1 var(--mono);letter-spacing:-.03em;color:var(--brass-soft)}
.val-bar{position:relative;height:48px;margin:30px 0 6px}
.val-track{position:absolute;left:0;right:0;top:22px;height:6px;background:rgba(241,235,220,.12);border-radius:3px}
.val-band{position:absolute;left:0;right:0;top:22px;height:6px;background:var(--brass);opacity:.4;border-radius:3px}
.val-pin{position:absolute;top:14px;width:3px;height:22px;background:var(--paper);border-radius:2px;left:54%;transition:left .6s cubic-bezier(.2,.65,.2,1)}
.val-median{position:absolute;top:0;bottom:14px;width:1px;background:rgba(241,235,220,.5);left:50%;transition:left .6s cubic-bezier(.2,.65,.2,1)}
.val-median::after{content:'AREA MEDIAN';position:absolute;top:-2px;left:8px;font:600 .56rem var(--mono);letter-spacing:.16em;color:var(--ink2);white-space:nowrap}
.val-ends{display:flex;justify-content:space-between;font:500 .68rem var(--mono);color:var(--ink2)}
.val-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid rgba(241,235,220,.16);margin-top:22px;padding-top:20px}
.val-facts b{font:500 1.05rem var(--mono);display:block}
.val-facts small{font:600 .58rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.val-conf{margin-top:20px}
.val-conf .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.val-conf .row small{font:600 .62rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.val-conf .row em{font:600 .7rem var(--mono);font-style:normal;color:var(--brass-soft)}
.val-conf-track{height:5px;background:rgba(241,235,220,.12);border-radius:3px}
.val-conf-track i{display:block;height:100%;width:0;background:var(--brass);border-radius:3px;transition:width .6s cubic-bezier(.2,.65,.2,1)}
.val-comps{margin-top:24px}
.val-comps h4{font:600 .66rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px}
.val-comps li{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-top:1px solid rgba(241,235,220,.14)}
.val-comps .cl{display:grid;gap:3px}
.val-comps .cl strong{font:500 .95rem var(--serif)}
.val-comps .cl span,.val-comps .cr span{font:500 .68rem var(--mono);color:var(--ink2)}
.val-comps .cr{text-align:right}
.val-comps .cr strong{font:600 .92rem var(--mono);color:var(--brass-soft)}
.val-disc{font:400 .72rem/1.6 var(--sans);color:var(--ink2);margin-top:20px}
.val-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.val-phone{display:inline-flex;align-items:center;font:600 .9rem var(--mono);text-decoration:none;color:var(--ink);border:1px solid var(--line-strong);padding:16px 22px;border-radius:3px;transition:all .3s}
.val-phone:hover{border-color:var(--brass);color:var(--brass-soft)}

/* ============ PATH (sticky) ============ */
.path{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start}
.path-left{position:sticky;top:118px}
.path-left p{color:var(--ink2);margin-top:16px;max-width:44ch}
.path-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.path-status{font:500 .72rem var(--mono);color:var(--brass);margin-top:22px;display:flex;align-items:center;gap:8px}
.path-status::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--brass);animation:blink 2s infinite}
.path-bar{height:4px;background:var(--line);margin-top:18px;border-radius:2px;overflow:hidden}
.path-bar i{display:block;height:100%;width:0;background:var(--brass)}
.path-steps{border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:96px 1fr;gap:26px;padding:34px 0;border-bottom:1px solid var(--line)}
.step-num{font:300 4rem/1 var(--serif);color:rgba(24,36,32,.16);transition:color .5s}
.step.on .step-num{color:rgba(176,121,44,.6)}
.step h3{font:500 1.45rem var(--serif);margin-bottom:10px}
.step p{color:var(--ink2);max-width:56ch}
.step .typ{font:500 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin-top:12px;display:block}

/* ============ WEEKEND ============ */
.weekend{background:var(--paper2)}
.oh-row{display:grid;grid-template-columns:150px 1.4fr .8fr 1fr 44px;align-items:center;gap:22px;padding:24px 6px;border-top:1px solid var(--line);transition:background .3s,padding .3s}
.oh-row:last-of-type{border-bottom:1px solid var(--line)}
.oh-row:hover{background:rgba(176,121,44,.07);padding-left:14px}
.oh-day{display:grid;gap:4px}
.oh-day b{font:600 1rem var(--mono);letter-spacing:.14em}
.oh-day span{font:500 .72rem var(--mono);color:var(--ink2)}
.oh-addr{font:500 1.15rem var(--serif)}
.oh-addr span{display:block;font:500 .72rem var(--mono);color:var(--ink2);margin-top:4px}
.oh-price{font:600 1rem var(--mono)}
.oh-note{font:400 .88rem var(--sans);color:var(--ink2)}
.oh-ar{font-size:1.2rem;color:var(--brass);transition:transform .3s}
.oh-row:hover .oh-ar{transform:translateX(6px)}
.oh-foot{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.oh-foot p{font:500 .78rem var(--mono);color:var(--ink2)}

/* ============ NEIGHBORHOODS ============ */
.nc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:14px}
.nc-post{background:var(--card);border:1px solid var(--line);padding:12px 12px 18px;position:relative;transform:rotate(var(--r,0deg)) translateY(var(--ty,0));transition:transform .55s cubic-bezier(.2,.65,.2,1),box-shadow .55s;box-shadow:0 14px 34px rgba(20,32,26,.1)}
.nc-post::before{content:'';position:absolute;top:-8px;left:50%;width:12px;height:12px;border-radius:50%;background:var(--brass);transform:translateX(-50%);box-shadow:0 0 0 4px rgba(176,121,44,.16);z-index:2}
.nc-post:hover{transform:rotate(0deg) translateY(calc(var(--ty,0px) - 10px));box-shadow:0 26px 54px rgba(20,32,26,.18);z-index:3}
.nc-photo{overflow:hidden;aspect-ratio:4/5}
.nc-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.nc-post:hover .nc-photo img{transform:scale(1.05)}
.nc-body{padding:16px 8px 0;display:grid;gap:10px}
.nc-name{font:500 1.35rem var(--serif)}
.nc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.nc-stats b{font:600 .92rem var(--mono);display:block}
.nc-stats small{font:600 .56rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.nc-note{font:400 .86rem/1.55 var(--sans);color:var(--ink2)}
.nc-note em{font-style:italic;color:var(--pine)}
.nc-link{font:600 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);text-decoration:none}
.nc-link:hover{text-decoration:underline}
.guide-bar{margin-top:56px;border:1px solid var(--line-strong);border-radius:4px;background:var(--card);padding:30px 34px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.guide-bar h3{font:500 1.5rem var(--serif)}
.guide-bar p{color:var(--ink2);font-size:.92rem;max-width:44ch}
.guide-form{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
.guide-form input{border:1px solid var(--line-strong);background:transparent;padding:14px 16px;border-radius:3px;font:500 .9rem var(--sans);color:var(--ink);min-width:240px}
.guide-form input:focus{outline:none;border-color:var(--brass)}
.form-ok{font:600 .82rem var(--mono);color:var(--brass)}

/* ============ FIELD NOTES ============ */
.notes-grid{display:grid;grid-template-columns:8fr 4fr;gap:56px;align-items:start}
.note-card{display:grid;grid-template-columns:250px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}
.note-card:last-child{border-bottom:1px solid var(--line)}
.note-photo{overflow:hidden;aspect-ratio:3/2;border-radius:3px}
.note-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s}
.note-card:hover .note-photo img{transform:scale(1.06)}
.note-cat{font:600 .6rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.note-card h3{font:500 1.35rem/1.25 var(--serif);margin:8px 0 10px}
.note-card p{color:var(--ink2);font-size:.92rem;max-width:52ch}
.note-meta{font:500 .7rem var(--mono);color:var(--ink2);margin-top:12px;display:flex;gap:16px;flex-wrap:wrap}
.note-meta b{color:var(--ink);font-weight:600}
.side{display:grid;gap:26px;position:sticky;top:118px}
.side-box{border:1px solid var(--line);background:var(--card);border-radius:4px;padding:22px}
.side-box h4{font:600 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.side-box h4 i{font-style:normal;color:var(--brass)}
.red-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.86rem}
.red-row:first-of-type{border-top:0}
.red-row .a{font:500 .9rem var(--serif)}
.red-row .b{font:500 .68rem var(--mono);color:var(--ink2);margin-top:3px}
.red-row .c{text-align:right}
.red-row s{color:var(--brick);font:500 .78rem var(--mono);display:block}
.red-row .np{font:600 .88rem var(--mono);color:var(--brick)}
.spot-photo{overflow:hidden;border-radius:3px;aspect-ratio:16/10;margin-bottom:14px}
.spot-photo img{width:100%;height:100%;object-fit:cover}
.spot-box h5{font:500 1.15rem var(--serif);margin-bottom:6px}
.spot-box p{font-size:.85rem;color:var(--ink2)}
.spot-box a{font:600 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);text-decoration:none;display:inline-block;margin-top:10px}
.agent-card{display:grid;gap:12px;text-align:left}
.agent-card .ag-top{display:flex;gap:14px;align-items:center}
.agent-card img{width:62px;height:62px;border-radius:50%;border:2px solid var(--brass-soft)}
.agent-card h5{font:500 1.15rem var(--serif)}
.agent-card .ag-role{font:600 .62rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.agent-card p{font-size:.82rem;color:var(--ink2)}
.agent-card .ag-tel{font:500 .82rem var(--mono)}

/* ============ STORIES ============ */
.stories{background:var(--paper2)}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.story{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:30px 28px 26px;transform:rotate(var(--r,0deg));transition:transform .5s cubic-bezier(.2,.65,.2,1),box-shadow .5s;position:relative}
.story:hover{transform:rotate(0) translateY(-8px);box-shadow:0 24px 50px rgba(20,32,26,.15)}
.story:nth-child(2){margin-top:34px}
.story-q{font:400 3rem/0.6 var(--serif);color:var(--brass);display:block;margin-bottom:18px}
.story p{font:400 1rem/1.6 var(--sans);color:var(--ink)}
.story .who{display:flex;gap:12px;align-items:center;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.story .who img{width:44px;height:44px;border-radius:50%}
.story .who b{font:600 .9rem var(--sans);display:block}
.story .who span{font:500 .7rem var(--mono);color:var(--ink2)}
.story .stars{color:var(--brass);letter-spacing:3px;font-size:.8rem;margin-top:2px}
.story .res-chip{margin-top:16px}

/* ============ MORTGAGE ============ */
.mort-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.rate-card{border:1px solid var(--line);background:var(--card);border-radius:4px;padding:24px;margin-top:28px}
.rate-card h4{font:600 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.rate-row{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-top:1px solid var(--line)}
.rate-row .n{font:500 .95rem var(--sans);flex:1}
.rate-row .n small{display:block;font:500 .66rem var(--mono);color:var(--ink2)}
.rate-row .r{font:600 1.3rem var(--mono)}
.rate-row .d{font:600 .68rem var(--mono);width:74px;text-align:right}
.d.up{color:var(--brick)} .d.down{color:var(--pine)}
.rate-note{font:400 .72rem/1.5 var(--sans);color:var(--ink2);border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-q{width:100%;background:none;border:0;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;padding:20px 4px;font:500 1.12rem var(--serif);color:var(--ink);transition:color .3s}
.faq-q:hover{color:var(--brass)}
.faq-ic{position:relative;width:14px;height:14px;flex:none}
.faq-ic::before,.faq-ic::after{content:'';position:absolute;background:var(--brass);transition:transform .4s}
.faq-ic::before{left:0;right:0;top:6px;height:2px}
.faq-ic::after{top:0;bottom:0;left:6px;width:2px}
.faq-item.open .faq-ic::after{transform:rotate(90deg) scaleY(0)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 4px 22px;color:var(--ink2);max-width:60ch}

/* ============ ABOUT ============ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-photo{position:relative}
.about-photo::after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--brass);border-radius:4px;z-index:-1}
.about-photo img{border-radius:4px;width:100%}
.about-stats{display:flex;gap:0;margin-top:30px;border-top:1px solid var(--line)}
.about-stats div{padding:18px 26px 0 0;margin-right:26px;border-right:1px solid var(--line)}
.about-stats div:last-child{border:0;margin:0}
.about-stats b{font:500 1.6rem var(--serif);display:block}
.about-stats small{font:600 .6rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.agents-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px;border-top:1px solid var(--line);padding-top:36px}
.agent{display:grid;gap:10px}
.agent img{width:76px;height:76px;border-radius:50%;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--line-strong),0 10px 22px rgba(20,32,26,.14)}
.agent b{font:500 1.05rem var(--serif)}
.agent span{font:600 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.agent p{font-size:.8rem;color:var(--ink2)}

/* ============ CTA BAND ============ */
.cta-band{background:var(--pine);color:var(--paper);position:relative;overflow:hidden}
.cta-band .keymark{position:absolute;right:-70px;top:50%;transform:translateY(-50%);width:460px;opacity:.07;color:var(--paper);pointer-events:none}
.cta-in{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;position:relative}
.cta-in h2{font:italic 500 clamp(2.4rem,5vw,3.8rem)/1.05 var(--serif);letter-spacing:-.02em}
.cta-in h2 span{color:var(--brass-soft)}
.cta-in p{color:rgba(245,240,227,.75);margin-top:18px;max-width:52ch}
.cta-btns{display:grid;gap:12px;justify-items:start}
.cta-btns .btn{justify-content:space-between;min-width:280px}
.cta-btns .val-phone{color:var(--paper);border-color:rgba(245,240,227,.35)}

/* ============ FOOTER ============ */
footer{background:#0F1A14;color:#C9C4B2;padding:76px 0 0}
.foot-grid{display:grid;grid-template-columns:4fr 2fr 2fr 3fr;gap:44px;padding-bottom:52px}
.foot-brand{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.foot-brand img{width:44px;height:44px;border-radius:4px}
.foot-brand .wm{color:#F1EBDC}
.foot-blurb{font-size:.9rem;max-width:34ch;line-height:1.7}
.eho{display:flex;align-items:center;gap:10px;margin-top:20px;font:600 .62rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8D9284}
.foot-h{font:600 .66rem var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#8D9284;margin-bottom:18px}
.foot-col a{display:block;text-decoration:none;font-size:.92rem;padding:6px 0;color:#C9C4B2;transition:color .25s,transform .25s}
.foot-col a:hover{color:var(--brass-soft);transform:translateX(4px)}
.foot-contact p{font-size:.9rem;line-height:1.8}
.foot-contact .mono{font:500 .84rem var(--mono);color:#EDE6D3}
.nl{display:flex;gap:0;margin-top:16px}
.nl input{flex:1;min-width:0;background:rgba(241,235,220,.06);border:1px solid rgba(241,235,220,.2);border-right:0;color:#F1EBDC;padding:13px 14px;border-radius:3px 0 0 3px;font:500 .88rem var(--sans)}
.nl input:focus{outline:none;border-color:var(--brass)}
.nl button{background:var(--brass);border:1px solid var(--brass);color:#13241C;font:600 .8rem var(--mono);letter-spacing:.06em;padding:0 18px;border-radius:0 3px 3px 0}
.nl button:hover{background:var(--brass-soft)}
.foot-social{display:flex;gap:10px;margin-top:26px}
.foot-social a{width:38px;height:38px;border:1px solid rgba(241,235,220,.2);border-radius:50%;display:grid;place-items:center;transition:all .3s;color:#C9C4B2}
.foot-social a:hover{background:var(--brass);border-color:var(--brass);color:#13241C;transform:translateY(-3px)}
.foot-social svg{width:16px;height:16px;fill:currentColor}
.foot-bottom{border-top:1px solid rgba(241,235,220,.12);padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 .7rem var(--mono);color:#8D9284}
.foot-bottom a{color:#8D9284;text-decoration:none;margin-left:20px}
.foot-bottom a:hover{color:var(--brass-soft)}

/* ============ RESPONSIVE ============ */
@media (max-width:1080px){
  .path{grid-template-columns:1fr;gap:40px}
  .path-left{position:static}
  .val-grid,.mort-grid,.about-grid,.notes-grid{grid-template-columns:1fr;gap:44px}
  .side{position:static}
  .nc-grid{grid-template-columns:repeat(2,1fr)}
  .hero{grid-template-columns:1fr;gap:44px;padding-top:48px}
  .agents-strip{grid-template-columns:repeat(2,1fr)}
  .cta-in{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .main-nav,.head-cta{display:none}
  .nav-burger{display:block}
  .board-card,.board-card.b-lead,.board-card.featured{grid-column:span 6;grid-row:auto}
  .featured .bc-media{min-height:300px}
  .oh-row{grid-template-columns:110px 1fr;grid-template-rows:auto auto;row-gap:8px}
  .oh-price{grid-column:2}.oh-note{grid-column:1/-1}.oh-ar{display:none}
  .stories-grid{grid-template-columns:1fr}
  .story:nth-child(2){margin-top:0}
}
@media (max-width:620px){
  section{padding:64px 0}
  .board-card,.board-card.featured{grid-column:span 12}
  .nc-grid,.stories-grid,.val-form{grid-template-columns:1fr}
  .note-card{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .step{grid-template-columns:1fr;gap:8px}
  .val-facts{grid-template-columns:1fr 1fr}
  .board-cta .bc-actions{margin-left:0}
  .guide-form{margin-left:0}
  .guide-form input{min-width:100%}
}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .lm-i{transform:none}
  .ticker-track{animation:none!important}
  .ticker{overflow-x:auto}
  .ticker-set+.ticker-set{display:none}
  .js [data-reveal]{opacity:1;transform:none}
  .board-card.pop{animation:none}
}
</style>
</head>
<body>
<div class="grain" aria-hidden="true"></div>

<!-- ══════════ MARKET WIRE ══════════ -->
<div class="ticker" aria-label="Live market wire">
  <div class="ticker-track">
    <div class="ticker-set">
      <span>SOLD — 214 WREN LANE, CEDAR HOLLOW · $648,000 · 9 DOM</span>
      <span>PRICE REDUCED — 88 MERIDIAN AVE · $512,000 → $489,000</span>
      <span>NEW LISTING — 501 ALDER &amp; 9TH · $712,000 · OFFERS TILL FRI</span>
      <span>OPEN HOUSE — SAT 10:00–2:00 · 12 FOXGLOVE COURT</span>
      <span>MARKET PULSE — MEDIAN DAYS ON MARKET: 19 · LIST-TO-SALE: 98%</span>
      <span>RENTED — LOFT 4C, THE FOUNDRY · $2,150/MO · 6 DOM</span>
      <span>SOLD OVER ASK — 31 QUINCE ST, MAPLE ROW · +$11,000</span>
    </div>
    <div class="ticker-set" aria-hidden="true">
      <span>SOLD — 214 WREN LANE, CEDAR HOLLOW · $648,000 · 9 DOM</span>
      <span>PRICE REDUCED — 88 MERIDIAN AVE · $512,000 → $489,000</span>
      <span>NEW LISTING — 501 ALDER &amp; 9TH · $712,000 · OFFERS TILL FRI</span>
      <span>OPEN HOUSE — SAT 10:00–2:00 · 12 FOXGLOVE COURT</span>
      <span>MARKET PULSE — MEDIAN DAYS ON MARKET: 19 · LIST-TO-SALE: 98%</span>
      <span>RENTED — LOFT 4C, THE FOUNDRY · $2,150/MO · 6 DOM</span>
      <span>SOLD OVER ASK — 31 QUINCE ST, MAPLE ROW · +$11,000</span>
    </div>
  </div>
</div>

<!-- ══════════ HEADER ══════════ -->
<header class="site-head" id="siteHead">
  <div class="container head-in">
    <a class="brand" href="#top" aria-label="Alder and Key Realty home">
      <img src="https://placehold.co/96x96/1D3A2C/F5F0E3?text=AK&font=playfair%20display" alt="Alder &amp; Key Realty logo" width="46" height="46">
      <span>
        <span class="wm">Alder <em>&amp;</em> Key</span>
        <span class="wm-sub">Every good home has a key.</span>
      </span>
    </a>
    <nav class="main-nav" aria-label="Primary">
      <a href="#board">Buy</a>
      <a href="#valuation">Sell</a>
      <a href="#board">Rentals</a>
      <a href="#mortgages">Mortgages</a>
      <a href="#neighborhoods">Neighborhoods</a>
      <a href="#notes">Journal</a>
      <a href="#about">About</a>
    </nav>
    <a class="btn sm head-cta" href="#valuation">Get Valuation <span class="ar">→</span></a>
    <button class="nav-burger" id="burger" aria-expanded="false" aria-controls="mMenu" aria-label="Toggle menu">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<nav class="m-menu" id="mMenu" aria-label="Mobile">
  <a href="#board"><b>01</b>Buy</a>
  <a href="#valuation"><b>02</b>Sell</a>
  <a href="#board"><b>03</b>Rentals</a>
  <a href="#mortgages"><b>04</b>Mortgages</a>
  <a href="#neighborhoods"><b>05</b>Neighborhoods</a>
  <a href="#notes"><b>06</b>Journal</a>
  <a href="#about"><b>07</b>About</a>
  <div class="m-cta">
    <a class="btn" href="#valuation">Get Valuation <span class="ar">→</span></a>
    <span class="m-phone">(360) 555-0184 · Mon–Sat 9–6</span>
  </div>
</nav>

<main id="top">

<!-- ══════════ OPENING BOARD ══════════ -->
<section class="hero container" style="padding-top:64px">
  <div class="hero-copy">
    <p class="eyebrow hero-eyebrow scr" data-text="Larkspur Valley · Field Office · Est. 2009">Larkspur Valley · Field Office · Est. 2009</p>
    <h1 class="h1">
      <span class="lm"><span class="lm-i" style="--d:.15s">Homes you’ll keep<span class="dot">.</span></span></span>
      <span class="lm"><span class="lm-i" style="--d:.32s"><em>Streets you’ll love</em><span class="dot">.</span></span></span>
    </h1>
    <p class="hero-sub">Alder &amp; Key has matched <strong>1,247 families</strong> to Larkspur Valley homes since 2009. We price from data, not hope — and we walk you through earnest money, inspection and escrow like a guide, not a salesperson. If the number doesn’t hold, we say so before you sign anything.</p>
    <div class="hero-cta">
      <a class="btn" href="#board">Browse the board <span class="ar">→</span></a>
      <a class="btn btn-ghost" href="#valuation">Get a free valuation</a>
    </div>
    <div class="hstats">
      <div class="hstat"><b><span class="num" data-count="1247" data-suffix="">0</span></b><small>Homes matched</small></div>
      <div class="hstat"><b><span class="num" data-count="19">0</span></b><small>Median days on market</small></div>
      <div class="hstat"><b><span class="num" data-count="98">0</span><i>%</i></b><small>Sold at or near list</small></div>
      <div class="hstat"><b><span class="num" data-count="4.9" data-dec="1">0</span></b><small>Buyer rating · 312 reviews</small></div>
    </div>
  </div>

  <aside class="feat" data-reveal style="--d:.25s" aria-label="Featured listing this week">
    <div class="feat-media">
      <img src="https://picsum.photos/seed/old-town-brownstone/840/940" alt="501 Alder and 9th, a brownstone in Old Town" loading="eager">
      <span class="chip t-new feat-badge">Featured this week</span>
      <span class="chip feat-dom">12 DOM</span>
    </div>
    <p class="feat-photo">PHOTO #A-2214 · SHOT 04:45 THIS MORNING · 1/220 · F/4</p>
    <div class="feat-body">
      <div class="feat-price-row"><span class="feat-price">$712,000</span><span class="chip t-sale">For sale</span></div>
      <p class="feat-addr">501 Alder &amp; 9th — Old Town</p>
      <p class="feat-meta">4 bd · 2.5 ba · 2,310 sqft · $308/sqft</p>
      <p class="feat-deadline">Offer deadline — Friday 5:00 pm</p>
      <div class="feat-btns">
        <a class="btn sm" href="#board">View listing <span class="ar">→</span></a>
        <a class="btn btn-ghost sm" href="#weekend">Schedule a tour</a>
      </div>
    </div>
  </aside>
</section>

<!-- ══════════ 01 · THE BOARD ══════════ -->
<section id="board">
  <div class="container">
    <header class="sec-head" data-reveal>
      <p class="eyebrow scr" data-text="01 · Current listings">01 · Current listings</p>
      <h2 class="h2">The Board</h2>
      <p class="sec-lede">Every property we list is priced from at least six comparable sales and twelve months of days-on-market data. What you see below is what we see at the Monday morning board meeting — no expired listings, no “coming soon” teasers, no phantom inventory.</p>
    </header>

    <div class="board-top" data-reveal>
      <p style="font:500 .78rem var(--mono);color:var(--ink2)">LAST SYNC — TODAY 07:12 AM · 8 ACTIVE PROPERTIES</p>
      <div class="filters" role="group" aria-label="Filter listings">
        <button class="f-btn active" data-filter="all" aria-pressed="true">All <b>8</b></button>
        <button class="f-btn" data-filter="sale" aria-pressed="false">For Sale <b>5</b></button>
        <button class="f-btn" data-filter="new" aria-pressed="false">New This Week <b>3</b></button>
        <button class="f-btn" data-filter="reduced" aria-pressed="false">Price Reduced <b>2</b></button>
        <button class="f-btn" data-filter="rent" aria-pressed="false">Rent <b>3</b></button>
      </div>
    </div>

    <div class="board-grid" id="boardGrid">

      <article class="board-card featured" data-tags="sale" data-reveal>
        <a class="bc-media" href="#board" aria-label="12 Foxglove Court listing">
          <img src="https://picsum.photos/seed/terrace-hillside-home/900/1100" alt="Hillside home at 12 Foxglove Court">
          <span class="chip t-sale bc-badge">For sale</span>
          <span class="chip bc-dom">18 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price">$1,185,000</span><span class="chip t-new">Open Sat</span></div>
          <p class="bc-addr">12 Foxglove Court · Copper Ridge</p>
          <p class="bc-meta">5 bd · 4 ba · 3,440 sqft <span class="bc-link">Details →</span></p>
          <p style="font:400 .85rem var(--sans);color:var(--ink2)">Terrace-level view, cedar entry, heated garage. First open house in 14 days — expect a crowd.</p>
        </div>
      </article>

      <article class="board-card b-lead" data-tags="sale new" data-reveal style="--d:.06s">
        <a class="bc-media" href="#board" aria-label="37 Larch Way listing">
          <img src="https://picsum.photos/seed/craftsman-bungalow-larch/900/680" alt="1926 craftsman bungalow at 37 Larch Way">
          <span class="chip t-new bc-badge">New this week</span>
          <span class="chip bc-dom">9 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price">$562,000</span></div>
          <p class="bc-addr">37 Larch Way · Cedar Hollow</p>
          <p class="bc-meta">3 bd · 2 ba · 1,780 sqft <span class="bc-link">Details →</span></p>
        </div>
      </article>

      <article class="board-card" data-tags="sale reduced" data-reveal>
        <a class="bc-media" href="#board" aria-label="88 Meridian Avenue listing">
          <img src="https://picsum.photos/seed/brick-rowhouse-meridian/800/600" alt="Brick rowhouse at 88 Meridian Avenue">
          <span class="chip t-reduced bc-badge">Price reduced</span>
          <span class="chip bc-dom">34 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price"><s>$512,000</s>$489,000</span></div>
          <p class="bc-addr">88 Meridian Avenue · Old Town</p>
          <p class="bc-meta">3 bd · 2 ba · 1,615 sqft <span class="bc-link">Details →</span></p>
        </div>
      </article>

      <article class="board-card" data-tags="sale new" data-reveal style="--d:.06s">
        <a class="bc-media" href="#board" aria-label="902 Copper Ridge listing">
          <img src="https://picsum.photos/seed/mountain-modern-copper-ridge/800/600" alt="Modern mountain home at 902 Copper Ridge">
          <span class="chip t-new bc-badge">New this week</span>
          <span class="chip bc-dom">4 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price">$834,000</span></div>
          <p class="bc-addr">902 Copper Ridge · Copper Ridge</p>
          <p class="bc-meta">4 bd · 3 ba · 2,890 sqft <span class="bc-link">Details →</span></p>
        </div>
      </article>

      <article class="board-card" data-tags="sale reduced" data-reveal style="--d:.12s">
        <a class="bc-media" href="#board" aria-label="18 Maple Row listing">
          <img src="https://picsum.photos/seed/maple-row-victorian/800/600" alt="Victorian at 18 Maple Row under the canopy">
          <span class="chip t-reduced bc-badge">Price reduced</span>
          <span class="chip bc-dom">27 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price"><s>$715,000</s>$689,000</span></div>
          <p class="bc-addr">18 Maple Row · Maple Row</p>
          <p class="bc-meta">3 bd · 2.5 ba · 2,040 sqft <span class="bc-link">Details →</span></p>
        </div>
      </article>

      <article class="board-card" data-tags="rent" data-reveal>
        <a class="bc-media" href="#board" aria-label="Loft 4C at The Foundry rental">
          <img src="https://picsum.photos/seed/industrial-loft-foundry/800/600" alt="Industrial loft 4C at The Foundry">
          <span class="chip t-rent bc-badge">For rent</span>
          <span class="chip bc-dom">12 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price">$2,150<span class="per">/mo</span></span></div>
          <p class="bc-addr">Loft 4C, The Foundry · The Flats</p>
          <p class="bc-meta">2 bd · 2 ba · 1,120 sqft <span class="bc-link">Details →</span></p>
        </div>
      </article>

      <article class="board-card" data-tags="rent new" data-reveal style="--d:.06s">
        <a class="bc-media" href="#board" aria-label="The Annex at 9 Alder Street rental">
          <img src="https://picsum.photos/seed/annex-courtyard-apartment/800/600" alt="The Annex courtyard apartment, 9 Alder Street">
          <span class="chip t-new bc-badge">New this week</span>
          <span class="chip bc-dom">2 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price">$1,290<span class="per">/mo</span></span></div>
          <p class="bc-addr">The Annex, 9 Alder St · Old Town</p>
          <p class="bc-meta">1 bd · 1 ba · 860 sqft <span class="bc-link">Details →</span></p>
        </div>
      </article>

      <article class="board-card" data-tags="rent" data-reveal style="--d:.12s">
        <a class="bc-media" href="#board" aria-label="The Green at 40 Dock Street rental">
          <img src="https://picsum.photos/seed/dock-street-garden-flat/800/600" alt="Garden flat at The Green, 40 Dock Street">
          <span class="chip t-rent bc-badge">For rent</span>
          <span class="chip bc-dom">5 DOM</span>
        </a>
        <div class="bc-body">
          <div class="bc-top"><span class="bc-price">$1,020<span class="per">/mo</span></span></div>
          <p class="bc-addr">The Green, 40 Dock St · The Flats</p>
          <p class="bc-meta">2 bd · 1 ba · 940 sqft <span class="bc-link">Details →</span></p>
        </div>
      </article>

      <aside class="board-cta" id="boardCta" data-reveal>
        <div>
          <h3>Don’t see your street?</h3>
          <p>The buyers’ desk quietly holds 40+ off-market properties — pre-listing access for qualified, pre-approved clients only. Most never reach the board at all.</p>
        </div>
        <div class="bc-actions">
          <a class="btn" href="#mortgages">Contact the desk <span class="ar">→</span></a>
          <a class="btn btn-ghost" href="tel:+13605550184">Call (360) 555-0184</a>
        </div>
      </aside>

    </div>
  </div>
</section>

<!-- ══════════ 02 · VALUATION (INTERACTIVE) ══════════ -->
<section id="valuation" class="dark">
  <div class="container">
    <header class="sec-head" data-reveal>
      <p class="eyebrow scr" data-text="02 · Sellers’ desk">02 · Sellers’ desk</p>
      <h2 class="h2" style="color:var(--ink)">What is your home worth <em>this week</em>?</h2>
      <p class="sec-lede">Run the numbers yourself in about thirty seconds. The estimator below uses the same per-square-foot baselines, condition multipliers and days-on-market decay curve our agents run before a single sign goes in the yard. It’s directional — a full Comparative Market Analysis is what we hand you free, in writing, when you’re ready.</p>
    </header>

    <div class="val-grid">
      <form class="val-form" id="valForm" data-reveal aria-label="Home value estimator">
        <div class="fld full">
          <label for="vAddr">Street address</label>
          <input type="text" id="vAddr" placeholder="e.g. 41 Wren Lane" autocomplete="off">
        </div>
        <div class="fld">
          <label for="vArea">Neighborhood</label>
          <select id="vArea">
            <option value="oldtown">Old Town — $312/sqft</option>
            <option value="maplerow">Maple Row — $345/sqft</option>
            <option value="cedarhollow">Cedar Hollow — $288/sqft</option>
            <option value="copperridge">Copper Ridge — $368/sqft</option>
            <option value="flats">The Flats — $262/sqft</option>
          </select>
        </div>
        <div class="fld">
          <label for="vSqft">Square footage</label>
          <input type="number" id="vSqft" value="1950" min="300" max="8000" step="10">
        </div>
        <div class="fld">
          <label for="vBed">Bedrooms</label>
          <select id="vBed">
            <option>1</option><option>2</option><option selected>3</option><option>4</option><option>5</option><option value="6">6+</option>
          </select>
        </div>
        <div class="fld">
          <label for="vYear">Year built</label>
          <input type="number" id="vYear" value="1996" min="1900" max="2025">
        </div>
        <div class="fld full">
          <label for="vCond">Condition</label>
          <select id="vCond">
            <option value="ready" selected>Move-in ready</option>
            <option value="kept">Well kept, some age</option>
            <option value="work">Needs work</option>
            <option value="fixer">Fixer-upper</option>
          </select>
        </div>
        <label class="check" for="vReno"><input type="checkbox" id="vReno"> Renovated within the last 5 years</label>
        <button type="button" class="btn val-run" id="valRun">Re-run estimate <span class="ar">→</span></button>
        <p class="val-note">Why we give this away: transparency is why our listings average 19 days on market. If the number surprises you in either direction, that’s a conversation — not a sales call.</p>
      </form>

      <aside class="val-result" id="valResult" data-reveal style="--d:.12s" aria-live="polite">
        <span class="chip" style="border-color:rgba(241,235,220,.3);color:var(--ink2)">Likely sale range — updated live</span>
        <div class="val-nums">
          <span class="lo" id="vLow">$0</span>
          <strong id="vLikely">$0</strong>
          <span class="hi" id="vHigh">$0</span>
        </div>
        <div class="val-bar" aria-hidden="true">
          <span class="val-track"></span>
          <span class="val-band"></span>
          <span class="val-median" id="vMedian"></span>
          <span class="val-pin" id="vPin"></span>
        </div>
        <div class="val-ends"><span id="vLowLbl">LOW</span><span id="vHighLbl">HIGH</span></div>
        <div class="val-facts">
          <div><b id="vPerSq">$0</b><small>Per sqft</small></div>
          <div><b id="vMed">$0</b><small>Area median</small></div>
          <div><b id="vPct">—</b><small>Of area median</small></div>
          <div><b>1.8%</b><small>DOM decay / wk after 21</small></div>
        </div>
        <div class="val-conf">
          <div class="row"><small>Model confidence</small><em id="vConfLbl">—</em></div>
          <div class="val-conf-track"><i id="vConf"></i></div>
        </div>
        <div class="val-comps">
          <h4>Comparable sales nearby</h4>
          <ul id="vCompList"></ul>
        </div>
        <div class="val-cta">
          <a class="btn" href="tel:+13605550184">Contact an agent for a written CMA <span class="ar">→</span></a>
          <a class="val-phone" href="tel:+13605550184">(360) 555-0184</a>
        </div>
        <p class="val-disc">Estimates are for guidance only and are not an appraisal or a commitment to lend. Final pricing reflects a full CMA, condition walkthrough and current board activity. Alder &amp; Key Realty Co. — WA Broker License #Alder-KY 60411.</p>
      </aside>
    </div>
  </div>
</section>

<!-- ══════════ 03 · BUYER’S PATH (STICKY) ══════════ -->
<section id="path">
  <div class="container path">
    <div class="path-left" data-reveal>
      <p class="eyebrow scr" data-text="03 · Buyer’s path">03 · Buyer’s path</p>
      <h2 class="h2">From pre-approval to the mailbox, in <em>five moves</em>.</h2>
      <p>Buying a first home is less a mystery and more a paperwork problem — and most of the paperwork is identical every single time. Our path takes you from pre-approval to the front door in five moves, with a named agent at each one. You’ll know what earnest money means before you write an offer, and why 20% down is a guideline, not a law.</p>
      <div class="path-ctas">
        <a class="btn" href="#mortgages">Start a pre-approval <span class="ar">→</span></a>
        <a class="btn btn-ghost" href="#notes">Download the first-timer’s checklist</a>
      </div>
      <p class="path-status">23 buyers currently on the path</p>
      <div class="path-bar" aria-hidden="true"><i id="pathFill"></i></div>
    </div>

    <div class="path-steps">
      <div class="step" data-reveal>
        <span class="step-num">01</span>
        <div>
          <h3>Start with the number, not the neighborhood.</h3>
          <p>A pre-approval is a signed commitment from a lender — not a soft quote — and it’s what separates your offer from the rest. We’ll walk you through 8%, 10% and 20% down scenarios, the PMI that attaches when you’re under, and a 60–90 day rate lock so a rate spike doesn’t reset your budget mid-tour.</p>
          <span class="typ">Typical: 3–5 days</span>
        </div>
      </div>
      <div class="step" data-reveal>
        <span class="step-num">02</span>
        <div>
          <h3>Tour only what deserves the drive.</h3>
          <p>Before you spend a Saturday in traffic, we pre-filter the active board by days on market, list-to-sale ratio and price-per-square-foot, then flag the two or three homes that actually earn your time. Bring the comp sheet to the showing, not just your heart — kitchens are cheaper than mistakes.</p>
          <span class="typ">Typical: 1–3 weekends</span>
        </div>
      </div>
      <div class="step" data-reveal>
        <span class="step-num">03</span>
        <div>
          <h3>Make an offer that lands.</h3>
          <p>You choose the number with us; we build the rest. Earnest money — typically 1–3% of the listing price — goes into escrow with a neutral title company within 48 hours, wrapped in inspection and financing contingencies, and in hot pockets, an escalation clause with a hard ceiling. Clean paperwork wins more offers than a dollar over ask.</p>
          <span class="typ">Typical: 48 hours to counter</span>
        </div>
      </div>
      <div class="step" data-reveal>
        <span class="step-num">04</span>
        <div>
          <h3>Inspect, appraise, push back.</h3>
          <p>The inspection report is where honest houses reveal their invoices — and where the negotiation really begins. If the appraisal comes in under list, that gap has been closed more than 200 times at this office, via seller credits, price adjustments or a split, rather than a walk. If a contingency is triggered validly, your earnest money comes back to you in full.</p>
          <span class="typ">Typical: 10–14 days</span>
        </div>
      </div>
      <div class="step" data-reveal>
        <span class="step-num">05</span>
        <div>
          <h3>Close, walk through, turn the key.</h3>
          <p>Between acceptance and closing you’ll review the closing disclosure (budget 2–5% of price for closing costs), the title work and a final walk-through with your agent. The deed is recorded, the utilities are transferred, the keys change hands — our average from signed offer to mailbox is 21 days.</p>
          <span class="typ">Average: 21 days to close</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════ 04 · OPEN HOUSES ══════════ -->
<section id="weekend" class="weekend">
  <div class="container">
    <header class="sec-head" data-reveal>
      <p class="eyebrow scr" data-text="04 · This weekend">04 · This weekend</p>
      <h2 class="h2">Keys out of the lock.</h2>
      <p class="sec-lede">Four doors open between now and Sunday night. No reservations needed for public hours; for private showings outside the windows below, the field desk answers on the second ring.</p>
    </header>
    <div data-reveal>
      <a class="oh-row" href="#board" style="text-decoration:none">
        <span class="oh-day"><b>SAT</b><span>10:00 – 2:00</span></span>
        <span class="oh-addr">12 Foxglove Court <span>Copper Ridge · 5 bd · terrace view</span></span>
        <span class="oh-price">$1,185,000</span>
        <span class="oh-note">First open in 14 days — arrive early for the front-of-line kitchen tour.</span>
        <span class="oh-ar">→</span>
      </a>
      <a class="oh-row" href="#board" style="text-decoration:none">
        <span class="oh-day"><b>SAT</b><span>12:00 – 4:00</span></span>
        <span class="oh-addr">37 Larch Way <span>Cedar Hollow · 1926 craftsman</span></span>
        <span class="oh-price">$562,000</span>
        <span class="oh-note">Original 1926 oak, kitchen re-done in ’24. Agent on site all afternoon.</span>
        <span class="oh-ar">→</span>
      </a>
      <a class="oh-row" href="#board" style="text-decoration:none">
        <span class="oh-day"><b>SUN</b><span>11:00 – 1:00</span></span>
        <span class="oh-addr">88 Meridian Avenue <span>Old Town · after price adjustment</span></span>
        <span class="oh-price">$489,000</span>
        <span class="oh-note">Post-reduction weekend — the market is deciding now. Two offers already.</span>
        <span class="oh-ar">→</span>
      </a>
      <a class="oh-row" href="#board" style="text-decoration:none">
        <span class="oh-day"><b>SUN</b><span>1:00 – 3:00</span></span>
        <span class="oh-addr">The Annex, 9 Alder Street <span>Old Town · rental</span></span>
        <span class="oh-price">$1,290/mo</span>
        <span class="oh-note">Walk-in pantry, shared courtyard. Inside tours by appointment only.</span>
        <span class="oh-ar">→</span>
      </a>
    </div>
    <div class="oh-foot" data-reveal>
      <p>4 PUBLIC EVENTS THIS WEEKEND · 41 MORE ON THE FULL CALENDAR</p>
      <a class="btn btn-ghost sm" href="tel:+13605550184">Reserve a private showing</a>
    </div>
  </div>
</section>

<!-- ══════════ 05 · NEIGHBORHOODS ══════════ -->
<section id="neighborhoods">
  <div class="container">
    <header class="sec-head" data-reveal>
      <p class="eyebrow scr" data-text="05 · Neighborhood guide">05 · Neighborhood guide</p>
      <h2 class="h2">Four pockets of the valley, rated by the people who <em>live</em> in them.</h2>
      <p class="sec-lede">Our field guide isn’t a brochure — it’s compiled from sixteen years of closings, school feeder maps and what residents tell us at the open-house coffee table. Walking scores, median days on market, and what the street actually sounds like at 9 p.m., for all 58 pockets in Larkspur Valley.</p>
    </header>

    <div class="nc-grid">
      <article class="nc-post" style="--r:-2.2deg" data-reveal>
        <div class="nc-photo"><img src="https://picsum.photos/seed/old-town-gas-lamps/520/650" alt="Gas-lamp corners of Old Town at dusk"></div>
        <div class="nc-body">
          <h3 class="nc-name">Old Town</h3>
          <div class="nc-stats">
            <div><b>$595K</b><small>Median sale</small></div>
            <div><b>12</b><small>Days on mkt</small></div>
          </div>
          <p class="nc-note">Gas lamps, corner bakeries, brick over brick. <em>9 p.m.: live acoustic at the Cannery.</em> Best for young families and walkable evenings.</p>
          <a class="nc-link" href="#notes">Read the guide →</a>
        </div>
      </article>
      <article class="nc-post" style="--r:1.6deg;--ty:34px" data-reveal data-delay>
        <div class="nc-photo"><img src="https://picsum.photos/seed/cedar-hollow-creek/520/650" alt="Creek-side lots in Cedar Hollow"></div>
        <div class="nc-body">
          <h3 class="nc-name">Cedar Hollow</h3>
          <div class="nc-stats">
            <div><b>$482K</b><small>Median sale</small></div>
            <div><b>16</b><small>Days on mkt</small></div>
          </div>
          <p class="nc-note">Creekside lots, bigger porches, the friendliest lawn signs in the valley. <em>9 p.m.: cricket static.</em> Best for first homes.</p>
          <a class="nc-link" href="#notes">Read the guide →</a>
        </div>
      </article>
      <article class="nc-post" style="--r:-1.2deg;--ty:10px" data-reveal>
        <div class="nc-photo"><img src="https://picsum.photos/seed/maple-row-canopy/520/650" alt="Maple canopy over Maple Row streets"></div>
        <div class="nc-body">
          <h3 class="nc-name">Maple Row</h3>
          <div class="nc-stats">
            <div><b>$648K</b><small>Median sale</small></div>
            <div><b>14</b><small>Days on mkt</small></div>
          </div>
          <p class="nc-note">Tree-canopy streets and the farmers market that recently took over the block. <em>9 p.m.: dog walkers.</em> Best for commuters who bike.</p>
          <a class="nc-link" href="#notes">Read the guide →</a>
        </div>
      </article>
      <article class="nc-post" style="--r:2.4deg;--ty:44px" data-reveal>
        <div class="nc-photo"><img src="https://picsum.photos/seed/copper-ridge-view/520/650" alt="Elevated view from Copper Ridge"></div>
        <div class="nc-body">
          <h3 class="nc-name">Copper Ridge</h3>
          <div class="nc-stats">
            <div><b>$812K</b><small>Median sale</small></div>
            <div><b>22</b><small>Days on mkt</small></div>
          </div>
          <p class="nc-note">Elevation, views and a longer drive — the second homes that quietly go permanent. <em>9 p.m.: stars, then quiet.</em></p>
          <a class="nc-link" href="#notes">Read the guide →</a>
        </div>
      </article>
    </div>

    <div class="guide-bar" data-reveal>
      <div>
        <h3>The full 40-page valley guide</h3>
        <p>Every pocket, median, feeder school, walking score and 9-p.m. sound. Printed annually, mailed free, refreshed with each quarter’s close data.</p>
      </div>
      <form class="guide-form" id="guideForm" novalidate>
        <input type="email" required placeholder="you@somewhere.com" aria-label="Email for the valley guide">
        <button class="btn" type="submit">Send the guide <span class="ar">→</span></button>
      </form>
    </div>
  </div>
</section>

<!-- ══════════ 06 · FIELD NOTES + SIDEBAR ══════════ -->
<section id="notes" style="padding-top:40px">
  <div class="container notes-grid">
    <div>
      <header class="sec-head" data-reveal style="margin-bottom:10px">
        <p class="eyebrow scr" data-text="06 · Field notes">06 · Field notes</p>
        <h2 class="h2">Notes from the desk.</h2>
        <p class="sec-lede">Plain-language writing from the agents and the market desk — no jargon, no urgency manufactured for the last paragraph.</p>
      </header>

      <article class="note-card" data-reveal>
        <div class="note-photo"><img src="https://picsum.photos/seed/earnest-money-keys/640/430" alt="Keys and a signed offer on a desk"></div>
        <div>
          <span class="note-cat">Buyers · 8 min read</span>
          <h3>First-time buyer: earnest money, explained without the fear</h3>
          <p>Earnest money sounds scarier than it is. Here’s exactly when it goes into escrow, when it comes back to you, and the two clauses that keep it yours no matter what the inspector finds.</p>
          <div class="note-meta"><span>BY <b>DANA WHITFIELD</b></span><span>JUN 2, 2025</span><span>412 READS</span></div>
        </div>
      </article>

      <article class="note-card" data-reveal>
        <div class="note-photo"><img src="https://picsum.photos/seed/price-reduction-chart/640/430" alt="Chart showing price reduction history"></div>
        <div>
          <span class="note-cat">Market · 6 min read</span>
          <h3>How to read a price reduction — and what the second one really means</h3>
          <p>The first cut usually says “repositioning.” The second one usually says something about the inspection results. What buyers should — and shouldn’t — do differently at each stage.</p>
          <div class="note-meta"><span>BY <b>THE MARKET DESK</b></span><span>MAY 26, 2025</span><span>1,208 READS</span></div>
        </div>
      </article>

      <article class="note-card" data-reveal>
        <div class="note-photo"><img src="https://picsum.photos/seed/closing-checklist-table/640/430" alt="Closing documents spread across a table"></div>
        <div>
          <span class="note-cat">Guide · 10 min read</span>
          <h3>The closing checklist: 17 things, in the order they actually happen</h3>
          <p>From the closing disclosure to the utility transfer to the final walk-through — seventeen items in the exact sequence our title partners use, with the deadlines that are easy to miss.</p>
          <div class="note-meta"><span>BY <b>MARCUS LEE</b></span><span>MAY 14, 2025</span><span>876 READS</span></div>
        </div>
      </article>
    </div>

    <aside class="side" aria-label="Sidebar">
      <div class="side-box" data-reveal>
        <h4>Price reductions <i>LAST 7 DAYS</i></h4>
        <div class="red-row">
          <div><span class="a">88 Meridian Ave</span><span class="b">Old Town · 34 DOM</span></div>
          <div class="c"><s>$512,000</s><span class="np">$489,000</span></div>
        </div>
        <div class="red-row">
          <div><span class="a">18 Maple Row</span><span class="b">Maple Row · 27 DOM</span></div>
          <div class="c"><s>$715,000</s><span class="np">$689,000</span></div>
        </div>
        <div class="red-row">
          <div><span class="a">63 Kestrel Blvd</span><span class="b">The Flats · 41 DOM</span></div>
          <div class="c"><s>$402,000</s><span class="np">$389,000</span></div>
        </div>
      </div>

      <div class="side-box spot-box" data-reveal style="--d:.08s">
        <h4>Neighborhood spotlight</h4>
        <div class="spot-photo"><img src="https://picsum.photos/seed/maple-row-market/640/400" alt="Saturday farmers market on Maple Row"></div>
        <h5>Maple Row</h5>
        <p>The farmers market moved onto the block proper, and Saturday foot traffic says the whole street has noticed. Medians up 3.1% year over year.</p>
        <a href="#neighborhoods">Read the spotlight →</a>
      </div>

      <div class="side-box agent-card" data-reveal style="--d:.14s">
        <h4>Your agent</h4>
        <div class="ag-top">
          <img src="https://i.pravatar.cc/128?u=dana-whitfield" alt="Portrait of Dana Whitfield">
          <div>
            <h5>Dana Whitfield</h5>
            <span class="ag-role">Senior Buyer’s Agent</span>
          </div>
        </div>
        <p>127 homes matched · 4.98 avg. rating · 11 years on the valley board. First-timers are her specialty; escalation clauses are her personality.</p>
        <span class="ag-tel">(360) 555-0184 · ext. 2</span>
        <a class="btn sm" href="tel:+13605550184">Contact agent <span class="ar">→</span></a>
      </div>
    </aside>
  </div>
</section>

<!-- ══════════ 07 · STORIES ══════════ -->
<section id="stories" class="stories">
  <div class="container">
    <header class="sec-head" data-reveal>
      <p class="eyebrow scr" data-text="07 · Word of mouth">07 · Word of mouth</p>
      <h2 class="h2">Kept promises, in their <em>words</em>.</h2>
      <p class="sec-lede">312 verified reviews since 2019. We publish the ones that criticize us too — ask at the office and we’ll hand you the unvarnished binder.</p>
    </header>
    <div class="stories-grid">
      <article class="story" style="--r:-0.7deg" data-reveal>
        <span class="story-q">“</span>
        <p>Alder &amp; Key priced our bungalow $14K under the next agent’s guess — and it sold in nine days, over asking, with two escalation offers on the table by Friday lunch.</p>
        <span class="stars" aria-label="5 out of 5 stars">★★★★★</span>
        <div class="who">
          <img src="https://i.pravatar.cc/96?u=priya-sam-o" alt="Priya and Sam O.">
          <div><b>Priya &amp; Sam O.</b><span>Cedar Hollow · Sellers 2024</span></div>
        </div>
        <span class="chip res-chip t-new">9 DOM · $14K over ask</span>
      </article>
      <article class="story" style="--r:0.5deg" data-reveal style2>
        <span class="story-q">“</span>
        <p>We thought we needed 20% down and we were wrong. Dana built us a path with 8% and PMI, kept the payment under the old rent, and still got our offer accepted against three competing bids.</p>
        <span class="stars" aria-label="5 out of 5 stars">★★★★★</span>
        <div class="who">
          <img src="https://i.pravatar.cc/96?u=marcus-t-bu" alt="Marcus T.">
          <div><b>Marcus T.</b><span>Old Town · First-time buyer</span></div>
        </div>
        <span class="chip res-chip t-sale">Offer accepted · 3 competing bids</span>
      </article>
      <article class="story" style="--r:-0.4deg" data-reveal>
        <span class="story-q">“</span>
        <p>They talked us out of a house. That was the moment I knew this was the right office. The one we ended up buying has been perfect for six years, and the keys still work on the first turn.</p>
        <span class="stars" aria-label="5 out of 5 stars">★★★★★</span>
        <div class="who">
          <img src="https://i.pravatar.cc/96?u=elena-r-m" alt="Elena R.">
          <div><b>Elena R.</b><span>Maple Row · Buyers since 2019</span></div>
        </div>
        <span class="chip res-chip t-rent">Still here · 6 years on</span>
      </article>
    </div>
  </div>
</section>

<!-- ══════════ 08 · MORTGAGE DESK ══════════ -->
<section id="mortgages">
  <div class="container mort-grid">
    <div data-reveal>
      <p class="eyebrow scr" data-text="08 · Mortgage desk">08 · Mortgage desk</p>
      <h2 class="h2">Rates move daily. Your strategy shouldn’t.</h2>
      <p class="sec-lede" style="margin-bottom:6px">We don’t write mortgages — we make sure yours never becomes the slow part of the deal. Our two partner lenders, Northgate Lending and Co-op Federal, hold rate locks for 60 to 90 days, price points the same week you’re touring, and keep a dedicated desk that answers on the second ring.</p>
      <p class="sec-lede">Bring a pre-approval letter to your first showing. In this market, an offer without one is an offer that can be ignored — and in the first 72 hours, that’s usually how it’s treated.</p>
      <div class="rate-card">
        <h4>Today’s snapshot <i style="color:var(--brass)">— updated Mon 6:00 am</i></h4>
        <div class="rate-row"><span class="n">30-year fixed<small>APR 6.18 · 60-day lock</small></span><span class="r">6.12%</span><span class="d up">▲ 0.08 wk</span></div>
        <div class="rate-row"><span class="n">15-year fixed<small>APR 5.41 · 60-day lock</small></span><span class="r">5.34%</span><span class="d up">▲ 0.04 wk</span></div>
        <div class="rate-row"><span class="n">FHA 20-year<small>APR 5.99 · 3.5% down</small></span><span class="r">5.91%</span><span class="d down">▼ 0.12 wk</span></div>
        <p class="rate-note">Illustrative desk rates for qualified buyers; final pricing at application. Call before you quote these at an open house.</p>
      </div>
    </div>

    <div data-reveal style="--d:.1s" aria-label="Common questions">
      <p class="eyebrow scr" data-text="Common questions">Common questions</p>
      <div style="margin-top:26px">
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">How much earnest money will I actually need?<span class="faq-ic"></span></button>
          <div class="faq-a"><div><p>Typically 1–3% of the listing price, wired to a neutral title company within 24–48 hours of a signed offer. It’s at risk only if you walk for a reason your contingencies don’t cover — if a valid inspection, financing or appraisal contingency triggers, it’s refunded in full. Keep the receipt; it becomes line item one at closing.</p></div></div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">Do I really need 20% down?<span class="faq-ic"></span></button>
          <div class="faq-a"><div><p>No. Conventional loans start at 5% down and FHA at 3.5%. Below 20%, private mortgage insurance (PMI) rides the payment — roughly $80–$140 a month on a $500K loan — and it drops off once you hit 20% equity. Our working rule: buy at the payment you can hold, not at the down payment you can scrape.</p></div></div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">The appraisal came in under list price. Now what?<span class="faq-ic"></span></button>
          <div class="faq-a"><div><p>You can renegotiate the price, ask for a seller credit, cover the gap yourself, or — if you kept the appraisal contingency — walk away with your earnest money intact. In the last twelve months, 71% of low appraisals at this office were closed with a split between buyer and seller rather than a broken deal.</p></div></div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">How fast do I need to offer after a listing appears?<span class="faq-ic"></span></button>
          <div class="faq-a"><div><p>The first 72 hours decide most of the market. On our board, 62% of homes receive their first offer within three days and 41% by the end of the first open house. That’s why we pre-approve before we tour, and why your offer letter should be drafted before you fall in love with a kitchen.</p></div></div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">Can I still negotiate after a bad inspection?<span class="faq-ic"></span></button>
          <div class="faq-a"><div><p>Almost always. The report is the start of the negotiation, not the end of the deal — credits for repairs, price reductions, or the seller completing items before close are all routine. We only advise walking when the findings change the structure of the decision: foundation, roof life, water intrusion, septic.</p></div></div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">Is now a good time to sell?<span class="faq-ic"></span></button>
          <div class="faq-a"><div><p>The valley’s seasonal curve is gentle, not dramatic: spring brings the traffic, but fall sellers routinely see quieter open houses and faster decisions from the buyers who do show. If your days-on-market number stays under 21, you’re priced right. If it drifts past 35, the move is a sharper price cut — not more patience.</p></div></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════ 09 · ABOUT ══════════ -->
<section id="about" style="padding-top:0">
  <div class="container">
    <div class="about-grid">
      <div class="about-photo" data-reveal>
        <img src="https://picsum.photos/seed/alders-street-office/900/720" alt="The Alder & Key field office on Alder Street" loading="lazy">
      </div>
      <div data-reveal style="--d:.1s">
        <p class="eyebrow scr" data-text="09 · The firm">09 · The firm</p>
        <h2 class="h2">No pressure. No fiction. <em>One shared desk</em>, since 2009.</h2>
        <p style="color:var(--ink2);margin-top:18px;max-width:54ch">Alder &amp; Key started with two agents, one shared desk on Alder Street, and a rule we still keep: no pressure, no fiction, and no “off-market opportunity” phone calls at 7 p.m. We photograph and stage in-house, price from data, and would rather talk a family out of a bad house than close a bad deal.</p>
        <p style="color:var(--ink2);margin-top:14px;max-width:54ch">The brokerage is agent-owned — 22 of 26 staff hold equity — which is why the coffee is always good and the commission split is posted on the office wall. Every home we place funds <strong style="color:var(--pine)">Keys Forward</strong>: one night of bridge housing for a family moving into the valley, paid in full, every time, since 2013.</p>
        <div class="about-stats">
          <div><b>2009</b><small>Established</small></div>
          <div><b>22</b><small>Agent-owners</small></div>
          <div><b>1,247</b><small>Closings</small></div>
          <div><b>311</b><small>Nights funded</small></div>
        </div>
      </div>
    </div>

    <div class="agents-strip">
      <div class="agent" data-reveal>
        <img src="https://i.pravatar.cc/150?u=dana-whitfield" alt="Dana Whitfield" loading="lazy">
        <b>Dana Whitfield</b><span>Senior Buyer’s Agent</span>
        <p>First-timers, escalation strategy, 127 homes matched.</p>
      </div>
      <div class="agent" data-reveal style="--d:.06s">
        <img src="https://i.pravatar.cc/150?u=marcus-lee" alt="Marcus Lee" loading="lazy">
        <b>Marcus Lee</b><span>Resale &amp; Pricing Lead</span>
        <p>Builds the CMA book; our 19-day average is his scoreboard.</p>
      </div>
      <div class="agent" data-reveal style="--d:.12s">
        <img src="https://i.pravatar.cc/150?u=priya-shah" alt="Priya Shah" loading="lazy">
        <b>Priya Shah</b><span>New Construction</span>
        <p>Builder negotiations and the punch-list walkthroughs nobody else schedules.</p>
      </div>
      <div class="agent" data-reveal style="--d:.18s">
        <img src="https://i.pravatar.cc/150?u=jo-bell" alt="Jo Bell" loading="lazy">
        <b>Jo Bell</b><span>Rentals Director</span>
        <p>Runs the lease desk, the courtyard keys and the 48-hour turnover promise.</p>
      </div>
    </div>
  </div>
</section>

<!-- ══════════ CTA BAND ══════════ -->
<section class="cta-band">
  <svg class="keymark" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2a7 7 0 0 0-7 7c0 2.6 1.4 4.9 3.6 6.1L8 22h2l.6-3h2.8l.6 3h2l-.6-3.9A7 7 0 0 0 12 2zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
  <div class="container cta-in">
    <div data-reveal>
      <h2>Ready to turn <span>the key</span>?</h2>
      <p>Selling? Get a written CMA in 48 hours — free, no strings, no sign-in-the-yard conversation until you say so. Buying? Start the path today. Either way, the first conversation ends with a plan, not a pitch.</p>
    </div>
    <div class="cta-btns" data-reveal style="--d:.12s">
      <a class="btn" href="#valuation">Get Valuation <span class="ar">→</span></a>
      <a class="btn btn-ghost" href="#board">List Property <span class="ar">→</span></a>
      <a class="val-phone" href="tel:+13605550184">Call the field desk — (360) 555-0184</a>
    </div>
  </div>
</section>

</main>

<!-- ══════════ FOOTER ══════════ -->
<footer>
  <div class="container">
    <div class="foot-grid">
      <div>
        <div class="foot-brand">
          <img src="https://placehold.co/96x96/1D3A2C/F5F0E3?text=AK&font=playfair%20display" alt="Alder &amp; Key Realty logo">
          <span class="wm">Alder <em>&amp;</em> Key</span>
        </div>
        <p class="foot-blurb">A family-run, agent-owned brokerage on Alder Street, pricing Larkspur Valley homes from data and turning keys since 2009.</p>
        <div class="eho">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.5 2.5 10h2.3v10.5h5.4v-6.2h3.6v6.2h5.4V10h2.3L12 2.5z"/><path d="M9.6 12.8h4.8M9.6 15.2h4.8" stroke="#0F1A14" stroke-width="1.3"/></svg>
          Equal Housing Opportunity
        </div>
        <p style="font:500 .68rem var(--mono);color:#8D9284;margin-top:10px">WA BROKER LICENSE #ALDER-KY 60411</p>
      </div>
      <div class="foot-col">
        <p class="foot-h">Explore</p>
        <a href="#board">Buy a home</a>
        <a href="#valuation">Sell &amp; valuation</a>
        <a href="#board">Rentals</a>
        <a href="#weekend">Open houses</a>
        <a href="#mortgages">Mortgages</a>
        <a href="#neighborhoods">Neighborhoods</a>
      </div>
      <div class="foot-col">
        <p class="foot-h">Resources</p>
        <a href="#notes">First-timer’s guide</a>
        <a href="#notes">Market report (PDF)</a>
        <a href="#notes">Closing checklist</a>
        <a href="#valuation">Request a CMA</a>
        <a href="#about">Meet the agents</a>
        <a href="#stories">Client stories</a>
      </div>
      <div class="foot-contact">
        <p class="foot-h">Field office</p>
        <p>214 Alder Street<br>Fairview, WA 98540<br><span class="mono">(360) 555-0184</span><br><span class="mono">hello@alderandkey.com</span></p>
        <p style="margin-top:12px;font-size:.82rem">Mon–Sat 9:00–6:00 · Sun 11:00–4:00</p>
        <p class="foot-h" style="margin-top:24px">The Sunday List</p>
        <p style="font-size:.84rem">New listings and market notes, every week. No noise.</p>
        <form class="nl" id="nlForm" novalidate>
          <input type="email" required placeholder="you@somewhere.com" aria-label="Email for the Sunday List newsletter">
          <button type="submit">SIGN UP</button>
        </form>
        <div class="foot-social">
          <a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 3.3.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.9.1-3.2 0-3.6 0-4.8-.1-3.3-.1-4.8-1.7-4.9-4.9-.1-1.2-.1-1.6-.1-4.8s0-3.6.1-4.8c.1-3.2 1.7-4.8 4.9-4.9 1.2-.1 1.6-.1 4.8-.1zm0 3.6a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zm0 2.2a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm6.4-3.7a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8z"/></svg></a>
          <a href="#" aria-label="Facebook"><svg viewBox="0 0 24 24"><path d="M13.5 21v-7h2.4l.4-2.8h-2.8V9.4c0-.8.2-1.4 1.4-1.4h1.5V5.5c-.3 0-1.2-.1-2.3-.1-2.3 0-3.9 1.4-3.9 4v1.8H7.8V14h2.4v7h3.3z"/></svg></a>
          <a href="#" aria-label="X (Twitter)"><svg viewBox="0 0 24 24"><path d="M17.8 3h3l-6.6 7.6L22 21h-6.1l-4.8-6.3L5.6 21h-3l7.1-8.1L2 3h6.3l4.3 5.7L17.8 3zm-1.1 16.2h1.7L7.4 4.7H5.6l11.1 14.5z"/></svg></a>
          <a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3V9zm6 0h3.8v1.7h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.6 4.7 6V21h-4v-5.5c0-1.3 0-3-1.9-3s-2.2 1.4-2.2 2.9V21H9V9z"/></svg></a>
          <a href="#" aria-label="YouTube"><svg viewBox="0 0 24 24"><path d="M21.6 7.2a2.5 2.5 0 0 0-1.8-1.8C18.2 5 12 5 12 5s-6.2 0-7.8.4A2.5 2.5 0 0 0 2.4 7.2 26 26 0 0 0 2 12c0 1.6.1 3.2.4 4.8a2.5 2.5 0 0 0 1.8 1.8c1.6.4 7.8.4 7.8.4s6.2 0 7.8-.4a2.5 2.5 0 0 0 1.8-1.8c.3-1.6.4-3.2.4-4.8s-.1-3.2-.4-4.8zM10 15.2V8.8l5.5 3.2-5.5 3.2z"/></svg></a>
        </div>
      </div>
    </div>
    <div class="foot-bottom">
      <span>© <span id="yr">2025</span> ALDER &amp; KEY REALTY CO. · FAIRVIEW, WASHINGTON</span>
      <span><a href="#">Privacy Policy</a><a href="#">Terms of Service</a><a href="#">Fair Lending Notice</a></span>
    </div>
  </div>
</footer>

<script>
(function(){
  'use strict';
  var $=function(s,c){return (c||document).querySelector(s)};
  var $$=function(s,c){return Array.prototype.slice.call((c||document).querySelectorAll(s))};
  var RM=window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  /* year */
  $('#yr').textContent=new Date().getFullYear();

  /* header scroll state */
  var head=$('#siteHead');
  var onScroll=function(){ head.classList.toggle('scrolled', window.scrollY>10); };
  window.addEventListener('scroll', onScroll, {passive:true}); onScroll();

  /* mobile menu */
  var burger=$('#burger'), mMenu=$('#mMenu');
  function setMenu(open){
    burger.classList.toggle('open',open);
    mMenu.classList.toggle('open',open);
    burger.setAttribute('aria-expanded',open);
    document.body.style.overflow=open?'hidden':'';
  }
  burger.addEventListener('click',function(){ setMenu(!mMenu.classList.contains('open')); });
  $$('#mMenu a').forEach(function(a){ a.addEventListener('click',function(){ setMenu(false); }); });
  document.addEventListener('keydown',function(e){ if(e.key==='Escape') setMenu(false); });

  /* reveal on scroll */
  var revealEls=$$('[data-reveal]');
  revealEls.forEach(function(el){ if(el.dataset.delay) el.style.setProperty('--d','0.1s'); });
  if('IntersectionObserver' in window && !RM){
    var ro=new IntersectionObserver(function(entries){
      entries.forEach(function(en){ if(en.isIntersecting){ en.target.classList.add('in'); ro.unobserve(en.target); } });
    },{threshold:.14, rootMargin:'0px 0px -6% 0px'});
    revealEls.forEach(function(el){ ro.observe(el); });
  } else { revealEls.forEach(function(el){ el.classList.add('in'); }); }

  /* count-up */
  function fmt(n){ return Math.round(n).toLocaleString('en-US'); }
  function countUp(el){
    var to=parseFloat(el.dataset.count), dec=+(el.dataset.dec||0), suf=el.dataset.suffix||'';
    if(RM){ el.textContent=(dec?to.toFixed(dec):fmt(to))+suf; return; }
    var dur=1500, t0=performance.now();
    (function step(t){
      var p=Math.min(1,(t-t0)/dur), e=1-Math.pow(1-p,3), v=to*e;
      el.textContent=(dec?v.toFixed(dec):fmt(v))+suf;
      if(p<1) requestAnimationFrame(step);
    })(t0);
  }
  var nums=$$('.num[data-count]');
  if('IntersectionObserver' in window){
    var no=new IntersectionObserver(function(entries){
      entries.forEach(function(en){ if(en.isIntersecting){ countUp(en.target); no.unobserve(en.target); } });
    },{threshold:.6});
    nums.forEach(function(el){ no.observe(el); });
  } else nums.forEach(countUp);

  /* scramble decode */
  var CH='A1K3Y$#&0X7M%L';
  function scramble(el){
    var t=el.dataset.text||el.textContent;
    if(RM){ el.textContent=t; return; }
    var frame=0, total=Math.max(16, Math.round(t.length*1.05));
    (function tick(){
      frame++;
      var p=frame/total, out='';
      for(var i=0;i<t.length;i++){
        var c=t[i];
        out += (i < p*t.length || c===' ' || c==='·') ? c : CH[(Math.random()*CH.length)|0];
      }
      el.textContent=out;
      if(p<1) requestAnimationFrame(tick); else el.textContent=t;
    })();
  }
  var scrs=$$('.scr');
  if('IntersectionObserver' in window){
    var so=new IntersectionObserver(function(entries){
      entries.forEach(function(en){ if(en.isIntersecting){ scramble(en.target); so.unobserve(en.target); } });
    },{threshold:.7});
    scrs.forEach(function(el){ so.observe(el); });
  } else scrs.forEach(scramble);

  /* board filters */
  var fBtns=$$('.f-btn'), cards=$$('#boardGrid .board-card, #boardCta');
  fBtns.forEach(function(b){
    b.addEventListener('click',function(){
      fBtns.forEach(function(x){ x.classList.toggle('active',x===b); x.setAttribute('aria-pressed',x===b); });
      var f=b.dataset.filter;
      cards.forEach(function(c){
        var off=c.id==='boardCta';
        var tags=c.dataset.tags||'';
        var show = (f==='all') ? !off : (!off && tags.split(' ').indexOf(f)>-1);
        c.classList.toggle('hide',!show);
        if(show && !RM){ c.classList.remove('pop'); void c.offsetWidth; c.classList.add('pop'); }
      });
    });
  });

  /* ═══ HOME VALUE ESTIMATOR ═══ */
  var AREAS={
    oldtown:{name:'Old Town',rate:312,med:595000,spot:[{n:45,s:'Wren Ln'},{n:120,s:'Alder St'},{n:77,s:'Cannery Row'}]},
    maplerow:{name:'Maple Row',rate:345,med:648000,spot:[{n:31,s:'Quince St'},{n:18,s:'Maple Row'},{n:102,s:'Larch Way'}]},
    cedarhollow:{name:'Cedar Hollow',rate:288,med:482000,spot:[{n:214,s:'Wren Ln'},{n:64,s:'Foxglove Ct'},{n:9,s:'Sage St'}]},
    copperridge:{name:'Copper Ridge',rate:368,med:812000,spot:[{n:902,s:'Copper Ridge'},{n:57,s:'Summit Dr'},{n:12,s:'Sparrow Pt'}]},
    flats:{name:'The Flats',rate:262,med:431000,spot:[{n:40,s:'Dock St'},{n:8,s:'Foundry Ave'},{n:233,s:'Kestrel Blvd'}]}
  };
  var COND={ready:1.0, kept:.94, work:.82, fixer:.70};
  var MO=['Apr 2025','May 2025','Jun 2025'];
  var vAddr=$('#vAddr'), vArea=$('#vArea'), vSqft=$('#vSqft'), vBed=$('#vBed'),
      vYear=$('#vYear'), vCond=$('#vCond'), vReno=$('#vReno'),
      vLow=$('#vLow'), vLikely=$('#vLikely'), vHigh=$('#vHigh'),
      vMedian=$('#vMedian'), vPin=$('#vPin'), vLowLbl=$('#vLowLbl'), vHighLbl=$('#vHighLbl'),
      vPerSq=$('#vPerSq'), vMed=$('#vMed'), vPct=$('#vPct'),
      vConf=$('#vConf'), vConfLbl=$('#vConfLbl'), vCompList=$('#vCompList'),
      valResult=$('#valResult');

  function tween(el,to){
    var from=parseFloat(el.dataset.v||to);
    el.dataset.v=to;
    if(RM || !isFinite(from)){ el.textContent='$'+fmt(to); return; }
    if(el._r) cancelAnimationFrame(el._r);
    var t0=performance.now(), dur=650;
    (function step(t){
      var p=Math.min(1,(t-t0)/dur), e=1-Math.pow(1-p,3);
      el.textContent='$'+fmt(from+(to-from)*e);
      if(p<1) el._r=requestAnimationFrame(step);
    })(t0);
  }
  function clamp(v,a,b){ return Math.max(a,Math.min(b,v)); }

  var calc=function(){
    var area=AREAS[vArea.value];
    var sqft=clamp(parseInt(vSqft.value,10)||0,300,8000);
    var bed=parseInt(vBed.value,10)||3;
    var year=parseInt(vYear.value,10)||1990;
    var cond=COND[vCond.value]||1, reno=vReno.checked?1.06:1;
    var age=2025-year, ageF;
    if(age<10) ageF=1.04; else if(age<30) ageF=1.0; else if(age<60) ageF=.97; else if(age<90) ageF=.94; else ageF=.91;
    var bedF = bed<=1 ? .97 : (bed>=5 ? 1.04 : 1);
    var value=sqft*area.rate*ageF*cond*reno*bedF;
    var low=value*.94, high=value*1.05;

    tween(vLow,low); tween(vLikely,value); tween(vHigh,high);
    vLowLbl.textContent='$'+fmt(low); vHighLbl.textContent='$'+fmt(high);
    vMedian.style.left=clamp((area.med-low)/(high-low)*100,3,96)+'%';
    vPin.style.left=clamp((value-low)/(high-low)*100,2,98)+'%';
    vPerSq.textContent='$'+Math.round(value/sqft);
    vMed.textContent='$'+fmt(area.med);
    vPct.textContent=Math.round(value/area.med*100)+'%';

    /* comps */
    var f=[.965,1.0,1.035], r=[.9,1.02,1.08], doms=[9,14,7], html='';
    for(var i=0;i<3;i++){
      var sf=Math.round(sqft*r[i]/10)*10;
      var price=Math.round(value*f[i]/500)*500;
      var sp=area.spot[i];
      var dom=doms[i]+((Math.round(sf)/7)%5);
      html+='<li><div class="cl"><strong>'+sp.n+' '+sp.s+'</strong><span>'+sf.toLocaleString('en-US')+' sqft · sold '+MO[i]+'</span></div>'+
            '<div class="cr"><strong>$'+price.toLocaleString('en-US')+'</strong><span>'+dom+' DOM</span></div></li>';
    }
    vCompList.innerHTML=html;

    /* confidence */
    var sc=35;
    if(vAddr.value.trim().length>3) sc+=25;
    if(sqft>=500&&sqft<=5000) sc+=20;
    if(year>=1900&&year<=2025) sc+=15;
    sc+=5; sc=Math.min(100,sc);
    vConf.style.width=sc+'%';
    vConfLbl.textContent = sc>=90 ? 'High' : (sc>=70 ? 'Moderate' : 'Low — add the address for a tighter band');
  };

  var deb;
  [vAddr,vArea,vSqft,vBed,vYear,vCond,vReno].forEach(function(inp){
    inp.addEventListener('input',function(){ clearTimeout(deb); deb=setTimeout(calc,280); });
  });
  $('#valRun').addEventListener('click',function(){
    calc();
    if(!RM){ valResult.classList.remove('pulse'); void valResult.offsetWidth; valResult.classList.add('pulse'); }
  });
  calc();

  /* buyer path: progress + active step */
  var pathEl=$('.path-steps'), fill=$('#pathFill');
  if(pathEl && fill){
    var ticking=false;
    function upd(){
      var rect=pathEl.getBoundingClientRect(), vh=window.innerHeight;
      var total=pathEl.offsetHeight - vh*.5;
      var done=clamp(vh*.55 - rect.top, 0, Math.max(total,1));
      fill.style.width=(done/Math.max(total,1)*100)+'%';
      ticking=false;
    }
    window.addEventListener('scroll',function(){ if(!ticking){ ticking=true; requestAnimationFrame(upd); } },{passive:true});
    upd();
  }
  var steps=$$('.step');
  if('IntersectionObserver' in window){
    var po=new IntersectionObserver(function(entries){
      entries.forEach(function(en){ en.target.classList.toggle('on', en.isIntersecting); });
    },{rootMargin:'-38% 0px -38% 0px', threshold:0});
    steps.forEach(function(s){ po.observe(s); });
  }

  /* FAQ accordion */
  $$('.faq-q').forEach(function(b){
    b.addEventListener('click',function(){
      var item=b.closest('.faq-item'), open=item.classList.toggle('open');
      b.setAttribute('aria-expanded',open);
    });
  });

  /* forms */
  function wireForm(id,msg){
    var f=$(id); if(!f) return;
    f.addEventListener('submit',function(e){
      e.preventDefault();
      var inp=f.querySelector('input');
      if(inp && !inp.value.trim()){ inp.focus(); inp.style.borderColor='var(--brick)'; return; }
      f.innerHTML='<p class="form-ok" role="status">✓ '+msg+'</p>';
    });
  }
  wireForm('#guideForm','Sent — the 40-page valley guide is in your inbox now.');
  wireForm('#nlForm','You’re on the list — the Sunday List lands at 7:00 am Sunday.');
})();
</script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:49:36.414Z",
  "url": "https://benchmark.aimac.invalid/7a847ac118125ae2c4ebd409bc7b77155e77e33c317ba3812e3e07fb0faad1b1.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<div class=\"ticker\" aria-label=\"Live market wire\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"ticker\" aria-label=\"Live market wire\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "deprecatedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "minor",
              "message": "ARIA role is not deprecated"
            }
          ],
          "impact": null,
          "html": "<div class=\"filters\" role=\"group\" aria-label=\"Filter listings\">",
          "target": [
            ".filters"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"grain\" aria-hidden=\"true\"></div>",
          "target": [
            ".grain"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Alder and Key Realty home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "All required ARIA attributes are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"filters\" role=\"group\" aria-label=\"Filter listings\">",
          "target": [
            ".filters"
          ]
        }
      ]
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "invalidrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is valid"
            },
            {
              "id": "abstractrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Abstract roles are not used"
            },
            {
              "id": "unsupportedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is supported"
            }
          ],
          "impact": null,
          "html": "<div class=\"filters\" role=\"group\" aria-label=\"Filter listings\">",
          "target": [
            ".filters"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"ticker\" aria-label=\"Live market wire\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"ticker\" aria-label=\"Live market wire\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "autocomplete-valid",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "the autocomplete attribute is correctly formatted"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" id=\"vAddr\" placeholder=\"e.g. 41 Wren Lane\" autocomplete=\"off\">",
          "target": [
            "#vAddr"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<section class=\"hero container\" style=\"padding-top:64px\">",
          "target": [
            ".hero"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"f-btn active\" data-filter=\"all\" aria-pressed=\"true\">All <b>8</b></button>",
          "target": [
            ".active"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1 class=\"h1\">\n      <span class=\"lm\"><span class=\"lm-i\" style=\"--d:.15s\">Homes you\u2019ll keep<span class=\"dot\">.</span></span></span>\n      <span class=\"lm\"><span class=\"lm-i\" style=\"--d:.32s\"><em>Streets you\u2019ll love</em><span class=\"dot\">.</span></span></span>\n    </h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">The Board</h2>",
                  "target": [
                    "#board > .container > .sec-head > .h2"
                  ]
                },
                {
                  "html": "<h3>Don\u2019t see your street?</h3>",
                  "target": [
                    "#boardCta > div:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\" style=\"color:var(--ink)\">What is your home worth <em>this week</em>?</h2>",
                  "target": [
                    "#valuation > .container > .sec-head > .h2"
                  ]
                },
                {
                  "html": "<h4>Comparable sales nearby</h4>",
                  "target": [
                    ".val-comps > h4"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">From pre-approval to the mailbox, in <em>five moves</em>.</h2>",
                  "target": [
                    ".path-left > .h2"
                  ]
                },
                {
                  "html": "<h3>Start with the number, not the neighborhood.</h3>",
                  "target": [
                    ".step[data-reveal=\"\"]:nth-child(1) > div > h3"
                  ]
                },
                {
                  "html": "<h3>Tour only what deserves the drive.</h3>",
                  "target": [
                    ".step[data-reveal=\"\"]:nth-child(2) > div > h3"
                  ]
                },
                {
                  "html": "<h3>Make an offer that lands.</h3>",
                  "target": [
                    ".step[data-reveal=\"\"]:nth-child(3) > div > h3"
                  ]
                },
                {
                  "html": "<h3>Inspect, appraise, push back.</h3>",
                  "target": [
                    ".step[data-reveal=\"\"]:nth-child(4) > div > h3"
                  ]
                },
                {
                  "html": "<h3>Close, walk through, turn the key.</h3>",
                  "target": [
                    ".step[data-reveal=\"\"]:nth-child(5) > div > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">Keys out of the lock.</h2>",
                  "target": [
                    "#weekend > .container > .sec-head > .h2"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">Four pockets of the valley, rated by the people who <em>live</em> in them.</h2>",
                  "target": [
                    "#neighborhoods > .container > .sec-head > .h2"
                  ]
                },
                {
                  "html": "<h3 class=\"nc-name\">Old Town</h3>",
                  "target": [
                    ".nc-post:nth-child(1) > .nc-body > .nc-name"
                  ]
                },
                {
                  "html": "<h3 class=\"nc-name\">Cedar Hollow</h3>",
                  "target": [
                    "article[data-delay=\"\"] > .nc-body > .nc-name"
                  ]
                },
                {
                  "html": "<h3 class=\"nc-name\">Maple Row</h3>",
                  "target": [
                    ".nc-post:nth-child(3) > .nc-body > .nc-name"
                  ]
                },
                {
                  "html": "<h3 class=\"nc-name\">Copper Ridge</h3>",
                  "target": [
                    ".nc-post:nth-child(4) > .nc-body > .nc-name"
                  ]
                },
                {
                  "html": "<h3>The full 40-page valley guide</h3>",
                  "target": [
                    ".guide-bar > div > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">Notes from the desk.</h2>",
                  "target": [
                    ".notes-grid > div > .sec-head > .h2"
                  ]
                },
                {
                  "html": "<h3>First-time buyer: earnest money, explained without the fear</h3>",
                  "target": [
                    ".note-card:nth-child(2) > div:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>How to read a price reduction \u2014 and what the second one really means</h3>",
                  "target": [
                    ".note-card:nth-child(3) > div:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>The closing checklist: 17 things, in the order they actually happen</h3>",
                  "target": [
                    ".note-card:nth-child(4) > div:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h4>Price reductions <i>LAST 7 DAYS</i></h4>",
                  "target": [
                    ".side-box[data-reveal=\"\"]:nth-child(1) > h4"
                  ]
                },
                {
                  "html": "<h4>Neighborhood spotlight</h4>",
                  "target": [
                    ".spot-box > h4"
                  ]
                },
                {
                  "html": "<h5>Maple Row</h5>",
                  "target": [
                    ".spot-box > h5"
                  ]
                },
                {
                  "html": "<h4>Your agent</h4>",
                  "target": [
                    ".agent-card > h4"
                  ]
                },
                {
                  "html": "<h5>Dana Whitfield</h5>",
                  "target": [
                    ".ag-top > div > h5"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">Kept promises, in their <em>words</em>.</h2>",
                  "target": [
                    "#stories > .container > .sec-head > .h2"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">Rates move daily. Your strategy shouldn\u2019t.</h2>",
                  "target": [
                    ".mort-grid > div[data-reveal=\"\"]:nth-child(1) > .h2"
                  ]
                },
                {
                  "html": "<h4>Today\u2019s snapshot <i style=\"color:var(--brass)\">\u2014 updated Mon 6:00 am</i></h4>",
                  "target": [
                    ".rate-card > h4"
                  ]
                },
                {
                  "html": "<h2 class=\"h2\">No pressure. No fiction. <em>One shared desk</em>, since 2009.</h2>",
                  "target": [
                    "div[data-reveal=\"\"]:nth-child(2) > .h2"
                  ]
                },
                {
                  "html": "<h2>Ready to turn <span>the key</span>?</h2>",
                  "target": [
                    ".cta-in > div[data-reveal=\"\"]:nth-child(1) > h2"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e9e2cf",
                "bgColor": "#13241c",
                "contrastRatio": 12.52,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 12.52"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span>SOLD \u2014 214 WREN LANE, CEDAR HOLLOW \u00b7 $648,000 \u00b7 9 DOM</span>",
          "target": [
            ".ticker-set:nth-child(1) > span:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "mMenu",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
          "target": [
            "#mMenu"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"vAddr\">Street address</label>",
                  "target": [
                    "label[for=\"vAddr\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"vAddr\" placeholder=\"e.g. 41 Wren Lane\" autocomplete=\"off\">",
          "target": [
            "#vAddr"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/96x96/1D3A2C/F5F0E3?text=AK&amp;font=playfair%20display\" alt=\"Alder &amp; Key Realty logo\" width=\"46\" height=\"46\">",
          "target": [
            "img[width=\"46\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"vAddr\">Street address</label>",
                  "target": [
                    "label[for=\"vAddr\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            },
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"vAddr\" placeholder=\"e.g. 41 Wren Lane\" autocomplete=\"off\">",
          "target": [
            "#vAddr"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute exists and is not empty"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Alder and Key Realty home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul id=\"vCompList\">",
          "target": [
            "#vCompList"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><div class=\"cl\"><strong>45 Wren Ln</strong><span>1,760 sqft \u00b7 sold Apr 2025</span></div><div class=\"cr\"><strong>$587,000</strong><span>10.428571428571416 DOM</span></div></li>",
          "target": [
            "li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/96x96/1D3A2C/F5F0E3?text=AK&amp;font=playfair%20display\" alt=\"Alder &amp; Key Realty logo\" width=\"46\" height=\"46\">",
          "target": [
            "img[width=\"46\"]"
          ]
        }
      ]
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"vArea\">Neighborhood</label>",
                  "target": [
                    "label[for=\"vArea\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<select id=\"vArea\">",
          "target": [
            "#vArea"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 198,
                "height": 46
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (198px by 46px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Alder and Key Realty home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": {
                "role": null,
                "nodeName": "div",
                "messageKey": "noRoleSingular",
                "prohibited": [
                  "aria-label"
                ]
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute is not well supported on a div with no valid role attribute."
            }
          ],
          "impact": "serious",
          "html": "<div class=\"ticker\" aria-label=\"Live market wire\">",
          "target": [
            ".ticker"
          ],
          "failureSummary": "Fix all of the following:\n  aria-label attribute is not well supported on a div with no valid role attribute."
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#board\">Buy</a>",
                  "target": [
                    ".main-nav > a[href$=\"#board\"]:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#board\">Buy</a>",
          "target": [
            ".main-nav > a[href$=\"#board\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow hero-eyebrow scr\" data-text=\"Larkspur Valley \u00b7 Field Office \u00b7 Est. 2009\">Larkspur Valley \u00b7 Field Office \u00b7 Est. 2009</p>",
          "target": [
            ".hero-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#13241c",
                "bgColor": "#b0792c",
                "contrastRatio": 4.33,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button type=\"submit\">SIGN UP</button>",
                  "target": [
                    "#nlForm > button[type=\"submit\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button type=\"submit\">SIGN UP</button>",
          "target": [
            "#nlForm > button[type=\"submit\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
                  "target": [
                    "#mMenu"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>01</b>",
          "target": [
            "a[href$=\"#board\"]:nth-child(1) > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
                  "target": [
                    "#mMenu"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>02</b>",
          "target": [
            "a[href$=\"#valuation\"] > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
                  "target": [
                    "#mMenu"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>03</b>",
          "target": [
            "a[href$=\"#board\"]:nth-child(3) > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
                  "target": [
                    "#mMenu"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>04</b>",
          "target": [
            "a[href$=\"#mortgages\"] > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
                  "target": [
                    "#mMenu"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>05</b>",
          "target": [
            "a[href$=\"#neighborhoods\"] > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
                  "target": [
                    "#mMenu"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>06</b>",
          "target": [
            "a[href$=\"#notes\"] > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav class=\"m-menu\" id=\"mMenu\" aria-label=\"Mobile\">",
                  "target": [
                    "#mMenu"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>07</b>",
          "target": [
            "a[href$=\"#about\"] > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"01 \u00b7 Current listings\">01 \u00b7 Current listings</p>",
          "target": [
            "p[data-text=\"01 \u00b7 Current listings\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card featured in\" data-tags=\"sale\" data-reveal=\"\">",
                  "target": [
                    ".featured"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".featured > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card b-lead in\" data-tags=\"sale new\" data-reveal=\"\" style=\"--d:.06s\">",
                  "target": [
                    ".b-lead"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".b-lead > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"sale reduced\" data-reveal=\"\">",
                  "target": [
                    ".in.board-card[data-tags=\"sale reduced\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".in.board-card[data-tags=\"sale reduced\"] > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"sale reduced\" data-reveal=\"\">",
                  "target": [
                    ".board-card.in[data-tags=\"sale reduced\"]:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card.in[data-tags=\"sale reduced\"]:nth-child(3) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"sale new\" data-reveal=\"\" style=\"--d:.06s\">",
                  "target": [
                    ".board-card.in[data-tags=\"sale new\"]:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card.in[data-tags=\"sale new\"]:nth-child(4) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"sale reduced\" data-reveal=\"\" style=\"--d:.12s\">",
                  "target": [
                    ".board-card.in[data-tags=\"sale reduced\"]:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card.in[data-tags=\"sale reduced\"]:nth-child(5) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#13241c",
                "bgColor": "#b0792c",
                "contrastRatio": 4.33,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"chip t-rent bc-badge\">For rent</span>",
                  "target": [
                    "a[aria-label=\"Loft 4C at The Foundry rental\"] > .t-rent.bc-badge.chip"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"chip t-rent bc-badge\">For rent</span>",
          "target": [
            "a[aria-label=\"Loft 4C at The Foundry rental\"] > .t-rent.bc-badge.chip"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"rent\" data-reveal=\"\">",
                  "target": [
                    ".board-card.in[data-tags=\"rent\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card.in[data-tags=\"rent\"] > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"rent\" data-reveal=\"\">",
                  "target": [
                    ".board-card.in[data-tags=\"rent\"]:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card.in[data-tags=\"rent\"]:nth-child(6) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"rent new\" data-reveal=\"\" style=\"--d:.06s\">",
                  "target": [
                    "article[data-tags=\"rent new\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            "article[data-tags=\"rent new\"] > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#13241c",
                "bgColor": "#b0792c",
                "contrastRatio": 4.33,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"chip t-rent bc-badge\">For rent</span>",
                  "target": [
                    ".board-card.in[data-tags=\"rent\"]:nth-child(8) > .bc-media[href$=\"#board\"] > .t-rent.bc-badge.chip"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"chip t-rent bc-badge\">For rent</span>",
          "target": [
            ".board-card.in[data-tags=\"rent\"]:nth-child(8) > .bc-media[href$=\"#board\"] > .t-rent.bc-badge.chip"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"rent\" data-reveal=\"\" style=\"--d:.12s\">",
                  "target": [
                    ".board-card.in[data-tags=\"rent\"]:nth-child(8)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card.in[data-tags=\"rent\"]:nth-child(8) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#13241c",
                "contrastRatio": 4.33,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #b0792c, background color: #13241c, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"02 \u00b7 Sellers\u2019 desk\">02 \u00b7 Sellers\u2019 desk</p>",
          "target": [
            "p[data-text=\"02 \u00b7 Sellers\u2019 desk\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #b0792c, background color: #13241c, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1d3a2c",
                "bgColor": "#13241c",
                "contrastRatio": 1.3,
                "fontSize": "37.8pt (50.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.3 (foreground color: #1d3a2c, background color: #13241c, font size: 37.8pt (50.4px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<em>this week</em>",
          "target": [
            "#valuation > .container > .sec-head > .h2 > em"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.3 (foreground color: #1d3a2c, background color: #13241c, font size: 37.8pt (50.4px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#13241c",
                "bgColor": "#b0792c",
                "contrastRatio": 4.33,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button type=\"button\" class=\"btn val-run\" id=\"valRun\">Re-run estimate <span class=\"ar\">\u2192</span></button>",
                  "target": [
                    "#valRun"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button type=\"button\" class=\"btn val-run\" id=\"valRun\">Re-run estimate <span class=\"ar\">\u2192</span></button>",
          "target": [
            "#valRun"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d2d24",
                "contrastRatio": 1.1,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"val-result in\" id=\"valResult\" data-reveal=\"\" style=\"--d:.12s\" aria-live=\"polite\">",
                  "target": [
                    "#valResult"
                  ]
                },
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b id=\"vPerSq\">$312</b>",
          "target": [
            "#vPerSq"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d2d24",
                "contrastRatio": 1.1,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"val-result in\" id=\"valResult\" data-reveal=\"\" style=\"--d:.12s\" aria-live=\"polite\">",
                  "target": [
                    "#valResult"
                  ]
                },
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b id=\"vMed\">$595,000</b>",
          "target": [
            "#vMed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d2d24",
                "contrastRatio": 1.1,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"val-result in\" id=\"valResult\" data-reveal=\"\" style=\"--d:.12s\" aria-live=\"polite\">",
                  "target": [
                    "#valResult"
                  ]
                },
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b id=\"vPct\">102%</b>",
          "target": [
            "#vPct"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d2d24",
                "contrastRatio": 1.1,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"val-result in\" id=\"valResult\" data-reveal=\"\" style=\"--d:.12s\" aria-live=\"polite\">",
                  "target": [
                    "#valResult"
                  ]
                },
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>1.8%</b>",
          "target": [
            ".val-facts > div:nth-child(4) > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d2d24",
                "contrastRatio": 1.1,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"val-result in\" id=\"valResult\" data-reveal=\"\" style=\"--d:.12s\" aria-live=\"polite\">",
                  "target": [
                    "#valResult"
                  ]
                },
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>45 Wren Ln</strong>",
          "target": [
            "li:nth-child(1) > .cl > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d2d24",
                "contrastRatio": 1.1,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"val-result in\" id=\"valResult\" data-reveal=\"\" style=\"--d:.12s\" aria-live=\"polite\">",
                  "target": [
                    "#valResult"
                  ]
                },
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>120 Alder St</strong>",
          "target": [
            "li:nth-child(2) > .cl > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d2d24",
                "contrastRatio": 1.1,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"val-result in\" id=\"valResult\" data-reveal=\"\" style=\"--d:.12s\" aria-live=\"polite\">",
                  "target": [
                    "#valResult"
                  ]
                },
                {
                  "html": "<section id=\"valuation\" class=\"dark\">",
                  "target": [
                    "#valuation"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>77 Cannery Row</strong>",
          "target": [
            "li:nth-child(3) > .cl > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.1 (foreground color: #182420, background color: #1d2d24, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#13241c",
                "bgColor": "#b0792c",
                "contrastRatio": 4.33,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a class=\"btn\" href=\"tel:+13605550184\">Contact an agent for a written CMA <span class=\"ar\">\u2192</span></a>",
                  "target": [
                    ".val-cta > .btn[href=\"tel:+13605550184\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"btn\" href=\"tel:+13605550184\">Contact an agent for a written CMA <span class=\"ar\">\u2192</span></a>",
          "target": [
            ".val-cta > .btn[href=\"tel:+13605550184\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cca975",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.94,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">01</span>",
          "target": [
            ".on > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 3\u20135 days</span>",
          "target": [
            ".on > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"sale reduced\" data-reveal=\"\">",
                  "target": [
                    ".board-card[data-tags=\"sale reduced\"]:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card[data-tags=\"sale reduced\"]:nth-child(3) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"sale new\" data-reveal=\"\" style=\"--d:.06s\">",
                  "target": [
                    ".board-card[data-tags=\"sale new\"]:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card[data-tags=\"sale new\"]:nth-child(4) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"sale reduced\" data-reveal=\"\" style=\"--d:.12s\">",
                  "target": [
                    ".board-card[data-tags=\"sale reduced\"]:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card[data-tags=\"sale reduced\"]:nth-child(5) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"rent\" data-reveal=\"\">",
                  "target": [
                    ".board-card[data-tags=\"rent\"]:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card[data-tags=\"rent\"]:nth-child(6) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#13241c",
                "bgColor": "#b0792c",
                "contrastRatio": 4.33,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"chip t-rent bc-badge\">For rent</span>",
                  "target": [
                    ".board-card[data-tags=\"rent\"]:nth-child(8) > .bc-media[href$=\"#board\"] > .t-rent.bc-badge.chip"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"chip t-rent bc-badge\">For rent</span>",
          "target": [
            ".board-card[data-tags=\"rent\"]:nth-child(8) > .bc-media[href$=\"#board\"] > .t-rent.bc-badge.chip"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"board-card in\" data-tags=\"rent\" data-reveal=\"\" style=\"--d:.12s\">",
                  "target": [
                    ".board-card[data-tags=\"rent\"]:nth-child(8)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"bc-link\">Details \u2192</span>",
          "target": [
            ".board-card[data-tags=\"rent\"]:nth-child(8) > .bc-body > .bc-meta > .bc-link"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d2cfc4",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.37,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">01</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(1) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 3\u20135 days</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(1) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cca975",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.94,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">02</span>",
          "target": [
            ".on.step.in:nth-child(2) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 1\u20133 weekends</span>",
          "target": [
            ".on.step.in:nth-child(2) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cca975",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.94,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">03</span>",
          "target": [
            ".on.step.in:nth-child(3) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 48 hours to counter</span>",
          "target": [
            ".on.step.in:nth-child(3) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d2cfc4",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.37,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">04</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(4) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 10\u201314 days</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(4) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d2cfc4",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.37,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">02</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(2) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 1\u20133 weekends</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(2) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d2cfc4",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.37,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">03</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(3) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 48 hours to counter</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(3) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cca975",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.94,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">04</span>",
          "target": [
            ".on.step.in:nth-child(4) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Typical: 10\u201314 days</span>",
          "target": [
            ".on.step.in:nth-child(4) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cca975",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.94,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">05</span>",
          "target": [
            ".on.step.in:nth-child(5) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.94 (foreground color: #cca975, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Average: 21 days to close</span>",
          "target": [
            ".on.step.in:nth-child(5) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d2cfc4",
                "bgColor": "#f5f0e3",
                "contrastRatio": 1.37,
                "fontSize": "48.0pt (64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"step-num\">05</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(5) > .step-num"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.37 (foreground color: #d2cfc4, background color: #f5f0e3, font size: 48.0pt (64px), font weight: normal). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"typ\">Average: 21 days to close</span>",
          "target": [
            ".step.in[data-reveal=\"\"]:nth-child(5) > div > .typ"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#ece5d2",
                "contrastRatio": 2.97,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"weekend\" class=\"weekend\">",
                  "target": [
                    "#weekend"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.97 (foreground color: #b0792c, background color: #ece5d2, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"04 \u00b7 This weekend\">04 \u00b7 This weekend</p>",
          "target": [
            "p[data-text=\"04 \u00b7 This weekend\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.97 (foreground color: #b0792c, background color: #ece5d2, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"05 \u00b7 Neighborhood guide\">05 \u00b7 Neighborhood guide</p>",
          "target": [
            "p[data-text=\"05 \u00b7 Neighborhood guide\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"nc-post in\" style=\"--r:-2.2deg\" data-reveal=\"\">",
                  "target": [
                    ".nc-post:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"nc-link\" href=\"#notes\">Read the guide \u2192</a>",
          "target": [
            ".nc-post:nth-child(1) > .nc-body > .nc-link[href$=\"#notes\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"nc-post in\" style=\"--r:1.6deg;--ty:34px\" data-reveal=\"\" data-delay=\"\">",
                  "target": [
                    "article[data-delay=\"\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"nc-link\" href=\"#notes\">Read the guide \u2192</a>",
          "target": [
            "article[data-delay=\"\"] > .nc-body > .nc-link[href$=\"#notes\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"nc-post in\" style=\"--r:-1.2deg;--ty:10px\" data-reveal=\"\">",
                  "target": [
                    ".nc-post:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"nc-link\" href=\"#notes\">Read the guide \u2192</a>",
          "target": [
            ".nc-post:nth-child(3) > .nc-body > .nc-link[href$=\"#notes\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"nc-post in\" style=\"--r:2.4deg;--ty:44px\" data-reveal=\"\">",
                  "target": [
                    ".nc-post:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"nc-link\" href=\"#notes\">Read the guide \u2192</a>",
          "target": [
            ".nc-post:nth-child(4) > .nc-body > .nc-link[href$=\"#notes\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"06 \u00b7 Field notes\">06 \u00b7 Field notes</p>",
          "target": [
            "p[data-text=\"06 \u00b7 Field notes\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-box in\" data-reveal=\"\">",
                  "target": [
                    ".side-box.in[data-reveal=\"\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<i>LAST 7 DAYS</i>",
          "target": [
            ".side-box.in[data-reveal=\"\"] > h4 > i"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"note-cat\">Buyers \u00b7 8 min read</span>",
          "target": [
            ".note-card:nth-child(2) > div:nth-child(2) > .note-cat"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"note-cat\">Market \u00b7 6 min read</span>",
          "target": [
            ".note-card:nth-child(3) > div:nth-child(2) > .note-cat"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-box in\" data-reveal=\"\">",
                  "target": [
                    ".side-box.in[data-reveal=\"\"]:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<i>LAST 7 DAYS</i>",
          "target": [
            ".side-box.in[data-reveal=\"\"]:nth-child(1) > h4 > i"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-box spot-box in\" data-reveal=\"\" style=\"--d:.08s\">",
                  "target": [
                    ".spot-box"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#neighborhoods\">Read the spotlight \u2192</a>",
          "target": [
            ".spot-box > a[href$=\"#neighborhoods\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"note-cat\">Guide \u00b7 10 min read</span>",
          "target": [
            ".note-card:nth-child(4) > div:nth-child(2) > .note-cat"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-box agent-card in\" data-reveal=\"\" style=\"--d:.14s\">",
                  "target": [
                    ".agent-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"ag-role\">Senior Buyer\u2019s Agent</span>",
          "target": [
            ".ag-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#ece5d2",
                "contrastRatio": 2.97,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"stories\" class=\"stories\">",
                  "target": [
                    "#stories"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.97 (foreground color: #b0792c, background color: #ece5d2, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"07 \u00b7 Word of mouth\">07 \u00b7 Word of mouth</p>",
          "target": [
            "p[data-text=\"07 \u00b7 Word of mouth\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.97 (foreground color: #b0792c, background color: #ece5d2, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#13241c",
                "bgColor": "#b0792c",
                "contrastRatio": 4.33,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"chip res-chip t-rent\">Still here \u00b7 6 years on</span>",
                  "target": [
                    ".res-chip.t-rent.chip"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"chip res-chip t-rent\">Still here \u00b7 6 years on</span>",
          "target": [
            ".res-chip.t-rent.chip"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.33 (foreground color: #13241c, background color: #b0792c, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"08 \u00b7 Mortgage desk\">08 \u00b7 Mortgage desk</p>",
          "target": [
            "p[data-text=\"08 \u00b7 Mortgage desk\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#fbf8f0",
                "contrastRatio": 3.52,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rate-card\">",
                  "target": [
                    ".rate-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<i style=\"color:var(--brass)\">\u2014 updated Mon 6:00 am</i>",
          "target": [
            ".rate-card > h4 > i"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.52 (foreground color: #b0792c, background color: #fbf8f0, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"Common questions\">Common questions</p>",
          "target": [
            "p[data-text=\"Common questions\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow scr\" data-text=\"09 \u00b7 The firm\">09 \u00b7 The firm</p>",
          "target": [
            "p[data-text=\"09 \u00b7 The firm\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Senior Buyer\u2019s Agent</span>",
          "target": [
            ".agent.in[data-reveal=\"\"]:nth-child(1) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Resale &amp; Pricing Lead</span>",
          "target": [
            ".agent.in[data-reveal=\"\"]:nth-child(2) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>New Construction</span>",
          "target": [
            ".agent.in[data-reveal=\"\"]:nth-child(3) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b0792c",
                "bgColor": "#f5f0e3",
                "contrastRatio": 3.28,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Rentals Director</span>",
          "target": [
            ".agent.in[data-reveal=\"\"]:nth-child(4) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #b0792c, background color: #f5f0e3, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#182420",
                "bgColor": "#1d3a2c",
                "contrastRatio": 1.29,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"cta-band\">",
                  "target": [
                    ".cta-band"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.29 (foreground color: #182420, background color: #1d3a2c, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"btn btn-ghost\" href=\"#board\">List Property <span class=\"ar\">\u2192</span></a>",
          "target": [
            ".btn-ghost.btn[href$=\"#board\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.29 (foreground color: #182420, background color: #1d3a2c, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 13571
      },
      {
        "y": 576,
        "height": 13571
      },
      {
        "y": 1152,
        "height": 13571
      },
      {
        "y": 1728,
        "height": 13571
      },
      {
        "y": 2304,
        "height": 13571
      },
      {
        "y": 2880,
        "height": 13571
      },
      {
        "y": 3456,
        "height": 13571
      },
      {
        "y": 4032,
        "height": 13571
      },
      {
        "y": 4608,
        "height": 13571
      },
      {
        "y": 5184,
        "height": 13571
      },
      {
        "y": 5760,
        "height": 13571
      },
      {
        "y": 6336,
        "height": 13571
      },
      {
        "y": 6912,
        "height": 13571
      },
      {
        "y": 7488,
        "height": 13571
      },
      {
        "y": 8064,
        "height": 13571
      },
      {
        "y": 8640,
        "height": 13571
      },
      {
        "y": 9216,
        "height": 13571
      },
      {
        "y": 9792,
        "height": 13571
      },
      {
        "y": 10368,
        "height": 13571
      },
      {
        "y": 10944,
        "height": 13571
      },
      {
        "y": 11520,
        "height": 13571
      },
      {
        "y": 12096,
        "height": 13571
      },
      {
        "y": 12672,
        "height": 13571
      },
      {
        "y": 12851,
        "height": 13571
      }
    ],
    "scans": 25,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Real Estate" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Real Estate"
- Description: Property listings, real estate agencies, home buying, rentals, and mortgage resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Real Estate" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Mortgages", "About", "Buy".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Real Estate" category. Consider themes similar to: "Neighborhood Guide", "First-Time Buyers", "Open Houses".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "earnest money", "days on market", "listing price".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Get Valuation", "List Property", "Contact Agent".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Real Estate" sector. Ideas similar but not limited to: "home value estimator".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "featured agents", "price reductions", "neighborhood spotlights".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.