body {
    overflow: hidden;
}

main {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap {
    position: relative;
    width: 690px;
    height: 616px;
    transform-origin: center center;
}

canvas {
    position: absolute;
    inset: 0;
    width: 690px;
    height: 616px;
    clip-path: url(#hexClip);
}

.clip-svg {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.logo-mobile {
    display: none;
}

@media (max-width: 768px) {
    .wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform-origin: center center;
        translate: -50% -50%;
    }
}