/* [Codex] Fotografie panoramiche basse, con testo sovrapposto. */
.category-banner{position:relative;isolation:isolate;width:100%;height:172px;margin:0 0 32px;overflow:hidden;background:#596051;color:#fff8ec}
.category-banner>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 52%}
.category-banner::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#14221bd9 0%,#14221b9e 34%,#14221b1a 75%);pointer-events:none}
.category-banner figcaption{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 5vw}
.category-banner h2{font:400 28px/1.25 var(--serif);letter-spacing:-.02em;color:inherit;margin:0 0 10px;text-wrap:balance}
.category-banner p{font:400 13px/1.6 var(--sans);color:#fff8ec;margin:0;max-width:460px}
@media(max-width:760px){.category-banner{height:156px;margin-bottom:24px}.category-banner figcaption{padding:18px 22px}.category-banner h2{font-size:23px;margin-bottom:9px}.category-banner p{font-size:12px;line-height:1.5;max-width:260px}.category-banner>img{object-position:58% center}.category-banner::after{background:linear-gradient(90deg,#14221be6,#14221b9e 60%,#14221b40)}}