.nb-feat{position:relative;overflow:hidden;border-radius:20px;background-color:#111111;height:560px;row-gap:0;column-gap:0;}
.nb-feat-media{height:100%;}
.nb-feat-info{position:absolute;left:0;right:0;bottom:0;padding:28px 28px 26px 28px;display:flex;flex-direction:column;row-gap:8px;pointer-events:none;}
.nb-feat-cat{color:#e0d580;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}
.nb-feat-title{color:#ffffff;font-size:26px;line-height:1.15;margin:0 0 0 0;}
@media (max-width: 1023px){.nb-feat{height:440px;}}
@media (max-width: 767px){.nb-feat{height:380px;}.nb-feat-title{font-size:22px;}}

/* grapely:css-personalizzato */
/* Immagine a tutta altezza del pannello, velatura e titolo che compare sul pannello aperto. */
.nb-feat .nb-feat-media img, .nb-feat .env-post-field-image { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; transition: transform 1s cubic-bezier(.2,.7,.2,1), filter .6s ease; }
.nb-feat::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.85) 100%); }
.nb-feat .nb-feat-info { z-index: 2; }
.nb-feat .nb-feat-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nb-feat .nb-feat-title a { color: inherit; text-decoration: none; pointer-events: auto; }
.nb-feat .nb-feat-title a::after { content: ""; position: absolute; inset: 0; z-index: 3; }
.nb-feat .env-post-field-image { filter: grayscale(.55) brightness(.8); }
.nb-feat:hover .env-post-field-image { transform: scale(1.05); filter: none; }
.env-loop-item:has(.nb-feat) { transition: all .6s cubic-bezier(.2,.7,.2,1); }