/* Subtle sector photography under the home page's readable editorial cards. */
#settori .sector-grid>a{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:32px;min-height:350px;background:#fff}
#settori .sector-grid>a>.sector-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.22;pointer-events:none}
#settori .sector-grid>a::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#ffffff70,#ffffff12);pointer-events:none}
#settori .sector-grid>a>:not(.sector-backdrop){position:relative;z-index:2}
#settori .sector-grid>a>h3{margin-top:25px}
#settori .sector-grid>a>p{color:#274960;max-width:490px;margin-top:20px;margin-bottom:26px}
#settori .sector-grid>a>b{margin-top:auto;align-self:flex-end;line-height:1.2}
#settori .sector-grid>a:hover{background:#fff}
#settori .sector-grid>a:hover>.sector-backdrop{opacity:.26}
#settori .sector-grid>a:nth-child(1)>.sector-backdrop{object-position:60% center}
#settori .sector-grid>a:nth-child(2)>.sector-backdrop{object-position:72% center}
#settori .sector-grid>a:nth-child(3)>.sector-backdrop{object-position:65% center}
#settori .sector-grid>a:nth-child(4)>.sector-backdrop{object-position:63% center}
@media(max-width:650px){
 #settori .sector-grid>a,#settori .sector-grid>a+a{padding:28px 25px;min-height:340px}
 #settori .sector-grid>a>h3{margin-top:22px;font-size:clamp(26px,7.5vw,29px);overflow-wrap:break-word}
 #settori .sector-grid>a>p{max-width:none}
}
