.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }  .wp-block-post-content > .alignfull, main.wp-block-group.alignfull > * + * { margin-block-start: 0; }  .echea-partner-strip { margin-block-start: 0 !important; margin-block-end: 0 !important; }  .wp-block-column > * { margin-block-start: 0; }  @media (min-width: 782px) { .wp-block-column { min-width: 200px; } }  p.is-style-eyebrow-blue { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--blue); margin-bottom: 16px; } p.is-style-eyebrow-on-noir { font-family: var(--wp--preset--font-family--manrope); font-size: 13px; font-weight: 600; letter-spacing: 0.2em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--accent-5); opacity: 0.62; margin-bottom: 16px; }  p.is-style-eyebrow-blue + :is(h1, h2, h3, h4, h5, h6), p.is-style-eyebrow-on-noir + :is(h1, h2, h3, h4, h5, h6) { margin-top: 0; margin-block-start: 0; }  p.is-style-eyebrow-blue + p.is-style-editorial-display, p.is-style-eyebrow-on-noir + p.is-style-editorial-display, p.is-style-eyebrow-blue + p.is-style-italic-spectral, p.is-style-eyebrow-on-noir + p.is-style-italic-spectral { margin-top: 0; margin-block-start: 0; }  .has-fog-background-color p.is-style-eyebrow-blue + .wp-block-spacer { display: none; }  p.is-style-eyebrow-blue + :is(h1, h2, h3, h4, h5, h6) + p, p.is-style-eyebrow-on-noir + :is(h1, h2, h3, h4, h5, h6) + p { margin-top: 20px; }  .echea-cover-hero { min-height: 680px !important; overflow: hidden; } @media (max-width: 767px) { .echea-cover-hero { min-height: 480px !important; } }  nav.echea-breadcrumb { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; color: #fff; margin-bottom: 0; line-height: 1; } nav.echea-breadcrumb a { color: #fff !important;  text-decoration: none; opacity: 0.75; transition: opacity 0.12s ease; } nav.echea-breadcrumb a:hover { opacity: 1; } nav.echea-breadcrumb .echea-sep { margin: 0 10px; opacity: 0.45; } nav.echea-breadcrumb .echea-breadcrumb-current { opacity: 0.55; } p.is-style-term-link, p.is-style-term-link a, a.is-style-term-link { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--contrast); text-decoration: none; display: inline-flex; align-items: center; gap: 7px; transition: gap 220ms cubic-bezier(.2,.7,.2,1); }  p.is-style-term-link { display: block; } p.is-style-term-link:hover, p.is-style-term-link a:hover, a.is-style-term-link:hover { gap: 13px; } p.is-style-term-link:active, p.is-style-term-link a:active, a.is-style-term-link:active { opacity: 0.6; } a.is-style-term-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } p.is-style-editorial-display { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(24px, 2.4vw, 32px); font-weight: 300; line-height: 1.25; letter-spacing: -0.01em; } p.is-style-italic-spectral { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(22px, 2.2vw, 28px); font-weight: 300; font-style: italic; line-height: 1.5; } p.is-style-pull-quote-on-noir { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(22px, 2.6vw, 30px); font-weight: 300; font-style: italic; line-height: 1.45; color: var(--wp--preset--color--accent-5); opacity: 0.88; } p.is-style-attribution-on-noir { font-family: var(--wp--preset--font-family--manrope); font-size: 13px; font-weight: 600; letter-spacing: 0.2em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--accent-5); opacity: 0.38; } p.is-style-footer-col-title { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.2em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--accent-5); opacity: 0.4; margin-bottom: 16px; } p.is-style-footer-legal-small { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 400; line-height: 1.75; color: var(--wp--preset--color--accent-5); opacity: 0.28; } p.is-style-footer-state-label { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.22em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--accent-5); opacity: 0.86; margin-bottom: 12px; } p.is-style-footer-lead { font-family: var(--wp--preset--font-family--spectral); font-size: 24px; font-weight: 300; line-height: 1.35; letter-spacing: -0.01em; color: var(--wp--preset--color--accent-5); opacity: 0.92; } p.is-style-footer-entity { font-family: var(--wp--preset--font-family--spectral); font-size: 22px; font-weight: 300; line-height: 1.2; letter-spacing: -0.01em; color: var(--wp--preset--color--accent-5); opacity: 0.92; margin-bottom: 12px; }  .footer-top-grid { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(520px, 1.1fr); gap: 48px; align-items: start; } .footer-top-grid > .wp-block-columns { margin-block: 0; } @media (max-width: 1000px) { .footer-top-grid { grid-template-columns: 1fr; gap: 32px; } }  .wp-block-template-part footer ul.wp-block-list { list-style: none; padding-left: 0; margin-left: 0; }  .wp-block-template-part footer a, .wp-block-template-part footer .wp-block-list a, .wp-block-template-part footer ul.wp-block-list a { text-decoration: none; color: var(--wp--preset--color--accent-5); opacity: 0.82; } .wp-block-template-part footer a:hover, .wp-block-template-part footer .wp-block-list a:hover, .wp-block-template-part footer ul.wp-block-list a:hover { opacity: 1; }  .footer-top-grid { border-bottom-color: rgba(255,255,255,.08) !important; border-bottom-width: 1px !important; }  .footer-legal-card { padding: 22px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.02); }  .footer-copyright-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 40px 28px; border-top: 1px solid rgba(255,255,255,.08); flex-wrap: wrap; } .footer-copyright-copy p { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; line-height: 1.75; color: var(--wp--preset--color--accent-5); opacity: 0.58; margin: 0 0 4px; } .footer-copyright-copy p:last-child { margin-bottom: 0; font-size: 11px; opacity: 0.34; line-height: 1.8; } .footer-social-icons { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .footer-social-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: rgba(255,255,255,.55); text-decoration: none; transition: border-color 0.15s, color 0.15s; flex-shrink: 0; } .footer-social-icon:hover { border-color: rgba(255,255,255,.7); color: rgba(255,255,255,.9); opacity: 1; } @media (max-width: 640px) { .footer-copyright-bar { flex-direction: column; align-items: flex-start; gap: 20px; } }  .wp-block-cover.is-style-hero-noir { min-height: 680px; padding: 80px var(--wp--preset--spacing--60); } @media (min-width: 1920px) { .wp-block-cover.is-style-hero-noir { min-height: 900px !important; } }  .wp-block-cover.is-style-hero-noir .wp-block-cover__inner-container { max-width: 1200px !important; width: 100%; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; }  .wp-block-cover.is-style-hero-noir .wp-block-cover__inner-container > * { max-width: 100% !important; margin-left: 0 !important; margin-right: auto !important; } .wp-block-cover.is-style-closing-beat-noir { min-height: 560px; padding: 104px 64px; }  .wp-block-cover.is-style-closing-beat-beige { min-height: 360px; padding: 80px 64px; background-color: var(--wp--preset--color--beige); } .wp-block-cover.is-style-closing-beat-beige .wp-block-cover__background { background-color: var(--wp--preset--color--beige) !important; opacity: 1; } .wp-block-cover.is-style-closing-beat-beige h1, .wp-block-cover.is-style-closing-beat-beige h2, .wp-block-cover.is-style-closing-beat-beige h3 { color: var(--wp--preset--color--noir); } .wp-block-cover.is-style-closing-beat-beige p { color: var(--wp--preset--color--mid); }  .wp-block-cover.is-style-closing-beat-beige .wp-block-buttons, .wp-block-cover.is-style-closing-beat-noir .wp-block-buttons, .has-beige-background-color .wp-block-buttons { display: flex; justify-content: center; }  .echea-listing-hero { width: 100%; max-width: none; } .echea-listing-hero__image { width: 100%; aspect-ratio: 16 / 9; background-color: var(--wp--preset--color--noir); background-size: cover; background-position: center; } .echea-listing-hero__image--placeholder { background-color: var(--wp--preset--color--noir); } .echea-listing-hero__meta { max-width: 1200px; margin: 0 auto; padding: 40px var(--wp--preset--spacing--60) 0; } .echea-listing-hero__eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 0 0 18px; } .echea-listing-hero__title-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; margin: 0 0 36px; } .echea-listing-hero__title { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(36px, 5vw, 60px); font-weight: 300; line-height: 1.05; letter-spacing: -0.015em; color: var(--wp--preset--color--noir); margin: 0; flex: 1 1 480px; max-width: 22ch; } .echea-listing-hero__price { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(28px, 3.5vw, 42px); font-weight: 300; line-height: 1; letter-spacing: -0.01em; color: var(--wp--preset--color--noir); margin: 0; white-space: nowrap; flex-shrink: 0; } .echea-listing-hero__stats { margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--wp--preset--color--rule); display: flex; gap: 48px; flex-wrap: wrap; } .echea-listing-hero__stat { display: flex; flex-direction: column; gap: 4px; font-family: var(--wp--preset--font-family--manrope); color: var(--wp--preset--color--noir); } .echea-listing-hero__stat-label { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 600; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--mid); } .echea-listing-hero__stat-value { font-family: var(--wp--preset--font-family--manrope); font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--wp--preset--color--noir); }  .wp-block-group.echea-listing-body-wrap { margin-left: 0 !important; margin-right: auto !important; max-width: 720px !important; }  .wp-block-group.is-layout-constrained > .wp-block-group.echea-listing-body-wrap { margin-left: max(0px, calc((100% - var(--wp--style--global--content-size, 1200px)) / 2)) !important; margin-right: auto !important; max-width: 720px !important; }  .wp-block-group.echea-listing-body-wrap > *, .wp-block-group.echea-listing-body-wrap p { margin-left: 0 !important; margin-right: auto !important; max-width: 100% !important; } @media (max-width: 760px) { .echea-listing-hero__stats { gap: 28px; } }  .echea-hero-slider { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background-color: var(--wp--preset--color--noir); outline: none; } .echea-hero-slider__track { position: absolute; inset: 0; } .echea-hero-slider__slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 400ms ease; cursor: zoom-in; } .echea-hero-slider__slide.is-active { opacity: 1; } .echea-hero-slider__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.88); color: var(--wp--preset--color--noir); font-size: 24px; line-height: 1; cursor: pointer; z-index: 2; transition: background 0.15s, border-color 0.15s; display: flex; align-items: center; justify-content: center; } .echea-hero-slider__nav:hover { background: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 0.85); } .echea-hero-slider__nav--prev { left: 16px; } .echea-hero-slider__nav--next { right: 16px; } .echea-hero-slider__count { position: absolute; top: 16px; right: 16px; padding: 8px 14px; background: rgba(0, 0, 0, 0.55); color: #fff; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; z-index: 2; } .echea-hero-slider__viewall { position: absolute; bottom: 16px; right: 16px; padding: 10px 18px; border: 0; background: rgba(255, 255, 255, 0.95); color: var(--wp--preset--color--noir); font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; z-index: 2; transition: background 0.15s; } .echea-hero-slider__viewall:hover { background: rgba(255, 255, 255, 1); } @media (max-width: 540px) { .echea-hero-slider__nav { width: 36px; height: 36px; font-size: 18px; } .echea-hero-slider__viewall { padding: 8px 12px; font-size: 10px; } }  .echea-lightbox { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.92); z-index: 9999; align-items: center; justify-content: center; } .echea-lightbox.is-open { display: flex; } .echea-lightbox__img { max-width: 90vw; max-height: 85vh; object-fit: contain; } .echea-lightbox__close { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; border: 0; background: transparent; color: rgba(255, 255, 255, 0.85); font-size: 32px; line-height: 1; cursor: pointer; z-index: 2; } .echea-lightbox__close:hover { color: #fff; } .echea-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.85); font-size: 26px; line-height: 1; cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; transition: background 0.15s, border-color 0.15s, color 0.15s; } .echea-lightbox__nav:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.45); color: #fff; } .echea-lightbox__nav--prev { left: 24px; } .echea-lightbox__nav--next { right: 24px; } .echea-lightbox__count { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); padding: 8px 14px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.85); font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; z-index: 2; } @media (max-width: 540px) { .echea-lightbox__nav { width: 40px; height: 40px; font-size: 22px; } .echea-lightbox__nav--prev { left: 8px; } .echea-lightbox__nav--next { right: 8px; } }  .echea-listing-features { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: var(--wp--preset--spacing--40); } .echea-listing-features--single { grid-template-columns: 1fr; } @media (max-width: 720px) { .echea-listing-features { grid-template-columns: 1fr; gap: 32px; } } .echea-listing-features__heading { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 0 0 16px; } .echea-listing-features__rows { border-top: 1px solid var(--wp--preset--color--rule); } .echea-listing-features__row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--wp--preset--color--rule); } .echea-listing-features__key { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--wp--preset--color--mid); flex-shrink: 0; } .echea-listing-features__value { font-family: var(--wp--preset--font-family--spectral); font-size: 16px; font-weight: 300; color: var(--wp--preset--color--noir); text-align: right; }  .echea-listing-location__intro { margin-bottom: 32px; } .echea-listing-location__intro .is-style-eyebrow-blue { margin: 0 0 14px; } .echea-listing-location__heading { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(28px, 3vw, 38px); font-weight: 300; line-height: 1.15; letter-spacing: -0.01em; color: var(--wp--preset--color--noir); margin: 0 0 12px; } .echea-listing-location__address { font-family: var(--wp--preset--font-family--manrope); font-size: 13px; font-weight: 500; letter-spacing: 0.04em; color: var(--wp--preset--color--mid); margin: 0; } .echea-listing-location__map { position: relative; height: 440px; margin: 0 0 40px; background: var(--wp--preset--color--beige); border: 1px solid var(--wp--preset--color--rule); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; } .echea-listing-location__map--osm { padding: 0; overflow: hidden; } .echea-listing-location__map--osm iframe { width: 100%; height: 100%; border: 0; display: block; } .echea-listing-location__map-label { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--mid); opacity: 0.6; } .echea-listing-location__map-coords { font-family: var(--wp--preset--font-family--spectral); font-size: 14px; color: var(--wp--preset--color--mid); opacity: 0.8; } .echea-listing-location__facts { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 48px; border-top: 1px solid var(--wp--preset--color--rule); padding-top: 32px; } .echea-listing-location__facts-heading { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 0 0 18px; } .echea-listing-location__rows { display: flex; flex-direction: column; } .echea-listing-location__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--wp--preset--color--rule); } .echea-listing-location__row:last-child { border-bottom: 0; } .echea-listing-location__row-key { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--wp--preset--color--mid); flex-shrink: 0; } .echea-listing-location__row-value { font-family: var(--wp--preset--font-family--spectral); font-size: 14px; color: var(--wp--preset--color--noir); text-align: right; } .echea-listing-location__walk-score { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(48px, 6vw, 72px); font-weight: 300; line-height: 1; letter-spacing: -0.01em; color: var(--wp--preset--color--noir); margin: 0 0 6px; } .echea-listing-location__walk-score-suffix { font-size: 0.4em; color: var(--wp--preset--color--mid); margin-left: 4px; } .echea-listing-location__walk-label { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--wp--preset--color--noir); margin: 0 0 8px; } .echea-listing-location__walk-blurb { font-family: var(--wp--preset--font-family--manrope); font-size: 13px; line-height: 1.6; color: var(--wp--preset--color--mid); margin: 0; } .echea-listing-location__monthly { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--wp--preset--color--rule); } .echea-listing-location__monthly-label { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 0 0 6px; } .echea-listing-location__monthly-amount { display: block; font-family: var(--wp--preset--font-family--spectral); font-size: clamp(20px, 2.4vw, 26px); font-weight: 300; line-height: 1; color: var(--wp--preset--color--noir); } .echea-listing-location__monthly-caveat { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; line-height: 1.6; color: var(--wp--preset--color--mid); margin: 8px 0 0; } .echea-listing-location__neigh-link { margin-top: 32px; } .echea-listing-location__neigh-link a { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--noir); text-decoration: none; } .echea-listing-location__neigh-link a:hover { text-decoration: underline; } @media (max-width: 900px) { .echea-listing-location__facts { grid-template-columns: 1fr; gap: 32px; } .echea-listing-location__map { height: 320px; } }  .tool-intro { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 32px; } .tool-intro__left { flex: 1 1 480px; min-width: 0; } .tool-intro__left p, .tool-intro__left h2 { margin: 0 0 14px; } .tool-intro__left p:last-child { margin-bottom: 0; } .tool-meta { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; color: var(--wp--preset--color--mid); white-space: nowrap; flex-shrink: 0; } @media (max-width: 720px) { .tool-intro { flex-direction: column; align-items: flex-start; } } .echea-filter-strip { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; padding: 14px 0; border-top: 1px solid var(--wp--preset--color--rule); border-bottom: 1px solid var(--wp--preset--color--rule); } .echea-filter-label { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin-right: 8px; } .echea-filter-group { display: flex; gap: 4px; flex-wrap: wrap; } .echea-filter-divider { display: inline-block; width: 1px; height: 18px; background: var(--wp--preset--color--rule); } .echea-filter-pill { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 8px 14px; background: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--mid); border: 1px solid var(--wp--preset--color--rule); cursor: pointer; transition: background 0.15s, color 0.15s, border-color 0.15s; } .echea-filter-pill:hover { color: var(--wp--preset--color--noir); border-color: var(--wp--preset--color--noir); } .echea-filter-pill.is-active { background: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); border-color: var(--wp--preset--color--noir); }  .echea-filter-sort { display: flex; align-items: center; gap: 8px; } .echea-filter-sort .echea-filter-label { margin-right: 0; } .echea-sort-select { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 8px 28px 8px 12px; background: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--noir); border: 1px solid var(--wp--preset--color--rule); cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23555' stroke-width='1.2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; transition: border-color 0.15s, color 0.15s; } .echea-sort-select:hover, .echea-sort-select:focus { border-color: var(--wp--preset--color--noir); color: var(--wp--preset--color--noir); outline: none; }  .echea-why-split { align-items: stretch; } .echea-why-split .wp-block-column:last-child { display: flex; flex-direction: column; background-color: var(--wp--preset--color--rule); } .echea-why-split .wp-block-column:last-child > .wp-block-post-featured-image { aspect-ratio: 1 / 1; width: 100%; overflow: hidden; } .echea-why-split .wp-block-column:last-child > .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; }  .echea-take-split { align-items: stretch; } .echea-take-split .wp-block-column:first-child { display: flex; flex-direction: column; } .echea-take-split .wp-block-column:first-child > .wp-block-group { flex: 1; min-height: 320px; } .echea-take-split .wp-block-column:first-child > .wp-block-post-featured-image, .echea-take-split .wp-block-column:first-child > .wp-block-image { flex: 1; min-height: 320px; background-color: var(--wp--preset--color--rule); margin: 0; } .echea-take-split .wp-block-column:first-child > .wp-block-post-featured-image img, .echea-take-split .wp-block-column:first-child > .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; }  .wp-block-separator.is-style-thin-rule-on-noir { max-width: 40px; margin-left: auto; margin-right: auto; background-color: var(--wp--preset--color--accent-5); border: none; height: 1px; opacity: 0.2; }   .wp-block-template-part > footer.wp-block-group { border-top: 1px solid rgba(255, 255, 255, 0.12); }  .wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 9999; }  header.wp-block-group[style*="sticky"] { z-index: 9999 !important; }  .snav { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 18px 64px; max-width: 1440px; margin: 0 auto; width: 100%; box-sizing: border-box; } .snav-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex-shrink: 0; text-decoration: none; } .snav-logo img { height: 56px; display: block; } .mobile-overlay-head .snav-logo img { height: 56px; } .snav-subline {  display: none; } .snav-items { display: flex; align-items: center; gap: 32px; flex: 1; justify-content: center; } .snav-item { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--mid); cursor: pointer; white-space: nowrap; padding: 8px 0; transition: color .15s; } .snav-item:hover, .snav-item.on { color: var(--wp--preset--color--noir); }  .snav-dropdown { position: relative; }  .snav-dropdown > .snav-item::after { content: ''; display: inline-block; margin-left: 7px; width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid currentColor; opacity: 0.5; transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.25s ease; vertical-align: 1px; } .snav-dropdown:hover > .snav-item::after { transform: rotate(180deg); opacity: 1; }  .snav-dropdown::after { content: ''; position: absolute; top: 100%; left: -16px; right: -16px; height: 18px; pointer-events: none; } .snav-dropdown:hover::after { pointer-events: auto; } .snav-dropdown__menu { position: absolute; top: calc(100% + 18px); left: 50%; transform: translateX(-50%) translateY(-6px); min-width: 320px; background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--rule); box-shadow: 0 8px 32px rgba(10, 9, 8, 0.08);  padding: 0; opacity: 0; visibility: hidden; transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0s linear 0.25s; z-index: 200; } .snav-dropdown:hover .snav-dropdown__menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0s linear 0s; } .snav-dropdown__item { display: block; padding: 20px 26px; text-decoration: none; color: inherit; border-bottom: 1px solid var(--wp--preset--color--rule); } .snav-dropdown__item:last-child { border-bottom: none; } .snav-dropdown__item:hover { background: var(--wp--preset--color--fog); } .snav-dropdown__eyebrow { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--blue); margin-bottom: 6px; } .snav-dropdown__label { display: block; font-family: var(--wp--preset--font-family--spectral); font-size: 16px; font-weight: 400; color: var(--wp--preset--color--noir); margin-bottom: 4px; } .snav-dropdown__hint { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; color: var(--wp--preset--color--mid); line-height: 1.5; }  .snav-right { display: flex; align-items: center; gap: 18px; flex-shrink: 0; } .snav-phone-link {  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 18px; background: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); text-decoration: none; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; white-space: nowrap; transition: opacity 0.15s; } .snav-phone-link:hover { opacity: 0.82; } .snav-phone-link--fl { background: transparent; color: var(--wp--preset--color--mid); min-height: auto; padding: 0; font-weight: 600; letter-spacing: 0.04em; } .snav-phone-link--fl:hover { opacity: 1; color: var(--wp--preset--color--noir); }  .snav-call-dropdown { position: relative; } .snav-call-btn { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 18px; background: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); border: none; cursor: pointer; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; transition: opacity 0.15s; } .snav-call-btn:hover { opacity: 0.82; } .snav-call-chevron { font-size: 7px; opacity: 0.7; transition: transform 0.18s; display: inline-block; } .snav-call-dropdown.is-open .snav-call-chevron { transform: rotate(180deg); } .snav-call-menu { display: none; position: absolute; top: calc(100% + 6px); right: 0; min-width: 210px; background: var(--wp--preset--color--noir); border: 1px solid rgba(255,255,255,.13); z-index: 300; box-shadow: 0 8px 24px rgba(0,0,0,.18); } .snav-call-dropdown.is-open .snav-call-menu { display: block; } .snav-call-menu__item { display: flex; flex-direction: column; gap: 3px; padding: 14px 20px; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.07); transition: background 0.12s; } .snav-call-menu__item:last-child { border-bottom: none; } .snav-call-menu__item:hover { background: rgba(255,255,255,.06); } .snav-call-menu__region { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,.42); } .snav-call-menu__number { font-family: var(--wp--preset--font-family--manrope); font-size: 15px; font-weight: 500; letter-spacing: 0.01em; color: var(--wp--preset--color--accent-5); } .snav-cta { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--noir); background: transparent; border: 1px solid var(--wp--preset--color--noir); padding: 10px 18px; text-decoration: none; white-space: nowrap; } .snav-cta:hover { background: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); } .snav-burger { display: none; background: transparent; border: 0; padding: 8px; cursor: pointer; } .snav-burger span, .snav-burger span::before, .snav-burger span::after { display: block; width: 22px; height: 1.5px; background: var(--wp--preset--color--noir); position: relative; } .snav-burger span::before { content: ''; position: absolute; top: -7px; } .snav-burger span::after { content: ''; position: absolute; top: 7px; }  body.has-global-padding > .is-layout-flex:not(.alignfull):not(.alignwide) { padding-left: 24px; padding-right: 24px; } @media (min-width: 769px) { body.has-global-padding > .is-layout-flex:not(.alignfull):not(.alignwide) { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1101px) { body.has-global-padding > .is-layout-flex:not(.alignfull):not(.alignwide) { padding-left: clamp(28px, 8.3vw, 120px); padding-right: clamp(28px, 8.3vw, 120px); } }  section.wp-block-group > .is-layout-flex:not(.alignfull):not(.alignwide), section.wp-block-group .is-layout-constrained > .is-layout-flex:not(.alignfull):not(.alignwide) { padding-left: 0 !important; padding-right: 0 !important; }  .wp-block-group.alignfull > .is-layout-constrained > .wp-block-columns:not(.alignfull):not(.alignwide), .wp-block-group.alignfull > .is-layout-constrained > .wp-block-group:not(.alignfull):not(.alignwide):not(.has-background) { padding-left: 0 !important; padding-right: 0 !important; }  @media (max-width: 1100px) { :root { --wp--style--root--padding-left: 40px; --wp--style--root--padding-right: 40px; } } @media (max-width: 768px) { :root { --wp--style--root--padding-left: 24px; --wp--style--root--padding-right: 24px; } }  @media (max-width: 1100px) { .snav-items { display: none; } .snav-burger { display: block; } .snav-cta { display: none; } } @media (max-width: 768px) { .snav { padding: 14px 0; gap: 16px; } .snav-subline { display: none; }  main.has-global-padding { padding-left: 0 !important; padding-right: 0 !important; }  .wp-block-group.is-layout-constrained > .alignfull { margin-left: 0 !important; margin-right: 0 !important; margin-inline-start: 0 !important; margin-inline-end: 0 !important; }  .wp-block-group.alignfull.has-background, section.wp-block-group.alignfull { padding-left: 24px !important; padding-right: 24px !important; } .wp-block-cover.alignfull { padding-left: 24px !important; padding-right: 24px !important; }  .footer-top-grid, footer > .wp-block-group { padding-left: 0 !important; padding-right: 0 !important; } .footer-copyright-bar { padding-left: 0 !important; padding-right: 0 !important; }  .footer-top-grid .wp-block-columns { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .footer-top-grid .wp-block-columns > .wp-block-column { flex-basis: auto !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; } }  .mobile-overlay { position: fixed; inset: 0; background: var(--wp--preset--color--accent-5); z-index: 9999; padding: 14px 0 24px; display: none; overflow-y: auto; flex-direction: column; } .mobile-overlay.on { display: flex; } .mobile-overlay-head { display: flex; justify-content: space-between; align-items: center; padding: 0 24px 14px; border-bottom: 1px solid var(--wp--preset--color--rule); margin-bottom: 24px; } .mobile-overlay-close { background: transparent; border: 0; font-size: 28px; color: var(--wp--preset--color--noir); cursor: pointer; line-height: 1; } .mobile-overlay-items { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 0 24px; }  .mobile-overlay-items .snav-item { font-family: var(--wp--preset--font-family--manrope); font-size: 16px; font-weight: 500; letter-spacing: 0.01em; color: var(--wp--preset--color--noir); padding: 11px 0; }  .mobile-overlay-items .mobile-overlay-subitem { font-size: 15px; font-weight: 400; padding: 9px 0 9px 12px; color: var(--wp--preset--color--mid); border-left: none; } .mobile-overlay-section-label { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 24px 0 8px; padding-bottom: 6px; border-bottom: 1px solid var(--wp--preset--color--rule); } .mobile-overlay-actions { display: flex; flex-direction: column; gap: 12px; padding: 24px 24px 0; margin-top: 24px; border-top: 1px solid var(--wp--preset--color--rule); } .mobile-overlay-phone { font-family: var(--wp--preset--font-family--manrope); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: var(--wp--preset--color--noir); text-decoration: none; } .mobile-overlay-cta { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--accent-5); background: var(--wp--preset--color--noir); padding: 14px 20px; text-align: center; text-decoration: none; margin-top: 8px; }  .snav-phone-mobile { display: none; } @media (max-width: 768px) { .snav-phone-desktop { display: none !important; } .snav-phone-mobile { display: none !important; } }  .mobile-call-fab { display: none; position: fixed; bottom: 24px; right: 20px; z-index: 9000; width: 56px; height: 56px; border-radius: 50%; background: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--noir); border: none; cursor: pointer; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(10,9,8,0.12), 0 6px 24px rgba(10,9,8,0.20), 0 0 0 1px rgba(10,9,8,0.09); animation: fab-breathe 3.6s ease-in-out infinite; transition: transform 0.18s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.18s ease; } .mobile-call-fab:hover, .mobile-call-fab:active { transform: scale(1.10); animation: none; box-shadow: 0 4px 12px rgba(10,9,8,0.16), 0 10px 32px rgba(10,9,8,0.24), 0 0 0 8px rgba(245,240,232,0.18), 0 0 0 1px rgba(10,9,8,0.10); } @keyframes fab-breathe { 0%, 100% { box-shadow: 0 2px 8px rgba(10,9,8,0.12), 0 6px 24px rgba(10,9,8,0.20), 0 0 0 0 rgba(245,240,232,0.55), 0 0 0 1px rgba(10,9,8,0.09); } 50% { box-shadow: 0 2px 8px rgba(10,9,8,0.12), 0 6px 24px rgba(10,9,8,0.20), 0 0 0 11px rgba(245,240,232,0.00), 0 0 0 1px rgba(10,9,8,0.09); } } @media (max-width: 768px) { .mobile-call-fab { display: flex; } }  .echea-scroll-top { position: fixed; bottom: 24px; right: 20px; z-index: 8999; width: 44px; height: 44px; border-radius: 50%; background: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--noir); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(10,9,8,0.12), 0 4px 16px rgba(10,9,8,0.16), 0 0 0 1px rgba(10,9,8,0.08); opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.34,1.56,0.64,1); } .echea-scroll-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); } .echea-scroll-top:hover { transform: scale(1.10) translateY(0); box-shadow: 0 4px 12px rgba(10,9,8,0.16), 0 8px 24px rgba(10,9,8,0.20), 0 0 0 1px rgba(10,9,8,0.10); } @media (max-width: 768px) {  .echea-scroll-top { bottom: 90px; } }  .call-modal { display: none; position: fixed; inset: 0; z-index: 99999; background: rgba(10,9,8,0.48); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); align-items: flex-end; justify-content: center; padding: 0; } .call-modal.on { display: flex; } .call-modal__card { background: var(--wp--preset--color--accent-5); width: 100%; max-width: 480px; border-radius: 20px 20px 0 0; padding: 12px 0 env(safe-area-inset-bottom, 32px); position: relative; animation: modal-slide-up 0.30s cubic-bezier(0.32, 0.72, 0, 1); box-shadow: 0 -8px 40px rgba(10,9,8,0.16); } @keyframes modal-slide-up { from { transform: translateY(100%); opacity: 0.6; } to { transform: translateY(0); opacity: 1; } } .call-modal__handle { width: 36px; height: 3px; border-radius: 2px; background: rgba(10,9,8,0.18); margin: 0 auto 20px; } .call-modal__close { position: absolute; top: 14px; right: 18px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: rgba(10,9,8,0.07); border: none; border-radius: 50%; font-size: 18px; line-height: 1; color: rgba(10,9,8,0.45); cursor: pointer; transition: background 0.15s, color 0.15s; } .call-modal__close:hover { background: rgba(10,9,8,0.12); color: rgba(10,9,8,0.75); } .call-modal__eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(10,9,8,0.38); margin: 0 0 4px; padding: 0 24px; } .call-modal__option { display: flex; align-items: center; justify-content: space-between; text-decoration: none; padding: 0 24px; min-height: 68px; border-top: 1px solid rgba(10,9,8,0.07); position: relative; transition: background 0.12s; } .call-modal__option:last-child { border-bottom: 1px solid rgba(10,9,8,0.07); } .call-modal__option::after { content: '→'; font-family: var(--wp--preset--font-family--manrope); font-size: 16px; color: rgba(10,9,8,0.20); transition: transform 0.15s, color 0.15s; } .call-modal__option:hover, .call-modal__option:active { background: rgba(10,9,8,0.03); } .call-modal__option:hover::after { transform: translateX(3px); color: rgba(10,9,8,0.45); } .call-modal__region { font-family: var(--wp--preset--font-family--spectral); font-size: 17px; font-weight: 400; font-style: italic; color: var(--wp--preset--color--noir); letter-spacing: 0.01em; } .call-modal__number { font-family: var(--wp--preset--font-family--manrope); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: rgba(10,9,8,0.55); margin: 0 12px 0 0; }   html, body { overflow-x: clip; }  .s-partners-eyebrow, .echea-partner-strip > div:not(.s-partners-ticker) { text-align: center; color: rgba(255,255,255,0.55); font-family: 'Spectral', Georgia, serif; font-size: clamp(13px, 1.2vw, 17px); font-weight: 300; letter-spacing: 0.22em; text-transform: uppercase; margin-bottom: 36px; padding: 0 var(--wp--preset--spacing--60, 48px); } .s-partners-ticker { overflow: hidden; width: 100%; padding: 8px 0; } .s-partners-track { display: flex; align-items: center; width: max-content; animation: partner-scroll 40s linear infinite; } @media (prefers-reduced-motion: reduce) { .s-partners-track { animation: none; } } .s-partners-track:hover { animation-play-state: paused; } @keyframes partner-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } .partner-logo { flex: 0 0 160px; display: flex; align-items: center; justify-content: center; height: 104px; padding: 0 16px; } .partner-logo img { max-height: 64px; max-width: 128px; width: auto; height: auto; display: block; object-fit: contain; }  .partner-logo--lg img { max-height: 88px; max-width: 88px; } .partner-divider { width: 1px; height: 40px; background: rgba(255, 255, 255, 0.16); flex: 0 0 1px; }  .where-i-work-intro { text-align: center; }  .has-fog-background-color .wp-block-column > .is-style-eyebrow-blue { text-align: center; }  .has-fog-background-color .wp-block-column > p.has-spectral-font-family + p.is-style-eyebrow-blue { text-align: left; }  .has-fog-background-color .wp-block-column > .wp-block-cover ~ .is-style-eyebrow-blue { text-align: left; }  .echea-listing-context__comps { width: 100%; border-collapse: collapse; margin-bottom: 32px; } .echea-listing-context__comps th { text-align: left; padding: 12px 14px 12px 0; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--mid); border-bottom: 1px solid var(--wp--preset--color--rule); } .echea-listing-context__comps td { padding: 14px 14px 14px 0; font-family: var(--wp--preset--font-family--manrope); font-size: 14px; color: var(--wp--preset--color--noir); border-bottom: 1px solid var(--wp--preset--color--rule); } .echea-listing-context__avgs { display: flex; gap: 64px; flex-wrap: wrap; padding: 24px 0; border-top: 1px solid var(--wp--preset--color--rule); border-bottom: 1px solid var(--wp--preset--color--rule); margin-bottom: 28px; } .echea-listing-context__avgs > div { display: flex; flex-direction: column; gap: 6px; } .echea-listing-context__avgs .lbl { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--mid); } .echea-listing-context__avgs .val { font-family: var(--wp--preset--font-family--spectral); font-size: 22px; font-weight: 300; color: var(--wp--preset--color--noir); } .echea-listing-context__signal { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(20px, 2vw, 24px); font-weight: 300; line-height: 1.5; color: var(--wp--preset--color--noir); margin: 0; } .echea-listing-context__signal em { font-style: italic; color: var(--wp--preset--color--noir); }  .echea-listing-faq { display: flex; flex-direction: column; } .echea-listing-faq__item { border-bottom: 1px solid var(--wp--preset--color--rule); padding: 22px 0; } .echea-listing-faq__item:first-child { border-top: 1px solid var(--wp--preset--color--rule); } .echea-listing-faq__item summary { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(18px, 2vw, 22px); font-weight: 300; line-height: 1.35; color: var(--wp--preset--color--noir); cursor: pointer; list-style: none; padding-right: 24px; position: relative; } .echea-listing-faq__item summary::-webkit-details-marker { display: none; } .echea-listing-faq__item summary::after { content: '+'; position: absolute; right: 0; top: 0; font-size: 22px; font-weight: 300; color: var(--wp--preset--color--mid); transition: transform 0.2s; } .echea-listing-faq__item[open] summary::after { content: '−'; } .echea-listing-faq__answer { padding: 16px 0 4px; font-family: var(--wp--preset--font-family--manrope); font-size: 15px; line-height: 1.7; color: var(--wp--preset--color--noir); max-width: 720px; }  .echea-nbhd-hero { position: relative; } .echea-nbhd-hero__fl-layer { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 1; animation: echea-nbhd-crossfade 10s ease-in-out 2s infinite alternate; }  .echea-nbhd-hero__fl-layer::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); pointer-events: none; }  .echea-nbhd-hero .wp-block-cover__background { z-index: 2; } .echea-nbhd-hero .wp-block-cover__inner-container { position: relative; z-index: 3; } @keyframes echea-nbhd-crossfade { 0%, 30% { opacity: 0; }  70%, 100% { opacity: 1; }  }  @media (prefers-reduced-motion: reduce) { .echea-nbhd-hero__fl-layer { animation: none; opacity: 0; } }  .echea-nbhd-tabs { position: relative; }  .echea-nbhd-tabbar-wrap { position: sticky; top: 92px; z-index: 190; } .echea-nbhd-tabbar-wrap::before { content: ''; position: absolute; inset: 0; left: calc(50% - 50vw); width: 100vw; background: var(--wp--preset--color--white); z-index: -1; } @media (max-width: 768px) { .echea-nbhd-tabbar-wrap { top: 84px; } } .echea-nbhd-tablist { display: flex; justify-content: center; gap: clamp(28px, 6vw, 88px); border-bottom: 1px solid var(--wp--preset--color--rule); margin-bottom: 0; padding-top: 4px; } .echea-nbhd-tab { display: inline-flex; align-items: baseline; gap: 12px; padding: 22px 4px; background: none; border: 0; border-bottom: 1px solid transparent; cursor: pointer; font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin-bottom: -1px; transition: color 0.15s, border-color 0.15s; } .echea-nbhd-tab:hover { color: var(--wp--preset--color--noir); } .echea-nbhd-tab.is-active { color: var(--wp--preset--color--noir); border-bottom-color: var(--wp--preset--color--noir); } .echea-nbhd-tab__roman { font-family: var(--wp--preset--font-family--spectral); font-style: italic; font-weight: 300; font-size: 14px; text-transform: none; letter-spacing: 0; color: var(--wp--preset--color--mid); opacity: 0.7; } .echea-nbhd-tab.is-active .echea-nbhd-tab__roman { color: var(--wp--preset--color--noir); opacity: 1; } .echea-nbhd-tabpanel { text-align: center;  margin-top: 0 !important; margin-block-start: 0 !important; padding-top: 0 !important; padding-block-start: 0 !important; } .echea-nbhd-tabpanel[hidden] { display: none; } .echea-nbhd-tabpanel__eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; color: var(--wp--preset--color--blue); margin: 0 0 18px; } .echea-nbhd-tabpanel__title { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(28px, 3vw, 38px); font-weight: 300; line-height: 1.15; letter-spacing: -0.01em; color: var(--wp--preset--color--noir); margin: 0 0 18px; } .echea-nbhd-tabpanel__title em { font-style: italic; } .echea-nbhd-tabpanel__subtitle { font-family: var(--wp--preset--font-family--manrope); font-size: 15px; line-height: 1.75; color: var(--wp--preset--color--mid); max-width: 640px; margin: 0 auto 40px; }  body[data-region="ga"] .echea-nbhd-region--fl, body[data-region="fl"] .echea-nbhd-region--ga { display: none; }  .echea-nbhd-region .wp-block-columns { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; width: 100%; gap: 32px !important; }  .echea-nbhd-feature-card { position: relative; cursor: pointer; display: flex; flex-direction: column; height: 100%; }  .echea-nbhd-feature-card__cta a::after { content: ''; position: absolute; inset: 0; z-index: 1; } .echea-nbhd-feature-card:hover .echea-nbhd-feature-card__display { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: currentColor; } .echea-nbhd-feature-card__image { height: 420px; background-size: cover; background-position: center; margin-bottom: 28px; background-color: var(--wp--preset--color--fog); } .echea-nbhd-feature-card__eyebrow { margin: 0 0 12px; } .echea-nbhd-feature-card__display { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(22px, 2.2vw, 28px); font-weight: 300; line-height: 1.3; letter-spacing: -0.01em; color: var(--wp--preset--color--noir); margin: 0 0 20px; } .echea-nbhd-feature-card__cta { margin: 0; margin-top: auto; } @media (max-width: 760px) { .echea-nbhd-feature-card__image { height: 280px; } }   .wp-block-post.neighborhood { display: flex !important; flex-direction: column !important; height: 100%; }  .wp-block-post.neighborhood:not(:has(.echea-nbhd-grid-card)) { border: 1px solid var(--wp--preset--color--rule); background: var(--wp--preset--color--white); overflow: hidden; box-sizing: border-box; position: relative; cursor: pointer; transition: box-shadow 0.18s ease, transform 0.18s ease; } .wp-block-post.neighborhood:not(:has(.echea-nbhd-grid-card)):hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.14); }  .wp-block-post.neighborhood > .echea-nbhd-grid-card { flex: 1; } .echea-nbhd-grid-card { border: 1px solid var(--wp--preset--color--rule); background: var(--wp--preset--color--white); display: flex !important; flex-direction: column !important; overflow: hidden; height: 100%; box-sizing: border-box; position: relative; cursor: pointer; transition: box-shadow 0.18s ease, transform 0.18s ease; } .echea-nbhd-grid-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.14); }  .echea-nbhd-grid-card .wp-block-post-title a::before, .wp-block-post.neighborhood:not(:has(.echea-nbhd-grid-card)) .wp-block-post-title a::before { content: ''; position: absolute; inset: 0; }  .echea-nbhd-grid-card .wp-block-post-featured-image, .echea-nbhd-grid-card .wp-block-post-featured-image a, .wp-block-post.neighborhood:not(:has(.echea-nbhd-grid-card)) .wp-block-post-featured-image, .wp-block-post.neighborhood:not(:has(.echea-nbhd-grid-card)) .wp-block-post-featured-image a { display: block; aspect-ratio: 3 / 2; overflow: hidden; flex-shrink: 0; } .echea-nbhd-grid-card .wp-block-post-featured-image img, .wp-block-post.neighborhood:not(:has(.echea-nbhd-grid-card)) .wp-block-post-featured-image img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; display: block; min-height: 0 !important; }  .echea-nbhd-grid-card > .wp-block-group, .wp-block-post.neighborhood:not(:has(.echea-nbhd-grid-card)) > .wp-block-group { flex: 1 1 auto; max-width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; }  .echea-nbhd-grid-card__cta.wp-block-read-more { display: inline-flex !important; align-items: center; gap: 7px; flex-shrink: 0; position: relative; z-index: 1; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--contrast); text-decoration: none; padding: 16px 20px 20px; margin-top: auto; transition: gap 220ms cubic-bezier(.2,.7,.2,1); } .echea-nbhd-grid-card__cta.wp-block-read-more:hover { gap: 13px; } .echea-nbhd-grid-card__cta.wp-block-read-more:active { opacity: 0.6; } .echea-nbhd-grid-card__cta.wp-block-read-more:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }  .echea-nbhd-town-grid .wp-block-post-template { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 24px !important; }  .echea-nbhd-grid-card { min-width: 0; width: 100%; }  .echea-nbhd-grid-card .wp-block-post-featured-image, .echea-nbhd-grid-card .wp-block-post-featured-image a { width: 100%; }  .echea-county-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .echea-county-card { background: #fff; border: 1px solid rgba(10,9,8,0.09); overflow: hidden; display: flex; flex-direction: column; } .echea-county-card__img { height: 200px; background-size: cover; background-position: center; background-color: var(--wp--preset--color--fog); } .echea-county-card__body { padding: 20px 22px 24px; flex: 1; display: flex; flex-direction: column; } .echea-county-card__name { font-family: var(--wp--preset--font-family--spectral); font-size: 20px; font-weight: 400; line-height: 1.2; letter-spacing: -0.01em; color: var(--wp--preset--color--contrast); margin: 0 0 8px; } .echea-county-card__desc { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; line-height: 1.65; color: rgba(10,9,8,0.55); margin: 0 0 16px; flex: 1; } .echea-county-card__cities { display: flex; flex-wrap: wrap; gap: 6px; } .echea-county-card__city { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--accent-4); border: 1px solid rgba(10,9,8,0.15); padding: 5px 11px; text-decoration: none; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .echea-county-card__city:hover { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); } @media (max-width: 900px) { .echea-county-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 540px) { .echea-county-grid { grid-template-columns: 1fr; } }  .echea-nbhd-card__image { height: 280px; background-size: cover; background-position: center; background-color: var(--wp--preset--color--fog); } .echea-nbhd-card__body { padding-top: 22px; } .echea-nbhd-card__cap { margin: 0 0 8px; } .echea-nbhd-card__h3 { font-family: var(--wp--preset--font-family--spectral); font-size: 20px; font-weight: 400; line-height: 1.25; color: var(--wp--preset--color--noir); margin: 0 0 10px; letter-spacing: -0.01em; } .echea-nbhd-card__body-copy { font-family: var(--wp--preset--font-family--manrope); font-size: 14px; line-height: 1.7; color: var(--wp--preset--color--mid); margin: 0 0 18px; } .echea-nbhd-card__cta { margin: 0; font-size: 10px; }  .echea-stay-martini { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; border-top: 1px solid var(--wp--preset--color--rule); padding-top: 48px; } .echea-stay-martini__body { max-width: 680px; } .echea-stay-martini__eyebrow { margin: 0 0 10px; } .echea-stay-martini__quote { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(20px, 1.9vw, 24px); font-weight: 300; font-style: italic; line-height: 1.45; color: var(--wp--preset--color--noir); letter-spacing: -0.005em; margin: 0; } .echea-stay-martini__cta { white-space: nowrap; }  .nbhd-map { height: 520px; border-top: 1px solid var(--wp--preset--color--rule); border-bottom: 1px solid var(--wp--preset--color--rule); background: var(--wp--preset--color--fog);  isolation: isolate; position: relative; z-index: 0; } @media (max-width: 760px) { .nbhd-map { height: 380px; } } .html-map-pin { background: none !important; border: none !important; } .leaflet-tooltip.html-map-label { background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--rule); border-radius: 0; color: var(--wp--preset--color--noir); font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; padding: 4px 9px; box-shadow: 0 2px 8px rgba(10, 9, 8, 0.07); white-space: nowrap; } .leaflet-tooltip.html-map-label::before { border-right-color: var(--wp--preset--color--rule) !important; } .html-map-popup .leaflet-popup-content-wrapper { background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--rule); border-radius: 0; box-shadow: 0 8px 32px rgba(10, 9, 8, 0.10); padding: 0; overflow: hidden; } .html-map-popup .leaflet-popup-content { margin: 0 !important; } .html-map-popup .leaflet-popup-tip { background: var(--wp--preset--color--accent-5); } .html-map-popup .leaflet-popup-close-button { color: var(--wp--preset--color--mid) !important; font-size: 16px !important; top: 10px !important; right: 12px !important; width: auto !important; height: auto !important; } .html-map-popup .leaflet-popup-close-button:hover { color: var(--wp--preset--color--noir) !important; background: none !important; } .html-mp-inner { padding: 20px 20px 0; } .html-mp-eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--blue); margin: 0 0 6px; } .html-mp-name { font-family: var(--wp--preset--font-family--spectral); font-size: 22px; font-weight: 300; color: var(--wp--preset--color--noir); line-height: 1.1; margin: 0 0 10px; letter-spacing: -0.01em; } .html-mp-desc { font-family: var(--wp--preset--font-family--manrope); font-size: 13px; line-height: 1.65; color: var(--wp--preset--color--mid); margin: 0 0 14px; max-width: 230px; } .html-mp-stat { display: flex; align-items: baseline; gap: 8px; margin: 0 0 16px; } .html-mp-val { font-family: var(--wp--preset--font-family--spectral); font-size: 20px; font-weight: 300; color: var(--wp--preset--color--noir); } .html-mp-lbl { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--mid); } .html-mp-cta { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--noir); padding: 12px 20px; margin: 0 -20px; border-top: 1px solid var(--wp--preset--color--rule); text-align: center; text-decoration: none; transition: background 0.15s, color 0.15s; } .html-mp-cta:hover { background: var(--wp--preset--color--fog); color: var(--wp--preset--color--blue); } .leaflet-control-zoom { border: none !important; box-shadow: none !important; }  .nbhd-map-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 14px 0 4px; list-style: none; margin: 0; } .nbhd-map-badge { display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; border: 1px solid var(--wp--preset--color--rule); background: transparent; cursor: pointer; font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--noir); transition: background 0.15s, border-color 0.15s, color 0.15s; -webkit-tap-highlight-color: transparent; white-space: nowrap; } .nbhd-map-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--wp--preset--color--noir); opacity: 0.3; flex-shrink: 0; transition: opacity 0.15s; } .nbhd-map-badge.is-active, .nbhd-map-badge:hover { background: var(--wp--preset--color--noir); border-color: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); } .nbhd-map-badge.is-active::before, .nbhd-map-badge:hover::before { background: var(--wp--preset--color--accent-5); opacity: 0.6; } .nbhd-map-badge.is-active:hover { opacity: 0.82; } .nbhd-map-badge.is-pulsing { animation: badge-pulse 0.3s ease; } .leaflet-control-zoom a { border-radius: 0 !important; border-color: var(--wp--preset--color--rule) !important; background: var(--wp--preset--color--accent-5) !important; color: var(--wp--preset--color--noir) !important; } .leaflet-control-zoom a:hover { background: var(--wp--preset--color--fog) !important; color: var(--wp--preset--color--blue) !important; } .leaflet-control-attribution { font-size: 9px !important; font-family: var(--wp--preset--font-family--manrope) !important; } .nbhd-map-caption { text-align: center; font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin-top: 14px; }  .home-map-subpills { list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px 8px; margin: 6px 0 0; padding: 0; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.32s cubic-bezier(0.4,0,0.2,1), opacity 0.22s ease 0.04s; } .home-map-subpills.is-open { max-height: 400px; opacity: 1; border-top: 1px solid rgba(10,9,8,0.15); padding-top: 12px; margin-top: 10px; } .home-map-subpill { display: inline-block; background: transparent; border: 1px solid rgba(10,9,8,0.20); color: #0a0908; font-family: var(--wp--preset--font-family--manrope, inherit); font-size: 9px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; padding: 5px 12px; border-radius: 2px; cursor: pointer; line-height: 1; transition: background 0.14s, border-color 0.14s; white-space: nowrap; } .home-map-subpill:hover { background: rgba(10,9,8,0.07); border-color: rgba(10,9,8,0.50); } .home-map-subpill.is-active { background: #0a0908; color: #f5f4f2; border-color: #0a0908; } .home-map-subpills-label { flex: 0 0 100%; font-family: var(--wp--preset--font-family--manrope, inherit); font-size: 8px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(10,9,8,0.40); margin-bottom: 4px; list-style: none; text-align: left; }  #echea-nbhd-panel-ga .home-map-subpills, #echea-nbhd-panel-fl .home-map-subpills { justify-content: center; } #echea-nbhd-panel-ga .home-map-subpills-label, #echea-nbhd-panel-fl .home-map-subpills-label { text-align: center; }  .echea-catalog .wp-block-post-template > li, .echea-sold-grid .wp-block-post-template > li { display: flex; flex-direction: column; } .echea-catalog .wp-block-post-template > li > .wp-block-column, .echea-sold-grid .wp-block-post-template > li > .wp-block-column { height: 100%; display: flex; flex-direction: column; }   .listing-card { background: var(--wp--preset--color--white); position: relative; cursor: pointer; display: flex !important; flex-direction: column !important; height: 100%; box-sizing: border-box; transition: box-shadow 0.18s ease, transform 0.18s ease; } .listing-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.14); }  .listing-card .wp-block-post-title a::before { content: ''; position: absolute; inset: 0; } .listing-card__photo + .wp-block-group { flex: 1; display: flex; flex-direction: column; }  .listing-card__photo { position: relative;  aspect-ratio: 4 / 3; width: 100%; min-height: 0 !important;  padding: 0 !important;  overflow: hidden; }  .listing-card__photo .wp-block-post-featured-image, .listing-card__photo .wp-block-post-featured-image > a { position: absolute; inset: 0; margin: 0; width: 100%; height: 100%; display: block; } .listing-card__photo .wp-block-post-featured-image img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: 100%; object-fit: cover; object-position: center; display: block; min-height: 0 !important; } .listing-card__badge { position: absolute; top: 12px; left: 12px; z-index: 2; margin: 0; padding: 5px 11px; background: var(--wp--preset--color--white); color: var(--wp--preset--color--noir); border: 1px solid var(--wp--preset--color--rule); font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1; } .listing-card__badge:empty { display: none; }  .listing-card__agent { border-top: 1px solid var(--wp--preset--color--rule); padding-top: 12px; margin-top: auto; }  .journal-card__footer { border-top: 1px solid var(--wp--preset--color--rule); padding-top: 16px; margin-top: auto;  position: relative; z-index: 1;  }   .journal-card .wp-block-post-featured-image { height: 240px; overflow: hidden; } .journal-card .wp-block-post-featured-image a { display: block; height: 100%; } .journal-card .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; }  .journal-card .wp-block-post-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }  .journal-card .wp-block-post-excerpt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }  .journal-card { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; position: relative; cursor: pointer; background: var(--wp--preset--color--white); transition: box-shadow 0.18s ease, transform 0.18s ease; } .journal-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.14); }  .journal-card > .wp-block-group { flex: 1; display: flex; flex-direction: column; }  .journal-card .wp-block-post-title a::before { content: ''; position: absolute; inset: 0; }  .journal-card__eyebrow a { pointer-events: none; text-decoration: none; color: var(--wp--preset--color--accent-3); }  .journal-card .wp-block-read-more { text-decoration: none; }  .mm-specs-bar { display: flex; align-items: stretch; flex-wrap: wrap; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 0; } .mm-spec { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 130px; padding: 18px 24px; font-family: var(--wp--preset--font-family--manrope); font-size: 13px; font-weight: 500; color: var(--wp--preset--color--noir); white-space: nowrap; } .mm-spec + .mm-spec { border-left: 1px solid rgba(0,0,0,0.1); } .mm-spec svg { flex-shrink: 0; opacity: 0.55; } @media (max-width: 680px) { .mm-spec + .mm-spec { border-left: none; border-top: 1px solid rgba(0,0,0,0.1); } .mm-spec { flex-basis: 50%; } }  .mm-gallery-main { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0a0908; cursor: zoom-in; } .mm-gallery-main img, .mm-gallery-main video { width: 100%; height: 100%; object-fit: cover; display: block; }  .mm-viewall-btn { position: absolute; bottom: 14px; right: 14px; display: inline-flex; align-items: center; gap: 7px; background: rgba(10,9,8,.76); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 2px; padding: 9px 14px; font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; transition: background .18s; } .mm-viewall-btn:hover { background: rgba(10,9,8,.94); }  .mm-thumb-carousel { display: flex; align-items: stretch; height: 86px; margin-top: 6px; } .mm-carousel-btn { flex-shrink: 0; width: 32px; border: none; background: #e8e4de; color: #0a0908; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .15s; } .mm-carousel-btn:hover { background: #d5d0c9; } .mm-carousel-track-wrap { flex: 1; overflow: hidden; } .mm-carousel-track { display: flex; gap: 6px; height: 86px; transition: transform .3s cubic-bezier(.4,0,.2,1); } .mm-thumb { flex-shrink: 0; width: 120px; height: 86px; object-fit: cover; cursor: pointer; opacity: .52; transition: opacity .18s; display: block; } .mm-thumb.active, .mm-thumb:hover { opacity: 1; } .mm-thumb-video-wrap { flex-shrink: 0; width: 120px; height: 86px; background: #1a1716; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: .52; transition: opacity .18s; } .mm-thumb-video-wrap.active, .mm-thumb-video-wrap:hover { opacity: 1; }  .mm-lightbox { position: fixed; inset: 0; z-index: 9900; background: rgba(10,9,8,.96); display: flex; flex-direction: column; opacity: 0; pointer-events: none; transition: opacity .22s ease; } .mm-lightbox.is-open { opacity: 1; pointer-events: all; } .mm-lb-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; flex-shrink: 0; } .mm-lb-counter { font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 12px; letter-spacing: .08em; color: rgba(255,255,255,.42); } .mm-lb-close { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: none; border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 20px; cursor: pointer; border-radius: 2px; transition: border-color .15s; } .mm-lb-close:hover { border-color: rgba(255,255,255,.6); } .mm-lb-stage { flex: 1; display: flex; align-items: center; position: relative; overflow: hidden; min-height: 0; } .mm-lb-img { max-width: calc(100% - 120px); max-height: 100%; width: auto; height: auto; display: block; margin: 0 auto; object-fit: contain; transition: opacity .16s ease; } .mm-lb-img.is-fading { opacity: 0; } .mm-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(10,9,8,.5); border: 1px solid rgba(255,255,255,.25); color: #fff; font-size: 22px; cursor: pointer; border-radius: 50%; transition: background .15s, border-color .15s; z-index: 2; } .mm-lb-nav:hover { background: rgba(10,9,8,.82); border-color: rgba(255,255,255,.45); } .mm-lb-prev { left: 12px; } .mm-lb-next { right: 12px; } .mm-lb-strip-wrap { flex-shrink: 0; padding: 8px 16px 16px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .mm-lb-strip-wrap::-webkit-scrollbar { display: none; } .mm-lb-strip { display: flex; gap: 6px; height: 64px; } .mm-lb-thumb { flex-shrink: 0; height: 64px; width: 90px; object-fit: cover; cursor: pointer; opacity: .35; transition: opacity .18s; } .mm-lb-thumb.active, .mm-lb-thumb:hover { opacity: 1; } @media (max-width: 680px) { .mm-lb-img { max-width: calc(100% - 80px); } .mm-lb-nav { width: 36px; height: 36px; font-size: 18px; } .mm-lb-prev { left: 4px; } .mm-lb-next { right: 4px; } }  .mm-amenities { display: grid; grid-template-columns: 1fr 1fr; column-gap: 60px; } .mm-amen-hd { grid-column: 1 / -1; font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--mid); padding: 28px 0 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mm-amen-hd:first-child { padding-top: 0; } .mm-amen-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); font-family: var(--wp--preset--font-family--manrope); font-size: 14px; line-height: 1.6; color: var(--wp--preset--color--noir); } .mm-amen-item::before { content: '—'; color: rgba(0, 0, 0, 0.25); flex-shrink: 0; font-size: 12px; margin-top: 1px; } @media (max-width: 640px) { .mm-amenities { grid-template-columns: 1fr; } }  .mm-map-container { height: 400px; border: 1px solid rgba(0, 0, 0, 0.1); } .mm-map-tip { font-family: var(--wp--preset--font-family--manrope); padding: 4px 0; min-width: 180px; } .mm-map-tip__name { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--noir); margin-bottom: 6px; } .mm-map-tip__addr { font-size: 13px; line-height: 1.55; color: var(--wp--preset--color--mid); }  .page-template-page-about .wp-block-cover__image-background, .page-about .wp-block-cover__image-background { object-position: left top !important; } @media (max-width: 768px) { .page-template-page-about .wp-block-cover__image-background, .page-about .wp-block-cover__image-background { object-position: left top !important; } }  .page-template-page-about .about-story-img .wp-block-cover__image-background, .page-about .about-story-img .wp-block-cover__image-background { object-position: center center !important; }  .about-story-img { height: 100% !important; min-height: 480px; } .about-story-img .wp-block-cover__image-background { object-fit: cover; height: 100%; width: 100%; }  .echea-letter-form { max-width: 720px; margin: 0 auto; } .echea-letter-row { display: flex; align-items: flex-end; gap: 18px; flex-wrap: wrap; } .echea-letter-field { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 280px; border-bottom: 1px solid var(--wp--preset--color--noir); padding-bottom: 8px; } .echea-letter-label { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--wp--preset--color--noir); white-space: nowrap; } .echea-letter-input { flex: 1; background: transparent; border: none; outline: none; font-family: var(--wp--preset--font-family--manrope); font-size: 14px; color: var(--wp--preset--color--noir); padding: 0; } .echea-letter-input::placeholder { color: var(--wp--preset--color--mid); } .echea-letter-btn { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; background: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); border: none; padding: 14px 32px; cursor: pointer; white-space: nowrap; } .echea-letter-btn:hover { background: var(--wp--preset--color--blue); }  .wpcf7-form.echea-letter-cf7 { max-width: 720px; margin: 0 auto; } .wpcf7-form.echea-letter-cf7 .letter-field-wrap { display: flex; align-items: flex-end; gap: 18px; flex-wrap: wrap; margin: 0; } .wpcf7-form.echea-letter-cf7 .letter-field-wrap .wpcf7-form-control-wrap { flex: 1; min-width: 280px; } .wpcf7-form.echea-letter-cf7 input[type="email"] { flex: 1; min-width: 280px; background: transparent; border: none; border-bottom: 1px solid var(--wp--preset--color--noir); outline: none; font-family: var(--wp--preset--font-family--manrope); font-size: 14px; color: var(--wp--preset--color--noir); padding: 0 0 8px; border-radius: 0; } .wpcf7-form.echea-letter-cf7 input[type="email"]::placeholder { color: var(--wp--preset--color--mid); } .wpcf7-form.echea-letter-cf7 input[type="submit"] { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; background: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); border: none; padding: 14px 32px; cursor: pointer; white-space: nowrap; } .wpcf7-form.echea-letter-cf7 input[type="submit"]:hover { background: var(--wp--preset--color--blue); } .wpcf7-form.echea-letter-cf7 .wpcf7-not-valid-tip { font-size: 11px; color: #c0392b; margin-top: 4px; } .wpcf7-form.echea-letter-cf7 .wpcf7-response-output { margin-top: 12px; font-size: 12px; font-family: var(--wp--preset--font-family--manrope); border: none; padding: 0; }  .wpcf7-form.echea-contact-cf7 { display: flex; flex-direction: column; gap: 28px; } .wpcf7-form.echea-contact-cf7 label { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--mid); display: flex; flex-direction: column; gap: 6px; } .wpcf7-form.echea-contact-cf7 input[type="text"], .wpcf7-form.echea-contact-cf7 input[type="email"], .wpcf7-form.echea-contact-cf7 input[type="tel"] { display: block; width: 100%; border: 0; border-bottom: 1px solid var(--wp--preset--color--rule); background: transparent; padding: 10px 0; font-family: var(--wp--preset--font-family--manrope); font-size: 15px; color: var(--wp--preset--color--noir); outline: none; } .wpcf7-form.echea-contact-cf7 textarea { display: block; width: 100%; border: 0; border-top: 1px solid var(--wp--preset--color--rule); border-bottom: 1px solid var(--wp--preset--color--rule); background: transparent; padding: 12px 0; font-family: var(--wp--preset--font-family--manrope); font-size: 15px; color: var(--wp--preset--color--noir); outline: none; resize: none; min-height: 120px; line-height: 1.6; vertical-align: top; } .wpcf7-form.echea-contact-cf7 input[type="text"]::placeholder, .wpcf7-form.echea-contact-cf7 input[type="email"]::placeholder, .wpcf7-form.echea-contact-cf7 input[type="tel"]::placeholder, .wpcf7-form.echea-contact-cf7 textarea::placeholder { color: var(--wp--preset--color--mid); } .wpcf7-form.echea-contact-cf7 input[type="submit"] { display: block; width: 100%; background: var(--wp--preset--color--noir); color: var(--wp--preset--color--white); border: 0; padding: 18px 28px; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; } .wpcf7-form.echea-contact-cf7 input[type="submit"]:hover { opacity: 0.88; } .wpcf7-form.echea-contact-cf7 .wpcf7-not-valid-tip { font-size: 11px; color: #c0392b; margin-top: 4px; font-family: var(--wp--preset--font-family--manrope); } .wpcf7-form.echea-contact-cf7 .wpcf7-response-output { margin-top: 12px; font-size: 13px; font-family: var(--wp--preset--font-family--manrope); border: none; padding: 0; color: var(--wp--preset--color--mid); }  .wpcf7-form.echea-contact-cf7 .wpcf7-acceptance { display: flex; align-items: flex-start; gap: 10px; } .wpcf7-form.echea-contact-cf7 .wpcf7-acceptance label { flex-direction: row; align-items: flex-start; gap: 8px; text-transform: none; letter-spacing: normal; font-size: 12px; font-weight: 400; } .wpcf7-form.echea-contact-cf7 .wpcf7-acceptance input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; width: 15px; height: 15px; accent-color: var(--wp--preset--color--noir); cursor: pointer; } .wpcf7-form.echea-contact-cf7 .wpcf7-acceptance .wpcf7-list-item-label { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; line-height: 1.7; color: var(--wp--preset--color--mid); text-transform: none; letter-spacing: normal; font-weight: 400; } .wpcf7-form.echea-contact-cf7 .wpcf7-acceptance .wpcf7-list-item-label a { color: var(--wp--preset--color--mid); text-decoration: underline; text-underline-offset: 2px; } .wpcf7-form.echea-contact-cf7 .wpcf7-acceptance .wpcf7-list-item-label a:hover { color: var(--wp--preset--color--noir); }  .wpcf7-form.echea-contact-cf7 input[type="submit"]:disabled { opacity: 0.35; cursor: not-allowed; } .echea-consent-hint { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; line-height: 1.5; color: var(--wp--preset--color--mid); margin: 0 0 6px; }  #team-principals .wp-block-columns { align-items: stretch; } #team-principals .wp-block-columns .wp-block-column > .wp-block-group { height: 100%; border: 1px solid var(--wp--preset--color--rule); position: relative; cursor: pointer; transition: box-shadow 0.18s ease, transform 0.18s ease; display: flex; flex-direction: column; }  #team-principals .wp-block-columns .wp-block-column > .wp-block-group > .wp-block-group { flex: 1; display: flex; flex-direction: column; text-align: left !important; }  #team-principals .wp-block-columns .wp-block-column > .wp-block-group > .wp-block-group > * { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; } #team-principals .wp-block-columns .wp-block-column > .wp-block-group > .wp-block-group .is-style-term-link { margin-top: auto; } #team-principals .wp-block-columns .wp-block-column > .wp-block-group:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.14); } #team-principals .wp-block-columns .wp-block-column > .wp-block-group .is-style-term-link a::before { content: ''; position: absolute; inset: 0; } #team-principals .wp-block-columns .wp-block-column > .wp-block-group .is-style-term-link { position: static; z-index: 1; }  .echea-principal-photo { margin-top: 0 !important; margin-bottom: 0 !important; max-width: none !important; overflow: hidden; line-height: 0; } .echea-principal-photo img { width: 100%; height: 420px; object-fit: cover; object-position: center top; display: block; }   .echea-avatar-sm, .echea-avatar-lg { flex-shrink: 0 !important; line-height: 0; margin: 0 !important; overflow: hidden; border-radius: 50%; display: block; } .echea-avatar-sm { width: 44px !important; height: 44px !important; } .echea-avatar-lg { width: 72px !important; height: 72px !important; } .echea-avatar-sm img, .echea-avatar-lg img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center top; display: block; border-radius: 0;  }  .single-post .wp-block-post-content p, .single-post .wp-block-post-content li { font-size: clamp(16px, 1.5vw, 19px); line-height: 1.75; }   .wp-block-post-content h2.wp-block-heading { font-size: clamp(26px, 3vw, 34px); font-weight: 300; line-height: 1.15; letter-spacing: -0.01em; margin-top: 2.8em; margin-bottom: 0.6em; }  .wp-block-post-content h3.wp-block-heading { font-size: clamp(18px, 2vw, 22px); font-weight: 300; line-height: 1.35; margin-top: 2em; margin-bottom: 0.5em; }  .wp-block-post-content p.is-style-eyebrow-blue + :is(h1, h2, h3, h4, h5, h6), .wp-block-post-content p.is-style-eyebrow-on-noir + :is(h1, h2, h3, h4, h5, h6) { margin-top: 0; margin-block-start: 0; }   .wp-block-post-content .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { max-width: 720px; margin-left: auto; margin-right: auto; }  .wp-block-post-content .wp-block-image.alignwide { --_gap: max(0px, (100vw - 2 * var(--wp--preset--spacing--60) - 720px) / 2); width: calc(100% + 2 * var(--_gap)) !important; max-width: none !important; margin-left: calc(-1 * var(--_gap)) !important; margin-right: calc(-1 * var(--_gap)) !important; }   .wp-block-pullquote { border-top: none; border-bottom: none; padding: 56px 0; margin: 0 auto; max-width: 720px; text-align: center; } .wp-block-pullquote blockquote p { font-family: var(--wp--preset--font-family--spectral) !important; font-size: clamp(22px, 2.6vw, 30px) !important; font-weight: 300 !important; font-style: italic !important; line-height: 1.45 !important; color: var(--wp--preset--color--noir) !important; margin: 0 0 28px !important; }  .wp-block-pullquote blockquote p::after { content: ''; display: block; width: 40px; height: 1px; background: var(--wp--preset--color--noir); opacity: 0.35; margin: 28px auto 0; } .wp-block-pullquote blockquote cite, .wp-block-pullquote cite { font-family: var(--wp--preset--font-family--manrope) !important; font-size: 11px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--wp--preset--color--mid) !important; display: block; margin-top: 18px; }   .echea-relocation-columns { align-items: stretch !important; } .echea-relocation-columns > .wp-block-column:first-child { display: flex !important; flex-direction: column !important; } .echea-relocation-columns > .wp-block-column:first-child > .wp-block-image { flex: 1 !important; display: flex !important; flex-direction: column !important; min-height: 400px; } .echea-relocation-columns > .wp-block-column:first-child > .wp-block-image img { width: 100% !important; flex: 1 !important; min-height: 0; object-fit: cover !important; object-position: center !important; display: block; height: auto; }  .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; }  .wp-block-column.is-vertically-aligned-top[style*="flex-basis:auto"], .wp-block-column.is-vertically-aligned-center[style*="flex-basis:auto"], .wp-block-column.is-vertically-aligned-bottom[style*="flex-basis:auto"] { width: auto; }  #home-map-ga, #home-map-fl { height: 380px; border-top: 1px solid var(--wp--preset--color--rule); border-bottom: 1px solid var(--wp--preset--color--rule); isolation: isolate; position: relative; z-index: 0; }  #home-map-ga .leaflet-marker-pane, #home-map-fl .leaflet-marker-pane, #home-map-ga .leaflet-tooltip-pane, #home-map-fl .leaflet-tooltip-pane, #home-map-ga .leaflet-popup-pane, #home-map-fl .leaflet-popup-pane { overflow: visible !important; } .home-map-pin { background: none !important; border: none !important; overflow: visible !important; } .home-map-pin svg { display: block; overflow: visible; } .home-maps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } .home-map-label { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 0 0 12px; display: block; text-align: center; } @media (max-width: 760px) { .home-maps-grid { grid-template-columns: 1fr; gap: 48px; } #home-map-ga, #home-map-fl { height: 320px; } }  .home-map-pin svg path { fill: var(--wp--preset--color--noir, #0a0908) !important; } .home-map-pin svg circle { fill: var(--wp--preset--color--accent-5, #f5f4f2) !important; }  .home-map-badges { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; padding: 18px 0 4px; list-style: none; margin: 0; align-items: start; } .home-map-badges > li { display: block; } .home-map-badge { display: flex; align-items: center; gap: 5px; padding: 6px 11px; border: 1px solid var(--wp--preset--color--rule); background: transparent; cursor: pointer; font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--noir); text-decoration: none; transition: background 0.15s, border-color 0.15s, color 0.15s; -webkit-tap-highlight-color: transparent; white-space: nowrap; width: 100%; box-sizing: border-box; } .home-map-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--wp--preset--color--noir); opacity: 0.3; flex-shrink: 0; transition: opacity 0.15s; } .home-map-badge.is-active, .home-map-badge:hover { background: var(--wp--preset--color--noir); border-color: var(--wp--preset--color--noir); color: var(--wp--preset--color--accent-5); } .home-map-badge.is-active::before, .home-map-badge:hover::before { background: var(--wp--preset--color--accent-5); opacity: 0.6; } .home-map-badge.is-active:hover { opacity: 0.82; }  .home-map-badge.is-pulsing { animation: badge-pulse 0.3s ease; } @keyframes badge-pulse { 0% { transform: scale(1); } 50% { transform: scale(0.94); } 100% { transform: scale(1); } } .leaflet-tooltip.home-map-tooltip { background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--rule); border-radius: 0; color: var(--wp--preset--color--contrast); font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; padding: 4px 9px; box-shadow: 0 2px 8px rgba(10, 9, 8, .07); white-space: nowrap; } .leaflet-tooltip.home-map-tooltip::before { border-right-color: var(--wp--preset--color--rule) !important; } .home-map-popup .leaflet-popup-content-wrapper { background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--rule); border-radius: 0; box-shadow: 0 8px 32px rgba(10, 9, 8, .10); padding: 0; overflow: hidden; } .home-map-popup .leaflet-popup-content { margin: 0 !important; } .home-map-popup .leaflet-popup-tip { background: var(--wp--preset--color--base); } .home-mp-inner { padding: 16px 18px; min-width: 200px; } .home-mp-eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--secondary); margin: 0 0 5px; } .home-mp-name { font-family: var(--wp--preset--font-family--spectral); font-size: 18px; font-weight: 300; color: var(--wp--preset--color--contrast); line-height: 1.15; margin: 0 0 10px; letter-spacing: -0.01em; } .home-mp-cta { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--contrast); padding: 10px 18px; margin: 6px -18px 0; border-top: 1px solid var(--wp--preset--color--rule); text-align: center; text-decoration: none; transition: background 0.15s, color 0.15s; } .home-mp-cta:hover { background: var(--wp--preset--color--fog); color: var(--wp--preset--color--secondary); }  .leaflet-tooltip.home-county-label { background: transparent; border: none; box-shadow: none; font-family: var(--wp--preset--font-family--manrope); font-size: 8px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--wp--preset--color--contrast); padding: 0; pointer-events: none; white-space: nowrap; text-shadow: 0 1px 3px rgba(245,244,242,0.80); } .leaflet-tooltip.home-county-label::before { display: none; }  .home-city-pin { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; animation: cityPinAppear 0.38s cubic-bezier(0.34, 1.56, 0.64, 1) both; cursor: pointer; } .home-city-pin__dot { width: 11px; height: 11px; background: var(--wp--preset--color--contrast); border-radius: 50%; border: 2.5px solid var(--wp--preset--color--base); box-shadow: 0 2px 7px rgba(10,9,8,0.38); transition: transform 0.15s ease, box-shadow 0.15s ease; } .home-city-pin:hover .home-city-pin__dot { transform: scale(1.35); box-shadow: 0 3px 12px rgba(10,9,8,0.52); } @keyframes cityPinAppear { 0% { opacity: 0; transform: scale(0.2) translateY(8px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }  .leaflet-tooltip.home-city-tooltip { background: rgba(245,244,242,0.93); color: var(--wp--preset--color--contrast); border: 1px solid rgba(10,9,8,0.10); box-shadow: 0 1px 5px rgba(10,9,8,0.16); font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; padding: 3px 7px; border-radius: 2px; white-space: nowrap; pointer-events: none; } .leaflet-tooltip.home-city-tooltip::before { display: none; }  .leaflet-popup.nbhd-city-popup-wrap .leaflet-popup-content-wrapper { padding: 0; border-radius: 3px; border: 1px solid rgba(10,9,8,0.10); box-shadow: 0 8px 32px rgba(10,9,8,0.18), 0 2px 8px rgba(10,9,8,0.10); overflow: hidden; width: 240px; } .leaflet-popup.nbhd-city-popup-wrap .leaflet-popup-content { margin: 0; width: 100% !important; } .leaflet-popup.nbhd-city-popup-wrap .leaflet-popup-tip-container { display: none; } .nbhd-city-popup__img { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #e8e6e2; } .nbhd-city-popup__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .nbhd-city-popup__body { padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 0; } .nbhd-city-popup__county { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--accent-1); display: block; margin-bottom: 5px; } .nbhd-city-popup__name { font-family: var(--wp--preset--font-family--libre-baskerville); font-size: 22px; font-weight: 700; line-height: 1.1; color: var(--wp--preset--color--contrast); display: block; margin-bottom: 10px; } .nbhd-city-popup__desc { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; line-height: 1.6; color: rgba(10,9,8,0.58); margin: 0 0 14px; } .nbhd-city-popup__cta { display: inline-block; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--wp--preset--color--contrast); text-decoration: none; border-bottom: 1px solid rgba(10,9,8,0.35); padding-bottom: 2px; transition: border-color 0.18s ease, color 0.18s ease; } .nbhd-city-popup__cta:hover { color: var(--wp--preset--color--accent-1); border-color: var(--wp--preset--color--accent-1); }    .echea-clickable { cursor: pointer; } .echea-clickable:focus-visible { outline: 2px solid var(--wp--preset--color--secondary); outline-offset: 2px; }  .echea-wontdo-third { margin-left: 0 !important; }  .components-circular-option-picker__option[aria-label*="White"] { box-shadow: inset 0 0 0 1px #d0ceca; }   @media (max-width: 768px) {  .echea-nbhd-feature-card__image { height: 320px; }  .nbhd-map { height: 440px; }  .echea-stay-martini { flex-direction: column; align-items: flex-start; gap: 20px; } .echea-stay-martini__cta { white-space: normal; }  .echea-nbhd-card__image { height: 200px; }  .echea-filter-strip { flex-wrap: wrap; row-gap: 10px; } .echea-filter-divider { display: none; }  .echea-nbhd-tabpanel { padding-top: 24px !important; padding-block-start: 24px !important; }  .echea-bp-tabs { gap: clamp(16px, 4vw, 32px); }  .tool-meta { white-space: normal; } }  @media (max-width: 600px) {    .wp-block-query .wp-block-post-template { grid-template-columns: 1fr !important; }  .wp-block-column { max-width: 100% !important; }   .echea-nbhd-tab { padding: 14px 6px; gap: 6px; font-size: 11px; } .echea-nbhd-tablist { gap: 20px; } .echea-nbhd-tab__roman { font-size: 13px; }  .echea-nbhd-tabs { padding-top: 0 !important; }  .echea-nbhd-feature-card__image { height: 220px; }  .echea-nbhd-card__image { height: 180px; }  .nbhd-map { height: 300px; }  .echea-catalog .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }  .echea-sold-grid .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }   .echea-filter-strip { flex-direction: column; align-items: flex-start; } .echea-filter-label { margin-right: 0; }  .echea-listing-hero__stats { gap: 20px; }  .echea-stat-row .wp-block-column, .echea-listing-hero .wp-block-columns .wp-block-column { border-right: none !important; border-bottom: 1px solid var(--wp--preset--color--rule); } .echea-stat-row .wp-block-column:last-child, .echea-listing-hero .wp-block-columns .wp-block-column:last-child { border-bottom: none; }  .echea-principal-photo img { height: 280px; }   .echea-listing-context__comps { overflow-x: auto; -webkit-overflow-scrolling: touch; }  .echea-listing-context__avgs { gap: 24px; }   }  @media (max-width: 400px) {  .echea-catalog .wp-block-post-template, .echea-sold-grid .wp-block-post-template { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }   .echea-nbhd-tab__roman { display: none; } .echea-nbhd-tab { gap: 0; }  .html-map-popup .leaflet-popup-content-wrapper { max-width: 90vw; } }  body.page-id-10 section.wp-block-group > .is-layout-constrained > .wp-block-columns.are-vertically-aligned-center { max-width: var(--wp--style--global--wide-size, 1440px) !important; margin-left: auto !important; margin-right: auto !important; }  body.blog main.wp-block-group.alignfull { padding-left: 0 !important; padding-right: 0 !important; }  .wpcf7 .wpcf7-form { display: flex; flex-direction: column; gap: 0; } .wpcf7 .wpcf7-form label { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wp--preset--color--noir); margin-bottom: 6px; margin-top: 36px; } .wpcf7 .wpcf7-form input[type="text"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="tel"], .wpcf7 .wpcf7-form textarea { width: 100%; border: none; border-bottom: 1px solid var(--wp--preset--color--noir); border-radius: 0; background: transparent; padding: 10px 0; font-family: var(--wp--preset--font-family--spectral); font-size: 18px; font-weight: 300; color: var(--wp--preset--color--noir); outline: none; box-shadow: none; -webkit-appearance: none; } .wpcf7 .wpcf7-form input[type="text"]::placeholder, .wpcf7 .wpcf7-form input[type="email"]::placeholder, .wpcf7 .wpcf7-form input[type="tel"]::placeholder, .wpcf7 .wpcf7-form textarea::placeholder { color: var(--wp--preset--color--mid); } .wpcf7 .wpcf7-form textarea { min-height: 140px; resize: vertical; } .wpcf7 .wpcf7-form input[type="submit"] { margin-top: 40px; align-self: flex-start; background: var(--wp--preset--color--noir); color: var(--wp--preset--color--white); border: none; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 14px 32px; cursor: pointer; transition: opacity 0.15s; } .wpcf7 .wpcf7-form input[type="submit"]:hover { opacity: 0.75; } .wpcf7-response-output { margin-top: 24px !important; border: 1px solid currentColor !important; padding: 12px 16px !important; font-family: var(--wp--preset--font-family--manrope); font-size: 13px; }  .page-id-12 section.wp-block-group > .wp-block-spacer { height: 30px !important; }  .echea-idx-search { min-height: 800px; overflow: visible; }  .echea-idx-search.wp-block-group.alignfull { padding-left: 0 !important; padding-right: 0 !important; } .echea-idx-search .wp-block-shortcode { overflow: visible; }  @media (max-width: 768px) {   .echea-idx-search .sidx-container { padding-left: 0 !important; padding-right: 0 !important; } .echea-idx-search .sidx-main-app-body { padding-left: 0 !important; padding-right: 0 !important; } .echea-idx-search .sidx-search-grid__results { padding-left: 0 !important; padding-right: 0 !important; }  .echea-idx-search .sidx-search-grid { height: auto !important; display: flex !important; flex-direction: column !important; }  .echea-idx-search .sidx-search-grid__map { display: none !important; }  .echea-idx-search .sidx-listings-controls button { display: none !important; }  .echea-idx-search .sidx-toggle-map, .echea-idx-search .sidx-map-toggle, .echea-idx-search .sidx-show-map, .echea-idx-search [class*="map-btn"], .echea-idx-search [class*="mapBtn"] { display: none !important; }   .echea-idx-search .sidx-search-grid__form { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 6px !important; padding-bottom: 4px !important; }  .echea-idx-search .sidx-suggestions-input { flex: 0 0 100% !important; width: 100% !important; order: 1 !important; }  .echea-idx-search .sidx-field { flex: 1 1 0% !important; min-width: 0 !important; width: auto !important; max-width: none !important; order: 2 !important; font-size: 12px !important; } .echea-idx-search .sidx-streamlined-toggle { flex: 1 1 0% !important; min-width: 0 !important; width: auto !important; max-width: none !important; order: 2 !important; font-size: 12px !important; }  .echea-idx-search .sidx-field > *, .echea-idx-search .sidx-streamlined-toggle > * { padding-left: 8px !important; padding-right: 8px !important; } }  body.echea-idx-listing-detail main > .wp-block-cover { display: none !important; } body.echea-idx-listing-detail .echea-idx-search { padding-top: var(--wp--preset--spacing--40) !important; } body.echea-idx-listing-detail .echea-idx-search > .wp-block-paragraph, body.echea-idx-listing-detail .echea-idx-search > .wp-block-heading, body.echea-idx-listing-detail .echea-idx-search > .wp-block-spacer { display: none !important; } body.echea-idx-listing-detail main > section:not(.echea-idx-search), body.echea-idx-listing-detail main > .wp-block-group:not(.echea-idx-search):not(:has(.sidx-container)) { display: none !important; }   body.single-listing main > section.wp-block-group.alignfull { padding-left: var(--wp--style--root--padding-left) !important; padding-right: var(--wp--style--root--padding-right) !important; }  body:has(.sidx-columns) .sidx-container, body.echea-idx-listing-detail .sidx-container { padding-left: var(--wp--style--root--padding-left) !important; padding-right: var(--wp--style--root--padding-right) !important; }  body:has(.sidx-columns) main > .wp-block-cover { display: none !important; } body:has(.sidx-columns) .echea-idx-search > .wp-block-paragraph, body:has(.sidx-columns) .echea-idx-search > .wp-block-heading, body:has(.sidx-columns) .echea-idx-search > .wp-block-spacer { display: none !important; } body:has(.sidx-columns) main > section:not(.echea-idx-search), body:has(.sidx-columns) main > .wp-block-group:not(.echea-idx-search):not(:has(.sidx-container)) { display: none !important; }  .sidx-primary-hotsheet, .sidx-hotsheet-header, .sidx-widget-header { padding-left: var(--wp--style--root--padding-left) !important; padding-right: var(--wp--style--root--padding-right) !important; }    .wp-block-columns:has(.echea-card-clickable) { align-items: stretch; }  section:has(.echea-card-clickable) > .wp-block-spacer { display: none; }  .echea-card-clickable { display: flex; flex-direction: column; cursor: pointer; transition: box-shadow 0.18s ease, transform 0.18s ease; }  .echea-card-clickable .is-layout-constrained > * { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; } .echea-card-clickable:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14); }  .echea-card-clickable > .wp-block-group { flex: 1; display: flex; flex-direction: column; }  .echea-card-clickable > .wp-block-group > .wp-block-group { flex: 1; display: flex; flex-direction: column; gap: 0; }  .echea-card-clickable .is-layout-constrained > h3, .echea-card-clickable > .wp-block-group > .wp-block-group > h3 { margin-top: 0 !important; margin-bottom: 3px !important; } .echea-card-clickable .is-layout-constrained > .has-caption-font-size, .echea-card-clickable > .wp-block-group > .wp-block-group > .has-caption-font-size { margin-top: 0 !important; margin-bottom: 0 !important; } .echea-card-clickable .is-layout-constrained > .has-small-font-size, .echea-card-clickable > .wp-block-group > .wp-block-group > .has-small-font-size { margin-top: 14px !important; margin-bottom: 0 !important; }  .echea-card-clickable > .wp-block-image, .echea-card-clickable > .wp-block-group > figure.wp-block-image { flex-shrink: 0; margin-bottom: 0; }  .echea-read-bio-btn { display: inline-flex; align-items: center; gap: 7px; background: none; border: none; padding: 0.55rem 0 0; margin-top: auto; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--contrast); text-decoration: none; cursor: pointer; transition: gap 220ms cubic-bezier(.2,.7,.2,1); } .echea-read-bio-btn:hover, .echea-card-clickable:hover .echea-read-bio-btn { gap: 13px; } .echea-read-bio-btn:active { opacity: 0.6; } .echea-read-bio-btn:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }  .echea-team-profile-photo img { width: 100%; height: 540px; object-fit: cover; object-position: center top; display: block; } @media (max-width: 781px) { .echea-team-profile-photo img { height: 360px; } }   .sidx-main-header, .sidx-require-auth:has(> .sidx-main-header) { display: none !important; }  .sidx-container *:not(.sidx-icon):not([class*="sidx-fa"]) { font-family: var(--wp--preset--font-family--manrope, "Manrope", sans-serif) !important; }  .sidx-suggestions-input { background: #fff !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; } .sidx-suggestions-input input { color: var(--wp--preset--color--contrast, #0a0908) !important; }  .sidx-field { background: #fff !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; color: var(--wp--preset--color--contrast, #0a0908) !important; } .sidx-field:hover { border-color: var(--wp--preset--color--accent-1, #1a3a5c) !important; }  .sidx-streamlined-toggle { background: #fff !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; color: var(--wp--preset--color--contrast, #0a0908) !important; } .sidx-streamlined-toggle:hover { border-color: var(--wp--preset--color--accent-1, #1a3a5c) !important; color: var(--wp--preset--color--accent-1, #1a3a5c) !important; }  .sidx-save-search-pill { display: none !important; }   .sidx-search-grid__map, .sidx-map-container, .sidx-listings-map { height: 100% !important; max-height: 100% !important; }   .sidx-search-grid__results { background-color: var(--wp--preset--color--base, #f5f4f2) !important; display: flex !important; flex-direction: column !important; } .sidx-search-grid__results > .sidx-listings-controls { flex-shrink: 0 !important; } .sidx-search-grid__results > div:not(.sidx-listings-controls) { flex: 1 1 auto !important; min-height: 0 !important; }   .sidx-search-result-grid-item { position: relative !important; width: 100% !important; max-width: 100% !important; margin-bottom: 0 !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; border: none !important; border-radius: 0 !important; background: var(--wp--preset--color--noir, #0a0908) !important; cursor: pointer !important; box-shadow: none !important; transition: box-shadow 300ms ease !important; } .sidx-search-result-grid-item:hover { box-shadow: 0 16px 48px rgba(10,9,8,0.22) !important; transform: none !important; }  .sidx-search-result-grid-item .sidx-thumbnail { position: absolute !important; inset: 0 !important; overflow: hidden !important; width: 100% !important; height: 100% !important; background: var(--wp--preset--color--noir, #0a0908) !important; }  .sidx-search-result-grid-item .sidx-thumbnail::before { display: none !important; content: none !important; padding: 0 !important; }  .sidx-search-result-grid-item .sidx-gallery-display, .sidx-search-result-grid-item .sidx-gallery-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; }  .sidx-search-result-grid-item .sidx-thumbnail img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; object-position: center !important; display: block !important; border-radius: 0 !important; transform: scale(1) !important; transition: transform 800ms ease !important; will-change: transform !important; } .sidx-search-result-grid-item:hover .sidx-thumbnail img { transform: scale(1.05) !important; }  .sidx-search-result-grid-item .sidx-content, .sidx-search-result-grid-item .sidx-content > a { background: transparent !important; color: inherit !important; }  .sidx-search-result-grid-item .sidx-thumbnail::after { content: '' !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient( to top, rgba(10,9,8,0.60) 0%, rgba(10,9,8,0.12) 48%, transparent 100% ) !important; transition: background 500ms ease !important; pointer-events: none !important; } .sidx-search-result-grid-item:hover .sidx-thumbnail::after { background: linear-gradient( to top, rgba(10,9,8,0.68) 0%, rgba(10,9,8,0.18) 48%, transparent 100% ) !important; }  .sidx-search-result-grid-item .sidx-ribbon { position: absolute !important; top: 14px !important; left: 14px !important; z-index: 3 !important; background: rgba(10,9,8,0.52) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.28) !important; border-radius: 0 !important; padding: 5px 10px !important; font-family: var(--wp--preset--font-family--manrope, "Manrope", sans-serif) !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; line-height: 1 !important; } .sidx-search-result-grid-item .sidx-ribbon.sidx-featured { background: rgba(10,9,8,0.70) !important; color: var(--wp--preset--color--accent-5, #c9a96e) !important; border-color: rgba(201,169,110,0.38) !important; } .sidx-search-result-grid-item .sidx-new-listing { background: rgba(26,58,92,0.72) !important; border-color: rgba(255,255,255,0.22) !important; } .sidx-search-result-grid-item .sidx-price-drop { background: rgba(10,9,8,0.62) !important; border-color: rgba(255,255,255,0.22) !important; }  .sidx-search-result-grid-item .sidx-details { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; z-index: 2 !important; padding: 0 20px 18px !important; color: #fff !important; background: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; }  .sidx-search-result-grid-item .sidx-primary-details, .sidx-search-result-grid-item .sidx-primary-info, .sidx-search-result-grid-item .sidx-mls-details { display: contents !important; }  .sidx-search-result-grid-item .sidx-info-blocks, .sidx-search-result-grid-item .sidx-mls-info, .sidx-search-result-grid-item .sidx-price-type, .sidx-search-result-grid-item .sidx-listing-logo, .sidx-search-result-grid-item .sidx-disclaimer, .sidx-search-result-grid-item .sidx-thumbnail-actions, .sidx-search-result-grid-item .sidx-actions { display: none !important; }  .sidx-results-type-toggle { display: none !important; }  .sidx-search-result-grid-item .sidx-sale-type { display: block !important; order: 1 !important; color: rgba(255,255,255,0.62) !important; font-family: var(--wp--preset--font-family--manrope, "Manrope", sans-serif) !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; line-height: 1 !important; margin-bottom: 5px !important; }  .sidx-search-result-grid-item .sidx-listing-heading { order: 2 !important; display: flex !important; flex-direction: column !important; width: 100% !important; gap: 3px !important; margin-bottom: 0 !important; overflow: visible !important; }  .sidx-search-result-grid-item .echea-addr-street { display: block !important; width: 100% !important; color: #fff !important; font-family: var(--wp--preset--font-family--spectral, "Spectral", serif) !important; font-size: clamp(15px, 2.8vw, 22px) !important; font-weight: 300 !important; letter-spacing: -0.01em !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; }  .sidx-search-result-grid-item .echea-addr-city { display: block !important; color: rgba(255,255,255,0.55) !important; font-family: var(--wp--preset--font-family--manrope, "Manrope", sans-serif) !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; line-height: 1.5 !important; white-space: normal !important; overflow: visible !important; }  .sidx-search-result-grid-item .sidx-price { order: 3 !important; color: rgba(255,255,255,0.90) !important; font-family: var(--wp--preset--font-family--spectral, "Spectral", serif) !important; font-size: 16px !important; font-weight: 300 !important; letter-spacing: normal !important; line-height: 1.2 !important; margin-top: 5px !important; margin-left: 0 !important; white-space: nowrap !important; }   .sidx-search-result-grid-item .sidx-info-block, .sidx-search-result-grid-item .sidx-info-title, .sidx-search-result-grid-item .sidx-info-value { color: rgba(255,255,255,0.80) !important; font-family: var(--wp--preset--font-family--manrope, "Manrope", sans-serif) !important; font-size: 11px !important; letter-spacing: 0.04em !important; }  .sidx-search-result-grid-item .sidx-mls-info, .sidx-search-result-grid-item .sidx-disclaimer, .sidx-search-result-grid-item .sidx-compliance-separator { color: rgba(255,255,255,0.50) !important; font-family: var(--wp--preset--font-family--manrope, "Manrope", sans-serif) !important; font-size: 9px !important; letter-spacing: 0.04em !important; margin-top: 8px !important; opacity: 0 !important; transform: none !important; transition: opacity 380ms ease 120ms !important; } .sidx-search-result-grid-item:hover .sidx-mls-info, .sidx-search-result-grid-item:hover .sidx-disclaimer, .sidx-search-result-grid-item:hover .sidx-compliance-separator { opacity: 1 !important; }  .sidx-search-result-grid-item .sidx-gallery-prev, .sidx-search-result-grid-item .sidx-gallery-next { display: none !important; }  .sidx-grid, .sidx-search-results > div, .sidx-result-grid, .sidx-listing-result-list { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }  .sidx-hotsheet-see-all-results { display: none !important; } @media (max-width: 640px) { .sidx-grid, .sidx-search-results > div, .sidx-result-grid, .sidx-listing-result-list { grid-template-columns: 1fr !important; } }  .sidx-price { color: var(--wp--preset--color--noir, #0a0908) !important; font-family: var(--wp--preset--font-family--spectral) !important; font-size: 1.35rem !important; font-weight: 300 !important; letter-spacing: -0.01em !important; line-height: 1.1 !important; }  .sidx-price-type, .sidx-sale-type { color: var(--wp--preset--color--mid, #888888) !important; font-size: 9px !important; text-transform: uppercase !important; letter-spacing: 0.14em !important; }  .sidx-details { padding: 18px 16px 14px !important; }  .sidx-listing-heading { color: var(--wp--preset--color--noir, #0a0908) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; margin-bottom: 12px !important; }  .sidx-info-blocks { border-top: 1px solid var(--wp--preset--color--rule, #e8e6e3) !important; padding-top: 10px !important; margin-top: 10px !important; } .sidx-info-block, .sidx-info-title, .sidx-info-value { color: var(--wp--preset--color--mid, #888888) !important; font-size: 11px !important; letter-spacing: 0.04em !important; }  .sidx-mls-info, .sidx-disclaimer, .sidx-compliance-separator { color: var(--wp--preset--color--mid, #888888) !important; font-size: 9px !important; letter-spacing: 0.04em !important; }  .sidx-sort-menu-selection { border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; color: var(--wp--preset--color--contrast, #0a0908) !important; }   .sidx-ribbon { border-radius: 0 !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; padding: 5px 10px !important; } .sidx-ribbon.sidx-featured { background: var(--wp--preset--color--noir, #0a0908) !important; color: var(--wp--preset--color--accent-5, #c9a96e) !important; } .sidx-new-listing { background: var(--wp--preset--color--accent-1, #1a3a5c) !important; border-radius: 0 !important; font-size: 9px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; } .sidx-price-drop { background: color-mix(in srgb, var(--wp--preset--color--accent-1, #1a3a5c) 60%, #000) !important; border-radius: 0 !important; }   body:has(.sidx-columns) .wp-block-post-title, body:has(.sidx-primary-jumbo) .wp-block-post-title { display: none !important; }  body:has(.sidx-columns) main.wp-block-group { margin-top: 0 !important; } body:has(.sidx-columns) .wp-block-group.has-global-padding, body:has(.sidx-columns) .entry-content, body:has(.sidx-columns) .wp-block-post-content { padding-top: 0 !important; margin-top: 0 !important; }   .ReactModal__Content { inset: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; padding: 0 !important; } .sidx-streamlined-modal { background: #fff !important; border-radius: 2px !important; color: var(--wp--preset--color--contrast, #0a0908) !important; max-height: 78vh !important; overflow-y: auto !important; margin: auto !important; }  .sidx-streamlined-modal, .sidx-streamlined-modal * { color: var(--wp--preset--color--contrast, #0a0908) !important; }  .sidx-title { color: var(--wp--preset--color--contrast, #0a0908) !important; font-weight: 600 !important; }  .sidx-sale-type { color: var(--wp--preset--color--accent-3, #888888) !important; } .sidx-streamlined-types-toggle .sidx-selected { background: var(--wp--preset--color--accent-1, #1a3a5c) !important; color: #fff !important; border-radius: 2px !important; }  .sidx-select-menu { background: #fff !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; } .sidx-select-menu-selection, .sidx-select-menu select { color: var(--wp--preset--color--contrast, #0a0908) !important; }  .sidx-streamlined-searchbox .sidx-suggestions-input, .sidx-streamlined-filter__school-wrap .sidx-suggestions-input { background: #fff !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; }  .sidx-increment-up, .sidx-increment-down { background: var(--wp--preset--color--accent-4, #e8e6e3) !important; color: var(--wp--preset--color--contrast, #0a0908) !important; }  .sidx-add-keyword, .sidx-streamlined-done { background: var(--wp--preset--color--accent-1, #1a3a5c) !important; border-color: var(--wp--preset--color--accent-1, #1a3a5c) !important; border-radius: 2px !important; color: #fff !important; } .sidx-add-keyword:hover, .sidx-streamlined-done:hover { background: color-mix(in srgb, var(--wp--preset--color--accent-1, #1a3a5c) 85%, #000) !important; }  .sidx-modal-close { color: var(--wp--preset--color--contrast, #0a0908) !important; opacity: 0.5; } .sidx-modal-close:hover { opacity: 1; }   .sidx-top-level-nav { background: var(--wp--preset--color--base, #f5f4f2) !important; border-bottom: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; } .sidx-top-level-nav a, .sidx-top-level-nav button { color: var(--wp--preset--color--contrast, #0a0908) !important; } .sidx-top-level-nav a:hover, .sidx-top-level-nav button:hover { color: var(--wp--preset--color--accent-1, #1a3a5c) !important; }  .sidx-primary-actions.sidx-primary-jumbo, .sidx-left-column .sidx-primary-actions ~ .sidx-primary-actions { display: none !important; }  .sidx-primary-action-icon-container i, .sidx-primary-action i { color: var(--wp--preset--color--accent-1, #1a3a5c) !important; } .sidx-primary-action-label { color: var(--wp--preset--color--accent-3, #888888) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }  .sidx-left-column .sidx-primary-actions { border-top: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; padding: 0.75rem 0 !important; }  .sidx-left-column .sidx-primary-info { display: flex !important; gap: 16px !important; } .sidx-left-column .sidx-primary-info-section { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 5px !important; } .sidx-left-column .sidx-primary-info-item { display: flex !important; align-items: baseline !important; gap: 5px !important; font-size: 13px !important; line-height: 1.25 !important; } .sidx-left-column .sidx-primary-info-item br { display: none !important; } .sidx-left-column .sidx-primary-info-top .sidx-primary-info-item { color: var(--wp--preset--color--contrast, #0a0908) !important; font-weight: 500 !important; } .sidx-left-column .sidx-primary-info-bottom .sidx-primary-info-item { color: var(--wp--preset--color--accent-3, #888888) !important; } .sidx-left-column .sidx-primary-info-item-title-top, .sidx-left-column .sidx-primary-info-item-title-bottom { font-size: 13px !important; font-weight: 400 !important; color: var(--wp--preset--color--accent-3, #888888) !important; white-space: nowrap !important; }  .sidx-left-column .sidx-address-1 { font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.2 !important; } .sidx-left-column .sidx-address-2 { font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.2 !important; }  .sidx-left-column .sidx-price-area { display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-bottom: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; padding: 0.875rem 0 !important; } .sidx-left-column .sidx-price { font-family: var(--wp--preset--font-family--spectral, "Spectral", serif) !important; font-size: 1.375rem !important; font-weight: 300 !important; color: var(--wp--preset--color--contrast, #0a0908) !important; line-height: 1 !important; } .sidx-left-column .sidx-days-online { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; background: var(--wp--preset--color--contrast, #0a0908) !important; color: var(--wp--preset--color--base, #f5f4f2) !important; padding: 3px 8px !important; }  .sidx-left-column .sidx-call-to-actions { border-top: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; padding-top: 0.875rem !important; }  .sidx-call-to-actions .sidx-primary { background: var(--wp--preset--color--contrast, #0a0908) !important; color: var(--wp--preset--color--base, #f5f4f2) !important; border-radius: 2px !important; font-size: var(--wp--preset--font-size--small, 0.875rem) !important; letter-spacing: 0.04em !important; } .sidx-call-to-actions .sidx-primary:hover { background: var(--wp--preset--color--accent-1, #1a3a5c) !important; }  .sidx-details-table .sidx-heading { color: var(--wp--preset--color--contrast, #0a0908) !important; font-size: var(--wp--preset--font-size--small, 0.875rem) !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; border-bottom: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; padding-bottom: 0.5rem !important; margin-bottom: 0.75rem !important; }  .sidx-details-table-item .sidx-key { color: var(--wp--preset--color--accent-3, #888888) !important; font-size: 12px !important; } .sidx-details-table-item .sidx-val { color: var(--wp--preset--color--contrast, #0a0908) !important; }  .sidx-listing-description { color: var(--wp--preset--color--contrast, #0a0908) !important; line-height: 1.7 !important; }  :not(.sidx-search-result-grid-item) > .sidx-photo-array img { border-radius: 2px !important; }  .sidx-gallery-prev, .sidx-gallery-next { background: rgba(10, 9, 8, 0.45) !important; }  .sidx-details-table__friends { display: none !important; }  .sidx-details-table__timeline { display: none !important; }   .mortgage-calculator { background: transparent !important; color: var(--wp--preset--color--contrast, #0a0908) !important; border-radius: 0 !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; padding: 1.5rem !important; }  .mortgage-calculator h2 { font-family: var(--wp--preset--font-family--spectral, "Spectral", serif) !important; font-size: 1.125rem !important; font-weight: 400 !important; color: var(--wp--preset--color--contrast, #0a0908) !important; margin-bottom: 1.5rem !important; }  .mortgage-calculator label { color: var(--wp--preset--color--contrast, #0a0908) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; }  .mortgage-calculator input[type="text"], .mortgage-calculator input[type="number"] { background: #fff !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; color: var(--wp--preset--color--contrast, #0a0908) !important; font-size: 14px !important; padding: 10px 12px !important; } .mortgage-calculator input[type="text"]:focus, .mortgage-calculator input[type="number"]:focus { border-color: var(--wp--preset--color--accent-1, #1a3a5c) !important; outline: none !important; }  .mortgage-calculator select { background: #fff !important; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; border-radius: 2px !important; color: var(--wp--preset--color--contrast, #0a0908) !important; font-size: 14px !important; padding: 10px 12px !important; }  .mortgage-calculator button.sidx-primary, .mortgage-calculator button[type="submit"] { background: var(--wp--preset--color--contrast, #0a0908) !important; border: none !important; border-radius: 2px !important; color: var(--wp--preset--color--base, #f5f4f2) !important; font-size: var(--wp--preset--font-size--small, 0.875rem) !important; font-weight: 500 !important; letter-spacing: 0.04em !important; padding: 12px 28px !important; } .mortgage-calculator button.sidx-primary:hover, .mortgage-calculator button[type="submit"]:hover { background: var(--wp--preset--color--accent-1, #1a3a5c) !important; }  .monthly-payment { padding: 1.5rem 0 !important; border-top: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; } .monthly-payment__title { color: var(--wp--preset--color--contrast, #0a0908) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin-bottom: 0.5rem !important; } .monthly-payment__amount { color: var(--wp--preset--color--contrast, #0a0908) !important; font-family: var(--wp--preset--font-family--spectral, "Spectral", serif) !important; font-size: 1.375rem !important; font-weight: 300 !important; }  .mortgage-calculator__disclaimer { color: var(--wp--preset--color--accent-3, #888888) !important; font-size: 11px !important; }   .echea-detail-section-label { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--wp--preset--color--accent-3, #888888) !important; margin: 0 0 1.5rem !important; }  .echea-detail-gallery { border-top: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; padding: 1.25rem 0 0 !important; } .echea-detail-gallery .echea-detail-section-label { margin-bottom: 0.625rem !important; } .echea-detail-gallery .sidx-photo-array { display: flex !important; flex-wrap: nowrap !important; overflow: hidden !important; position: relative !important; gap: 3px !important; height: 90px !important; } .echea-detail-gallery .sidx-photo-array img { flex: 0 0 calc(33.33% - 2px) !important; width: calc(33.33% - 2px) !important; height: 90px !important; object-fit: cover !important; border-radius: 1px !important; display: block !important; cursor: pointer !important; transition: opacity 0.15s ease; } .echea-detail-gallery .sidx-photo-array img:hover { opacity: 0.82; }  .echea-detail-gallery .sidx-photo-array img:nth-child(n+4) { display: none !important; }  .echea-detail-gallery .sidx-photo-array button { position: absolute !important; right: 6px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.92) !important; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18) !important; border: none !important; font-size: 0 !important; line-height: 0 !important; cursor: pointer !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } .echea-detail-gallery .sidx-photo-array button::after { content: '›' !important; font-size: 20px !important; line-height: 1 !important; color: var(--wp--preset--color--contrast, #0a0908) !important; }  .echea-detail-calc { border-top: 1px solid var(--wp--preset--color--accent-4, #e8e6e3) !important; padding: 2rem 0 !important; } .echea-detail-calc .mortgage-calculator { max-width: 100% !important; }  .sidx-left-column { position: sticky !important; top: 96px !important; align-self: flex-start !important; height: fit-content !important; } @media (max-width: 889px) { .sidx-left-column { position: static !important; top: auto !important; align-self: auto !important; height: auto !important; } }  .intake-embed { width: 100%; } .intake-embed iframe { display: block; width: 100%; height: calc(100vh - 92px);  height: calc(100svh - 92px); border: 0; }  .intake-form-page .mobile-call-fab, .intake-form-page #mobile-call-fab, .intake-form-page .echea-scroll-top, .intake-form-page #scroll-to-top { display: none !important; }   .press-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; align-items: start !important; }  .press-grid > .wp-block-column { display: flex !important; flex-direction: column !important; gap: 24px; min-width: 0; width: auto !important; flex: none !important; }  .press-grid .wp-block-spacer { display: none; }  .press-card.wp-block-group { display: flex; flex-direction: column; box-sizing: border-box; position: relative; cursor: pointer; background: var(--wp--preset--color--white) !important; transition: box-shadow 0.18s ease, transform 0.18s ease; } .press-card.wp-block-group:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.14); }  .press-card.wp-block-group > .wp-block-group > p.is-style-term-link a::before { content: ''; position: absolute; inset: 0; }  .press-card.wp-block-group > .wp-block-group { flex: 1; display: flex; flex-direction: column; }  .press-card.wp-block-group > .wp-block-group > p.is-style-term-link { margin-top: auto; border-top: 1px solid var(--wp--preset--color--rule); padding-top: 16px; position: relative; z-index: 1; }  .press-card figure.wp-block-image { display: block; width: 100%; margin: 0; overflow: hidden; height: 240px !important; aspect-ratio: unset !important; flex-shrink: 0; } .press-card figure.wp-block-image img { display: block; width: 100%; height: 100%; object-fit: cover; }  .press-card .wp-block-heading { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }  .press-card .has-mid-color.has-text-color:not(.has-caption-font-size) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }  @media (max-width: 781px) { .press-grid.wp-block-columns { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 480px) { .press-grid.wp-block-columns { grid-template-columns: 1fr !important; } }   .echea-agent-masthead { background: var(--wp--preset--color--white); } .echea-agent-back { display: block; margin-bottom: 40px !important; } .echea-agent-role.wp-block-post-excerpt p, .echea-agent-role .wp-block-post-excerpt__excerpt { font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--blue); margin: 0 0 16px; display: block; }  .echea-agent-role .wp-block-post-excerpt__more-link { display: none; } h1.echea-masthead-name { font-size: clamp(52px, 6.5vw, 88px) !important; font-weight: 300 !important; line-height: 1.0 !important; letter-spacing: -0.025em !important; margin-bottom: 28px !important; } .echea-agent-meta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 0 10px; font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--mid); } .echea-meta-sep { color: var(--wp--preset--color--rule); } .echea-meta-badge { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; } .echea-meta-badge--active::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #2e9c52; }  .echea-agent-profile { background: var(--wp--preset--color--beige); } .echea-portrait-col { flex-shrink: 0 !important; }  @media (min-width: 782px) { .echea-portrait-col { position: sticky; top: 100px; align-self: flex-start; } }  .echea-portrait-col .wp-block-post-featured-image img, .echea-portrait-col .echea-team-profile-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; display: block; }  .echea-portrait-contact { margin-top: 24px; border-top: 1px solid var(--wp--preset--color--rule); padding-top: 20px; display: flex; flex-direction: column; gap: 14px; } .echea-portrait-contact-item { display: flex; flex-direction: column; gap: 3px; } .echea-contact-label { font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--mid); } .echea-contact-link, .echea-portrait-email, .echea-portrait-phone { font-family: var(--wp--preset--font-family--spectral), serif; font-size: 17px; font-weight: 300; color: var(--wp--preset--color--noir); text-decoration: none; word-break: break-all; } .echea-contact-link:hover { color: var(--wp--preset--color--blue); }  .echea-bio-col { min-width: 0; } .echea-about-eyebrow { display: block; font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--blue); margin-bottom: 20px; }  .single-team_member .echea-bio-col .wp-block-post-content p { font-size: 16px !important; line-height: 1.88 !important; color: var(--wp--preset--color--noir); }  .single-team_member .echea-bio-col .wp-block-post-content .has-caption-font-size, .single-team_member .echea-bio-col .wp-block-post-content .wp-block-separator, .single-team_member .echea-bio-col .wp-block-post-content .echea-agent-contact { display: none !important; }  .echea-agent-strip { background: var(--wp--preset--color--fog); } .echea-strip-inner { border-top: 1px solid var(--wp--preset--color--rule); display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 72px 0; } .echea-strip-col { display: flex; flex-direction: column; gap: 6px; } .echea-strip-value { font-family: var(--wp--preset--font-family--spectral), serif; font-size: clamp(22px, 2.5vw, 30px); font-weight: 300; line-height: 1.2; color: var(--wp--preset--color--noir); text-decoration: none; word-break: break-all; } .echea-strip-value:hover { color: var(--wp--preset--color--blue); } .echea-strip-sub { font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin-top: 4px; } @media (max-width: 600px) { .echea-strip-inner { grid-template-columns: 1fr; gap: 32px; padding: 48px 0; } }  .echea-agent-close { background: var(--wp--preset--color--noir); text-align: center; } .echea-close-eyebrow { display: block; font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin-bottom: 16px; } .echea-connect-heading { font-family: var(--wp--preset--font-family--spectral), serif; font-size: clamp(32px, 4.5vw, 60px); font-weight: 300; line-height: 1.1; letter-spacing: -0.02em; color: var(--wp--preset--color--white); margin: 0 0 20px; } .echea-close-sub { font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, 0.65); margin: 0 0 36px; } .echea-btn-light { display: inline-block; background: var(--wp--preset--color--white); color: var(--wp--preset--color--noir) !important; font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; padding: 14px 28px; border: none; cursor: pointer; transition: opacity 0.15s ease; } .echea-btn-light:hover { opacity: 0.88; }  @media (max-width: 781px) { .echea-portrait-col { flex-basis: auto !important; width: 100% !important; max-width: 360px; } h1.echea-masthead-name { font-size: clamp(40px, 10vw, 64px) !important; } }   .echea-agent-hero { padding: 0 !important; }  .echea-hero-split.wp-block-columns { display: grid !important; grid-template-columns: 420px 1fr !important; align-items: start !important; max-width: 1200px; margin-left: auto !important; margin-right: auto !important; padding: clamp(20px, 2.5vw, 32px) 48px clamp(48px, 6vw, 72px); gap: clamp(40px, 5vw, 72px) !important; }  .echea-agent-portrait-col.wp-block-column { flex-basis: auto !important; width: auto !important; min-width: 0; position: sticky; top: 88px; align-self: start; } .echea-agent-portrait-col .wp-block-post-featured-image, .echea-agent-portrait-col .echea-team-profile-photo { height: 560px; overflow: hidden; } .echea-agent-portrait-col .wp-block-post-featured-image img, .echea-agent-portrait-col .echea-team-profile-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }  .echea-agent-content-col.wp-block-column { display: flex; flex-direction: column; padding-top: 8px; min-width: 0; }  h1.echea-agent-h1 { font-size: clamp(42px, 4.5vw, 68px) !important; font-weight: 300 !important; line-height: 1.05 !important; letter-spacing: -0.025em !important; color: var(--wp--preset--color--noir) !important; margin-top: 16px !important; margin-bottom: 22px !important; }  .echea-name-em { font-style: italic; }  .echea-agent-content-col .wp-block-post-content { padding-left: 0 !important; padding-right: 0 !important; } .echea-agent-content-col .wp-block-post-content > * { margin-left: 0 !important; margin-right: auto !important; text-align: left !important; } .echea-agent-content-col .wp-block-post-content > .is-layout-constrained > * { margin-left: 0 !important; margin-right: auto !important; }  .single-team_member .echea-agent-content-col .wp-block-post-content .has-caption-font-size { display: none !important; } .single-team_member .echea-agent-content-col .wp-block-post-content .wp-block-separator { display: none !important; }  .single-team_member .echea-agent-content-col .wp-block-post-content p { font-size: 15px !important; line-height: 1.88 !important; color: #555555; margin-top: 0 !important; margin-bottom: 14px !important; }  .echea-agent-breadcrumb { max-width: 1200px; margin: 0 auto; padding: 36px 48px 0; display: flex; align-items: center; gap: 10px; font-family: var(--wp--preset--font-family--manrope), sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; } .echea-bc-link { color: var(--wp--preset--color--mid); text-decoration: none; transition: color 0.15s; } .echea-bc-link:hover { color: var(--wp--preset--color--blue); } .echea-bc-sep { color: var(--wp--preset--color--rule); font-weight: 300; letter-spacing: 0; font-size: 16px; } .echea-bc-current { color: var(--wp--preset--color--noir); } @media (max-width: 960px) { .echea-agent-breadcrumb { padding: 28px 32px 0; } } @media (max-width: 640px) { .echea-agent-breadcrumb { padding: 24px 24px 0; } }  @media (max-width: 960px) { .echea-hero-split.wp-block-columns { grid-template-columns: 280px 1fr !important; gap: 32px !important; padding: 40px 32px; } .echea-agent-portrait-col .wp-block-post-featured-image, .echea-agent-portrait-col .echea-team-profile-photo { height: 420px; } } @media (max-width: 640px) { .echea-hero-split.wp-block-columns { grid-template-columns: 1fr !important; padding: 32px 24px; } .echea-agent-portrait-col .wp-block-post-featured-image, .echea-agent-portrait-col .echea-team-profile-photo { height: 340px; }  .echea-agent-portrait-col.wp-block-column { position: static; } }   .echea-hero { position: relative; min-height: 680px; overflow: hidden; display: flex; align-items: flex-end; color: var(--wp--preset--color--accent-5); } @media (min-width: 1920px) { .echea-hero { min-height: 900px; } } .echea-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: echeaHeroZoom 18s cubic-bezier(.2,.7,.2,1) both; } @keyframes echeaHeroZoom { from { transform: scale(1.07); } to { transform: scale(1); } } .echea-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,9,8,0.72) 0%, rgba(10,9,8,0.18) 45%, rgba(10,9,8,0.12) 100%); } .echea-hero__content { position: relative; z-index: 1; padding: 0 var(--wp--preset--spacing--40) clamp(48px, 7vw, 96px); max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box; } .echea-hero__crumb { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.62; margin-bottom: 20px; } .echea-hero__crumb a { text-decoration: none; color: inherit; } .echea-hero__crumb a:hover { text-decoration: underline; } .echea-hero h1 { font-family: var(--wp--preset--font-family--spectral); font-weight: 200; font-size: clamp(48px, 8.5vw, 96px); line-height: 1.02; letter-spacing: -0.015em; color: var(--wp--preset--color--accent-5); } .echea-hero__hook { font-family: var(--wp--preset--font-family--spectral); font-style: italic; font-weight: 300; font-size: clamp(18px, 2vw, 24px); margin-top: 18px; opacity: 0.92; max-width: 560px; color: var(--wp--preset--color--accent-5); }  .echea-explore-intro { background: var(--wp--preset--color--accent-5); text-align: center; padding: clamp(64px, 9vw, 120px) var(--wp--preset--spacing--40); } .echea-explore-intro__inner { max-width: 780px; margin: 0 auto; } .echea-explore-intro__lede { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.4; letter-spacing: -0.01em; color: var(--wp--preset--color--contrast); } .echea-explore-intro__lede em { font-style: italic; } .echea-explore-intro__sig { margin-top: 32px; font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--mid); } .echea-explore-intro__sig::before { content: ""; display: block; width: 40px; height: 1px; background: var(--wp--preset--color--contrast); margin: 0 auto 20px; }  .echea-explore-stay { background: var(--wp--preset--color--beige); padding: clamp(64px, 9vw, 120px) var(--wp--preset--spacing--40); } .echea-explore-stay__inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; } .echea-explore-stay__media { position: relative; } .echea-explore-stay__main { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; background: var(--wp--preset--color--fog); display: block; } .echea-explore-stay__thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; } .echea-explore-stay__thumbs img { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; background: var(--wp--preset--color--fog); display: block; } .echea-explore-stay__text h2 { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.18; letter-spacing: -0.01em; color: var(--wp--preset--color--contrast); } .echea-explore-stay__body { color: #555555; margin-top: 18px; max-width: 52ch; font-family: var(--wp--preset--font-family--manrope); font-size: 15px; line-height: 1.7; } .echea-explore-stay__ctas { display: flex; align-items: center; gap: 28px; margin-top: 32px; flex-wrap: wrap; } @media (max-width: 880px) { .echea-explore-stay__inner { grid-template-columns: 1fr; } }  .echea-explore-picks-region { position: relative; } .echea-explore-filters { position: sticky; top: 92px; z-index: 40; background: var(--wp--preset--color--accent-5); border-top: 1px solid var(--wp--preset--color--rule); border-bottom: 1px solid var(--wp--preset--color--rule); padding: 0 var(--wp--preset--spacing--40); } .echea-explore-filters__inner { max-width: 1200px; margin: 0 auto; display: flex; gap: 8px; justify-content: center; overflow-x: auto; scrollbar-width: none; } .echea-explore-filters__inner::-webkit-scrollbar { display: none; } .echea-fbtn { appearance: none; background: none; border: none; border-bottom: 2px solid transparent; display: inline-flex; align-items: center; gap: 7px; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--mid); padding: 18px 16px 16px; cursor: pointer; white-space: nowrap; transition: color 220ms, border-color 220ms; } .echea-fbtn:hover { color: var(--wp--preset--color--contrast); } .echea-fbtn.active { color: var(--wp--preset--color--contrast); border-bottom-color: var(--wp--preset--color--contrast); } .echea-fbtn .count { color: var(--wp--preset--color--mid); font-weight: 500; margin-left: 2px; letter-spacing: 0; }   .echea-fbtn::before { content: ""; display: block; width: 13px; height: 13px; flex-shrink: 0; background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; }  .echea-fbtn[data-cat="all"]::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' fill='black'/%3E%3Crect x='13' y='3' width='8' height='8' fill='black'/%3E%3Crect x='3' y='13' width='8' height='8' fill='black'/%3E%3Crect x='13' y='13' width='8' height='8' fill='black'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' fill='black'/%3E%3Crect x='13' y='3' width='8' height='8' fill='black'/%3E%3Crect x='3' y='13' width='8' height='8' fill='black'/%3E%3Crect x='13' y='13' width='8' height='8' fill='black'/%3E%3C/svg%3E"); }  .echea-fbtn[data-cat="eat"]::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8l-2.5 9H10.5L8 3z'/%3E%3Cline x1='12' y1='12' x2='12' y2='19'/%3E%3Cline x1='9' y1='19' x2='15' y2='19'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8l-2.5 9H10.5L8 3z'/%3E%3Cline x1='12' y1='12' x2='12' y2='19'/%3E%3Cline x1='9' y1='19' x2='15' y2='19'/%3E%3C/svg%3E"); }  .echea-fbtn[data-cat="nature"]::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 20 9 8 13 14 15 11 21 20'/%3E%3Cline x1='2' y1='20' x2='22' y2='20'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 20 9 8 13 14 15 11 21 20'/%3E%3Cline x1='2' y1='20' x2='22' y2='20'/%3E%3C/svg%3E"); }  .echea-fbtn[data-cat="experience"]::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76'/%3E%3C/svg%3E"); }  .echea-fbtn[data-cat="arts"]::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E"); }  .echea-explore-picks { background: transparent; padding: 0; } .echea-explore-picks__inner { max-width: 1200px; margin: 0 auto; padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40); } .echea-explore-picks__head { margin-bottom: clamp(40px, 5vw, 64px); text-align: center; } .echea-explore-picks__head h2 { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(28px, 3.4vw, 42px); letter-spacing: -0.01em; line-height: 1.18; } .echea-explore-picks__head .is-style-eyebrow-blue { margin-left: auto; margin-right: auto; } .echea-picks-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 5vw, 72px) clamp(28px, 4vw, 56px); } @media (max-width: 880px) { .echea-picks-grid { grid-template-columns: 1fr; } } .echea-pick { display: flex; flex-direction: column; } .echea-pick.hide { display: none; } .echea-pick__media { overflow: hidden; aspect-ratio: 3 / 2; background: var(--wp--preset--color--fog); } .echea-pick__media img { width: 100%; height: 100%; object-fit: cover; } .echea-pick__slider { position: relative; overflow: hidden; } .echea-pick__slides { display: flex; height: 100%; transition: transform 700ms cubic-bezier(0.4, 0.0, 0.2, 1); will-change: transform; } .echea-pick__slide { flex: 0 0 100%; min-width: 0; } .echea-pick__slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .echea-pick__slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: #0a0908; border: none; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: opacity 180ms, background 220ms; padding: 0; color: #f8f6f3; z-index: 2; } .echea-pick__slider:hover .echea-pick__slider-btn { opacity: 1; } .echea-pick__slider-btn:hover { background: #b8975a; } .echea-pick__slider-prev { left: 10px; } .echea-pick__slider-next { right: 10px; } .echea-pick__slider-dots { position: absolute; bottom: 11px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; align-items: center; z-index: 2; } .echea-pick__slider-dot { width: 5px; height: 5px; border: 1px solid rgba(255,255,255,0.82); background: transparent; display: block; cursor: pointer; transition: background 180ms; } .echea-pick__slider-dot.active { background: rgba(255,255,255,0.82); } .echea-pick__body { display: flex; flex-direction: column; align-items: flex-start; } .echea-pick__meta { display: flex; align-items: baseline; gap: 14px; width: 100%; margin-top: 24px; } .echea-pick__num { font-family: var(--wp--preset--font-family--spectral); font-weight: 500; font-size: 16px; line-height: 1; color: var(--wp--preset--color--contrast); } .echea-pick__num::after { content: ""; display: inline-block; width: 22px; height: 1px; background: var(--wp--preset--color--contrast); vertical-align: middle; margin-left: 14px; } .echea-pick__cat { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--accent-1); } .echea-pick__where { margin-left: auto; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--mid); } .echea-pick h3 { font-family: var(--wp--preset--font-family--spectral); font-weight: 400; font-size: clamp(23px, 2.3vw, 30px); letter-spacing: -0.005em; line-height: 1.22; margin-top: 8px; color: var(--wp--preset--color--contrast); } .echea-pick__desc { font-family: var(--wp--preset--font-family--manrope); color: #555555; margin-top: 14px; max-width: 56ch; font-size: 15px; line-height: 1.7; } .echea-pick__note { font-family: var(--wp--preset--font-family--spectral); font-style: italic; font-weight: 300; font-size: 18px; line-height: 1.55; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--beige); border-left: 2px solid var(--wp--preset--color--contrast); padding: 20px 24px; margin-top: 20px; } .echea-pick__note .who { display: block; font-family: var(--wp--preset--font-family--manrope); font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin-top: 12px; }    .echea-explore-toc { position: sticky; top: 92px; z-index: 50; background: var(--wp--preset--color--accent-5); border-top: 1px solid var(--wp--preset--color--rule); border-bottom: 1px solid var(--wp--preset--color--rule); transition: opacity 200ms, visibility 200ms; } .echea-explore-toc.echea-toc-past-scope { opacity: 0; visibility: hidden; pointer-events: none; }  .echea-explore-toc--in-main { max-width: none !important; margin-left: calc(-1 * var(--wp--preset--spacing--60, 0px)) !important; margin-right: calc(-1 * var(--wp--preset--spacing--60, 0px)) !important; width: calc(100% + 2 * var(--wp--preset--spacing--60, 0px)) !important; } @media (max-width: 768px) {  .echea-explore-toc { top: 84px; } } .echea-explore-toc__list { list-style: none; margin: 0; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40); display: flex; gap: 0; justify-content: center; overflow-x: auto; scrollbar-width: none; } .echea-explore-toc__list::-webkit-scrollbar { display: none; } @media (max-width: 768px) {  .echea-explore-toc__list { justify-content: flex-start; padding-left: 12px; padding-right: 12px; }  .echea-explore-toc--in-main .echea-explore-toc__list { justify-content: center; } .echea-toc-link { padding-left: 14px; padding-right: 14px; } } .echea-toc-link { display: flex; align-items: center; gap: 9px; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--mid); text-decoration: none; padding: 15px 20px 13px; border-bottom: 2px solid transparent; white-space: nowrap; transition: color 220ms, border-color 220ms; } .echea-toc-link svg { flex-shrink: 0; } .echea-toc-link:hover { color: var(--wp--preset--color--contrast); border-bottom-color: var(--wp--preset--color--mid); } .echea-toc-link.active { color: var(--wp--preset--color--contrast); border-bottom-color: var(--wp--preset--color--contrast); } .echea-toc-count { margin-left: 3px; font-weight: 500; font-size: 10px; letter-spacing: 0; color: var(--wp--preset--color--mid); } .echea-picks-sections { padding-top: clamp(40px, 5vw, 60px); } .echea-picks-section { margin-bottom: clamp(56px, 6vw, 88px); } .echea-picks-section:last-child { margin-bottom: 0; } .echea-picks-section__header { display: flex; align-items: center; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid var(--wp--preset--color--rule); margin-bottom: clamp(36px, 4.5vw, 56px); color: var(--wp--preset--color--contrast); } h2.echea-picks-section__title { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--contrast); margin: 0; } .echea-picks-section__count { margin-left: auto; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--mid); }  .echea-explore-picks { background: transparent; padding: 0; } .echea-section-bg { padding-top: clamp(56px, 8vw, 104px); padding-bottom: clamp(56px, 8vw, 104px); } .echea-section-bg--intro { background: var(--wp--preset--color--accent-5); padding-bottom: clamp(48px, 6vw, 80px); } .echea-section-bg--stay { background: #faf5ee; } .echea-section-bg--go { background: #F5F4F2; } .echea-section-bg--food { background: #f4ede0; } .echea-section-bg--when { background: #F5F4F2; }  .echea-section-header { padding-bottom: 0; border-bottom: none; margin-bottom: clamp(40px, 5vw, 64px); text-align: center; } .echea-section-header__eyebrow { display: none; } .echea-section-header__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(32px, 4vw, 48px); line-height: 1.08; letter-spacing: -0.01em; color: var(--wp--preset--color--contrast); margin: 0; } .echea-section-header__sub { font-family: var(--wp--preset--font-family--manrope); font-size: clamp(15px, 1.4vw, 17px); font-weight: 400; line-height: 1.65; color: var(--wp--preset--color--mid); margin: 16px auto 0; max-width: 60ch; }  .echea-section-guide-link { text-align: center; margin: 18px 0 0; font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .echea-section-guide-link a { color: var(--wp--preset--color--accent-1, #1a3a5c); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-1, #1a3a5c) 35%, transparent); padding-bottom: 2px; transition: border-color 200ms ease, opacity 200ms ease; } .echea-section-guide-link a:hover { opacity: 0.7; border-bottom-color: var(--wp--preset--color--accent-1, #1a3a5c); }  .echea-section-bg--live { background: #faf5ee; } .echea-wtl-lead { display: flex; flex-direction: column; gap: 8px; max-width: 1100px; margin: 0 auto 40px; padding: clamp(28px, 4vw, 48px); background: var(--wp--preset--color--accent-1, #1a3a5c); color: var(--wp--preset--color--accent-5, #f5f4f2); text-decoration: none; border-radius: 2px; transition: transform 240ms cubic-bezier(.2,.7,.2,1), box-shadow 240ms ease; } .echea-wtl-lead:hover { transform: translateY(-3px); box-shadow: 0 18px 50px rgba(26,58,92,0.22); } .echea-wtl-lead__eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.7; margin: 0 0 4px; } .echea-wtl-lead__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(24px, 3vw, 36px); line-height: 1.12; letter-spacing: -0.01em; color: #fff; margin: 0 0 12px; } .echea-wtl-lead__desc { font-family: var(--wp--preset--font-family--manrope); font-size: clamp(15px, 1.4vw, 17px); line-height: 1.65; color: rgba(245,244,242,0.82); margin: 0 0 14px; max-width: 72ch; } .echea-wtl-lead__cta { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .echea-wtl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: clamp(16px, 2vw, 24px); max-width: 1100px; margin: 0 auto; } .echea-wtl-card { display: flex; flex-direction: column; padding: clamp(22px, 2.4vw, 30px); background: #fff; border: 1px solid var(--wp--preset--color--accent-4, #e8e6e3); text-decoration: none; border-radius: 2px; transition: transform 240ms cubic-bezier(.2,.7,.2,1), border-color 240ms ease, box-shadow 240ms ease; } .echea-wtl-card:hover { transform: translateY(-3px); border-color: var(--wp--preset--color--accent-1, #1a3a5c); box-shadow: 0 14px 36px rgba(26,58,92,0.10); } .echea-wtl-card__cat { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--accent-1, #1a3a5c); margin: 0 0 12px; } .echea-wtl-card__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 400; font-size: clamp(18px, 1.8vw, 22px); line-height: 1.25; color: var(--wp--preset--color--contrast); margin: 0 0 10px; } .echea-wtl-card__desc { font-family: var(--wp--preset--font-family--manrope); font-size: 14px; line-height: 1.6; color: var(--wp--preset--color--mid); margin: 0 0 18px; flex: 1 1 auto; } .echea-wtl-card__arrow { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--accent-1, #1a3a5c); }  .echea-section-bg--faq { background: #F5F4F2; } .echea-explore-faq { max-width: 760px; margin: 0 auto; } .echea-explore-faq__item { padding: 28px 0; border-top: 1px solid var(--wp--preset--color--rule, #e8e6e3); } .echea-explore-faq__item:last-child { border-bottom: 1px solid var(--wp--preset--color--rule, #e8e6e3); } .echea-explore-faq .echea-faq__q { font-family: var(--wp--preset--font-family--spectral); font-weight: 400; font-size: 20px; line-height: 1.4; color: var(--wp--preset--color--noir, #0a0908); margin: 0 0 12px; } .echea-explore-faq .echea-faq__a { font-family: var(--wp--preset--font-family--manrope); font-size: 16px; line-height: 1.8; color: var(--wp--preset--color--mid); margin: 0; } .echea-explore-faq .echea-faq__a a { color: var(--wp--preset--color--accent-1, #1a3a5c); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: color-mix(in srgb, var(--wp--preset--color--accent-1, #1a3a5c) 40%, transparent); } .echea-explore-faq .echea-faq__a a:hover { text-decoration-color: var(--wp--preset--color--accent-1, #1a3a5c); }    .echea-pick__badge { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--accent-1); margin: 0; padding: 0; display: flex; align-items: center; gap: 8px; } .echea-pick__badge::before { content: ""; display: inline-block; width: 20px; height: 1px; background: var(--wp--preset--color--accent-1); flex-shrink: 0; }  .echea-pick--small .echea-pick__media img, .echea-pick--slide .echea-pick__media img { width: 100%; height: 100%; object-fit: cover; display: block; }  .echea-pick--small .echea-pick__media { aspect-ratio: 4 / 3; } .echea-pick--small h3 { font-size: clamp(17px, 1.7vw, 22px); } .echea-pick--small .echea-pick__meta { margin-top: 20px; } .echea-pick--small .echea-pick__desc { font-size: 14px; }  .echea-pick--hero { position: relative; } .echea-pick--hero .echea-pick__media { aspect-ratio: 16 / 9; } .echea-pick--hero h3 { font-size: clamp(22px, 2.6vw, 34px); } .echea-pick--hero .echea-pick__meta { margin-top: 16px; }  .echea-pick--hero > .echea-pick__badge, .echea-pick--stay-hero > .echea-pick__badge { position: absolute; top: 16px; left: 16px; z-index: 2; background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--accent-5); padding: 7px 14px; margin: 0; font-size: 9px; letter-spacing: 0.2em; box-shadow: 0 2px 16px rgba(0,0,0,0.32); gap: 0; } .echea-pick--hero > .echea-pick__badge::before, .echea-pick--stay-hero > .echea-pick__badge::before { display: none; } @media (min-width: 780px) { .echea-pick--hero { display: grid; grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: clamp(48px, 5vw, 80px); align-items: center; }  .echea-pick--hero .echea-pick__media { aspect-ratio: 4 / 3; height: auto; overflow: hidden; }  .echea-pick--hero .echea-pick__slides { height: 100%; } .echea-pick--hero .echea-pick__slide { height: 100%; } .echea-pick--hero .echea-pick__slide img { height: 100%; width: 100%; object-fit: cover; display: block; } .echea-pick--hero .echea-pick__body { padding-top: 0; } .echea-pick--hero .echea-pick__meta { margin-top: 20px; } }  .echea-pick--stay-hero { position: relative; cursor: default; } .echea-pick--stay-hero .echea-pick__media { aspect-ratio: 3 / 2; } .echea-pick__stay-ctas { display: flex; align-items: center; gap: 24px; margin-top: 28px; flex-wrap: wrap; } .echea-pick__view-detail { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--contrast); background: none; border: none; padding: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; transition: gap 220ms cubic-bezier(.2,.7,.2,1); } .echea-pick__view-detail:hover { gap: 13px; } .echea-pick__view-detail:active { opacity: 0.6; } .echea-pick__view-detail:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } .echea-pick-modal__take p .who { display: block; margin-top: 8px; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #b8975a; } @media (min-width: 780px) { .echea-pick--stay-hero { display: grid; grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: clamp(48px, 5vw, 80px); align-items: center; }  .echea-pick--stay-hero .echea-pick__media { aspect-ratio: 4 / 3; height: auto; overflow: hidden; }  .echea-pick--stay-hero .echea-pick__slides { height: 100%; } .echea-pick--stay-hero .echea-pick__slide { height: 100%; } .echea-pick--stay-hero .echea-pick__slide img { height: 100%; width: 100%; object-fit: cover; display: block; } .echea-pick--stay-hero .echea-pick__body { padding-top: clamp(6px, 1vw, 16px); } .echea-pick--stay-hero .echea-pick__badge { margin-top: 0; } .echea-pick--stay-hero .echea-pick__meta { margin-top: 20px; } }  .echea-picks-equal-grid { display: grid; gap: clamp(24px, 3vw, 36px); grid-template-columns: 1fr; margin-top: clamp(44px, 5.5vw, 72px); } @media (min-width: 640px) { .echea-picks-equal-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1000px) { .echea-picks-equal-grid { grid-template-columns: repeat(3, 1fr); } }  .echea-pick--equal { background: #ffffff; position: relative;  transition: box-shadow 0.18s ease, transform 0.18s ease; } .echea-pick--equal:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.14); } .echea-pick--equal .echea-pick__media { aspect-ratio: 4 / 3; } .echea-pick--equal .echea-pick__body { padding: 18px 20px 22px; align-self: stretch; flex: 1; } .echea-pick--equal h3 { font-size: clamp(18px, 1.8vw, 22px); margin-top: 8px; margin-bottom: 0; } .echea-pick--equal .echea-pick__meta { margin-top: 0; } .echea-pick--equal .echea-pick__desc { font-size: 14px; margin-top: 8px; } .echea-pick--equal .echea-pick__address { margin-top: 8px; } .echea-pick--equal .echea-pick__note, .echea-pick--hero .echea-pick__note { display: none;  } .echea-pick--equal .echea-pick__view-detail { margin-top: auto; padding-top: 14px; }  .echea-pick__address { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--wp--preset--color--mid); line-height: 1; } .echea-pick__address svg { flex-shrink: 0; color: var(--wp--preset--color--accent-1); opacity: 0.7; }  .echea-pick--equal > .echea-pick__badge { position: absolute; top: 12px; left: 12px; z-index: 2; background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--accent-5); padding: 5px 11px; margin: 0; font-size: 9px; letter-spacing: 0.2em;  gap: 0; } .echea-pick--equal > .echea-pick__badge::before { display: none; }   .echea-picks-related-label { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: clamp(36px, 4.5vw, 52px) 0 clamp(18px, 2.5vw, 28px); display: flex; align-items: center; gap: 12px; } .echea-picks-related-label::before { content: ""; display: inline-block; width: 16px; height: 1px; background: var(--wp--preset--color--mid); }  .echea-picks-related-scroll-outer { margin-left: calc(-1 * var(--wp--preset--spacing--40)); margin-right: calc(-1 * var(--wp--preset--spacing--40)); overflow: hidden; } .echea-picks-related { display: flex; flex-wrap: nowrap; gap: clamp(16px, 2vw, 24px); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40); padding-bottom: 4px; } .echea-picks-related::-webkit-scrollbar { display: none; } .echea-picks-related > * { flex: 0 0 78vw; scroll-snap-align: start; min-width: 0; } @media (min-width: 640px) { .echea-picks-related > * { flex-basis: 44vw; } } @media (min-width: 1000px) { .echea-picks-related > * { flex-basis: clamp(280px, 28vw, 380px); } }  .echea-picks-subsection { margin-bottom: clamp(52px, 6.5vw, 80px); } .echea-picks-subsection:last-child { margin-bottom: 0; } .echea-picks-subsection__eyebrow { display: flex; align-items: center; gap: 9px; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--accent-1); padding-left: 14px; border-left: 2px solid var(--wp--preset--color--accent-1); margin-bottom: clamp(24px, 3vw, 36px); }  .echea-picks-slider-row { position: relative; } .echea-picks-slider-row__track { display: flex; gap: clamp(24px, 3vw, 40px); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-bottom: 4px; } .echea-picks-slider-row__track::-webkit-scrollbar { display: none; } .echea-picks-slider-row .echea-pick--slide { flex: 0 0 clamp(280px, 34vw, 400px); scroll-snap-align: start; min-width: 0; } .echea-picks-slider-row .echea-pick--slide .echea-pick__media { aspect-ratio: 4 / 3; } .echea-picks-slider-row .echea-pick--slide h3 { font-size: clamp(19px, 1.9vw, 26px); } .echea-picks-slider-row__btn { display: none; position: absolute; top: 38%; transform: translateY(-50%); background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); width: 40px; height: 40px; align-items: center; justify-content: center; cursor: pointer; z-index: 3; padding: 0; color: #f6f0e6; transition: background 140ms; } .echea-picks-slider-row__btn:hover { background: rgba(255,255,255,0.20); } .echea-picks-slider-row__prev { left: -20px; } .echea-picks-slider-row__next { right: -20px; } @media (min-width: 640px) { .echea-picks-slider-row__btn { display: flex; } }  .echea-season-grid { display: grid; grid-template-columns: 1fr; gap: clamp(14px, 1.8vw, 22px); } @media (min-width: 640px) { .echea-season-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .echea-season-grid { grid-template-columns: repeat(4, 1fr); } } .echea-season-card { padding: clamp(28px, 3.5vw, 40px) clamp(24px, 3vw, 36px); display: flex; flex-direction: column; } .echea-season-card--spring { background: #eef4ee; } .echea-season-card--summer { background: #e8eff5; } .echea-season-card--fall { background: #f5efe6; border: 1px solid #d4a96a; } .echea-season-card--winter { background: #f0f0f0; } .echea-season-card__season { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 0; } .echea-season-card--fall .echea-season-card__season { color: #a0622a; } .echea-season-card__months { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 500; letter-spacing: 0.04em; color: var(--wp--preset--color--mid); margin: 4px 0 0; } .echea-season-card h3.echea-season-card__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(17px, 1.8vw, 22px); line-height: 1.3; letter-spacing: -0.005em; color: var(--wp--preset--color--contrast); margin: 16px 0 0; } .echea-season-card__desc { font-family: var(--wp--preset--font-family--manrope); font-size: 14px; line-height: 1.7; color: #555555; margin: 12px 0 0; flex-grow: 1; } .echea-season-card__highlight { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(0,0,0,0.10); } .echea-season-card--fall .echea-season-card__highlight { color: #a0622a; border-top-color: rgba(160,98,42,0.25); }   .echea-photo-carousel { display: none; } .echea-photo-carousel--visible { background: var(--wp--preset--color--contrast); padding: clamp(64px, 8vw, 104px) 0; overflow: hidden; } .echea-photo-carousel__header { text-align: center; padding: 0 var(--wp--preset--spacing--40); margin-bottom: clamp(40px, 5vw, 64px); } .echea-photo-carousel__eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--accent-4); margin: 0 0 16px; } .echea-photo-carousel__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 200; font-style: italic; font-size: clamp(28px, 3.8vw, 48px); line-height: 1.2; letter-spacing: -0.015em; color: var(--wp--preset--color--accent-5); margin: 0; }  .echea-photo-carousel__stage { overflow: hidden; position: relative; } .echea-photo-carousel__track { display: flex; gap: clamp(16px, 2.5vw, 28px); transition: transform 560ms cubic-bezier(0.4, 0.0, 0.2, 1); will-change: transform; cursor: grab; user-select: none; } .echea-photo-carousel__track.is-dragging { cursor: grabbing; transition: none; } .echea-photo-carousel__slide { flex: 0 0 clamp(260px, 68vw, 420px); min-width: 0; background: #fff; opacity: 0.45; transform: scale(0.94); transition: opacity 560ms cubic-bezier(0.4, 0.0, 0.2, 1), transform 560ms cubic-bezier(0.4, 0.0, 0.2, 1); } .echea-photo-carousel__slide.is-active { opacity: 1; transform: scale(1); } .echea-photo-carousel__media { aspect-ratio: 3 / 2; overflow: hidden; background: var(--wp--preset--color--mid); } .echea-photo-carousel__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.4s cubic-bezier(0.2, 0.7, 0.2, 1); pointer-events: none; } .echea-photo-carousel__slide.is-active .echea-photo-carousel__media img { transform: scale(1.03); } .echea-photo-carousel__caption { padding: clamp(16px, 2.5vw, 24px) clamp(18px, 2.5vw, 28px) clamp(20px, 3vw, 28px); } .echea-photo-carousel__label { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--mid); margin: 0 0 8px; } .echea-photo-carousel__place { font-family: var(--wp--preset--font-family--spectral); font-weight: 400; font-size: clamp(17px, 1.8vw, 22px); line-height: 1.3; color: var(--wp--preset--color--contrast); margin: 0; } .echea-photo-carousel__note { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 400; font-style: normal; color: var(--wp--preset--color--mid); display: block; margin-top: 4px; }  .echea-photo-carousel__controls { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: clamp(28px, 3.5vw, 44px); padding: 0 var(--wp--preset--spacing--40); } .echea-photo-carousel__btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: transparent; border: 1px solid rgba(246,240,230,0.25); color: var(--wp--preset--color--accent-5); cursor: pointer; transition: background 160ms, border-color 160ms; padding: 0; flex-shrink: 0; } .echea-photo-carousel__btn:hover:not(:disabled) { background: rgba(246,240,230,0.10); border-color: rgba(246,240,230,0.55); } .echea-photo-carousel__btn:disabled { opacity: 0.3; cursor: default; } .echea-photo-carousel__counter { display: none; } .echea-photo-carousel__sep { display: none; } @media (min-width: 640px) { .echea-photo-carousel__slide { flex-basis: clamp(300px, 42vw, 480px); } } @media (min-width: 1000px) { .echea-photo-carousel__slide { flex-basis: clamp(340px, 34vw, 480px); } }  .echea-explore-cta { position: relative; background: var(--wp--preset--color--contrast); background-image: url('https://thomasechea.com/wp-content/uploads/2026/05/97_dji_0475-scaled.webp'); background-size: cover; background-position: center; color: var(--wp--preset--color--accent-5); text-align: center; padding: clamp(64px, 9vw, 120px) var(--wp--preset--spacing--40); } .echea-explore-cta::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.65); z-index: 0; } .echea-explore-cta__inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; } .echea-explore-cta h2 { font-family: var(--wp--preset--font-family--spectral); font-weight: 200; font-size: clamp(24px, 3.6vw, 56px); line-height: 1.15; letter-spacing: -0.01em; color: var(--wp--preset--color--accent-5); white-space: nowrap; } .echea-explore-cta h2 em { font-style: italic; } .echea-explore-cta .sub { opacity: 0.7; margin-top: 20px; max-width: 46ch; margin-left: auto; margin-right: auto; font-family: var(--wp--preset--font-family--manrope); font-size: 15px; line-height: 1.7; color: var(--wp--preset--color--accent-5); } .echea-explore-cta__actions { display: flex; justify-content: center; gap: 16px; margin-top: 40px; flex-wrap: wrap; align-items: center; }  .echea-explore-cta__actions a.is-style-term-link, .echea-explore-cta__actions p.is-style-term-link, .echea-explore-cta__actions p.is-style-term-link a { color: rgba(255,255,255,0.8); } .echea-explore-cta__actions a.is-style-term-link:hover, .echea-explore-cta__actions p.is-style-term-link a:hover { color: #ffffff; }  #echea-thomas-listings {  padding-left: 0 !important; padding-right: 0 !important; }  #echea-thomas-listings > .wp-block-heading, #echea-all-listings > .wp-block-heading, #echea-thomas-listings-fl > .wp-block-heading, #echea-all-listings-fl > .wp-block-heading, #echea-thomas-listings > p, #echea-all-listings > p, #echea-thomas-listings-fl > p, #echea-all-listings-fl > p { text-align: center; } #echea-thomas-listings > p, #echea-all-listings > p, #echea-thomas-listings-fl > p, #echea-all-listings-fl > p { max-width: 640px; margin-left: auto; margin-right: auto; }  .echea-section-tabs { position: sticky; top: var(--echea-header-h, 72px); z-index: 90; background: var(--wp--preset--color--accent-5, #c9a96e); border-top: 1px solid var(--wp--preset--color--rule, #e5e0d8); border-bottom: 1px solid var(--wp--preset--color--rule, #e5e0d8); width: 100%; } .echea-section-tabs__inner { display: flex; justify-content: center; padding: 0; overflow-x: auto; scrollbar-width: none; } .echea-section-tabs__inner::-webkit-scrollbar { display: none; } .echea-section-tabs__tab { background: none; border: none; border-bottom: 2px solid transparent; padding: 15px 20px 13px; font-family: var(--wp--preset--font-family--manrope, "Manrope", sans-serif); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; color: var(--wp--preset--color--mid, #8c8070); cursor: pointer; transition: color 220ms ease, border-color 220ms ease; } .echea-section-tabs__tab:hover { color: var(--wp--preset--color--contrast, #0a0908); border-bottom-color: var(--wp--preset--color--mid, #8c8070); } .echea-section-tabs__tab.is-active { color: var(--wp--preset--color--contrast, #0a0908); border-bottom-color: var(--wp--preset--color--contrast, #0a0908); } @media (max-width: 480px) { .echea-section-tabs__inner { justify-content: flex-start; padding-left: 12px; padding-right: 12px; } .echea-section-tabs__tab { padding: 14px 14px 12px; font-size: 10px; } }  .wp-block-post-content p strong, .wp-block-post-content li strong { font-weight: 800; }  .echea-explore-rv { opacity: 1; transform: none; }  .echea-idx-search.is-layout-constrained > :not(.alignleft):not(.alignright):not(.alignfull) { max-width: var(--wp--style--global--content-size) !important; margin-left: auto !important; margin-right: auto !important; }  .echea-local-guides { --guides-edge: max(var(--wp--preset--spacing--40), calc((100vw - 1200px) / 2 + var(--wp--preset--spacing--40))); background: #ffffff; padding: clamp(48px, 6vw, 80px) 0; overflow: hidden; } .echea-local-guides__header { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; padding: 0 var(--guides-edge); margin-bottom: clamp(36px, 5vw, 56px); } .echea-local-guides__hd-text { max-width: 560px; text-align: center; } .echea-local-guides__eyebrow { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #b8975a; margin-bottom: 18px; } .echea-local-guides__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(22px, 2.6vw, 32px); letter-spacing: -0.01em; line-height: 1.2; color: #0a0908; margin-bottom: 8px; } .echea-local-guides__sub { font-family: var(--wp--preset--font-family--spectral); font-style: italic; font-weight: 300; font-size: clamp(14px, 1.3vw, 17px); color: rgba(10,9,8,0.55); line-height: 1.6; margin-top: 0; } .echea-local-guides__btn { width: 44px; height: 44px; border-radius: 50%; border: none; background: #0a0908; color: #f8f6f3; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 220ms; flex-shrink: 0; } .echea-local-guides__btn:hover { background: #b8975a; } .echea-local-guides__btn:disabled { opacity: 0.18; cursor: default; pointer-events: none; } .echea-local-guides__track { display: flex; gap: clamp(10px,1.4vw,16px); overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-left: var(--guides-edge); scroll-padding-left: var(--guides-edge); padding-right: clamp(20px, 5vw, 80px); padding-bottom: 4px; cursor: grab; } .echea-local-guides__track.is-dragging { cursor: grabbing; } .echea-local-guides__track::-webkit-scrollbar { display: none; } .echea-local-guides__track-wrap { position: relative; } .echea-local-guides__btn--prev, .echea-local-guides__btn--next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; } .echea-local-guides__btn--prev { left: max(8px, calc(var(--guides-edge) - 28px)); } .echea-local-guides__btn--next { right: max(8px, calc(var(--guides-edge) - 28px)); } .echea-guide-card { flex: 0 0 clamp(240px, 25vw, 340px); height: clamp(420px, 54vw, 520px); scroll-snap-align: start; position: relative; overflow: hidden; cursor: pointer; } .echea-guide-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 700ms cubic-bezier(.2,.7,.2,1); } .echea-guide-card:hover .echea-guide-card__img { transform: scale(1.04); } .echea-guide-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,9,8,0.90) 0%, rgba(10,9,8,0.52) 38%, rgba(10,9,8,0.12) 65%, rgba(10,9,8,0.04) 100%); transition: background 400ms; } .echea-guide-card:hover::after { background: linear-gradient(to top, rgba(10,9,8,0.78) 0%, rgba(10,9,8,0.36) 38%, rgba(10,9,8,0.06) 65%, rgba(10,9,8,0) 100%); } .echea-guide-card__content { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(16px,2.2vw,24px); } .echea-guide-card__rule { width: 28px; height: 1px; background: #b8975a; margin-bottom: 11px; transition: width 380ms cubic-bezier(.2,.7,.2,1); } .echea-guide-card:hover .echea-guide-card__rule { width: 46px; } .echea-guide-card__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(16px,1.9vw,22px); letter-spacing: -0.005em; line-height: 1.2; color: #ffffff; margin-bottom: 13px; } .echea-guide-card__author { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; } .echea-guide-card__author-photo { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; object-position: top center; border: 1px solid rgba(184,151,90,0.55); flex-shrink: 0; background: rgba(255,255,255,0.10); display: flex; align-items: center; justify-content: center; } .echea-guide-card__author-info { display: flex; flex-direction: column; gap: 2px; } .echea-guide-card__author-name { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.03em; color: rgba(255,255,255,0.86); display: block; line-height: 1.2; } .echea-guide-card__author-role { font-family: var(--wp--preset--font-family--manrope); font-size: 9px; font-weight: 500; letter-spacing: 0.11em; text-transform: uppercase; color: rgba(255,255,255,0.36); display: block; }  .echea-pick--stay-hero .echea-guide-card__author-name { color: var(--wp--preset--color--contrast); } .echea-pick--stay-hero .echea-guide-card__author-role { color: var(--wp--preset--color--mid); } .echea-guide-card__cta { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.85); display: inline-flex; align-items: center; gap: 7px; text-decoration: none; transition: gap 220ms cubic-bezier(.2,.7,.2,1); } .echea-guide-card:hover .echea-guide-card__cta:not(.is-soon), .echea-guide-card__cta:hover:not(.is-soon) { gap: 13px; } .echea-guide-card__cta:active { opacity: 0.6; } .echea-guide-card__cta:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } .echea-guide-card__cta.is-soon { color: rgba(255,255,255,0.28); pointer-events: none; } .echea-guide-card--soon::before { content: ''; position: absolute; inset: 0; z-index: 1; background: rgba(10,9,8,0.20); } .echea-guide-card__soon-label { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.55); }  .echea-guide-card--live { cursor: pointer; } .echea-guide-card--live .echea-guide-card__cta::after { content: ''; position: absolute; inset: 0; z-index: 5; } @media (max-width: 720px) { .echea-local-guides__header { align-items: center; text-align: center; } .echea-guide-card { flex: 0 0 min(260px,78vw); height: 400px; } }  .echea-pick-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: clamp(16px,3vw,32px); } .echea-pick-modal[hidden] { display: none; } .echea-pick-modal__backdrop { position: absolute; inset: 0; background: rgba(10,9,8,0.78); opacity: 0; transition: opacity 260ms ease; } .echea-pick-modal.is-open .echea-pick-modal__backdrop { opacity: 1; } .echea-pick-modal__panel { position: relative; z-index: 1; background: #ffffff; border-radius: 2px; width: 100%; max-width: 680px; max-height: calc(100dvh - 40px); overflow-y: auto; transform: translateY(16px); opacity: 0; transition: transform 260ms ease, opacity 260ms ease; box-shadow: 0 24px 64px rgba(10,9,8,0.28); } .echea-pick-modal.is-open .echea-pick-modal__panel { transform: translateY(0); opacity: 1; } .echea-pick-modal__close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; background: rgba(10,9,8,0.55); border: none; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 200ms; } .echea-pick-modal__close:hover { background: rgba(10,9,8,0.82); } .echea-pick-modal__media { position: relative; width: 100%; height: clamp(220px,30vw,340px); overflow: hidden; background: #e8e6e3; } .echea-pick-modal__img { width: 100%; height: 100%; object-fit: cover; display: block; } .echea-pick-modal__slider { position: relative; width: 100%; height: 100%; } .echea-pick-modal__slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 300ms; } .echea-pick-modal__slide.is-active { opacity: 1; } .echea-pick-modal__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 34px; height: 34px; border-radius: 50%; background: rgba(10,9,8,0.45); border: 1px solid rgba(255,255,255,0.18); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 200ms; } .echea-pick-modal__nav:hover { background: rgba(10,9,8,0.72); } .echea-pick-modal__nav--prev { left: 12px; } .echea-pick-modal__nav--next { right: 12px; } .echea-pick-modal__body { padding: clamp(24px,3vw,36px); } .echea-pick-modal__badge { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #b8975a; margin-bottom: 4px; } .echea-pick-modal__cat { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(10,9,8,0.38); margin-bottom: 12px; } .echea-pick-modal__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(22px,3vw,30px); letter-spacing: -0.02em; line-height: 1.2; color: #0a0908; margin-bottom: 16px; } .echea-pick-modal__desc { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(15px,1.4vw,17px); font-weight: 300; line-height: 1.7; color: rgba(10,9,8,0.72); margin-bottom: 24px; } .echea-pick-modal__take { margin: 0 0 16px; padding: 18px 20px 18px 24px; background: #f5f4f2; border-left: 2px solid #b8975a; border-radius: 0 2px 2px 0; } .echea-pick-modal__take p { font-family: var(--wp--preset--font-family--spectral); font-size: clamp(14px,1.3vw,16px); font-style: italic; font-weight: 300; line-height: 1.65; color: rgba(10,9,8,0.78); margin: 0 0 8px; } .echea-pick-modal__take cite { display: block; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: 0.06em; color: #b8975a; text-transform: uppercase; } .echea-pick-modal__detail { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 500; color: rgba(10,9,8,0.48); line-height: 1.6; margin-bottom: 24px; } .echea-pick-modal__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 20px; border-top: 1px solid #e8e6e3; } .echea-pick-modal__addr { font-family: var(--wp--preset--font-family--manrope); font-size: 12px; font-weight: 500; color: rgba(10,9,8,0.42); } .echea-pick-modal__map { font-family: var(--wp--preset--font-family--manrope); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--contrast); text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; transition: gap 220ms cubic-bezier(.2,.7,.2,1); } .echea-pick-modal__map:hover { gap: 13px; } .echea-pick-modal__map:active { opacity: 0.6; } .echea-pick-modal__map:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }   .echea-tg-byline-intro { background: #ffffff; border-bottom: 1px solid #e8e6e3; } .echea-tg-byline-intro__inner { max-width: 760px; margin: 0 auto; padding: clamp(48px, 6vw, 80px) 20px; } .echea-tg-byline { text-align: center; margin-bottom: clamp(40px, 5vw, 56px); } .echea-tg-byline__rule { width: 32px; height: 1px; background: #b8975a; margin: 0 auto 28px; } .echea-tg-byline__photo { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin: 0 auto 14px; background: #e4e0da; border: 2px solid #e8e6e3; } .echea-tg-byline__photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; } .echea-tg-byline__label { font-size: 11px; color: #777777; margin-bottom: 3px; } .echea-tg-byline__name { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(20px, 2vw, 26px); letter-spacing: -0.01em; margin-bottom: 6px; } .echea-tg-byline__credential { font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #888888; margin-bottom: 18px; } .echea-tg-byline__meta { display: flex; justify-content: center; gap: 20px; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #777777; } .echea-tg-byline__meta span { display: flex; align-items: center; gap: 5px; } .echea-tg-byline__intro { text-align: left; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; } .echea-tg-byline__intro p { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(17px, 1.7vw, 21px); line-height: 1.72; color: #0a0908; } .echea-tg-byline__intro em { font-style: italic; color: #555555; }  .echea-tg-body { background: #f5f4f2; } .echea-tg-body__inner { max-width: 760px; margin: 0 auto; padding: clamp(56px, 8vw, 96px) 20px; } .echea-tg-body__inner .echea-tg-byline__intro { margin-bottom: clamp(40px, 5vw, 56px); padding-bottom: clamp(40px, 5vw, 56px); border-bottom: 1px solid #e0ddd9; } .echea-tg-body__section { margin-bottom: clamp(56px, 7vw, 80px); } .echea-tg-body__section:last-child { margin-bottom: 0; } .echea-tg-body__pick-title { font-family: var(--wp--preset--font-family--spectral); font-weight: 300; font-size: clamp(22px, 2vw, 28px); letter-spacing: -0.01em; line-height: 1.2; margin-bottom: 20px; color: #0a0908; } .echea-tg-body__img { width: 100%; aspect-ratio: 3/2; object-fit: cover; display: block; margin-bottom: 24px; } .echea-tg-body__img-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 0; } .echea-tg-body__img-pair img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; } .echea-tg-body__prose { display: flex; flex-direction: column; gap: 18px; } .echea-tg-body__prose p { font-family: var(--wp--preset--font-family--manrope); font-size: clamp(16px, 1.5vw, 20px); line-height: 1.72; color: #0a0908; } .echea-tg-body__quote { border-left: 2px solid #b8975a; padding-left: 20px; margin: 4px 0; } .echea-tg-body__quote p { font-family: var(--wp--preset--font-family--spectral); font-style: italic; font-weight: 300; font-size: clamp(15px, 1.5vw, 18px); line-height: 1.65; color: #555555; } .echea-tg-body__quote cite { display: block; margin-top: 8px; font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #888888; } .echea-tg-body__link { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #1a3a5c; transition: color 200ms; } .echea-tg-body__link:hover { color: #0a0908; } @media (max-width: 480px) { .echea-tg-body__img-pair { grid-template-columns: 1fr; } }  .echea-tg-cta { background: #0f2138; color: #ffffff; text-align: center; } .echea-tg-cta__inner { max-width: 1100px; margin: 0 auto; padding: clamp(64px, 9vw, 96px) var(--wp--preset--spacing--60); } .echea-tg-cta__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #b8975a; margin-bottom: 16px; } .echea-tg-cta__title { font-family: var(--wp--preset--font-family--spectral); font-weight: 200; font-size: clamp(30px, 4.5vw, 52px); letter-spacing: -0.01em; line-height: 1.12; margin-bottom: 16px; } .echea-tg-cta__sub { font-family: var(--wp--preset--font-family--spectral); font-style: italic; font-weight: 300; font-size: clamp(15px, 1.6vw, 19px); color: rgba(255,255,255,0.68); max-width: 480px; margin: 0 auto 36px; line-height: 1.65; } .echea-tg-cta__btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .echea-tg-btn-primary { display: inline-block; background: #b8975a; color: #0a0908; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 15px 32px; transition: background 220ms; } .echea-tg-btn-primary:hover { background: #c9a86a; } .echea-tg-btn-ghost { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255,255,255,0.36); color: #ffffff; font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 15px 32px; transition: border-color 220ms; } .echea-tg-btn-ghost:hover { border-color: rgba(255,255,255,0.78); } .echea-tg-arr { display: inline-block; transition: transform 220ms; } .echea-tg-btn-ghost:hover .echea-tg-arr { transform: translateX(4px); } .echea-tg-cta__related { margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.14); } .echea-tg-cta__related-label { font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.38); margin-bottom: 12px; } .echea-tg-cta__related-links { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; } .echea-tg-cta__related-links a { font-family: var(--wp--preset--font-family--manrope); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; color: rgba(255,255,255,0.62); padding: 6px 14px; border: 1px solid rgba(255,255,255,0.18); transition: color 200ms, border-color 200ms; } .echea-tg-cta__related-links a:hover { color: #ffffff; border-color: rgba(255,255,255,0.50); } @media (max-width: 480px) { .echea-tg-cta__btns { flex-direction: column; align-items: center; } .echea-tg-btn-primary, .echea-tg-btn-ghost { width: 100%; max-width: 280px; justify-content: center; } }  :is(p, h1, h2, h3, h4) + .wp-block-buttons { margin-top: 32px; margin-block-start: 32px; }  .wp-block-buttons { gap: 12px; }  .wp-block-button.is-style-primary .wp-block-button__link { background-color: var(--wp--preset--color--noir); color: var(--wp--preset--color--white); box-shadow: none; }  .is-style-hero-noir .wp-block-button.is-style-primary .wp-block-button__link, .is-style-closing-beat-noir .wp-block-button.is-style-primary .wp-block-button__link { background-color: var(--wp--preset--color--white); color: var(--wp--preset--color--noir); }  .wp-block-button.is-style-secondary .wp-block-button__link { background-color: transparent; color: var(--wp--preset--color--noir); box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--noir); transition: background-color 180ms ease, color 180ms ease; } .wp-block-button.is-style-secondary .wp-block-button__link:hover { background-color: var(--wp--preset--color--noir); color: var(--wp--preset--color--white); }  .is-style-hero-noir .wp-block-button.is-style-secondary .wp-block-button__link, .is-style-closing-beat-noir .wp-block-button.is-style-secondary .wp-block-button__link { background-color: transparent; color: var(--wp--preset--color--white); box-shadow: none; padding-left: 0; padding-right: 0; padding-bottom: 5px; border-bottom: 1px solid currentColor; transition: opacity 180ms ease; } .is-style-hero-noir .wp-block-button.is-style-secondary .wp-block-button__link:hover, .is-style-closing-beat-noir .wp-block-button.is-style-secondary .wp-block-button__link:hover { background-color: transparent; color: var(--wp--preset--color--white); opacity: 0.65; }