/* İşler sayfasına tek giriş: sahneler gezinme bağlantısı değildir. */
.work-gateway{position:relative;z-index:2;--gate-red:var(--shu,#b80000)}
.gateway-stage{display:block;position:relative;height:clamp(260px,27vw,350px);isolation:isolate;overflow:hidden;touch-action:pan-y;color:var(--washi);background:#11100d;text-decoration:none}
.gateway-frames{position:absolute;inset:0;overflow:hidden}
.gateway-frame{position:absolute;left:19%;top:10px;width:62%;height:calc(100% - 20px);overflow:hidden;opacity:0;transform:translateX(210%) scale(.94);transform-origin:center;clip-path:polygon(1.5% 0,100% 0,98.5% 100%,0 100%);background:#1a1815;transition:transform .85s cubic-bezier(.22,.8,.2,1),opacity .55s,filter .55s;filter:brightness(.65);pointer-events:none}
.gateway-frame:first-child{opacity:1;transform:none;filter:none}
.gateway-frame:nth-child(2){opacity:1;transform:translateX(103%) scale(.95)}
.gateway-frame:last-child{opacity:1;transform:translateX(-103%) scale(.95)}
.gateway-frame[data-position]{transform:translateX(calc(var(--position)*103%)) scale(.95);opacity:1;filter:brightness(.65)}
.gateway-frame[data-position="0"]{transform:translateX(0) scale(1);filter:brightness(1);z-index:2}
.gateway-frame[data-away]{opacity:0}
.gateway-frame img,.gateway-frame video{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.gateway-frame--gogg img,.gateway-frame--tuncay-seyahat img{object-fit:contain}
.gateway-frame--gogg,.gateway-frame--tuncay-seyahat{background:#faf8f8}
.gateway-frame--yatas{display:flex;background:#e8e1d8}
.gateway-frame--yatas img{width:50%;object-fit:contain}
.gateway-video{position:absolute;inset:0;opacity:0;transition:opacity .3s}
.gateway-video.is-playing{opacity:1}
.gateway-stage::after{content:'';position:absolute;inset:58% 0 0;z-index:3;background:linear-gradient(transparent,rgba(12,11,9,.85));pointer-events:none}
.gateway-ink{position:absolute;inset:0;width:100%;height:100%;z-index:4;fill:none;stroke:var(--gate-red);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.gateway-ink path{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .65s}
.gateway-stage:hover .gateway-ink path{stroke-dashoffset:200}
.gateway-open{position:absolute;z-index:5;bottom:26px;left:calc(19% + 24px);display:flex;align-items:center;gap:26px;font:400 clamp(21px,2.3vw,30px)/1.2 var(--font);letter-spacing:-.045em;color:#f4efe6}
.gateway-open>span{color:#f4efe6;font-size:25px;transition:transform .25s}
.gateway-stage:hover .gateway-open>span{transform:translate(4px,-3px)}
.gateway-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0 12px;border-bottom:1px solid rgba(244,239,230,.16)}
.gateway-caption{display:flex;align-items:center;gap:18px;min-width:0}
.gateway-number{font:9px/1.4 var(--font-mono);color:#9a9388;white-space:nowrap;letter-spacing:.08em}
.gateway-title{font:400 13px/1.5 var(--font);color:#c2bbaf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gateway-controls{display:flex;align-items:center;gap:22px}
.gateway-position{appearance:none;-webkit-appearance:none;width:140px;height:44px;margin:0;background:transparent;cursor:ew-resize!important;accent-color:var(--gate-red)}
.gateway-position::-webkit-slider-runnable-track{height:1px;background:#59524a}
.gateway-position::-moz-range-track{height:1px;background:#59524a}
.gateway-position::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:7px;margin-top:-3px;border:0;border-radius:0;background:var(--gate-red);transform:skew(-24deg)}
.gateway-position::-moz-range-thumb{width:22px;height:7px;border:0;border-radius:0;background:var(--gate-red);transform:skew(-24deg)}
.gateway-play{min-width:95px;min-height:44px;padding:0;border:0;background:none;color:#bdb5a9;font:10px/1.3 var(--font-mono);text-align:right}
.gateway-play:hover{color:#f4efe6}
.gateway-stage:focus-visible{outline-offset:4px}
@media(max-width:760px){
 .gateway-stage{height:250px;margin-inline:-8px}
 .gateway-frame{left:11%;width:78%;top:8px;height:calc(100% - 16px)}
 .gateway-open{left:calc(11% + 16px);bottom:25px;font-size:24px;gap:20px}
 .gateway-ink{display:none}
 .gateway-footer{flex-wrap:wrap;gap:0;padding:12px 0 6px}
 .gateway-caption{width:100%;gap:14px}
 .gateway-controls{width:100%;justify-content:space-between;gap:20px}
 .gateway-position{flex:1;width:100%;max-width:200px}
}
@media(prefers-reduced-motion:reduce){.gateway-frame,.gateway-video,.gateway-open>span,.gateway-ink path{transition:none}}