:root{
  --siako-brand:#8F7C68;
  --siako-brand-dark:#756353;
  --siako-ink:#1D2328;
  --siako-muted:#667279;
  --siako-bg:#F6F5F3;
  --siako-line:rgba(29,35,40,.10);
}

.siako-services-visual{
  padding:80px 22px 90px !important;
  background:#fff;
  color:var(--siako-ink);
  overflow:hidden;
}

.siako-services-head{
  margin-bottom:34px;
}

.siako-services-kicker{
  margin-bottom:10px !important;
  color:var(--siako-brand) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:2.6px !important;
}

.siako-services-title{
  margin:0 0 14px !important;
  font-size:clamp(42px,5.4vw,68px) !important;
  line-height:1.03 !important;
  letter-spacing:-3px !important;
  color:var(--siako-ink) !important;
}

.siako-services-lead{
  max-width:760px;
  margin:0 auto !important;
  color:var(--siako-muted) !important;
  font-size:18px !important;
}

.siako-services-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.siako-service-card{
  position:relative;
  min-height:290px;
  display:grid;
  grid-template-columns:58% 42%;
  overflow:hidden;
  border:1px solid var(--siako-line);
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#fbfaf8 100%);
  box-shadow:0 14px 38px rgba(29,35,40,.06);
  transform:translateY(20px);
  opacity:0;
  transition:
    transform .8s cubic-bezier(.22,1,.36,1),
    opacity .8s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.siako-service-card.is-visible{
  transform:translateY(0);
  opacity:1;
}

.siako-service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(29,35,40,.12);
  border-color:rgba(143,124,104,.30);
}

.siako-service-content{
  position:relative;
  z-index:2;
  padding:30px;
  background:linear-gradient(90deg,#fff 78%,rgba(255,255,255,.78) 90%,rgba(255,255,255,0) 100%);
}

.siako-service-number{
  margin:0 0 12px !important;
  color:var(--siako-brand) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:1.8px !important;
}

.siako-service-card h3{
  margin:0 0 12px !important;
  font-size:25px !important;
  line-height:1.12 !important;
  letter-spacing:-.6px !important;
}

.siako-service-card p{
  color:var(--siako-muted);
  line-height:1.55;
}

.siako-service-card ul{
  margin:18px 0 0;
  padding-left:20px;
}

.siako-service-card li{
  margin-bottom:8px;
  color:var(--siako-ink);
}

.siako-service-card li::marker{
  color:var(--siako-brand);
}

.siako-service-image{
  position:relative;
  min-height:100%;
  background-position:center;
  background-size:cover;
  transform:scale(1.03);
  transition:transform 1.2s cubic-bezier(.22,1,.36,1), filter .5s ease;
}

.siako-service-card:hover .siako-service-image{
  transform:scale(1.10);
  filter:saturate(1.05) contrast(1.03);
}

.siako-service-card-1 .siako-service-image{
  background-image:url('../images/gastronomie.jpg');
}

.siako-service-card-2 .siako-service-image{
  background-image:url('../images/boot.jpg');
}

.siako-service-card-3 .siako-service-image{
  background-image:url('../images/elektro.jpg');
}

.siako-service-card-4 .siako-service-image{
  background-image:url('../images/it-netzwerk.jpg');
}

.siako-service-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.20),rgba(255,255,255,0) 45%);
}

.siako-services-cta{
  margin-top:22px;
  padding:22px 26px !important;
  border:1px solid rgba(143,124,104,.18);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(29,35,40,.04);
}

.siako-cta-title{
  margin:0 0 2px !important;
}

.siako-cta-copy{
  margin:0 !important;
  color:var(--siako-muted) !important;
}

.siako-services-button .wp-block-button__link{
  background:var(--siako-brand) !important;
  border-color:var(--siako-brand) !important;
  color:#fff !important;
  border-radius:14px !important;
  font-weight:800 !important;
  padding:14px 22px !important;
  transition:transform .25s ease,background .25s ease;
}

.siako-services-button .wp-block-button__link:hover{
  background:var(--siako-brand-dark) !important;
  transform:translateY(-2px);
}

@media(max-width:900px){
  .siako-services-grid{
    grid-template-columns:1fr;
  }

  .siako-service-card{
    min-height:270px;
  }
}

@media(max-width:700px){
  .siako-services-visual{
    padding:56px 14px 64px !important;
  }

  .siako-services-title{
    font-size:40px !important;
    letter-spacing:-2px !important;
  }

  .siako-services-lead{
    font-size:16px !important;
  }

  .siako-service-card{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .siako-service-content{
    padding:24px;
    background:#fff;
  }

  .siako-service-image{
    min-height:210px;
    order:-1;
  }

  .siako-service-card h3{
    font-size:23px !important;
  }

  .siako-services-cta{
    align-items:flex-start !important;
    gap:16px;
  }

  .siako-services-cta .wp-block-buttons,
  .siako-services-cta .wp-block-button,
  .siako-services-cta .wp-block-button__link{
    width:100%;
  }

  .siako-services-cta .wp-block-button__link{
    text-align:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .siako-service-card,
  .siako-service-image,
  .siako-services-button .wp-block-button__link{
    transition:none !important;
  }

  .siako-service-card{
    transform:none !important;
    opacity:1 !important;
  }
}