.ob-hk-bas{position:relative;overflow:hidden;padding:clamp(56px,7vw,104px) 0 clamp(64px,8vw,116px);background:var(--ob-dark);color:#fff;isolation:isolate}
.ob-hk-bas__gorsel{position:absolute;inset:0;z-index:-2}
.ob-hk-bas__gorsel img{width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.8)}
.ob-hk-bas__zemin{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ob-dark) 20%,color-mix(in srgb,var(--ob-dark) 55%,transparent) 70%,color-mix(in srgb,var(--ob-dark) 30%,transparent)),radial-gradient(520px 300px at 0% 100%,color-mix(in srgb,var(--ob-primary) 8%,transparent),transparent 70%)}
.ob-hk-bas__ic{position:relative}
.ob-hk-bas .ob-ust-yazi{color:var(--ob-accent)}
.ob-hk-bas__baslik{max-width:760px;margin:0 0 14px;color:#fff;font-size:clamp(2rem,1.2rem + 3vw,3.4rem)}
.ob-hk-bas__alt{max-width:640px;margin:0;color:var(--ob-on-dark-muted);font-size:1.08rem}
.ob-hk-bas::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--ob-grad)}
.ob-hk-hikaye__izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,72px)}
.ob-hk-hikaye__izgara--tek{grid-template-columns:minmax(0,1fr);max-width:860px;margin-inline:auto}
.ob-hk-hikaye__medya{position:relative;margin:0;padding:0 0 24px 24px}
.ob-hk-hikaye__cerceve{position:relative;z-index:1;display:block;border-radius:calc(var(--ob-r-lg) * 1.3);overflow:hidden;box-shadow:var(--ob-shadow-lg);aspect-ratio:4/3;background:var(--ob-surface-2)}
.ob-hk-hikaye__cerceve img{width:100%;height:100%;object-fit:cover}
.ob-hk-hikaye__medya::before{content:"";position:absolute;left:0;bottom:0;width:70%;height:70%;border-radius:calc(var(--ob-r-lg) * 1.3);background:var(--ob-grad);opacity:.9}
.ob-hk-hikaye__nokta{position:absolute;right:-12px;top:-14px;width:120px;height:120px;background-image:radial-gradient(color-mix(in srgb,var(--ob-primary) 8%,transparent) 2px,transparent 2px);background-size:14px 14px}
.ob-hk-hikaye__baslik{margin:0 0 18px;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem)}
.ob-hk-duzyazi{color:var(--ob-text-2);font-size:1.02rem;line-height:1.75}
.ob-hk-duzyazi h2,.ob-hk-duzyazi h3,.ob-hk-duzyazi h4{margin:1.4em 0 .5em;color:var(--ob-text);font-size:1.2rem}
.ob-hk-duzyazi img{border-radius:var(--ob-r-sm)}
.ob-hk-sayaclar{position:relative;z-index:2}
.ob-hk-sayac-bant{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ob-hk-sayac-bant--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ob-hk-sayac-bant--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ob-hk-sayac-bant--1{grid-template-columns:minmax(0,1fr)}
.ob-hk-sayac{position:relative;display:flex;flex-direction:column;gap:4px;padding:26px 24px;border:1px solid var(--ob-line);border-radius:var(--ob-r-lg);background:var(--ob-surface);box-shadow:var(--ob-shadow-sm);overflow:hidden}
.ob-hk-sayac::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ob-grad)}
.ob-hk-sayac__deger{font-size:clamp(2rem,1.5rem + 1.5vw,2.7rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;background:var(--ob-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ob-hk-sayac__etiket{color:var(--ob-muted);font-weight:600;font-size:.92rem}
.ob-hk-degerler__izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.ob-hk-degerler__izgara--tek{grid-template-columns:minmax(0,1fr);max-width:860px;margin-inline:auto}
.ob-hk-vizyon{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(28px,4vw,44px);border-radius:calc(var(--ob-r-lg) * 1.2);background:var(--ob-dark);color:#fff;overflow:hidden;isolation:isolate;box-shadow:var(--ob-shadow-lg)}
.ob-hk-vizyon__desen{position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 260px at 100% 0%,color-mix(in srgb,var(--ob-secondary) 8%,transparent),transparent 70%),radial-gradient(360px 220px at 0% 100%,color-mix(in srgb,var(--ob-primary) 8%,transparent),transparent 70%)}
.ob-hk-vizyon__baslik{margin:8px 0 0;color:var(--ob-accent);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.ob-hk-vizyon__alinti{margin:0}
.ob-hk-vizyon__alinti p{margin:0;color:#fff;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);font-weight:800;line-height:1.25;letter-spacing:-.02em}
.ob-hk-vizyon__metin{margin:0;color:var(--ob-on-dark-muted)}
.ob-hk-ilkeler{display:grid;gap:24px}
.ob-hk-ilke{position:relative;display:flex;gap:18px;padding:clamp(22px,3vw,30px);border:1px solid var(--ob-line);border-radius:var(--ob-r-lg);background:var(--ob-surface);box-shadow:var(--ob-shadow-sm);transition:transform .25s var(--ob-ease),box-shadow .25s}
.ob-hk-ilke:hover{transform:translateY(-3px);box-shadow:var(--ob-shadow)}
.ob-hk-ilke__no{position:absolute;right:20px;top:14px;font-size:2.2rem;font-weight:800;color:var(--ob-surface-3);line-height:1}
.ob-hk-ilke__govde{min-width:0}
.ob-hk-ilke__baslik{margin:4px 0 6px;font-size:1.15rem}
.ob-hk-ilke__metin{margin:0;color:var(--ob-muted)}
.ob-hk-cagri{padding-top:0}
@media (max-width:900px){.ob-hk-hikaye__izgara,.ob-hk-degerler__izgara{grid-template-columns:minmax(0,1fr)}.ob-hk-sayac-bant,.ob-hk-sayac-bant--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.ob-hk-sayac-bant,.ob-hk-sayac-bant--3,.ob-hk-sayac-bant--2{grid-template-columns:minmax(0,1fr)}.ob-hk-ilke{flex-direction:column}.ob-hk-hikaye__medya{padding:0 0 16px 16px}}