/* Biz kimiz 5B: fotoğraf alanı alternatifleri F1–F4 */
.ff .bk5-g{margin-bottom:64px}
.ff figure{margin:0;overflow:hidden;position:relative}
.ff figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ff figure:hover img{transform:scale(1.05)}
.ff .mk2{position:relative;display:block;width:14px;height:14px;flex:none}
.ff .mk2 i{position:absolute;inset:0;margin:auto;width:100%;height:78.7%}
.ff .mk2 .g{background:#878787;clip-path:polygon(0 0,64% 0,0 100%)}
.ff .mk2 .r{background:#d61116;clip-path:polygon(100% 0,100% 100%,36% 100%)}

/* F1 mozaik + rakamlar */
.fa{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:240px 240px;gap:16px}
.fa-b{grid-row:1/3;clip-path:polygon(0 0,100% 0,100% 100%,40px 100%,0 calc(100% - 40px))}
.fa-s2{clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%)}
.fa-k{grid-column:2/4;position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:#1b1c1f;color:#fff;padding:0 36px;overflow:hidden}
.fa-k::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 16px)}
.fa-k div{position:relative}
.fa-k div+div{padding-left:28px;border-left:1px solid rgba(255,255,255,.14)}
.fa-k b{display:block;font:800 clamp(40px,3.6vw,56px)/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.03em}
.fa-k span{display:block;margin-top:10px;font:500 14px/1.3 "Plus Jakarta Sans",sans-serif;color:rgba(255,255,255,.66);text-transform:uppercase;letter-spacing:.06em}
.fa-tr{position:absolute;right:0;bottom:0;width:64px;height:64px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}

/* F2 sektör sekmeli foto */
.fb-ph{position:relative;height:480px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%)}
.fb-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.fb-ph img.on{opacity:1;transform:none}
.fb-ph::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,rgba(20,21,23,.5),transparent)}
.fb-t{display:grid;grid-template-columns:repeat(6,1fr);margin-top:-1px;border-bottom:1px solid #e3e6e9}
.fb-t button{position:relative;display:flex;align-items:center;gap:10px;padding:22px 18px;border:0;background:none;cursor:pointer;font:600 16px/1 "Plus Jakarta Sans",sans-serif;color:#6b6f75;text-align:left;transition:color .3s}
.fb-t button::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.fb-t button.on{color:#1b1c1f}.fb-t button.on::after{transform:scaleX(1)}
.fb-t button .mk2{opacity:.35;transition:opacity .3s}.fb-t button.on .mk2{opacity:1}

/* F3 kırmızı kutulu galeri */
.fc{display:grid;grid-template-columns:1.2fr 1fr .9fr 1fr;gap:16px;height:460px;align-items:end}
.fc1{height:82%}.fc2{height:100%;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}.fc3{height:70%}
.fc-r{height:62%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:28px;background:#d61116;color:#fff;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.fc-z{position:absolute;top:24px;left:28px;width:46px}
.fc-r b{font:800 22px/1.15 "Plus Jakarta Sans",sans-serif}
.fc-r span{font:400 14px/1.5 "Plus Jakarta Sans",sans-serif;color:rgba(255,255,255,.85)}

/* F4 kayan foto şeridi */
.fd{overflow:hidden;margin-top:0;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fd-t{display:flex;gap:18px;width:max-content;animation:fdk 60s linear infinite}
.fd:hover .fd-t{animation-play-state:paused}
@keyframes fdk{to{transform:translateX(calc(-50% - 9px))}}
.fd figure{width:340px;height:420px;flex:none;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.fd figure:nth-child(even){height:360px;margin-top:60px}
.fd figcaption{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:10px;background:#fff;padding:13px 32px 11px 16px;font:600 14px/1.2 "Plus Jakarta Sans",sans-serif;color:#1b1c1f;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%)}

@media (max-width:991px){
 .fa{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px auto}.fa-b{grid-row:auto;grid-column:1/-1}.fa-k{grid-column:1/-1;padding:28px}
 .fb-ph{height:360px}.fb-t{grid-template-columns:repeat(3,1fr)}
 .fc{grid-template-columns:1fr 1fr;height:auto}.fc>*{height:240px!important}
 .fd figure{width:260px;height:320px}.fd figure:nth-child(even){height:280px;margin-top:40px}
}
@media (max-width:575px){
 .fa{grid-template-columns:1fr;grid-template-rows:auto}.fa>figure{height:220px}.fa-k{grid-template-columns:1fr;gap:18px;padding:28px 24px}.fa-k div+div{padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
 .fb-ph{height:260px}.fb-t{grid-template-columns:repeat(2,1fr)}.fb-t button{padding:16px 10px;font-size:14px}
 .fc>*{height:180px!important}
 .fd figure{width:220px;height:280px}.fd figure:nth-child(even){height:240px}
}
/* 5B özelleştirilmiş şerit (f0) */
.f0 figure{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1) calc(var(--i)*.15s)}
.f0.on figure{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.f0.on figure:nth-child(2){clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}
.f0 figure img{transform:scale(1.12);transition:transform 1.6s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.15s)}
.f0.on figure img{transform:none}
.f0.on figure:hover img{transform:scale(1.05);transition-delay:0s;transition-duration:.8s}
.f0 figcaption{display:flex;align-items:center;gap:10px;overflow:hidden;isolation:isolate}
.f0 figcaption::before{content:"";position:absolute;inset:0;z-index:-1;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.f0 figure:hover figcaption{color:#fff}
.f0 figure:hover figcaption::before{transform:scaleX(1)}
.f0 figure:hover figcaption .mk2 .g{background:rgba(255,255,255,.55)}.f0 figure:hover figcaption .mk2 .r{background:#fff}
.f0-tr{position:absolute;right:0;bottom:0;width:72px;height:72px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
/* f0 parallax (anasayfa Hakkımızda ile aynı: .im taşan katman, --py) */
.f0 figure .im{position:absolute;left:0;right:0;top:-9%;bottom:-9%;transform:translate3d(0,var(--py,0),0);will-change:transform}
.f0 figure .im img{width:100%;height:100%;object-fit:cover;display:block}