/* MAJIFO Toolkit, next project: the link made by project-next (the container's line, spacing and centring come from Elementor, class mj-next). */
.mj-next[hidden]{display:none!important}
.mj-next__link{position:relative;display:block;isolation:isolate;text-decoration:none;color:#F5F5F5}
.mj-next .mj-next__link:hover,.mj-next .mj-next__link:focus,.mj-next .mj-next__link:active,.mj-next .mj-next__link:visited{color:#F5F5F5}   /* the theme's link colours must not reach it (it turned blue on hover) */
.mj-next__name{color:#F5F5F5}
.mj-next__label{display:block;margin-bottom:12px;font:400 12px/1.5 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#8F8F8F}
.mj-next__name{display:block;padding-block:clamp(16px,2vw,32px);font:600 clamp(56px,11vw,168px)/.92 "Sora",sans-serif;letter-spacing:-.045em}
.mj-next__go{display:block;font:400 16px/1.5 "Inter",sans-serif;color:#B3B3B3}
/* the image opens through a horizontal slit behind the name */
.mj-next__img{position:absolute;inset:0;z-index:-1;overflow:hidden;clip-path:inset(50% 0 50% 0);transition:clip-path 700ms cubic-bezier(.76,0,.24,1)}
.mj-next__img img{display:block;width:100%;height:100%;object-fit:cover}
.mj-next__img::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
@media (hover:hover){ .mj-next__link:hover .mj-next__img,.mj-next__link:focus-visible .mj-next__img{clip-path:inset(12% 0 12% 0)} }
.mj-next.is-open .mj-next__img{clip-path:inset(12% 0 12% 0)}
.mj-next__link:focus-visible{outline:1px solid #F5F5F5;outline-offset:8px}
@media (prefers-reduced-motion:reduce){ .mj-next__img{transition:none} }