.portal{height:100svh}.portal,.portal a{display:flex;position:relative;overflow:hidden}.portal a{align-items:stretch;justify-content:center;transition:all .5s var(--animation-function);z-index:1;cursor:pointer}.portal a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.portal a span:after{content:"";position:absolute;background:currentcolor;top:100%;left:50%;transform:translate(-50%);width:0;height:.125pxrem;transition:all .8s;border-radius:2px}@media(hover:hover)and (pointer:fine){.portal a:hover{letter-spacing:.16em;z-index:2}.portal a:hover span:after{width:100%;height:.0625pxrem;border-radius:0}}.portal a:focus-visible{letter-spacing:.16em;z-index:2}.portal a:focus-visible span:after{width:100%;height:.0625pxrem;border-radius:0}.portal .image,.portal .picture{width:100%;height:100%}@media(max-width:48.0625rem){.portal .image,.portal .picture{width:100%}}.portal__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;transition:all .8s}@media(min-width:48.0625rem){.portal__logo{top:calc(var(--spacing)*3);transform:translate(-50%)}}.portal__logo .icon--logo{width:85vw;max-width:15.625rem;color:var(--color-light);transition:all .8s;height:auto}@media(min-width:48.0625rem){.portal__logo .icon--logo{width:auto;max-width:none;height:2.8125rem}}