.cable-showcase{border-bottom:1px solid var(--line)}
.cable-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.cable-project{display:block;min-width:0}.cable-project:nth-child(even){margin-top:64px}
.cable-project-image{position:relative;aspect-ratio:4/3;background:#e9e9e4;border:1px solid #ffffff20;border-radius:8px;overflow:hidden}
.cable-project-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transform-origin:center bottom;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.cable-project:hover img{transform:scale(1.035)}.cable-project:focus-visible{outline:2px solid var(--lime);outline-offset:8px}
.cable-project-caption{display:flex;justify-content:space-between;gap:16px;padding-top:20px}.cable-project-caption small{display:block;color:var(--muted);font-size:11px;letter-spacing:1.5px;margin-bottom:8px}.cable-project-caption strong{font-size:clamp(17px,1.7vw,24px);font-weight:500}.cable-project-caption>span:last-child{font-size:28px;color:var(--lime)}
#yaklasim:has(.cable-scene){grid-template-columns:1.15fr 1fr;align-items:center;gap:60px}
.cable-scene{position:relative;margin:28px 0 0;padding:30px 26px 20px;background:radial-gradient(ellipse at 50% 40%,#39432b,#161a13 72%);border:1px solid #434c32;border-radius:12px;perspective:1100px;isolation:isolate;overflow:hidden}
.cable-scene-grid{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(#b5cf69 1px,transparent 1px),linear-gradient(90deg,#b5cf69 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000,transparent)}
.cable-scene-label{display:block;font-size:10px;letter-spacing:2px;color:var(--lime);margin-bottom:30px}
.cable-rotate{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 30px 55px #0007;transform:rotateX(5deg) rotateY(-10deg) rotateZ(-3deg);transform-origin:center;backface-visibility:hidden}
.cable-scene figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:38px}
.cable-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cable-options article{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}.cable-options article>img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#fff}.cable-options article>div{padding:28px}.cable-options h3{font-size:23px;line-height:1.25;margin:16px 0}.cable-options p{font-size:15px;color:var(--muted);line-height:1.8}.cable-custom-cta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px;background:radial-gradient(ellipse at top right,#d4ef4218,transparent 70%);border:1px solid #59623b;border-radius:8px}.cable-custom-cta>.lime{font-size:48px}.cable-custom-cta h3{font-size:30px}.cable-custom-cta .button{margin-top:24px;font-size:14px}
.cable-lightbox{width:min(1200px,94vw);max-width:94vw;max-height:92dvh;padding:16px;background:#151712;color:var(--ink);border:1px solid #59623b;border-radius:10px}.cable-lightbox::backdrop{background:#050704ed;backdrop-filter:blur(10px)}.cable-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:14px}.cable-lightbox button{background:transparent;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;color:var(--ink);font-size:30px;cursor:pointer;flex-shrink:0}.cable-lightbox>img{display:block;width:100%;height:auto;max-height:calc(92dvh - 100px);object-fit:contain}.cable-lightbox button:focus-visible{outline:2px solid var(--lime)}
html[data-motion="off"] .cable-rotate{transform:none!important}html[data-motion="off"] .cable-project img{transition:none}
@media(max-width:1000px){.cable-options{grid-template-columns:repeat(2,minmax(0,1fr))}#yaklasim:has(.cable-scene){gap:32px}}
@media(max-width:760px){#yaklasim:has(.cable-scene){grid-template-columns:1fr}.cable-scene{max-width:540px;margin-inline:auto}.cable-gallery{gap:28px 18px}.cable-project:nth-child(even){margin-top:30px}.cable-project-caption strong{font-size:16px}.cable-options article>div{padding:22px}}
@media(max-width:520px){.cable-gallery,.cable-options{grid-template-columns:1fr}.cable-project:nth-child(even){margin-top:0}.cable-project-image{aspect-ratio:4/3}.cable-project-caption strong{font-size:20px}.cable-options h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cable-rotate{transform:none!important}.cable-project img{transition:none;transform:none!important}}