/* Native scrolling, real site captures, no sliced image layers. */
#islerimiz.work-section{padding:100px 0 76px;background:#f7f7fa;overflow:hidden}
.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.work-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#72637f;margin-bottom:18px}
.work-kicker i{display:block;width:23px;height:1px;background:#a290b3}
.work-heading h2{font-size:clamp(36px,4.1vw,58px);font-weight:650;line-height:1.08;letter-spacing:-2.5px;margin:0}
.work-heading h2 span{color:#93859f}
.work-intro{max-width:285px;font-size:15px;line-height:1.65;color:#79717e;padding-bottom:3px;margin:0}
.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.work-filters{display:flex;flex-wrap:wrap;gap:6px}
.work-filters button{border:1px solid transparent;border-radius:30px;background:transparent;padding:10px 17px;color:#756d7d;font-size:12px;font-weight:500;min-height:42px;cursor:pointer;transition:background .2s,color .2s}
.work-filters button[aria-pressed=true]{background:#21192d;color:#fff}
.work-filters button:hover:not([aria-pressed=true]){background:#ebe6f0;color:#4e3c64}
.work-count-label{font-size:11px;letter-spacing:.01em;color:#82798a;white-space:nowrap}
.work-track{--work-gutter:max(28px,calc((100% - 1144px)/2));position:relative;display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--work-gutter);padding:32px var(--work-gutter) 40px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.work-track::-webkit-scrollbar{display:none}
.work-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.work-track.is-dragging *{cursor:grabbing!important}
.work-card{--project-color:#72618c;--project-bg:#e4deed;position:relative;flex:0 0 min(552px,calc(100vw - 84px));min-width:0;background:#fff;border:1px solid #e9e5ed;border-radius:28px;scroll-snap-align:start;box-shadow:0 5px 18px #21162f05;transform-origin:center bottom;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;isolation:isolate}
.work-card[hidden]{display:none!important}
.work-card.is-selected{transform:translateY(-11px) scale(1.012);border-color:#b39aca;box-shadow:0 16px 30px #31203e16;z-index:2}
.work-select{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;border-radius:inherit;padding:0;background:transparent;cursor:pointer;color:inherit;touch-action:pan-x pan-y pinch-zoom}
.work-select:focus-visible{outline:3px solid #9d79c6;outline-offset:4px}
.work-media{position:relative;aspect-ratio:1.38;overflow:hidden;border-radius:27px 27px 0 0;padding:30px 26px 0;background:radial-gradient(ellipse at 70% 0%,#ffffff75,transparent 75%),var(--project-bg);pointer-events:none}
.work-media::after{content:'';position:absolute;left:0;right:0;bottom:0;height:32px;background:linear-gradient(transparent,var(--project-bg));pointer-events:none}
.work-browser{width:100%;overflow:hidden;border:1px solid #ffffff45;border-radius:12px 12px 0 0;box-shadow:0 20px 40px #17131e22;transform:translateY(8px);transition:transform .4s cubic-bezier(.2,.8,.2,1);background:#101318}
.work-card.is-selected .work-browser{transform:translateY(0)}
.work-chrome{height:30px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;padding:0 12px;background:#161823;color:#bec1cf;gap:5px}
.work-dots{display:flex;gap:5px}.work-dots i{width:6px;height:6px;display:block;border-radius:50%;background:#ff5f57}.work-dots i:nth-child(2){background:#febc2e}.work-dots i:nth-child(3){background:#28c840}
.work-domain{font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.015em}
.work-lock{justify-self:end;width:9px;height:9px;fill:none;stroke:#8992a5;stroke-width:1.5}
.work-browser img{display:block;width:100%;height:auto;aspect-ratio:1280/860;object-fit:cover;object-position:top;user-select:none;-webkit-user-drag:none}
.work-content{padding:26px 28px 24px;position:relative}
.work-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}
.work-category{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--project-color)}
.work-number{font-size:10px;font-variant-numeric:tabular-nums;color:#a09aa7}
.work-content h3{font-size:27px;font-weight:620;letter-spacing:-.9px;line-height:1.15;margin:0 0 10px}
.work-content p{font-size:14px;line-height:1.6;color:#77717f;margin:0;min-height:45px;max-width:440px}
.work-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #efebf2;margin-top:22px;padding-top:17px}
.work-tags{display:flex;gap:6px;flex-wrap:wrap}.work-tags span{font-size:10px;line-height:1.4;color:#807387;background:#f5f2f8;border-radius:20px;padding:5px 9px}
.work-link{position:relative;z-index:3;font-size:12px;font-weight:550;color:#34233f;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:40px;padding:0 2px}
.work-link span{display:grid;place-items:center;width:25px;height:25px;background:#f2edf7;border-radius:50%;font-size:15px;transition:background .2s,transform .2s}
.work-link:hover{color:#7842b4}.work-link:hover span{background:#e7d8f5;transform:translate(1px,-1px)}
.work-presentation-note{font-size:11px;color:#8f839d}
.work-footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
.work-position{display:flex;align-items:center;gap:12px;font-size:12px;font-variant-numeric:tabular-nums;color:#776982}.work-position b{font-size:14px;font-weight:600;color:#34223f}.work-position i{width:42px;height:1px;background:#d8cfdf}
.work-guidance{font-size:11px;color:#8b8193;margin:0}
.work-arrows{display:flex;gap:9px}.work-arrow{width:44px;height:44px;border:1px solid #e0d9e7;border-radius:50%;background:#ece6f2;color:#53376b;font-size:20px;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.work-arrow:hover{background:#e0d3ec}.work-arrow:disabled{background:transparent;color:#bdb4c4;cursor:default}
.work-invitation{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:27px;border-top:1px solid #e4deea;font-size:14px;color:#83788c}
.work-invitation a{color:#7041a5;font-weight:550;white-space:nowrap}
.work-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-moss{--project-bg:#d6e1d7;--project-color:#4b6c51}.work-klima{--project-bg:#d7e5f1;--project-color:#476e91}.work-eliva{--project-bg:#dddfea;--project-color:#5c5f86}.work-cekici{--project-bg:#efe0ca;--project-color:#8d6b35}.work-alanya{--project-bg:#d5e8e5;--project-color:#447e73}.work-manavgat{--project-bg:#e1e7db;--project-color:#6c7b4c}.work-kibris{--project-bg:#e1def0;--project-color:#74618d}.work-beyonder{--project-bg:#171020;--project-color:#8a5eb4}
.work-beyonder .work-media{display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:radial-gradient(ellipse at 75% 45%,#6d36a455,transparent 65%),#171020;color:#fff}
.work-beyonder .work-media::after{display:none}
.beyonder-label{font-size:9px;letter-spacing:.14em;color:#c6b1dc;z-index:1}
.beyonder-wordmark{font-size:clamp(40px,5vw,67px);font-weight:550;letter-spacing:-3px;z-index:1;line-height:1.1}.beyonder-wordmark span{color:#ae7add}
.beyonder-orbit{position:absolute;width:58%;aspect-ratio:1;right:5%;top:14%;border-radius:50%;border:1px solid #c39bfa60;box-shadow:inset 20px 4px 28px #c89af72c,inset -12px 1px 30px #000a,0 0 60px #9051bd25;transform:rotate(-25deg) scaleY(.76)}
.beyonder-orbit::before,.beyonder-orbit::after{content:'';position:absolute;inset:16px;border:1px solid #d9b5ff40;border-radius:50%;box-shadow:inset 8px 2px 16px #d9b5ff20}.beyonder-orbit::after{inset:34px}
@media(hover:hover){.work-card:hover:not(.is-selected){transform:translateY(-5px);box-shadow:0 12px 28px #21162f0d}.work-card:hover .work-browser{transform:translateY(0)}}
@media(max-width:700px){
  #islerimiz.work-section{padding:68px 0 52px}
  .work-heading{display:block;margin-bottom:25px}.work-heading h2{font-size:37px;letter-spacing:-1.7px}.work-kicker{font-size:10px;margin-bottom:14px}
  .work-intro{margin-top:18px;font-size:14px;max-width:330px}.work-count-label{display:none}
  .work-filters{gap:4px}.work-filters button{font-size:11px;padding:9px 13px}
  .work-track{--work-gutter:22px;gap:16px;padding-top:26px;padding-bottom:30px}
  .work-card{flex-basis:calc(100vw - 60px);border-radius:23px}
  .work-media{padding:23px 17px 0;aspect-ratio:1.29;border-radius:22px 22px 0 0}.work-browser{border-radius:9px 9px 0 0;transform:translateY(3px)}
  .work-chrome{height:26px;padding-inline:9px;grid-template-columns:32px 1fr 16px}.work-dots{gap:3px}.work-dots i{width:5px;height:5px}.work-domain{font-size:8px}
  .work-content{padding:21px 21px 18px}.work-content h3{font-size:24px;letter-spacing:-.7px}.work-content p{font-size:13px;min-height:62px}.work-category{font-size:9px}
  .work-card-bottom{margin-top:17px;padding-top:12px;gap:7px}.work-tags{gap:4px}.work-tags span{font-size:9px;padding:5px 7px}.work-link{font-size:11px;gap:5px}.work-link span{width:22px;height:22px}
  .work-footer{gap:10px}.work-guidance{font-size:10px;max-width:115px;line-height:1.5;text-align:center}.work-position{gap:8px}.work-position i{width:18px}.work-arrows{gap:6px}.work-arrow{width:42px;height:42px}
  .work-invitation{margin-top:32px;padding-top:22px;align-items:flex-start;flex-direction:column;gap:10px;font-size:13px}
  .work-beyonder .work-media{padding:24px}.beyonder-wordmark{font-size:43px;letter-spacing:-2px}
}
@media(prefers-reduced-motion:reduce){.work-card,.work-browser,.work-link span{transition:none}}