.logo-s {
    width: 120px;
    height: 200px;
    position: relative;
    margin: 100px auto 0;
    transition: transform 0.5s ease, filter 0.5s ease;
}

.logo-s:hover {
    transform: scale(1.05);   /* gentle grow (only 5%) */
    filter: drop-shadow(0 0 8px #ffffff66); /* softer glow */
}
.u {
    width: 100%;
    height: 80px;
    border: 20px solid #ecf0f1;
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
    background-color: transparent;
}

.top-u {
    position: absolute;
    
    top: 25px;
    right: 40px;

    width: 100%;
    height: 100px;
    border: 20px solid #ecf0f1;
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    background-color: transparent;

    transform: rotate(-45deg);
    transform-origin: top left;
}

.bottom-u {
    position: absolute;

    bottom: 25px;
    left: 40px;

    width: 100%;
    height: 100px;
    border: 20px solid #ecf0f1;
    border-top: none;
    border-radius: 0 0 20px 20px;
    background-color: transparent;

    transform: rotate(-45deg);
    transform-origin: bottom left;
}