/* Adapted from Gert Myburg's supplied 21 October 2026 mockup. */
.client-page { --gold:#c9983c; --gold-light:#f2d18a; --paper:#f7f5f0; --line:#ded5c5; --muted:#606b73; color:#111416; background:#fff; font:16px/1.65 Manrope,Arial,sans-serif; }
.client-page h1,.client-page h2,.client-page h3 { max-width:none; font-weight:750; text-wrap:initial; }
.client-page p { max-width:none; margin:0 0 20px; }
.client-page p+a { margin-top:0; }
.client-page .hero { height:auto; max-height:none; isolation:auto; overflow:visible; }
.client-page .hero:after { display:none; }
.client-page .hero-content { display:block; }
.client-page .hero h1 { flex-shrink:1; }
.client-page .portrait-photo { max-width:none; aspect-ratio:auto; margin:0; }
.client-page .card { min-width:0; padding:0; }
.client-page .card .button { margin-top:auto; }
.client-page .card h2 { font-size:inherit; }
.client-page .interior-gallery { align-items:start; }
.client-page .interior-gallery picture { display:block; }
.client-page .interior-gallery img { aspect-ratio:auto; }

.client-page * { box-sizing: border-box; }


.client-page a { color: inherit; text-decoration: none; }
.client-page img { display: block; max-width: 100%; }
.client-page .wrap { width: min(1220px, 91%); margin: auto; }







.client-page .btn { display: inline-flex; align-items: center; justify-content: center; gap: 13px; padding: 13px 20px; background: linear-gradient(110deg, rgb(245, 213, 142), rgb(196, 147, 52)); color: rgb(23, 23, 23); border: 1px solid rgb(201, 152, 60); font-size: 11px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; transition: transform 0.2s, filter 0.2s; }

.client-page .btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
.client-page .btn-outline { display: inline-flex; align-items: center; gap: 12px; border: 1px solid var(--gold-light); color: white; padding: 12px 20px; text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: 0.6px; }

.client-page .hero { min-height: 590px; display: flex; align-items: center; background: linear-gradient(90deg, rgba(8, 12, 15, 0.85) 0%, rgba(8, 12, 15, 0.64) 39%, rgba(8, 12, 15, 0.05) 100%), url("/assets/client-20261021/luxury-apartments-wide.webp") center center / cover no-repeat; color: rgb(255, 255, 255); }
.client-page .hero-content { padding: 75px 0px; max-width: 800px; }
.client-page .eyebrow { font-size: 12px; font-weight: 800; letter-spacing: 2.5px; color: var(--gold); text-transform: uppercase; }
.client-page .hero h1 { font-size: clamp(39px, 5.3vw, 70px); line-height: 1.06; letter-spacing: -1.9px; margin: 18px 0px 22px; color: rgb(255, 255, 255); font-weight: 750; }
.client-page .hero h1 span { display: block; color: var(--gold-light); font-family: Georgia, serif; font-weight: 500; letter-spacing: -1px; }
.client-page .hero p { max-width: 640px; font-size: 17px; line-height: 1.65; color: rgb(242, 241, 237); }
.client-page .actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.client-page .trust-row { background: rgb(255, 255, 255); padding: 25px 0px; border-bottom: 1px solid rgb(238, 232, 221); }
.client-page .trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.client-page .trust { display: flex; align-items: center; gap: 13px; padding: 4px 25px; border-right: 1px solid var(--line); }
.client-page .trust:first-child { padding-left: 0px; }
.client-page .trust:last-child { border: 0px; }
.client-page .trust-icon { width: 42px; height: 42px; border: 1px solid var(--gold); border-radius: 50%; display: grid; place-items: center; color: rgb(169, 120, 34); font-size: 19px; flex-shrink: 0; }
.client-page .trust strong { display: block; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; }
.client-page .trust small { color: var(--muted); font-size: 12px; }
.client-page .intro { display: grid; grid-template-columns: 1.04fr 0.96fr; min-height: 400px; background: var(--paper); }
.client-page .intro-photo { background: url("/assets/client-20261021/luxury-apartments-wide.webp") center center / cover no-repeat; min-height: 390px; }
.client-page .intro-copy { align-self: center; padding: 50px clamp(28px, 5vw, 75px); }
.client-page h2 { font-size: clamp(29px, 3vw, 42px); line-height: 1.14; letter-spacing: -0.7px; margin: 10px 0px 18px; }
.client-page h3 { line-height: 1.25; margin: 0px 0px 10px; }
.client-page .intro-copy p, .client-page .page-content p { color: rgb(77, 94, 104); }
.client-page .gold-rule { width: 48px; height: 2px; background: var(--gold); margin: 22px 0px 14px; }
.client-page .section { padding: 65px 0px; }
.client-page .section-head { max-width: 700px; margin: 0px auto 30px; text-align: center; }
.client-page .section-head p { color: var(--muted); margin: 0px; }
.client-page .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.client-page .card { background: rgb(250, 249, 246); border: 1px solid rgb(238, 233, 223); display: flex; flex-direction: column; box-shadow: rgba(16, 33, 44, 0.03) 0px 8px 26px; }
.client-page .card-photo { height: 205px; background-size: cover; background-position: center center; position: relative; }
.client-page .card-photo::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(16, 20, 22, 0.6), transparent 65%); }
.client-page .card-photo h3 { position: absolute; bottom: 18px; left: 22px; z-index: 1; color: white; font-size: 20px; letter-spacing: 0.8px; text-transform: uppercase; margin: 0px; }
.client-page .card-body { padding: 22px; display: flex; flex-direction: column; flex: 1 1 0%; }
.client-page .card-body p { font-size: 14px; color: rgb(82, 97, 106); }
.client-page .card-body .btn { align-self: flex-start; margin-top: auto; }
.client-page .dark-band { background: linear-gradient(90deg, rgba(16, 20, 22, 0.93), rgba(16, 20, 22, 0.85)), url("/assets/client-20261021/luxury-apartments-wide.webp") center center / cover; color: rgb(255, 255, 255); padding: 55px 0px; }
.client-page .dark-grid { display: grid; grid-template-columns: 0.95fr 1.5fr; gap: 50px; align-items: center; }
.client-page .dark-grid p { color: rgb(213, 217, 217); font-size: 14px; }
.client-page .service-icons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px 15px; }
.client-page .service-icons a { text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: rgb(255, 255, 255); }
.client-page .service-icons .glyph { display: block; color: var(--gold-light); font-size: 28px; margin-bottom: 8px; }
.client-page .vision { padding: 28px 0px; background: rgb(250, 249, 245); }
.client-page .vision-grid { display: grid; grid-template-columns: 240px 1fr auto; align-items: center; gap: 30px; }
.client-page .vision-logo { width: 230px; border-radius: 2px; }
.client-page .vision h3 { font-size: 17px; margin: 5px 0px; }
.client-page .vision p { font-size: 12px; color: var(--muted); margin: 0px; }



.client-page .page-hero { background: linear-gradient(90deg, rgba(17, 20, 22, 0.93), rgba(17, 20, 22, 0.54)), url("/assets/client-20261021/luxury-apartments-wide.webp") center center / cover; color: rgb(255, 255, 255); padding: 68px 0px 60px; }
.client-page .investors-hero { background-image: linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.27)), url("/assets/client-20261021/investors-boardroom-wide.webp"); background-position: center 52%; background-size: cover; }
.client-page .landowners-hero { background-image: linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.27)), url("/assets/client-20261021/landowners-property-wide.webp"); background-position: center 50%; background-size: cover; }
.client-page .services-hero { background-image: linear-gradient(90deg, rgba(17, 20, 22, 0.79), rgba(17, 20, 22, 0.22)), url("/assets/client-20261021/services-boardroom-wide.webp"); background-position: center 48%; background-size: cover; }
.client-page .contact-hero { background-image: linear-gradient(90deg, rgba(17, 20, 22, 0.79), rgba(17, 20, 22, 0.27)), url("/assets/client-20261021/contact-boardroom-wide.webp"); background-position: center 50%; background-size: cover; }
.client-page .buyers-hero { background-image: linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.46)), url("/assets/client-20261021/family-lifestyle-wide.webp"); background-position: center 42%; background-size: cover; }
.client-page .page-hero h1 { font-size: clamp(36px, 4.6vw, 58px); line-height: 1.08; max-width: 850px; margin: 12px 0px 16px; color: rgb(255, 255, 255); }
.client-page .page-hero p { max-width: 760px; color: rgb(236, 233, 226); font-size: 17px; margin: 0px; }
.client-page .page-content { padding: 58px 0px 70px; }
.client-page .content-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 45px; align-items: start; }
.client-page .panel { background: var(--paper); padding: 30px; border-top: 3px solid var(--gold); }
.client-page .panel p { font-size: 14px; }
.client-page .bullets { padding-left: 20px; color: rgb(77, 94, 104); }
.client-page .bullets li { margin: 9px 0px; }
.client-page .feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 35px; }
.client-page .feature { padding: 23px; background: rgb(250, 249, 246); border-right: 1px solid rgb(238, 232, 221); border-bottom: 1px solid rgb(238, 232, 221); border-left: 1px solid rgb(238, 232, 221); border-image: none; border-top: 3px solid var(--gold); }
.client-page .feature .glyph { color: rgb(169, 120, 34); font-size: 27px; display: block; margin-bottom: 10px; }
.client-page .feature p { font-size: 13px; margin: 0px; }
.client-page .contact-layout { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 35px; }
.client-page .contact-aside { background: rgb(23, 26, 28); color: white; padding: 32px; }
.client-page .contact-aside p { color: rgb(213, 218, 221); }
.client-page .contact-item { margin-top: 20px; }
.client-page .contact-item strong { display: block; color: var(--gold-light); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.client-page .contact-form { background: rgb(250, 249, 246); border: 1px solid rgb(238, 232, 221); padding: 32px; }
.client-page .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.client-page .field { display: flex; flex-direction: column; gap: 7px; }
.client-page .field.full { grid-column: 1 / -1; }
.client-page .field label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 800; }
.client-page .field input, .client-page .field select, .client-page .field textarea { width: 100%; border: 1px solid rgb(216, 212, 204); background: white; padding: 13px 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: rgb(23, 37, 44); border-radius: 0px; }
.client-page .field textarea { min-height: 135px; resize: vertical; }
.client-page .field input:focus, .client-page .field select:focus, .client-page .field textarea:focus { outline: rgb(217, 182, 108) solid 2px; outline-offset: 1px; }
.client-page .form-note { font-size: 12px; color: var(--muted); margin: 14px 0px; }
.client-page .status { display: none; margin-top: 15px; padding: 12px; background: rgb(239, 232, 215); font-size: 13px; }
@media (max-width: 1120px){




}
@media (max-width: 920px){






.client-page .intro { grid-template-columns: 1fr; }
.client-page .intro-photo { min-height: 320px; }
.client-page .dark-grid { grid-template-columns: 1fr; gap: 25px; }
.client-page .vision-grid { grid-template-columns: 200px 1fr; }
.client-page .vision-logo { width: 190px; }
.client-page .vision-grid > .btn { grid-column: 1 / -1; justify-self: start; }
.client-page .content-grid, .client-page .contact-layout { grid-template-columns: 1fr; }
.client-page .feature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px){

.client-page .hero { min-height: 560px; background-position: 62% center; }
.client-page .hero-content { padding: 55px 0px; }
.client-page .hero h1 { font-size: 42px; }
.client-page .hero p { font-size: 15px; }
.client-page .trust-grid { grid-template-columns: 1fr; gap: 13px; }
.client-page .trust { padding: 5px 0px; border-right: 0px; }
.client-page .cards { grid-template-columns: 1fr; }
.client-page .card-photo { height: 220px; }
.client-page .section { padding: 45px 0px; }
.client-page .service-icons { grid-template-columns: repeat(2, 1fr); }
.client-page .vision-grid { grid-template-columns: 1fr; gap: 15px; }
.client-page .vision-logo { width: 210px; }
.client-page .feature-grid { grid-template-columns: 1fr; }
.client-page .page-hero { padding: 48px 0px; }
.client-page .page-content { padding: 40px 0px; }
.client-page .form-grid { grid-template-columns: 1fr; }
.client-page .field.full { grid-column: auto; }
.client-page .contact-form, .client-page .contact-aside { padding: 23px; }
.client-page .actions { align-items: flex-start; flex-direction: column; }
.client-page .actions .btn, .client-page .actions .btn-outline { width: max-content; max-width: 100%; }
}
.client-page .hero .wrap { width: min(1360px, 96%); margin-left: 2%; margin-right: auto; }
.client-page .hero-content { max-width: 850px; }
.client-page .service-icons .glyph { font-size: 42px; line-height: 1.2; margin-bottom: 10px; }




.client-page .tools-shortcut .card-body h3 { font-size: 19px; }
.client-page .tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.client-page .tool-card { padding: 28px; background: rgb(250, 249, 246); border-right: 1px solid rgb(238, 232, 221); border-bottom: 1px solid rgb(238, 232, 221); border-left: 1px solid rgb(238, 232, 221); border-image: none; border-top: 3px solid var(--gold); display: flex; flex-direction: column; }
.client-page .tool-card p { color: rgb(82, 97, 106); font-size: 14px; flex: 1 1 0%; }
.client-page .development-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 28px; }
.client-page .development-card { padding: 26px; background: rgb(250, 249, 246); border: 1px solid rgb(238, 232, 221); }
.client-page .development-card .eyebrow { letter-spacing: 1px; }
@media (max-width: 620px){
.client-page .hero .wrap { width: 92%; margin: auto; }
.client-page .tools-grid, .client-page .development-cards { grid-template-columns: 1fr; }

}
.client-page .about-intro-grid { display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 42px; align-items: start; margin-bottom: 70px; }
.client-page .about-intro-copy p { color: rgb(77, 94, 104); }
.client-page .about-approach-panel { background: rgb(17, 20, 22); color: rgb(255, 255, 255); padding: 32px; border-top: 4px solid var(--gold); }
.client-page .about-approach-panel h2 { font-family: Georgia, serif; color: rgb(255, 255, 255); font-size: 31px; }
.client-page .about-journey { list-style: none; margin: 25px 0px 0px; padding: 0px; }
.client-page .about-journey li { display: flex; gap: 15px; align-items: flex-start; padding: 15px 0px; border-top: 1px solid rgb(52, 54, 56); }
.client-page .about-journey li > span { color: var(--gold-light); font-size: 13px; font-weight: 800; letter-spacing: 1px; padding-top: 2px; }
.client-page .about-journey strong { display: block; color: var(--gold-light); font-size: 12px; letter-spacing: 1px; }
.client-page .about-journey small { display: block; color: rgb(224, 225, 224); font-size: 13px; line-height: 1.5; margin-top: 3px; }
.client-page .mission-vision { margin: 10px 0px 72px; padding: 46px; background: var(--paper); border: 1px solid rgb(236, 229, 216); }
.client-page .mission-vision-heading { max-width: 700px; margin: 0px auto 30px; text-align: center; }
.client-page .mission-vision-heading p { color: var(--muted); margin: 0px; }
.client-page .mission-vision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.client-page .mission-card { padding: 34px 32px; min-height: 270px; position: relative; overflow: hidden; }
.client-page .mission-card-dark { background: rgb(17, 20, 22); color: rgb(255, 255, 255); border-top: 4px solid var(--gold); }
.client-page .mission-card-gold { background: linear-gradient(135deg, rgb(244, 213, 143), rgb(201, 152, 60)); color: rgb(23, 23, 23); border-top: 4px solid rgb(23, 23, 23); }
.client-page .mission-number { font-size: 11px; font-weight: 800; letter-spacing: 1.8px; margin-bottom: 25px; color: var(--gold-light); }
.client-page .mission-card-gold .mission-number { color: rgb(45, 36, 21); }
.client-page .mission-card h3 { font-family: Georgia, serif; font-size: 27px; line-height: 1.2; margin: 0px 0px 16px; }
.client-page .mission-card p { font-size: 14px; line-height: 1.75; margin: 0px; }
.client-page .mission-card-dark p { color: rgb(224, 226, 226); }
.client-page .mission-card-gold p { color: rgb(46, 42, 34); }
.client-page .mission-signoff { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 30px; color: rgb(142, 100, 30); font-size: 12px; letter-spacing: 1.5px; }
.client-page .mission-signoff span { height: 1px; width: 54px; background: var(--gold); }
.client-page .services-intro { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin: 0px 0px 24px; }
.client-page .services-intro h2 { max-width: 650px; margin-bottom: 0px; }
.client-page .services-intro > p { max-width: 390px; color: var(--muted); margin: 0px 0px 4px; font-size: 14px; }
.client-page .about-feature-grid { margin-top: 0px; }
.client-page .about-disclaimer { margin-top: 25px; font-size: 11px; line-height: 1.6; color: rgb(116, 124, 128); }
@media (max-width: 920px){
.client-page .about-intro-grid { grid-template-columns: 1fr; gap: 28px; }
.client-page .mission-vision { padding: 28px; }
.client-page .services-intro { display: block; }
.client-page .services-intro > p { margin-top: 12px; }
}
@media (max-width: 620px){
.client-page .mission-vision { padding: 18px; margin-bottom: 45px; }
.client-page .mission-vision-grid { grid-template-columns: 1fr; }
.client-page .mission-card { padding: 26px 23px; min-height: auto; }
.client-page .mission-card h3 { font-size: 24px; }
.client-page .mission-signoff { font-size: 10px; letter-spacing: 1px; gap: 9px; }
.client-page .mission-signoff span { width: 28px; }
.client-page .about-approach-panel { padding: 24px; }
}
.client-page .service-icons .glyph svg { width: 44px; height: 44px; display: block; margin: 0px auto; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(140, 100, 31, 0.333) 0px 1px 2px); }
.client-page .service-icons a:hover .glyph { transform: translateY(-2px); }
.client-page .service-icons .glyph { transition: transform 0.2s; }
.client-page .feature .glyph svg { width: 44px; height: 44px; display: block; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(140, 100, 31, 0.333) 0px 1px 2px); }
.client-page .service-icons a { display: flex; flex-direction: column; align-items: center; gap: 0px; text-decoration: none; min-width: 0px; }
.client-page .service-icons a strong { display: block; font-size: 11px; line-height: 1.35; font-weight: 800; margin-bottom: 7px; }
.client-page .service-icons a small { display: block; color: rgb(214, 217, 217); font-size: 11px; line-height: 1.45; text-transform: none; letter-spacing: 0px; max-width: 150px; }
.client-page .service-icons .glyph svg { width: 48px; height: 48px; }
.client-page .feature-grid .feature { display: block; text-decoration: none; color: inherit; transition: transform 0.2s, box-shadow 0.2s; }
.client-page .feature-grid .feature:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.07) 0px 8px 20px; }
.client-page .feature-grid .feature h3 { margin: 0px 0px 8px; font-size: 16px; color: rgb(24, 35, 43); }
.client-page .feature-grid .feature .glyph svg { width: 48px; height: 48px; }
.client-page .service-icon-svg { display: block; width: 54px; height: 54px; margin: 0px auto 14px; fill: none; stroke: currentcolor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; color: var(--gold,#d7a84b); }
.client-page .feature .service-icon-svg { width: 58px; height: 58px; }
.client-page .developments-hero { background-image: linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.333)), url("/assets/client-20261021/orange-creek-photorealistic-wide.webp"); background-position: center 48%; background-size: cover; }
.client-page .current-developments .development-card { padding: 0px 0px 24px; overflow: hidden; background: rgb(17, 20, 22); color: rgb(248, 246, 240); border: 1px solid rgb(59, 52, 40); border-radius: 3px; }
.client-page .development-photo { display: block; width: 100%; height: 225px; object-fit: cover; margin-bottom: 22px; border-bottom: 2px solid rgb(183, 138, 53); }
.client-page .current-developments .development-card > .eyebrow, .client-page .current-developments .development-card > h2, .client-page .current-developments .development-card > p, .client-page .current-developments .development-card > .development-link, .client-page .current-developments .development-card > .alsa-mark { margin-left: 22px; margin-right: 22px; }
.client-page .current-developments .development-card h2 { color: rgb(232, 199, 125); margin-top: 8px; margin-bottom: 10px; }
.client-page .current-developments .development-card p { color: rgb(226, 223, 216); }
.client-page .development-link { display: inline-block; font-weight: 800; color: rgb(232, 199, 125); margin-top: 7px; margin-bottom: 15px; }
.client-page .alsa-mark { display: flex; align-items: center; gap: 8px; color: rgb(243, 209, 138); margin-top: 12px; }
.client-page .alsa-mark strong { display: block; font-size: 16px; letter-spacing: 3px; line-height: 1.1; color: rgb(246, 231, 189); }
.client-page .alsa-mark small { display: block; font-size: 7px; letter-spacing: 1.1px; color: rgb(210, 199, 173); line-height: 1.5; }
.client-page .alsa-symbol { display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid rgb(217, 170, 78); color: rgb(217, 170, 78); border-radius: 50%; width: 31px; height: 31px; font-size: 17px; transform: rotate(0deg); }
.client-page .interior-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 14px 16px; }
.client-page .interior-gallery img { width: 100%; height: 82px; object-fit: cover; border: 1px solid rgb(141, 107, 49); }
.client-page .planned-developments { margin-top: 44px; padding: 30px; background: rgb(17, 20, 22); border: 1px solid rgb(59, 52, 40); color: rgb(248, 246, 240); }
.client-page .planned-developments h2 { color: rgb(232, 199, 125); margin: 8px 0px; }
.client-page .planned-developments > p { color: rgb(215, 211, 202); max-width: 760px; }
.client-page .planned-list { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 28px; margin-top: 20px; }
.client-page .planned-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 0px; border-bottom: 1px solid rgb(59, 52, 40); color: rgb(248, 246, 240); font-weight: 700; }
.client-page .planned-item .alsa-mark { flex-shrink: 0; margin: 0px; min-width: 145px; }
@media (max-width: 760px){
.client-page .development-cards { grid-template-columns: 1fr; }
.client-page .planned-list { grid-template-columns: 1fr; }
.client-page .development-photo { height: 220px; }
.client-page .planned-developments { padding: 20px; }
.client-page .planned-item .alsa-mark { min-width: 125px; }
.client-page .interior-gallery img { height: 95px; }
}
.client-page .planned-item { flex-direction: column; justify-content: center; text-align: center; gap: 10px; }
.client-page .planned-item .planned-alsa-logo { display: block; width: 76px; height: 76px; object-fit: cover; border-radius: 50%; flex-shrink: 0; }
@media (max-width: 760px){
.client-page .planned-item .planned-alsa-logo { width: 70px; height: 70px; }
}
.client-page .developments-banner { width: 100%; line-height: 0; background: rgb(8, 9, 9); overflow: hidden; }
.client-page .developments-banner img { display: block; width: 100%; height: auto; object-fit: contain; }
.client-page .alsa-symbol-img { display: block; width: 36px; height: 36px; object-fit: contain; flex-shrink: 0; }
.client-page .planned-item .planned-alsa-logo { display: block; width: 76px; height: 76px; object-fit: contain; border-radius: 0px; background: transparent; flex-shrink: 0; }
@media (max-width: 760px){
.client-page .planned-item .planned-alsa-logo { width: 70px; height: 70px; }
}
.client-page .bond-calculator-section { background: rgb(246, 244, 239); }
.client-page .bond-calculator-panel { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 32px; padding: 32px; background: rgb(16, 20, 22); color: rgb(248, 246, 240); border: 1px solid rgb(183, 138, 53); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 32px; }
.client-page .bond-calculator-form { display: grid; grid-template-columns: 1fr; gap: 9px; align-content: start; }
.client-page .bond-calculator-form label { font-size: 13px; font-weight: 700; color: rgb(232, 199, 125); margin-top: 5px; }
.client-page .bond-calculator-form input, .client-page .bond-calculator-form select { width: 100%; padding: 13px 14px; background: rgb(255, 255, 255); color: rgb(21, 21, 21); border: 1px solid rgb(185, 161, 110); border-radius: 3px; font: inherit; }
.client-page .bond-calculator-form .btn { margin-top: 12px; cursor: pointer; justify-self: start; }
.client-page .bond-calculator-result { padding: 24px; background: rgb(25, 29, 30); border: 1px solid rgb(75, 64, 43); display: flex; flex-direction: column; justify-content: center; }
.client-page .bond-calculator-result output { display: block; font-size: clamp(30px, 4vw, 44px); font-weight: 800; color: rgb(232, 199, 125); line-height: 1.2; margin: 14px 0px; }
.client-page .bond-calculator-result p { color: rgb(216, 213, 206); margin: 0px 0px 20px; }
.client-page .bond-result-details { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding-top: 18px; border-top: 1px solid rgb(81, 69, 47); }
.client-page .bond-result-details small { display: block; color: rgb(189, 183, 170); margin-bottom: 7px; }
.client-page .bond-result-details strong { font-size: 17px; color: rgb(255, 255, 255); }
.client-page .calculator-disclaimer { font-size: 12px; color: rgb(108, 106, 101); max-width: 850px; margin: 14px auto 0px; }
.client-page .bond-calculator-section .section-head { text-align: left; margin-bottom: 24px; }
.client-page .bond-calculator-section .section-head p { max-width: 760px; }
@media (max-width: 700px){
.client-page .bond-calculator-panel { grid-template-columns: 1fr; padding: 18px; gap: 18px; }
.client-page .bond-result-details { grid-template-columns: 1fr 1fr; }
.client-page .bond-calculator-form .btn { width: 100%; text-align: center; }
}
.client-page .planned-developments { background: rgb(255, 255, 255); color: rgb(23, 23, 23); border: 1px solid rgb(228, 224, 215); }
.client-page .planned-developments h2 { color: rgb(23, 23, 23); }
.client-page .planned-developments .eyebrow { color: rgb(181, 138, 45); }
.client-page .planned-developments > p { color: rgb(68, 68, 68); }
.client-page .planned-item { color: rgb(23, 23, 23); border-bottom: 1px solid rgb(229, 224, 214); }
.client-page .planned-item .planned-alsa-logo { background: rgb(255, 255, 255); object-fit: contain; }
.client-page .tools-hero { background-image: linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.208)), url("/assets/client-20261021/tools-finance-desk-wide.webp"); background-position: center 52%; background-size: cover; }
.client-page .client--style-0 { background-image:url('/assets/client-20261021/family-lifestyle-wide.webp') }
.client-page .client--style-1 { background-image:url('/assets/client-20261021/investors-property-wide.webp') }
.client-page .client--style-2 { background-image:url('/assets/client-20261021/landowners-property-wide.webp');background-position:center center }
.client-page .client--style-3 { text-align:center;margin-top:24px }
.client-page .client--style-4 { font-weight:800;color:#986b1d;text-transform:uppercase;font-size:12px }
.client-page .client-about-style-0 { display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap }
.client-page .client-about-style-1 { margin:8px 0 }
.client-page .client-about-style-2 { color:#d6d9d9;margin:0 }
.client-page .client-services-style-0 { display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap }
.client-page .client-services-style-1 { margin:8px 0 }
.client-page .client-services-style-2 { color:#d6d9d9;margin:0 }
.client-page .client-properties-style-0 { margin-top:27px }
.client-page .client-properties-style-1 { margin-top:27px }
.client-page .client-properties-style-2 { font-weight:800;text-transform:uppercase;font-size:11px;color:#986b1d }
.client-page .client-properties-style-3 { font-weight:800;text-transform:uppercase;font-size:11px;color:#986b1d }
.client-page .client-properties-style-4 { display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap }
.client-page .client-properties-style-5 { margin:8px 0 }
.client-page .client-properties-style-6 { color:#d6d9d9;margin:0 }
.client-page .client-investors-style-0 { margin-top:27px }
.client-page .client-investors-style-1 { font-weight:800;text-transform:uppercase;font-size:11px;color:#986b1d }
.client-page .client-investors-style-2 { font-weight:800;text-transform:uppercase;font-size:11px;color:#986b1d }
.client-page .client-investors-style-3 { display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap }
.client-page .client-investors-style-4 { margin:8px 0 }
.client-page .client-investors-style-5 { color:#d6d9d9;margin:0 }
.client-page .client-landowners-style-0 { margin-top:27px }
.client-page .client-landowners-style-1 { font-weight:800;text-transform:uppercase;font-size:11px;color:#986b1d }
.client-page .client-landowners-style-2 { font-weight:800;text-transform:uppercase;font-size:11px;color:#986b1d }
.client-page .client-landowners-style-3 { display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap }
.client-page .client-landowners-style-4 { margin:8px 0 }
.client-page .client-landowners-style-5 { color:#d6d9d9;margin:0 }
.client-page .client-developments-style-0 { font-weight:800;color:#986b1d }
.client-page .client-developments-style-1 { margin-top:25px;font-size:12px;color:#606b73 }
.client-page .client-developments-style-2 { display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap }
.client-page .client-developments-style-3 { margin:8px 0 }
.client-page .client-developments-style-4 { color:#d6d9d9;margin:0 }
.client-page .client-tools-style-0 { margin-top:25px;color:#606b73;font-size:13px }
.client-page .client-tools-style-1 { display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap }
.client-page .client-tools-style-2 { margin:8px 0 }
.client-page .client-tools-style-3 { color:#d6d9d9;margin:0 }

/* Integration with the server-rendered app: readable type, complete image sizing,
   accessible controls, and the client's supplied page compositions. */
.client-page .hero-content { width:96%; margin-left:2%; margin-right:auto; }
.client-page .hero h1 { max-width:18ch; }
.client-page .intro-photo { position:relative; background:none; overflow:hidden; }
.client-page .intro-photo picture,.client-page .intro-photo img { height:100%; width:100%; object-fit:cover; }
.client-page .intro-photo picture { position:absolute; inset:0; }
.client-page .eyebrow { color:#875f1c; font-size:13px; }
.client-page .hero .eyebrow,.client-page .page-hero .eyebrow,.client-page .dark-band .eyebrow,.client-page .about-approach-panel .eyebrow { color:#f2d18a; }
.client-page .button,.client-page .btn-outline { min-height:48px; font-size:13px; gap:12px; }
.client-page .button:hover,.client-page a:hover { text-decoration:none; }
.client-page .button svg,.client-page a svg.icon { width:18px; height:18px; vertical-align:middle; flex-shrink:0; }
.client-page .card-photo h3 { text-shadow:0 1px 5px #000; }
.client-page .service-icons a strong { font-size:13px; }
.client-page .service-icons a small { font-size:12px; }
.client-page .feature-grid .feature p,.client-page .about-disclaimer { font-size:15px; }
.client-page .feature-grid .feature h3 { font-size:19px; }
.client-page .feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.client-page .feature { scroll-margin-top:150px; }
.client-page .development-photo { height:225px; }
.client-page .current-developments .development-card { display:flex; flex-direction:column; }
.client-page .development-card>picture:first-child { display:block; }
.client-page .development-card .development-enquiry { margin:22px 22px 0; }
.client-page .alsa-mark { margin-top:auto; padding-top:12px; }
.client-page .alsa-mark picture { width:36px; height:36px; flex-shrink:0; }
.client-page .interior-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-page .interior-gallery img { height:82px; }
.client-page .planned-item picture { width:76px; height:76px; }
.client-page .planned-item a { text-decoration:underline; text-underline-offset:5px; }
.client-page .client-image-note { font-size:14px; color:#44514c; margin-top:24px; }
.client-page .contact-layout { padding-block:58px 70px; grid-template-columns:.8fr 1.2fr; gap:35px; }
.client-page .contact-aside h2 { color:white; }
.client-page .contact-aside .principal { border-top:1px solid #726348; }
.client-page .contact-aside .principal h2 { font-size:24px; }
.client-page .contact-aside .principal a { color:#f2d18a; }
.client-page .contact-panel .notice { background:#f1ede3; }
.client-page .contact-panel .field-error { color:#9d271a; }
.client-page .contact-panel label { margin-bottom:24px; }
.client-page .contact-panel p { margin-top:16px; }
.client-page .contact-panel .checkbox { font-size:16px; }
.client-page .contact-panel .button.dark { background:#171a1c; color:white; }
.client-page .tool-card h2 { font-size:30px; }
.client-page .tool-card p { flex:1; }
.client-page .tool-card { min-width:0; }
.client-page .tool-card .button { align-self:start; }
.client-page .page-hero p { max-width:760px; }
.client-page .hero p { max-width:640px; }
.client-page .trust strong,.client-page .trust small { font-size:14px; }
.client-page .about-disclaimer { color:#44514c; }
.client-page .mission-signoff { color:#775318; }
.client-page .mission-card-dark p { color:#e0e2e2; }
.client-page .mission-card-gold p { color:#2e2a22; }
.client-page .mission-vision-heading p { color:#44514c; }
.client-page .dark-band p { color:#d6d9d9; }
.client-page .service-icon-svg { color:#926820; }
.client-page .page-content { overflow-wrap:break-word; }
@media(max-width:1000px) {
 .client-page .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .client-page .content-grid { grid-template-columns:1fr; }
 .client-page .contact-layout { grid-template-columns:1fr; }
 .client-page .tools-grid { grid-template-columns:1fr; }
 .client-page .dark-grid { grid-template-columns:1fr; }
}
@media(max-width:760px) {
 .client-page .feature-grid { grid-template-columns:1fr; }
 .client-page .cards { grid-template-columns:1fr; }
 .client-page .hero-content { width:calc(100% - 40px); margin-inline:20px; }
 .client-page .hero h1 { font-size:40px; max-width:18ch; }
 .client-page .hero p { font-size:16px; }
 .client-page .hero { min-height:590px; }
 .client-page .page-hero h1 { font-size:36px; }
 .client-page .contact-layout { gap:24px; padding-block:40px; }
 .client-page .planned-item picture { width:70px; height:70px; }
 .client-page .interior-gallery img { height:85px; }
}
@media(prefers-reduced-motion:reduce) {
 .client-page .btn,.client-page .feature,.client-page .glyph { transition:none; }
 .client-page .btn:hover,.client-page .feature:hover,.client-page .service-icons a:hover .glyph { transform:none; }
}
.client-page .intro-photo { width:100%; }
.client-page .current-developments .eyebrow { color:#f2d18a; }
.client-page .planned-developments>.eyebrow { color:#875f1c; }
.client-page .contact-aside>.eyebrow { color:#f2d18a; }
.client-page .hero .hero-content { width:96%; margin-left:2%; margin-right:auto; }
@media(max-width:760px) {
 .client-page .hero .hero-content { width:calc(100% - 40px); margin-inline:20px; }
 .client-page .client-hero { background-image:linear-gradient(90deg,rgba(8,12,15,.88),rgba(8,12,15,.64)),url('/assets/client-20261021/luxury-apartments-mobile.webp'); }
}
.client-page .panel a:not(.button) { color:#775318; font-size:14px; }

@media(max-width:760px){
.client-page .hero {background-image:linear-gradient(90deg, rgba(8, 12, 15, 0.85) 0%, rgba(8, 12, 15, 0.64) 39%, rgba(8, 12, 15, 0.05) 100%), url("/assets/client-20261021/luxury-apartments-mobile.webp");}
.client-page .intro-photo {background-image:url("/assets/client-20261021/luxury-apartments-mobile.webp");}
.client-page .dark-band {background-image:linear-gradient(90deg, rgba(16, 20, 22, 0.93), rgba(16, 20, 22, 0.85)), url("/assets/client-20261021/luxury-apartments-mobile.webp");}
.client-page .page-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.93), rgba(17, 20, 22, 0.54)), url("/assets/client-20261021/luxury-apartments-mobile.webp");}
.client-page .investors-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.27)), url("/assets/client-20261021/investors-boardroom-mobile.webp");}
.client-page .landowners-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.27)), url("/assets/client-20261021/landowners-property-mobile.webp");}
.client-page .services-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.79), rgba(17, 20, 22, 0.22)), url("/assets/client-20261021/services-boardroom-mobile.webp");}
.client-page .contact-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.79), rgba(17, 20, 22, 0.27)), url("/assets/client-20261021/contact-boardroom-mobile.webp");}
.client-page .buyers-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.46)), url("/assets/client-20261021/family-lifestyle-mobile.webp");}
.client-page .developments-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.333)), url("/assets/client-20261021/orange-creek-photorealistic-mobile.webp");}
.client-page .tools-hero {background-image:linear-gradient(90deg, rgba(17, 20, 22, 0.85), rgba(17, 20, 22, 0.208)), url("/assets/client-20261021/tools-finance-desk-mobile.webp");}
.client-page .client--style-0 {background-image:url("/assets/client-20261021/family-lifestyle-mobile.webp");}
.client-page .client--style-1 {background-image:url("/assets/client-20261021/investors-property-mobile.webp");}
.client-page .client--style-2 {background-image:url("/assets/client-20261021/landowners-property-mobile.webp");}
.client-page .client-hero {background-image:linear-gradient(90deg,rgba(8,12,15,.88),rgba(8,12,15,.64)),url('/assets/client-20261021/luxury-apartments-mobile.webp');}
}
@media(max-width:760px) {
 .client-page .page-hero { background-color:#666; background-blend-mode:normal,multiply; }
}