/* Sottomenu e megamenu della testata. Desktop: pannello a tutta larghezza sotto la testata, si
   apre al passaggio del mouse, con il fuoco da tastiera o con il pulsante accanto alla voce.
   Telefono: le voci figlie si aprono a fisarmonica dentro il menu. */
.header.site-header .nav-links{align-self:stretch;align-items:stretch}
.header.site-header .nav-item{display:flex;align-items:center;gap:2px}
.header.site-header .nav-links .sub-panel a:after{display:none}
.header.site-header .sub-toggle{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:none;color:#f4f1eb;border-radius:50%;cursor:pointer;opacity:.7}
.header.site-header .sub-toggle:hover{opacity:1}
.header.site-header .sub-toggle svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}
.header.site-header .nav-item.open .sub-toggle svg{transform:rotate(180deg)}
.header.site-header .sub-panel{position:absolute;left:0;right:0;top:100%;z-index:-1;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;background:rgb(12 12 15 / 97%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgb(244 241 235 / 8%);border-bottom:1px solid #343236;box-shadow:0 40px 80px rgb(0 0 0 / 45%)}
@media(min-width:1201px){
.header.site-header .nav-item.has-sub:hover .sub-panel,.header.site-header .nav-item.open .sub-panel,.header.site-header .sub-panel:focus-within{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.header.site-header:has(.nav-item.has-sub:hover),.header.site-header:has(.nav-item.open){background:rgb(12 12 15 / 97%)}
}
.header.site-header .sub-inner{display:grid;grid-template-columns:minmax(220px,1fr) 3fr;gap:clamp(28px,4vw,64px);padding-top:38px;padding-bottom:44px;align-items:start}
.header.site-header .sub-mega-services .sub-inner{grid-template-columns:minmax(200px,1fr) 3.4fr minmax(180px,.9fr)}
.header.site-header .sub-title{font:750 26px/1.1 Montserrat,sans-serif;letter-spacing:-.045em;color:#f4f1eb}
.header.site-header .sub-text{font-size:14px;line-height:1.6;color:#a9a7aa;margin-top:12px;max-width:260px}
.header.site-header .nav-links a.sub-all{display:inline-flex;align-items:center;gap:16px;margin-top:22px;font-size:14px;font-weight:500;color:#f4f1eb;white-space:nowrap}
.header.site-header .sub-all .arrow{width:16px;height:16px}
.header.site-header .sub-cards,.header.site-header .sub-links,.header.site-header .sub-side{list-style:none;margin:0;padding:0}
.header.site-header .sub-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.header.site-header .sub-mega-cases .sub-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.header.site-header .sub-mega-about .sub-inner{grid-template-columns:minmax(220px,1fr) 3fr}
/* Schede disegnate di Perché Deep: stessa cornice 16/10 delle foto, contenuto in HTML. */
.header.site-header .sub-tile{display:grid;width:100%;aspect-ratio:16/10;overflow:hidden;padding:14px 16px;background:#141317;color:#f4f1eb;font:700 clamp(12px,1vw,14px)/1.2 Montserrat,sans-serif;letter-spacing:-.02em;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.header.site-header .sub-cards a:hover .sub-tile{transform:scale(1.05)}
.header.site-header .tile-brand{place-items:center;background:radial-gradient(circle at 50% 55%,rgb(204 23 49 / 38%),transparent 62%),#141317}
.header.site-header .sub-thumb .tile-brand img{width:64%;height:auto;aspect-ratio:auto;object-fit:contain}
.header.site-header .tile-clients{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:4px 12px}
.header.site-header .sub-thumb .tile-clients img{width:100%;height:26px;aspect-ratio:auto;object-fit:contain;filter:brightness(0) invert(.91);opacity:.86}
.header.site-header .tile-method{background:#cc1731;place-items:center;color:#f4f1eb}
.header.site-header .tile-method svg{width:30%;height:auto}
.header.site-header .tile-awards{align-content:center;gap:10px}
.header.site-header .tile-awards i{display:block;margin-bottom:2px;font:600 10px/1 Raleway,sans-serif;font-style:normal;letter-spacing:.14em;color:#ff5269}
.header.site-header .tile-reviews{place-content:center;justify-items:center;gap:5px}
.header.site-header .tile-reviews b{font:750 clamp(32px,2.9vw,44px)/1 Montserrat,sans-serif;letter-spacing:-.05em}
.header.site-header .tile-reviews span{font-size:11px;letter-spacing:.22em;color:#cc1731}
.header.site-header .tile-reviews small{font:500 11px/1 Raleway,sans-serif;color:#a9a7aa}
.header.site-header .sub-cards a{display:flex;flex-direction:column;gap:6px;white-space:normal}
.header.site-header .sub-thumb{display:block;overflow:hidden;border-radius:4px;background:#1a191d;margin-bottom:8px}
.header.site-header .sub-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.header.site-header .sub-cards a:hover .sub-thumb img{transform:scale(1.05)}
.header.site-header .sub-label{font:600 15px/1.3 Montserrat,sans-serif;letter-spacing:-.02em;color:#f4f1eb}
.header.site-header .sub-small{font-size:12px;line-height:1.45;color:#a9a7aa}
.header.site-header .sub-links{columns:2;column-gap:40px}
.header.site-header .sub-links li{break-inside:avoid;border-top:1px solid #343236}
.header.site-header .sub-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 2px;font:500 19px/1.3 Montserrat,sans-serif;letter-spacing:-.025em;color:#f4f1eb;white-space:normal}
.header.site-header .sub-links svg{width:18px;height:18px;flex:none;transition:transform .25s}
.header.site-header .sub-links a:hover svg{transform:translateX(4px)}
.header.site-header .sub-side li{border-top:1px solid #343236}
.header.site-header .sub-side li:last-child{border-bottom:1px solid #343236}
.header.site-header .sub-side a{display:flex;flex-direction:column;gap:4px;padding:16px 0;white-space:normal}
.header.site-header .sub-side a:hover .sub-label{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1201px) and (max-width:1400px){.header.site-header .sub-mega-services .sub-inner{grid-template-columns:1fr 3fr}.header.site-header .sub-side{grid-column:2}.header.site-header .sub-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.header.site-header .sub-mega-cases .sub-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1200px){
.header.site-header .nav-links{max-height:calc(100svh - 78px);overflow-y:auto;gap:0!important;padding-top:10px!important}
.header.site-header .nav-item{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;border-bottom:1px solid #26252a}
.header.site-header .nav-item>.nav-top{padding:14px 0}
.header.site-header .sub-toggle{width:44px;height:44px;opacity:1}
.header.site-header .sub-toggle svg{width:12px;height:12px}
.header.site-header .sub-panel{grid-column:1/-1;position:static;display:none;visibility:visible;opacity:1;transform:none;transition:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;z-index:auto}
.header.site-header .nav-item.open .sub-panel{display:block}
.header.site-header .sub-inner{display:flex;flex-direction:column;padding:0 0 14px;width:auto;max-width:none}
.header.site-header .sub-intro .sub-title,.header.site-header .sub-intro .sub-text,.header.site-header .sub-thumb,.header.site-header .sub-small{display:none}
.header.site-header .sub-intro{order:9}
.header.site-header .nav-links a.sub-all{margin-top:10px;font-size:14px}
.header.site-header .sub-cards,.header.site-header .sub-side{display:block}
.header.site-header .sub-links{columns:1}
.header.site-header .sub-cards a,.header.site-header .sub-side a,.header.site-header .sub-links a{padding:9px 0 9px 14px;font:500 16px/1.35 Raleway,sans-serif;border:0}
.header.site-header .sub-label{font:500 16px/1.35 Raleway,sans-serif}
.header.site-header .sub-links li,.header.site-header .sub-side li{border:0}
.header.site-header .sub-links svg{display:none}
}
@media(prefers-reduced-motion:reduce){.header.site-header .sub-panel,.header.site-header .sub-thumb img,.header.site-header .sub-toggle svg{transition:none}}