/* Reference service section. Isolated from the rest of the road-film site. */
.services{padding:64px 3% 76px 4.5%;isolation:isolate;scroll-margin-top:90px}
.services .srv-bg{background-image:url(assets/mountains.webp);background-position:center 38%;filter:saturate(.65) brightness(.75);opacity:1}
.services .srv-veil{background:linear-gradient(180deg,rgba(2,16,28,.92) 0%,rgba(3,18,31,.96) 23%,rgba(4,20,32,.78) 72%,rgba(4,21,34,.2) 100%)}
.services:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 86%,rgba(93,169,207,.2),transparent 50%);border-top:1px solid #21465d}
.srv-marker{position:absolute;top:64px;left:2.4%;bottom:0;width:1px;background:linear-gradient(#54b8f1,#43607580);z-index:3;color:#b7c6d0;font:600 13px/1.2 'Barlow Condensed',sans-serif}
.srv-marker:before{content:'';position:absolute;left:-4px;top:0;width:8px;height:8px;border-radius:50%;background:#c7f2ff;box-shadow:0 0 6px #fff,0 0 18px 5px #169dff}
.srv-marker b,.srv-marker span{position:absolute;left:20px;top:-3px;white-space:nowrap}.srv-marker span{top:17px;font-size:11px}
.services .srv-head{margin:0 0 30px 5.2%;grid-template-columns:1.65fr .8fr auto;gap:28px;align-items:center}
.services .srv-head>div{gap:10px}.services .kicker{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.22em;color:#2795d2}.services .kicker i{display:none}
.services h2{font-size:clamp(32px,4.05vw,66px);font-weight:800;white-space:nowrap;letter-spacing:-.015em;line-height:1}
.services .srv-head .lead{border-left:1px solid #7593aa55;padding:0 0 0 20px;font:500 clamp(12px,1.05vw,16px)/1.5 'Barlow Condensed',sans-serif;max-width:29ch;color:#bac8d3}
.services .text-link{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#279bdb;letter-spacing:.055em;font-size:14px;padding:0 0 5px;border-bottom:2px solid #208bc5;gap:12px;line-height:1.2}
.services .text-link svg{width:18px;height:18px}.services .srv-head .text-link{padding-top:0;justify-self:end}
.services .srv-grid{gap:0;perspective:1600px;padding:0 5px 0 0;align-items:stretch}
.services .srv-card{border-radius:3px;border:1px solid #6a9bb34d;background:linear-gradient(160deg,#16334a88,#031521ed 68%,#102b3b88);box-shadow:0 8px 18px #020c1744;opacity:1!important;transform:skewY(7deg) skewX(-4deg)!important;transform-origin:50% 0;overflow:hidden;transition:translate .3s,border-color .3s,box-shadow .3s}
.services .srv-card:nth-child(even){transform:skewY(7deg) skewX(-4deg) translateY(4px)!important}
.services .srv-card:hover{translate:0 -7px;border-color:#78c5ed99;box-shadow:0 15px 35px #00132299}
.services .srv-card:before{left:0;right:0;background:linear-gradient(90deg,#639eb766,transparent)}
.services .srv-photo{aspect-ratio:1.4;flex-shrink:0}.services .srv-card img{filter:saturate(.8) brightness(.98);transform:scale(1.08)!important;transition:transform .35s,filter .35s;object-position:50% 50%}
.services .srv-card:hover img{transform:scale(1.13)!important;filter:saturate(.95) brightness(1.08)}
.services .srv-photo:after{height:26%;background:linear-gradient(transparent,#071c2b)}
.services .srv-body{transform:skewY(-7deg) skewX(4deg);gap:10px;padding:12px 24px 28px;margin-top:-10px;flex:1}
.services .srv-body h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(15px,1.65vw,25px);gap:13px;letter-spacing:-.02em;line-height:1.2;min-height:36px}
.services .srv-icon{width:38px;height:38px;background:none;border:0;border-radius:0;color:#d8e9f1}.services .srv-icon svg{width:35px;height:35px;stroke-width:1.45}
.services .srv-card p{font-family:'Barlow Condensed',sans-serif;font-size:clamp(13px,1.28vw,19px);font-weight:500;line-height:1.4;color:#c2ced6}
.services .srv-card .text-link{font-size:clamp(12px,1.2vw,17px);margin-top:9px;letter-spacing:.03em}
.services .srv-more{margin-top:56px;padding-top:22px}.services .srv-more button{border-radius:2px;background:#071b2b99}
body:has(.site-rail a[href="#hizmetler"].is-live) .site-rail{opacity:0;pointer-events:none}
.services .srv-bg{background-size:auto 180%;background-position:center 14%}
.services .srv-head>*,.services .srv-more{opacity:1!important;transform:none!important}
.services .srv-head{grid-template-columns:1.45fr .7fr auto}
@media(min-width:701px){.services .srv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1000px){.services .srv-head{min-height:75px}.services .srv-grid{margin-top:16px}}
@media(max-width:999px) and (min-width:701px){.services{padding-top:42px}.srv-marker{top:42px}.services .srv-head{gap:16px;margin-bottom:24px}.services .srv-head .lead{padding-left:12px}.services .srv-head .text-link{font-size:12px}.services .srv-body{padding:8px 17px 20px}.services .srv-body h3{gap:8px}.services .srv-icon{width:28px}.services .srv-icon svg{width:28px;height:28px}}
@media(max-width:700px){.services{padding:52px 6% 55px}.srv-marker{left:3%;top:52px}.srv-marker b,.srv-marker span{display:none}.services .srv-head{margin-left:0;grid-template-columns:1fr;gap:18px}.services h2{font-size:clamp(30px,7.4vw,48px);white-space:normal}.services .kicker{font-size:12px;letter-spacing:.13em}.services .srv-head .lead{font-family:'Manrope',sans-serif;font-size:14px;max-width:40ch}.services .srv-head .text-link{justify-self:start;font-size:14px}.services .srv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:0}.services .srv-card,.services .srv-card:nth-child(even){transform:none!important}.services .srv-body{transform:none;padding:12px 14px 20px;margin-top:0}.services .srv-body h3{font-size:19px;gap:8px}.services .srv-card p{font-size:16px}.services .srv-card .text-link{font-size:13px}.services .srv-photo{aspect-ratio:1.45}.services .srv-more{margin-top:30px}}
@media(max-width:440px){.services .srv-grid{grid-template-columns:1fr}.services .srv-body h3{font-size:24px}.services .srv-body{padding:12px 20px 24px}.services .srv-card p{font-size:18px}.services .srv-photo{aspect-ratio:1.65}}
@media(prefers-reduced-motion:reduce){.services .srv-card,.services .srv-card img{transition:none}.services .srv-card:hover{translate:none}}

/* Scroll arrival uses independent translation, preserving the panel skew. */
.services .srv-card{opacity:var(--arrival-opacity,1)!important;translate:0 calc(var(--arrival-y,0px) + var(--hover-y,0px));transition:border-color .3s,box-shadow .3s;will-change:translate,opacity}
.services .srv-card:hover{--hover-y:-7px;translate:0 calc(var(--arrival-y,0px) + var(--hover-y))}
.services .srv-card:focus-within{opacity:1!important;translate:0 0}
@media(prefers-reduced-motion:reduce){.services .srv-card,.services .srv-card:hover{opacity:1!important;translate:none;will-change:auto}}
.services .srv-card .srv-photo img{filter:saturate(.72) brightness(.88);transform:scale(1)!important;object-position:center 65%}
.services .srv-card:hover .srv-photo img{filter:saturate(.9) brightness(.98);transform:scale(1.035)!important}
.services .srv-card:nth-child(2) .srv-photo img{object-position:center 78%}
.services .srv-photo:after{height:42%;background:linear-gradient(transparent,rgba(7,28,43,.65) 70%,#071c2b)}