.map-hero-banner{position:relative;border-radius:.75rem;overflow:hidden;margin-bottom:3rem}.map-hero-image{position:relative;padding-bottom:56.25%;overflow:hidden}.map-hero-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.map-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#111827 0%,transparent 50%,transparent 100%)}.map-hero-info{position:absolute;bottom:2rem;left:2rem;right:2rem;pointer-events:none}.map-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.status-indicator{width:.75rem;height:.75rem;background-color:#ef4444;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#f87171;font-weight:500}.map-hero-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem}.map-hero-location{display:flex;align-items:center;gap:.5rem;color:#d1d5db;font-size:1.125rem}.map-detail-content{margin-bottom:3rem}.map-section{background-color:#1f2937;border-radius:.75rem;padding:2rem;border:1px solid #374151;margin-bottom:2rem}.section-header{display:flex;align-items:center;margin-bottom:1.5rem}.section-heading{font-size:1.5rem;font-weight:700;color:#fff}.section-heading-small{font-size:1.25rem;font-weight:700;color:#fff}.map-overview{color:#d1d5db;font-size:1.125rem;line-height:1.75}.map-overview p{margin-bottom:1rem}.map-overview strong{color:#fff}.map-grid-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.map-grid-layout{grid-template-columns:2fr 1fr}}.map-layout-section img{width:100%;height:auto;border-radius:.5rem;background-color:#374151;margin-bottom:1rem}.map-layout-description{background-color:#3741514d;border-radius:.5rem;padding:1rem;color:#d1d5db;font-size:.875rem;line-height:1.75}.map-info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;flex-direction:column}.info-label{color:#9ca3af;font-size:.875rem;margin-bottom:.25rem}.info-value{color:#fff;font-weight:600}.pro-tip-section{background:linear-gradient(to bottom right,#ef44441a,#f973161a);border:1px solid rgba(239,68,68,.2);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.pro-tip-title{display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem}.pro-tip-text{color:#d1d5db;font-size:.875rem;line-height:1.75}.team-composition-description{color:#d1d5db;font-size:1.125rem;line-height:1.75;margin-bottom:2rem}.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}@media (min-width: 640px){.agents-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 1024px){.agents-grid{grid-template-columns:repeat(5,1fr)}}.agent-card{position:relative;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:.75rem;overflow:hidden;transition:all .3s ease;cursor:pointer}.agent-card:hover{transform:translateY(-4px);border-color:#ef4444;box-shadow:0 10px 30px #ef44444d}.agent-image-container{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(to bottom,#374151,#1f2937)}.agent-image{width:100%;height:100%;object-fit:cover;object-position:center top}.agent-role-badge{position:absolute;top:.5rem;right:.5rem;background-color:#111827e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #374151;border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center}.agent-role-icon{width:1.25rem;height:1.25rem;filter:brightness(0) invert(1)}.agent-info{padding:1rem;background-color:#1f2937}.agent-name{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.25rem}.agent-role{font-size:.875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}