@font-face {
  font-family: "EB Garamond";
  src: url(/fonts/eb-garamond.f41e5ff7.woff2) format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url(/fonts/source-sans-3.cb967f3b.woff2) format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@property --isik {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
:root {
  --lacivert: #18252e;
  --lacivert-0: #121c23;
  --lacivert-2: #1f303b;
  --lacivert-3: #2a3f4d;
  --arduvaz: #384f5d;
  --altin: #a88749;
  --altin-acik: #c4a76b;
  --altin-parlak: #dcc590;
  --altin-koyu: #7a5f2c;
  --gri-acik: #c3cbcf;
  --gri-koyu: #9eaab0;
  --fildisi: #f7f4ee;
  --beyaz: #fff;
  --metin: #23313a;
  --metin-soluk: #56636b;
  --cizgi: #e2dbcc;
  --hata: #a33a28;
  --serif: "EB Garamond", Garamond, "Times New Roman", serif;
  --sans: "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --kap: 1160px;
  --yaricap: 4px;
  --gecis: .25s ease;
  --yavas: cubic-bezier(.16, 1, .3, 1);
  --ust-h: 72px;  
  --bk: 1;
  --doku: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  --susleme: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='10' viewBox='0 0 84 10'%3E%3Cpath d='M0 5h34M50 5h34' stroke='%23a88749' stroke-width='1.2'/%3E%3Cpath d='M42 1l4 4-4 4-4-4z' fill='%23a88749'/%3E%3C/svg%3E");
  --susleme-acik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='10' viewBox='0 0 84 10'%3E%3Cpath d='M0 5h34M50 5h34' stroke='%23c4a76b' stroke-width='1.2'/%3E%3Cpath d='M42 1l4 4-4 4-4-4z' fill='%23c4a76b'/%3E%3C/svg%3E");
}
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--ust-h) + 16px);
}
body {
  margin: 0;
  overflow-x: clip;
  background: var(--beyaz);
  color: var(--metin);
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.65;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
img { height: auto; }
::selection { background: rgba(168, 135, 73, .3); color: inherit; }
h1, h2, h3 {
  font-family: var(--serif);
  font-weight: 500;
  line-height: 1.15;
  color: var(--lacivert);
  margin: 0 0 .5em;
  text-wrap: balance;
}
h1 { font-size: calc(clamp(2.1rem, 1.5rem + 2.4vw, 3.1rem) * var(--bk)); }
h2 { font-size: calc(clamp(1.75rem, 1.35rem + 1.5vw, 2.45rem) * var(--bk)); }
h3 { font-size: 1.4rem; }
p { margin: 0 0 1em; }
a { color: var(--altin-koyu); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--lacivert); }
:focus-visible { outline: 3px solid var(--altin-koyu); outline-offset: 3px; border-radius: 2px; }
:is(.ust, .kahraman, .sayfa-basi, .bolum.koyu, .alt, .harita) :focus-visible { outline-color: var(--altin-acik); }
.gorunmez {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.atla {
  position: absolute; left: 16px; top: -100px; z-index: 100;
  background: var(--altin); color: var(--lacivert);
  padding: .6em 1em; border-radius: var(--yaricap); font-weight: 600; text-decoration: none;
}
.atla:focus { top: 12px; }
.kap { width: min(100% - 32px, var(--kap)); margin-inline: auto; }
@keyframes solukGel { from { opacity: 0; } }
@keyframes belir { from { opacity: 0; translate: 0 34px; } }
@keyframes belirAz { from { opacity: 0; translate: 0 14px; } }
@keyframes belirSol { from { opacity: 0; translate: -46px 0; } }
@keyframes belirSag { from { opacity: 0; translate: 46px 0; } }
@keyframes cizgiAc { from { transform: scaleX(0); } }
@keyframes don { to { rotate: 360deg; } }
@keyframes donSvg { to { transform: rotate(360deg); } }
@keyframes suz { from { transform: translateY(0) rotate(0); } to { transform: translateY(-14px) rotate(-2deg); } }
@keyframes ciz { from { stroke-dashoffset: 1; } }
html.js:not(.erb-hareket) [data-reveal]:not(.gorundu) { opacity: 0; }
html.js:not(.erb-hareket) [data-reveal].gorundu { animation: belir 1s var(--yavas) var(--gecikme, 0ms) backwards; }
html.js:not(.erb-hareket) [data-reveal="sol"].gorundu { animation-name: belirSol; }
html.js:not(.erb-hareket) [data-reveal="sag"].gorundu { animation-name: belirSag; }
@media (max-width: 859px) {
  html.js:not(.erb-hareket) [data-reveal="sol"].gorundu,
  html.js:not(.erb-hareket) [data-reveal="sag"].gorundu { animation-name: belir; }
}
html.js:not(.erb-hareket) .gorundu [data-sirali] > *,
html.js:not(.erb-hareket) [data-sirali].gorundu > * {
  animation: belirAz .8s var(--yavas) calc(var(--gecikme, 0ms) + 250ms + var(--sira, 0) * 70ms) backwards;
}
.onizleme {
  background: #fbf1d3; color: #5a4512;
  font-size: .875rem; text-align: center;
  padding: .45em 16px; border-bottom: 1px solid #ead9a6;
}
.eksik {
  display: inline-block;
  border: 1.5px dashed #c9a24a;
  background: rgba(201, 162, 74, .14);
  border-radius: 4px;
  padding: 0 .45em;
  font-style: normal;
  line-height: 1.5;
}
.ust {
  position: sticky; top: 0; z-index: 60;
  background: var(--lacivert);
  transition: transform .55s var(--yavas), background-color .35s ease, box-shadow .35s ease;
  view-transition-name: ust;
}
.ust::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, rgba(196, 167, 107, 0), rgba(196, 167, 107, .42) 18%, rgba(196, 167, 107, .42) 82%, rgba(196, 167, 107, 0));
}
.ust.kaydi { background: rgba(18, 28, 35, .96); box-shadow: 0 14px 34px -22px rgba(0, 0, 0, .7); }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .ust.kaydi {
    background: rgba(18, 28, 35, .82);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    backdrop-filter: blur(14px) saturate(150%);
  }
}
html.ust-gizli .ust { transform: translateY(-100%); box-shadow: none; }
html.ust-gizli .ust:focus-within { transform: none; }
.ilerleme {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 2px;
  background: linear-gradient(90deg, var(--altin-koyu), var(--altin-parlak));
  transform: scaleX(0); transform-origin: 0 50%;
  pointer-events: none;
}
.ust-ic {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 10px 32px; padding-block: 14px;
}
.marka { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; }
.marka-amblem { width: 62px; height: auto; flex: none; transition: transform .7s var(--yavas); }
.marka:hover .marka-amblem { transform: rotate(-5deg) scale(1.06); }
.marka-yazi { display: flex; flex-direction: column; font-family: var(--serif); line-height: 1.05; }
.marka-ad { color: var(--gri-acik); font-size: 1.28rem; letter-spacing: .07em; transition: color .3s ease; }
.marka-soyad { color: var(--altin-acik); font-size: .93rem; letter-spacing: .14em; margin-top: 3px; }
.marka:hover .marka-ad { color: var(--beyaz); }
.menu ul { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 30px; list-style: none; margin: 0; padding: 0; }
.menu a {
  position: relative; display: inline-block; padding: 8px 0;
  color: var(--gri-acik); text-decoration: none;
  font-size: .97rem; font-weight: 500; letter-spacing: .03em;
  transition: color .3s ease;
}
.menu a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 3px; height: 1.5px;
  background: var(--altin-acik); transform: scaleX(0);
  transition: transform .5s var(--yavas);
}
.menu a:hover { color: var(--beyaz); }
.menu a:hover::after, .menu a[aria-current="page"]::after { transform: scaleX(1); }
.menu a[aria-current="page"] { color: var(--altin-acik); }
@media (min-width: 640px) {
  .menu .menu-vurgu a {
    padding: 9px 22px; border: 1px solid rgba(196, 167, 107, .6); border-radius: 999px;
    color: var(--altin-acik);
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
  }
  .menu .menu-vurgu a::after { display: none; }
  .menu .menu-vurgu a:hover,
  .menu .menu-vurgu a[aria-current="page"] { background: var(--altin); border-color: var(--altin); color: var(--lacivert); }
}
@media (max-width: 639px) {
  :root { --ust-h: 108px; }
  .ust-ic { padding-block: 12px 4px; }
  .marka-amblem { width: 54px; }
  .menu { width: 100%; border-top: 1px solid rgba(195, 203, 207, .12); }
  .menu ul { justify-content: space-between; gap: 0 12px; }
  .menu a { font-size: .95rem; padding: 10px 0; }
}
.kahraman {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; justify-content: center;
  min-height: 600px;
  min-height: clamp(560px, calc(100svh - var(--ust-alt, var(--ust-h))), 940px);
  padding-block: clamp(72px, 10vw, 120px) clamp(112px, 12vw, 150px);
  background:
    radial-gradient(120% 85% at 50% 30%, #22343f 0%, rgba(24, 37, 46, 0) 62%),
    var(--lacivert);
  color: var(--gri-acik);
  text-align: center;
}
.kahraman::before {
  content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background-image: var(--doku); opacity: .07;
}
.kahraman::after {
  content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background: linear-gradient(90deg, rgba(196, 167, 107, .07) 0 1px, transparent 1px) center / 112px 100% repeat-x;
  -webkit-mask-image: radial-gradient(70% 62% at 50% 42%, #000 10%, transparent 80%);
  mask-image: radial-gradient(70% 62% at 50% 42%, #000 10%, transparent 80%);
}
.kz { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.kz-isik {
  position: absolute; left: 50%; top: 40%;
  width: min(980px, 140vw); aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(196, 167, 107, .17), rgba(196, 167, 107, .06) 46%, rgba(196, 167, 107, 0) 72%);
  translate: calc(-50% + var(--mx, 0) * 80px) calc(-50% + var(--my, 0) * 56px);
  transition: translate 1.6s var(--yavas);
  animation: isikSuz 18s ease-in-out infinite alternate, solukGel 2.4s ease both;
}
@keyframes isikSuz {
  0% { transform: translate(-5%, -3%) scale(1); }
  50% { transform: translate(4%, 2%) scale(1.1); }
  100% { transform: translate(-1%, 5%) scale(.95); }
}
.kahraman-cerceve {
  position: absolute; inset: clamp(12px, 2.2vw, 28px); z-index: -1; pointer-events: none;
  border: 1px solid rgba(196, 167, 107, .13);
  animation: cerceveGel 1.8s .2s var(--yavas) both;
}
.kahraman-cerceve i { position: absolute; width: 28px; height: 28px; border: 0 solid rgba(196, 167, 107, .6); }
.kahraman-cerceve i:nth-child(1) { top: -1px; left: -1px; border-width: 1.5px 0 0 1.5px; }
.kahraman-cerceve i:nth-child(2) { top: -1px; right: -1px; border-width: 1.5px 1.5px 0 0; }
.kahraman-cerceve i:nth-child(3) { bottom: -1px; left: -1px; border-width: 0 0 1.5px 1.5px; }
.kahraman-cerceve i:nth-child(4) { bottom: -1px; right: -1px; border-width: 0 1.5px 1.5px 0; }
@keyframes cerceveGel { from { opacity: 0; scale: 1.035; } }
.kahraman-ic {
  display: flex; flex-direction: column; align-items: center;
  transform: translate3d(0, calc(var(--kaydir, 0) * .3px), 0);
  opacity: max(.15, calc(1 - var(--kaydir, 0) / 650));
}
.logo-buyuk {
  --w: clamp(230px, 64vw, 400px);
  display: flex; flex-direction: column; align-items: center;
  margin: 0; font-weight: 400; line-height: 1;
}
.lb-amblem-kap { position: relative; display: block; width: var(--w); animation: amblemGel 1.6s .15s var(--yavas) both; }
.lb-amblem-kap::before, .lb-amblem-kap::after {
  content: ""; position: absolute; left: 50%; top: 50%; z-index: -1;
  aspect-ratio: 1; border-radius: 50%; translate: -50% -50%; pointer-events: none;
}
.lb-amblem-kap::before { width: 128%; border: 1px solid rgba(196, 167, 107, .15); animation: halkaGel 2s .3s var(--yavas) both; }
.lb-amblem-kap::after {
  width: 160%; border: 1px dashed rgba(196, 167, 107, .2);
  animation: halkaGel 2.2s .45s var(--yavas) both, don 160s linear infinite;
}
.lb-amblem { width: 100%; height: auto; }
.lb-parilti {
  position: absolute; inset: 0; pointer-events: none;
  -webkit-mask: url(/img/amblem.svg) center / 100% 100% no-repeat;
  mask: url(/img/amblem.svg) center / 100% 100% no-repeat;
  background: linear-gradient(105deg, rgba(255, 233, 184, 0) 40%, rgba(255, 233, 184, .8) 50%, rgba(255, 233, 184, 0) 60%) 100% 0 / 300% 100% no-repeat;
  animation: parilti 8s 2.2s ease-in-out infinite;
}
@keyframes amblemGel { from { opacity: 0; scale: .9; filter: blur(6px); } }
@keyframes halkaGel { from { opacity: 0; scale: .72; } }
@keyframes parilti { 0% { background-position: 100% 0; } 22%, 100% { background-position: 0 0; } }
.lb-ad, .lb-soyad { display: block; font-family: var(--serif); white-space: nowrap; }
.lb-ad {
  color: var(--gri-acik);
  font-size: calc(var(--w) * .1603);
  letter-spacing: .037em;
  margin: calc(var(--w) * .052) 0 0 .037em;
  animation: harfAc 1.6s .55s var(--yavas) both;
}
.lb-soyad {
  color: #b09a69;
  font-size: calc(var(--w) * .1119);
  letter-spacing: .06em;
  margin: calc(var(--w) * .052) 0 0 .06em;
  animation: harfAc 1.6s .75s var(--yavas) both;
}
@keyframes harfAc { from { opacity: 0; letter-spacing: .38em; filter: blur(10px); } }
.kahraman-alt {
  display: flex; align-items: center; gap: 16px;
  margin: clamp(26px, 4vw, 40px) 0 0;
  color: var(--altin-acik);
  font-size: .82rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
  animation: solukGel 1.2s 1.2s ease both;
}
.kahraman-alt::before, .kahraman-alt::after {
  content: ""; width: clamp(22px, 6vw, 64px); height: 1px; background: rgba(196, 167, 107, .55);
  animation: cizgiAc 1.4s 1.3s var(--yavas) both;
}
.kahraman-alt::before { transform-origin: 100% 50%; }
.kahraman-alt::after { transform-origin: 0 50%; }
@media (max-width: 479px) {
  .kahraman-alt { font-size: .76rem; letter-spacing: .13em; }
  .kahraman-alt::before, .kahraman-alt::after { display: none; }
}
.dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 14px; margin-top: 32px; }
.kahraman .dugmeler { animation: belir 1.2s 1.5s var(--yavas) both; }
.kaydir {
  position: absolute; left: 50%; bottom: clamp(20px, 3.4vw, 40px); translate: -50% 0;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  color: var(--gri-koyu); text-decoration: none;
  font-size: .68rem; font-weight: 600; letter-spacing: .32em; text-transform: uppercase;
  animation: solukGel 1s 2s ease both;
}
.kaydir:hover { color: var(--altin-acik); }
.kaydir-cizgi { position: relative; display: block; width: 1px; height: 48px; overflow: hidden; background: rgba(196, 167, 107, .22); }
.kaydir-cizgi::after {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 45%;
  background: var(--altin-acik); transform: translateY(-100%);
  animation: damla 2.4s 2.4s cubic-bezier(.6, 0, .3, 1) infinite;
}
@keyframes damla { 0% { transform: translateY(-100%); } 75%, 100% { transform: translateY(230%); } }
@media (max-height: 620px) { .kaydir { display: none; } }
.serit { position: relative; overflow: hidden; background: var(--lacivert-0); border-block: 1px solid rgba(196, 167, 107, .2); }
.serit-ic {
  padding-block: 20px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.serit-yol { display: flex; width: max-content; animation: serit 80s linear infinite; }
.serit:hover .serit-yol { animation-play-state: paused; }
.serit ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.serit li {
  display: flex; align-items: center;
  font-family: var(--serif); font-size: clamp(1.2rem, 1rem + .7vw, 1.6rem);
  color: var(--gri-acik); white-space: nowrap; letter-spacing: .02em;
}
.serit li::after {
  content: ""; flex: none; width: 7px; height: 7px;
  margin-inline: clamp(22px, 3vw, 44px);
  background: var(--altin); transform: rotate(45deg);
}
@keyframes serit { to { transform: translateX(-50%); } }
.dugme {
  position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center; gap: .55em;
  min-height: 48px; padding: .7em 1.7em;
  background: var(--altin); color: var(--lacivert);
  border: 1.5px solid var(--altin); border-radius: var(--yaricap);
  font-family: var(--sans); font-size: .98rem; font-weight: 600; letter-spacing: .03em;
  text-decoration: none; cursor: pointer;
  transition: background-color .35s ease, border-color .35s ease, color .35s ease, transform .45s var(--yavas), box-shadow .45s var(--yavas);
}
.dugme::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 70%);
  transform: translateX(-120%);
  transition: transform .9s var(--yavas);
}
.dugme:hover { background: var(--altin-acik); border-color: var(--altin-acik); color: var(--lacivert); transform: translateY(-2px); box-shadow: 0 14px 26px -16px rgba(168, 135, 73, .9); }
.dugme:hover::after { transform: translateX(120%); }
.dugme .ikon-kucuk { transition: transform .45s var(--yavas); }
.dugme:hover .ikon-kucuk { transform: translateX(4px); }
.dugme.cerceve { background: transparent; color: var(--gri-acik); border-color: rgba(196, 167, 107, .7); }
.dugme.cerceve::before, .dugme.cerceve-koyu::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: rgba(196, 167, 107, .16); transform: scaleY(0); transform-origin: 50% 100%;
  transition: transform .5s var(--yavas);
}
.dugme.cerceve:hover { background: transparent; color: var(--beyaz); border-color: var(--altin-acik); box-shadow: none; }
.dugme.cerceve:hover::before, .dugme.cerceve-koyu:hover::before { transform: scaleY(1); }
.dugme.cerceve-koyu { background: transparent; color: var(--lacivert); border-color: var(--lacivert); }
.dugme.cerceve-koyu::before { background: var(--lacivert); }
.dugme.cerceve-koyu:hover { background: transparent; color: var(--beyaz); border-color: var(--lacivert); box-shadow: none; }
.dugme[disabled] { opacity: .6; cursor: progress; }
.ok-baglanti {
  display: inline-flex; align-items: center; gap: .45em;
  font-weight: 600; text-decoration: none; color: var(--altin-koyu);
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  padding-bottom: 2px;
  transition: color .3s ease, background-size .5s var(--yavas);
}
.ok-baglanti:hover { color: var(--lacivert); background-size: 100% 1px; }
.ok-baglanti:hover .ikon-kucuk { transform: translateX(4px); }
.ikon { width: 22px; height: 22px; flex: none; }
.ikon-kucuk { width: 1.05em; height: 1.05em; flex: none; transition: transform .45s var(--yavas); }
.bolum { position: relative; padding-block: clamp(64px, 9vw, 112px); }
.bolum.acik { background: var(--fildisi); }
.bolum.koyu {
  isolation: isolate; overflow: hidden;
  background:
    radial-gradient(80% 70% at 12% 0%, #22343f 0%, rgba(24, 37, 46, 0) 60%),
    radial-gradient(70% 60% at 100% 100%, #1f303b 0%, rgba(24, 37, 46, 0) 65%),
    var(--lacivert);
  color: var(--gri-acik);
}
.bolum.koyu::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: var(--doku); opacity: .06;
}
.bolum.koyu::after {
  content: ""; position: absolute; z-index: -1; right: -90px; top: 50%;
  width: clamp(320px, 44vw, 640px); aspect-ratio: 667 / 398; translate: 0 -50%;
  background: url(/img/amblem.svg) no-repeat center / contain; opacity: .05; pointer-events: none;
  animation: suz 16s ease-in-out infinite alternate;
}
.bolum.koyu h2, .bolum.koyu h3 { color: var(--beyaz); }
.ust-baslik {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0 0 .8em;
  color: var(--altin-koyu);
  font-size: .78rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
}
.ust-baslik::before { content: ""; flex: none; width: 30px; height: 1px; background: currentColor; opacity: .7; }
:is(.baslik-blok.orta, .hata-sayfa) .ust-baslik::after { content: ""; flex: none; width: 30px; height: 1px; background: currentColor; opacity: .7; }
.bolum.koyu .ust-baslik { color: var(--altin-acik); }
.baslik-blok { margin-bottom: clamp(36px, 5vw, 58px); }
.baslik-blok h2::after {
  content: ""; display: block; width: 84px; height: 10px; margin-top: .5em;
  background: var(--susleme) no-repeat 0 50% / contain;
  transform-origin: 0 50%;
}
.baslik-blok.orta { text-align: center; }
.baslik-blok.orta h2::after { margin-inline: auto; transform-origin: 50% 50%; }
.bolum.koyu .baslik-blok h2::after { background-image: var(--susleme-acik); }
html.js:not(.erb-hareket) .baslik-blok.gorundu h2::after,
html.js:not(.erb-hareket) .gorundu .baslik-blok h2::after {
  animation: cizgiAc 1.4s var(--yavas) calc(var(--gecikme, 0ms) + 350ms) backwards;
}
.giris { max-width: 60ch; margin: 1em 0 0; color: var(--metin-soluk); font-size: 1.08rem; }
.baslik-blok.orta .giris { margin-inline: auto; }
.orta { text-align: center; }
.iki-sutun { display: grid; gap: clamp(40px, 6vw, 80px); align-items: center; }
@media (min-width: 860px) {
  .iki-sutun { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .iki-sutun.hakkinda-giris { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; }
}
.portre-sahne { position: relative; isolation: isolate; width: 100%; max-width: 420px; justify-self: center; margin: 0 26px 26px 0; }
.portre-sahne::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  translate: 22px 22px;
  border: 1px solid rgba(168, 135, 73, .6); border-radius: var(--yaricap);
}
html.js:not(.erb-hareket) .portre-sahne.gorundu::before { animation: cerceveKay 1.6s var(--yavas) calc(var(--gecikme, 0ms) + 300ms) backwards; }
@keyframes cerceveKay { from { translate: 0 0; opacity: 0; } }
@media (max-width: 859px) { .portre-sahne { max-width: 300px; } }
.portre { position: relative; margin: 0; border-radius: var(--yaricap); overflow: hidden; background: var(--lacivert); aspect-ratio: 4 / 5; width: 100%; }
.portre img { width: 100%; height: 100%; object-fit: cover; }
.portre-bos {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px;
  isolation: isolate;
  background: radial-gradient(90% 70% at 50% 40%, #243744 0%, var(--lacivert) 70%);
  border: 1px solid rgba(168, 135, 73, .3);
}
.portre-bos::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: var(--doku), linear-gradient(90deg, rgba(196, 167, 107, .3) 0 1px, transparent 1px) center / 48px 100% repeat-x;
  opacity: .14;
}
.portre-bos img { width: 52%; height: auto; opacity: .55; animation: nefes 6s ease-in-out infinite alternate; }
@keyframes nefes { from { opacity: .42; scale: .97; } to { opacity: .62; scale: 1.02; } }
.portre-bos figcaption { color: var(--gri-acik); font-size: .95rem; }
.muhur {
  position: absolute; right: -36px; bottom: -36px; z-index: 2;
  width: clamp(116px, 12vw, 148px); height: auto;
  filter: drop-shadow(0 12px 20px rgba(24, 37, 46, .25));
}
.muhur-zemin { fill: var(--fildisi); stroke: var(--altin); stroke-width: 1.5; }
.muhur-cizgi { fill: none; stroke: rgba(168, 135, 73, .55); stroke-width: 1; }
.muhur text { font-family: var(--serif); font-size: 12.5px; font-weight: 500; letter-spacing: .1em; fill: var(--lacivert); }
.muhur-don { transform-origin: 100px 100px; animation: donSvg 40s linear infinite; }
@media (max-width: 859px) { .muhur { right: -16px; bottom: -22px; width: 104px; } }
.hakkinda-ozet > p:not(.ust-baslik) { color: var(--metin-soluk); }
.hakkinda-ozet h2 { margin-bottom: .6em; }
.mini-kunye {
  display: flex; flex-wrap: wrap; gap: 14px 40px;
  margin: 28px 0 30px; padding: 18px 0;
  border-block: 1px solid var(--cizgi);
}
.mini-kunye div { display: grid; gap: 2px; }
.mini-kunye dt { color: var(--metin-soluk); font-size: .74rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.mini-kunye dd { margin: 0; font-family: var(--serif); font-size: 1.32rem; color: var(--lacivert); }
.alanlar-bolum { isolation: isolate; overflow: hidden; }
.alanlar-bolum::before {
  content: ""; position: absolute; z-index: -1; left: -140px; top: 36px;
  width: clamp(320px, 40vw, 560px); aspect-ratio: 667 / 398;
  background: url(/img/amblem.svg) no-repeat center / contain; opacity: .04; pointer-events: none;
}
.alan-izgara {
  display: grid; gap: 20px; grid-auto-rows: 1fr;
  list-style: none; margin: 0; padding: 0;
}
@media (min-width: 760px) { .alan-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.alan-kart {
  --isik: 0;
  position: relative; display: flex; align-items: flex-start; gap: 22px;
  padding: 30px 28px 26px;
  background:
    radial-gradient(420px circle at var(--px, 50%) var(--py, 0%), rgb(168 135 73 / calc(var(--isik) * .14)), transparent 60%),
    var(--beyaz);
  border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  color: var(--metin);
  transition: border-color .4s ease, box-shadow .55s var(--yavas), transform .55s var(--yavas);
  transition: --isik .5s ease, border-color .4s ease, box-shadow .55s var(--yavas), transform .55s var(--yavas);
}
.alan-kart::before {
  content: ""; position: absolute; left: 28px; right: 28px; top: -1px; height: 2px;
  background: linear-gradient(90deg, var(--altin), var(--altin-parlak));
  transform: scaleX(.18); transform-origin: left; transition: transform .7s var(--yavas);
}
.alan-kart:hover { --isik: 1; border-color: #d6c7a5; box-shadow: 0 24px 46px -28px rgba(24, 37, 46, .4); transform: translateY(-4px); }
.alan-kart:hover::before { transform: scaleX(1); }
.alan-link, .alan-link:hover { color: inherit; text-decoration: none; }
.alan-link::after { content: ""; position: absolute; inset: 0; z-index: 3; }
@supports selector(:has(a)) {
  .alan-link:focus-visible { outline: none; }
  .alan-kart:has(.alan-link:focus-visible) { outline: 3px solid var(--altin-koyu); outline-offset: 3px; }
}
.kart-ikon {
  position: relative; display: grid; place-items: center; flex: none;
  width: 54px; height: 54px;
  border: 1px solid rgba(168, 135, 73, .45); border-radius: 50%;
  background: var(--fildisi); color: var(--altin-koyu);
  transition: background-color .45s ease, color .45s ease, border-color .45s ease, transform .7s var(--yavas);
}
.kart-ikon svg { width: 26px; height: 26px; }
.kart-ikon::after {
  content: ""; position: absolute; inset: -7px; border-radius: 50%;
  border: 1px dashed rgba(168, 135, 73, .55);
  opacity: 0; scale: .85;
  transition: opacity .45s ease, scale .6s var(--yavas);
}
.alan-kart:hover .kart-ikon { background: var(--altin); border-color: var(--altin); color: var(--lacivert); transform: rotate(-8deg); }
.alan-kart:hover .kart-ikon::after { opacity: 1; scale: 1; animation: don 14s linear infinite; }
:is(.kart-no, .ab-filigran, .mv-filigran)::before { content: attr(data-no); }
.kart-no {
  position: absolute; bottom: 12px; right: 22px;
  font-family: var(--serif); font-size: 3.2rem; line-height: 1;
  color: var(--altin); opacity: .16; pointer-events: none;
  transition: opacity .5s ease, transform .7s var(--yavas);
}
.alan-kart:hover .kart-no { opacity: .34; transform: translateY(-3px); }
.alan-no { font-family: var(--serif); color: var(--altin-koyu); font-size: 1.05rem; letter-spacing: .08em; margin: 0 0 .5em; }
.kart-metin { flex: 1; min-width: 0; align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; }
.alan-kart h3 { font-size: clamp(1.38rem, 1.25rem + .4vw, 1.6rem); margin-bottom: .35em; }
.kart-metin > p { color: var(--metin-soluk); font-size: 1rem; margin-bottom: 1.1em; padding-right: 30px; }
.alan-ok { margin-top: auto; display: inline-flex; align-items: center; gap: .4em; color: var(--altin-koyu); font-size: .92rem; font-weight: 600; }
.alan-kart:hover .alan-ok .ikon-kucuk { transform: translateX(5px); }
@media (max-width: 479px) {
  .alan-kart { gap: 16px; padding: 24px 20px 22px; }
  .alan-kart .kart-ikon { width: 46px; height: 46px; }
  .alan-kart .kart-ikon svg { width: 22px; height: 22px; }
  .alan-kart .kart-ikon::after { inset: -5px; }
  .kart-metin > p { padding-right: 0; }
}
.mv-ana { display: grid; gap: 44px; }
@media (min-width: 860px) { .mv-ana { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 64px; } }
.mv-baslik {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0 0 20px;
  font-family: var(--sans); font-size: .8rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
  color: var(--altin-koyu);
}
.mv-baslik::before { content: ""; flex: none; width: 30px; height: 1px; background: currentColor; }
.mv-metin {
  margin: 0;
  font-family: var(--serif); font-size: calc(clamp(1.2rem, 1.08rem + .45vw, 1.45rem) * var(--bk));
  line-height: 1.45; color: var(--lacivert); text-wrap: pretty;
}
.mv-ayrac { display: none; }
@media (min-width: 860px) {
  .mv-ayrac {
    display: block; position: relative; width: 1px;
    background: linear-gradient(rgba(168, 135, 73, 0), rgba(168, 135, 73, .6) 22%, rgba(168, 135, 73, .6) 78%, rgba(168, 135, 73, 0));
  }
  .mv-ayrac::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px;
    background: var(--altin); transform: translate(-50%, -50%) rotate(45deg);
  }
}
.ilke-izgara {
  display: grid; gap: 22px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  list-style: none; margin: 0; padding: 0;
}
.ilke {
  --isik: 0;
  position: relative; padding: 36px 28px 32px;
  border: 1px solid rgba(196, 167, 107, .2); border-radius: var(--yaricap);
  background:
    radial-gradient(360px circle at var(--px, 50%) var(--py, 0%), rgb(196 167 107 / calc(var(--isik) * .12)), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .01));
  transition: border-color .4s ease, transform .55s var(--yavas), box-shadow .55s var(--yavas);
  transition: --isik .5s ease, border-color .4s ease, transform .55s var(--yavas), box-shadow .55s var(--yavas);
}
.ilke:hover { --isik: 1; border-color: rgba(196, 167, 107, .5); transform: translateY(-4px); box-shadow: 0 26px 50px -32px rgba(0, 0, 0, .85); }
.ilke-no { position: absolute; top: 24px; right: 26px; font-family: var(--serif); font-size: 1.15rem; letter-spacing: .1em; color: var(--altin-acik); opacity: .75; }
.ilke-ikon-kap {
  position: relative; display: grid; place-items: center;
  width: 62px; height: 62px; margin-bottom: 24px;
  border: 1px solid rgba(196, 167, 107, .45); border-radius: 50%;
}
.ilke-ikon-kap::after {
  content: ""; position: absolute; inset: -8px; border-radius: 50%;
  border: 1px dashed rgba(196, 167, 107, .32);
  transition: border-color .4s ease;
}
.ilke:hover .ilke-ikon-kap::after { border-color: rgba(196, 167, 107, .7); animation: don 12s linear infinite; }
.ilke-ikon { width: 30px; height: 30px; color: var(--altin-acik); }
.cizim path { stroke-dasharray: 1; }
html.js:not(.erb-hareket) .gorundu .cizim path { animation: ciz 1.9s var(--yavas) calc(var(--gecikme, 0ms) + 300ms) backwards; }
.ilke h3 { font-size: 1.5rem; margin-bottom: .4em; }
.ilke p { color: var(--gri-koyu); margin: 0; font-size: 1rem; }
.iletisim-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
.iletisim-liste li { display: flex; gap: 16px; align-items: flex-start; }
.iletisim-liste .ikon {
  width: 46px; height: 46px; padding: 11px; flex: none;
  color: var(--altin-koyu); background: var(--fildisi);
  border: 1px solid var(--cizgi); border-radius: 50%;
  transition: background-color .4s ease, color .4s ease, border-color .4s ease, transform .6s var(--yavas);
}
.iletisim-liste li:hover .ikon { background: var(--altin); border-color: var(--altin); color: var(--lacivert); transform: rotate(-8deg) scale(1.05); }
.il-etiket { display: block; color: var(--metin-soluk); font-size: .78rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 2px; }
.il-deger { display: block; color: var(--metin); font-size: 1.04rem; overflow-wrap: anywhere; }
.il-deger a { color: var(--metin); text-decoration-color: rgba(122, 95, 44, .45); }
.il-deger a:hover { color: var(--altin-koyu); }
.iletisim-kart {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; gap: 44px; align-items: center;
  padding: clamp(30px, 5vw, 64px);
  background: var(--beyaz);
  border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  box-shadow: 0 34px 70px -46px rgba(24, 37, 46, .45);
}
@media (min-width: 860px) { .iletisim-kart { grid-template-columns: 1fr 1fr; gap: 64px; } }
.iletisim-kart::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, var(--altin-koyu), var(--altin-parlak), var(--altin-koyu)) 0 0 / 200% 100%;
  animation: akis 7s linear infinite;
}
@keyframes akis { to { background-position: -200% 0; } }
.iletisim-kart::after {
  content: ""; position: absolute; z-index: -1; left: -70px; bottom: -70px;
  width: clamp(260px, 30vw, 380px); aspect-ratio: 667 / 398;
  background: url(/img/amblem.svg) no-repeat center / contain; opacity: .05; pointer-events: none;
}
.ik-metin > p:not(.ust-baslik) { color: var(--metin-soluk); max-width: 46ch; }
.sayfa-basi {
  position: relative; isolation: isolate; overflow: hidden;
  background: radial-gradient(90% 140% at 85% 0%, #22343f 0%, rgba(24, 37, 46, 0) 60%), var(--lacivert);
  color: var(--gri-acik);
  padding-block: clamp(52px, 8vw, 104px) clamp(52px, 7vw, 96px);
}
.sayfa-basi::before {
  content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background-image: var(--doku); opacity: .07;
}
.sayfa-basi .kz::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(196, 167, 107, .07) 0 1px, transparent 1px) center / 112px 100% repeat-x;
  -webkit-mask-image: linear-gradient(90deg, transparent 15%, #000 75%);
  mask-image: linear-gradient(90deg, transparent 15%, #000 75%);
}
.sayfa-basi::after {
  content: ""; position: absolute; z-index: -1; right: -40px; bottom: -60px;
  width: clamp(260px, 42vw, 560px); aspect-ratio: 667 / 398;
  background: url(/img/amblem.svg) no-repeat center / contain;
  opacity: .08; pointer-events: none;
  animation: suz 16s ease-in-out infinite alternate, solukGel 1.6s ease both;
}
.sayfa-basi .kz-isik { left: 84%; top: 10%; width: min(760px, 120vw); }
.sayfa-basi h1 { color: var(--beyaz); margin: 0; overflow: hidden; padding-block: .06em .14em; }
.sb-baslik { display: inline-block; animation: satirGel 1.1s .15s var(--yavas) both; }
@keyframes satirGel { from { transform: translateY(110%); } }
.sayfa-basi-alt { margin: .8em 0 0; color: var(--gri-koyu); font-size: 1.08rem; max-width: 60ch; animation: belir 1.1s .4s var(--yavas) both; }
.sb-cizgi {
  position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, rgba(196, 167, 107, .6), rgba(196, 167, 107, .15) 60%, rgba(196, 167, 107, 0));
  transform-origin: 0 50%;
  animation: cizgiAc 1.8s .3s var(--yavas) both;
}
.kirinti { animation: solukGel 1s .1s ease both; }
.kirinti ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 18px; padding: 0; font-size: .88rem; color: var(--gri-koyu); }
.kirinti li + li::before { content: "/"; margin-right: 6px; color: rgba(196, 167, 107, .6); }
.kirinti a { color: var(--gri-acik); text-decoration: none; }
.kirinti a:hover { color: var(--altin-acik); text-decoration: underline; }
.metin-blok > p:not(.ust-baslik) { color: var(--metin-soluk); }
.metin-blok > p.on-paragraf { color: var(--metin); font-size: 1.14rem; }
.on-paragraf::first-letter {
  float: left; margin: .06em .12em 0 0;
  font-family: var(--serif); font-size: 3.9em; line-height: .8; color: var(--altin);
}
.mv-izgara { display: grid; gap: 22px; }
@media (min-width: 760px) { .mv-izgara { grid-template-columns: 1fr 1fr; } }
.mv-kart {
  position: relative; overflow: hidden;
  background: var(--beyaz); border: 1px solid var(--cizgi);
  border-radius: var(--yaricap); padding: clamp(28px, 4vw, 44px);
  transition: transform .55s var(--yavas), box-shadow .55s var(--yavas), border-color .4s ease;
}
.mv-kart::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, var(--altin), var(--altin-parlak));
  transform-origin: 0 50%;
}
html.js:not(.erb-hareket) .mv-kart.gorundu::before { animation: cizgiAc 1.4s var(--yavas) calc(var(--gecikme, 0ms) + 250ms) backwards; }
.mv-kart:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -34px rgba(24, 37, 46, .45); border-color: #d6c7a5; }
.mv-filigran {
  position: absolute; right: 22px; top: 8px;
  font-family: var(--serif); font-size: 5.5rem; line-height: 1; color: var(--altin); opacity: .12;
  pointer-events: none;
}
.mv-kart h2 { font-size: calc(clamp(1.6rem, 1.3rem + 1vw, 2rem) * var(--bk)); }
.mv-kart p:last-child { margin: 0; color: var(--metin-soluk); font-size: 1.08rem; }
.kunye-kap { max-width: 900px; }
.kunye { margin: 0; display: grid; border-top: 1px solid var(--cizgi); }
.kunye > div { position: relative; display: grid; gap: 2px 24px; padding: 16px 12px; border-bottom: 1px solid var(--cizgi); transition: background-color .35s ease; }
.kunye > div::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
  background: var(--altin); transform: scaleY(0); transition: transform .45s var(--yavas);
}
.kunye > div:hover { background: var(--fildisi); }
.kunye > div:hover::before { transform: scaleY(1); }
@media (min-width: 640px) { .kunye > div { grid-template-columns: 240px 1fr; align-items: baseline; } }
.kunye dt { color: var(--metin-soluk); font-size: .8rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.kunye dd { margin: 0; font-family: var(--serif); font-size: 1.28rem; color: var(--lacivert); }
.alt-bolum-baslik { margin-top: 2em; }
.avukat-liste { margin: 0; padding-left: 1.2em; }
.alan-duzen { display: grid; gap: 40px; }
@media (min-width: 960px) {
  .alan-duzen { grid-template-columns: 250px minmax(0, 1fr); gap: 64px; align-items: start; }
  .icindekiler { position: sticky; top: calc(var(--ust-h) + 24px); transition: top .55s var(--yavas); }
  html.ust-gizli .icindekiler { top: 24px; }
}
.icindekiler { background: var(--fildisi); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 22px 22px 18px; }
.icindekiler ol { list-style: none; margin: 8px 0 0; padding: 0; columns: 2 170px; column-gap: 20px; }
@media (min-width: 960px) { .icindekiler ol { columns: 1; } }
.icindekiler li { break-inside: avoid; }
.icindekiler a {
  position: relative; display: flex; gap: 6px; padding: 6px 0 6px 12px;
  color: var(--metin); text-decoration: none; font-size: .97rem;
  transition: color .3s ease, padding-left .45s var(--yavas);
}
.icindekiler a::before {
  content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 2px;
  background: var(--altin); transform: scaleY(0); transition: transform .45s var(--yavas);
}
.icindekiler a:hover { color: var(--altin-koyu); }
.icindekiler a:hover::before, .icindekiler a.aktif::before { transform: scaleY(1); }
.icindekiler a.aktif { color: var(--lacivert); font-weight: 600; padding-left: 16px; }
.ic-no { flex: none; width: 2.3em; color: var(--altin-koyu); font-family: var(--serif); letter-spacing: .04em; }
.alan-bolum { position: relative; padding-bottom: 44px; margin-bottom: 44px; border-bottom: 1px solid var(--cizgi); scroll-margin-top: calc(var(--ust-h) + 24px); }
.ab-filigran {
  position: absolute; right: 0; top: -14px;
  font-family: var(--serif); font-size: clamp(4rem, 3rem + 3vw, 6rem); line-height: 1;
  color: var(--altin); opacity: .12; pointer-events: none;
}
.ab-ust { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.ab-ust .alan-no { margin: 0; }
.alan-bolum h2 { font-size: calc(clamp(1.6rem, 1.3rem + 1vw, 2.05rem) * var(--bk)); }
.alan-bolum > p { color: var(--metin-soluk); text-align: justify; line-height: 1.75; -webkit-hyphens: none; hyphens: none; }
@media (max-width: 639px) { .alan-bolum > p { -webkit-hyphens: manual; hyphens: manual; } }
.isaretli { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 700px) { .isaretli { grid-template-columns: 1fr 1fr; gap: 8px 28px; } }
.isaretli li { position: relative; padding-left: 22px; }
.isaretli li::before {
  content: ""; position: absolute; left: 2px; top: .62em;
  width: 7px; height: 7px; background: var(--altin); transform: rotate(45deg);
}
.dipnot { color: var(--metin-soluk); font-size: .95rem; padding: 16px 20px; background: var(--fildisi); border-left: 3px solid var(--altin); border-radius: 0 var(--yaricap) var(--yaricap) 0; }
.iletisim-izgara { display: grid; gap: 48px; }
@media (min-width: 960px) { .iletisim-izgara { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; } }
.iletisim-bilgi h2, .iletisim-form h2, .iletisim-konum h2 { font-size: calc(clamp(1.6rem, 1.3rem + 1vw, 2rem) * var(--bk)); }
.iletisim-form > p { color: var(--metin-soluk); }
.iletisim-form {
  background: var(--fildisi); border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  padding: clamp(22px, 4vw, 40px);
}
.harita-acin { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.harita-acin ul { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.harita-acin a {
  display: inline-flex; align-items: center; gap: .4em;
  padding: 8px 16px; border: 1px solid var(--cizgi); border-radius: 999px;
  color: var(--metin); text-decoration: none; font-size: .95rem;
  transition: background-color .35s ease, border-color .35s ease, color .35s ease;
}
.harita-acin a:hover { background: var(--lacivert); border-color: var(--lacivert); color: var(--beyaz); }
.bolum-harita { padding-block: 0 clamp(56px, 8vw, 96px); background: var(--beyaz); }
.harita {
  position: relative; overflow: hidden; isolation: isolate;
  height: clamp(320px, 40vw, 480px);
  border-radius: var(--yaricap); border: 1px solid var(--cizgi);
  background: radial-gradient(80% 120% at 50% 0%, #22343f 0%, var(--lacivert) 70%);
}
.harita::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(rgba(196, 167, 107, .07) 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(90deg, rgba(196, 167, 107, .07) 1px, transparent 1px) 0 0 / 34px 34px;
  -webkit-mask-image: radial-gradient(70% 70% at 50% 45%, #000 20%, transparent 85%);
  mask-image: radial-gradient(70% 70% at 50% 45%, #000 20%, transparent 85%);
}
.harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.harita-onizleme, .harita-bos {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  height: 100%; padding: 28px; text-align: center; color: var(--gri-acik);
}
.harita-onizleme p, .harita-bos p { max-width: 58ch; margin: 0; font-size: .95rem; }
.harita-onizleme a { color: var(--altin-acik); }
.harita-pin { position: relative; display: grid; place-items: center; width: 64px; height: 64px; }
.harita-pin::before, .harita-pin::after {
  content: ""; position: absolute; left: 50%; top: 68%; width: 18px; height: 18px;
  border: 1px solid rgba(196, 167, 107, .7); border-radius: 50%;
  translate: -50% -50%; animation: radar 3s ease-out infinite;
}
.harita-pin::after { animation-delay: 1.5s; }
@keyframes radar { from { opacity: .9; scale: .4; } to { opacity: 0; scale: 4.2; } }
.harita-ikon { position: relative; width: 40px; height: 40px; color: var(--altin-acik); animation: zipla 3s ease-in-out infinite; }
@keyframes zipla { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.form { display: grid; gap: 18px; margin-top: 8px; }
.alan-2 { display: grid; gap: 18px; }
@media (min-width: 640px) { .alan-2 { grid-template-columns: 1fr 1fr; } }
.form label { display: block; font-weight: 600; font-size: .95rem; margin-bottom: 6px; color: var(--lacivert); }
.zorunlu { color: var(--hata); }
.istege { font-weight: 400; color: var(--metin-soluk); font-size: .88rem; }
.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea {
  width: 100%; padding: 12px 14px;
  font: inherit; font-size: 1rem; color: var(--metin);
  background: var(--beyaz); border: 1px solid #cdc3ae; border-radius: var(--yaricap);
  transition: border-color var(--gecis), box-shadow var(--gecis);
}
.form textarea { resize: vertical; min-height: 150px; }
.form input:focus, .form textarea:focus { outline: none; border-color: var(--altin); box-shadow: 0 0 0 3px rgba(168, 135, 73, .28); }
.form [aria-invalid="true"] { border-color: var(--hata); }
.alan-not { margin: 6px 0 0; font-size: .85rem; color: var(--metin-soluk); }
.alan-hata { margin: 6px 0 0; font-size: .88rem; color: var(--hata); font-weight: 600; }
.onay { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }
.onay input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--altin-koyu); flex: none; }
.onay label { font-weight: 400; margin: 0; color: var(--metin); }
.onay .alan-hata { flex-basis: 100%; }
.form-uyari { margin: 0; font-size: .88rem; color: var(--metin-soluk); }
.form .dugme { justify-self: start; min-width: 160px; }
.form-durum:empty { display: none; }
.form-durum { padding: 14px 16px; border-radius: var(--yaricap); border-left: 3px solid var(--altin); background: var(--beyaz); }
.form-durum.hata { border-left-color: var(--hata); color: var(--hata); }
.tuzak { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.metin { max-width: 760px; }
.metin h2 { position: relative; font-size: calc(clamp(1.45rem, 1.25rem + .8vw, 1.8rem) * var(--bk)); margin-top: 1.7em; padding-left: 20px; }
.metin h2::before {
  content: ""; position: absolute; left: 0; top: .48em;
  width: 8px; height: 8px; background: var(--altin); transform: rotate(45deg);
}
.metin h3 { font-size: 1.22rem; margin-top: 1.3em; }
.metin ul { padding-left: 1.25em; margin: 0 0 1em; }
.metin li { margin-bottom: .35em; }
.metin-giris { font-size: 1.12rem; color: var(--metin); }
.bilgi-listesi { list-style: none; padding: 16px 20px !important; background: var(--fildisi); border: 1px solid var(--cizgi); border-radius: var(--yaricap); }
.kutu-not { padding: 16px 20px; margin: 0 0 1em; background: #fbf6ea; border-left: 3px solid var(--altin); border-radius: 0 var(--yaricap) var(--yaricap) 0; }
.kutu-not p { margin: 0; }
.son-guncelleme { margin-top: 2.4em; font-size: .9rem; color: var(--metin-soluk); }
.hata-sayfa { text-align: center; }
.hata-amblem { width: 180px; margin: 0 auto 28px; opacity: .9; animation: suz 6s ease-in-out infinite alternate; }
.hata-sayfa p:not(.ust-baslik) { color: var(--metin-soluk); }
.dugmeler.orta { justify-content: center; }
.alt {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--lacivert); color: var(--gri-koyu); font-size: .97rem;
  border-top: 1px solid rgba(196, 167, 107, .25);
}
.alt::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: var(--doku); opacity: .05;
}
.alt::after {
  content: ""; position: absolute; z-index: -1; right: -80px; bottom: -40px;
  width: clamp(300px, 38vw, 520px); aspect-ratio: 667 / 398;
  background: url(/img/amblem.svg) no-repeat center / contain; opacity: .045; pointer-events: none;
}
.alt-izgara { display: grid; gap: 36px 40px; padding-block: 60px 46px; }
@media (min-width: 700px) { .alt-izgara { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1040px) { .alt-izgara { grid-template-columns: 1.5fr .8fr 1.5fr 1fr; } }
.marka-alt { margin-bottom: 16px; }
.alt-marka p { margin: 0; color: var(--gri-koyu); }
.alt-baslik { font-family: var(--sans); font-size: .8rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-acik); margin: 0 0 14px; }
.alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.alt a { color: var(--gri-acik); text-decoration: none; }
.alt nav a, .alt-iletisim .il-deger a {
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition: color .3s ease, background-size .5s var(--yavas);
}
.alt nav a:hover, .alt-iletisim .il-deger a:hover { color: var(--altin-acik); background-size: 100% 1px; }
.alt-iletisim { gap: 12px !important; }
.alt-iletisim li { display: flex; gap: 10px; align-items: flex-start; }
.alt-iletisim .ikon { width: 18px; height: 18px; margin-top: 4px; color: var(--altin-acik); }
.alt-iletisim .il-etiket { display: none; }
.alt-iletisim .il-deger { color: var(--gri-acik); font-size: .97rem; }
.alt-iletisim .il-deger a { color: var(--gri-acik); }
.alt-son { border-top: 1px solid rgba(195, 203, 207, .12); padding-block: 18px; font-size: .88rem; }
.alt-son .kap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 24px; }
.alt-son p { margin: 0; }
.alt .yukari {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--altin-acik); font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
}
.alt .yukari:hover { color: var(--beyaz); }
.yukari:hover .ikon-kucuk { transform: translateY(-4px); }
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: .3s ease both vtCik; }
::view-transition-new(root) { animation: .55s var(--yavas) both vtGir; }
@keyframes vtCik { to { opacity: 0; } }
@keyframes vtGir { from { opacity: 0; transform: translateY(14px); } }
html.erb-hareket::view-transition-group(*),
html.erb-hareket::view-transition-old(*),
html.erb-hareket::view-transition-new(*) { animation: none !important; }
html:is(.erb-k-koyu, .erb-k-acik) .dekor { display: none !important; }
html.erb-k-koyu :is(.lb-amblem, .marka-amblem, .hata-amblem, .portre-bos img) { filter: brightness(0) invert(1) !important; opacity: 1 !important; }
html.erb-k-acik :is(.lb-amblem, .marka-amblem, .hata-amblem, .portre-bos img) { filter: brightness(0) !important; opacity: 1 !important; }
html:is(.erb-k-koyu, .erb-k-acik) .ust { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:is(.erb-k-koyu, .erb-k-acik) .on-paragraf::first-letter { color: inherit !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    transition-delay: 0s !important;
  }
  html.js [data-reveal]:not(.gorundu) { opacity: 1; }
  .kahraman-ic { transform: none; opacity: 1; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}
html.erb-hareket .kahraman-ic { transform: none; opacity: 1; }
@media print {
  .onizleme, .menu, .kahraman .dugmeler, .alt-izgara nav, .harita, .bolum-harita, .iletisim-form, .atla,
  .dekor, .kaydir, .ilerleme, .erb-kok, .yukari { display: none !important; }
  .ust { position: static; }
  .ust, .kahraman, .sayfa-basi, .bolum.koyu, .alt { background: none !important; color: #000 !important; }
  .sayfa-basi h1, .bolum.koyu h2, .bolum.koyu h3 { color: #000 !important; }
  .kahraman::before, .kahraman::after, .sayfa-basi::before, .sayfa-basi::after, .bolum.koyu::before, .bolum.koyu::after,
  .alt::before, .alt::after, .alanlar-bolum::before { display: none; }
  [data-reveal] { opacity: 1 !important; animation: none !important; }
  .kahraman-ic { transform: none !important; opacity: 1 !important; }
  a { color: #000; }
}