/************************************************
*                 STYLISED LIST                 *
************************************************/

.stylised-list {
    position: relative;
    padding-left: 2.5em;
    margin: 2em 0;
    list-style: none;
}
.stylised-list li {
    position: relative;
    margin-bottom: 1.5em;
    padding-left: 0.5em;
    font-size: 1.1em;
}
.stylised-list li:last-child {
    margin-bottom: 0;
}
.stylised-list li::before {
    content: '';
    position: absolute;
    left: -2em;
    top: 0.5em;
    width: 0.8em;
    height: 0.8em;
    background: var(--color-blue);
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    z-index: 2;
}
.stylised-list::before {
    content: '';
    position: absolute;
    left: 0.6em;
    top: 0.6em;
    width: 4px;
    height: 0;
    background: var(--color-blue);
    border-radius: 2px;
    z-index: 1;
    animation: grow-bar 1.2s cubic-bezier(.77,0,.18,1) forwards;
}
@keyframes grow-bar {
    from { height: 0; }
    to { height: calc(100% - 1em); }
}