.california-shell{align-self:center;max-width:650px;width:100%;margin-inline:auto}
.california-map{display:block;width:100%;height:auto;overflow:visible;margin:6px auto -6px}
.california-map text{font-family:Manrope,Arial,sans-serif}
.zone-name{font-size:18px;font-weight:500;fill:var(--tone,#36352f)}
.zone-city{font-size:11px;fill:#928575;letter-spacing:.6px}
.zone-leader{stroke:var(--zone-color);stroke-width:.7;fill:none;opacity:.48}
.zone-core{fill:var(--zone-color)}
.zone-aura{fill:var(--zone-color);filter:url(#ca-soft);opacity:.1}
.zone-wave{fill:none;stroke:var(--zone-color);stroke-width:1;opacity:.35;transform-origin:0 0;animation:zone-radiate 4.5s ease-out infinite;animation-delay:var(--zone-delay)}
.wave-two{animation-delay:calc(var(--zone-delay) + 1.5s);stroke-width:.7}
.zone-dust{fill:var(--zone-color);opacity:.3;animation:zone-dust 4.5s ease-in-out infinite;animation-delay:var(--dust-delay);transform-origin:0 0}
.zone-sequence .ca-zone{opacity:0;transition:opacity 1s ease}
.zone-sequence .ca-zone.is-present{opacity:1}
.ca-zone:not(.is-present) .zone-wave,.ca-zone:not(.is-present) .zone-dust,.california-shell:not(.map-in-view) .zone-wave,.california-shell:not(.map-in-view) .zone-dust,.map-paused .zone-wave,.map-paused .zone-dust,.map-hidden .zone-wave,.map-hidden .zone-dust{animation-play-state:paused}
.ocean-caption{font-size:9px;letter-spacing:3px;fill:#a09582;opacity:.6}
.ca-caption{font-size:11px;text-align:center;color:var(--tone-fine);margin:0 0 20px}
#zones .section-copy{align-self:center}
@keyframes zone-radiate{0%{transform:scale(1);opacity:.5}90%,100%{transform:scale(5.3);opacity:0}}
@keyframes zone-dust{0%,100%{transform:scale(.7);opacity:0}40%{opacity:.4}85%{transform:scale(1.55);opacity:0}}
.motion-reduced .ca-zone{opacity:1!important;transition:none}
.motion-reduced .zone-wave{animation:none;transform:scale(2.6);opacity:.3}
.motion-reduced .wave-two{transform:scale(4);opacity:.15}
.motion-reduced .zone-dust{animation:none;opacity:.22}
@media(max-width:700px){.california-shell{margin-top:25px}.california-map{width:calc(100% + 20px);max-width:none;margin-left:-10px}.zone-name{font-size:21px}.zone-city{font-size:13px}.california-shell .field-meta{font-size:9px;gap:12px}.ca-caption{font-size:10px;margin-top:8px}#zones .zone-approach{margin-top:24px}}