/* Generated by scripts/generate-market-pages.mjs. Do not edit by hand; * edit scripts/seo-content/markets.mjs and re-run the generator. * * Market landing page themes. Each page's carries exactly one * market-theme-* class, so the browser downloads only that page's skyline * image. If the image file is missing, the CSS background simply does not * paint and the hero falls back to the normal clean homepage hero over the * soft tint; nothing breaks and no broken-image icon can appear (CSS * backgrounds never render one). This stylesheet is loaded only by market * pages, never by the homepage. */ body.market-theme-dallas { --market-accent: #D96C1F; --market-soft: #FBF3EA; --market-deep: #16305C; --market-overlay: rgba(251, 243, 234, 0.84); --market-skyline: url("/assets/markets/dallas-skyline.jpg"); } body.market-theme-kansas-city { --market-accent: #2F6FB2; --market-soft: #F0F5FB; --market-deep: #16305C; --market-overlay: rgba(240, 245, 251, 0.84); --market-skyline: url("/assets/markets/kansas-city-skyline.jpg"); } body.market-theme-washington-dc { --market-accent: #345C8F; --market-soft: #F2F5F9; --market-deep: #16305C; --market-overlay: rgba(242, 245, 249, 0.84); --market-skyline: url("/assets/markets/washington-dc-skyline.jpg"); } body.market-theme-virginia { --market-accent: #3A7A5E; --market-soft: #F1F7F3; --market-deep: #16305C; --market-overlay: rgba(241, 247, 243, 0.84); --market-skyline: url("/assets/markets/virginia-skyline.jpg"); } body.market-theme-denver { --market-accent: #4C7DBF; --market-soft: #F2F6FB; --market-deep: #16305C; --market-overlay: rgba(242, 246, 251, 0.84); --market-skyline: url("/assets/markets/denver-skyline.jpg"); } body.market-theme-seattle { --market-accent: #5B7E9F; --market-soft: #EEF3F7; --market-deep: #16305C; --market-overlay: rgba(238, 243, 247, 0.86); --market-skyline: url("/assets/markets/seattle-skyline.jpg"); } body.market-theme-tampa { --market-accent: #1F8FB4; --market-soft: #FBF6EC; --market-deep: #16305C; --market-overlay: rgba(251, 246, 236, 0.84); --market-skyline: url("/assets/markets/tampa-skyline.jpg"); } body.market-theme-atlanta { --market-accent: #DA8A57; --market-soft: #FCF6F0; --market-deep: #16305C; --market-overlay: rgba(252, 246, 240, 0.84); --market-skyline: url("/assets/markets/atlanta-skyline.jpg"); } body.market-theme-chicago { --market-accent: #4A7397; --market-soft: #EEF4F9; --market-deep: #16305C; --market-overlay: rgba(238, 244, 249, 0.84); --market-skyline: url("/assets/markets/chicago-skyline.jpg"); } body.market-theme-portland { --market-accent: #4E8A6A; --market-soft: #F0F6F1; --market-deep: #16305C; --market-overlay: rgba(240, 246, 241, 0.84); --market-skyline: url("/assets/markets/portland-skyline.jpg"); } body.market-theme-phoenix { --market-accent: #D97B29; --market-soft: #FAF3E9; --market-deep: #16305C; --market-overlay: rgba(250, 243, 233, 0.84); --market-skyline: url("/assets/markets/phoenix-skyline.jpg"); } body.market-theme-las-vegas { --market-accent: #8A5FA8; --market-soft: #FAF1F0; --market-deep: #16305C; --market-overlay: rgba(250, 241, 240, 0.84); --market-skyline: url("/assets/markets/las-vegas-skyline.jpg"); } body.market-theme-san-diego { --market-accent: #2E8FA3; --market-soft: #F0F7F8; --market-deep: #16305C; --market-overlay: rgba(240, 247, 248, 0.84); --market-skyline: url("/assets/markets/san-diego-skyline.jpg"); } body.market-theme-salt-lake-city { --market-accent: #6D89B8; --market-soft: #F1F4FA; --market-deep: #16305C; --market-overlay: rgba(241, 244, 250, 0.84); --market-skyline: url("/assets/markets/salt-lake-city-skyline.jpg"); } body.market-theme-cincinnati { --market-accent: #B85C4A; --market-soft: #F9F2F0; --market-deep: #16305C; --market-overlay: rgba(249, 242, 240, 0.84); --market-skyline: url("/assets/markets/cincinnati-skyline.jpg"); } body.market-theme-boston { --market-accent: #A34A4A; --market-soft: #F3F5F8; --market-deep: #142B52; --market-overlay: rgba(243, 245, 248, 0.84); --market-skyline: url("/assets/markets/boston-skyline.jpg"); } body.market-theme-nashville { --market-accent: #C58A3A; --market-soft: #FAF5EC; --market-deep: #16305C; --market-overlay: rgba(250, 245, 236, 0.84); --market-skyline: url("/assets/markets/nashville-skyline.jpg"); } body.market-theme-louisville { --market-accent: #55876B; --market-soft: #F1F6F2; --market-deep: #16305C; --market-overlay: rgba(241, 246, 242, 0.84); --market-skyline: url("/assets/markets/louisville-skyline.jpg"); } body.market-theme-lexington { --market-accent: #4E7F95; --market-soft: #F0F5F6; --market-deep: #16305C; --market-overlay: rgba(240, 245, 246, 0.84); --market-skyline: url("/assets/markets/lexington-skyline.jpg"); } /* Skyline hero: the image sits behind a soft overlay gradient so the navy headline stays readable. Applies only to the first hero section. */ .market-hero { background-color: var(--market-soft, #F3F7FC); background-image: linear-gradient(180deg, var(--market-overlay, rgba(255, 255, 255, 0.85)) 0%, rgba(255, 255, 255, 0.66) 55%, rgba(255, 255, 255, 0.92) 100%), var(--market-skyline, none); background-size: cover, cover; background-position: center bottom, center bottom; background-repeat: no-repeat, no-repeat; } .market-hero .hero-headline { color: var(--market-deep, var(--primary-text)); } .market-hero .hero-trust-pills .trust-pill svg { color: var(--market-accent, #FF6A00); } /* Keep the "Your Review" journey card clean white and readable on top of the skyline. */ .market-hero .journey-card { background: var(--white, #FFFFFF); box-shadow: 0 10px 30px rgba(30, 63, 122, 0.12); } /* Local fit section (additive, market pages only) */ .market-local { background-color: var(--market-soft, #F3F7FC); } .market-badge { display: inline-block; padding: 0.3rem 0.75rem; margin-bottom: 0.9rem; border-radius: 999px; font-size: 0.85rem; font-weight: 600; color: #FFFFFF; background: var(--market-accent, #FF6A00); } .market-bullets { list-style: none; padding: 0; margin-top: 1.25rem; display: grid; gap: 0.6rem; } .market-bullets li { position: relative; padding-left: 1.6rem; color: var(--secondary-text); font-size: 1.05rem; line-height: 1.6; } .market-bullets li::before { content: ""; position: absolute; left: 0; top: 0.42em; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: var(--market-accent, #FF6A00); opacity: 0.85; } /* Mobile readability: stronger overlay so the headline stays clear over busier skyline areas on narrow screens. */ @media (max-width: 768px) { .market-hero { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(255, 255, 255, 0.82) 55%, rgba(255, 255, 255, 0.95) 100%), var(--market-skyline, none); } }