.hk-cik{display:inline-block;vertical-align:top;border:7px solid #fff;border-radius:22px;overflow:hidden;background:#fff;
  box-shadow:0 22px 44px -26px rgba(10,10,10,.4),0 0 0 1px rgba(10,10,10,.05);rotate:var(--egim,0deg);
  transition:rotate .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1)}
.hk-cik.k{border-width:5px;border-radius:18px}
.hk-kirp{display:block;background-repeat:no-repeat}
.hk-nesne{display:block;width:100%;height:auto;
  filter:drop-shadow(4px 0 0 #fff) drop-shadow(-4px 0 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(0 -4px 0 #fff)
    drop-shadow(0 18px 18px rgba(10,10,10,.26))}
@keyframes hk-sal{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(prefers-reduced-motion:reduce){.hk-cik{transition:none}}
.hk-zaman{position:relative;margin-top:clamp(12px,2vw,24px);--zc:94px}
.hk-zsvg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
.hk-ziz{fill:none;stroke:rgba(10,10,10,.16);stroke-width:2;stroke-dasharray:1 9;stroke-linecap:round}
.hk-zcizgi{fill:none;stroke:#4895F7;stroke-width:2.5;stroke-linecap:round}
.hk-zsatir{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,20vw,280px) minmax(0,1fr)}
.hk-zsatir+.hk-zsatir{margin-top:-64px}
.hk-zserit{grid-column:2;grid-row:1;position:relative}
.hk-znokta{position:absolute;top:calc(var(--zc) + 12px + 15px - 9px);width:18px;height:18px;border-radius:9999px;
  background:#FCFBFA;box-shadow:inset 0 0 0 3px #4895F7}
.hk-znokta i{position:absolute;inset:5px;border-radius:9999px;background:#4895F7;scale:0;transition:scale .5s cubic-bezier(.22,1,.36,1)}
.hk-znokta[data-gecti="1"] i{scale:1}
.hk-zsatir[data-yan="sol"] .hk-znokta{left:clamp(14px,2vw,28px)}
.hk-zsatir[data-yan="sag"] .hk-znokta{right:clamp(14px,2vw,28px)}
.hk-zoge{grid-row:1;display:flex;flex-direction:column;max-width:400px;padding-bottom:36px}
.hk-zsatir[data-yan="sol"] .hk-zoge{grid-column:1;justify-self:end;align-items:flex-end;text-align:right}
.hk-zsatir[data-yan="sag"] .hk-zoge{grid-column:3;justify-self:start;align-items:flex-start}
.hk-zcik{height:var(--zc);display:flex;align-items:flex-end;margin-bottom:12px;padding:0 4px}
.hk-zcik .hk-cik{transform-origin:50% 100%}
.hk-zoge:hover .hk-cik{rotate:0deg;translate:0 -4px}
.hk-ztarih{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:9999px;
  background:rgba(72,149,247,.1);color:#4895F7;font-size:13.5px;font-weight:500;white-space:nowrap}
/* başlık ile açıklama arası: eskiden ~40px, artık 8px (kullanıcı: "gereksiz büyük boşluk") */
.hk-zoge h3{margin:14px 0 0;font-size:clamp(20px,1.9vw,26px);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.hk-zoge p{margin:8px 0 0;max-width:360px;font-size:15.5px;line-height:1.55;color:rgba(10,10,10,.62);text-wrap:pretty}
.hk-zucak{transition:opacity .3s}
@media(max-width:759px){
  .hk-zaman{--zc:78px;--olcek:.9}
  .hk-zsatir{grid-template-columns:34px minmax(0,1fr)}
  .hk-zsatir+.hk-zsatir{margin-top:4px}
  .hk-zserit{grid-column:1}
  .hk-zsatir[data-yan] .hk-zoge{grid-column:2;justify-self:start;align-items:flex-start;text-align:left;padding-bottom:28px}
  .hk-zsatir[data-yan] .hk-znokta{left:8px;right:auto}
  .hk-zoge p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.hk-znokta i{transition:none}}
.lr-logo{--k:1;--r:4;display:block;flex:none;height:calc(var(--lr-boy,60px) * var(--k));width:calc(var(--lr-boy,60px) * var(--k) * var(--r));
  max-width:100%;color:var(--lr-murekkep,#0A0A0A)}
.lr-logo svg{display:block;width:100%;height:100%;overflow:visible;transition:opacity .35s ease}
.lr-logo [data-m],.lr-logo [data-k]{transition:fill .35s ease}
.lr-tek:not(:hover):not(:focus-within) .lr-logo svg{opacity:var(--lr-soluk,.8)}
.lr-tek:not(:hover):not(:focus-within) .lr-logo [data-m]{fill:currentColor}
.lr-tek:not(:hover):not(:focus-within) .lr-logo [data-k]{fill:var(--lr-kagit,#fff)}
@media(prefers-reduced-motion:reduce){.lr-logo svg,.lr-logo [data-m],.lr-logo [data-k]{transition:none}}
.hkm-izgara{--hkm-boy:58px;--lr-soluk:.84;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hkm-kutu{--lr-boy:calc(var(--hkm-boy) * var(--ek,1));display:flex;align-items:center;justify-content:center;min-width:0;
  height:clamp(104px,9vw,124px);padding:0 24px;background:#fff;border:1px solid rgba(10,10,10,.09);border-radius:20px;
  transition:translate .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}
.hkm-kutu.lr-tek:hover{translate:0 -4px;box-shadow:0 22px 44px -26px rgba(10,10,10,.4)}
/* son kutu: yazı; kutunun kendisi zeminle aynı (yalnız kenar), birden çok satır olduğu için sola hizalı. Son satırın boşluğunu doldurur */
.hkm-not{grid-column:span var(--y4,1);justify-content:flex-start;background:transparent;font-size:15px;font-weight:500;line-height:1.4;
  color:rgba(10,10,10,.5);text-wrap:balance}
@media(max-width:1023px){
  .hkm-izgara{grid-template-columns:repeat(3,minmax(0,1fr));--hkm-boy:54px}
  .hkm-not{grid-column:span var(--y3,1)}
}
@media(max-width:640px){
  .hkm-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;--hkm-boy:42px}
  .hkm-kutu{height:88px;padding:0 14px;border-radius:18px}
  .hkm-not{grid-column:span var(--y2,1);padding:0 12px 0 14px;font-size:13px}
}
/* en dar telefonda kutuya iki satır sığmıyor: zorunlu kırılma kalkar, cümle üç dengeli satıra dağılır ("henüz" yalnız kalmaz) */
@media(max-width:374px){
  .hkm-not br{display:none}
}
@media(prefers-reduced-motion:reduce){.hkm-kutu{transition:none}}
:root{--tam-gorunur:100vh;--tam-ekran:100vh;--tam-tasma:0px;--tam-bant:calc(var(--tam-ekran) - var(--tam-gorunur) + var(--tam-tasma));
  --tam-devam:clamp(64px,10vh,112px)}
@supports (height:100svh){:root{--tam-gorunur:100svh;--tam-ekran:100lvh}}
@supports (-webkit-touch-callout:none){@media(max-width:743px){:root{--tam-tasma:64px}}}
.hk{font-family:"Outfit",sans-serif;color:#0A0A0A;background:#FCFBFA;-webkit-font-smoothing:antialiased;overflow-x:clip}
.hk *{box-sizing:border-box}
.hk-sar{position:relative;max-width:1200px;margin:0 auto;padding:0 24px}
/* başlıklar: 600, büyük; bölümün en baskın yazısı (TASARIM-KURALLARI §1) */
.hk-h2{margin:0;font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.02;letter-spacing:-.03em}
.hk-satir{display:block}
.hk-mavi{color:#4895F7}
.hk-h3{margin:0;font-size:clamp(20px,1.9vw,26px);font-weight:600;line-height:1.15;letter-spacing:-.02em}
.hk-giris{margin:0;max-width:560px;font-size:17px;line-height:1.6;color:rgba(10,10,10,.6)}
/* açıklama her zaman başlığın altında, arası 14px (TASARIM-KURALLARI §1); geniş ekranda da yana kaçmaz */
.hk-bas{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:clamp(28px,3vw,40px)}
/* paylaşılan T1'deki "HY/BH" monogramı 700; bu sayfada başlıklardan (600) kalın yazı kalmasın */
.hk .pb-av i{font-weight:600}
/* satır sonunda tek kelime kalmasın ("anlatır.", "değişmez."): başlıklar dengeli, paragraflar düzgün kırılır */
.hk-h2,.hk-h3{text-wrap:balance}
.hk-giris,.hk-spot,.hk-mkart p,.hk-sacik,.hk-krol{text-wrap:pretty}
/* çapayla gelişte (tarayıcının kendi atlaması dahil) bölüm navbarın altında başlar; sayfa içi bağlantılardaki -NAVBAR payıyla aynı */
.hk-bol{position:relative;padding:clamp(64px,7vw,96px) 0;scroll-margin-top:72px}
/* telefonda bölüm aralığı sitede tek ölçü: 56px (28 Eyl, Burak onayı: mobil denetim m-aralik) */
@media(max-width:767px){.hk-bol{padding-top:56px;padding-bottom:56px}}
.hk-nokta{pointer-events:none;position:absolute;inset:0;
  background-image:radial-gradient(rgba(10,10,10,.05) 1px,transparent 1px);background-size:30px 30px;
  mask-image:radial-gradient(ellipse 70% 55% at 18% 20%,#000 25%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 70% 55% at 18% 20%,#000 25%,transparent 100%)}
/* ── hero: kariyer kalıbı; ilk ekranı doldurur, altta kaydırma işareti ── */
.hk-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
  min-height:max(600px,calc(100svh - 72px));padding:28px 0 108px}
.hk-hero .hk-sar{width:100%}
.hk-hizgara{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center}
.hk-h1{margin:0;font-size:clamp(44px,5.6vw,72px);font-weight:600;line-height:1;letter-spacing:-.03em}
.hk-h1 span{display:block}
.hk-h1 em{font-style:normal;color:#FF5E4A}
.hk-spot{margin:24px 0 0;max-width:540px;font-size:18px;line-height:1.6;color:rgba(10,10,10,.6)}
.hk-cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px}
.hk-asok{width:17px;height:17px;margin-left:10px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.pb:hover .hk-asok{transform:translateY(2px)}
.hk-meta{margin:44px 0 0;padding:22px 0 0;border-top:1px solid rgba(10,10,10,.09);max-width:540px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hk-meta div{display:flex;flex-direction:column-reverse;gap:6px}
.hk-meta dd{margin:0;font-size:clamp(24px,2.2vw,30px);font-weight:500;line-height:1;letter-spacing:-.03em}
.hk-meta dt{font-size:13.5px;font-weight:500;line-height:1.3;color:rgba(10,10,10,.55)}
.hk-meta-tel{display:none}
.hk-ill{position:relative;justify-self:end;width:min(100%,calc((100svh - 220px) * .8));aspect-ratio:4/5;
  border-radius:22px;overflow:hidden;background:#2F94EF;box-shadow:0 34px 84px -46px rgba(10,10,10,.5)}
.hk-ill img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}
/* görsel ve balon aynı kutuda; geniş ekranda kartın kendisi, telefonda kartı kaplayan 9:16 kutu (aşağıda) */
.hk-sahne{position:absolute;inset:0}
.hk-balon{position:absolute;right:23%;top:9%;background:#fff;color:#0A0A0A;border:2px solid #0A0A0A;
  border-radius:16px;padding:10px 17px;font-size:clamp(14px,1.3vw,17px);font-weight:600;letter-spacing:-.01em;
  white-space:nowrap;transform-origin:calc(100% - 26px) 100%}
.hk-balon::after{content:"";position:absolute;right:26px;bottom:-9px;width:14px;height:14px;background:#fff;
  border-right:2px solid #0A0A0A;border-bottom:2px solid #0A0A0A;transform:rotate(45deg)}
.hk-asagi{position:absolute;left:50%;bottom:clamp(20px,3.4svh,36px);translate:-50% 0;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;
  color:rgba(10,10,10,.55);font-size:13.5px;font-weight:500;transition:opacity .4s,color .2s}
.hk-asagi[data-gizli="1"]{opacity:0;pointer-events:none}
.hk-asagi i{display:grid;place-items:center;width:42px;height:42px;border-radius:9999px;color:#0A0A0A;
  box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.18);transition:background .2s,color .2s,box-shadow .2s}
.hk-asagi svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
  animation:hk-in 1.9s cubic-bezier(.22,1,.36,1) infinite}
.hk-asagi:hover{color:#0A0A0A}
.hk-asagi:hover i{background:#0A0A0A;color:#fff;box-shadow:none}
@keyframes hk-in{0%{transform:translateY(-5px);opacity:0}30%,65%{opacity:1}100%{transform:translateY(6px);opacity:0}}
/* ── manifesto: beş kart, her birinin üst kenarına yapışmış bir çıkartma; turuncu yok ── */
.hk-man{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 20px;padding-top:40px}
.hk-mkart{position:relative;grid-column:span 4;display:flex;flex-direction:column;align-items:flex-start;
  background:#fff;border:1px solid rgba(10,10,10,.09);border-radius:22px;padding:0 28px 30px}
.hk-mkart[data-gen="7"]{grid-column:span 7}
.hk-mkart[data-gen="5"]{grid-column:span 5}
/* çıkartma yuvası sabit yükseklikte, çıkartma tabana oturur: uzun çıkartma (uçurtma) yukarı taşar,
   etiket ve başlıklar aynı sıradaki kartlarda aynı hizada kalır */
.hk-mcik{display:flex;align-items:flex-end;height:calc(64px * var(--olcek, 1));margin:0 0 22px -6px}
.hk-mkart:hover .hk-cik{rotate:0deg;translate:0 -4px}
.hk-metiket{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:rgba(10,10,10,.55)}
.hk-metiket b{font-weight:500;color:#4895F7}
.hk-mkart h3{margin-top:10px}
.hk-mkart p{margin:12px 0 0;max-width:470px;font-size:15.5px;line-height:1.55;color:rgba(10,10,10,.62)}
/* ── sayılar: gökyüzü kutusu; nesneler kesik çıkartma, rakamlar beyaz kartta (mavide küçük beyaz yazı okunmaz) ── */
.hk-gok{position:relative;isolation:isolate;border-radius:22px;overflow:hidden;background:#2F94EF;
  padding:clamp(40px,4.4vw,60px) clamp(18px,3vw,44px) clamp(36px,3.6vw,52px)}
.hk-vadi{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;z-index:-1;
  pointer-events:none;display:block}
.hk-sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:stretch}
.hk-sayi{display:flex;flex-direction:column;align-items:center;min-width:0;--nw:clamp(84px,9vw,128px)}
/* nesne yuvası en uzun nesne kadar (1.07 × genişlik), nesne tabana oturur: kartların üstü ve rakamlar aynı hizada */
.hk-sn{position:relative;z-index:1;display:flex;align-items:flex-end;width:calc(var(--nw) * var(--nb,1));height:calc(var(--nw) * 1.07);
  margin-bottom:-22px;animation:hk-sal 7s ease-in-out infinite}
.hk-sayi:nth-child(2) .hk-sn{animation-delay:-1.8s}
.hk-sayi:nth-child(3) .hk-sn{animation-delay:-3.6s}
.hk-sayi:nth-child(4) .hk-sn{animation-delay:-5.4s}
.hk-skart{flex:1;width:100%;background:#fff;border-radius:20px;padding:38px clamp(14px,1.6vw,22px) 22px;text-align:center;
  box-shadow:0 22px 44px -26px rgba(10,10,10,.45);rotate:var(--egim);
  transition:rotate .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1)}
.hk-sayi:hover .hk-skart{rotate:0deg;translate:0 -4px}
.hk-setiket{display:block;font-size:13.5px;font-weight:500;color:#4895F7}
.hk-snum{display:block;margin-top:10px;font-size:clamp(32px,3.2vw,44px);font-weight:500;line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums}
.hk-sacik{display:block;margin-top:10px;font-size:15px;line-height:1.45;color:rgba(10,10,10,.6)}
/* ── kurucular: fotoğraflar eğik çıkartma, olduğu gibi (Burak 24 Eyl: "görsellere efekt basma, normal halleri nasılsa öyle") ── */
.hk-kgrid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,5vw,80px);align-items:center}
.hk-kmetin .hk-giris{margin-top:14px}
.hk-kurucular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);align-items:start}
.hk-kurucu:nth-child(2){margin-top:56px}
.hk-kfoto{position:relative;display:block;aspect-ratio:4/5;border:7px solid #fff;border-radius:22px;overflow:hidden;background:#fff;
  box-shadow:0 22px 44px -26px rgba(10,10,10,.4),0 0 0 1px rgba(10,10,10,.05);rotate:var(--egim);
  transition:rotate .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1)}
.hk-kfoto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.hk-kurucu:hover .hk-kfoto{rotate:0deg;translate:0 -4px}
.hk-kurucu h3{margin-top:24px}
.hk-krol{margin:6px 0 0;font-size:15px;line-height:1.45;color:rgba(10,10,10,.6)}
.hk-klink{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:500;color:#4895F7;
  text-decoration:none}
/* dokunma alanı 44px (görünüm aynı; 28 Eyl mobil denetim: 18px'ti) */
.hk-klink{position:relative}
.hk-klink::before{content:"";position:absolute;inset:-13px -8px}
.hk-klink svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .25s cubic-bezier(.22,1,.36,1)}
.hk-klink:hover svg{transform:translate(2px,-2px)}
@media(max-width:1100px){
  .hk-man{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hk-mkart[data-gen]{grid-column:span 1}
  .hk-mkart:first-child{grid-column:1 / -1}
}
@media(max-width:1023px){
  /* tablet: hero iki kolon kalır (tek kolonda 4:5 kart ekranı kaplıyordu), kart kolonu doldurur */
  .hk-hero{min-height:0;padding:40px 0 72px}
  .hk-hizgara{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px}
  .hk-ill{justify-self:stretch;width:100%}
  .hk-spot{font-size:16px}
  .hk-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;margin-top:36px}
  .hk-asagi{display:none}
  .hk-balon{right:23%;top:9%}
  .hk-kgrid{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:36px}
  .hk-kurucu h3{font-size:20px}
}
/* telefonda ve dik tablette (Burak 25 Eyl: "dikey mobil hero'ların hepsi tam ekran") hero navbar dahil tam ekran, tek sütun:
   başlık, metin, butonlar ve görsel; görsel kalan yüksekliğe sığar. Kuruluş bilgileri hero'nun arkasına geçer, hesaba girmez.
   Yatay tablette (760-1023px, yatay) iki sütun kalır.
   Görsel metin sütununun tam eninde, boyu kalan alandan; oranla küçülmez, kırpılır ("genişliği fullde duracak, yükseklik olarak
   sadece ekrana göre değişecek"). Görsel ekranın dibine iner ve taşar (src/yeni/tamEkran.ts tasan; /panel gibi, Burak iPhone'da:
   "aşağıda yine bir şeyler kalıyor"): iOS 26'da yüzen çubuğun arkasında da görsel, alt köşeleri açılışta görünmez, kaydırınca
   görselin devamı gelir; metin ve butonlar görünür alanda */
@media(max-width:759px),(max-width:1023px) and (orientation:portrait){
  .hk-hero{height:calc(max(max(calc(var(--tam-gorunur) - 72px), 520px), calc(var(--tam-gorunur) - 72px + var(--tam-bant))) + var(--tam-devam) + 28px);min-height:520px;justify-content:flex-start;padding:28px 0;--gizli:calc(72px + max(max(calc(var(--tam-gorunur) - 72px), 520px), calc(var(--tam-gorunur) - 72px + var(--tam-bant))) + var(--tam-devam) - var(--tam-gorunur))}
  .hk-hero .hk-sar{flex:1;min-height:0;display:flex;flex-direction:column}
  /* metin sütunu da tam en: ızgaranın ortalaması (align-items:center) geniş telefonda sütunu 540px'e daraltıp ortaya alıyordu */
  .hk-hizgara{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:24px}
  .hk-ill{justify-self:auto;align-self:stretch;flex:1 1 0;min-height:120px;width:auto;max-width:none;aspect-ratio:auto}
  /* container sorgusu olmayan tarayıcıda (sahne kartın kendisi) kırpım karakterin başını gösterecek kadar yukarıda */
  .hk-ill img{object-position:50% 80%}
  .hk-meta-masa{display:none}
  .hk-meta-tel{display:block;padding:8px 0 0}
  .hk-meta-tel .hk-meta{margin-top:0}
  .hk-balon{right:23%;top:9%}
}
/* telefonda tam ekran yok (28 Eyl, Burak: "görselin genişliğini bozma ama dikeyde kısaltabilirsin; tam ekran kuralını biraz
   bırakabiliriz"): görsel tam genişlikte, boyu enin ~%86'sı; balon ve iki kurucu sığar (sahneKirp, --gizli 0). Kuruluş bilgileri
   hero'nun altında (hk-meta-tel), sonraki bölüm ilk ekranın dibinde görünebilir */
@media(max-width:759px){
  .hk-hero{height:auto;min-height:0;--gizli:0px}
  .hk-hero .hk-sar,.hk-hizgara{flex:none}
  .hk-ill{flex:none;height:clamp(260px,calc((100vw - 40px) * .86),420px)}
}
@media(max-width:759px){
  .hk-kgrid{grid-template-columns:1fr;gap:40px}
  .hk-sgrid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .hk-man{grid-template-columns:1fr;row-gap:64px}
  .hk-mkart:first-child{grid-column:auto}
  .hk-mkart{--olcek:.86}
}
@media(max-width:640px){
  .hk-sar{padding:0 20px}
  .hk-balon{right:23%;top:9%}
  .hk-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
  .hk-mkart{padding:0 22px 26px}
  .hk-sayi{--nw:80px}
  .hk-sn{margin-bottom:-18px}
  .hk-skart{padding:30px 10px 18px}
  .hk-sacik{font-size:14px}
  .hk-kurucu:nth-child(2){margin-top:36px}
  .hk-kfoto{border-width:5px;border-radius:18px}
  .hk-kurucu h3{margin-top:16px;font-size:19px}
  .hk-krol{font-size:14px}
}
/* telefonda ve dik tablette sahne kartı kaplayan 9:16 kutu (görselin kendi oranı; object-fit:cover'ın hesabı, src/yeni/tamEkran.ts
   sahneKirp): görsel olabildiğince yukarı kayar, balonun üstü (%9) kesilmez; balon ve iki kurucu (%62'ye kadar) açılışta
   görünür alanda kalır, gerekirse görsel biraz büyür. Balon sahnenin içinde görsele göre yerleşir (her ekranda sağ %23, üst %9;
   28 Eyl görseli 7:9, eskisi 9:16 idi: eski değerler 0.433 / 0.66, oran 0.5625, balon sağ %12 üst %47,3), karakterle birlikte kayar. Container sorgusu olmayan tarayıcıda sahne kartın kendisi (eski yerleşim) */
@supports (width:1cqw){@media(max-width:759px),(max-width:1023px) and (orientation:portrait){
  .hk-ill{container-type:size}
  .hk-sahne{--ust:0.09;--k1:2.6316;--k2:1.8868;--ox:0.5}
  .hk-sahne{--hs:max(max(128.568cqw,100cqh),min(calc(var(--gizli,0px) * var(--k1)),calc((100cqh - var(--gizli,0px)) * var(--k2))));inset:auto;height:var(--hs);width:calc(var(--hs) * 0.7778);left:calc((100cqw - var(--hs) * 0.7778) * var(--ox,.5));
    top:max(calc(100cqh - var(--hs)),calc(var(--hs) * var(--ust) * -1))}
  .hk-balon{right:23%;top:9%}
}}
/* ── manifesto telefonda akordeon (28 Eyl, Burak onayı: mobil-kisaltma lab; "kalsın öyle"): canlı kartın dili (beyaz kutu, 1px kenar,
   22px köşe; 7px kenarlı eğik çıkartma kutunun sol üst köşesinden taşar), cümle görünür, açıklama dokununca açılır (ilki açık).
   Telefonda (≤640) açıklamanın ilk cümlesi. Masaüstü ve tablette kart ızgarası (hk-man) aynı; akordeon yalnız ≤759'da ── */
.hk-mak{display:none}
.hk-mak-kisa{display:none}
@media(max-width:759px){
  .hk-man{display:none}
  .hk-mak{display:flex;flex-direction:column;gap:34px;padding-top:22px}
  .hk-md{position:relative;background:#fff;border:1px solid rgba(10,10,10,.09);border-radius:22px;transition:box-shadow .3s,border-color .3s}
  .hk-md[open]{border-color:rgba(72,149,247,.55);box-shadow:0 22px 44px -34px rgba(47,148,239,.55)}
  .hk-md summary{list-style:none;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px;column-gap:12px;align-items:center;
    min-height:84px;padding:16px 16px 16px 112px;cursor:pointer;border-radius:22px;-webkit-tap-highlight-color:transparent}
  .hk-md summary::-webkit-details-marker{display:none}
  .hk-md summary:focus-visible{outline:2px solid #4895F7;outline-offset:2px}
  .hk-md-cik{position:absolute;left:14px;top:-22px;pointer-events:none}
  .hk-md[open] .hk-cik{rotate:0deg;translate:0 -3px}
  .hk-md-ozet{display:block;min-width:0}
  .hk-md .hk-md-h3{display:block;margin-top:5px;font-size:19px}
  .hk-md-art{position:relative;width:32px;height:32px;border-radius:9999px;background:rgba(72,149,247,.1);color:#4895F7;
    transition:background-color .3s,color .3s}
  .hk-md-art::before,.hk-md-art::after{content:"";position:absolute;left:9px;top:15px;width:14px;height:2px;border-radius:2px;background:currentColor;
    transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .hk-md-art::after{transform:rotate(90deg)}
  .hk-md[open] .hk-md-art{background:#4895F7;color:#fff}
  .hk-md[open] .hk-md-art::after{transform:rotate(0)}
  .hk-md p{margin:0;padding:0 18px 18px 112px;font-size:15.5px;line-height:1.55;color:rgba(10,10,10,.62);text-wrap:pretty}
}
@media(max-width:640px){
  .hk-mak-uzun{display:none}
  .hk-mak-kisa{display:inline}
  .hk-md p{padding:0 18px 18px 18px;font-size:15px}
}
@media(hover:hover) and (max-width:759px){.hk-md:hover .hk-cik{rotate:0deg;translate:0 -3px}}
@media(prefers-reduced-motion:reduce){
  .hk-md,.hk-md-art,.hk-md-art::before,.hk-md-art::after{transition:none}
  .hk-asagi svg,.hk-sn{animation:none}
  .hk-skart,.hk-kfoto,.hk-asok,.hk-klink svg{transition:none}
}
.ydn{font-family:"Outfit",sans-serif;color:#0A0A0A}
.ydn *{box-sizing:border-box}
.ydn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* süzgeç: /projeler ve /blog süzgecinin aynısı (prj-suz, prj-hap) */
.ydn-suz{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto clamp(20px,2.4vw,32px);padding:0;list-style:none}
.ydn-hap{appearance:none;border:0;margin:0;display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 20px 0 17px;border-radius:9999px;
  background:#fff;box-shadow:inset 0 0 0 1px rgba(10,10,10,.14);color:#0A0A0A;font:inherit;font-size:15.5px;font-weight:500;letter-spacing:-.005em;
  white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .25s,background-color .25s}
.ydn-hap.tumu{padding:0 20px}
.ydn-hap svg{flex:none;width:18px;height:18px;color:rgba(10,10,10,.5);transition:color .25s}
.ydn-hap b{font-weight:500;color:rgba(10,10,10,.42);font-variant-numeric:tabular-nums;transition:color .25s}
@media(hover:hover){
  .ydn-hap:not([aria-pressed="true"]):hover{box-shadow:inset 0 0 0 1px #0A0A0A}
  .ydn-hap:not([aria-pressed="true"]):hover svg{color:#0A0A0A}
}
.ydn-hap[aria-pressed="true"]{box-shadow:inset 0 0 0 2px #4895F7;background:#F3F8FF;cursor:default}
.ydn-hap[aria-pressed="true"] svg,.ydn-hap[aria-pressed="true"] b{color:#4895F7}
.ydn-hap:focus-visible{outline:2px solid #4895F7;outline-offset:3px}
@media(min-width:641px) and (max-width:1023px){.ydn-suz{max-width:640px}}
/* sahne: ufuk sahnenin altından --taban yukarıda */
.ydn-kap{width:100%}
.ydn-sahne{position:relative;margin:0 auto}
.ydn-yaylar{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.ydn-yaylar g{transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .5s ease}
/* çekirdek: yarım daire kubbe (beyaz kenar, açık mavi), içinde nesne(ler) ufukta durur */
.ydn-orta{position:absolute;left:50%;bottom:var(--taban);z-index:2;width:var(--c);height:calc(var(--c) / 2);translate:-50% 0;pointer-events:none}
.ydn-kubbe{position:absolute;left:-6px;right:-6px;bottom:0;height:calc(100% + 6px);border-radius:9999px 9999px 0 0;background:#fff;
  box-shadow:0 0 0 1px rgba(10,10,10,.07);clip-path:inset(-2px -2px 0 -2px)}
.ydn-kubbe::after{content:"";position:absolute;left:6px;right:6px;top:6px;bottom:0;border-radius:9999px 9999px 0 0;background:#EAF2FD}
.ydn-icerik{position:absolute;inset:0}
.ydn-n{position:absolute;bottom:var(--alt,6%);display:block;height:auto;rotate:var(--e,0deg);
  filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 4px 6px rgba(10,10,10,.16))}
.ydn-orta[data-gel] .ydn-icerik{animation:ydn-gel .65s cubic-bezier(.34,1.56,.64,1) both}
.ydn-orta[data-git] .ydn-icerik{animation:ydn-git .3s cubic-bezier(.55,0,1,.45) both}
@keyframes ydn-gel{from{opacity:0;scale:.5}}
@keyframes ydn-git{to{opacity:0;scale:.6}}
/* çıkartma: kendi transform'uyla yayda akar; animasyonsuzken yuvasında sabit */
.ydn-yer{position:absolute;left:50%;top:calc(100% - var(--taban));z-index:3;--ar-boy:var(--s);
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--R) * -1)) rotate(calc(var(--a) * -1));
  animation-duration:calc(var(--sure) * 1s);animation-timing-function:linear;animation-iteration-count:infinite;
  animation-delay:calc(var(--sure) * var(--faz) * -1s)}
.ydn-yer[data-tur="a"]{animation-name:ydn-akis-a}
.ydn-yer[data-tur="b"]{animation-name:ydn-akis-b}
.ydn-yer[data-ters]{animation-direction:reverse}
@keyframes ydn-akis-a{0.00%{transform:translate(-50%,-50%) rotate(-90.00deg) translateY(calc(var(--R) * -1)) rotate(90.00deg) scale(0.55);opacity:0}7.00%{transform:translate(-50%,-50%) rotate(-77.40deg) translateY(calc(var(--R) * -1)) rotate(77.40deg) scale(1);opacity:1}93.00%{transform:translate(-50%,-50%) rotate(77.40deg) translateY(calc(var(--R) * -1)) rotate(-77.40deg) scale(1);opacity:1}100.00%{transform:translate(-50%,-50%) rotate(90.00deg) translateY(calc(var(--R) * -1)) rotate(-90.00deg) scale(0.55);opacity:0}}
@keyframes ydn-akis-b{0.00%{transform:translate(-50%,-50%) rotate(-90.00deg) translateY(calc(var(--R) * -1)) rotate(90.00deg) scale(0.55);opacity:0}7.00%{transform:translate(-50%,-50%) rotate(-77.40deg) translateY(calc(var(--R) * -1)) rotate(77.40deg) scale(1);opacity:1}93.00%{transform:translate(-50%,-50%) rotate(77.40deg) translateY(calc(var(--R) * -1)) rotate(-77.40deg) scale(1);opacity:1}100.00%{transform:translate(-50%,-50%) rotate(90.00deg) translateY(calc(var(--R) * -1)) rotate(-90.00deg) scale(0.55);opacity:0}}
.ydn-yer[data-yak]{z-index:10}
.ydn-yer[data-cikan]{pointer-events:none}
.ydn-uc{display:block}
.ydn-suzul{display:block;animation:ydn-suzul var(--ss) ease-in-out infinite;animation-delay:var(--sg)}
@keyframes ydn-suzul{0%,100%{translate:0 0}50%{translate:0 -4px}}
.ydn[data-dur] .ydn-yer,.ydn[data-dur] .ydn-suzul{animation-play-state:paused}
/* kesik işaret ve düğme */
.ydn-kesik{--i:calc(var(--ar-boy,44px) * var(--k,1));display:block;width:calc(var(--i) * 1.34);height:calc(var(--i) * 1.34);overflow:visible}
.ydn-kesik .ydn-m{color:#0A0A0A;transition:opacity .35s ease}
.ydn-kesik .ydn-r{opacity:0;transition:opacity .35s ease}
[data-yak] .ydn-kesik .ydn-m,.ydn-renkli .ydn-kesik .ydn-m{opacity:0}
[data-yak] .ydn-kesik .ydn-r,.ydn-renkli .ydn-kesik .ydn-r{opacity:1}
.ydn-mono{font-family:"Outfit",sans-serif;font-weight:600}
.ydn-yz{fill:#0A0A0A;transition:fill .35s ease}
[data-yak] .ydn-yz{fill:#4895F7}
.ydn-cik{position:relative;appearance:none;border:0;background:none;padding:0;margin:0;cursor:pointer;display:grid;justify-items:center;
  color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}
.ydn-cik-s{display:block;rotate:var(--egim,0deg);transition:rotate .45s cubic-bezier(.22,1,.36,1),scale .45s cubic-bezier(.22,1,.36,1)}
.ydn-cik[data-yak] .ydn-cik-s{rotate:0deg;scale:1.16}
.ydn-cik:focus-visible{outline:2px solid #4895F7;outline-offset:3px;border-radius:14px}
.ydn-cik[data-oneri]::after{content:"";position:absolute;right:9%;top:7%;width:9px;height:9px;border-radius:50%;background:#4895F7;box-shadow:0 0 0 2px #fff}
.ydn-cik-ad{position:absolute;left:50%;top:calc(100% + 4px);z-index:2;translate:calc(-50% + var(--kay,0px)) 0;pointer-events:none;white-space:nowrap;
  padding:5px 10px 6px;border-radius:9999px;background:#fff;color:#0A0A0A;font:600 13px/1.1 "Outfit",sans-serif;
  box-shadow:0 0 0 1px rgba(10,10,10,.1),0 12px 22px -14px rgba(10,10,10,.55);animation:ydn-hap-ac .3s cubic-bezier(.22,1,.36,1) both}
@keyframes ydn-hap-ac{from{opacity:0;margin-top:4px}}
.ydn-cik-ad small{margin-left:5px;font-size:11.5px;font-weight:500;color:rgba(10,10,10,.5)}
.ydn-alt{margin:clamp(6px,1vw,12px) 0 0;text-align:center;font-size:13.5px;color:rgba(10,10,10,.5)}
.ydn-alt i{display:inline-block;width:9px;height:9px;margin:0 6px 0 14px;border-radius:50%;background:#4895F7;vertical-align:0}
/* kısa ad yalnız telefonda */
.ydn-kisa{display:none}
@media(max-width:640px){
  /* telefonda tek sıra (28 Eyl, Burak: "o butonlara o kadar yer ayıramazsın mobilde; ikon koy, ya da 'Sosyal', 'Film' yaz"): ikon + kısa
     ad (Sosyal, Film, Web, Kimlik), sayılar yok; haplar sırayı eşit paylaşır, 44px yüksek. Tam ad ve sayı düğmenin adında (aria-label) */
  .ydn-suz{flex-wrap:nowrap;gap:6px}
  .ydn-suz>li{flex:1 1 auto;min-width:0;display:flex}
  .ydn-hap,.ydn-hap.tumu{flex:1;justify-content:center;height:44px;padding:0 6px;gap:5px;font-size:14px}
  .ydn-hap svg{width:16px;height:16px}
  .ydn-hap b,.ydn-uzun{display:none}
  .ydn-kisa{display:inline}
  .ydn-suzul{animation:none}
  .ydn-kubbe{left:-4px;right:-4px;height:calc(100% + 4px)}
  .ydn-kubbe::after{left:4px;right:4px;top:4px}
  .ydn-n{filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 3px 4px rgba(10,10,10,.16))}
}
/* dar telefonda (≤380) ikon düşer, kısa adlar sığar */
@media(max-width:380px){
  .ydn-suz{gap:5px}
  .ydn-hap svg{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ydn-yer,.ydn-suzul,.ydn-orta .ydn-icerik,.ydn-cik-ad{animation:none !important}
  .ydn-yer{opacity:1}
  .ydn-yaylar g,.ydn-hap,.ydn-hap svg,.ydn-cik-s,.ydn-kesik .ydn-m,.ydn-kesik .ydn-r{transition:none}
}
.pb{appearance:none;border:none;display:inline-flex;align-items:center;gap:0;height:50px;padding:0 24px;
  border-radius:9999px;font-family:"Outfit",sans-serif;font-size:15px;font-weight:600;letter-spacing:-.005em;
  text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;
  transition:transform .18s cubic-bezier(.22,1,.36,1),background-size .45s cubic-bezier(.22,1,.36,1),color .2s,box-shadow .2s}
.pb:active{transform:scale(.97)}
.pb-ok{width:0;height:17px;margin-left:0;opacity:0;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:width .3s,margin .3s,opacity .2s}
.pb-d3,.pb-t1,.pb-canli{background-color:#0A0A0A;color:#fff;background-image:linear-gradient(#FF5E4A,#FF5E4A);
  background-repeat:no-repeat;background-size:0% 100%}
.pb-d3:hover,.pb-t1:hover,.pb-canli:hover{background-size:100% 100%;color:#fff}
.pb-d3:hover .pb-ok,.pb-t1:hover .pb-ok,.pb-canli:hover .pb-ok{width:17px;margin-left:10px;opacity:1}
.pb-ikincil{background:transparent;color:#0A0A0A;box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.18);padding:0 22px}
.pb-ikincil:hover{box-shadow:inset 0 0 0 1.5px #0A0A0A}
.pb[data-zemin="koyu"].pb-d3,.pb[data-zemin="koyu"].pb-t1,.pb[data-zemin="gok"].pb-d3,.pb[data-zemin="gok"].pb-t1{background-color:#fff;color:#0A0A0A}
.pb[data-zemin="koyu"].pb-d3:hover,.pb[data-zemin="koyu"].pb-t1:hover,.pb[data-zemin="gok"].pb-d3:hover,.pb[data-zemin="gok"].pb-t1:hover{color:#fff}
.pb[data-zemin="koyu"].pb-ikincil,.pb[data-zemin="gok"].pb-ikincil{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.pb[data-zemin="koyu"].pb-ikincil:hover,.pb[data-zemin="gok"].pb-ikincil:hover{box-shadow:inset 0 0 0 1.5px #fff}
/* T1: avatarlar + durum noktası */
/* boyut ölçeği tek kural (kullanıcı: "küçültebilirsin ama padding'i bu kadar değişince garip duruyor"):
   T1'de avatar grubunun sol boşluğu üst-alt boşluğuna eşit, yan boşluklar yükseklikle orantılı.
   M 50px: avatar 30, kenar (50-30)/2 = 10 · S 44px: avatar 26, kenar 9 · L 58px: avatar 34, kenar 12 */
.pb-t1{padding:0 24px 0 10px}
.pb-av{position:relative;display:inline-flex;flex:none;margin-right:12px}
.pb-av i{font-style:normal;width:30px;height:30px;border-radius:9999px;display:grid;place-items:center;
  font-size:10px;font-weight:600;color:#fff;box-shadow:0 0 0 2px var(--pb-halka,#0A0A0A)}
.pb-av i+i{margin-left:-6px}
.pb-av b{position:absolute;right:-2px;bottom:-1px;width:10px;height:10px;border-radius:9999px;background:#9CA3AF;
  box-shadow:0 0 0 2px var(--pb-halka,#0A0A0A)}
.pb-av b.on{background:#22C55E}
.pb-av b.on::after{content:"";position:absolute;inset:0;border-radius:9999px;background:#22C55E;animation:pb-nabiz 2s ease-out infinite}
@keyframes pb-nabiz{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.4);opacity:0}}
/* canlı: avatarsız, yalnız nabız atan yeşil nokta */
.pb-canli{padding:0 22px 0 18px}
.pb-nokta{position:relative;width:8px;height:8px;margin-right:10px;border-radius:9999px;background:#22C55E;flex:none}
.pb-nokta::after{content:"";position:absolute;inset:0;border-radius:9999px;background:#22C55E;animation:pb-nabiz 2s ease-out infinite}
.pb.kucuk.pb-canli{padding-left:16px;padding-right:20px}
.pb-t1:hover{--pb-halka:#fff}
.pb[data-zemin="koyu"].pb-t1,.pb[data-zemin="gok"].pb-t1{--pb-halka:#fff}
.pb.buyuk{height:58px;font-size:16px;padding-left:28px;padding-right:28px}
.pb.buyuk.pb-ikincil{padding-left:26px;padding-right:26px}
.pb.buyuk.pb-t1{padding-left:12px}
.pb.buyuk .pb-av i{width:34px;height:34px;font-size:11px}
.pb.buyuk .pb-av{margin-right:14px}
.pb.kucuk{height:44px;font-size:14.5px;padding-left:21px;padding-right:21px}
.pb.kucuk.pb-ikincil{padding-left:19px;padding-right:19px}
.pb.kucuk.pb-t1{padding-left:9px}
.pb.kucuk .pb-av i{width:26px;height:26px;font-size:9.5px}
.pb.kucuk .pb-av{margin-right:11px}
/* çizgi bağlantı: zemin yok, alt çizgi yazının üçte biri kadar başlar, üstüne gelince tamamlanır */
.pb-cizgi{position:relative;height:auto;min-height:40px;padding:0 2px;gap:8px;border-radius:0;background:none;color:#0A0A0A}
.pb-cizgi::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1.5px;background:currentColor;
  transform-origin:left;transform:scaleX(.32);transition:transform .5s cubic-bezier(.7,0,.2,1)}
.pb-cizgi:hover::after{transform:scaleX(1)}
.pb-capraz{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .4s cubic-bezier(.22,1,.36,1)}
.pb-cizgi:hover .pb-capraz{transform:translate(3px,-3px)}
.pb-cizgi[data-renk="mercan"]{color:#FF5E4A}
.pb[data-zemin="koyu"].pb-cizgi,.pb[data-zemin="gok"].pb-cizgi{color:#fff}
@media(prefers-reduced-motion:reduce){.pb,.pb-ok,.pb-av b.on::after,.pb-nokta::after{transition:none;animation:none}}
.kps{position:relative;overflow:hidden;isolation:isolate;background:#2F94EF;color:#fff;font-family:"Outfit",sans-serif;
  height:clamp(620px,calc(100vw / 1.85),820px);text-align:center;-webkit-font-smoothing:antialiased;--cam-r:clamp(230px,22vw,330px)}
.kps *{box-sizing:border-box}
.kps-sahne{position:absolute;inset:0;z-index:-1;pointer-events:none}
.kps-sahne img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 78%}
/* buz: görselin bulanık kopyaları, aynı kutu ve kadraj (yukarıdaki img kuralı), alt kenara doğru maskeyle */
.kps-buz{position:absolute;inset:0}
.kps .kps-buz{display:none}
.kps[data-cam] .kps-buz{display:block}
.kps .kps-buz.b1{-webkit-mask-image:linear-gradient(to top,#000 0,#000 calc(var(--cam-r) * 0.600),rgba(0,0,0,.84) calc(var(--cam-r) * 0.700),rgba(0,0,0,.5) calc(var(--cam-r) * 0.800),rgba(0,0,0,.16) calc(var(--cam-r) * 0.900),transparent calc(var(--cam-r) * 1.000));mask-image:linear-gradient(to top,#000 0,#000 calc(var(--cam-r) * 0.600),rgba(0,0,0,.84) calc(var(--cam-r) * 0.700),rgba(0,0,0,.5) calc(var(--cam-r) * 0.800),rgba(0,0,0,.16) calc(var(--cam-r) * 0.900),transparent calc(var(--cam-r) * 1.000))}
.kps .kps-buz.b2{-webkit-mask-image:linear-gradient(to top,#000 0,#000 calc(var(--cam-r) * 0.300),rgba(0,0,0,.84) calc(var(--cam-r) * 0.405),rgba(0,0,0,.5) calc(var(--cam-r) * 0.510),rgba(0,0,0,.16) calc(var(--cam-r) * 0.615),transparent calc(var(--cam-r) * 0.720));mask-image:linear-gradient(to top,#000 0,#000 calc(var(--cam-r) * 0.300),rgba(0,0,0,.84) calc(var(--cam-r) * 0.405),rgba(0,0,0,.5) calc(var(--cam-r) * 0.510),rgba(0,0,0,.16) calc(var(--cam-r) * 0.615),transparent calc(var(--cam-r) * 0.720))}
.kps .kps-buz.b3{-webkit-mask-image:linear-gradient(to top,#000 0,#000 calc(var(--cam-r) * 0.080),rgba(0,0,0,.84) calc(var(--cam-r) * 0.165),rgba(0,0,0,.5) calc(var(--cam-r) * 0.250),rgba(0,0,0,.16) calc(var(--cam-r) * 0.335),transparent calc(var(--cam-r) * 0.420));mask-image:linear-gradient(to top,#000 0,#000 calc(var(--cam-r) * 0.080),rgba(0,0,0,.84) calc(var(--cam-r) * 0.165),rgba(0,0,0,.5) calc(var(--cam-r) * 0.250),rgba(0,0,0,.16) calc(var(--cam-r) * 0.335),transparent calc(var(--cam-r) * 0.420))}
.kps-ic{position:relative;max-width:1200px;margin:0 auto;padding:clamp(88px,10.4vw,150px) 24px 0}
/* telefonda bölüm aralığı sitede tek ölçü: 56px (28 Eyl, Burak onayı: mobil denetim m-aralik) */
@media(max-width:767px){.kps-ic{padding-top:56px}}
.kps h2{margin:0 auto;max-width:820px;font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.kps h2 .mercan,.kps h2 .mavi,.kps h2 em{font-style:normal;color:inherit}
.kps-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px}
@media(max-width:767px){
  .kps{height:auto;--cam-r:clamp(80px,23vw,100px)}
  .kps-ic{padding:56px 20px 0}
  /* 28 Eyl (mobil denetim m-kapanis): sahne 390:420'den 390:300'e (odak alt kenar: çimen ve bulutlar kırpılmaz, göğün üstü kısalır);
     metnin altına 40px biner (eskisi 128): butonlar bulutun değil düz göğün üstünde kalır */
  .kps-sahne{position:relative;inset:auto;aspect-ratio:390/300;margin-top:-40px}
  /* kısa kutuda iki yandaki bulutlar üst kenara değiyor: sahnenin üstü göğe yumuşak geçer (yalnız asıl görsel; buz kopyaları altta) */
  .kps-sahne>img{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 64px);mask-image:linear-gradient(to bottom,transparent,#000 64px)}
  .kps-sahne img{object-position:50% 100%}
  .kps-cta{margin-top:28px}
}