/* vecto-home.css 1.0.1 (capitolo 4, 20 ott 2026)
   Stili della home (classi vrh-*): apertura con i riquadri animati intorno alla fascia, Attitude,
   Cosa facciamo, doppio ingresso. Caricato da vecto-home.php solo sulle pagine che usano queste classi
   (home e Profilo). 1.0.1: le sezioni con un'ancora (#come-lavoriamo del Profilo) non finiscono sotto la testata fissa. */
#main h1.scrittona{line-height:1.1;margin:24px 0 40px}
.vrh-att h3.scrittona{margin:0 0 14px!important;line-height:1.05}
.vrh-js .vrh-att .scrittona{color:transparent;-webkit-text-stroke:1px #000;transition:color 1.1s ease}
.vrh-js .vrh-att .scrittona.is-in{color:#000}
.vrh-sec{position:relative;padding-top:34px;padding-bottom:10px}
.vrh-sec[id]{scroll-margin-top:110px}
.vrh-sec{--vrh-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M7.5 0v15M0 7.5h15' stroke='%23111' stroke-width='1'/%3E%3C/svg%3E")}
.vrh-js .vrh-sec{background-image:var(--vrh-x),var(--vrh-x);background-repeat:no-repeat;background-position:left top,right top;background-size:0 0;transition:background-size .6s ease}
.vrh-js .vrh-sec.is-in{background-size:15px 15px}
.vrh-nest{margin:0 0 8px}
.vrh-media{position:relative;aspect-ratio:550/346;overflow:hidden;background:#eee;margin:0 0 20px}
.vrh-media video,.vrh-media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none}
.vrh-media img{opacity:0;transition:opacity .9s ease}
.vrh-media img.on{opacity:1}
.vrh-idx{border-bottom:1px solid #111;margin:10px 0 0}
.vrh-row{display:grid;grid-template-columns:3rem minmax(0,1.15fr) minmax(0,1.35fr) minmax(0,1.3fr);gap:0 28px;align-items:baseline;padding:22px 0;border-top:1px solid #111}
.vrh-n{font-size:12px;letter-spacing:.06em}
.vrh-row h3.vrh-t{margin:0!important;font-family:"ABC Diatype","Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:clamp(19px,1.35vw,24px);line-height:1.15}
.vrh-row p{margin:0!important}
.vrh-th{display:none}
.vrh-float{position:fixed;left:0;top:0;width:260px;pointer-events:none;z-index:60;opacity:0;transition:opacity .18s ease;will-change:transform}
.vrh-float img{display:block;width:100%;height:auto}
.vrh-float.on{opacity:1}
@media (max-width:767px){.vrh-row{grid-template-columns:2.4rem minmax(0,1fr);row-gap:6px}.vrh-row>p,.vrh-th{grid-column:2}}
@media (hover:none){.vrh-th{display:block;width:140px;height:auto;margin-top:8px}.vrh-float{display:none}}
.vrh-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid #111}
.vrh-split>div{padding:44px 40px}
.vrh-split h3{margin-top:0!important}
.vrh-split__b{background:#000}
.vrh-split__b h3,.vrh-split__b p,#content .vrh-split__b a{color:#fff}
#content .vrh-split a,#content .vrh-row p.vrh-p a,#content .vrh-more a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){.vrh-split{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.vrh-js .vrh-att .scrittona{color:#000;-webkit-text-stroke:0}.vrh-js .vrh-sec{background-size:15px 15px;transition:none}.vrh-media img{transition:none}}
.vrh-att h3.scrittona{font-size:min(2.1vw,36px);overflow-wrap:normal;word-break:normal;hyphens:none}
@media (max-width:767px){.vrh-att h3.scrittona{font-size:7vw}}
/* apertura: quattro riquadri animati intorno alla fascia, fondo nero a destra fino al bordo dello schermo */
.vrh-hero{position:relative;margin-bottom:56px}
.vrh-hero .vrh-slots{--vrh-ratio:5/2}  /* proporzione dei riquadri; si cambia anche in pagina con style="--vrh-ratio:2/1" sui blocchi .vrh-slots */
.vrh-hero .vc_column-inner,.vrh-hero .wpb_wrapper,.vrh-hero .wpb_raw_code,.vrh-hero .wpb_raw_html{position:static}
.vrh-hero .wpb_content_element,.vrh-hero .wpb_raw_code,.vrh-hero .wpb_text_column{margin-bottom:0!important}
.vrh-bg{position:absolute;top:0;bottom:0;left:50%;right:0;background:#0a0a0c;box-shadow:0 0 0 100vmax #0a0a0c;clip-path:inset(0 -100vmax 0 0);z-index:0;pointer-events:none}
.vrh-slots,.vrh-hero .wpb_text_column{position:relative;z-index:1}
.vrh-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.vrh-slot{position:relative;aspect-ratio:var(--vrh-ratio);margin:0;overflow:hidden}
.vrh-slot[data-box$="0"]{background:#fff}
.vrh-slot>svg{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
@media (max-width:720px){.vrh-bg{display:none}.vrh-hero .vrh-slots{display:none}.vrh-hero{margin-bottom:32px}}