/* Brand (Harcourts Brand Standards, 1 Oct 2026; see brand/standards/BRAND-RULES.md): Navy #001F49, Cyan #00AEEF, White; digital greys #C8C8C8 / #ECECEC only. Font: Source Sans Pro, self-hosted WOFF2 (latin + latin-ext). */
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/SourceSansPro-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/SourceSansPro-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/SourceSansPro-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/SourceSansPro-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/SourceSansPro-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/SourceSansPro-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/SourceSansPro-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/SourceSansPro-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/SourceSansPro-900-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/SourceSansPro-900-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--navy:#001F49;--cyan:#00AEEF;--tint:#ECECEC;--tint2:#ECECEC;--ink:#001F49;--w:1160px}
*{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",system-ui,sans-serif;color:var(--ink);font-size:18px;line-height:1.6;background:#fff}
a{color:var(--navy)}img{max-width:100%;height:auto}.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.15;font-weight:300}h1{font-size:clamp(2.2rem,5vw,3.8rem);margin:.2em 0}h2{font-size:2rem;margin-top:1.6em}h3{font-weight:600;font-size:1.2rem}
.draft-banner{background:#fff3cd;color:#5c4400;text-align:center;font-size:14px;padding:6px}
.site-header{position:sticky;top:0;z-index:9;background:#fff;border-bottom:1px solid var(--tint2)}
.hdr{display:flex;align-items:center;gap:20px;min-height:84px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none}.brand img{height:64px;width:auto}
.brand b{display:block;font-size:1.2rem;font-weight:600}.brand small{color:var(--navy);font-size:.85rem}
nav{display:flex;gap:18px;margin-left:auto}nav a{text-decoration:none;font-size:1rem}nav a[aria-current]{border-bottom:2px solid var(--cyan)}
.nt,.burger{display:none}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:14px 26px;border-radius:4px;text-decoration:none;font-weight:600;border:2px solid var(--navy);cursor:pointer;font:inherit;font-weight:600}
.btn:hover{background:#00AEEF;border-color:#00AEEF}.btn-sm{padding:8px 16px;font-size:.95rem}.btn-ghost{background:transparent;color:#fff;border-color:#fff}
.hero{position:relative;overflow:hidden;color:#fff;background:#001F49}
.lines{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px}
.hero-in{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:30px;padding-top:60px}
.hero-in>div{padding-bottom:70px}.hero h1 span{color:var(--cyan);font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:600;color:var(--cyan)}
.lead{font-size:1.25rem;font-weight:300;max-width:38em}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-photo{display:block;max-height:560px;width:auto;justify-self:center}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-40px;position:relative}
.pill{background:#fff;border:1px solid var(--tint2);border-top:3px solid var(--cyan);padding:22px;border-radius:6px;text-decoration:none;box-shadow:0 8px 30px rgba(0,31,73,.08)}
.band{background:var(--tint);padding:20px 0 50px;margin-top:50px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{border:1px solid var(--tint2);padding:20px;border-radius:6px}.card h3 a{text-decoration:none}.date{font-size:.85rem;color:var(--navy);margin:0}
.quote{margin:50px auto;text-align:center;font-size:1.3rem;font-weight:300;font-style:italic}
.page{padding-top:40px;padding-bottom:60px}.post{max-width:780px}.grid-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.about-photo{background:var(--tint);border-radius:6px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.steps b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff}
.form{background:var(--tint);padding:26px;border-radius:6px;display:grid;gap:14px}.form label{display:grid;gap:4px;font-weight:600;font-size:.95rem}
input,select,textarea{font:inherit;padding:10px 12px;border:1px solid #C8C8C8;border-radius:4px;background:#fff;font-weight:400}.check{display:flex!important;gap:10px;align-items:start;font-weight:400!important}
.hp{position:absolute;left:-9999px}.small{font-size:.9rem}
.site-footer{background:var(--navy);color:#fff;padding:40px 0;margin-top:40px}.site-footer a{color:#fff}.ft{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}
.ft-logo img{width:260px;display:block}.licence{margin:4px 0 0;font-size:.85rem;letter-spacing:.02em}
@media(max-width:900px){.burger{display:block;margin-left:auto;font-size:1.8rem;cursor:pointer}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 24px;border-bottom:1px solid var(--tint2)}
.nt:checked~nav{display:flex}.hdr .btn-sm{display:none}.hero-in,.grid3,.grid2,.pillars,.grid-about,.ft,.steps{grid-template-columns:1fr}.hero-photo{max-height:380px}.pillars{margin-top:20px}}

.appraisal-cta{background:var(--navy);color:#fff;padding:36px;border-radius:6px;text-align:center;margin:30px 0}.appraisal-cta a{color:#fff}.appraisal-cta .btn{background:#fff;color:var(--navy);border-color:#fff}.btn-lg{font-size:1.2rem;padding:18px 34px}
.social{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:10px}.social a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;padding:6px 10px;border:1px solid currentColor;border-radius:20px;font-size:.85rem}.social svg{width:18px;height:18px}.social a:hover{color:var(--cyan)}
.testimonials{text-align:center;margin:50px auto}

/* v2 header + hero (from Wazi's reference design) */
.wordmark{flex-direction:column;align-items:flex-start;gap:0;line-height:1.1}.wordmark b{font-weight:700;font-size:1.35rem;letter-spacing:.01em;color:var(--navy)}.wordmark small{font-weight:600;letter-spacing:.12em;font-size:.75rem;color:#00AEEF}
nav a{font-weight:600;color:var(--navy)}.btn-accent{background:#00AEEF;border-color:#00AEEF;color:#fff;box-shadow:0 4px 12px rgba(0,31,73,.18)}.btn-accent:hover{background:#00AEEF;border-color:#00AEEF}
.btn-white{background:#fff;color:var(--navy);border-color:#fff}.btn-white:hover{background:#ECECEC}
.hero{background:#001F49;color:#fff}
.hero-in{grid-template-columns:1.05fr .95fr;align-items:stretch;padding-top:0;gap:20px}
.hero-copy{padding:60px 0 64px!important;align-self:center}.hero .eyebrow{color:#00AEEF;letter-spacing:.18em}
.hero h1{font-weight:700;font-size:clamp(2.8rem,6.4vw,5.6rem);line-height:.98;letter-spacing:-.02em;margin:.25em 0 .35em}.hero h1 span{color:#00AEEF;font-weight:700}
.hero .lead{font-size:1.2rem;font-weight:400;color:#fff;max-width:30em}
.hero-photo-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;margin-top:36px}
.hero-photo{max-height:540px;width:auto;position:relative;z-index:0}
.pillars{margin-top:40px}
@media(max-width:900px){.hero-copy{padding:40px 0 10px!important}.hero-photo-wrap{margin-top:0}.hero-photo{max-height:400px}}
@media(max-width:900px){.hero-in{grid-template-columns:1fr}.hero h1{font-size:2.9rem}}

.feed-grid{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:32px;align-items:start;justify-content:center}
.fb-shell{width:100%;max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--tint2);border-top:3px solid var(--cyan);border-radius:6px;padding:10px;box-shadow:0 8px 30px rgba(0,31,73,.08);text-align:center;min-height:200px}
.fb-facade{padding:40px 20px}.fb-slot{display:flex;justify-content:center}.fb-slot[hidden],.fb-facade[hidden]{display:none}
.follow{background:var(--navy);color:#fff;border-radius:6px;padding:28px}.follow h3{margin-top:0}.follow-btn{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:12px 16px;margin:10px 0;font-weight:600}
.follow-btn svg{width:24px;height:24px;flex:none}.follow-btn small{margin-left:auto;font-weight:400;opacity:.8}.follow-btn:hover{border-color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:900px){.feed-grid{grid-template-columns:1fr}}

.img-cards{grid-template-columns:repeat(3,1fr)}.img-card{display:block;border-radius:6px;overflow:hidden;box-shadow:0 8px 30px rgba(0,31,73,.12);transition:transform .2s}.img-card:hover{transform:translateY(-3px)}.img-card img{display:block;width:100%;height:auto}
.card-cover{display:block;width:calc(100% + 40px);max-width:none;margin:-20px -20px 12px;height:auto;border-radius:6px 6px 0 0}.card{overflow:hidden}
.post-cover{display:block;width:100%;height:auto;border-radius:6px;margin:10px 0 20px}
.about-banner{background:#001F49;line-height:0}.about-banner img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover;object-position:center}
.about-logo{background:#fff;text-align:center}.about-logo img{max-width:320px;width:100%;height:auto}
@media(max-width:900px){.img-cards{grid-template-columns:1fr}.about-banner img{aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center}.about-logo img{max-width:220px}}
/* 20 Oct 2026: listings links, listings band, closing CTA band */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero-link{margin-top:18px}.hero-link a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:#00AEEF;text-underline-offset:4px}
.btn-white-outline{display:inline-block;background:#fff;color:var(--navy);border:2px solid var(--navy);padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:600}.btn-white-outline:hover{background:#ECECEC}
.listings-band{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;margin-top:50px;padding:30px;border:1px solid var(--tint2);border-left:4px solid #00AEEF;border-radius:6px}
.lb-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cta-band{background:var(--navy);color:#fff;padding:40px 0;margin-top:50px}.cta-band-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.cta-band h2{color:#fff;margin:0 0 6px}.cta-band .cta{margin-top:0}
@media(max-width:900px){.listings-band{grid-template-columns:1fr}}
/* 20 Oct 2026: Kai's approved WaZi logo */
.ft-wazi img{width:150px;height:auto;display:block;margin-bottom:14px}
.cta-band-logo img{width:150px;height:auto;display:block}.cta-band-copy{flex:1;min-width:240px}
.why{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center}.why-logo img{width:180px;height:auto;display:block}
@media(max-width:900px){.why{grid-template-columns:1fr}.why-logo img{width:150px}.cta-band-logo{display:none}}

/* 21 Oct 2026: Harcourts Brand Standards (Oct 2026) */
body{font-weight:300}strong,b{font-weight:700}h3{font-weight:700}
h1{font-weight:900;text-transform:uppercase;letter-spacing:-.075em;line-height:.8}
.hero h1{font-weight:900;letter-spacing:-.075em;line-height:.8}.hero h1 span{font-weight:900;text-transform:none}
h2{font-weight:300}
.btn-accent,.btn-accent:hover{background:#00AEEF;border-color:#00AEEF;color:#fff;font-weight:700}.btn-accent:hover{background:#fff;border-color:#fff;color:var(--navy)}
.licence{margin-top:12px}
.wordmark small{color:var(--navy)}

/* 21 Oct 2026: Rua's decisions */
body{font-weight:400}
h1 .nc,.hero h1 span{text-transform:none}
.btn-accent,.btn-accent:hover{color:#001F49}
.band-white{background:#fff}
/* Hero v3 (1 Nov 2026): bigger photo, seamless navy blend. Navy-only soft light behind photo column; no logos in hero. */
.hero{position:relative;overflow:hidden;background:#001F49}
.hero::before{content:"";position:absolute;pointer-events:none;z-index:0;right:-6%;bottom:-20%;width:62%;height:130%;background:radial-gradient(closest-side,rgba(0,63,128,.55),rgba(0,31,73,0) 100%)}
.hero-in{position:relative;z-index:1;grid-template-columns:1fr 1fr;align-items:end}
.hero-copy{align-self:center}
.hero-photo-wrap{margin-top:24px;align-self:end;justify-content:center}
.hero-photo{max-height:none;height:min(820px,78vw);width:auto;aspect-ratio:560/877;filter:drop-shadow(0 0 40px rgba(0,174,239,.10))}
@media(max-width:900px){.hero::before{right:-30%;width:130%;height:70%;bottom:-5%}.hero-photo-wrap{margin-top:4px}.hero-photo{height:auto;width:min(92vw,460px)}}
.hero-photo-wrap{padding-top:28px}
@media(max-width:900px){.hero-in{grid-template-columns:1fr}.hero-photo-wrap{padding-top:0}}
