/* Ana sayfa (kurumsal katman): giriş, yol haritası, evren. Taverna bölümü taverna.css'te. */

.hero { position: relative; display: grid; align-items: center; min-height: min(88svh, 820px); padding: calc(var(--bar-h) + var(--s-8)) 0 var(--s-8); overflow: hidden; isolation: isolate; border-bottom: 1px solid var(--line); }
.hero-bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; opacity: .38; filter: grayscale(.9) contrast(1.05); }
.hero-shade { position: absolute; inset: 0; z-index: -1; background:
  linear-gradient(90deg, var(--bg) 6%, rgba(20, 20, 22, .78) 55%, rgba(20, 20, 22, .6) 100%),
  linear-gradient(180deg, rgba(20, 20, 22, .6) 0%, transparent 30%, transparent 70%, var(--bg) 100%); }
.hero-in { display: grid; gap: var(--s-7); align-items: center; }
@media (min-width: 1000px) { .hero-in { grid-template-columns: 1.1fr .9fr; gap: var(--s-8); } }
.hero-t { font-size: var(--fs-hero); line-height: 1.04; letter-spacing: -.03em; margin-block: var(--s-5); font-weight: 700; max-width: 14ch; }
.hero .lead { font-size: var(--fs-lg); max-width: 46ch; color: var(--dim); }
.hero .btn-row { margin-top: var(--s-6); }
html:not(.no-js) .hero .fade { opacity: 0; translate: 0 12px; transition: opacity var(--dur-4) var(--ease-out) calc(var(--i, 0) * 90ms + 150ms), translate var(--dur-4) var(--ease-out) calc(var(--i, 0) * 90ms + 150ms); }
html:not(.no-js) .hero.ready .fade { opacity: 1; translate: 0 0; }

.hero-card { position: relative; border-radius: var(--r-md); border: 1px solid var(--line-2); background: var(--ink-850); overflow: hidden; }
html:not(.no-js) .hero-card { opacity: 0; translate: 0 14px; transition: opacity var(--dur-4) var(--ease-out) 350ms, translate var(--dur-4) var(--ease-out) 350ms; }
html:not(.no-js) .hero.ready .hero-card { opacity: 1; translate: 0 0; }
.hero-card-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.hero-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-5) var(--ease-out); }
.hero-card:hover .hero-card-img img { transform: scale(1.03); }
.hero-card-f { display: flex; justify-content: space-between; align-items: center; gap: var(--s-3); padding: var(--s-4) var(--s-5); border-top: 1px solid var(--line); }
.hero-card-f strong { display: block; font: 700 var(--fs-md) var(--f-display); }
.hero-card-f span { font: 400 var(--fs-xs) var(--f-label); color: var(--dim); }
.hero-card .st { position: absolute; z-index: 3; left: var(--s-4); top: var(--s-4); }

/* Öne çıkan oyun */
.feat { position: relative; display: grid; gap: 0; border-radius: var(--r-md); border: 1px solid var(--line-2); overflow: hidden; background: var(--ink-850); }
@media (min-width: 960px) { .feat { grid-template-columns: 1.25fr 1fr; } }
.feat-img { position: relative; min-height: 340px; overflow: hidden; background: var(--ink-1000); }
.feat-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.feat-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 60%, var(--ink-850)), linear-gradient(0deg, rgba(10, 10, 12, .5), transparent 40%); }
@media (max-width: 959px) { .feat-img::after { background: linear-gradient(0deg, var(--ink-850), transparent 55%); } }
.feat-img .st { position: absolute; z-index: 3; left: var(--s-4); top: var(--s-4); }
.feat-img .gc-lab { z-index: 3; }
.feat-b { padding: clamp(1.5rem, 4vw, 3.5rem); display: grid; gap: var(--s-5); align-content: center; }
.feat-b h2 { font-size: var(--fs-2xl); }
.feat-b p { color: var(--dim); }
.feat-b .tag-line { font: 600 var(--fs-lg) var(--f-display); color: var(--cream); }
.feat-stats { margin-top: var(--s-7); }