.media-masthead{position:relative;isolation:isolate;width:100%;margin:0;padding:0;overflow:hidden;background:#eee0cb;border-bottom:1px solid #c9b08d}
.media-masthead .masthead__banner{display:block;width:100%;height:auto;aspect-ratio:1520/656;object-fit:cover}
.media-masthead .masthead__top{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:clamp(12px,2vw,30px) clamp(12px,3vw,48px);pointer-events:none}
.media-masthead .masthead__top>a,.media-masthead .masthead__top>nav{pointer-events:auto}
.media-masthead .brand{display:block;flex:none;width:clamp(120px,17vw,210px);margin:0;transition:transform .2s ease}
.media-masthead .brand:hover{transform:rotate(-2deg)}
.media-masthead .brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 3px #3b211733)}
.media-masthead .navigation{display:flex;align-items:center;gap:24px;padding:12px 17px;border:1px solid #e3d5c3;border-radius:40px;background:#fffaf1f0;box-shadow:0 2px 9px #44250e0a;font:600 14px Arial,sans-serif;white-space:nowrap;color:#3b2117}
.media-masthead .navigation a{text-decoration:none;padding:5px 0}
.media-masthead .navigation a:hover{text-decoration:underline;text-underline-offset:4px}
.media-masthead .navigation .navigation__chat{color:#bb2015}
/* Queste due pagine richiedono la sovrapposizione anche sul telefono. */
@media(max-width:700px){
 .media-masthead{padding-top:0}
 .media-masthead .masthead__top{padding:8px 12px;align-items:center;height:auto;background:transparent;gap:8px}
 .media-masthead .brand{width:64px;position:relative;z-index:1}
 .media-masthead .navigation{gap:12px;padding:8px 10px;font-size:12px}
 .media-masthead .navigation__chat span{display:none}
}
@media(max-width:400px){.media-masthead .navigation{font-size:11px;gap:10px;padding:7px 9px}}