/* ONiDEA – Template sito: pagina "Chi siamo" (hero iceberg, team, sezioni). Confinato sotto .oni-t */
.oni-t .oni-note-header{background:#fff;border-bottom:1px solid var(--oni-line);padding:14px 20px;font-size:12px;color:#888;text-align:center}
.oni-t .oni-hero{--hero-water:40%;position:relative;overflow:hidden;color:#fff;padding:26px 0 0;isolation:isolate; background: radial-gradient(620px 360px at 78% 34%,rgba(49,120,214,.40) 0%,rgba(49,120,214,0) 70%), linear-gradient(180deg,#00153a 0%,#04285f 40%,#001638 100%)}
.oni-t .oni-hero-sky{position:absolute;left:0;right:0;top:0;height:var(--hero-water);pointer-events:none; background-image:radial-gradient(rgba(255,255,255,.07) .7px,transparent 1px);background-size:22px 22px; -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent)}
.oni-t .oni-hero-sea{position:absolute;left:0;right:0;top:var(--hero-water);bottom:0;pointer-events:none; background:linear-gradient(180deg,#0f4b9f 0%,#083a83 22%,#042a66 52%,#001638 100%)}
.oni-t .oni-hero-sea::before{content:"";position:absolute;inset:0; background:radial-gradient(70% 55% at 72% 0%,rgba(120,190,255,.28),rgba(120,190,255,0) 70%)}
.oni-t .oni-hero-wave{position:absolute;left:0;right:0;top:calc(var(--hero-water) - 14px);height:28px;pointer-events:none; -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.35) 40%,#000 65%); mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.35) 40%,#000 65%)}
.oni-t .oni-hero-wave svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.oni-t .oni-hero-wave path{fill:none;stroke:#fff;stroke-width:1.4;vector-effect:non-scaling-stroke}
.oni-t .oni-hero-wave .oni-w1{stroke-opacity:.75;animation:hero-wave 11s linear infinite}
.oni-t .oni-hero-wave .oni-w2{stroke-opacity:.28;animation:hero-wave 17s linear infinite reverse;transform:translateY(5px)}
.oni-t .oni-hero-art{position:absolute;top:0;bottom:0;right:0;width:min(52%,640px);pointer-events:none}
.oni-t .oni-hero-art svg.oni-hero-berg{position:absolute;right:0;top:0;height:100%;width:100%;overflow:visible}
.oni-t .oni-hero .oni-wrap{position:relative;z-index:2}
.oni-t .oni-crumbs{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#b9c8e0}
.oni-t .oni-crumbs span{color:var(--oni-accent);margin:0 6px}
.oni-t .oni-crumbs a{color:inherit;text-decoration:none}
.oni-t .oni-crumbs a:hover{color:#fff}
.oni-t .oni-hero-body{padding:70px 0 78px;max-width:600px}
.oni-t .oni-hero-tag{display:inline-block;font-family:var(--oni-btn);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--oni-accent);border-left:4px solid var(--oni-accent);padding-left:12px;margin-bottom:22px}
.oni-t .oni-hero h1{margin:0 0 22px;font-weight:300;font-size:60px;line-height:1.04;color:#fff;text-shadow:0 2px 24px rgba(0,16,46,.55)}
.oni-t .oni-hero h1 b{display:block;font-weight:800;text-transform:uppercase;color:var(--oni-accent)}
.oni-t .oni-hero p.oni-sub{font-size:20px;line-height:1.55;color:#dbe5f4;margin:0 0 32px;max-width:520px;text-shadow:0 1px 14px rgba(0,16,46,.5)}
.oni-t .oni-hero-cta{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.oni-t .oni-hero-strip{position:relative;z-index:2;background:rgba(0,10,30,.42);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.oni-t .oni-hero-strip .oni-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.oni-t .oni-hero-strip div{padding:18px 10px;font-size:13.5px;color:#cfdbef;border-right:1px solid rgba(255,255,255,.12)}
.oni-t .oni-hero-strip div:last-child{border-right:0}
.oni-t .oni-hero-strip b{display:block;font-size:22px;font-weight:800;color:#fff;line-height:1.2}
.oni-t .oni-hero-berg .oni-hb-float{animation:hero-float 9s ease-in-out infinite;will-change:transform}
.oni-t .oni-hero-berg .oni-hb-ray{animation:hero-ray 8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}
.oni-t .oni-hero-berg .oni-hb-ray.oni-r2{animation-duration:11s;animation-delay:-4s}
.oni-t .oni-hero-berg .oni-hb-ray.oni-r3{animation-duration:13s;animation-delay:-7s}
.oni-t .oni-hero-berg .oni-hb-bubble{animation:hero-rise 14s linear infinite;opacity:0}
.oni-t .oni-hero-berg .oni-hb-bubble.oni-b2{animation-duration:19s;animation-delay:-6s}
.oni-t .oni-hero-berg .oni-hb-bubble.oni-b3{animation-duration:16s;animation-delay:-11s}
.oni-t .oni-hero-berg .oni-hb-bubble.oni-b4{animation-duration:22s;animation-delay:-3s}
.oni-t .oni-hero-berg .oni-hb-bubble.oni-b5{animation-duration:17s;animation-delay:-13s}
.oni-t .oni-hero-berg .oni-hb-bubble.oni-b6{animation-duration:24s;animation-delay:-8s}
.oni-t .oni-hero-berg .oni-hb-dust{animation:hero-dust 7s ease-in-out infinite}
.oni-t .oni-hero-berg .oni-hb-dust.oni-d2{animation-delay:-2.5s;animation-duration:9s}
.oni-t .oni-hero-berg .oni-hb-dust.oni-d3{animation-delay:-5s;animation-duration:8s}
.oni-t .oni-hero-berg .oni-hb-spark{transform-box:fill-box;transform-origin:center;animation:hero-spark 2.8s ease-in-out infinite}
.oni-t .oni-hero-berg .oni-hb-halo{transform-box:fill-box;transform-origin:center;animation:hero-halo 3.6s ease-out infinite}
.oni-t .oni-hero-berg .oni-hb-glow{transform-box:fill-box;transform-origin:center;animation:hero-glow 2.8s ease-in-out infinite}
.oni-t .oni-hero-berg .oni-hb-star{transform-box:fill-box;transform-origin:center;animation:hero-star 24s linear infinite}
.oni-t .oni-hero-berg .oni-hb-thread{stroke-dasharray:5 9;animation:hero-thread 6s linear infinite}
.oni-t .oni-hero-berg .oni-hb-ember{transform-box:fill-box;transform-origin:center;animation:hero-glow 4.4s ease-in-out infinite;animation-delay:-1.4s}
.oni-t .oni-hero-berg .oni-hb-shimmer{animation:hero-shimmer 5s ease-in-out infinite}
.oni-t .oni-hero-berg .oni-hb-shimmer.oni-s2{animation-delay:-2.2s;animation-duration:6.5s}
.oni-t .oni-hero-label text{font-family:"Open Sans",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;fill:#fff}
.oni-t .oni-hero-label text.oni-sub{font-size:11px;font-weight:400;font-style:italic;letter-spacing:.02em;text-transform:none;fill:#b9cde9}
.oni-t .oni-hero-label line,
.oni-t .oni-hero-label polyline{stroke:var(--oni-accent);stroke-width:1.4;fill:none}
.oni-t .oni-hero-label .oni-dot{fill:var(--oni-accent)}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes hero-wave{from{transform:translateX(0)}to{transform:translateX(-1440px)}}
@keyframes hero-ray{0%,100%{opacity:.55;transform:skewX(0deg)}50%{opacity:1;transform:skewX(2.5deg)}}
@keyframes hero-rise{0%{transform:translateY(0);opacity:0}12%{opacity:.75}85%{opacity:.35}100%{transform:translateY(-230px);opacity:0}}
@keyframes hero-dust{0%,100%{opacity:.25}50%{opacity:.75}}
@keyframes hero-spark{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes hero-halo{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.4);opacity:0}}
@keyframes hero-glow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
@keyframes hero-star{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes hero-thread{from{stroke-dashoffset:0}to{stroke-dashoffset:-56}}
@keyframes hero-shimmer{0%,100%{opacity:.25;transform:translateX(0)}50%{opacity:.8;transform:translateX(14px)}}
@media (prefers-reduced-motion:reduce){
.oni-t .oni-hero *,
.oni-t .oni-hero *::before,
.oni-t .oni-hero *::after{animation:none !important}
.oni-t .oni-hero-berg .oni-hb-bubble{opacity:.45}
}
@media (max-width:820px){
.oni-t .oni-hero h1{font-size:38px}
.oni-t .oni-hero-body{padding:44px 0 48px;max-width:100%}
.oni-t .oni-hero p.oni-sub{font-size:17px}
.oni-t .oni-hero-art{width:100%;opacity:.45}
.oni-t .oni-hero-art svg.oni-hero-berg{right:-22%;width:auto}
.oni-t .oni-hero-art::after{content:"";position:absolute;inset:0; background:linear-gradient(90deg,rgba(0,22,56,.9) 0%,rgba(0,22,56,.65) 55%,rgba(0,22,56,.25) 100%)}
.oni-t .oni-hero-label{display:none}
.oni-t .oni-hero-strip .oni-wrap{grid-template-columns:1fr 1fr}
.oni-t .oni-hero-strip div:nth-child(2){border-right:0}
}
@media (min-width:821px) and (max-width:1100px){
.oni-t .oni-hero h1{font-size:52px}
.oni-t .oni-hero-art{width:46%}
}
.oni-t .oni-sub{margin-top:26px}
.oni-t .oni-team{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:34px}
.oni-t .oni-person{flex:0 0 calc((100% - 4*22px)/5);background:#fff;border:1px solid var(--oni-line);border-top:4px solid var(--oni-accent);padding:24px 16px;text-align:center;scroll-margin-top:90px}
@media (max-width:1000px){
.oni-t .oni-person{flex-basis:calc((100% - 2*22px)/3)}
}
@media (max-width:640px){
.oni-t .oni-person{flex-basis:100%;max-width:340px}
}
.oni-t .oni-person img{width:120px;height:120px;object-fit:contain;border-radius:50%;background:var(--oni-soft);margin-bottom:16px}
.oni-t .oni-role{color:var(--oni-accent-dark);font-weight:600;font-size:14px;margin:0 0 12px}
.oni-t .oni-person p{font-size:14.5px;margin:0 0 14px}
.oni-t .oni-person a.oni-in{font-size:13px;font-weight:600;color:var(--oni-navy);text-decoration:none;border-bottom:2px solid var(--oni-accent)}
.oni-t .oni-person:target{box-shadow:0 0 0 3px var(--oni-accent)}
.oni-t .oni-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:34px;margin-top:34px}
.oni-t .oni-how div{border-left:3px solid var(--oni-accent);padding-left:18px}
.oni-t .oni-how p{margin:0;font-size:15.5px}
.oni-t .oni-clients{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 0;padding:0;list-style:none}
.oni-t .oni-clients li{border:1px solid var(--oni-line);background:#fff;padding:9px 16px;font-weight:600;font-size:14.5px}
.oni-t .oni-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:30px}
.oni-t .oni-sub{font-size:20px;margin:30px 0 0;color:var(--oni-navy)}
.oni-t .oni-sub-clients{margin-top:46px}
.oni-t .oni-projects{margin-top:18px}
.oni-t .oni-projects .oni-card{margin:0;background:#fff;border:1px solid var(--oni-line);overflow:hidden;display:flex;flex-direction:column}
.oni-t .oni-media{aspect-ratio:16/10;background:var(--oni-soft);overflow:hidden}
.oni-t .oni-media img,.oni-t .oni-media video{width:100%;height:100%;object-fit:cover;display:block}
.oni-t .oni-yt{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.oni-t .oni-media iframe{width:100%;height:100%;border:0;display:block}
.oni-t .oni-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--oni-accent);box-shadow:0 6px 18px rgba(0,22,56,.35);transition:transform .2s}
.oni-t .oni-play::after{content:"";position:absolute;left:27px;top:20px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}
.oni-t .oni-yt:hover .oni-play,.oni-t .oni-yt:focus-visible .oni-play{transform:scale(1.1)}
.oni-t .oni-projects figcaption{padding:20px 22px 22px}
.oni-t .oni-projects figcaption h4{margin:4px 0 6px;font-size:19px;color:var(--oni-navy)}
.oni-t .oni-projects figcaption p{margin:0;font-size:14.5px}
.oni-t .oni-projects .oni-card small{color:var(--oni-accent-dark);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}
.oni-t .oni-todo{color:#b45309;font-size:12px}
.oni-t .oni-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:34px}
.oni-t .oni-quote{background:#fff;border:1px solid var(--oni-line);padding:26px;position:relative}
.oni-t .oni-quote::before{content:"\201C";font-size:64px;line-height:.6;color:var(--oni-accent);font-weight:800;display:block;margin-bottom:8px}
.oni-t .oni-quote p{margin:0 0 14px;font-size:15.5px;font-style:italic}
.oni-t .oni-who{font-size:13.5px;font-weight:700;color:var(--oni-black)}
.oni-t .oni-who span{display:block;font-weight:400;color:#666}
.oni-t .oni-services{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px}
.oni-t .oni-svc{display:block;text-decoration:none;color:var(--oni-black);background:#fff;border:1px solid var(--oni-line);padding:34px 24px;text-align:center;font-weight:800;font-size:26px;text-transform:uppercase;transition:border-color .15s,color .15s}
.oni-t .oni-svc small{display:block;font-weight:400;text-transform:none;font-size:14px;color:var(--oni-text);margin-top:8px}
.oni-t .oni-svc:hover{border-color:var(--oni-accent);color:var(--oni-accent)}
.oni-t .oni-note-footer{background:#f1f1f1;padding:14px 20px;font-size:12px;color:#888;text-align:center}
@media (max-width:820px){
.oni-t .oni-services{grid-template-columns:1fr}
}

/* Dicono di noi: contenitore del widget Trustindex */
.oni-t .oni-trust{margin-top:34px}
.oni-t .oni-person a.oni-in{display:inline-block}
.oni-t .oni-person a.oni-in:hover{color:var(--oni-accent-dark)}
.oni-t .oni-svc:hover{text-decoration:none}