.canvas-wrapper{background-color:#000;min-height:450px;@media screen and (max-width:767px){min-height:300px;display:flex;align-items:center;canvas{min-height:300px}}}.hamburger{z-index:10;position:fixed;display:flex;flex-direction:column;gap:10px;width:50px;height:30px;cursor:pointer}.hamburger__line{width:100%;height:4px;background-color:#fff;transition:transform .3s}.hamburger.active{.hamburger__line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger__line:nth-child(2){transform:translateY(-7px) rotate(-45deg)}}@media screen and (max-width:767px){.hamburger{width:30px}.hamburger__line{height:3px}}.menu{position:fixed;height:100vh;z-index:9}.glass,.menu{top:0;left:0;width:100%}.glass{backdrop-filter:blur(4px);position:absolute;height:100%}.blur{filter:blur(4px)}.hovered{opacity:1;transform:translate(3px,-3px);display:inline-block}.image{width:337px;height:450px;background-color:transparent;top:0;left:0;display:none;background-size:cover;background-repeat:no-repeat;z-index:3;box-shadow:0 0 20px 10px hsla(0,0%,100%,.1);&.active{display:block;@media screen and (max-width:767px){display:none}}}.image-link{position:relative;&:hover{color:#000;&:before{opacity:1}.text-gray-400{color:#666}}&:before{content:"";width:100vw;height:calc(100% + 2px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#d1d5db;border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db;opacity:0;transition:opacity .3s}}