/* ==========================================================================
   OTH Hukuk — tema stilleri
   Palet: gece laciverti + pirinç altın + kâğıt. Başlıklar Cormorant Garamond, metin Manrope.
   ========================================================================== */

:root {
	--l9: #080d22;
	--l8: #0d1330;
	--l7: #141b40;
	--l6: #1d2555;
	--marka: #262c6e;
	--altin: #c6a46c;
	--altin-koyu: #8a6a38;
	--altin-acik: #e5d3ae;
	--kagit: #f6f2ea;
	--kagit-2: #ece5d8;
	--beyaz: #fff;
	--murekkep: #141831;
	--metin: #3c4156;
	--soluk: #676c82;
	--cizgi: #e2dace;
	--serif: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
	--sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--egri: cubic-bezier(.2, .75, .2, 1);
	--egri-sert: cubic-bezier(.77, 0, .18, 1);
	--golge: 0 40px 80px -40px rgba(8, 13, 34, .35);
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; font-family: var(--sans); font-size: 16px; line-height: 1.75; color: var(--metin); background: var(--beyaz); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .3s; }
button { font: inherit; cursor: pointer; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 600; color: var(--murekkep); line-height: 1.1; letter-spacing: -.005em; margin: 0 0 .5em; }
h2 { font-size: clamp(2.1rem, 3.7vw, 3.4rem); line-height: 1.06; }
h3 { font-size: 1.5rem; }
h1 em, h2 em, h3 em { font-style: italic; font-weight: 500; color: var(--altin-koyu); }
p { margin: 0 0 1.2em; }
::selection { background: var(--altin); color: var(--l9); }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; }
.oth-ikon { width: 1.15em; height: 1.15em; flex: none; }
.screen-reader-text, .oth-atla:not(:focus) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.oth-atla:focus { position: fixed; top: 12px; left: 12px; z-index: 10000; background: var(--altin); color: var(--l9); padding: 10px 16px; font-weight: 700; }

.oth-kap { width: min(1240px, 100% - 48px); margin-inline: auto; }
.oth-kap--dar { width: min(820px, 100% - 48px); }

.oth-ust { display: inline-flex; align-items: center; gap: .9em; font: 700 .72rem/1.2 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--altin-koyu); }
.oth-ust::before { content: ""; width: 30px; height: 1px; background: currentColor; flex: none; }
.oth-giris { font-family: var(--serif); font-size: clamp(1.25rem, 1.8vw, 1.45rem); line-height: 1.55; font-weight: 500; color: var(--murekkep); }

/* ---------- Düğmeler ve bağlantılar ---------- */
.oth-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.oth-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .75em; padding: 1.05rem 1.8rem; font: 700 .76rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; border: 1px solid transparent; overflow: hidden; isolation: isolate; transition: color .45s var(--egri), border-color .45s; }
.oth-btn::before { content: ""; position: absolute; inset: 0; z-index: -1; transform: scaleX(0); transform-origin: right; transition: transform .55s var(--egri-sert); }
.oth-btn:hover::before { transform: scaleX(1); transform-origin: left; }
.oth-btn .oth-ikon { width: 17px; height: 17px; transition: transform .45s var(--egri); }
.oth-btn:hover .oth-ikon:last-child { transform: translateX(4px); }
.oth-btn--altin { background: var(--altin); color: var(--l9); }
.oth-btn--altin::before { background: var(--beyaz); }
.oth-btn--cizgi { color: var(--beyaz); border-color: rgba(255, 255, 255, .38); }
.oth-btn--cizgi::before { background: var(--altin); }
.oth-btn--cizgi:hover { color: var(--l9); border-color: var(--altin); }
.oth-btn--koyu { background: var(--l8); color: var(--beyaz); }
.oth-btn--koyu::before { background: var(--altin); }
.oth-btn--koyu:hover { color: var(--l9); }
.oth-btn--tam { width: 100%; }

.oth-link { display: inline-flex; align-items: center; gap: .6em; font: 700 .74rem/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep); padding-bottom: 6px; background: linear-gradient(var(--altin), var(--altin)) no-repeat 0 100% / 100% 1px; transition: background-size .45s var(--egri), color .3s; }
.oth-link:hover { background-size: 30% 1px; color: var(--altin-koyu); }
.oth-link .oth-ikon { width: 16px; height: 16px; transition: transform .4s var(--egri); }
.oth-link:hover .oth-ikon { transform: translateX(5px); }
.oth-link--acik { color: var(--beyaz); }
.oth-link--acik:hover { color: var(--altin); }

/* ---------- Yükleme ekranı ve sayfa geçişi ---------- */
.oth-yukleyici { position: fixed; inset: 0; z-index: 9999; pointer-events: none; animation: othYukleyiciKapat 0s 4.2s forwards; }
html:not(.oth-js) .oth-yukleyici, html.oth-anim-yok .oth-yukleyici, .oth-yukleyici.bitti { display: none; }
.oth-yukleyici-perde { position: absolute; inset: 0; background: radial-gradient(120% 90% at 50% 40%, var(--l7) 0%, var(--l9) 70%); transform-origin: top; transition: transform .95s var(--egri-sert) .1s; }
.oth-yukleyici-ic { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 22px; transition: opacity .45s, transform .6s var(--egri); }
.oth-yukleyici-logo { width: 190px; height: auto; overflow: visible; }
.oth-yukleyici-logo .oth-l-ana { fill: transparent; stroke: var(--altin); stroke-width: 1.6; stroke-dasharray: 1; stroke-dashoffset: 1; animation: othCiz 1.5s var(--egri) .15s forwards, othDoldur .7s ease 1.2s forwards; }
.oth-yukleyici-logo .oth-l-vurgu { fill: var(--altin); transform-box: fill-box; transform-origin: left; transform: scaleX(0); animation: othCubuk .8s var(--egri) 1.05s forwards; }
.oth-yukleyici-yazi { font: 600 .66rem/1 var(--sans); letter-spacing: .42em; text-transform: uppercase; color: rgba(255, 255, 255, .6); opacity: 0; animation: othBelirSade .8s ease 1.1s forwards; }
.oth-yukleyici-cubuk { width: 150px; height: 1px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.oth-yukleyici-cubuk i { display: block; height: 100%; background: var(--altin); transform-origin: left; transform: scaleX(0); animation: othCubuk 1.7s var(--egri) .1s forwards; }
html.oth-hizli .oth-yukleyici-ic { display: none; }
html.oth-yuklendi .oth-yukleyici-ic { opacity: 0; transform: translateY(-16px); }
html.oth-yuklendi .oth-yukleyici-perde { transform: scaleY(0); }
html.oth-hizli.oth-yuklendi .oth-yukleyici-perde { transition-duration: .6s; transition-delay: 0s; }
html.oth-cikis .oth-yukleyici { display: block; animation: none; visibility: visible; }
html.oth-cikis .oth-yukleyici-ic { display: none; }
html.oth-cikis .oth-yukleyici-perde { transform: scaleY(1); transform-origin: bottom; transition: transform .5s var(--egri-sert); }

/* ---------- Üst bölüm ---------- */
.oth-baslik { position: fixed; top: 0; left: 0; right: 0; z-index: 100; color: var(--beyaz); transition: transform .5s var(--egri); }
.oth-baslik::before { content: ""; position: absolute; inset: 0; background: rgba(8, 13, 34, .84); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 16px 40px -24px rgba(0, 0, 0, .7); opacity: 0; transition: opacity .45s; z-index: -1; }
.oth-baslik.kaydi::before { opacity: 1; }
.oth-baslik.gizli { transform: translateY(-100%); }
.admin-bar .oth-baslik { top: 32px; }
.oth-ust-serit { height: 42px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, .09); font-size: .78rem; transition: height .4s var(--egri), border-color .4s; }
.oth-baslik.kaydi .oth-ust-serit { height: 0; border-color: transparent; }
.oth-ust-serit-ic { height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.oth-ust-serit-sol, .oth-ust-serit-sag { display: flex; align-items: center; gap: 26px; }
.oth-ust-serit a, .oth-ust-serit span { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .7); white-space: nowrap; }
.oth-ust-serit a:hover { color: var(--beyaz); }
.oth-ust-serit .oth-ikon { width: 15px; height: 15px; color: var(--altin); }
.oth-ust-serit-ad { font-family: var(--serif); font-style: italic; font-size: .98rem; letter-spacing: .02em; }
.oth-baslik-ic { height: 94px; display: flex; align-items: center; gap: 28px; transition: height .4s var(--egri); }
.oth-baslik.kaydi .oth-baslik-ic { height: 76px; }
.oth-logo { position: relative; z-index: 3; flex: none; }
.oth-logo img { width: 232px; height: auto; transition: width .4s var(--egri); }
.oth-baslik.kaydi .oth-logo img { width: 204px; }

.oth-nav { margin-left: auto; }
.oth-menu { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.oth-menu > li { position: relative; }
.oth-menu > li > a { position: relative; display: block; padding: 12px 15px; font: 600 .86rem/1 var(--sans); letter-spacing: .02em; color: rgba(255, 255, 255, .88); }
.oth-menu > li > a::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 4px; height: 1px; background: var(--altin); transform: scaleX(0); transform-origin: right; transition: transform .45s var(--egri); }
.oth-menu > li:hover > a::after, .oth-menu > li.current-menu-item > a::after, .oth-menu > li.current-page-ancestor > a::after, .oth-menu > li.current_page_parent > a::after { transform: scaleX(1); transform-origin: left; }
.oth-menu > li > a:hover, .oth-menu > li.current-menu-item > a { color: var(--beyaz); }
.oth-menu > li.oth-mega > a { padding-right: 32px; }
.oth-alt-ac { position: absolute; right: 10px; top: 50%; translate: 0 -50%; width: 18px; height: 18px; padding: 0; border: 0; background: none; color: var(--altin); display: grid; place-items: center; pointer-events: none; transition: rotate .4s var(--egri); }
.oth-alt-ac .oth-ikon { width: 15px; height: 15px; }
.oth-mega:hover > .oth-alt-ac, .oth-mega:focus-within > .oth-alt-ac { rotate: 180deg; }

.oth-mega-panel { position: absolute; top: 100%; left: 50%; width: min(900px, 94vw); padding-top: 16px; translate: -50% 14px; opacity: 0; visibility: hidden; transition: opacity .4s, translate .5s var(--egri), visibility 0s .4s; }
.oth-mega:hover > .oth-mega-panel, .oth-mega:focus-within > .oth-mega-panel { opacity: 1; visibility: visible; translate: -50% 0; transition-delay: 0s; }
.oth-mega-ic { display: grid; grid-template-columns: 1.65fr 1fr; background: var(--beyaz); color: var(--murekkep); box-shadow: 0 50px 90px -30px rgba(8, 13, 34, .55); border-top: 2px solid var(--altin); overflow: hidden; }
.oth-mega-liste { list-style: none; margin: 0; padding: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 14px; }
.oth-mega-liste a { display: flex; align-items: center; gap: 13px; padding: 10px 12px; font: 600 .86rem/1.3 var(--sans); color: var(--murekkep); transition: background .3s, color .3s; }
.oth-mega-liste a:hover { background: var(--kagit); color: var(--marka); }
.oth-mega-ikon { width: 38px; height: 38px; flex: none; border-radius: 50%; border: 1px solid var(--altin-acik); display: grid; place-items: center; color: var(--altin-koyu); transition: background .35s, color .35s, border-color .35s; }
.oth-mega-ikon .oth-ikon { width: 17px; height: 17px; }
.oth-mega-liste a:hover .oth-mega-ikon { background: var(--l8); border-color: var(--l8); color: var(--altin); }
.oth-mega-yan { position: relative; background: var(--l8); color: var(--beyaz); overflow: hidden; }
.oth-mega-yan img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .28; }
.oth-mega-yan-metin { position: relative; padding: 30px 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; height: 100%; background: linear-gradient(180deg, rgba(13, 19, 48, .3), rgba(13, 19, 48, .92)); }
.oth-mega-yan .oth-ust { color: var(--altin); }
.oth-mega-yan p { margin: 0; font-size: .9rem; line-height: 1.6; color: rgba(255, 255, 255, .78); }
.oth-mega-tel { display: inline-flex; align-items: center; gap: 10px; font: 600 1.35rem var(--serif); color: var(--beyaz); margin-top: auto; }
.oth-mega-tel .oth-ikon { color: var(--altin); width: 18px; }

.oth-baslik-eylem { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; }
.oth-baslik-tel { display: flex; align-items: center; gap: 12px; }
.oth-baslik-tel-ikon { position: relative; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(198, 164, 108, .55); display: grid; place-items: center; color: var(--altin); transition: background .35s, color .35s; }
.oth-baslik-tel-ikon::after { content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid var(--altin); animation: othNabiz 2.6s ease-out infinite; }
.oth-baslik-tel-ikon .oth-ikon { width: 18px; height: 18px; }
.oth-baslik-tel:hover .oth-baslik-tel-ikon { background: var(--altin); color: var(--l9); }
.oth-baslik-tel-metin { display: flex; flex-direction: column; line-height: 1.2; }
.oth-baslik-tel-metin small { font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .55); }
.oth-baslik-tel-metin strong { font: 600 1.2rem var(--serif); letter-spacing: .02em; }
.oth-hamburger { display: none; width: 48px; height: 48px; border: 1px solid rgba(255, 255, 255, .25); background: transparent; padding: 0; position: relative; }
.oth-hamburger span { position: absolute; left: 13px; right: 13px; height: 1.5px; background: var(--beyaz); transition: transform .45s var(--egri), opacity .3s, top .45s var(--egri); }
.oth-hamburger span:nth-child(1) { top: 17px; }
.oth-hamburger span:nth-child(2) { top: 23px; right: 19px; }
.oth-hamburger span:nth-child(3) { top: 29px; }
.oth-menu-acik .oth-hamburger span:nth-child(1) { top: 23px; transform: rotate(45deg); }
.oth-menu-acik .oth-hamburger span:nth-child(2) { opacity: 0; }
.oth-menu-acik .oth-hamburger span:nth-child(3) { top: 23px; transform: rotate(-45deg); }
.oth-nav-mobil-alt { display: none; }

/* ---------- Karşılama (ana sayfa) ---------- */
.oth-hero { position: relative; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; color: var(--beyaz); background: var(--l9); overflow: hidden; isolation: isolate; }
.oth-hero-arka { position: absolute; inset: 0; z-index: -2; }
.oth-hero-arka img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 30%; animation: othKen 20s cubic-bezier(.2, .6, .2, 1) both; }
.oth-hero-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 13, 34, .96) 0%, rgba(8, 13, 34, .84) 36%, rgba(8, 13, 34, .3) 68%, rgba(8, 13, 34, .45) 100%), linear-gradient(0deg, rgba(8, 13, 34, .9) 0%, transparent 32%), linear-gradient(180deg, rgba(8, 13, 34, .7) 0%, transparent 25%); }
.oth-hero-sutunlar { position: absolute; inset: 0 max(24px, calc((100% - 1240px) / 2)); z-index: -1; display: grid; grid-template-columns: repeat(5, 1fr); pointer-events: none; }
.oth-hero-sutunlar i { border-left: 1px solid rgba(255, 255, 255, .05); transform-origin: top; transform: scaleY(0); animation: othSutun 1.6s var(--egri) forwards; }
.oth-hero-sutunlar i:last-child { border-right: 1px solid rgba(255, 255, 255, .05); }
.oth-hero-sutunlar i:nth-child(2) { animation-delay: .1s; } .oth-hero-sutunlar i:nth-child(3) { animation-delay: .2s; } .oth-hero-sutunlar i:nth-child(4) { animation-delay: .3s; } .oth-hero-sutunlar i:nth-child(5) { animation-delay: .4s; }
.oth-hero-ic { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 180px 0 64px; }
.oth-hero-metin { max-width: 740px; }
.oth-hero .oth-ust { color: var(--altin); }
.oth-hero h1 { font-size: clamp(2.9rem, 6.3vw, 5.7rem); line-height: .98; letter-spacing: -.015em; color: var(--beyaz); margin: 24px 0 28px; }
.oth-hero h1 em { color: var(--altin); }
.oth-hero-aciklama { font-size: 1.1rem; line-height: 1.8; color: rgba(255, 255, 255, .72); max-width: 570px; margin: 0; }
.oth-hero .oth-dugmeler { margin-top: 40px; }
.oth-hero-kart { align-self: flex-end; display: flex; align-items: center; gap: 16px; padding: 12px 24px 12px 12px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); color: var(--beyaz); transition: border-color .4s, background .4s, transform .5s var(--egri); }
.oth-hero-kart:hover { border-color: rgba(198, 164, 108, .7); background: rgba(255, 255, 255, .1); transform: translateY(-4px); }
.oth-hero-kart img { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; border: 1px solid var(--altin); }
.oth-hero-kart span { display: flex; flex-direction: column; line-height: 1.3; }
.oth-hero-kart small { font-size: .64rem; letter-spacing: .2em; text-transform: uppercase; color: var(--altin); }
.oth-hero-kart strong { font: 600 1.28rem var(--serif); margin: 3px 0; }
.oth-hero-kart em { font-style: normal; font-size: .78rem; color: rgba(255, 255, 255, .6); display: inline-flex; align-items: center; gap: 6px; }
.oth-hero-kart em .oth-ikon { width: 14px; transition: transform .4s var(--egri); }
.oth-hero-kart:hover em .oth-ikon { transform: translateX(4px); }
.oth-hero-alt { border-top: 1px solid rgba(255, 255, 255, .1); }
.oth-hero-alt-ic { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 28px 0; }
.oth-sayilar { display: flex; gap: 0; }
.oth-sayilar > div { display: flex; align-items: center; gap: 16px; padding: 0 44px; border-left: 1px solid rgba(255, 255, 255, .12); }
.oth-sayilar > div:first-child { padding-left: 0; border-left: 0; }
.oth-sayilar strong { font: 600 3.1rem/1 var(--serif); color: var(--altin); font-variant-numeric: lining-nums; }
.oth-sayilar > div > span { font-size: .7rem; line-height: 1.45; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .62); }
.oth-kaydir { display: inline-flex; align-items: center; gap: 16px; font: 700 .66rem/1 var(--sans); letter-spacing: .28em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.oth-kaydir:hover { color: var(--altin); }
.oth-kaydir-cizgi { position: relative; width: 1px; height: 48px; background: rgba(255, 255, 255, .2); overflow: hidden; }
.oth-kaydir-cizgi::after { content: ""; position: absolute; left: 0; top: -18px; width: 1px; height: 18px; background: var(--altin); animation: othKaydir 2.2s var(--egri) infinite; }

/* Başlığı kelime kelime açma */
html.oth-js [data-oth-bol]:not(.oth-bolundu) { visibility: hidden; }
.oth-k { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .1em; margin-bottom: -.1em; }
.oth-k > span { display: inline-block; translate: 0 108%; }
[data-oth-bol].gorundu .oth-k > span { animation: othKelime 1s var(--egri) both; animation-delay: calc(var(--d, 0) * 70ms); }

/* ---------- Kayan şerit ---------- */
.oth-serit { background: var(--l8); border-top: 1px solid rgba(255, 255, 255, .06); padding: 24px 0; overflow: hidden; }
.oth-serit-ic { display: flex; align-items: center; gap: 38px; width: max-content; animation: othKay 70s linear infinite; }
.oth-serit:hover .oth-serit-ic { animation-play-state: paused; }
.oth-serit span { font: italic 500 clamp(1.4rem, 2.2vw, 2rem)/1 var(--serif); color: rgba(255, 255, 255, .88); white-space: nowrap; }
.oth-serit span:nth-of-type(even) { color: transparent; -webkit-text-stroke: 1px rgba(229, 211, 174, .55); }
.oth-serit i { font-style: normal; font-size: .8rem; color: var(--altin); }

/* ---------- Bölümler ---------- */
.oth-bolum { position: relative; padding: clamp(80px, 10vw, 136px) 0; }
.oth-bolum--kagit { background: var(--kagit); }
.oth-bolum--koyu { background: var(--l8); color: rgba(255, 255, 255, .7); }
.oth-bolum--ust-yok { padding-top: 0; }
.oth-bolum-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px 60px; margin-bottom: 56px; }
.oth-bolum-baslik h2 { margin: 18px 0 0; max-width: 700px; }
.oth-bolum-baslik--orta { text-align: center; margin: 0 auto 64px; }
.oth-bolum-baslik--orta h2 { margin-inline: auto; }
.oth-bolum-baslik--orta .oth-ust::after { content: ""; width: 30px; height: 1px; background: currentColor; }
.oth-bolum-not { max-width: 430px; margin: 0; color: var(--soluk); }
.oth-bolum--koyu h2, .oth-bolum--koyu h3 { color: var(--beyaz); }
.oth-bolum--koyu h2 em, .oth-bant h2 em, .oth-alt-cta h2 em, .oth-sayfa-hero h1 em, .oth-404 h1 em { color: var(--altin); }
.oth-bolum--koyu .oth-ust, .oth-bant .oth-ust, .oth-alt-cta .oth-ust, .oth-sayfa-hero .oth-ust, .oth-404 .oth-ust { color: var(--altin); }

.oth-iki { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px, 7vw, 112px); align-items: center; }
.oth-iki--ust { align-items: start; }
.oth-uc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* ---------- Faaliyet alanı kareleri ---------- */
.oth-kareler { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; perspective: 1400px; }
.oth-kare { position: relative; display: block; aspect-ratio: 1; overflow: hidden; color: var(--beyaz); background: var(--l8); isolation: isolate; transition: transform .6s var(--egri), box-shadow .6s var(--egri); }
.oth-kare:hover { box-shadow: 0 40px 70px -30px rgba(8, 13, 34, .6); }
.oth-kare-gorsel { position: absolute; inset: 0; z-index: -3; }
.oth-kare-gorsel img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.6) contrast(1.05) brightness(.8); transform: scale(1.03); transition: transform 1.3s var(--egri), filter .9s; }
.oth-kare:hover .oth-kare-gorsel img { transform: scale(1.14); filter: grayscale(.2) contrast(1.05) brightness(.7); }
.oth-kare::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(180deg, rgba(8, 13, 34, .2) 0%, rgba(8, 13, 34, .5) 45%, rgba(8, 13, 34, .95) 100%); }
.oth-kare::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(155deg, rgba(38, 44, 110, .9) 0%, rgba(8, 13, 34, .96) 75%); opacity: 0; transition: opacity .7s var(--egri); }
.oth-kare:hover::after, .oth-kare:focus-visible::after { opacity: .9; }
.oth-kare-cerceve { position: absolute; inset: 12px; pointer-events: none; }
.oth-kare-cerceve::before, .oth-kare-cerceve::after { content: ""; position: absolute; width: 0; height: 0; border: 1px solid transparent; transition: width .45s ease, height .45s ease .45s, border-color 0s .9s; }
.oth-kare-cerceve::before { top: 0; left: 0; }
.oth-kare-cerceve::after { bottom: 0; right: 0; }
.oth-kare:hover .oth-kare-cerceve::before { width: 100%; height: 100%; border-top-color: rgba(198, 164, 108, .7); border-right-color: rgba(198, 164, 108, .7); transition: width .45s ease, height .45s ease .45s; }
.oth-kare:hover .oth-kare-cerceve::after { width: 100%; height: 100%; border-bottom-color: rgba(198, 164, 108, .7); border-left-color: rgba(198, 164, 108, .7); transition: width .45s ease, height .45s ease .45s; }
.oth-kare-no { position: absolute; top: 22px; left: 24px; font: italic 500 1.05rem/1 var(--serif); letter-spacing: .06em; color: var(--altin); text-shadow: 0 1px 10px rgba(0, 0, 0, .55); }
.oth-kare-ikon { position: absolute; top: 16px; right: 16px; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; color: var(--altin-acik); border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background .5s, color .5s, border-color .5s, rotate .6s var(--egri); }
.oth-kare-ikon .oth-ikon { width: 21px; height: 21px; }
.oth-kare:hover .oth-kare-ikon { background: var(--altin); border-color: var(--altin); color: var(--l9); rotate: -10deg; }
.oth-kare-metin { position: absolute; left: 24px; right: 22px; bottom: 22px; display: flex; flex-direction: column; }
.oth-kare-metin strong { font: 600 clamp(1.12rem, 1.45vw, 1.45rem)/1.12 var(--serif); letter-spacing: .005em; }
.oth-kare-metin em { font-style: normal; font-size: .8rem; line-height: 1.55; color: rgba(255, 255, 255, .72); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 0; opacity: 0; margin-top: 0; transition: max-height .7s var(--egri), opacity .5s, margin .6s var(--egri); }
.oth-kare:hover .oth-kare-metin em { max-height: 5em; opacity: 1; margin-top: 10px; }
.oth-kare-ok { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; font: 700 .64rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--altin); opacity: 0; translate: 0 8px; transition: opacity .5s .1s, translate .6s var(--egri) .1s; }
.oth-kare-ok .oth-ikon { width: 14px; height: 14px; }
.oth-kare:hover .oth-kare-ok { opacity: 1; translate: 0 0; }

/* ---------- Hakkımızda kompozisyonu ---------- */
.oth-kompozisyon { position: relative; padding: 0 0 56px; }
.oth-portre { position: relative; margin: 0 0 0 14%; aspect-ratio: 4 / 5; }
.oth-portre::before { content: ""; position: absolute; inset: 24px -24px -24px 24px; border: 1px solid var(--altin); z-index: -1; }
.oth-portre img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.oth-portre-ek { position: absolute; left: 0; bottom: 0; width: 44%; aspect-ratio: 4 / 3; margin: 0; border: 8px solid var(--beyaz); box-shadow: var(--golge); overflow: hidden; }
.oth-portre-ek img { width: 100%; height: 100%; object-fit: cover; }
.oth-rozet { position: absolute; top: 34px; right: -34px; width: 136px; height: 136px; border-radius: 50%; background: var(--l8); display: grid; place-items: center; box-shadow: var(--golge); }
.oth-rozet svg { position: absolute; inset: 0; width: 100%; height: 100%; animation: othDon 28s linear infinite; }
.oth-rozet text { font: 700 9.6px var(--sans); letter-spacing: .12em; fill: var(--altin-acik); }
.oth-rozet span { font: 600 1.9rem/1 var(--serif); color: var(--beyaz); letter-spacing: .04em; }
.oth-hakkinda-metin h2 { margin: 18px 0 24px; }
.oth-ozellikler { list-style: none; margin: 34px 0 40px; padding: 0; }
.oth-ozellikler li { display: grid; grid-template-columns: 54px 1fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--cizgi); }
.oth-ozellikler li:last-child { border-bottom: 1px solid var(--cizgi); }
.oth-ozellik-ikon { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid var(--altin-acik); color: var(--altin-koyu); transition: background .4s, color .4s, border-color .4s; }
.oth-ozellik-ikon .oth-ikon { width: 23px; height: 23px; }
.oth-ozellikler li:hover .oth-ozellik-ikon { background: var(--l8); border-color: var(--l8); color: var(--altin); }
.oth-ozellikler strong { font: 600 1.35rem/1.2 var(--serif); color: var(--murekkep); }
.oth-ozellikler p { margin: 4px 0 0; font-size: .95rem; color: var(--soluk); line-height: 1.65; }
.oth-imza { font: italic 500 1.55rem var(--serif); color: var(--murekkep); margin-left: 12px; }

/* ---------- Çalışma yöntemi ---------- */
.oth-yontem { background: radial-gradient(80% 60% at 85% 0%, rgba(38, 44, 110, .55) 0%, transparent 60%), radial-gradient(60% 50% at 0% 100%, rgba(198, 164, 108, .08) 0%, transparent 60%), var(--l8); }
.oth-adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255, 255, 255, .1); }
.oth-adimlar li { position: relative; padding: 48px 34px 8px 0; }
.oth-adimlar li::before { content: ""; position: absolute; top: -1px; left: 0; width: 0; height: 1px; background: var(--altin); transition: width 1.4s var(--egri) .3s; }
.oth-adimlar li.gorundu::before { width: 100%; }
.oth-adimlar li::after { content: ""; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--altin); box-shadow: 0 0 0 6px rgba(198, 164, 108, .16); }
.oth-adim-no { display: block; font: italic 500 3.6rem/1 var(--serif); color: transparent; -webkit-text-stroke: 1px rgba(198, 164, 108, .6); margin-bottom: 22px; }
.oth-adim-ikon { position: absolute; top: 52px; right: 34px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .16); display: grid; place-items: center; color: var(--altin); }
.oth-adim-ikon .oth-ikon { width: 20px; height: 20px; }
.oth-adimlar h3 { font-size: 1.55rem; color: var(--beyaz); margin: 0 0 12px; }
.oth-adimlar p { margin: 0; font-size: .95rem; line-height: 1.7; color: rgba(255, 255, 255, .62); }

/* ---------- Bant (akademik destek) ---------- */
.oth-bant { position: relative; padding: clamp(96px, 11vw, 156px) 0; color: var(--beyaz); background: var(--l9); overflow: hidden; isolation: isolate; }
.oth-bant-arka { position: absolute; inset: -14% 0; z-index: -1; }
.oth-bant-arka img { width: 100%; height: 100%; object-fit: cover; opacity: .3; filter: grayscale(.35); will-change: transform; }
.oth-bant-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(8, 13, 34, .97) 0%, rgba(8, 13, 34, .82) 50%, rgba(13, 19, 48, .6) 100%); }
.oth-bant-ic { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(40px, 6vw, 90px); align-items: center; }
.oth-bant h2 { color: var(--beyaz); margin: 18px 0 24px; }
.oth-bant-metin p { color: rgba(255, 255, 255, .72); }
.oth-bant-metin .oth-link { margin-top: 12px; }
.oth-bant-kartlar { display: grid; gap: 18px; }
.oth-cam-kart { position: relative; display: block; padding: 32px 36px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: var(--beyaz); transition: border-color .45s, background .45s, translate .6s var(--egri); }
.oth-cam-kart:hover { border-color: rgba(198, 164, 108, .6); background: rgba(255, 255, 255, .08); translate: 0 -5px; }
.oth-cam-ikon { color: var(--altin); }
.oth-cam-ikon .oth-ikon { width: 34px; height: 34px; }
.oth-cam-kart strong { display: block; font: 600 1.8rem/1.1 var(--serif); margin: 16px 0 8px; }
.oth-cam-kart p { margin: 0; font-size: .95rem; color: rgba(255, 255, 255, .64); max-width: 80%; }
.oth-cam-kart em { position: absolute; top: 28px; right: 28px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); display: grid; place-items: center; transition: background .45s, color .45s, rotate .6s var(--egri), border-color .45s; }
.oth-cam-kart em .oth-ikon { width: 18px; height: 18px; }
.oth-cam-kart:hover em { background: var(--altin); border-color: var(--altin); color: var(--l9); rotate: 45deg; }

/* ---------- Arabuluculuk ---------- */
.oth-arabulucu-metin h2 { margin: 18px 0 24px; }
.oth-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 34px; }
.oth-cipler span, .oth-cipler a { padding: 9px 16px; border: 1px solid var(--cizgi); border-radius: 999px; font: 600 .82rem/1.2 var(--sans); color: var(--murekkep); background: var(--beyaz); transition: background .35s, color .35s, border-color .35s; }
.oth-cipler a:hover, .oth-cipler span:hover { background: var(--l8); border-color: var(--l8); color: var(--beyaz); }
.oth-arabulucu-gorsel { position: relative; }
.oth-arabulucu-gorsel img { width: 100%; aspect-ratio: 5 / 6; object-fit: cover; }
.oth-alinti-kart { position: absolute; left: -44px; bottom: 44px; max-width: 330px; margin: 0; padding: 28px 30px; background: var(--l8); color: var(--beyaz); border-left: 3px solid var(--altin); box-shadow: var(--golge); }
.oth-alinti-kart p { margin: 0; font: italic 500 1.35rem/1.4 var(--serif); }

/* ---------- Makale kartları ---------- */
.oth-makale-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.oth-mkart { display: flex; flex-direction: column; background: var(--beyaz); box-shadow: 0 1px 0 var(--cizgi); transition: translate .6s var(--egri), box-shadow .6s var(--egri); }
.oth-mkart:hover { translate: 0 -8px; box-shadow: 0 36px 70px -36px rgba(8, 13, 34, .4); }
.oth-mkart-gorsel { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--l8); }
.oth-mkart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--egri); }
.oth-mkart:hover .oth-mkart-gorsel img { transform: scale(1.07); }
.oth-mkart-etiket { position: absolute; top: 16px; left: 16px; padding: 8px 12px; background: rgba(8, 13, 34, .82); color: var(--altin-acik); font: 700 .62rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; backdrop-filter: blur(6px); }
.oth-mkart-govde { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 26px 28px 30px; }
.oth-mkart-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: .78rem; color: var(--soluk); }
.oth-mkart-ust .oth-ikon { width: 15px; height: 15px; color: var(--altin-koyu); margin-right: -6px; }
.oth-mkart-ust span::before { content: "·"; margin-right: 10px; color: var(--altin); }
.oth-mkart h3 { font-size: 1.5rem; line-height: 1.18; margin: 14px 0 12px; }
.oth-mkart h3 a:hover { color: var(--marka); }
.oth-mkart p { flex: 1; margin: 0 0 22px; font-size: .93rem; line-height: 1.7; color: var(--soluk); }
.oth-bos { color: var(--soluk); }

/* ---------- İletişim ---------- */
.oth-iletisim-izgara { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(44px, 6vw, 96px); align-items: start; }
.oth-iletisim-sol h2 { margin: 18px 0 18px; }
.oth-iletisim-liste { list-style: none; margin: 32px 0 0; padding: 0; }
.oth-iletisim-liste li { display: flex; gap: 18px; padding: 20px 0; border-top: 1px solid var(--cizgi); }
.oth-iletisim-ikon { width: 50px; height: 50px; flex: none; display: grid; place-items: center; border: 1px solid var(--altin-acik); color: var(--altin-koyu); }
.oth-iletisim-ikon .oth-ikon { width: 21px; height: 21px; }
.oth-iletisim-metin { display: flex; flex-direction: column; align-items: flex-start; }
.oth-iletisim-metin small { font: 700 .66rem/1.4 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); }
.oth-iletisim-metin strong { font: 600 1.3rem/1.35 var(--serif); color: var(--murekkep); margin: 3px 0 4px; }
.oth-iletisim-metin a { display: inline-flex; align-items: center; gap: 6px; font: 700 .7rem/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--altin-koyu); }
.oth-iletisim-metin a .oth-ikon { width: 14px; height: 14px; transition: transform .35s var(--egri); }
.oth-iletisim-metin a:hover .oth-ikon { transform: translate(2px, -2px); }

.oth-form-kutu { position: relative; background: var(--beyaz); padding: clamp(28px, 4vw, 50px); box-shadow: 0 50px 100px -50px rgba(8, 13, 34, .35), 0 0 0 1px var(--cizgi); }
.oth-form-kutu::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--altin), var(--altin-acik), var(--altin)); }
.oth-form-baslik { font-size: 1.9rem; margin: 0 0 10px; }
.oth-form-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 30px; }
.oth-alan { position: relative; display: block; }
.oth-alan--tam { grid-column: 1 / -1; }
.oth-alan input, .oth-alan select, .oth-alan textarea { width: 100%; border: 0; border-bottom: 1px solid #cdc4b3; border-radius: 0; background: linear-gradient(var(--altin), var(--altin)) no-repeat 0 100% / 0 2px; padding: 28px 0 10px; font: 500 1rem/1.4 var(--sans); color: var(--murekkep); outline: none; transition: background-size .5s var(--egri), border-color .3s; -webkit-appearance: none; appearance: none; }
.oth-alan select { cursor: pointer; background-image: linear-gradient(var(--altin), var(--altin)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a6a38' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat, no-repeat; background-position: 0 100%, right 2px center; background-size: 0 2px, 18px; padding-right: 28px; }
.oth-alan textarea { resize: vertical; min-height: 120px; }
.oth-alan input:focus, .oth-alan textarea:focus { background-size: 100% 2px; }
.oth-alan select:focus { background-size: 100% 2px, 18px; }
.oth-alan > span { position: absolute; left: 0; top: 27px; font-size: .96rem; color: var(--soluk); pointer-events: none; transform-origin: left top; transition: transform .35s var(--egri), color .3s; }
.oth-alan input:focus + span, .oth-alan input:not(:placeholder-shown) + span, .oth-alan textarea:focus + span, .oth-alan textarea:not(:placeholder-shown) + span, .oth-alan--secim > span { transform: translateY(-20px) scale(.76); color: var(--altin-koyu); font-weight: 700; letter-spacing: .06em; }
.oth-alan.hatali input, .oth-alan.hatali textarea { border-bottom-color: #b3261e; }
.oth-alan.hatali > span { color: #b3261e; }
.oth-onay { display: flex; align-items: flex-start; gap: 12px; margin: 26px 0; font-size: .84rem; line-height: 1.6; color: var(--soluk); cursor: pointer; }
.oth-onay input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--altin-koyu); }
.oth-onay a { color: var(--murekkep); text-decoration: underline; text-decoration-color: var(--altin); text-underline-offset: 3px; }
.oth-onay.hatali { color: #b3261e; }
.oth-bal { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.oth-form-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
.oth-form-alt button[disabled] { opacity: .6; pointer-events: none; }
.oth-form-not { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: .8rem; color: var(--soluk); }
.oth-form-not .oth-ikon { color: var(--altin-koyu); width: 17px; }
.oth-form-sonuc p { margin: 20px 0 0; padding: 14px 18px; font-size: .92rem; line-height: 1.55; border-left: 3px solid; animation: othBelirSade .5s ease; }
.oth-basarili { background: #edf6ef; border-color: #2e7d4f !important; color: #1d5535; }
.oth-hata { background: #fbeeee; border-color: #b3261e !important; color: #7d1a14; }

.oth-harita { position: relative; aspect-ratio: 16 / 7; min-height: 320px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(rgba(13, 19, 48, .68), rgba(8, 13, 34, .86)), url(../img/iletisim-ofis.jpg) center / cover; }
.oth-iletisim-izgara .oth-harita { aspect-ratio: 4 / 3.4; }
.oth-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.3) contrast(1.05); }
.oth-harita-ac { display: inline-flex; align-items: center; gap: 16px; padding: 18px 28px 18px 20px; border: 0; background: var(--beyaz); color: var(--murekkep); text-align: left; box-shadow: var(--golge); transition: translate .5s var(--egri); }
.oth-harita-ac:hover { translate: 0 -4px; }
.oth-harita-ac .oth-ikon { width: 30px; height: 30px; color: var(--altin-koyu); }
.oth-harita-ac span { display: flex; flex-direction: column; line-height: 1.3; }
.oth-harita-ac strong { font: 600 1.3rem var(--serif); }
.oth-harita-ac small { font-size: .8rem; color: var(--soluk); }

/* ---------- İç sayfa karşılaması ---------- */
.oth-sayfa-hero { position: relative; min-height: clamp(470px, 66vh, 640px); display: flex; align-items: flex-end; padding: 190px 0 86px; color: var(--beyaz); background: var(--l9); overflow: hidden; isolation: isolate; }
.oth-sayfa-hero--kisa { min-height: clamp(400px, 54vh, 520px); }
.oth-sayfa-hero-arka { position: absolute; inset: 0; z-index: -1; }
.oth-sayfa-hero-arka img { width: 100%; height: 100%; object-fit: cover; animation: othKen 18s cubic-bezier(.2, .6, .2, 1) both; }
.oth-sayfa-hero-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 13, 34, .95) 0%, rgba(8, 13, 34, .78) 48%, rgba(8, 13, 34, .45) 100%), linear-gradient(0deg, rgba(8, 13, 34, .85) 0%, transparent 45%); }
.oth-sayfa-hero h1 { font-size: clamp(2.6rem, 5.4vw, 4.8rem); line-height: 1.02; color: var(--beyaz); margin: 18px 0 0; max-width: 950px; }
.oth-sayfa-hero-alt { max-width: 660px; margin: 20px 0 0; font-size: 1.08rem; line-height: 1.75; color: rgba(255, 255, 255, .72); }
.oth-sayfa-hero-ikon { width: 66px; height: 66px; border-radius: 50%; border: 1px solid rgba(198, 164, 108, .5); display: grid; place-items: center; color: var(--altin); margin: 28px 0 20px; background: rgba(255, 255, 255, .04); }
.oth-sayfa-hero-ikon .oth-ikon { width: 28px; height: 28px; }
.oth-sayfa-hero-ikon + .oth-ust { display: flex; }
.oth-sayfa-hero-cizgi { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--altin), rgba(198, 164, 108, .15) 55%, transparent); transform-origin: left; transform: scaleX(0); animation: othCubuk 1.8s var(--egri) .5s forwards; }
.oth-yol ol { display: flex; flex-wrap: wrap; gap: 6px 10px; list-style: none; margin: 0 0 22px; padding: 0; font: 700 .7rem/1.4 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.oth-yol li + li::before { content: "/"; margin-right: 10px; color: var(--altin); }
.oth-yol a { color: rgba(255, 255, 255, .78); }
.oth-yol a:hover { color: var(--altin); }

/* ---------- Metin içeriği ---------- */
.oth-yazi-icerik { font-size: 1.06rem; line-height: 1.85; color: var(--metin); }
.oth-yazi-icerik > p:first-child, .oth-yazi-icerik .oth-giris { margin-top: 0; }
.oth-yazi-icerik .oth-giris { font-size: clamp(1.3rem, 2vw, 1.55rem); padding-left: 26px; border-left: 2px solid var(--altin); margin-bottom: 1.6em; }
.oth-yazi-icerik h2 { font-size: clamp(1.8rem, 2.8vw, 2.35rem); margin: 1.9em 0 .6em; }
.oth-yazi-icerik h3 { font-size: 1.5rem; margin: 1.6em 0 .5em; }
.oth-yazi-icerik a { color: var(--marka); text-decoration: underline; text-decoration-color: var(--altin); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.oth-yazi-icerik a:hover { color: var(--altin-koyu); }
.oth-yazi-icerik ul, .oth-yazi-icerik ol { padding-left: 1.3em; margin: 0 0 1.4em; }
.oth-yazi-icerik li { margin: .45em 0; }
.oth-yazi-icerik li::marker { color: var(--altin-koyu); }
.oth-yazi-icerik strong { color: var(--murekkep); }
.oth-yazi-icerik blockquote { margin: 2em 0; padding: 6px 0 6px 28px; border-left: 2px solid var(--altin); font: italic 500 1.5rem/1.5 var(--serif); color: var(--murekkep); }
.oth-yazi-icerik img { margin: 2em 0; }

/* ---------- Faaliyet alanı sayfası ---------- */
.oth-alan-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: clamp(44px, 6vw, 90px); align-items: start; }
.oth-alan-icerik { counter-reset: bolum; }
.oth-alan-bolum h2::before { counter-increment: bolum; content: counter(bolum, decimal-leading-zero); display: block; margin-bottom: 8px; font: italic 500 1.05rem/1 var(--serif); letter-spacing: .1em; color: var(--altin-koyu); }
.oth-konular { margin: 2.4em 0 1em; padding: 36px 38px; background: var(--kagit); border-top: 3px solid var(--altin); }
.oth-konular h2 { font-size: 1.75rem; margin: 0 0 22px; }
.oth-onay-liste { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 30px; }
.oth-onay-liste li { display: flex; gap: 12px; margin: 0; font-size: .97rem; line-height: 1.5; font-weight: 600; color: var(--murekkep); }
.oth-onay-liste .oth-ikon { width: 22px; height: 22px; padding: 4px; border-radius: 50%; border: 1px solid var(--altin); color: var(--altin-koyu); flex: none; }
.oth-not { display: flex; gap: 16px; align-items: flex-start; margin: 2.8em 0 0; padding: 22px 26px; background: var(--kagit); border: 1px solid var(--cizgi); font-size: .9rem; line-height: 1.65; color: var(--soluk); }
.oth-not .oth-ikon { width: 26px; height: 26px; color: var(--altin-koyu); }
.oth-not p { margin: 0; }

.oth-yan { position: sticky; top: 110px; display: grid; gap: 22px; }
.oth-yan-kutu { padding: 30px; background: var(--kagit); }
.oth-yan-kutu h3 { font-size: 1.45rem; margin: 0 0 16px; }
.oth-yan-alanlar ul { list-style: none; margin: 0; padding: 0; }
.oth-yan-alanlar a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; font: 600 .88rem/1.35 var(--sans); color: var(--metin); border-left: 2px solid transparent; transition: background .3s, color .3s, border-color .3s, padding .4s var(--egri); }
.oth-yan-alanlar a .oth-ikon { width: 18px; height: 18px; color: var(--altin-koyu); }
.oth-yan-alanlar a:hover { background: var(--beyaz); color: var(--murekkep); padding-left: 16px; }
.oth-yan-alanlar li.aktif a { background: var(--l8); color: var(--beyaz); border-color: var(--altin); }
.oth-yan-alanlar li.aktif .oth-ikon { color: var(--altin); }
.oth-yan-iletisim { position: relative; overflow: hidden; background: radial-gradient(120% 80% at 100% 0%, rgba(38, 44, 110, .9) 0%, transparent 60%), var(--l8); color: var(--beyaz); }
.oth-yan-iletisim .oth-ust { color: var(--altin); }
.oth-yan-iletisim h3 { color: var(--beyaz); margin: 14px 0 20px; }
.oth-yan-tel { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font: 600 1.5rem var(--serif); color: var(--beyaz); }
.oth-yan-tel .oth-ikon { color: var(--altin); width: 20px; }
.oth-yan-tel:hover { color: var(--altin); }
.oth-yan-wa { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; font-size: .86rem; color: rgba(255, 255, 255, .72); }
.oth-yan-wa:hover { color: var(--beyaz); }
.oth-yan-wa .oth-ikon { color: #3ddc84; }

.oth-alan-gezin { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: clamp(70px, 8vw, 110px); }
.oth-alan-gezin a { display: flex; align-items: center; gap: 20px; padding: 26px 30px; border: 1px solid var(--cizgi); color: var(--murekkep); transition: background .45s, color .45s, border-color .45s; }
.oth-alan-gezin-sonraki { justify-content: flex-end; text-align: right; }
.oth-alan-gezin span { display: flex; flex-direction: column; }
.oth-alan-gezin small { font: 700 .66rem/1.5 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); }
.oth-alan-gezin strong { font: 600 1.4rem/1.25 var(--serif); }
.oth-alan-gezin .oth-ikon { width: 24px; height: 24px; color: var(--altin-koyu); transition: transform .45s var(--egri); }
.oth-alan-gezin a:hover { background: var(--l8); border-color: var(--l8); color: var(--beyaz); }
.oth-alan-gezin a:hover small, .oth-alan-gezin a:hover .oth-ikon { color: var(--altin); }
.oth-alan-gezin-onceki:hover .oth-ikon { transform: translateX(-5px); }
.oth-alan-gezin-sonraki:hover .oth-ikon { transform: translateX(5px); }

/* ---------- Kurumsal: değerler, bilgi kartları, profil ---------- */
.oth-metin h2 { margin: 18px 0 26px; }
.oth-degerler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.oth-deger, .oth-bilgi-kart { position: relative; padding: 40px 32px 36px; background: var(--beyaz); overflow: hidden; transition: translate .6s var(--egri), box-shadow .6s var(--egri); }
.oth-bilgi-kart { border: 1px solid var(--cizgi); }
.oth-deger::after, .oth-bilgi-kart::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--altin); transform: scaleX(0); transform-origin: left; transition: transform .7s var(--egri); }
.oth-deger:hover, .oth-bilgi-kart:hover { translate: 0 -6px; box-shadow: var(--golge); }
.oth-deger:hover::after, .oth-bilgi-kart:hover::after { transform: scaleX(1); }
.oth-deger-no { position: absolute; top: 20px; right: 24px; font: italic 500 2.8rem/1 var(--serif); color: var(--kagit-2); }
.oth-deger-ikon, .oth-bilgi-ikon { width: 58px; height: 58px; border-radius: 50%; border: 1px solid var(--altin-acik); display: grid; place-items: center; color: var(--altin-koyu); margin-bottom: 26px; transition: background .45s, color .45s, border-color .45s; }
.oth-deger-ikon .oth-ikon, .oth-bilgi-ikon .oth-ikon { width: 24px; height: 24px; }
.oth-deger:hover .oth-deger-ikon, .oth-bilgi-kart:hover .oth-bilgi-ikon { background: var(--l8); border-color: var(--l8); color: var(--altin); }
.oth-deger h3, .oth-bilgi-kart h3 { font-size: 1.55rem; margin: 0 0 10px; }
.oth-deger p, .oth-bilgi-kart p { margin: 0; font-size: .95rem; line-height: 1.7; color: var(--soluk); }

.oth-profil { display: grid; grid-template-columns: minmax(300px, 430px) 1fr; gap: clamp(48px, 7vw, 110px); align-items: start; }
.oth-profil-gorsel { position: sticky; top: 110px; }
.oth-profil-gorsel .oth-portre { margin: 0 24px 0 0; }
.oth-profil-kart { position: relative; z-index: 1; margin: -70px 0 0 28px; padding: 26px 28px; background: var(--l8); color: var(--beyaz); box-shadow: var(--golge); }
.oth-profil-kart strong { display: block; font: 600 1.55rem/1.2 var(--serif); }
.oth-profil-kart > span { display: block; margin-top: 6px; font: 700 .66rem/1.4 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--altin); }
.oth-profil-baglanti { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .12); }
.oth-profil-baglanti a { display: inline-flex; align-items: center; gap: 8px; font-size: .9rem; color: rgba(255, 255, 255, .82); }
.oth-profil-baglanti a:hover { color: var(--altin); }
.oth-profil-baglanti .oth-ikon { color: var(--altin); width: 17px; }
.oth-profil-metin h2 { margin: 18px 0 26px; }
.oth-profil-metin p:not(.oth-giris) { font-size: 1.04rem; }
.oth-alinti-buyuk { position: relative; margin: 38px 0; padding: 8px 0 8px 36px; border-left: 2px solid var(--altin); }
.oth-alinti-buyuk p { margin: 0; font: italic 500 clamp(1.4rem, 2.2vw, 1.75rem)/1.45 var(--serif); color: var(--murekkep); }
.oth-profil-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--cizgi); border: 1px solid var(--cizgi); margin: 36px 0; }
.oth-profil-ozet div { background: var(--beyaz); padding: 24px 22px; display: flex; flex-direction: column; gap: 4px; }
.oth-profil-ozet .oth-ikon { width: 24px; height: 24px; color: var(--altin-koyu); margin-bottom: 8px; }
.oth-profil-ozet strong { font: 600 1.35rem/1.2 var(--serif); color: var(--murekkep); }
.oth-profil-ozet small { font-size: .82rem; color: var(--soluk); line-height: 1.5; }
.oth-kucuk-baslik { font: 700 .74rem/1.4 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--soluk); margin: 34px 0 14px; }
.oth-cipler--link { margin-top: 0; }

/* ---------- Makale sayfası ---------- */
.oth-okuma { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 102; pointer-events: none; }
.oth-okuma span { display: block; height: 100%; background: linear-gradient(90deg, var(--altin-koyu), var(--altin)); transform-origin: left; transform: scaleX(0); }
.admin-bar .oth-okuma { top: 32px; }
.oth-etiket { display: inline-block; margin-top: 4px; padding: 8px 14px; background: var(--altin); color: var(--l9); font: 700 .64rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; }
.oth-yazi-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 28px; font-size: .9rem; color: rgba(255, 255, 255, .75); }
.oth-yazi-meta span { display: inline-flex; align-items: center; gap: 9px; }
.oth-yazi-meta .oth-ikon { width: 17px; height: 17px; color: var(--altin); }
.oth-yazi-yazar img { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--altin); object-fit: cover; }
.oth-yazi-duzen { display: grid; grid-template-columns: minmax(0, 780px) 320px; justify-content: center; gap: clamp(44px, 6vw, 96px); align-items: start; }
.oth-icindekiler ol { list-style: none; margin: 0; padding: 0; }
.oth-icindekiler a { display: block; padding: 8px 0 8px 16px; font-size: .88rem; line-height: 1.45; color: var(--soluk); border-left: 2px solid var(--cizgi); transition: color .3s, border-color .3s, padding .4s var(--egri); }
.oth-icindekiler a:hover { color: var(--murekkep); padding-left: 20px; }
.oth-icindekiler a.aktif { color: var(--murekkep); font-weight: 700; border-left-color: var(--altin); }
.oth-ilac-liste { list-style: none; padding: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.oth-ilac-liste li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; padding: 14px 18px; background: var(--kagit); border-left: 2px solid var(--altin); }
.oth-ilac-liste strong { font: 600 1.2rem var(--serif); }
.oth-ilac-liste span { font-size: .88rem; font-style: italic; color: var(--soluk); }
.oth-kalemler { list-style: none; padding: 0 !important; margin: 1.4em 0 2em !important; counter-reset: kalem; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.oth-kalemler li { counter-increment: kalem; position: relative; margin: 0; padding: 24px 24px 22px 74px; background: var(--beyaz); border: 1px solid var(--cizgi); line-height: 1.55; transition: border-color .4s, box-shadow .5s; }
.oth-kalemler li:hover { border-color: var(--altin-acik); box-shadow: var(--golge); }
.oth-kalemler li::before { content: counter(kalem, decimal-leading-zero); position: absolute; left: 22px; top: 20px; font: italic 600 1.7rem/1 var(--serif); color: var(--altin-koyu); }
.oth-kalemler strong { display: block; font: 600 1.25rem/1.25 var(--serif); margin-bottom: 6px; }
.oth-kalemler span { font-size: .93rem; color: var(--soluk); }
.oth-uyari { margin: 2.2em 0; padding: 26px 30px; background: #fbf6ec; border: 1px solid #ecdcbc; border-left: 4px solid var(--altin); }
.oth-uyari strong { display: block; font: 600 1.4rem/1.3 var(--serif); color: var(--murekkep); }
.oth-uyari strong::before { content: "!"; display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: 12px; border-radius: 50%; background: var(--altin); color: var(--l9); font: 800 .95rem/1 var(--sans); vertical-align: 3px; }
.oth-uyari p { margin: 10px 0 0; }
.oth-sss { border-top: 1px solid var(--cizgi); margin: 1em 0 2.2em; }
.oth-sss-oge { border-bottom: 1px solid var(--cizgi); }
.oth-sss-oge summary { position: relative; list-style: none; cursor: pointer; padding: 22px 60px 22px 0; font: 600 1.3rem/1.35 var(--serif); color: var(--murekkep); transition: color .3s; }
.oth-sss-oge summary::-webkit-details-marker { display: none; }
.oth-sss-oge summary::after { content: "+"; position: absolute; right: 2px; top: 50%; translate: 0 -50%; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--cizgi); display: grid; place-items: center; font: 400 1.3rem/1 var(--sans); color: var(--altin-koyu); transition: background .35s, color .35s, rotate .45s var(--egri); }
.oth-sss-oge[open] summary::after { content: "−"; background: var(--l8); color: var(--altin); border-color: var(--l8); rotate: 180deg; }
.oth-sss-oge summary:hover { color: var(--marka); }
.oth-sss-cevap p { margin: 0 0 22px; animation: othBelirSade .5s ease; }
.oth-paylas { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--cizgi); }
.oth-paylas > span { font: 700 .7rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--soluk); margin-right: 8px; }
.oth-paylas a, .oth-paylas button { position: relative; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--cizgi); background: var(--beyaz); color: var(--murekkep) !important; display: grid; place-items: center; text-decoration: none !important; transition: background .35s, color .35s, border-color .35s; }
.oth-paylas a:hover, .oth-paylas button:hover { background: var(--l8); border-color: var(--l8); color: var(--altin) !important; }
.oth-paylas .oth-ikon { width: 18px; height: 18px; }
.oth-paylas button em { position: absolute; bottom: calc(100% + 8px); left: 50%; translate: -50% 4px; padding: 6px 10px; background: var(--l8); color: var(--beyaz); font: 600 .72rem/1 var(--sans); font-style: normal; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .3s, translate .3s; }
.oth-paylas button.kopyalandi em { opacity: 1; translate: -50% 0; }
.oth-yazar-kutu { display: flex; gap: 24px; align-items: flex-start; margin-top: 40px; padding: 32px; background: var(--kagit); }
.oth-yazar-kutu img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex: none; border: 2px solid var(--beyaz); box-shadow: 0 0 0 1px var(--altin); margin: 0; }
.oth-yazar-kutu small { font: 700 .66rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--altin-koyu); }
.oth-yazar-kutu strong { display: block; font: 600 1.55rem/1.2 var(--serif); margin: 8px 0; }
.oth-yazar-kutu p { margin: 0 0 12px; font-size: .95rem; color: var(--soluk); line-height: 1.65; }
.oth-yazar-kutu .oth-link { text-decoration: none; color: var(--murekkep); }

/* ---------- Makale listesi ---------- */
.oth-filtre { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 46px; }
.oth-filtre a { padding: 10px 18px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--beyaz); font: 600 .85rem/1.2 var(--sans); color: var(--metin); transition: background .35s, color .35s, border-color .35s; }
.oth-filtre a small { opacity: .55; margin-left: 4px; }
.oth-filtre a:hover, .oth-filtre a.aktif { background: var(--l8); border-color: var(--l8); color: var(--beyaz); }
.oth-sayfalama .nav-links { display: flex; justify-content: center; gap: 8px; margin-top: 60px; }
.oth-sayfalama .page-numbers { min-width: 46px; height: 46px; display: grid; place-items: center; padding: 0 12px; border: 1px solid var(--cizgi); background: var(--beyaz); font-weight: 700; color: var(--murekkep); }
.oth-sayfalama .page-numbers.current, .oth-sayfalama a.page-numbers:hover { background: var(--l8); border-color: var(--l8); color: var(--beyaz); }
.oth-sayfalama .oth-ikon { width: 18px; }
.oth-bos-kutu { text-align: center; max-width: 520px; margin: 0 auto; }
.oth-bos-kutu > .oth-ikon { width: 48px; height: 48px; color: var(--altin-koyu); margin: 0 auto 16px; }
.search-form { display: flex; gap: 8px; margin-top: 20px; }
.search-form label { flex: 1; }
.search-form .search-field { width: 100%; padding: 14px 16px; border: 1px solid var(--cizgi); font: inherit; }
.search-form .search-submit { padding: 14px 20px; border: 0; background: var(--l8); color: var(--beyaz); font-weight: 700; }

/* ---------- Alt çağrı ve alt bilgi ---------- */
.oth-alt-cta { position: relative; padding: clamp(84px, 9vw, 126px) 0; color: var(--beyaz); background: var(--l9); overflow: hidden; isolation: isolate; }
.oth-alt-cta-arka { position: absolute; inset: -14% 0; z-index: -1; }
.oth-alt-cta-arka img { width: 100%; height: 100%; object-fit: cover; opacity: .32; will-change: transform; }
.oth-alt-cta-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 13, 34, .97) 20%, rgba(8, 13, 34, .7) 100%); }
.oth-alt-cta-ic { display: flex; align-items: center; justify-content: space-between; gap: 34px 60px; flex-wrap: wrap; }
.oth-alt-cta h2 { color: var(--beyaz); margin: 16px 0 14px; }
.oth-alt-cta p { margin: 0; max-width: 520px; color: rgba(255, 255, 255, .7); }

.oth-alt { position: relative; padding: 96px 0 0; background: var(--l9); color: rgba(255, 255, 255, .62); border-top: 1px solid rgba(255, 255, 255, .06); overflow: hidden; }
.oth-alt .oth-kap { position: relative; z-index: 1; }
.oth-alt-izgara { display: grid; grid-template-columns: 1.25fr 1.55fr .8fr; gap: 60px; padding-bottom: 64px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.oth-alt-marka .oth-logo img { width: 260px; }
.oth-alt-marka p { margin: 26px 0 26px; font-size: .92rem; line-height: 1.8; max-width: 380px; }
.oth-alt h3 { font: 700 .72rem/1 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--altin); margin: 10px 0 26px; }
.oth-alt ul { list-style: none; margin: 0; padding: 0; }
.oth-alt-alanlar ul { columns: 2; column-gap: 36px; }
.oth-alt-alanlar li, .oth-alt-sutun li { margin: 0 0 13px; break-inside: avoid; }
.oth-alt-alanlar a, .oth-alt-sutun a { display: inline-flex; align-items: center; font-size: .93rem; line-height: 1.45; color: rgba(255, 255, 255, .74); }
.oth-alt-alanlar a::before, .oth-alt-sutun a::before { content: ""; width: 0; height: 1px; margin-right: 0; background: var(--altin); transition: width .4s var(--egri), margin .4s var(--egri); }
.oth-alt-alanlar a:hover, .oth-alt-sutun a:hover { color: var(--beyaz); }
.oth-alt-alanlar a:hover::before, .oth-alt-sutun a:hover::before { width: 14px; margin-right: 10px; }
.oth-alt-iletisim li { margin: 0 0 12px; }
.oth-alt-iletisim a { display: flex; gap: 12px; align-items: flex-start; font-size: .9rem; line-height: 1.55; color: rgba(255, 255, 255, .74); }
.oth-alt-iletisim a:hover { color: var(--beyaz); }
.oth-alt-iletisim .oth-ikon { width: 17px; height: 17px; margin-top: 3px; color: var(--altin); }
.oth-alt-not { display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 26px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); font-size: .78rem; line-height: 1.65; color: rgba(255, 255, 255, .45); }
.oth-alt-not .oth-ikon { width: 20px; height: 20px; color: var(--altin); margin-top: 1px; }
.oth-alt-son { display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding: 24px 0 30px; font-size: .8rem; }
.oth-alt-son a { color: var(--altin-acik); }
.oth-alt-son a:hover { color: var(--beyaz); }
.oth-alt-dev { position: absolute; right: -1vw; bottom: -5.5vw; font: 600 21vw/1 var(--serif); letter-spacing: -.02em; color: rgba(255, 255, 255, .025); pointer-events: none; user-select: none; }

.oth-wa-yuzen { position: fixed; right: 22px; bottom: 22px; z-index: 90; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: var(--beyaz); display: grid; place-items: center; box-shadow: 0 16px 34px -12px rgba(37, 211, 102, .7); transition: transform .45s var(--egri); }
.oth-wa-yuzen::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #25d366; animation: othNabiz 2.4s ease-out infinite; }
.oth-wa-yuzen:hover { transform: scale(1.08); }
.oth-wa-yuzen .oth-ikon { width: 28px; height: 28px; }
.oth-yukari { position: fixed; right: 23px; bottom: 90px; z-index: 90; width: 54px; height: 54px; border: 0; border-radius: 50%; background: var(--l8); color: var(--beyaz); display: grid; place-items: center; opacity: 0; visibility: hidden; translate: 0 14px; box-shadow: 0 14px 30px -12px rgba(8, 13, 34, .6); transition: opacity .4s, translate .5s var(--egri), visibility 0s .4s, background .3s; }
.oth-yukari.gorunur { opacity: 1; visibility: visible; translate: 0 0; transition-delay: 0s; }
.oth-yukari:hover { background: var(--altin); color: var(--l9); }
.oth-yukari > .oth-ikon { width: 20px; height: 20px; }
.oth-yukari-halka { position: absolute; inset: 0; width: 100%; height: 100%; rotate: -90deg; }
.oth-yukari-halka circle { fill: none; stroke: var(--altin); stroke-width: 2; stroke-dasharray: 1; stroke-dashoffset: var(--ilerleme, 1); }

/* ---------- 404 ---------- */
.oth-404 { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 170px 0 110px; color: var(--beyaz); background: var(--l9); overflow: hidden; isolation: isolate; }
.oth-404-arka { position: absolute; inset: 0; z-index: -1; }
.oth-404-arka img { width: 100%; height: 100%; object-fit: cover; object-position: 75% center; opacity: .5; }
.oth-404-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 13, 34, .97) 25%, rgba(8, 13, 34, .45) 100%); }
.oth-404-kod { display: block; font: 600 clamp(7rem, 20vw, 15rem)/.8 var(--serif); color: transparent; -webkit-text-stroke: 1px rgba(198, 164, 108, .6); margin-bottom: 26px; }
.oth-404 h1 { font-size: clamp(2.4rem, 4.6vw, 3.9rem); color: var(--beyaz); max-width: 760px; margin: 18px 0; }
.oth-404 p { max-width: 560px; color: rgba(255, 255, 255, .7); margin-bottom: 36px; }

/* ---------- Belirme animasyonları ---------- */
html.oth-js [data-oth-gor] { opacity: 0; }
html.oth-js [data-oth-gor].gorundu { animation: othBelir 1.05s var(--egri) both; animation-delay: var(--gecikme, 0ms); }
html.oth-js [data-oth-gor="sol"].gorundu { animation-name: othSoldan; }
html.oth-js [data-oth-gor="sag"].gorundu { animation-name: othSagdan; }
html.oth-js [data-oth-gor="maske"] { opacity: 1; }
html.oth-js [data-oth-gor="maske"] img { clip-path: inset(0 0 0 100%); }
html.oth-js [data-oth-gor="maske"] .oth-alinti-kart { opacity: 0; }
html.oth-js [data-oth-gor="maske"].gorundu { animation: none; }
html.oth-js [data-oth-gor="maske"].gorundu img { animation: othMaske 1.4s var(--egri-sert) both; }
html.oth-js [data-oth-gor="maske"].gorundu .oth-alinti-kart { animation: othBelir 1s var(--egri) .8s both; }
html.oth-js .oth-kompozisyon.gorundu .oth-portre-ek { animation: othBelir 1.1s var(--egri) .5s both; }
html.oth-js .oth-kompozisyon.gorundu .oth-rozet { animation: othOlcek 1s var(--egri) .8s both; }

html.oth-anim-yok [data-oth-gor], html.oth-anim-yok [data-oth-gor] img, html.oth-anim-yok [data-oth-gor] * { opacity: 1 !important; animation: none !important; clip-path: none !important; }
html.oth-anim-yok [data-oth-bol] { visibility: visible !important; }
html.oth-anim-yok .oth-k > span { translate: none !important; animation: none !important; }
html.oth-anim-yok .oth-adimlar li::before { width: 100%; }

@keyframes othBelir { from { opacity: 0; translate: 0 36px; } to { opacity: 1; translate: 0 0; } }
@keyframes othSoldan { from { opacity: 0; translate: -50px 0; } to { opacity: 1; translate: 0 0; } }
@keyframes othSagdan { from { opacity: 0; translate: 50px 0; } to { opacity: 1; translate: 0 0; } }
@keyframes othOlcek { from { opacity: 0; scale: .6; } to { opacity: 1; scale: 1; } }
@keyframes othBelirSade { from { opacity: 0; } to { opacity: 1; } }
@keyframes othKelime { from { translate: 0 108%; } to { translate: 0 0; } }
@keyframes othMaske { to { clip-path: inset(0 0 0 0); } }
@keyframes othKen { from { transform: scale(1.16); } to { transform: scale(1); } }
@keyframes othSutun { to { transform: scaleY(1); } }
@keyframes othKay { to { transform: translateX(-50%); } }
@keyframes othKaydir { 0% { top: -18px; } 70%, 100% { top: 100%; } }
@keyframes othNabiz { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.55); opacity: 0; } }
@keyframes othDon { to { transform: rotate(360deg); } }
@keyframes othCiz { to { stroke-dashoffset: 0; } }
@keyframes othDoldur { to { fill: #f4ecdc; stroke-width: .6; } }
@keyframes othCubuk { to { transform: scaleX(1); } }
@keyframes othYukleyiciKapat { to { visibility: hidden; } }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.oth-serit-ic { animation: none; }
}

/* ---------- Duyarlı düzen ---------- */
@media (max-width: 1240px) {
	.oth-baslik-tel-metin { display: none; }
	.oth-menu > li > a { padding: 12px 12px; }
	.oth-menu > li > a::after { left: 12px; right: 12px; }
	.oth-menu > li.oth-mega > a { padding-right: 30px; }
}

@media (max-width: 1100px) {
	.oth-hamburger { display: block; }
	.oth-nav { position: fixed; inset: 0; z-index: 2; margin: 0; padding: 120px 28px 40px; background: radial-gradient(90% 60% at 100% 0%, rgba(38, 44, 110, .7), transparent 60%), var(--l9); overflow-y: auto; display: flex; flex-direction: column; visibility: hidden; opacity: 0; clip-path: circle(0% at calc(100% - 50px) 50px); transition: clip-path .8s var(--egri-sert), opacity .3s, visibility 0s .8s; }
	.oth-menu-acik .oth-nav { visibility: visible; opacity: 1; clip-path: circle(150% at calc(100% - 50px) 50px); transition-delay: 0s; }
	.oth-menu-acik { overflow: hidden; }
	.oth-menu { flex-direction: column; align-items: stretch; gap: 0; }
	.oth-menu > li { border-bottom: 1px solid rgba(255, 255, 255, .08); opacity: 0; translate: 40px 0; transition: opacity .5s, translate .7s var(--egri); }
	.oth-menu-acik .oth-menu > li { opacity: 1; translate: 0 0; }
	.oth-menu-acik .oth-menu > li:nth-child(1) { transition-delay: .25s; } .oth-menu-acik .oth-menu > li:nth-child(2) { transition-delay: .3s; } .oth-menu-acik .oth-menu > li:nth-child(3) { transition-delay: .35s; } .oth-menu-acik .oth-menu > li:nth-child(4) { transition-delay: .4s; } .oth-menu-acik .oth-menu > li:nth-child(5) { transition-delay: .45s; } .oth-menu-acik .oth-menu > li:nth-child(6) { transition-delay: .5s; } .oth-menu-acik .oth-menu > li:nth-child(7) { transition-delay: .55s; }
	.oth-menu > li > a { padding: 18px 0; font: 600 clamp(1.7rem, 5vw, 2.2rem)/1.1 var(--serif); letter-spacing: 0; }
	.oth-menu > li > a::after { display: none; }
	.oth-menu > li.oth-mega > a { padding-right: 56px; }
	.oth-alt-ac { pointer-events: auto; right: 0; width: 46px; height: 46px; top: 38px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; }
	.oth-mega:hover > .oth-alt-ac, .oth-mega:focus-within > .oth-alt-ac { rotate: 0deg; }
	.oth-mega.acik > .oth-alt-ac { rotate: 180deg; }
	.oth-mega-panel { position: static; width: auto; padding: 0 0 16px; translate: none; opacity: 1; visibility: visible; display: none; transition: none; }
	.oth-mega:hover > .oth-mega-panel, .oth-mega:focus-within > .oth-mega-panel { translate: none; }
	.oth-mega.acik > .oth-mega-panel { display: block; }
	.oth-mega-ic { display: block; background: transparent; box-shadow: none; border: 0; }
	.oth-mega-liste { grid-template-columns: 1fr; padding: 0; }
	.oth-mega-liste a { color: rgba(255, 255, 255, .82); padding: 9px 0; }
	.oth-mega-liste a:hover { background: none; color: var(--altin); }
	.oth-mega-ikon { border-color: rgba(198, 164, 108, .4); color: var(--altin); }
	.oth-mega-yan { display: none; }
	.oth-nav-mobil-alt { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 34px; font-size: .95rem; opacity: 0; transition: opacity .6s .5s; }
	.oth-menu-acik .oth-nav-mobil-alt { opacity: 1; }
	.oth-nav-mobil-alt a:not(.oth-btn), .oth-nav-mobil-alt span { display: inline-flex; gap: 10px; align-items: flex-start; color: rgba(255, 255, 255, .75); }
	.oth-nav-mobil-alt .oth-ikon { color: var(--altin); width: 18px; height: 18px; margin-top: 3px; }
	.oth-menu-acik .oth-baslik.gizli { transform: none; }
}

@media (max-width: 1024px) {
	.oth-iki, .oth-bant-ic, .oth-iletisim-izgara, .oth-alan-duzen, .oth-yazi-duzen, .oth-profil { grid-template-columns: 1fr; }
	.oth-yan, .oth-profil-gorsel { position: static; }
	.oth-yan--yazi .oth-icindekiler { display: none; }
	.oth-kompozisyon { max-width: 560px; }
	.oth-profil-gorsel { max-width: 520px; }
	.oth-degerler { grid-template-columns: 1fr 1fr; }
	.oth-adimlar { grid-template-columns: 1fr 1fr; row-gap: 20px; }
	.oth-makale-izgara { grid-template-columns: 1fr 1fr; }
	.oth-alt-izgara { grid-template-columns: 1fr 1fr; }
	.oth-alt-marka { grid-column: 1 / -1; }
	.oth-hero-ic { flex-direction: column; align-items: flex-start; justify-content: center; }
	.oth-hero-kart { align-self: flex-start; }
	.oth-arabulucu-gorsel { max-width: 620px; }
	.oth-alinti-kart { left: auto; right: -12px; }
}

@media (max-width: 900px) {
	.oth-kareler { grid-template-columns: 1fr 1fr; gap: 12px; }
	.oth-kare-metin strong { font-size: clamp(1.1rem, 3.4vw, 1.5rem); }
	.oth-uc { grid-template-columns: 1fr; }
}

@media (max-width: 782px) {
	.admin-bar .oth-baslik, .admin-bar .oth-okuma { top: 46px; }
}

@media (max-width: 760px) {
	body { font-size: 15.5px; }
	.oth-kap { width: min(1240px, 100% - 32px); }
	.oth-ust-serit { display: none; }
	.oth-baslik-ic, .oth-baslik.kaydi .oth-baslik-ic { height: 74px; }
	.oth-logo img, .oth-baslik.kaydi .oth-logo img { width: 176px; }
	.oth-baslik-tel-ikon { width: 44px; height: 44px; }
	.oth-hero-ic { padding: 130px 0 40px; }
	.oth-hero h1 { font-size: clamp(2.5rem, 11vw, 3.4rem); }
	.oth-hero-aciklama { font-size: 1rem; }
	.oth-hero-kart { display: none; }
	.oth-hero-alt-ic { padding: 22px 0; }
	.oth-sayilar { width: 100%; justify-content: space-between; }
	.oth-sayilar > div { flex-direction: column; align-items: flex-start; gap: 6px; padding: 0 14px; }
	.oth-sayilar strong { font-size: 2.2rem; }
	.oth-sayilar > div > span { font-size: .6rem; letter-spacing: .1em; }
	.oth-kaydir { display: none; }
	.oth-bolum-ust { flex-direction: column; align-items: flex-start; gap: 22px; margin-bottom: 40px; }
	.oth-kare-metin { left: 16px; right: 14px; bottom: 16px; }
	.oth-kare-metin em { display: none; }
	.oth-kare-ok { opacity: 1; translate: 0 0; margin-top: 8px; font-size: .56rem; }
	.oth-kare-no { top: 16px; left: 16px; font-size: .95rem; }
	.oth-kare-ikon { width: 40px; height: 40px; top: 12px; right: 12px; }
	.oth-kare-ikon .oth-ikon { width: 18px; height: 18px; }
	.oth-kare-cerceve { inset: 8px; }
	.oth-portre { margin-left: 8%; }
	.oth-portre::before { inset: 16px -14px -16px 16px; }
	.oth-rozet { width: 104px; height: 104px; right: -10px; top: 16px; }
	.oth-rozet text { font-size: 9px; }
	.oth-rozet span { font-size: 1.5rem; }
	.oth-adimlar, .oth-degerler, .oth-makale-izgara, .oth-form-izgara, .oth-onay-liste, .oth-kalemler, .oth-ilac-liste, .oth-alan-gezin, .oth-profil-ozet, .oth-alt-izgara { grid-template-columns: 1fr; }
	.oth-adimlar li { padding: 40px 0 8px; }
	.oth-adim-ikon { right: 0; top: 44px; }
	.oth-alinti-kart { position: relative; right: auto; bottom: auto; left: auto; margin: -40px 16px 0; }
	.oth-konular { padding: 28px 24px; }
	.oth-cam-kart { padding: 26px 24px; }
	.oth-cam-kart p { max-width: none; padding-right: 40px; }
	.oth-alan-gezin-sonraki { justify-content: space-between; }
	.oth-sayfa-hero { padding: 140px 0 64px; min-height: 420px; }
	.oth-sayfa-hero h1 { font-size: clamp(2.3rem, 9.5vw, 3.2rem); }
	.oth-alt-alanlar ul { columns: 1; }
	.oth-alt { padding-top: 70px; }
	.oth-alt-son { flex-direction: column; }
	.oth-yazar-kutu { flex-direction: column; padding: 26px; }
	.oth-harita { aspect-ratio: 4 / 3.4; }
	.oth-wa-yuzen { width: 52px; height: 52px; right: 16px; bottom: 16px; }
	.oth-yukari { right: 17px; bottom: 80px; width: 50px; height: 50px; }
	.oth-form-alt { flex-direction: column; align-items: stretch; }
	.oth-form-alt .oth-btn { width: 100%; }
}

@media (hover: none) {
	.oth-kare-ok { opacity: 1; translate: 0 0; }
}