/* Boldblack teması: proje sayfalarındaki marka kılavuzu bölümleri (kv-*).
   Astro'nun derlenmiş tema.css'ine dokunmadan, aynı renk ve ölçü diliyle yazıldı. */

/* Bölüm başlığı: etiket çizgisi + ortalı büyük başlık */
.kvh{margin-top:76px}
.kvh__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin:90px auto 64px}
.kvh__head h2{margin:0;font-size:110px;line-height:90px;letter-spacing:-3px;color:var(--ink)}
.kvh__head p{max-width:960px;margin:32px 0 0;font-size:24px;line-height:32px;letter-spacing:-1px;font-weight:500;color:var(--grey)}

/* Değerler: numaralı sütunlar */
.kvd{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:40px}
.kvd__col{padding-top:25px;border-top:1px solid var(--line)}
.kvd__col .kvd__no{margin:0;font-size:14px;line-height:24px;font-weight:600;color:var(--orange)}
.kvd__col h3{margin:14px 0 0;font-size:30px;line-height:35px;letter-spacing:-1px;font-weight:700;color:var(--ink-2)}
.kvd__col p{margin:20px 0 0;font-size:18px;line-height:24px;font-weight:500;color:var(--grey)}

/* Kelimeler: hap etiketler */
.kvk{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1092px;margin:56px auto 40px;padding:0}
.kvk li{padding:10px 20px;border-radius:999px;background:var(--surface);font-size:20px;line-height:26px;color:var(--ink-2);list-style:none}
.kvk li:nth-child(5n+1){background:var(--orange-soft);color:var(--orange)}

/* Logolar: renkli zeminli kutular */
.kvl{display:grid;grid-template-columns:repeat(var(--n,2),1fr);gap:10px;padding-inline:20px}
.kvl:has(figcaption){row-gap:24px}
.kvl__item{margin:0}
.kvl__box{display:grid;place-items:center;aspect-ratio:4/3;border-radius:14px;overflow:hidden}
.kvl__box img{width:var(--b,40%);height:auto;max-height:70%;object-fit:contain}
.kvl__item figcaption{display:flex;justify-content:space-between;gap:12px;padding:16px 4px 0;font-size:18px;line-height:24px;color:var(--ink-2)}
.kvl__item figcaption span{color:var(--grey)}

/* Renkler: uzun kartlar, tıklayınca HEX kopyalanır */
.kvr{display:flex;gap:10px;padding-inline:20px}
.kvr__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:440px;padding:26px 24px;border:0;border-radius:14px;
  font:inherit;text-align:left;cursor:pointer;transition:flex-grow .6s var(--ease)}
.kvr__item:hover{flex-grow:1.35}
.kvr__item.is-acik{box-shadow:inset 0 0 0 1px #0909091a}
.kvr__ad{font-size:30px;line-height:35px;letter-spacing:-1px;font-weight:700}
.kvr__rol{display:block;margin-top:6px;font-size:16px;line-height:22px;font-weight:500;opacity:.7}
.kvr__kod{display:flex;flex-direction:column;gap:2px;font-size:16px;line-height:22px;font-weight:500}
.kvr__kod em{font-style:normal;opacity:.7}
.kvr__item[data-kopyalandi] .kvr__hex::after{content:" — " attr(data-kopyalandi)}

/* Yazı tipleri: satır satır örnekler */
.kvy{max-width:1360px;margin:0 auto;padding-inline:var(--gutter)}
.kvy__row{display:grid;grid-template-columns:320px 1fr;gap:40px;padding:36px 0 44px;border-top:1px solid var(--line)}
.kvy__row:last-child{border-bottom:1px solid var(--line)}
.kvy__ad{margin:0;font-size:30px;line-height:35px;letter-spacing:-1px;font-weight:700;color:var(--ink-2)}
.kvy__rol{margin:12px 0 0;font-size:18px;line-height:24px;font-weight:500;color:var(--grey)}
.kvy__not{margin:12px 0 0;font-size:14px;line-height:20px;color:var(--grey)}
.kvy__aa{display:block;font-weight:400;font-size:150px;line-height:1;color:var(--ink);overflow-wrap:anywhere}
.kvy__ornek{margin:18px 0 0;font-weight:400;font-size:34px;line-height:1.2;color:var(--ink-2)}

/* Çağrı: koyu kart */
.kvc{margin:60px 20px 0;padding:80px 40px;border-radius:14px;background:var(--black);color:var(--white);text-align:center;overflow:hidden}
.kvc__etiket{display:inline-flex;align-items:center;gap:13px;font-size:18px;line-height:26px;color:#f9f9f9b3}
.kvc__etiket span{width:12px;height:12px;border-radius:2px;background:var(--orange)}
.kvc h2{max-width:1000px;margin:28px auto 0;font-size:90px;line-height:80px;letter-spacing:-3px}
.kvc p{max-width:640px;margin:28px auto 0;font-size:20px;line-height:28px;color:#f9f9f999}
.kvc .btn{margin-top:44px}

@media(max-width:1199px){
  .kvh__head h2{font-size:80px;line-height:72px}
  .kvd{grid-template-columns:1fr 1fr}
  .kvl{grid-template-columns:repeat(min(var(--n,2),2),1fr)}
  .kvy__row{grid-template-columns:1fr;gap:16px}
}
@media(max-width:809px){
  .kvh{margin-top:40px}
  .kvh__head{align-items:flex-start;text-align:left;margin:30px 0}
  .kvh__head h2{font-size:42px;line-height:44px;letter-spacing:-1.5px}
  .kvh__head p{margin-top:20px;font-size:18px;line-height:24px;letter-spacing:-.4px}
  .kvd{grid-template-columns:1fr;gap:30px}
  .kvk{justify-content:flex-start;padding-inline:var(--gutter)}
  .kvk li{font-size:16px;padding:8px 16px}
  .kvl{grid-template-columns:repeat(min(var(--n,2),2),1fr);padding-inline:16px}
  .kvl[style*="--n:2"],.kvl:not([style]){grid-template-columns:1fr}
  .kvr{display:grid;grid-template-columns:1fr 1fr;padding-inline:16px}
  .kvr__item{height:220px;padding:18px 16px}
  .kvr__item:hover{flex-grow:1}
  .kvr__ad{font-size:22px;line-height:26px}
  .kvy__aa{font-size:96px}
  .kvy__ornek{font-size:24px}
  .kvc{margin:40px 16px 0;padding:56px 20px}
  .kvc h2{font-size:44px;line-height:44px;letter-spacing:-1.5px}
  .kvc p{font-size:17px;line-height:24px}
}
@media(prefers-reduced-motion:reduce){.kvr__item{transition:none}.kvr__item:hover{flex-grow:1}}

/* Ana sayfa hero'su telefonda: sabit 520 px boşluk yerine görünen ekran yüksekliğine göre (svh: tarayıcı çubukları hariç).
   "boldblack" yazısı ve logo şeridi ilk ekranda kalır, altından tanıtım videosu başlar. */
@media(max-width:809px){
  .hero__inner[data-astro-cid-v4qhm7jo]{padding-top:clamp(96px,calc(100svh - 470px),360px)}
  .hero__tag[data-astro-cid-v4qhm7jo]{font-size:20px;line-height:25px;letter-spacing:-.6px}
  .hero__num[data-astro-cid-v4qhm7jo]{margin:36px 0 24px}
  .hero[data-astro-cid-v4qhm7jo] .tk{padding-bottom:40px}
}

/* Hero'lar ekranın tamamı (100vh; svh: telefonda tarayıcı çubukları hariç). Anasayfada içerik alta yaslanır. */
.hero[data-astro-cid-v4qhm7jo]{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.hero__inner[data-astro-cid-v4qhm7jo]{flex:1;padding-top:0;align-content:end}
.ph[data-astro-cid-t2ujqpcr],.dh[data-astro-cid-o24cvyij]{height:100vh;height:100svh;min-height:520px}
@media(min-width:810px){
  .hero__mark[data-astro-cid-v4qhm7jo]{width:min(81.5%,calc((100svh - 470px) * 4))}
  .hero__num[data-astro-cid-v4qhm7jo]{margin:clamp(24px,5svh,82px) 0 clamp(20px,4svh,70px)}
  .hero[data-astro-cid-v4qhm7jo] .tk{padding-bottom:clamp(30px,6svh,150px)}
}

/* ===== 22 Eki 2026: Pentagram'dan türetilen sunum düzeni ===== */

/* Hareketli kapak: masaüstünde yatay, telefonda dik video (gizli olan video hiç yüklenmez) */
@media(max-width:809px){.ikili--masa{display:none!important}}
@media(min-width:810px){.ikili--tel{display:none!important}}
/* Kapak hareketli olunca karartma hafifler, alt kısım yazı için koyu kalır */
.ph__bg[data-astro-cid-t2ujqpcr]:after{background:linear-gradient(180deg,#09090940 0%,#09090900 35%,#09090900 55%,#090909cc 100%)}

/* Bölüm başlıkları: ekranın yarısını kaplayan ortalı dev başlık yerine sıkı, editoryal iki sütun */
.kvh{margin-top:40px}
.kvh__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;text-align:left;margin:28px auto 36px}
.kvh__head h2{font-size:64px;line-height:60px;letter-spacing:-2px}
.kvh__head p{margin:0;max-width:560px;font-size:20px;line-height:28px;letter-spacing:-.4px}
@media(max-width:809px){
  .kvh{margin-top:24px}
  .kvh__head{display:block;margin:18px 0 22px}
  .kvh__head h2{font-size:34px;line-height:36px;letter-spacing:-1px}
  .kvh__head p{margin-top:12px;font-size:16px;line-height:22px}
}

/* Telefonda görsel satırları: 3+ görsel yatay kaydırılan şerit, iki yatay görsel alt alta */
@media(max-width:809px){
  .row.row--serit{overflow-x:auto;scroll-snap-type:x mandatory;align-items:flex-start;scrollbar-width:none;padding-inline:16px;scroll-padding-inline:16px}
  .row.row--serit::-webkit-scrollbar{display:none}
  .row.row--serit>.cell{flex:0 0 78%!important;scroll-snap-align:start}
  .row.row--yigin{flex-direction:column}
  .row.row--yigin>.cell{flex:none!important;width:100%}
}

/* Alıntı: Pentagram'daki gibi sağa kaymış, kısa ve büyük */
.aln{margin:72px auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.aln blockquote{grid-column:2;margin:0;font-size:30px;line-height:36px;letter-spacing:-.8px;font-weight:500;color:var(--ink)}
.aln__kaynak{grid-column:2;margin:18px 0 0;font-size:15px;color:var(--grey)}
@media(max-width:809px){.aln{display:block;margin:36px auto}.aln blockquote{font-size:22px;line-height:28px}}

/* Künye: proje sonunda müşteri, yıl, disiplin, ekip */
.kny{margin:80px auto 20px;border-top:1px solid #0000001a;padding-top:28px}
.kny dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 40px;margin:0}
.kny__satir dt{font-size:14px;color:var(--grey);margin-bottom:6px}
.kny__satir dd{margin:0;font-size:17px;line-height:23px;font-weight:500;color:var(--ink)}
@media(max-width:809px){.kny{margin-top:48px}.kny dl{grid-template-columns:1fr 1fr;gap:20px}}

/* Kart alt yazısı (mozaik, bant, öne çıkan) */
.kt__alt{padding-top:12px}
.kt__ad{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:18px;line-height:22px;font-weight:600;letter-spacing:-.3px}
.kt__ad span{font-weight:400;color:var(--grey);font-size:15px}
.kt__ac{margin:6px 0 0;font-size:15px;line-height:20px;color:var(--grey);max-width:640px}
.kt__et{margin:6px 0 0;font-size:13px;line-height:18px;color:var(--grey)}

/* Öne çıkan proje: tam genişlik hareketli kapak */
.oc{padding:24px var(--gutter,34px) 0}
.oc__a{display:block;color:inherit}
.oc__m{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#111}
.oc__v,.oc__v .media{position:absolute;inset:0;width:100%;height:100%}
.oc .kt__ad{font-size:26px;line-height:30px}
@media(max-width:809px){.oc{padding:10px 16px 0}.oc__m{aspect-ratio:4/5}.oc .kt__ad{font-size:20px}}

/* Mozaik: farklı ritimde satırlar (3 dik, 2 geniş, 4 dik), kartlarda hareketli kapak */
.mz{padding-bottom:40px}
.mz__izgara{display:flex;flex-direction:column;gap:44px;margin-top:40px}
.mz__satir{display:grid;gap:14px}
.mz__satir--1{grid-template-columns:1fr}.mz__satir--2{grid-template-columns:1fr 1fr}.mz__satir--3{grid-template-columns:repeat(3,1fr)}.mz__satir--4{grid-template-columns:repeat(4,1fr)}.mz__satir--5{grid-template-columns:repeat(5,1fr)}
.mz__k{display:block;color:inherit}
.mz__m{position:relative;overflow:hidden;border-radius:12px;background:#f2f1ef}
.mz__m--dik{aspect-ratio:4/5}.mz__m--yatay{aspect-ratio:16/10}
.mz__m .media{position:absolute;inset:0;width:100%;height:100%;transition:transform .8s var(--ease)}
.mz__k:hover .mz__m .media{transform:scale(1.03)}
.mz .head{margin-bottom:0}
@media(max-width:809px){
  .mz__izgara{gap:26px;margin-top:24px}
  .mz__satir--3,.mz__satir--4,.mz__satir--5{grid-template-columns:1fr 1fr;row-gap:22px}
  .mz__satir--2{grid-template-columns:1fr;row-gap:22px}
  .mz__satir--3>.mz__k:first-child,.mz__satir--5>.mz__k:first-child{grid-column:1/-1}
  .kt__ad{font-size:15px;line-height:19px}.kt__et{font-size:12px}
}

/* Koyu bant: disipline göre süzülmüş projeler, yatay kayan şerit */
.bt{background:var(--black,#090909);color:#f9f9f9;padding:72px 0 64px;margin:40px 0}
.bt__bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:40px;align-items:end;margin-bottom:36px}
.bt__etiket{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:15px;color:#f9f9f9b3}
.bt__sayi{font-size:12px;padding:1px 8px;border:1px solid #f9f9f94d;border-radius:99px}
.bt h2{margin:0;font-size:64px;line-height:60px;letter-spacing:-2px}
.bt__metin{margin:0;font-size:18px;line-height:25px;color:#f9f9f9b3;max-width:520px}
.bt__oklar{display:flex;gap:8px}
.bt__oklar button{width:48px;height:48px;border-radius:50%;border:1px solid #f9f9f94d;background:none;color:#f9f9f9;font-size:18px;cursor:pointer;transition:background .3s,color .3s}
.bt__oklar button:hover{background:#f9f9f9;color:#090909}
.bt__serit{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gutter,34px);scroll-padding-inline:var(--gutter,34px)}
.bt__serit::-webkit-scrollbar{display:none}
.bt__k{flex:0 0 calc((100% - 3 * 14px) / 4.3);scroll-snap-align:start;color:inherit}
.bt__m{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#1a1a1a}
.bt__m .media{position:absolute;inset:0;width:100%;height:100%}
.bt .kt__ad span,.bt .kt__et{color:#f9f9f999}
@media(max-width:809px){
  .bt{padding:44px 0 40px}
  .bt__bas{grid-template-columns:1fr;gap:12px;margin-bottom:22px}
  .bt h2{font-size:38px;line-height:38px;letter-spacing:-1px}
  .bt__oklar{display:none}
  .bt__serit{padding-inline:16px;scroll-padding-inline:16px}
  .bt__k{flex-basis:70%}
}

/* Geniş ekranda (1440+) üst menü Framer'daki yerinde: biraz daha aşağıda, bağlantılar sağa yakın */
@media(min-width:1440px){
  .hd[data-astro-cid-3ef6ksr2]{inset:15px 0 auto}
  .hd__nav[data-astro-cid-3ef6ksr2]{margin-left:260px}
}

/* Fareyi izleyen turuncu nokta (Framer'daki gibi; dokunmatik ekranda ve az hareket tercihinde yok) */
.imlec{position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;background:#ff462e;pointer-events:none;z-index:9999;opacity:0;transition:opacity .25s,width .25s,height .25s;will-change:transform}
.imlec.is-on{opacity:1}
.imlec.is-gizli{opacity:0}

/* 23 Eki: sakin düzen — kartlar durağan, yatay bant kartı, öne çıkan kendi oranında, logo ızgarası, rahat satır aralığı */
.oc__m{aspect-ratio:auto}
@media(max-width:809px){.oc__m{aspect-ratio:auto}}
.bt__k--yatay{flex-basis:calc((100% - 2 * 14px) / 2.6)}
.bt__k--yatay .bt__m{aspect-ratio:16/10}
@media(max-width:809px){.bt__k--yatay{flex-basis:84%}}
.bt h2,.kvh__head h2{line-height:1.02}
.lg{padding:20px 0 60px}
.lg__bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin:28px auto 40px}
.lg__bas h2{margin:0;font-size:64px;line-height:1.02;letter-spacing:-2px;color:var(--ink)}
.lg__bas p{margin:0;font-size:20px;line-height:28px;color:var(--grey);max-width:560px}
.lg__izgara{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 auto;padding-inline:var(--gutter,34px);list-style:none}
.lg__izgara li{display:grid;place-items:center;aspect-ratio:3/2;border-top:1px solid #0000001a;border-left:1px solid #0000001a}
.lg__izgara li:nth-child(5n){border-right:1px solid #0000001a}
.lg__izgara li:nth-last-child(-n+5){border-bottom:1px solid #0000001a}
.lg__izgara img{max-width:56%;max-height:44%;object-fit:contain}
@media(max-width:809px){
  .lg__bas{display:block;margin:18px 0 22px}.lg__bas h2{font-size:34px}.lg__bas p{margin-top:12px;font-size:16px;line-height:22px}
  .lg__izgara{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:16px}
  .lg__izgara li:nth-child(5n){border-right:0}.lg__izgara li:nth-child(2n){border-right:1px solid #0000001a}
  .lg__izgara li:nth-last-child(-n+5){border-bottom:0}.lg__izgara li:nth-last-child(-n+2){border-bottom:1px solid #0000001a}
}

/* 23 Eki: üzerine gelince yakınlaşma yok (kenardaki logo/yazı kesiliyordu); İşler kartı görselin kendi oranında (16:10) */
.mz__k:hover .mz__m .media{transform:none}
.wc__img[data-astro-cid-r7kjq4ip] .media,.wc:hover .wc__img[data-astro-cid-r7kjq4ip] .media{transform:none!important}
.wc__img[data-astro-cid-r7kjq4ip]{aspect-ratio:16/10!important}
.mz__k:hover .kt__ad,.bt__k:hover .kt__ad{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* Kapak açılışta büyüyüp küçülmesin (ilk anda kenarı kesiyordu): yalnız yumuşak belirme */
.ph__bg[data-astro-cid-t2ujqpcr] .media{animation:ph-belir 1s var(--ease) both}
@keyframes ph-belir{0%{opacity:0}}
.oc__m{background:none}

/* Koyu başlık: harfler alttan kayarak gelirken satır kutusu kuyruklu harfleri (y, g, ş) kesmesin */
.dh__line[data-astro-cid-o24cvyij]{padding-bottom:.22em;margin-bottom:-.18em}
/* Proje kapağı ekrana kesilmeden sığar (zemin siyah; kalan pay görünmez) */
.ph__bg[data-astro-cid-t2ujqpcr] .media{object-fit:contain!important;background:var(--black,#090909)}
/* Hakkımızda logo şeridi */
.lg__serit{margin-top:8px;padding:10px 0 30px}

.kvy__gorsel img{display:block;width:100%;max-width:880px;height:auto}

/* Öne çıkan iş: etiket satırı bir sonraki bölümün çizgisine yapışmasın */
.oc{padding-bottom:56px}
@media(max-width:809px){.oc{padding-bottom:40px}}
/* 810–1199 px: "we are boldblack" etiketi başlığın üstüne binmesin */
@media(min-width:810px) and (max-width:1199px){.intro__body[data-astro-cid-v4qhm7jo]{padding-left:270px}}
/* Çok renkli paletlerde (6–8 renk) adlar dar sütunlarda birbirine taşmasın: alt satıra geçsin */
@media(min-width:810px){.kvr{flex-wrap:wrap}.kvr__item{min-width:190px}}
@media(min-width:810px) and (max-width:1199px){.kvr__ad{font-size:24px;line-height:28px}}
/* Yazı örneği SVG: kendi boyunda (canlı yazı ölçüsünde), dar ekranda küçülür */
.kvy__gorsel img{width:auto;max-width:100%;height:auto}
@media(max-width:809px){.kvy__gorsel img{zoom:.64}}

/* Giriş animasyonu (Framer'daki açılış): oturumun ilk sayfasında, html.giris-var iken.
   Siyah perde şeritleri ortadan dışa sırayla soldan sağa çekilir → basamaklı ok; sonra kırmızı çizgi dolar, menü belirir. */
.giris{display:none}
html.giris-var .giris{display:flex;position:fixed;inset:0;z-index:9999;pointer-events:none}
html.giris-var .giris i{flex:1;margin-right:-1px;display:flex;flex-direction:column}
/* her sütun iki yarı: üstteki yukarı, alttaki aşağı çekilir; açıklık yavaş başlar, hızlanır (Framer kaydı: ortadan dikey açılma, soldan sağa sırayla) */
html.giris-var .giris span{background:#090909;flex:0 0 41%;transform-origin:50% 0;
  animation:giris-cek .8s cubic-bezier(.55,0,.85,.35) both;animation-delay:calc(.2s + var(--u) * .13s)}
html.giris-var .giris span+span{flex:1 1 auto;margin-top:-1px;transform-origin:50% 100%}
@keyframes giris-cek{from{transform:translateZ(0) scaleY(1)}to{transform:translateZ(0) scaleY(0)}}
html.giris-var .topbar{transform-origin:0 50%;animation:giris-cizgi 1.7s cubic-bezier(.2,.75,.25,1) 1.15s both}
@keyframes giris-cizgi{from{transform:scaleX(0);opacity:0}30%{opacity:1}to{transform:scaleX(1);opacity:1}}
html.giris-var .hd{animation:giris-belir .8s ease 2.1s both}
@keyframes giris-belir{from{opacity:0}to{opacity:1}}
html.giris-var .hero__mark{animation:none}
html.giris-var .hero__tag{animation-delay:1.6s}
@media(prefers-reduced-motion:reduce){html.giris-var .giris{display:none}}

/* Takılma önlemi: sayfa hazır olana kadar perde siyah ve hareketsiz bekler (html.giris-basla gelince akar); şeritler ayrı GPU katmanında */
html.giris-var .giris{contain:strict}
html.giris-var .giris span{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}
html.giris-var:not(.giris-basla) .giris span,
html.giris-var:not(.giris-basla) .topbar,
html.giris-var:not(.giris-basla) .hd,
html.giris-var:not(.giris-basla) .hero__tag{animation-play-state:paused}

/* DENEME: kaydırınca sonraki projeye geçiş (marka.json "sonraki_gecis"): yarım ekran bant + sonraki projenin girişi.
   Bant ekranın üstüne değince geçilir; yeni sayfa aynı bantla başlar (html.sp-gelis), bant geçilince kalkar. */
.sp{display:block;text-decoration:none;color:inherit}
.sp__bant{height:50vh;height:50svh;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:0 var(--gutter,34px) 34px;background:#fff;color:var(--ink,#1e1e1e)}
.sp__et{font-size:16px;font-weight:600;color:var(--grey,#7f7f80);text-transform:lowercase}
.sp__ad{font-size:clamp(44px,7.4vw,120px);line-height:.92;letter-spacing:-.045em;font-weight:600}
.sp__kutu .ph__bg .media,.sp__kutu .ph__inner{animation:none!important}
html:not(.sp-gelis) .sp__bant--gelis{display:none}
html.sp-gelis .ph__bg .media,html.sp-gelis .ph__inner{animation:none!important}
html.sp-gelis.sp-bantli .hd,html.sp-gelis.sp-bantli .topbar{visibility:hidden}
@media(max-width:809px){.sp__bant{padding:0 16px 22px}}