/* Wrapper */
.sennivisuals-services-list-wrapper{color:#fff}
.sennivisuals-services-list{display:flex;flex-direction:column;gap:28px}

/* Card base (desktop: 2 colonne) */
.sennivisuals-services-list-item{
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, .14);
  padding: 44px 48px;
  display: grid;
  grid-template-columns: minmax(200px, 25%) minmax(360px, 1fr);
  grid-template-areas: "left content";
  gap: 44px;
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), border-color .3s ease, background .3s ease, box-shadow .4s ease;
}

/* Colonne */
.sennivisuals-services-list-col--left{grid-area:left;display:flex;flex-direction:column;gap:20px}
.sennivisuals-services-list-col--content{grid-area:content;display:flex;flex-direction:column;gap:20px}

/* Media/icon & titoli */
.sennivisuals-services-list-icon img{width:160px;max-width:100%;height:auto;object-fit:contain}
.sennivisuals-services-list-title{font-size:clamp(1.8rem,4.5vw,3.25rem);line-height:1.1;margin:0}

/* Testi & pills */
.sennivisuals-services-list-desc{color:#f5f5f5;margin:0}
.sennivisuals-services-list-pills{display:flex;flex-wrap:wrap;gap:10px}
.sennivisuals-services-list-pills span{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);
  padding:7px 16px;border-radius:999px;transition:.25s
}
.sennivisuals-services-list-pills span:hover{
  background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.38);color:#f5f5f5
}

/* Preview follower */
.sennivisuals-services-list-preview{
  position:absolute;pointer-events:none;opacity:0;
  transform:translate3d(-50%,-50%,0) scale(.88);
  transition:opacity .25s ease,transform .45s cubic-bezier(.22,.61,.36,1);
  z-index:6
}
.sennivisuals-services-list-preview img{
  width:420px;height:280px;object-fit:cover;border-radius:18px;
  border:1px solid rgba(255,255,255,.32);box-shadow:0 34px 120px rgba(0,0,0,.62)
}
/* Mostra preview su hover solo dove supportato */
@media (hover:hover){
  .sennivisuals-services-list-item:hover .sennivisuals-services-list-preview{opacity:1;z-index:8}
}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(24px)}
[data-reveal].is-in{opacity:1;transform:none;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s ease}

/* ------------------ Responsive ------------------ */

/* Tablet L/MD: 2 colonne (right va sotto a tutta larghezza) */
@media (max-width: 1100px){
  .sennivisuals-services-list-item{
    grid-template-columns:1fr 1fr;
    grid-template-areas:"left content";
    gap:32px;
    padding:40px 36px;
  }
  .sennivisuals-services-list-icon img{width:130px}
  .sennivisuals-services-list-preview img{width:360px;height:240px}
}

/* Tablet S / Mobile L: card verticale (1 colonna) */
@media (max-width: 780px){
  .sennivisuals-services-list-item{
    grid-template-columns:1fr;
    grid-template-areas:
      "left"
      "content";
    gap:22px;
    padding:28px 22px;
  }
  .sennivisuals-services-list-icon img{width:96px}
  .sennivisuals-services-list-title{font-size:28px}
  .sennivisuals-services-list-pills span{font-size:1rem;padding:6px 12px}
  /* niente preview hover su mobile */
  .sennivisuals-services-list-preview{display:none}
}

/* Micro-tuning per schermi molto piccoli */
@media (max-width: 390px){
  .sennivisuals-services-list-item{padding:22px 0px}
}