:root{--metin:#1D1D1F;--ikincil:#6E6E73;--zemin:#FFFFFF;--gri:#F5F5F7;--cizgi:#D2D2D7;--koyu:#0B0B0C;--vurgu:#0071E3;--yan:clamp(20px,3vw,40px);color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--zemin);color:var(--metin);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:1.47;letter-spacing:-0.01em;-webkit-font-smoothing:antialiased}
a{color:var(--vurgu);text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--vurgu);outline-offset:3px;border-radius:6px}
img{max-width:100%;display:block}
h1,h2,p{margin:0}
.kap{max-width:1240px;margin:0 auto}
.bolum-etiket{display:block;font-size:17px;font-weight:600;color:var(--ikincil)}

/* Menü */
.menu{position:relative;z-index:3;padding:env(safe-area-inset-top,0px) var(--yan) 0}
.menu-ic{min-height:64px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px}
.marka{font-weight:600;font-size:19px;letter-spacing:-0.02em}
.menu-linkler{display:flex;flex-wrap:wrap;gap:4px 24px;font-size:14px}
.menu-linkler a{padding:10px 0}
.menu.koyu .marka{color:#fff}.menu.koyu .menu-linkler a{color:rgba(255,255,255,.85)}
.menu.koyu .menu-linkler a:hover{color:#fff}
.menu.acik{border-bottom:1px solid #E8E8ED;background:#FBFBFD}
.menu.acik .marka,.menu.acik .menu-linkler a{color:var(--metin)}

/* Butonlar */
.pill{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--vurgu);color:#fff;font-size:17px;font-weight:500;transition:transform .35s cubic-bezier(.25,.1,.25,1),filter .35s ease}
.pill:hover{filter:brightness(1.08);transform:scale(1.04)}
.pill.cam{padding:0 26px 0 10px;min-height:56px;background:rgba(255,255,255,.16);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.pill.beyaz{background:#fff;color:var(--koyu);font-weight:600;min-height:56px;padding:0 30px}
.pill-ikon{width:40px;height:40px;border-radius:999px;background:#fff;color:var(--koyu);display:flex;align-items:center;justify-content:center}

/* Giriş */
.hero{position:relative;height:clamp(600px,58vw,920px);background:var(--koyu);color:#fff;overflow:hidden;display:flex;flex-direction:column}
.hero-arka{position:absolute;inset:0}
.hero-arka img{width:100%;height:100%;object-fit:cover;animation:yavasZum 24s ease-in-out infinite alternate}
.hero-karart{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.25) 55%,rgba(0,0,0,.45))}
.hero-alt{position:relative;z-index:2;margin-top:auto;padding:0 var(--yan) clamp(28px,4vw,56px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px}
.hero-yazi{display:flex;flex-direction:column;gap:10px;min-width:0}
.hero-yazi span{font-size:clamp(15px,1.4vw,19px);font-weight:600;color:rgba(255,255,255,.75)}
.hero h1{font-size:clamp(56px,11vw,168px);font-weight:700;line-height:.92;letter-spacing:-0.05em}
@keyframes yavasZum{from{transform:scale(1.02)}to{transform:scale(1.1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
.in{opacity:0;animation:fadeUp 1.1s cubic-bezier(.16,1,.3,1) forwards}
.d1{animation-delay:.15s}.d2{animation-delay:.3s}.d3{animation-delay:.5s}

.giris{padding:clamp(72px,9vw,140px) var(--yan)}
.giris-ic{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px 64px}
.giris .buyuk{flex:1 1 560px;min-width:0;font-size:clamp(32px,4.4vw,64px);font-weight:600;line-height:1.08;letter-spacing:-0.035em}
.giris .kucuk{flex:0 1 360px;color:var(--ikincil)}

/* Çalışmalar */
.calismalar{padding:0 clamp(8px,1vw,14px) clamp(72px,8vw,120px)}
.calismalar-ust{padding:0 clamp(12px,2vw,26px) 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.calismalar h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-0.03em}
.filtreler{display:flex;flex-wrap:wrap;gap:6px}
.filtre{min-height:40px;padding:0 16px;border-radius:999px;border:none;background:var(--gri);color:var(--metin);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .25s ease,color .25s ease}
.filtre:hover{background:#E8E8ED}
.filtre.secili{background:var(--metin);color:#fff}
.vitrin{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.kart{position:relative;display:block;overflow:hidden;color:#fff;border-radius:20px;grid-column:span 2;min-width:0;aspect-ratio:4/5;background:#222}
.kart.tam{grid-column:span 6;aspect-ratio:21/9;border-radius:24px}
.kart.ikili{grid-column:span 3;aspect-ratio:16/10}
.kart.uclu{grid-column:span 2;aspect-ratio:4/5}
.kart[hidden]{display:none}
.gorsel{position:absolute;inset:0;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.gorsel img{width:100%;height:100%;object-fit:cover}
.kart:hover .gorsel{transform:scale(1.035)}
.karart{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 60%),linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,0) 30%)}
.kart-ust{position:absolute;top:clamp(14px,1.6vw,24px);left:clamp(16px,1.8vw,28px);font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
.kart-alt{position:absolute;left:clamp(16px,1.8vw,28px);right:clamp(16px,1.8vw,28px);bottom:clamp(16px,1.8vw,26px);display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.kart-yazi{display:flex;flex-direction:column;gap:6px;min-width:0}
.kart-ad{font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.02;letter-spacing:-0.035em}
.kart.tam .kart-ad{font-size:clamp(32px,5vw,72px)}
.kart.ikili .kart-ad{font-size:clamp(26px,3vw,44px)}
.kart-rol{font-size:14px;color:rgba(255,255,255,.8);font-weight:500}
.ok{flex-shrink:0;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s ease,background .35s ease}
.kart:hover .ok{transform:translateX(4px);background:rgba(255,255,255,.3)}

/* Hakkımda */
.hakkimda,.teslim{background:var(--gri);padding:clamp(80px,9vw,140px) var(--yan)}
.iki-sutun{display:flex;flex-wrap:wrap;gap:56px 80px}
.iki-sutun.ortala{align-items:center}
.iki-sutun .sol{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:20px}
.iki-sutun .sag{flex:1 1 380px;min-width:0}
.vurgu{font-size:clamp(26px,2.8vw,38px);font-weight:600;line-height:1.2;letter-spacing:-0.025em}
.ikincil{color:#424245;max-width:36em}
.buyuk-metin{font-size:19px}
.roller{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.roller li{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#fff;font-size:14px;font-weight:500}
.ekipman{margin:8px 0 0}
.ekipman div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding:18px 0;border-bottom:1px solid var(--cizgi)}
.ekipman dt{font-weight:600}.ekipman dd{margin:0;color:#424245}

/* Süreç */
.surec{padding:clamp(80px,9vw,140px) var(--yan)}
.surec h2,.teslim h2{font-size:clamp(32px,4vw,56px);font-weight:700;letter-spacing:-0.035em;line-height:1.05;margin-top:12px}
.adimlar{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}
.adimlar li{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:2px solid var(--metin)}
.adimlar span{font-size:14px;font-weight:600;color:#86868B}
.adimlar strong{font-size:22px;font-weight:600;letter-spacing:-0.02em}
.adimlar p{color:var(--ikincil);font-size:15px}

/* Teslim */
.ozellikler{list-style:none;margin:6px 0 0;padding:0}
.ozellikler li{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--cizgi);color:var(--ikincil)}
.ozellikler li:last-child{border-bottom:1px solid var(--cizgi)}
.ozellikler strong{color:var(--metin);font-weight:600}
.ozellikler svg{flex-shrink:0;width:22px;height:22px;margin-top:2px;fill:none;stroke:var(--vurgu);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ornek{background:#fff;border-radius:28px;padding:clamp(20px,2.4vw,32px);box-shadow:0 30px 80px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:16px}
.ornek-ust{display:flex;justify-content:space-between;font-size:13px;color:var(--ikincil)}.ornek-ust b{color:var(--metin)}
.ornek-baslik{display:flex;flex-direction:column;gap:4px}.ornek-baslik small{font-size:13px;color:var(--ikincil);font-weight:600}.ornek-baslik strong{font-size:28px;letter-spacing:-0.03em;line-height:1.1}
.ornek-surum{display:inline-flex;align-self:flex-start;gap:4px;padding:3px;border-radius:999px;background:var(--gri);font-size:12px;font-weight:600}
.ornek-surum span{padding:4px 10px;color:var(--ikincil)}.ornek-surum .aktif{background:#fff;color:var(--metin);border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.ornek-video{position:relative;aspect-ratio:16/9;border-radius:16px;background:#1D1D1F}
.ornek-video .cubuk{position:absolute;left:12px;right:12px;bottom:12px;height:4px;border-radius:4px;background:rgba(255,255,255,.3)}
.ornek-video .cubuk i{display:block;width:42%;height:100%;border-radius:4px;background:#fff}
.ornek-video em{position:absolute;bottom:20px;width:9px;height:9px;border-radius:999px;background:#FFD60A}
.ornek-not{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.cip{flex-shrink:0;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--vurgu);color:#fff;font-size:12px;font-weight:600}
.ornek-dosya{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--gri)}
.ornek-dosya span:first-child{display:flex;flex-direction:column;font-size:14px}.ornek-dosya small{font-size:12px;color:var(--ikincil)}
.ornek-dosya .cip{min-height:32px;padding:0 14px;font-size:13px}

/* İletişim */
.iletisim{background:var(--koyu);color:#fff;padding:clamp(96px,11vw,180px) var(--yan) calc(40px + env(safe-area-inset-bottom,0px))}
.iletisim .kap{display:flex;flex-direction:column;gap:36px}
.iletisim h2{font-size:clamp(48px,8vw,128px);font-weight:700;line-height:.95;letter-spacing:-0.05em}
.iletisim p{font-size:19px;color:rgba(255,255,255,.7);max-width:32em}
.iletisim-alt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.sosyal{display:flex;flex-wrap:wrap;gap:8px 28px}.sosyal a{color:#fff;padding:8px 0}
.iletisim footer{margin-top:clamp(48px,7vw,96px);padding-top:22px;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:12px;color:rgba(255,255,255,.6)}

/* Proje detayı (katman ve ayrı sayfa) */
.katman{position:fixed;inset:0;z-index:50;background:#fff;overflow-y:auto;overscroll-behavior:contain;animation:katmanAc .55s cubic-bezier(.16,1,.3,1)}
.katman[hidden]{display:none}
@keyframes katmanAc{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
body.kilitli{overflow:hidden}
.katman-ust{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #E8E8ED;padding-top:env(safe-area-inset-top,0px)}
.katman-ust-ic{max-width:1100px;margin:0 auto;padding:0 var(--yan);min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.katman-ust-ic span{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kapat{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:none;border-radius:999px;background:var(--gri);color:var(--metin);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.kapat:hover{background:#E8E8ED}
.detay-ic{max-width:1100px;margin:0 auto;padding:clamp(32px,5vw,64px) var(--yan) 96px;display:flex;flex-direction:column;gap:32px}
.detay-baslik{display:flex;flex-direction:column;gap:10px}
.ust-yazi{font-size:17px;font-weight:600;color:var(--ikincil)}
.detay-baslik h1{font-size:clamp(40px,6vw,80px);font-weight:700;letter-spacing:-0.04em;line-height:1}
.videolar{display:grid;gap:20px}
.videolar.izgara{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.videolar.dikey-izgara{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.video{margin:0;display:flex;flex-direction:column;gap:10px}
.video-cerceve{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:16/9}
.videolar.tek .video-cerceve{border-radius:28px}
.video.dikey .video-cerceve{aspect-ratio:9/16}
.video.linkedin .video-cerceve{aspect-ratio:auto;height:clamp(420px,60vw,680px);background:#fff;border:1px solid #E8E8ED}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video figcaption{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--ikincil)}
.bos-kapak{aspect-ratio:16/9;border-radius:28px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:15px}
.meta{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:22px 0;border-top:1px solid #E8E8ED;border-bottom:1px solid #E8E8ED}
.meta div{display:flex;flex-direction:column;gap:2px}.meta dt{font-size:13px;color:var(--ikincil)}.meta dd{margin:0;font-weight:600}
.detay-govde{display:flex;flex-wrap:wrap;gap:40px 64px}
.detay-govde .metin{flex:2 1 480px;min-width:0;display:flex;flex-direction:column;gap:18px}
.detay-govde .metin p{font-size:19px;line-height:1.55}
.detay-govde .odak{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:14px}
.etiket-baslik{font-size:13px;color:var(--ikincil);font-weight:600}
.odak ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.odak li{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--gri);font-size:14px}
.sonraki{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:28px 32px;border-radius:24px;background:var(--koyu);color:#fff;transition:transform .35s ease}
.sonraki:hover{transform:scale(1.01)}
.sonraki span{display:flex;flex-direction:column;gap:4px;min-width:0}
.sonraki small{font-size:14px;color:rgba(255,255,255,.6)}
.sonraki strong{font-size:clamp(24px,3vw,36px);letter-spacing:-0.03em}
.geri-don{padding:0 var(--yan) 64px;max-width:1100px}
.bulunamadi{min-height:60vh;display:flex;align-items:center;padding:96px var(--yan)}
.bulunamadi .kap{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.bulunamadi h1{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.04em}
.bulunamadi p{color:var(--ikincil);font-size:19px}

@media (max-width:900px){.kart.tam,.kart.ikili,.kart.uclu{grid-column:span 6;aspect-ratio:16/10}}
@media (max-width:600px){.kart.tam,.kart.ikili,.kart.uclu{aspect-ratio:4/5}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.in{opacity:1}}