Rossmoor Neighborhoods
:root {
–navy: #12213a; –crimson: #c0203a; –gold: #c9a84c;
–off-white: #f5f2ee; –text-muted: #4a5e78;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(–off-white); font-family: ‘Source Sans 3’, sans-serif; color: var(–navy); }
.section-wrapper { max-width: 1100px; margin: 0 auto; padding: 56px 24px; }
.section-header { text-align: center; margin-bottom: 40px; }
.eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–crimson); margin-bottom: 10px; }
.section-title { font-family: ‘Playfair Display’, serif; font-size: clamp(26px,4vw,40px); font-weight: 700; color: var(–navy); line-height: 1.2; margin-bottom: 14px; }
.crimson-rule { width: 44px; height: 3px; background: var(–crimson); margin: 0 auto 18px; border-radius: 2px; }
.subtitle { font-size: 16px; font-weight: 300; color: var(–text-muted); max-width: 540px; margin: 0 auto; line-height: 1.6; }
.map-legend-wrap {
display: flex;
gap: 32px;
align-items: flex-start;
}
.map-wrap {
flex: 0 0 55%;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 18px 56px rgba(18,33,58,0.18);
}
.map-wrap img { display: block; width: 100%; height: auto; }
.legend-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.legend-panel {
background: #fff;
border-radius: 10px;
padding: 28px 24px;
box-shadow: 0 4px 20px rgba(18,33,58,0.08);
}
.legend-blurb {
background: var(–off-white);
border-radius: 10px;
padding: 24px;
border: 1px solid #e0dbd4;
}
.legend-title {
font-family: ‘Playfair Display’, serif;
font-size: 18px;
font-weight: 700;
color: var(–navy);
margin-bottom: 6px;
}
.legend-rule {
width: 32px; height: 2px;
background: var(–crimson);
border-radius: 2px;
margin-bottom: 20px;
}
.legend-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 16px;
}
.legend-dot {
width: 14px; height: 14px;
border-radius: 50%;
flex-shrink: 0;
margin-top: 3px;
}
.legend-item-name {
font-size: 14px;
font-weight: 600;
color: var(–navy);
line-height: 1.3;
}
.legend-item-desc {
font-size: 12px;
color: var(–text-muted);
margin-top: 2px;
line-height: 1.4;
}
@media (max-width: 680px) {
.map-legend-wrap { flex-direction: column; }
.map-wrap { flex: none; width: 100%; }
}
The Community of Rossmoor Features…
The Rossmoor Community Services District
Developed between 1955 and 1962 by visionary builder Ross Cortese, Rossmoor is a proud unincorporated community in Orange County — thoughtfully planned from the ground up with families in mind. Governed by the Orange County Board of Supervisors (1st District), its residents enjoy the highly regarded Los Alamitos Unified School District and a close-knit community identity that has endured for generations. Nestled between the City of Los Alamitos and the City of Seal Beach, Rossmoor enjoys the best of both — walkable neighborhood charm, top-tier schools, and easy access to everything coastal Orange County has to offer.
