.navigationRoutePortal{z-index:10000;color:#15171e;clip-path:inset(0);pointer-events:none;will-change:left,top,width,height,border-radius,clip-path;background:#f5f5fc;border:1px solid #6445df3d;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(1.5rem,6vw,6rem);padding:clamp(1.5rem,6vw,6rem);display:grid;position:fixed;overflow:hidden;box-shadow:0 1.75rem 5.5rem #15171e47}.navigationRoutePortalArtwork{opacity:0;will-change:opacity,transform;background:#15171e0b;border:1px solid #dfe5f0e6;border-radius:1rem;place-items:center;width:100%;height:min(72vh,43.75rem);display:grid;overflow:hidden;transform:translateY(1.5rem)}.navigationRoutePortalArtwork img{object-fit:contain;width:100%;height:100%;display:block}.navigationRoutePortalCopy{opacity:0;will-change:opacity,transform;flex-direction:column;gap:1.25rem;min-width:0;display:flex;transform:translateY(1.5rem)}.navigationRoutePortalCopy span{color:#6445df;letter-spacing:.2em;font-size:.75rem;font-weight:700}.navigationRoutePortalCopy strong{overflow-wrap:anywhere;max-width:12ch;font-family:var(--space-grotesk),sans-serif;font-size:clamp(2.5rem,6vw,7rem);font-weight:600;line-height:.98}.navigationSectionCurtain{z-index:9998;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,visibility;background:#f5f5fc;position:fixed;bottom:0;left:0;right:0}@media (max-width:43.75rem){.navigationRoutePortal{grid-template-columns:minmax(0,1fr);align-content:center;gap:1.25rem}.navigationRoutePortalArtwork{height:min(38svh,20rem)}.navigationRoutePortalCopy strong{font-size:clamp(2.5rem,10vw,4.5rem)}}@media (max-height:35rem) and (max-width:47.5rem){.navigationRoutePortal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1rem}.navigationRoutePortalArtwork{height:55svh}.navigationRoutePortalCopy strong{font-size:clamp(1.75rem,5vw,3rem)}}