.area-description__title.js-location-name {
    opacity: 0;
    fill: transparent;
    stroke: #fff;
    stroke-width: 2;
}

.area-description__title.js-location-name.animate-stroke {
    animation-name: drawStroke;
    animation-duration: 2s;
    animation-iteration-count: 2;
}

.bruce-location-pin.js-location-pin {
    opacity: 0;
    transform: scale(0);
}

@keyframes drawStroke {
    0%   {
        fill: rgba(255 255 255 / 0%); stroke: #fff;
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
    }
    50%{
        fill: rgb(255 255 255 / 0%); stroke: #fff; 
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 2;   
    }
    /*70%  {fill: rgba(72,138,20,0); stroke: #fff; }
    80%  {fill: rgba(72,138,20,0); stroke: #fff; stroke-width: 1; }*/
    100% {
        fill: rgba(255 255 255 / 0%); stroke: #fff;
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;       
    }
  }