/* Department summaries: one paragraph per department instead of the per-module list. */
.cortile .department .modules{grid-template-columns:minmax(0,1fr)}
/* Policy pages: lists and placeholders still to be completed. */
.cortile .policy-main ul{margin:14px 0 0;padding-left:22px}
.cortile .policy-main li+li{margin-top:6px}
.cortile .policy-main mark{background:#FFE7A3;color:inherit;padding:0 4px;border-radius:3px}
.cortile .policy-main ul+p{margin-top:16px}
.cortile .policy-main p a{display:inline;min-height:0;min-width:0;padding:0;font-size:inherit;font-weight:600;box-shadow:inset 0 -1px currentColor}
.cortile .policy-main p a:hover{color:var(--clay);background:none}

/* Uniform beige page instead of alternating white and beige bands. */
:root{background:var(--sand)}
.cortile .department,.cortile .department:nth-child(even),.cortile .context,.cortile .team-communication,.cortile .personalization{background:transparent}
.cortile .site-footer{background:transparent;border-top:1px solid rgb(31 42 68 / 14%)}
/* Elements that were beige on white stay visible as white on beige. */
.cortile .dept-links .dept-link{background:var(--white)}
.cortile .dept-links .dept-link:not([aria-current]):is(:hover,:focus-visible){background:var(--white)}
.cortile a:not(.brand):not(.return):not(.dept-link):hover{background-color:rgb(255 255 255 / 70%)}
.cortile .policy-intro,.cortile .policy-link,.cortile .policy-back,.cortile .no-script{background:var(--white)}
/* Illustrations blend into the beige page: their white areas take the page colour. */
.cortile .cortile-area-art,.cortile .media-accoglienza img{mix-blend-mode:multiply}
/* Former beige boxes are now open sections aligned to the page grid. */
.cortile .context,.cortile .team-communication,.cortile .personalization,.cortile .department{padding-inline:0}

/* Same layout for every department: title and image on the left, text on the right,
   so images line up under images and text under text. Front Office was the only exception. */
@media(min-width:768px){
 .cortile .department.front-office{display:grid;grid-template-columns:4fr 8fr;gap:32px}
 .cortile .front-office .department-heading{display:block;margin-bottom:0}
 .cortile .front-office .cortile-area-art{margin:16px 0 0}
}
@media(min-width:768px) and (max-width:1023px){
 .cortile .department.front-office{gap:24px}
}

/* Department text vertically centred on its image: title on the first row, image and text on the second. */
@media(min-width:768px){
 .cortile .department,.cortile .department.front-office{grid-template-rows:auto auto;row-gap:16px}
 .cortile .department .department-heading{display:contents}
 .cortile .department h3{grid-column:1;grid-row:1}
 .cortile .department .cortile-area-art,.cortile .front-office .cortile-area-art{grid-column:1;grid-row:2;margin:0}
 .cortile .department .department-body{grid-column:2;grid-row:2;align-self:center}
}