@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
.route-home *, .route-home ::before, .route-home ::after, .route-home ::backdrop, *, ::before, ::after, ::backdrop, .route-about-us *, .route-about-us ::before, .route-about-us ::after, .route-about-us ::backdrop, .route-contact-us *, .route-contact-us ::before, .route-contact-us ::after, .route-contact-us ::backdrop, .route-gallery *, .route-gallery ::before, .route-gallery ::after, .route-gallery ::backdrop, .route-our-area *, .route-our-area ::before, .route-our-area ::after, .route-our-area ::backdrop, .route-search *, .route-search ::before, .route-search ::after, .route-search ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; }
}
}
@layer theme {
:root, :host { --font-sans: var(--font-geist-sans); --spacing: .25rem; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-geist-sans); --default-mono-font-family: var(--font-geist-mono); }
.route-about-us, .route-about-us :host, .route-contact-us, .route-contact-us :host, .route-gallery, .route-gallery :host, .route-our-area, .route-our-area :host, .route-search, .route-search :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer base {
.route-home *, .route-home ::after, .route-home ::before, .route-home ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.route-home ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.route-home ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
.route-home ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
::placeholder { color: color-mix(currentcolor, transparent); }
}
}
textarea { resize: vertical; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
[hidden]:where(:not([hidden="until-found"])) { display: none !important; }
.route-about-us *, .route-about-us ::after, .route-about-us ::before, .route-about-us ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.route-about-us ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.route-about-us ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
.route-about-us ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
.route-contact-us *, .route-contact-us ::after, .route-contact-us ::before, .route-contact-us ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.route-contact-us ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.route-contact-us ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
.route-contact-us ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
.route-gallery *, .route-gallery ::after, .route-gallery ::before, .route-gallery ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.route-gallery ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.route-gallery ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
.route-gallery ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
.route-our-area *, .route-our-area ::after, .route-our-area ::before, .route-our-area ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.route-our-area, .route-our-area :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
.route-our-area h1, .route-our-area h2, .route-our-area h3, .route-our-area h4, .route-our-area h5, .route-our-area h6 { font-size: inherit; font-weight: inherit; }
.route-our-area a { color: inherit; text-decoration: inherit; }
.route-our-area b, .route-our-area strong { font-weight: bolder; }
.route-our-area ol, .route-our-area ul, .route-our-area menu { list-style: none; }
.route-our-area img, .route-our-area svg, .route-our-area video, .route-our-area canvas, .route-our-area audio, .route-our-area iframe, .route-our-area embed, .route-our-area object { vertical-align: middle; display: block; }
.route-our-area img, .route-our-area video { max-width: 100%; height: auto; }
.route-our-area button, .route-our-area input, .route-our-area select, .route-our-area optgroup, .route-our-area textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
.route-our-area ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.route-our-area ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
.route-our-area ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
.route-our-area textarea { resize: vertical; }
.route-our-area button, .route-our-area input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
.route-our-area [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
.route-search *, .route-search ::after, .route-search ::before, .route-search ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.route-search ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.route-search ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
.route-search ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
}
@layer components;
@layer utilities {
.antialiased { -webkit-font-smoothing: antialiased; }
}
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/approved-assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
.route-home a:focus-visible, .route-home button:focus-visible, .route-home input:focus-visible, .route-home select:focus-visible, .route-home textarea:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.route-home .skip-link:focus { top: 12px; }
.route-home .lbh-universal-navigation__links a::after { background: var(--bright); content: ""; transform-origin: 50% center; width: 100%; height: 2px; transition: transform 0.18s; position: absolute; bottom: 13px; left: 0px; transform: scaleX(0); }
.route-home .lbh-universal-navigation__links a.active::after, .route-home .lbh-universal-navigation__links a:hover::after, .route-home .lbh-universal-navigation__links a:focus-visible::after { transform: scaleX(1); }
.route-home .lbh-universal-navigation__links a:hover { color: var(--bright); }
.route-home .hero::before { content: none; }
.route-home .availability-form button:hover, .route-home .primary-button:hover { background: var(--action-dark); }
.route-home .property-actions a:hover { background: var(--action-dark); }
.route-home .homepage-v8 .lbh-universal-navigation__links a:nth-child(7)::after { display: none; }
.route-home .homepage-v8 .lbh-universal-navigation__links a:nth-child(7):hover, .route-home .homepage-v8 .lbh-universal-navigation__links a:nth-child(7):focus-visible { background: var(--action-dark); color: rgb(255, 255, 255); }
.route-home .homepage-v8 .property-photo a:focus-visible { outline-offset: -4px; }
.route-home .homepage-v8 .property-content h3 a:hover { color: var(--action); }
.route-home .homepage-v9 .lbh-universal-navigation__links a:nth-child(7)::after { display: none; }
.route-home .homepage-v9 .lbh-universal-navigation__links a:nth-child(7):hover, .route-home .homepage-v9 .lbh-universal-navigation__links a:nth-child(7):focus-visible { background: var(--action-dark); color: rgb(255, 255, 255); }
.route-home .homepage-v9 .property-photo a:focus-visible { outline-offset: -4px; }
.route-home .homepage-v9 .property-content h3 a:hover { color: var(--action); }
.route-home .homepage-v10 .lbh-universal-navigation__links a:nth-child(7)::after { display: none; }
.route-home .homepage-v10 .lbh-universal-navigation__links a:nth-child(7):hover, .route-home .homepage-v10 .lbh-universal-navigation__links a:nth-child(7):focus-visible { background: var(--action-dark); color: rgb(255, 255, 255); }
.route-home .homepage-v10 .property-photo a:focus-visible { outline-offset: -4px; }
.route-home .homepage-v10 .property-content h3 a:hover { color: var(--action); }
.route-home .homepage-v11 .property-photo a:focus-visible { outline-offset: -4px; }
.route-home .homepage-v11 .property-content h3 a:hover { color: var(--action); }
.route-home .homepage-v7 .lbh-universal-navigation__links a:nth-child(7)::after { display: none; }
.route-home .homepage-v7 .lbh-universal-navigation__links a:nth-child(7):hover, .route-home .homepage-v7 .lbh-universal-navigation__links a:nth-child(7):focus-visible { background: var(--action-dark); color: rgb(255, 255, 255); }
.route-home .homepage-v7 .property-photo a:focus-visible { outline-offset: -4px; }
.route-home .homepage-v7 .property-content h3 a:hover { color: var(--action); }
.route-home .property-actions-v7 .property-primary:hover { background: var(--action-dark); }
.route-home .secondary-button:hover { color: var(--action-dark); background: rgb(242, 247, 253); }
@media (width <= 980px) {
.route-home .lbh-universal-navigation__links a::after { transform-origin: 0px center; width: 38px; bottom: 5px; }
}
@media (width <= 620px) {
.route-home .hero::before { background: radial-gradient(110% 32% at 42% 84%, rgba(0, 163, 216, 0.28) 0%, rgba(0, 132, 194, 0.17) 44%, rgba(0, 112, 178, 0.07) 67%, rgba(0, 0, 0, 0) 84%); }
.route-home .homepage-v11 .hero-support::before { content: ""; filter: blur(5px); pointer-events: none; z-index: -1; background: radial-gradient(rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.36) 48%, rgba(255, 255, 255, 0.12) 68%, rgba(0, 0, 0, 0) 82%); position: absolute; inset: -13px -22px; }
}
@media (prefers-reduced-motion: reduce) {
.route-home *, .route-home ::before, .route-home ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
.route-home-property-gallery .home-property-gallery:hover img, .route-home-property-gallery .home-property-gallery:focus-within img { filter: brightness(0.96); transform: scale(1.012); }
.route-home-property-gallery .property-photo:hover .home-property-gallery-arrow, .route-home-property-gallery .property-photo .home-property-gallery-arrow:focus-visible { opacity: 0.9; background: rgba(255, 255, 255, 0.88); transform: translateY(-50%) scale(1.02); box-shadow: rgba(6, 31, 106, 0.13) 0px 2px 7px; }
.route-home-property-gallery .property-photo .home-property-gallery-arrow:disabled { cursor: default; opacity: 0.18; }
.route-home-property-gallery .property-photo:hover .home-property-gallery-arrow:disabled { opacity: 0.18; background: rgba(255, 255, 255, 0.72); transform: translateY(-50%); box-shadow: rgba(6, 31, 106, 0.1) 0px 1px 5px; }
@keyframes home-property-gallery-reveal {
0% { opacity: 0.58; transform: scale(1.035); }
100% { opacity: 1; transform: scale(1); }
}
@media (hover: none) {
.route-home-property-gallery .home-property-gallery:hover img { filter: none; transform: none; }
}
:root { --background: #fff; --foreground: #171717; }
@media (prefers-color-scheme: dark) {
:root { --background: #0a0a0a; --foreground: #ededed; }
}
body { background: var(--background); color: var(--foreground); font-family: Arial, Helvetica, sans-serif; }
.lbh-mobile-eyebrow-break { display: none; }
@media (width <= 680px) {
.lbh-mobile-eyebrow-break { display: block; }
}
.lbh-homepage-search-copy *, .lbh-homepage-search-copy ::before, .lbh-homepage-search-copy ::after { box-sizing: border-box; }
.lbh-homepage-search-copy .lbh-homepage-availability-submit:hover { background: rgb(7, 53, 142); }
.lbh-homepage-search-copy :is(.lbh-homepage-availability-control, .lbh-homepage-availability-submit):focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
.lbh-homepage-search-copy .lbh-homepage-availability-submit:active { background: rgb(7, 53, 142); }
.lbh-homepage-search-copy .lbh-homepage-availability-submit:disabled { cursor: not-allowed; opacity: 0.65; }
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
:is(.route-home .hero .hero-eyebrow, .route-about-us .hero .eyebrow, .route-gallery .hero .hero-copy > .eyebrow, .route-our-homes .ourHomesHero .ourHomesEyebrow, .route-contact-us .hero .hero-content > p, .route-our-area .hero .eyebrow, .aviaryListingPage .property-identity-line) { color: rgb(17, 82, 147) !important; letter-spacing: 0.18em !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: uppercase !important; margin: 0px 0px 10px !important; font-family: "Avenir Next", "Avenir Next LT Pro", Avenir, "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-style: normal !important; font-weight: 800 !important; line-height: normal !important; text-decoration: none !important; }
:is(.route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1, .aviaryListingPage .hero-identity h1) { color: rgb(0, 63, 208) !important; letter-spacing: -0.04em !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; margin: 0px 0px 24px !important; font-family: "Bodoni Moda", "Bodoni 72", Didot, "Bodoni MT", Georgia, serif !important; font-size: clamp(50px, 5.1vw, 74px) !important; font-style: normal !important; font-weight: 400 !important; line-height: 0.98 !important; text-decoration: none !important; }
:is(.route-home .hero .hero-support, .route-about-us .hero .locations, .route-gallery .hero .hero-copy > p:last-of-type, .route-our-homes .ourHomesHeroCopy > p:last-child, .route-contact-us .hero .hero-content h2, .route-our-area .hero .hero-copy, .aviaryListingPage .hero-identity p) { color: rgb(82, 101, 142) !important; letter-spacing: normal !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; margin-bottom: 0px !important; font-family: "Avenir Next", "Avenir Next LT Pro", Avenir, "Segoe UI", Arial, sans-serif !important; font-size: 17px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.6 !important; text-decoration: none !important; }
:is(.route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-side-by-side .heroContent h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1) { line-height: 1.176 !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation { box-shadow: none !important; color: rgb(6, 31, 106) !important; z-index: 900 !important; background: 0px 0px !important; width: auto !important; font-family: "Avenir Next", Avenir, Montserrat, "Segoe UI", Arial, sans-serif !important; position: absolute !important; top: 0px !important; left: 0px !important; right: 0px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__inner { justify-content: space-between !important; align-items: center !important; gap: 32px !important; max-width: 1440px !important; min-height: 104px !important; margin: 0px auto !important; padding: 8px 28px !important; display: flex !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand { flex: 0 0 205px !important; justify-content: center !important; align-items: center !important; width: auto !important; height: 96px !important; min-height: 0px !important; display: flex !important; overflow: hidden !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand img { object-fit: contain !important; width: 180px !important; height: 96px !important; max-height: none !important; display: block !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links { flex: 0 1 auto !important; justify-content: flex-end !important; align-self: auto !important; align-items: center !important; gap: clamp(14px, 1.7vw, 28px) !important; display: flex !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links a { align-items: initial !important; color: rgb(6, 31, 106) !important; letter-spacing: 0.04em !important; text-transform: none !important; white-space: nowrap !important; min-height: 0px !important; padding: 9px 0px 7px !important; font-family: "Avenir Next", Avenir, Montserrat, "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; display: block !important; position: relative !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links a::after { content: "" !important; transform-origin: 0px center !important; background: rgb(0, 63, 208) !important; width: 100% !important; height: 2px !important; transition: transform 0.16s !important; position: absolute !important; inset: auto auto 0px 0px !important; transform: scaleX(0) !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links a:is(:hover, :focus-visible, .active, [aria-current="page"])::after { transform: scaleX(1) !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links a:is(:hover, :focus-visible, .active, [aria-current="page"]) { color: rgb(6, 31, 106) !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__toggle { cursor: pointer !important; background: 0px 0px !important; border: 0px !important; width: 48px !important; height: 46px !important; margin-left: 0px !important; padding: 10px !important; display: none !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__toggle span { background: rgb(6, 31, 106) !important; width: auto !important; height: 2px !important; margin: 6px 0px !important; display: block !important; }
.route-gallery .hero::before { content: "" !important; pointer-events: none !important; z-index: -2 !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.84) 36%, rgba(255, 255, 255, 0.12) 72%) !important; position: absolute !important; inset: 0px !important; }
@media (width >= 981px) {
.route-our-area .hero .hero-content { width: min(770px, 58vw) !important; max-width: 770px !important; margin-left: clamp(38px, 8vw, 128px) !important; margin-right: 0px !important; }
}
@media (width >= 681px) and (width <= 980px) {
.route-our-area .hero .hero-content { width: calc(100% - 56px) !important; margin-left: 28px !important; margin-right: 0px !important; }
}
:is(.route-home .hero .hero-support, .route-about-us .hero .locations, .route-gallery .hero .hero-copy > p:last-of-type, .route-our-homes .ourHomesHeroCopy > p:last-child, .route-side-by-side .heroContent > p:last-child, .route-contact-us .hero .hero-content h2, .route-our-area .hero .hero-copy) { font-weight: 700 !important; }
.route-gallery .hero::after { background: 0px 0px !important; }
.route-gallery .hero .hero-copy::before { content: none !important; }
.route-our-area .hero-overlay { background: linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.78) 38%, rgba(255, 255, 255, 0.18) 67%, rgba(0, 0, 0, 0) 100%) !important; }
.route-our-area .hero-photo { object-position: center center !important; }
@media (width >= 981px) {
.route-our-area .hero .hero-content { width: min(770px, 100% + (-1 * max(56px, -664px + 50vw))) !important; max-width: 770px !important; margin: 0px !important; padding: 0px !important; position: absolute !important; top: calc(50% + 52px) !important; left: max(41px, -679px + 50vw) !important; transform: translateY(-50%) !important; }
}
@media (width <= 680px) {
.route-our-area .hero-overlay { background: linear-gradient(90deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.72) 48%, rgba(255, 255, 255, 0.2) 76%, rgba(0, 0, 0, 0) 100%) !important; }
.route-our-area .hero-photo { filter: brightness(1.03) contrast(1.04) saturate(1.18) !important; }
}
.route-about-us .main-nav a::after { content: "" !important; transform-origin: 0px center !important; background: rgb(0, 63, 208) !important; width: 100% !important; height: 2px !important; transition: transform 0.16s !important; position: absolute !important; bottom: 0px !important; left: 0px !important; transform: scaleX(0) !important; }
.route-about-us .main-nav a:is(:hover, :focus-visible, .active, [aria-current="page"])::after { transform: scaleX(1) !important; }
.aviaryListingPage .desktop-site-links > a::after { content: "" !important; transform-origin: 0px center !important; background: rgb(0, 63, 208) !important; width: 100% !important; height: 2px !important; transition: transform 0.16s !important; position: absolute !important; bottom: 0px !important; left: 0px !important; transform: scaleX(0) !important; }
.aviaryListingPage .desktop-site-links > a:is(:hover, :focus-visible, .property-page-link)::after { transform: scaleX(1) !important; }
@media (width <= 1320px) and (width >= 981px) {
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__inner, .route-about-us .site-header, .aviaryListingPage .site-header { padding-left: 24px !important; padding-right: 24px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand, .route-about-us .header-logo, .aviaryListingPage .header-logo { flex-basis: 175px !important; height: 88px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand img, .route-about-us .header-logo img, .aviaryListingPage .header-logo img { width: 160px !important; height: 88px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links, .route-about-us .main-nav, .aviaryListingPage :is(.nav-panel, .desktop-site-links) { gap: 12px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links a, .route-about-us .main-nav a, .aviaryListingPage :is(.desktop-site-links > a, .desktop-more-menu > summary) { letter-spacing: 0.02em !important; font-size: 13px !important; }
}
@media (width <= 980px) {
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation { background: rgba(255, 255, 255, 0.93) !important; position: relative !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__inner, .route-about-us .site-header, .aviaryListingPage .site-header { min-height: 88px !important; padding: 6px 24px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand, :is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand img, .route-about-us .header-logo, .route-about-us .header-logo img, .aviaryListingPage .header-logo, .aviaryListingPage .header-logo img { width: 150px !important; height: 78px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand, .route-about-us .header-logo, .aviaryListingPage .header-logo { flex-basis: 150px !important; justify-content: flex-start !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__toggle, .route-about-us .menu-toggle, .aviaryListingPage .mobile-menu-toggle { display: block !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links, .route-about-us .main-nav { background: rgb(255, 255, 255) !important; flex-direction: column !important; align-items: stretch !important; gap: 0px !important; padding: 15px 25px 22px !important; display: none !important; position: absolute !important; top: 88px !important; left: 0px !important; right: 0px !important; box-shadow: rgba(4, 49, 92, 0.13) 0px 15px 25px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links a, .route-about-us .main-nav a { border-bottom: 1px solid rgb(225, 230, 237) !important; padding: 13px 2px !important; font-size: 0.86rem !important; }
:is(.route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1, .aviaryListingPage .hero-identity h1) { font-size: clamp(46px, 8vw, 66px) !important; }
}
@media (width <= 680px) {
:is(.route-home .hero .hero-eyebrow, .route-about-us .hero .eyebrow, .route-gallery .hero .hero-copy > .eyebrow, .route-our-homes .ourHomesHero .ourHomesEyebrow, .route-contact-us .hero .hero-content > p, .route-our-area .hero .eyebrow, .aviaryListingPage .property-identity-line, .route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1, .aviaryListingPage .hero-identity h1, .route-home .hero .hero-support, .route-about-us .hero .locations, .route-gallery .hero .hero-copy > p:last-of-type, .route-our-homes .ourHomesHeroCopy > p:last-child, .route-contact-us .hero .hero-content h2, .route-our-area .hero .hero-copy, .aviaryListingPage .hero-identity p) { text-align: center !important; }
:is(.route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1, .aviaryListingPage .hero-identity h1) { font-size: clamp(42px, 12vw, 58px) !important; }
:is(.route-home .hero .hero-support, .route-about-us .hero .locations, .route-gallery .hero .hero-copy > p:last-of-type, .route-our-homes .ourHomesHeroCopy > p:last-child, .route-contact-us .hero .hero-content h2, .route-our-area .hero .hero-copy, .aviaryListingPage .hero-identity p) { font-size: 16px !important; line-height: 1.55 !important; }
}
@media (width <= 480px) {
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__inner, .route-about-us .site-header, .aviaryListingPage .site-header { min-height: 76px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand, :is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand img, .route-about-us .header-logo, .route-about-us .header-logo img, .aviaryListingPage .header-logo, .aviaryListingPage .header-logo img { width: 120px !important; height: 68px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__brand, .route-about-us .header-logo, .aviaryListingPage .header-logo { flex-basis: 120px !important; }
:is(.route-home, .route-contact-us, .route-our-area) .lbh-universal-navigation__links, .route-about-us .main-nav { top: 76px !important; }
}
@media (width <= 680px) {
.route-gallery .hero .hero-copy::before { inset: -28px -24px -36px !important; }
}
:is(.route-home .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-about-us .hero, .route-contact-us .hero, .route-gallery .hero, .route-our-area .hero) { height: min(680px, 70vh) !important; min-height: 560px !important; }
@media (width <= 980px) {
:is(.route-home .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-about-us .hero, .route-contact-us .hero, .route-gallery .hero, .route-our-area .hero) { height: 580px !important; min-height: 580px !important; }
}
@media (width <= 620px) {
:is(.route-home .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-about-us .hero, .route-contact-us .hero, .route-gallery .hero, .route-our-area .hero) { height: 460px !important; min-height: 460px !important; }
}
@media (width <= 680px) {
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-contact-us .hero, .route-our-area .hero) { position: relative !important; }
:is(.route-home .hero .hero-copy, .route-about-us .hero .hero-content, .route-gallery .hero .hero-copy, .route-our-homes .ourHomesHeroCopy, .route-side-by-side .heroContent, .route-contact-us .hero .hero-content, .route-our-area .hero .hero-content) { box-sizing: border-box !important; text-align: left !important; z-index: 2 !important; width: calc(100% - 44px) !important; max-width: none !important; margin: 0px !important; padding: 0px !important; position: absolute !important; top: 50% !important; left: 22px !important; right: auto !important; transform: translateY(-50%) !important; }
:is(.route-home .hero .hero-eyebrow, .route-about-us .hero .eyebrow, .route-gallery .hero .hero-copy > .eyebrow, .route-our-homes .ourHomesEyebrow, .route-side-by-side .heroContent > .eyebrow, .route-contact-us .hero .hero-content > p, .route-our-area .hero .eyebrow, .route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-side-by-side .heroContent h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1, .route-home .hero .hero-support, .route-about-us .hero .locations, .route-gallery .hero .hero-copy > p:last-of-type, .route-our-homes .ourHomesHeroCopy > p:last-child, .route-side-by-side .heroContent > p:last-child, .route-contact-us .hero .hero-content h2, .route-our-area .hero .hero-copy) { text-align: left !important; }
}
@media (width <= 680px) {
:is(.route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-side-by-side .heroContent h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1) { font-size: clamp(34px, 9.5vw, 44px) !important; line-height: 1.08 !important; }
:is(.route-gallery .hero .hero-copy > p:last-of-type, .route-contact-us .hero .hero-content h2, .route-our-area .hero .hero-copy) { font-size: 15px !important; line-height: 1.45 !important; }
:is(.route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-side-by-side .heroContent h1, .route-contact-us .hero .hero-content h1, .route-our-area .hero h1) { overflow-wrap: break-word !important; }
}
@media (width <= 620px) {
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-our-area .hero) { --lbh-mobile-homepage-hero-inset: clamp(58px, 18vw, 112px); }
:is(.route-home .hero .hero-copy, .route-about-us .hero .hero-content, .route-gallery .hero .hero-copy, .route-our-homes .ourHomesHeroCopy, .route-side-by-side .heroContent, .route-our-area .hero .hero-content) { bottom: var(--lbh-mobile-homepage-hero-inset) !important; height: auto !important; top: var(--lbh-mobile-homepage-hero-inset) !important; grid-template-rows: auto minmax(0px, 1fr) auto !important; align-items: start !important; display: grid !important; transform: none !important; }
:is(.route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-side-by-side .heroContent h1, .route-our-area .hero h1) { align-self: center !important; }
:is(.route-home .hero .hero-support, .route-about-us .hero .locations, .route-gallery .hero .hero-copy > p:last-of-type, .route-our-homes .ourHomesHeroCopy > p:last-child, .route-side-by-side .heroContent > p:last-child, .route-our-area .hero .hero-copy) { align-self: end !important; }
}
@media (width >= 621px) and (width <= 680px) {
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-our-area .hero) { --lbh-mobile-homepage-hero-inset: clamp(155px, 25vw, 170px); }
:is(.route-home .hero .hero-copy, .route-about-us .hero .hero-content, .route-gallery .hero .hero-copy, .route-our-homes .ourHomesHeroCopy, .route-side-by-side .heroContent, .route-our-area .hero .hero-content) { bottom: var(--lbh-mobile-homepage-hero-inset) !important; height: auto !important; top: var(--lbh-mobile-homepage-hero-inset) !important; grid-template-rows: auto minmax(0px, 1fr) auto !important; align-items: start !important; display: grid !important; transform: none !important; }
:is(.route-home .hero .hero-copy h1, .route-about-us .hero h1, .route-gallery .hero .hero-copy h1, .route-our-homes .ourHomesHeroCopy h1, .route-side-by-side .heroContent h1, .route-our-area .hero h1) { align-self: center !important; }
:is(.route-home .hero .hero-support, .route-about-us .hero .locations, .route-gallery .hero .hero-copy > p:last-of-type, .route-our-homes .ourHomesHeroCopy > p:last-child, .route-side-by-side .heroContent > p:last-child, .route-our-area .hero .hero-copy) { align-self: end !important; }
}
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-contact-us .hero, .route-our-area .hero) { --lbh-logo-bottom-in-hero: 104px; position: relative !important; }
:is(.route-home .hero .hero-copy, .route-about-us .hero .hero-content, .route-gallery .hero .hero-copy, .route-our-homes .ourHomesHeroCopy, .route-side-by-side .heroContent, .route-contact-us .hero .hero-content, .route-our-area .hero .hero-content) { height: auto !important; bottom: auto !important; top: calc((100% + var(--lbh-logo-bottom-in-hero)) / 2) !important; grid-template-rows: none !important; display: block !important; position: absolute !important; transform: translateY(-50%) !important; }
@media (width >= 981px) and (width <= 1320px) {
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-contact-us .hero, .route-our-area .hero) { --lbh-logo-bottom-in-hero: 96px; }
}
@media (width <= 980px) {
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-contact-us .hero, .route-our-area .hero) { --lbh-logo-bottom-in-hero: -6px; }
}
@media (width <= 480px) {
:is(.route-home .hero, .route-contact-us .hero, .route-our-area .hero) { --lbh-logo-bottom-in-hero: -6px; }
}
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-contact-us .hero, .route-our-area .hero) { --lbh-hero-logo-axis: max(40.5px, calc((100% - 1359px) / 2)); }
:is(.route-home .hero .hero-copy, .route-about-us .hero .hero-content, .route-gallery .hero .hero-copy, .route-our-homes .ourHomesHeroCopy, .route-side-by-side .heroContent, .route-contact-us .hero .hero-content, .route-our-area .hero .hero-content) { left: var(--lbh-hero-logo-axis) !important; margin-left: 0px !important; margin-right: 0px !important; }
@media (width >= 981px) and (width <= 1320px) {
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-contact-us .hero, .route-our-area .hero) { --lbh-hero-logo-axis: 31.5px; }
}
@media (width <= 980px) {
:is(.route-home .hero, .route-about-us .hero, .route-gallery .hero, .route-our-homes .ourHomesHero, .route-side-by-side .hero, .route-contact-us .hero, .route-our-area .hero) { --lbh-hero-logo-axis: 24px; }
}
@media (width >= 1441px) {
:is(.homeHeroVeilLogo, .areaHeroVeilLogo) { left: calc(-704px + 50vw); }
}
.route-about-us :focus-visible { outline: 3px solid var(--lbh-focus); outline-offset: 3px; }
.route-about-us .skip-link:focus { transform: none; }
.route-about-us .main-nav a::after { content: ""; background: var(--lbh-blue-600); width: 0px; height: 2px; transition: width 0.15s; position: absolute; bottom: 3px; left: 50%; transform: translate(-50%); }
.route-about-us .main-nav a:hover::after, .route-about-us .main-nav a:focus-visible::after, .route-about-us .main-nav a.active::after { width: 100%; }
.route-about-us .button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.route-about-us .story-copy blockquote::before, .route-about-us .story-copy blockquote::after { color: var(--lbh-gold); font-size: 2.25rem; line-height: 0; }
.route-about-us .story-copy blockquote::before { content: "“"; position: absolute; top: 12px; left: -28px; }
.route-about-us .story-copy blockquote::after { content: "”"; margin-left: 6px; }
@media (width <= 980px) {
.route-about-us .main-nav a::after { bottom: 4px; }
}
@media (prefers-reduced-motion: reduce) {
.route-about-us *, .route-about-us ::before, .route-about-us ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
.automation-dashboard *, .automation-dashboard ::before, .automation-dashboard ::after { box-sizing: border-box; }
.automation-hero::after { background: linear-gradient(90deg, var(--gold), #e6c271 55%, transparent); content: ""; width: 42%; height: 4px; position: absolute; bottom: 0px; left: 0px; }
.source-link:hover { background: rgba(255, 255, 255, 0.12); border-color: rgb(255, 255, 255); }
.status-card::before { background: var(--blue); content: ""; border-radius: 14px 14px 0px 0px; height: 4px; position: absolute; top: 0px; left: 0px; right: 0px; }
.status-card--complete::before { background: rgb(29, 141, 98); }
.status-card--process::before { background: rgb(213, 138, 22); }
.status-card--future::before { background: rgb(122, 105, 199); }
.search-icon::after { content: ""; background: rgb(115, 130, 154); width: 7px; height: 2px; position: absolute; top: 11px; right: -6px; transform: rotate(45deg); }
.server-jobs-callout > a:hover { background: rgb(244, 247, 251); }
.category-list { gap: 16px; display: grid; }
.category-toggle:hover { background: rgb(251, 252, 254); }
.job-toggle:hover { background: rgb(251, 252, 255); }
.job-actions a:hover { filter: brightness(0.9); }
.automation-dashboard button:focus-visible, .automation-dashboard a:focus-visible, .automation-dashboard input:focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Montserrat; font-style: normal; font-weight: 400; src: url("/assets/fonts/montserrat-400.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Montserrat; font-style: normal; font-weight: 700; src: url("/assets/fonts/montserrat-700.woff2") format("woff2"); }
.tester-heading > a:hover { border-color: rgb(11, 88, 186); }
.copy-button:hover { background: rgb(7, 53, 142); }
.hero-photo { filter: saturate(var(--hero-saturation)) contrast(.94) brightness(var(--hero-brightness)); background-image: url("/assets/contact-v3/contact-family-pool-veiled-1800.webp"); background-position: 50% 58%; background-size: cover; position: absolute; inset: 0px; transform: scale(1.006); }
.hero-preview .lbh-universal-navigation__links a::after { content: ""; background: rgb(0, 63, 208); width: 100%; height: 2px; position: absolute; bottom: 13px; left: 0px; transform: scaleX(0); }
.hero-preview .lbh-universal-navigation__links a.active::after, .hero-preview .lbh-universal-navigation__links a:hover::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
.hero-tester-page *, .hero-tester-page ::before, .hero-tester-page ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
.route-contact-us :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.route-contact-us .skip-link:focus { top: 16px; }
.route-contact-us .lbh-universal-navigation__links a::after { background: var(--bright-blue); content: ""; transform-origin: 50% center; width: 100%; height: 2px; transition: transform 0.18s; position: absolute; bottom: 13px; left: 0px; transform: scaleX(0); }
.route-contact-us .lbh-universal-navigation__links a.active::after, .route-contact-us .lbh-universal-navigation__links a:hover::after, .route-contact-us .lbh-universal-navigation__links a:focus-visible::after { transform: scaleX(1); }
.route-contact-us .lbh-universal-navigation__links a:hover { color: var(--bright-blue); }
.route-contact-us .primary-nav a::after { content: ""; background: 0px 0px; height: 3px; position: absolute; bottom: 0px; left: 8px; right: 8px; }
.route-contact-us .primary-nav a:hover::after, .route-contact-us .primary-nav a:focus-visible::after, .route-contact-us .primary-nav a[aria-current="page"]::after { background: var(--gold); }
.route-contact-us .button-primary:hover, .route-contact-us .button-secondary:hover { filter: brightness(1.06); transform: translateY(-1px); }
.route-contact-us .form-grid input::placeholder, .route-contact-us .form-grid textarea::placeholder { color: rgb(122, 135, 159); }
.route-contact-us .form-action button:hover, .route-contact-us .secondary-action:hover { filter: brightness(1.08); transform: translateY(-1px); }
.route-contact-us .form-action button:disabled { cursor: wait; opacity: 0.65; }
.route-contact-us .faq-item button:hover { color: var(--action); background: rgb(243, 248, 255); }
.route-contact-us .faq-item button i::before, .route-contact-us .faq-item button i::after { content: ""; background: currentcolor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.route-contact-us .faq-item button i::before { width: 16px; height: 2px; }
.route-contact-us .faq-item button i::after { width: 2px; height: 16px; }
.route-contact-us .faq-item.is-open button i::after { display: none; }
@media (width <= 980px) {
.route-contact-us .primary-nav a::after { bottom: 5px; }
}
@media (prefers-reduced-motion: reduce) {
.route-contact-us *, .route-contact-us ::before, .route-contact-us ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
.route-gallery .hero::before { content: ""; z-index: -2; background: linear-gradient(rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.57) 35%, rgba(255, 255, 255, 0.25) 72%, rgba(255, 255, 255, 0.08) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 35%); position: absolute; inset: 0px; }
.route-gallery .hero::after { content: ""; z-index: -1; background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.32)); height: 90px; position: absolute; inset: auto 0px 0px; }
.route-gallery .filter.active, .route-gallery .filter:hover { border-color: var(--blue); background: var(--blue); color: rgb(255, 255, 255); }
.route-gallery .photo::after { content: "View"; color: rgb(255, 255, 255); letter-spacing: 0.08em; text-transform: uppercase; opacity: 0; background: rgba(0, 53, 87, 0.5); border: 1px solid rgba(255, 255, 255, 0.85); padding: 5px 8px; font-size: 9px; font-weight: 800; transition: opacity 0.25s; position: absolute; bottom: 10px; right: 11px; }
.route-gallery .photo:hover img { filter: saturate(1.05); transform: scale(1.018); }
.route-gallery .photo:hover::after, .route-gallery .photo:focus-visible::after { opacity: 1; }
.route-gallery .cta::after { content: ""; z-index: -1; background: rgba(2, 54, 87, 0.58); position: absolute; inset: 0px; }
.route-gallery .v2-hero::before { content: ""; z-index: -2; background: linear-gradient(rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.08) 56%, rgba(255, 255, 255, 0.02)); position: absolute; inset: 0px; }
.route-gallery .v2-hero::after { content: ""; z-index: -1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0) 38%); position: absolute; inset: 0px; }
.route-gallery .v2-hero-copy::before { content: ""; z-index: -1; pointer-events: none; background: radial-gradient(rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.82) 46%, rgba(255, 255, 255, 0.38) 67%, rgba(255, 255, 255, 0) 82%); position: absolute; inset: 8px -64px -42px; }
.route-gallery .v2-filter.active, .route-gallery .v2-filter:hover { border-color: var(--v2-blue); background: var(--v2-blue); color: rgb(255, 255, 255); }
.route-gallery .v2-photo:hover img { filter: saturate(1.05); transform: scale(1.018); }
.route-gallery .v2-photo::after { content: "View"; color: rgb(255, 255, 255); opacity: 0; background: rgba(0, 53, 87, 0.5); border: 1px solid rgba(255, 255, 255, 0.85); padding: 5px 8px; font-size: 12px; transition: opacity 0.25s; position: absolute; bottom: 10px; right: 11px; }
.route-gallery .v2-photo:hover::after, .route-gallery .v2-photo:focus-visible::after { opacity: 1; }
.route-gallery .v2-cta::after { content: ""; z-index: -1; background: rgba(2, 54, 87, 0.58); position: absolute; inset: 0px; }
.route-gallery .v2-guide-form button:disabled { opacity: 0.65; }
.route-gallery .gallery-v3 .v2-hero-copy::before { background: radial-gradient(rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.87) 48%, rgba(255, 255, 255, 0.46) 68%, rgba(255, 255, 255, 0) 84%); inset: -2px -52px -38px; }
@media (width <= 520px) {
.route-gallery .gallery-v3 .v2-hero-copy::before { inset: -8px -24px -34px; }
}
.route-gallery .gallery-v4 .lbh-universal-navigation__nav a::after { content: ""; transform-origin: 0px center; background: rgb(0, 63, 208); width: 100%; height: 2px; transition: transform 0.16s; position: absolute; bottom: 0px; left: 0px; transform: scaleX(0); }
.route-gallery .gallery-v4 .lbh-universal-navigation__nav a:hover::after, .route-gallery .gallery-v4 .lbh-universal-navigation__nav a:focus-visible::after, .route-gallery .gallery-v4 .lbh-universal-navigation__nav a.is-active::after { transform: scaleX(1); }
.route-gallery .gallery-v4 .lbh-universal-navigation__nav a:focus-visible, .route-gallery .gallery-v4 .lbh-universal-navigation__menu-button:focus-visible, .route-gallery .gallery-v4 .lbh-universal-navigation__logo:focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
.route-gallery .gallery-v4 .v2-hero-copy::before { background: radial-gradient(rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.82) 48%, rgba(255, 255, 255, 0.4) 68%, rgba(255, 255, 255, 0.12) 79%, rgba(255, 255, 255, 0) 92%); inset: -34px -76px -44px; }
.route-gallery .gallery-v4 .v2-hero-actions a:hover, .route-gallery .gallery-v4 .v2-hero-actions a:focus-visible { filter: brightness(0.94); }
.route-gallery .gallery-v4 .v2-hero-actions a:focus-visible { outline-offset: 3px; outline: rgb(243, 192, 96) solid 3px; }
.route-gallery .gallery-v4 .v2-filter:focus-visible, .route-gallery .gallery-v4 .v2-view-more:focus-visible, .route-gallery .gallery-v4 .v2-lightbox button:focus-visible { outline-offset: 3px; outline: rgb(243, 192, 96) solid 3px; }
.route-gallery .gallery-v4 .v2-lightbox button:hover { background: rgba(8, 72, 132, 0.92); }
@media (width <= 980px) {
.route-gallery .gallery-v4 .v2-hero-copy::before { inset: -34px -54px -44px; }
}
@media (width <= 520px) {
.route-gallery .gallery-v4 .v2-hero-copy::before { background: radial-gradient(rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.84) 55%, rgba(255, 255, 255, 0.42) 75%, rgba(255, 255, 255, 0) 96%); inset: -28px -24px -36px; }
}
@media (prefers-reduced-motion: reduce) {
.route-gallery .gallery-v4 .lbh-universal-navigation *, .route-gallery .gallery-v4 .lbh-universal-navigation ::before, .route-gallery .gallery-v4 .lbh-universal-navigation ::after { scroll-behavior: auto !important; transition: none !important; }
}
@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
._v20_1hhch_9 :focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
._v20_1hhch_9 .hero::before, ._v20_1hhch_9 .hero::after { content: none !important; }
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Montserrat; font-style: normal; font-weight: 400; src: url("/assets/fonts/montserrat-400.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Montserrat; font-style: normal; font-weight: 700; src: url("/assets/fonts/montserrat-700.woff2") format("woff2"); }
.control-actions button:hover, .control-actions button.is-active, .version-row button:hover:not(:disabled) { background: rgb(218, 232, 250); }
.version-row button:disabled { cursor: not-allowed; opacity: 0.45; }
.hero-photo { filter: saturate(var(--hero-saturation)) contrast(.98) brightness(var(--hero-brightness)); object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; transform: scale(1.006); }
.preview-links a.active::after { content: ""; background: rgb(0, 63, 208); width: 100%; height: 2px; position: absolute; bottom: 13px; left: 0px; }
.hero-preview-frame[data-page="gallery"] .preview-links a.active::after { bottom: 0px; }
.hero-tester-page button:focus-visible, .hero-tester-page a:focus-visible, .hero-tester-page input:focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
@media (prefers-reduced-motion: reduce) {
.hero-tester-page *, .hero-tester-page ::before, .hero-tester-page ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
.route-our-area { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; --lbh-white: #fff; --lbh-paper: #fcfcfd; --lbh-cream: #fbfbfa; --lbh-navy-900: #061f6a; --lbh-blue-800: #082e87; --lbh-blue-600: #003fd0; --lbh-action-500: #0b58ba; --lbh-action-700: #07358e; --lbh-gold: #d4a751; --lbh-ink: #173748; --lbh-muted: #52658e; --lbh-line: #dce2ed; --lbh-focus: #f0b431; --lbh-font-sans: "Avenir Next", Avenir, Montserrat, "Segoe UI", Arial, sans-serif; --lbh-font-display: "Bodoni 72", Didot, "Bodoni MT", "Times New Roman", serif; --lbh-radius-control: 4px; --lbh-radius-standard: 8px; --lbh-radius-feature: 12px; --lbh-shadow-subtle: 0 2px 7px #1f3d6929; --lbh-shadow-card: 0 10px 28px #08394d12; --lbh-shadow-float: 0 16px 50px #173f8f1f; }
.route-our-area * { box-sizing: border-box; }
.route-our-area { scroll-behavior: smooth; background: var(--lbh-white); color: var(--lbh-ink); font-family: var(--lbh-font-sans); font-kerning: normal; text-rendering: optimizelegibility; margin: 0px; font-size: clamp(1rem, 0.95rem + 0.15vw, 1.0625rem); line-height: 1.58; }
.route-our-area a { color: inherit; }
.route-our-area img { max-width: 100%; display: block; }
.route-our-area button, .route-our-area input { font: inherit; }
.route-our-area :focus-visible { outline: 3px solid var(--lbh-focus); outline-offset: 3px; }
.route-our-area .skip-link { background: var(--lbh-white); color: var(--lbh-navy-900); z-index: 2000; padding: 12px 18px; position: fixed; top: -100px; left: 12px; }
.route-our-area .skip-link:focus { top: 12px; }
.route-our-area .desktop-nav a:hover { color: var(--lbh-action-500); }
.route-our-area .header-search:hover { background: var(--lbh-action-700); }
.route-our-area .hero { color: var(--lbh-white); align-items: center; min-height: 500px; display: flex; position: relative; overflow: hidden; }
.route-our-area .hero-photo { object-fit: cover; object-position: center 52%; width: 100%; height: 100%; position: absolute; inset: 0px; }
.route-our-area .hero-overlay { background: linear-gradient(90deg, rgba(6, 31, 106, 0.91) 0%, rgba(6, 31, 106, 0.72) 42%, rgba(6, 31, 106, 0.18) 78%, rgba(6, 31, 106, 0.08) 100%); position: absolute; inset: 0px; }
.route-our-area .hero-content { width: 100%; max-width: 1180px; margin: 0px auto; padding: 54px 28px 58px; position: relative; }
.route-our-area .eyebrow, .route-our-area .section-kicker { letter-spacing: 0.17em; text-transform: uppercase; margin: 0px 0px 14px; font-size: 0.76rem; font-weight: 700; }
.route-our-area .eyebrow { color: var(--lbh-white); }
.route-our-area .hero h1 { font-family: var(--lbh-font-display); letter-spacing: -0.025em; text-wrap: balance; max-width: 870px; margin: 0px; font-size: clamp(2.7rem, 5.2vw, 4.75rem); font-weight: 400; line-height: 1; }
.route-our-area .hero-copy { max-width: 770px; margin: 24px 0px 28px; font-size: clamp(1rem, 0.9rem + 0.3vw, 1.18rem); line-height: 1.55; }
.route-our-area .hero-actions, .route-our-area .cta-actions { flex-wrap: wrap; align-items: center; gap: 14px; display: flex; }
.route-our-area .button { border-radius: var(--lbh-radius-control); text-transform: uppercase; border: 1px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; min-height: 48px; padding: 0px 22px; font-size: 0.78rem; font-weight: 700; text-decoration: none; display: inline-flex; }
.route-our-area .button-primary { background: var(--lbh-action-500); color: var(--lbh-white); }
.route-our-area .button-primary:hover { background: var(--lbh-action-700); }
.route-our-area .button-secondary:hover { background: var(--lbh-paper); }
.route-our-area .button-light { border-color: var(--lbh-white); color: var(--lbh-white); background: 0px 0px; }
.route-our-area .button-light:hover { background: var(--lbh-white); color: var(--lbh-navy-900); }
.route-our-area .trust-strip { background: linear-gradient(rgb(247, 251, 255), rgb(255, 255, 255)); border-bottom: 0px; padding: clamp(58px, 6vw, 92px) 24px 66px; }
.route-our-area .trust-strip-inner { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; max-width: 1180px; margin: 0px auto; display: grid; }
.route-our-area .trust-strip article { border: 1px solid var(--lbh-line); box-shadow: var(--lbh-shadow-subtle); text-align: center; background: rgb(255, 255, 255); border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; min-height: 142px; padding: 22px 16px; display: flex; }
.route-our-area .trust-strip strong { color: rgb(0, 63, 208); font-family: var(--lbh-font-display); font-size: clamp(1.42rem, 2vw, 2rem); font-weight: 400; line-height: 1.08; }
.route-our-area .trust-strip span { color: rgb(6, 31, 106); margin-top: 8px; font-size: 0.96rem; line-height: 1.35; }
.route-our-area .section-shell { max-width: 1180px; margin: 0px auto; padding-left: 28px; padding-right: 28px; }
.route-our-area .featured { padding-top: 74px; padding-bottom: 70px; }
.route-our-area .section-heading-row { justify-content: space-between; align-items: end; margin-bottom: 30px; display: flex; }
.route-our-area .section-heading-row > a { color: var(--lbh-action-500); letter-spacing: 0.08em; text-transform: uppercase; min-height: 44px; padding-top: 12px; font-size: 0.76rem; font-weight: 700; text-decoration: none; }
.route-our-area .section-kicker { color: var(--lbh-action-500); }
.route-our-area .featured h2, .route-our-area .article-controls h2, .route-our-area .mid-cta h2, .route-our-area .homes h2 { color: var(--lbh-navy-900); font-family: var(--lbh-font-display); letter-spacing: -0.02em; margin: 0px; font-size: clamp(2rem, 3.2vw, 2.75rem); font-weight: 400; line-height: 1.1; }
.route-our-area .featured-card { background: var(--lbh-white); border: 1px solid var(--lbh-line); border-radius: var(--lbh-radius-feature); box-shadow: var(--lbh-shadow-card); grid-template-columns: minmax(0px, 1.3fr) minmax(330px, 0.85fr); display: grid; overflow: hidden; }
.route-our-area .featured-image { min-height: 410px; overflow: hidden; }
.route-our-area .featured-image img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
.route-our-area .featured-image:hover img { transform: scale(1.018); }
.route-our-area .featured-copy { align-self: center; padding: 42px; }
.route-our-area .article-meta { color: var(--lbh-muted); letter-spacing: 0.06em; text-transform: uppercase; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0px 0px 16px; font-size: 0.72rem; font-weight: 700; display: flex; }
.route-our-area .article-meta span { color: var(--lbh-action-500); }
.route-our-area .article-meta span::after { color: var(--lbh-gold); content: "•"; margin-left: 12px; }
.route-our-area .featured-copy h3, .route-our-area .article-card h3, .route-our-area .home-card h3 { color: var(--lbh-navy-900); font-family: var(--lbh-font-display); letter-spacing: -0.01em; margin: 0px; font-weight: 400; line-height: 1.13; }
.route-our-area .featured-copy h3 { font-size: clamp(1.75rem, 2.4vw, 2.25rem); }
.route-our-area .featured-copy h3 a, .route-our-area .article-card h3 a, .route-our-area .home-card h3 a { text-decoration: none; }
.route-our-area .featured-copy > p:not(.article-meta) { color: var(--lbh-muted); margin: 18px 0px 22px; }
.route-our-area .text-link { color: var(--lbh-action-500); text-transform: uppercase; gap: 8px; min-height: 44px; padding: 11px 0px; font-size: 0.78rem; font-weight: 700; text-decoration: none; display: inline-flex; }
.route-our-area .text-link:hover { color: var(--lbh-action-700); }
.route-our-area .article-controls { background: var(--lbh-paper); border-bottom: 1px solid var(--lbh-line); border-top: 1px solid var(--lbh-line); text-align: center; padding: 52px 0px 32px; scroll-margin-top: 20px; }
.route-our-area .blog-search { text-align: left; max-width: 800px; margin: 26px auto 22px; }
.route-our-area .blog-search label { color: var(--lbh-navy-900); margin-bottom: 7px; font-size: 0.78rem; font-weight: 700; display: block; }
.route-our-area .blog-search > div { grid-template-columns: 1fr auto; display: grid; }
.route-our-area .blog-search input { appearance: none; background: var(--lbh-white); border: 1px solid var(--lbh-line); border-radius: var(--lbh-radius-control) 0 0 var(--lbh-radius-control); color: var(--lbh-ink); width: 100%; min-height: 50px; padding: 10px 14px; }
.route-our-area .blog-search button { background: var(--lbh-action-500); border-radius: 0 var(--lbh-radius-control) var(--lbh-radius-control) 0; color: var(--lbh-white); cursor: pointer; text-transform: uppercase; border: 0px; min-height: 50px; padding: 0px 26px; font-size: 0.78rem; font-weight: 700; }
.route-our-area .blog-search button:hover { background: var(--lbh-action-700); }
.route-our-area .category-list { flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 1100px; margin: 0px auto; display: flex; }
.route-our-area .category-list a { background: var(--lbh-white); border: 1px solid var(--lbh-line); border-radius: var(--lbh-radius-control); color: var(--lbh-navy-900); justify-content: center; align-items: center; min-height: 44px; padding: 8px 14px; font-size: 0.72rem; font-weight: 700; text-decoration: none; display: inline-flex; }
.route-our-area .category-list a:hover { border-color: var(--lbh-action-500); color: var(--lbh-action-500); }
.route-our-area .category-list a.active { background: var(--lbh-navy-900); border-color: var(--lbh-navy-900); color: var(--lbh-white); }
.route-our-area .articles { padding-top: 54px; padding-bottom: 76px; }
.route-our-area .article-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; display: grid; }
.route-our-area .article-card { background: var(--lbh-white); border: 1px solid var(--lbh-line); border-radius: var(--lbh-radius-standard); box-shadow: var(--lbh-shadow-card); flex-direction: column; display: flex; overflow: hidden; }
.route-our-area .article-image { aspect-ratio: 4 / 3; overflow: hidden; }
.route-our-area .article-image img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
.route-our-area .article-image:hover img { transform: scale(1.025); }
.route-our-area .article-body { flex-direction: column; flex: 1 1 0%; padding: 25px 24px 22px; display: flex; }
.route-our-area .article-card h3 { font-family: var(--lbh-font-sans); font-size: 1.25rem; font-weight: 600; line-height: 1.28; }
.route-our-area .article-card .article-body > p:not(.article-meta) { color: var(--lbh-muted); margin: 15px 0px 18px; font-size: 0.95rem; }
.route-our-area .article-card .text-link { margin-top: auto; }
.route-our-area .pagination { justify-content: center; align-items: center; gap: 18px; margin-top: 38px; display: flex; }
.route-our-area .pagination a { background: var(--lbh-action-500); border-radius: var(--lbh-radius-control); color: var(--lbh-white); text-transform: uppercase; align-items: center; min-height: 44px; padding: 0px 18px; font-size: 0.75rem; font-weight: 700; text-decoration: none; display: inline-flex; }
.route-our-area .pagination a:hover { background: var(--lbh-action-700); }
.route-our-area .pagination span { color: var(--lbh-muted); font-size: 0.86rem; }
.route-our-area .mid-cta { background: var(--lbh-navy-900); color: var(--lbh-white); grid-template-columns: minmax(320px, 0.9fr) minmax(0px, 1.1fr); align-items: stretch; gap: clamp(32px, 4vw, 58px); max-width: 1440px; margin: 0px auto; padding: 48px max(28px, 50% - 590px); display: grid; }
.route-our-area .mid-cta-image { border-radius: var(--lbh-radius-feature); min-height: 330px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 0px 16px 38px; }
.route-our-area .mid-cta-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; }
.route-our-area .mid-cta-content { flex-direction: column; align-self: center; gap: 28px; display: flex; }
.route-our-area .mid-cta-content > div:first-child { max-width: 700px; }
.route-our-area .mid-cta .section-kicker { color: var(--lbh-gold); }
.route-our-area .mid-cta h2 { color: var(--lbh-white); }
.route-our-area .mid-cta p:not(.section-kicker) { margin: 14px 0px 0px; }
.route-our-area .mid-cta .cta-actions { justify-content: flex-start; }
.route-our-area .homes { text-align: center; padding-top: 76px; padding-bottom: 82px; }
.route-our-area .section-intro { color: var(--lbh-muted); max-width: 720px; margin: 14px auto 32px; }
.route-our-area .home-grid { text-align: left; grid-template-columns: repeat(3, 1fr); gap: 28px; display: grid; }
.route-our-area .home-card { background: var(--lbh-white); border: 1px solid var(--lbh-line); border-radius: var(--lbh-radius-standard); box-shadow: var(--lbh-shadow-card); overflow: hidden; }
.route-our-area .home-card > a { aspect-ratio: 3 / 2; display: block; overflow: hidden; }
.route-our-area .home-card img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
.route-our-area .home-card > a:hover img { transform: scale(1.025); }
.route-our-area .home-card > div { padding: 24px; }
.route-our-area .home-card h3 { font-size: 2rem; }
.route-our-area .home-card p { color: var(--lbh-muted); text-transform: uppercase; flex-wrap: wrap; gap: 8px 12px; margin: 10px 0px 4px; font-size: 0.8rem; font-weight: 700; display: flex; }
.route-our-area .home-card p span + span::before { color: var(--lbh-gold); content: "•"; margin-right: 12px; }
.route-our-area .homes-carousel { position: relative; }
.route-our-area .homes-carousel-track.home-grid { overscroll-behavior-x: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 28px; padding: 4px; display: flex; overflow-x: auto; }
.route-our-area .homes-carousel-track .home-card { scroll-snap-align: start; flex-direction: column; flex: 0 0 calc(33.3333% - 18.6667px); display: flex; }
.route-our-area .homes-carousel-track .home-card > div { flex-direction: column; flex: 1 1 0%; display: flex; }
.route-our-area .homes-carousel-track .home-card .text-link { margin-top: auto; }
.route-our-area .homes-carousel-arrow { background: var(--lbh-action-500); border: 2px solid var(--lbh-white); box-shadow: var(--lbh-shadow-float); color: var(--lbh-white); cursor: pointer; z-index: 4; border-radius: 50%; justify-content: center; align-items: center; width: 50px; height: 50px; padding: 0px 0px 4px; font-family: Arial, sans-serif; font-size: 2.25rem; display: flex; position: absolute; top: 44%; transform: translateY(-50%); }
.route-our-area .homes-carousel-arrow:hover:not(:disabled) { background: var(--lbh-action-700); }
.route-our-area .homes-carousel-arrow:disabled { cursor: default; opacity: 0.32; }
.route-our-area .homes-carousel-arrow-previous { left: -21px; }
.route-our-area .homes-carousel-arrow-next { right: -21px; }
@media (width >= 1400px) {
.route-our-area .mid-cta { grid-template-columns: minmax(0px, 1.65fr) minmax(480px, 1fr); gap: clamp(42px, 3vw, 58px); max-width: none; padding-left: clamp(32px, 4vw, 72px); padding-right: clamp(32px, 4vw, 72px); }
.route-our-area .mid-cta-image { aspect-ratio: 3 / 1; align-self: center; min-height: 0px; }
}
@media (width <= 1180px) {
.route-our-area .article-grid { gap: 22px; }
.route-our-area .mid-cta { margin-left: 14px; margin-right: 14px; }
}
@media (width <= 980px) {
.route-our-area .hero { min-height: 490px; }
.route-our-area .featured-card { grid-template-columns: 1fr; }
.route-our-area .featured-image { min-height: 370px; }
.route-our-area .article-grid { grid-template-columns: repeat(2, 1fr); }
.route-our-area .mid-cta { grid-template-columns: 1fr; gap: 32px; }
.route-our-area .mid-cta-image { aspect-ratio: 3 / 1; min-height: 0px; }
.route-our-area .home-grid, .route-our-area .homes-carousel-track.home-grid { gap: 22px; }
.route-our-area .homes-carousel-track .home-card { flex-basis: calc(50% - 11px); }
.route-our-area .home-card h3 { font-size: 1.7rem; }
}
@media (width <= 760px) {
.route-our-area .hero { min-height: 520px; }
.route-our-area .hero-photo { object-position: 58% center; }
.route-our-area .hero-overlay { background: linear-gradient(90deg, rgba(6, 31, 106, 0.92), rgba(6, 31, 106, 0.66) 72%, rgba(6, 31, 106, 0.26)); }
.route-our-area .hero-content { padding-top: 46px; padding-bottom: 46px; }
.route-our-area .trust-strip { padding: 54px 15px; }
.route-our-area .trust-strip-inner { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.route-our-area .trust-strip article { min-height: 132px; padding: 16px 9px; }
.route-our-area .trust-strip strong { font-size: 1.28rem; }
.route-our-area .trust-strip span { font-size: 0.82rem; }
.route-our-area .section-heading-row { flex-direction: column; align-items: flex-start; gap: 8px; }
.route-our-area .featured { padding-top: 56px; padding-bottom: 56px; }
.route-our-area .featured-image { min-height: 300px; }
.route-our-area .featured-copy { padding: 30px; }
.route-our-area .article-controls { padding-top: 44px; }
.route-our-area .category-list { justify-content: flex-start; }
.route-our-area .articles { padding-bottom: 60px; }
.route-our-area .article-grid { grid-template-columns: 1fr; }
.route-our-area .article-card { grid-template-columns: 42% 58%; display: grid; }
.route-our-area .article-image { aspect-ratio: auto; min-height: 100%; }
.route-our-area .article-body { padding: 22px; }
.route-our-area .home-grid { grid-template-columns: 1fr; }
.route-our-area .home-card { grid-template-columns: 45% 55%; display: grid; }
.route-our-area .home-card > a { aspect-ratio: auto; min-height: 100%; }
}
@media (width <= 620px) {
.route-our-area .hero { min-height: 560px; }
.route-our-area .hero-content { text-align: center; padding-left: 22px; padding-right: 22px; }
.route-our-area .button { width: 100%; }
.route-our-area .section-shell { padding-left: 20px; padding-right: 20px; }
.route-our-area .blog-search > div { grid-template-columns: 1fr; gap: 8px; }
.route-our-area .blog-search input, .route-our-area .blog-search button { border-radius: var(--lbh-radius-control); min-height: 52px; }
.route-our-area .category-list { gap: 7px; }
.route-our-area .category-list a { text-align: center; flex: 1 1 calc(50% - 7px); }
.route-our-area .article-card, .route-our-area .home-card { flex-direction: column; display: flex; }
.route-our-area .article-image { aspect-ratio: 4 / 3; flex: 0 0 auto; min-height: 0px; }
.route-our-area .article-card .article-body > p:not(.article-meta) { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.route-our-area .article-card .text-link { align-self: flex-start; }
.route-our-area .home-card > a { aspect-ratio: 3 / 2; }
.route-our-area .pagination { flex-wrap: wrap; gap: 10px; }
.route-our-area .pagination span { text-align: center; order: -1; width: 100%; }
.route-our-area .mid-cta { text-align: center; margin: 0px; padding: 40px 22px; }
.route-our-area .mid-cta-image { aspect-ratio: 3 / 1; }
.route-our-area .mid-cta .cta-actions { justify-content: center; width: 100%; }
.route-our-area .homes { padding-top: 58px; padding-bottom: 62px; }
.route-our-area .homes-carousel-track.home-grid { gap: 16px; }
.route-our-area .homes-carousel-track .home-card { flex-basis: 100%; }
.route-our-area .homes-carousel-arrow { width: 44px; height: 44px; }
.route-our-area .homes-carousel-arrow-previous { left: -12px; }
.route-our-area .homes-carousel-arrow-next { right: -12px; }
}
@media (width <= 480px) {
.route-our-area .hero h1 br { display: none; }
.route-our-area .hero-copy { font-size: 0.98rem; }
.route-our-area .featured-image { min-height: 240px; }
.route-our-area .featured-copy { padding: 25px 22px; }
.route-our-area .article-body { padding: 22px 20px 19px; }
.route-our-area .category-list a { padding-left: 9px; padding-right: 9px; font-size: 0.68rem; }
}
@media (prefers-reduced-motion: reduce) {
.route-our-area { scroll-behavior: auto; }
.route-our-area *, .route-our-area ::before, .route-our-area ::after { transition-duration: 0.01ms !important; }
}
@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
._v20_1n706_9 { --lbh-navy-900: #061f6a; --lbh-blue-800: #003fd0; --lbh-blue-600: #003fd0; --lbh-action-500: #003fd0; --lbh-action-700: #061f6a; --lbh-gold: #f0b431; --lbh-ink: #061f6a; --lbh-font-sans: "Avenir Next", Avenir, Montserrat, "Segoe UI", Arial, sans-serif; --lbh-font-display: "Bodoni Moda", "Bodoni 72", Didot, "Bodoni MT", Georgia, serif; }
._v20_1n706_9 .lbh-universal-navigation, ._v20_1n706_9 .lbh-universal-navigation * { box-sizing: border-box; }
._v20_1n706_9 .lbh-universal-navigation { color: rgb(6, 31, 106); font-family: var(--lbh-font-sans); z-index: 1000; background: rgb(255, 255, 255); position: relative; box-shadow: rgba(31, 61, 105, 0.16) 0px 2px 7px; }
._v20_1n706_9 .lbh-universal-navigation__inner { align-items: center; gap: 32px; max-width: 1440px; min-height: 104px; margin: 0px auto; padding: 8px 28px; display: flex; }
._v20_1n706_9 .lbh-universal-navigation__brand { flex: 0 0 205px; justify-content: flex-start; align-items: center; display: flex; }
._v20_1n706_9 .lbh-universal-navigation__brand img { object-fit: contain; width: 180px; height: 96px; }
._v20_1n706_9 .lbh-universal-navigation__links { flex: 1 1 auto; justify-content: flex-end; align-self: stretch; align-items: stretch; gap: clamp(14px, 1.7vw, 28px); display: flex; }
._v20_1n706_9 .lbh-universal-navigation__links a { color: rgb(0, 63, 208); letter-spacing: 0.04em; white-space: nowrap; align-items: center; min-height: 44px; padding: 9px 0px 7px; font-size: 13px; font-weight: 700; text-decoration: none; display: flex; position: relative; }
._v20_1n706_9 .lbh-universal-navigation__links a[aria-current="page"] { color: rgb(6, 31, 106); }
._v20_1n706_9 .lbh-universal-navigation__toggle { cursor: pointer; background: 0px 0px; border: 0px; width: 48px; height: 48px; margin-left: auto; padding: 9px; display: none; }
._v20_1n706_9 .lbh-universal-navigation__toggle span { background: rgb(0, 63, 208); width: 26px; height: 2px; margin: 6px auto; transition: opacity 0.18s, transform 0.18s; display: block; }
._v20_1n706_9 .trust-strip-inner { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
._v20_1n706_9 .trust-strip article { justify-content: center; }
._v20_1n706_9 .trust-strip strong { font-size: clamp(1.42rem, 2vw, 2rem); }
._v20_1n706_9 :focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
._v20_1n706_9 .hero { --area-hero-overall-softening: 0; --area-hero-navigation-veil: .35; --area-hero-logo-veil: .15; --area-hero-text-veil: 0; --area-hero-right-veil: 0; --area-hero-veil-width: 64%; --area-hero-feathering: 30px; --area-hero-brightness: 1; --area-hero-saturation: 1; --area-hero-water-color: 0; --area-hero-water-position: 52% 68%; isolation: isolate; }
._v20_1n706_9 .hero-photo { z-index: 0; filter: saturate(var(--area-hero-saturation)) contrast(.98) brightness(var(--area-hero-brightness)) !important; }
._v20_1n706_9 .hero-overlay { z-index: 1; }
._v20_1n706_9 .areaHeroEffects { pointer-events: none; z-index: 2; position: absolute; inset: 0px; overflow: hidden; }
._v20_1n706_9 .areaHeroWater { background: radial-gradient(ellipse 82% 30% at var(--area-hero-water-position),#00c2f4fa 0%,#008fdac7 42%,#0061ba52 66%,transparent 84%); mix-blend-mode: color; opacity: var(--area-hero-water-color); position: absolute; inset: 0px; }
._v20_1n706_9 .areaHeroVeil { background: rgb(255, 253, 248); position: absolute; }
._v20_1n706_9 .areaHeroVeilOverall { opacity: var(--area-hero-overall-softening); inset: 0px; }
._v20_1n706_9 .areaHeroVeilNavigation { filter: blur(var(--area-hero-feathering)); height: 76px; opacity: var(--area-hero-navigation-veil); border-radius: 999px; width: min(76%, 1040px); top: 14px; right: 2.5%; }
._v20_1n706_9 .areaHeroVeilLogo { filter: blur(var(--area-hero-feathering)); height: 112px; opacity: var(--area-hero-logo-veil); border-radius: 50%; width: 205px; top: 4px; left: 16px; }
._v20_1n706_9 .areaHeroVeilText { filter: blur(var(--area-hero-feathering)); height: 70%; opacity: var(--area-hero-text-veil); width: var(--area-hero-veil-width); border-radius: 48%; top: 20%; left: -8%; }
._v20_1n706_9 .areaHeroVeilRight { filter: blur(var(--area-hero-feathering)); height: 116%; opacity: var(--area-hero-right-veil); border-radius: 50%; width: 56%; top: -8%; right: -24%; }
._v20_1n706_9 .hero-content { z-index: 3; }
@media (width >= 681px) and (width <= 980px) {
._v20_1n706_9 .hero { --area-hero-overall-softening: .21; --area-hero-navigation-veil: .61; --area-hero-logo-veil: 0; --area-hero-text-veil: 0; --area-hero-right-veil: 0; --area-hero-veil-width: 88%; --area-hero-feathering: 30px; --area-hero-brightness: 1; --area-hero-saturation: 1; --area-hero-water-color: 0; --area-hero-water-position: 52% 72%; }
}
@media (width <= 680px) {
._v20_1n706_9 .hero { --area-hero-overall-softening: .29; --area-hero-navigation-veil: .63; --area-hero-logo-veil: 0; --area-hero-text-veil: 0; --area-hero-right-veil: 0; --area-hero-veil-width: 76%; --area-hero-feathering: 32px; --area-hero-brightness: 1.03; --area-hero-saturation: 1.18; --area-hero-water-color: .15493; --area-hero-water-position: 50% 78%; }
._v20_1n706_9 .areaHeroVeilNavigation { width: 78%; right: -3%; }
._v20_1n706_9 .areaHeroVeilLogo { width: 146px; height: 88px; left: 2px; }
._v20_1n706_9 .areaHeroVeilText { height: 76%; width: calc(var(--area-hero-veil-width) + 22%); top: 18%; left: -22%; }
}
@media (width <= 980px) {
._v20_1n706_9 .lbh-universal-navigation__inner { min-height: 88px; padding: 6px 24px; }
._v20_1n706_9 .lbh-universal-navigation__brand { flex-basis: 150px; }
._v20_1n706_9 .lbh-universal-navigation__brand img { width: 150px; height: 78px; }
._v20_1n706_9 .lbh-universal-navigation__toggle { display: block; }
._v20_1n706_9 .lbh-universal-navigation__links { background: rgb(255, 255, 255); flex-direction: column; align-items: stretch; gap: 0px; padding: 15px 25px 22px; display: none; position: absolute; top: 88px; left: 0px; right: 0px; box-shadow: rgba(4, 49, 92, 0.13) 0px 15px 25px; }
._v20_1n706_9 .lbh-universal-navigation__links a { border-bottom: 1px solid rgb(220, 226, 237); padding: 13px 2px; font-size: 0.86rem; }
._v20_1n706_9 .trust-strip-inner { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 620px) {
._v20_1n706_9 .lbh-universal-navigation__inner { min-height: 76px; padding: 5px 18px; }
._v20_1n706_9 .lbh-universal-navigation__brand { flex-basis: 120px; }
._v20_1n706_9 .lbh-universal-navigation__brand img { width: 120px; height: 68px; }
._v20_1n706_9 .lbh-universal-navigation__links { top: 76px; }
._v20_1n706_9 .trust-strip-inner { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
._v20_1n706_9 .trust-strip article { min-height: 132px; padding: 16px 9px; }
._v20_1n706_9 .trust-strip strong { font-size: 1.28rem; }
._v20_1n706_9 .trust-strip span { font-size: 0.82rem; }
}
:is(.route-side-by-side, .route-our-homes) .lbh-footer-button:hover, :is(.route-side-by-side, .route-our-homes) .lbh-footer-button:focus-visible, :is(.route-side-by-side, .route-our-homes) .lbh-footer-form button:hover, :is(.route-side-by-side, .route-our-homes) .lbh-footer-form button:focus-visible { filter: brightness(1.08); }
:is(.route-side-by-side, .route-our-homes) .lbh-global-footer a:focus-visible, :is(.route-side-by-side, .route-our-homes) .lbh-global-footer button:focus-visible, :is(.route-side-by-side, .route-our-homes) .lbh-global-footer input:focus-visible, :is(.route-side-by-side, .route-our-homes) .lbh-global-footer textarea:focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
:is(.route-side-by-side, .route-our-homes) .lbh-footer-form button:disabled { cursor: wait; opacity: 0.72; }
:is(.route-side-by-side, .route-our-homes) .lbh-footer-contact-details address > span:first-child::after { content: ""; background: rgb(0, 54, 212); border-radius: 50%; width: 7px; height: 7px; }
:is(.route-side-by-side, .route-our-homes) .lbh-footer-contact-social a:hover, :is(.route-side-by-side, .route-our-homes) .lbh-footer-contact-social a:focus-visible { opacity: 0.78; transform: translateY(-2px); }
:is(.route-side-by-side, .route-our-homes) .lbh-footer-forms-social a:hover, :is(.route-side-by-side, .route-our-homes) .lbh-footer-forms-social a:focus-visible { opacity: 0.78; transform: translateY(-2px); }
:is(.route-side-by-side, .route-our-homes) .lbh-v8-credential-link:hover { background: rgba(6, 31, 106, 0.035); }
:is(.route-side-by-side, .route-our-homes) .lbh-v8-credential-link:focus-visible { outline-offset: 5px; }
:is(.route-side-by-side, .route-our-homes) .lbh-footer-links a:hover, :is(.route-side-by-side, .route-our-homes) .lbh-footer-links a:focus-visible { opacity: 0.78; transform: translate(2px); }
:is(.route-side-by-side, .route-our-homes) .lbh-footer-social a:hover, :is(.route-side-by-side, .route-our-homes) .lbh-footer-social a:focus-visible { opacity: 0.78; transform: translateY(-2px); }
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
:is(.route-side-by-side, .route-our-homes) :focus-visible { outline-offset: 3px; outline: rgb(224, 185, 79) solid 3px; }
:is(.route-side-by-side, .route-our-homes) .skipLink:focus { top: 16px; }
:is(.route-side-by-side, .route-our-homes) .hero::before { background-image: url("/assets/side-by-side-playing-in-gulf-hero-v2.webp"); background-position: var(--side-hero-image-position); content: ""; filter: saturate() contrast(0.98) brightness(); z-index: 0; background-size: cover; position: absolute; inset: 0px; transform: scale(1.006); }
:is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation__nav a::after { background: var(--lbh-nav-blue); content: ""; transform-origin: 0px center; width: 100%; height: 2px; transition: transform 0.16s; position: absolute; bottom: 0px; left: 0px; transform: scaleX(0); }
:is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation__nav a:hover::after, :is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation__nav a:focus-visible::after, :is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation__nav a.is-active::after { transform: scaleX(1); }
:is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation__nav a:focus-visible, :is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation__menu-button:focus-visible, :is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation__logo:focus-visible { outline: 3px solid var(--lbh-nav-focus); outline-offset: 3px; }
:is(.route-side-by-side, .route-our-homes) .dateSearch button:disabled { cursor: wait; opacity: 0.72; }
:is(.route-side-by-side, .route-our-homes) .calendarHeader button:disabled { cursor: default; opacity: 0.35; }
:is(.route-side-by-side, .route-our-homes) .calendarDays button:hover, :is(.route-side-by-side, .route-our-homes) .calendarDays button:focus-visible, :is(.route-side-by-side, .route-our-homes) .calendarDays button.selected { background: var(--lbh-blue); border-color: var(--lbh-blue); color: rgb(255, 255, 255); outline: none; }
:is(.route-side-by-side, .route-our-homes) .calendarDays button:focus-visible { box-shadow: rgba(0, 63, 208, 0.2) 0px 0px 0px 3px; }
@media (prefers-reduced-motion: reduce) {
:is(.route-side-by-side, .route-our-homes) *, :is(.route-side-by-side, .route-our-homes) ::before, :is(.route-side-by-side, .route-our-homes) ::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
:is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation *, :is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation ::before, :is(.route-side-by-side, .route-our-homes) .lbh-universal-navigation ::after { scroll-behavior: auto !important; transition: none !important; }
}
.lbh-property-gallery-stage:hover img, .lbh-property-gallery-stage:focus-within img { filter: brightness(0.96); transform: scale(1.012); }
.lbh-property-gallery-stage:hover .lbh-property-gallery-control, .lbh-property-gallery-control:focus-visible { opacity: 0.9; outline-offset: 2px; background: rgba(255, 255, 255, 0.88); outline: rgba(0, 63, 208, 0.42) solid 2px; transform: translateY(-50%) scale(1.02); box-shadow: rgba(6, 31, 106, 0.13) 0px 2px 7px; }
.lbh-property-gallery-control:disabled, .lbh-property-gallery-control.is-disabled { cursor: default; opacity: 0.18; }
.lbh-property-gallery-stage:hover .lbh-property-gallery-control:disabled, .lbh-property-gallery-stage:hover .lbh-property-gallery-control.is-disabled { opacity: 0.18; background: rgba(255, 255, 255, 0.72); outline: 0px; transform: translateY(-50%); box-shadow: rgba(6, 31, 106, 0.1) 0px 1px 5px; }
@keyframes lbh-property-gallery-reveal {
0% { opacity: 0.58; transform: scale(1.035); }
100% { opacity: 1; transform: scale(1); }
}
@media (hover: none) {
.lbh-property-gallery-stage:hover img { filter: none; transform: none; }
}
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/approved-assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
.route-our-homes .ourHomesPage *, .route-our-homes .ourHomesPage ::before, .route-our-homes .ourHomesPage ::after { box-sizing: border-box; }
.route-our-homes .ourHomesPage :focus-visible { outline-offset: 3px; outline: rgb(224, 185, 79) solid 3px; }
.route-our-homes .homesSkipLink:focus { top: 16px; }
.route-our-homes .ourHomesHero::before { background-image: url("/approved-assets/hero.webp"); background-position: var(--homes-hero-image-position); content: ""; filter: saturate() contrast(0.98) brightness(); z-index: 0; background-size: cover; position: absolute; inset: 0px; transform: scale(1.006); }
.route-our-homes .ourHomesHero::after { content: none; }
.route-our-homes .saveHome.isSaved span::before { content: "♥"; }
.route-our-homes .saveHome.isSaved span::before { font-size: 21px; }
.route-our-homes .ourHomeBody h2 a:hover { color: rgb(11, 88, 186); }
.route-our-homes .ourHomeLocation::before { content: "◆ "; }
.route-our-homes .ourHomeActions a:nth-child(2):hover { background: rgb(7, 53, 142); }
.route-our-homes .ourHomeActions a:first-child:hover, .route-our-homes .ourHomeActions button:hover { color: rgb(7, 53, 142); }
.eyebrow, .section-kicker { color: rgb(215, 189, 119); letter-spacing: 0.14em; text-transform: uppercase; margin: 0px 0px 13px; font-size: 11px; font-weight: 900; }
.hero-copy { color: rgb(219, 232, 237); max-width: 850px; margin: 22px 0px 0px; font-size: 17px; line-height: 1.6; }
.section-kicker { color: var(--gold); margin-bottom: 8px; }
.table-scroll tbody tr:hover:not(.property-detail-row) { background: rgb(250, 252, 253); }
.server-job-card:target { border-color: rgb(200, 155, 60); box-shadow: rgba(200, 155, 60, 0.18) 0px 0px 0px 3px; }
.server-jobs-dashboard :is(button, a, input, select, summary):focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
.side-by-side-test-4 .test4PriceLinks a:hover, .side-by-side-test-4 .test4PriceLinks a:focus-visible { background: var(--lbh-blue); }
.side-by-side-test-4 .test4ReserveButton:hover, .side-by-side-test-4 .test4ReserveButton:focus-visible { background: var(--lbh-blue); }
.side-by-side-test-4 .test4PricingButton:hover, .side-by-side-test-4 .test4PricingButton:focus-visible { background: var(--lbh-blue); }
.side-by-side-test-4 .test4PricingButton:disabled { cursor: wait; opacity: 0.72; }
.route-side-by-side-live .searchButton:hover { background: rgb(6, 31, 106); }
.route-side-by-side-live .searchButton:focus-visible { outline-offset: 3px; outline: rgb(240, 180, 49) solid 3px; }
.route-side-by-side-live .searchButton:disabled { cursor: default; opacity: 1; background: rgb(0, 63, 208); }
.route-testhome .testhome-photo-gallery:hover img, .route-testhome .testhome-photo-gallery:focus-within img { filter: brightness(0.96); transform: scale(1.012); }
.route-home.route-testhome .property-photo:hover .testhome-photo-arrow, .route-home.route-testhome .property-photo .testhome-photo-arrow:focus-visible { opacity: 1; background: rgba(255, 255, 255, 0.94); transform: translateY(-50%) scale(1.03); box-shadow: rgba(6, 31, 106, 0.18) 0px 3px 10px; }
@keyframes testhome-photo-reveal {
0% { opacity: 0.58; transform: scale(1.035); }
100% { opacity: 1; transform: scale(1); }
}
@media (hover: none) {
.route-testhome .testhome-photo-gallery:hover img { filter: none; transform: none; }
}
.route-home.route-testhome.route-testhome-v2 .property-photo:hover .testhome-photo-arrow, .route-home.route-testhome.route-testhome-v2 .property-photo .testhome-photo-arrow:focus-visible { opacity: 0.9; background: rgba(255, 255, 255, 0.88); transform: translateY(-50%) scale(1.02); box-shadow: rgba(6, 31, 106, 0.13) 0px 2px 7px; }
.route-home.route-testhome.route-testhome-v3 .property-photo .testhome-photo-arrow:disabled { cursor: default; opacity: 0.18; }
.route-home.route-testhome.route-testhome-v3 .property-photo:hover .testhome-photo-arrow:disabled { opacity: 0.18; background: rgba(255, 255, 255, 0.72); transform: translateY(-50%); box-shadow: rgba(6, 31, 106, 0.1) 0px 1px 5px; }
.universalNavigationPage .lbh-universal-navigation__nav a::after { background: var(--lbh-nav-blue); content: ""; transform-origin: 0px center; width: 100%; height: 2px; transition: transform 0.16s; position: absolute; bottom: 0px; left: 0px; transform: scaleX(0); }
.universalNavigationPage .lbh-universal-navigation__nav a:hover::after, .universalNavigationPage .lbh-universal-navigation__nav a:focus-visible::after, .universalNavigationPage .lbh-universal-navigation__nav a.is-active::after { transform: scaleX(1); }
@font-face { font-display: swap; font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; src: url("/assets/fonts/bodoni-moda-400.woff2") format("woff2"); }
._dateForm_1cfsx_128 :is(input, button):focus-visible { outline-offset: 3px; outline: rgb(255, 255, 255) solid 3px; }