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