.page-module__hoWCDW__hero{background:linear-gradient(135deg,var(--color-gray-100),var(--color-white));padding:var(--space-16)0;text-align:center}.page-module__hoWCDW__heroTitle{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.page-module__hoWCDW__heroSubtitle{font-size:var(--text-xl);color:var(--color-gray-600);max-width:600px;margin:0 auto var(--space-8)}.page-module__hoWCDW__heroStats{justify-content:center;gap:var(--space-8);display:flex}.page-module__hoWCDW__statItem{text-align:center}.page-module__hoWCDW__statValue{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);display:block}.page-module__hoWCDW__statLabel{font-size:var(--text-sm);color:var(--color-gray-500)}.page-module__hoWCDW__mapSection{gap:var(--space-6);grid-template-columns:320px 1fr;min-height:600px;display:grid}.page-module__hoWCDW__sidebar{gap:var(--space-6);flex-direction:column;display:flex}.page-module__hoWCDW__legendCard{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.page-module__hoWCDW__legendTitle{font-size:var(--text-lg);margin-bottom:var(--space-4)}.page-module__hoWCDW__legendItems{gap:var(--space-2);flex-direction:column;display:flex}.page-module__hoWCDW__legendItem{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);text-align:left;width:100%;color:var(--color-gray-900);border:2px solid #0000;display:flex}.page-module__hoWCDW__legendItem:hover{background:var(--color-white);border-color:var(--color-gray-200)}.page-module__hoWCDW__legendItem.page-module__hoWCDW__active{background:var(--color-white);border-color:var(--color-primary)}.page-module__hoWCDW__legendColor{border-radius:var(--radius-full);flex-shrink:0;width:14px;height:14px}.page-module__hoWCDW__legendCount{font-weight:var(--font-semibold);color:var(--color-gray-500);margin-left:auto}.page-module__hoWCDW__projectList{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-module__hoWCDW__listTitle{font-size:var(--text-lg);margin-bottom:var(--space-4)}.page-module__hoWCDW__listItems{gap:var(--space-2);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.page-module__hoWCDW__projectItem{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.page-module__hoWCDW__projectItem:hover{background:var(--color-gray-50)}.page-module__hoWCDW__projectDot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;margin-top:6px}.page-module__hoWCDW__projectInfo{flex-direction:column;display:flex}.page-module__hoWCDW__projectName{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-secondary)}.page-module__hoWCDW__projectLocation{font-size:var(--text-xs);color:var(--color-gray-500)}.page-module__hoWCDW__mapContainer{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-height:600px;overflow:hidden}.page-module__hoWCDW__leafletMap{width:100%;height:100%;min-height:600px}.page-module__hoWCDW__mapLoading{background:var(--color-gray-100);justify-content:center;align-items:center;gap:var(--space-4);width:100%;height:100%;min-height:600px;color:var(--color-gray-500);flex-direction:column;display:flex}.page-module__hoWCDW__spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite page-module__hoWCDW__spin}@keyframes page-module__hoWCDW__spin{to{transform:rotate(360deg)}}.page-module__hoWCDW__popupContent{padding:var(--space-2);min-width:200px}.page-module__hoWCDW__popupTitle{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--color-secondary)}.page-module__hoWCDW__popupAddress,.page-module__hoWCDW__popupLocation{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}.page-module__hoWCDW__popupDescription{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.page-module__hoWCDW__popupMeta{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.page-module__hoWCDW__popupBadge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-white);border-radius:var(--radius-sm);text-transform:uppercase;display:inline-block}.page-module__hoWCDW__popupYear{font-size:var(--text-sm);color:var(--color-gray-500)}@media (max-width:1024px){.page-module__hoWCDW__mapSection{grid-template-columns:1fr}.page-module__hoWCDW__sidebar{flex-direction:row}.page-module__hoWCDW__legendCard,.page-module__hoWCDW__projectList{flex:1}.page-module__hoWCDW__listItems{max-height:200px}}@media (max-width:768px){.page-module__hoWCDW__heroTitle{font-size:var(--text-4xl)}.page-module__hoWCDW__sidebar{flex-direction:column}.page-module__hoWCDW__mapContainer,.page-module__hoWCDW__leafletMap,.page-module__hoWCDW__mapLoading{min-height:400px}}