/* Sivas Yönetim Pro 1.3 — self-hosted motion, no external scripts or tracking. */
/* Layers inspired by Konya Pro v4.1: left mask reveal in four successive stages. */
body.svy-slider-mask:not(.svy-motion-off) .hero-slide.is-active .hero-copy>* {
  animation:svyProMask var(--svy-mask-time,.85s) cubic-bezier(.16,.83,.28,1) both;
  will-change:transform,opacity,clip-path;
}
body.svy-slider-mask:not(.svy-motion-off) .hero-slide.is-active .hero-copy>*:nth-child(1){animation-delay:.08s}
body.svy-slider-mask:not(.svy-motion-off) .hero-slide.is-active .hero-copy>*:nth-child(2){animation-delay:.23s}
body.svy-slider-mask:not(.svy-motion-off) .hero-slide.is-active .hero-copy>*:nth-child(3){animation-delay:.4s}
body.svy-slider-mask:not(.svy-motion-off) .hero-slide.is-active .hero-copy>*:nth-child(4){animation-delay:.57s}
@keyframes svyProMask {
  0%{opacity:0;transform:translate3d(-95px,0,0);clip-path:inset(0 100% 0 0)}
  65%{opacity:1}
  100%{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0 0 0 0)}
}
body.svy-slider-none .hero-slide.is-active .hero-copy>*,
body.svy-motion-off .hero-slide.is-active .hero-copy>*{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
/* Card design: full-width architectural image, content and second photo on hover. */
.svy-service-card{padding:0;overflow:hidden;min-height:0;display:flex;flex-direction:column;isolation:isolate}
.svy-service-card .service-media{position:relative;display:block;aspect-ratio:1.7;overflow:hidden;background:var(--navy);isolation:isolate}
.svy-service-card .service-primary-photo,.svy-service-card .service-photo-hover img{display:block;width:100%;height:100%;object-fit:cover}
.svy-service-card .service-primary-photo{transition:transform .65s ease,opacity .45s ease}
.svy-service-card .service-photo-hover{position:absolute;inset:0;display:block;transform:translateY(105%);opacity:0;transition:transform .54s cubic-bezier(.23,.75,.29,1),opacity .47s ease;z-index:1}
.svy-service-card .service-photo-hover::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#0d2435bb 0%,#159c81a3 95%)}
.svy-service-card .service-photo-hover img{transform:scale(1.08);transition:transform .85s ease}
.svy-service-card .service-media-title{position:absolute;inset:auto 22px 22px;display:block;z-index:2;color:white;font-size:clamp(17px,1.7vw,22px);line-height:1.22;font-weight:850;text-shadow:0 2px 15px #09182780;transform:translateY(150%);opacity:0;transition:transform .56s cubic-bezier(.23,.75,.29,1),opacity .45s ease}
.svy-service-card .service-card-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:25px 27px 28px}
.svy-service-card .service-card-content .service-number{right:26px;top:29px}
.svy-service-card .service-card-content .service-icon{margin-bottom:18px;width:46px;height:46px}
.svy-service-card .service-description{display:block;color:var(--muted);font-size:13.5px;line-height:1.8;flex:1;margin:0 0 18px}
.svy-service-card .service-more{margin-top:auto}
.svy-service-card:hover .service-photo-hover,
.svy-service-card:focus-visible .service-photo-hover{transform:translateY(0);opacity:1}
.svy-service-card:hover .service-photo-hover img,
.svy-service-card:focus-visible .service-photo-hover img{transform:scale(1)}
.svy-service-card:hover .service-primary-photo,
.svy-service-card:focus-visible .service-primary-photo{transform:scale(1.04);opacity:.4}
.svy-service-card:hover .service-media-title,
.svy-service-card:focus-visible .service-media-title{transform:translateY(0);opacity:1}
.svy-service-no-image .service-card-content{min-height:255px;padding:31px}
.svy-service-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.svy-motion-off .svy-service-card .service-photo-hover,
body.svy-motion-off .svy-service-card .service-media-title{display:none}
body.svy-motion-off .svy-service-card .service-primary-photo{transform:none;opacity:1;transition:none}
html.has-reveal body.svy-motion-off .reveal-animate{transition:none;transform:none;opacity:1}
body.svy-motion-off .glass-orb,body.svy-motion-off .hero-floating{animation:none}
@media(hover:none){.svy-service-card .service-photo-hover,.svy-service-card .service-media-title{display:none}}
@media(max-width:680px){.svy-service-card .service-media{aspect-ratio:1.9}.svy-service-card .service-card-content{padding:23px}}
@media(prefers-reduced-motion:reduce){
 body.svy-slider-mask .hero-slide.is-active .hero-copy>*{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}
 .svy-service-card .service-photo-hover,.svy-service-card .service-primary-photo,.svy-service-card .service-media-title{transition:none!important}
}

/* v1.4 — process and FAQ appear with native, accessible motion. */
body:not(.svy-motion-off) .svy-process-card {
  transition:transform .32s cubic-bezier(.18,.75,.28,1),box-shadow .32s ease,border-color .32s ease;
}
body:not(.svy-motion-off) .svy-process-card:hover {
  transform:translateY(-7px);
  box-shadow:0 20px 38px rgba(16,31,50,.09);
  border-color:var(--accent);
}
.svy-process-card:before {
  content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;
  background:var(--accent);transform:scaleX(0);transform-origin:left;
  transition:transform .38s cubic-bezier(.18,.75,.28,1);
}
body:not(.svy-motion-off) .svy-process-card:hover:before {transform:scaleX(1)}
.svy-faq-item {transition:background-color .2s ease,padding-left .2s ease}
body:not(.svy-motion-off) .svy-faq-item:hover {background-color:rgba(39,185,157,.045);padding-left:8px}
.svy-faq-item summary {align-items:center}
.svy-faq-item summary:after {transition:transform .26s ease}
body:not(.svy-motion-off) .svy-faq-item[open] summary:after {transform:rotate(180deg)}
.svy-faq-item summary:focus-visible {outline:2px solid var(--accent);outline-offset:5px}
.svy-faq-answer p {margin-top:13px}
body:not(.svy-motion-off) .svy-faq-item[open] .svy-faq-answer {
  animation:svyFaqOpen .34s cubic-bezier(.18,.75,.28,1) both;
}
@keyframes svyFaqOpen {
  from{opacity:0;transform:translateY(-9px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
 .svy-process-card,.svy-process-card:before,.svy-faq-item,.svy-faq-item summary:after{transition:none!important}
 .svy-faq-item[open] .svy-faq-answer{animation:none!important}
}