/* Locus3 — Προηγούμενο / Επόμενο έργο (σελίδα έργου).
   Ίδιο ύφος με το site: φωτογραφίες σε όλο το πλάτος (όπως η γκαλερί),
   λευκά γράμματα Advent Pro πάνω τους (όπως ο τίτλος του έργου). */

.l3-pnav{
  display:grid;grid-template-columns:1fr 1fr;
  margin:clamp(48px,6vw,96px) 0 0;padding:0;background:#252525;
}
.l3-pnav--single{grid-template-columns:1fr}
.l3-pnav *,.l3-pnav *::before,.l3-pnav *::after{box-sizing:border-box}

.l3-pnav .l3-pnav__item{
  position:relative;display:flex;align-items:center;
  min-height:clamp(240px,26vw,380px);overflow:hidden;isolation:isolate;
  padding:clamp(28px,4vw,64px);color:#fff;text-decoration:none;background:#252525;
}
.l3-pnav__item--next{justify-content:flex-end;text-align:right}

.l3-pnav .l3-pnav__img{
  position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;max-height:none;margin:0;
  object-fit:cover;transition:transform .7s ease;
}
.l3-pnav__item::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(37,37,37,.55);transition:background-color .4s ease;
}
.l3-pnav__item:hover::after,.l3-pnav__item:focus-visible::after{background:rgba(37,37,37,.35)}
.l3-pnav__item:hover .l3-pnav__img,.l3-pnav__item:focus-visible .l3-pnav__img{transform:scale(1.04)}
.l3-pnav__item:focus-visible{outline:2px solid #ADBEC4;outline-offset:-6px}

.l3-pnav__text{display:block;max-width:30ch}
.l3-pnav__label{
  display:block;margin-bottom:10px;
  font-family:"Advent Pro",sans-serif;font-size:14px;font-weight:500;letter-spacing:2.4px;
  color:rgba(255,255,255,.8);
}
.l3-pnav__title{
  display:block;font-family:"Advent Pro",sans-serif;font-weight:500;
  font-size:clamp(20px,1.7vw,26px);line-height:1.2;color:#fff;
  text-shadow:0 2px 20px rgba(0,0,0,.25);
}

@media (max-width:767px){
  .l3-pnav{grid-template-columns:1fr}
  .l3-pnav__item--next{justify-content:flex-start;text-align:left}
  .l3-pnav .l3-pnav__item{min-height:220px}
  .l3-pnav__item--prev{border-bottom:1px solid rgba(255,255,255,.15)}
}
@media (prefers-reduced-motion:reduce){
  .l3-pnav .l3-pnav__img,.l3-pnav__item::after{transition:none}
}
