:root{--ts-bg:#f3efe7;--ts-ink:#203b33;--ts-muted:#53675d;--ts-green:#285747;--ts-line:#d2d7ca;--ts-gold:#c8aa70}
[hidden]{display:none!important}html[lang="tr"] [data-language]:not([data-language="tr"]){display:none!important}html:not([lang="tr"]) [data-language="tr"]{display:none!important}
body{background:var(--ts-bg);color:var(--ts-ink)}.ts-header{position:sticky;top:0;z-index:1000;background:rgba(243,239,231,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--ts-line)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:20px}.header-inner .cx-brand{margin-right:auto;display:flex;align-items:center;gap:10px;color:var(--ts-ink);text-decoration:none;font-weight:750}.brand-icon{border-radius:10px}
.all-products{color:var(--ts-green);font-weight:700;text-decoration:none}.project-nav{display:flex;gap:8px 22px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--ts-line)}.project-nav a,.legal-panel a,footer a{color:var(--ts-green);text-underline-offset:4px}
.ts-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(24px,5vw,68px);margin:34px 0 70px;padding:clamp(25px,5vw,58px);border:1px solid #d4c39d;border-radius:30px;background:linear-gradient(130deg,#e4ecdf,#f7f1e5 70%);overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{color:#71613d;font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.ts-hero h1{margin:.25em 0;font:clamp(3.3rem,7vw,6.6rem)/.98 Georgia,serif;letter-spacing:-.06em;color:#183e33}.ts-hero h1 em{font-weight:400;color:#856f45}.lead{max-width:42rem;font-size:1.2rem;color:#344c40}.status{display:inline-flex;padding:9px 13px;border:1px solid #cdb987;border-radius:999px;background:#fff9ec;color:#65552f;font-size:.85rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.button{display:inline-flex;padding:12px 17px;border:1px solid #b5c1b1;border-radius:12px;color:#203b33;text-decoration:none;font-weight:700}.button.primary{background:#285747;color:#fff;border-color:#285747}.hero-art{width:100%;border-radius:24px;box-shadow:0 25px 70px #16352835}
.section{padding:24px 0 55px}.section h2,.legal-panel h2{font:clamp(2rem,4vw,3.1rem)/1.12 Georgia,serif;margin:.3em 0;color:#203b33}.section>p:not(.eyebrow){max-width:68ch;color:var(--ts-muted)}.map-frame{margin:27px 0 0;padding:12px;border:1px solid var(--ts-line);border-radius:24px;background:#fff;box-shadow:0 14px 48px #203b3310}.map-frame img{width:auto;height:auto;max-width:100%;max-height:760px;display:block;margin-inline:auto;object-fit:contain;border-radius:16px}.map-frame figcaption{padding:12px 8px 2px;color:var(--ts-muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature{padding:25px;border:1px solid var(--ts-line);border-radius:20px;background:#fff}.feature>b{color:#a58a53}.feature h3{font:1.45rem Georgia,serif;margin:.6em 0}.feature p{color:var(--ts-muted);margin-bottom:0}.legal-panel{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;padding:25px;margin:30px 0 55px;border:1px solid var(--ts-line);border-radius:18px;background:#ebe9df}.legal-panel h2{font-size:1.6rem;width:100%;margin:0}footer{padding-bottom:42px;color:var(--ts-muted)}footer p{display:inline-block;margin-right:16px}
@media(max-width:760px){.ts-hero{grid-template-columns:1fr;margin:20px 0 48px}.hero-art{grid-row:1;max-height:360px;object-fit:cover}.feature-grid{grid-template-columns:1fr}.project-nav{gap:10px 16px}.legal-panel{align-items:flex-start}}


/* Accessible keyboard skip link: hidden visually until it receives focus. */
.skip-link {
  position: fixed;
  inset-inline-start: 16px;
  top: 12px;
  z-index: 10001;
  transform: translateY(calc(-100% - 20px));
  padding: 11px 16px;
  border: 1px solid #b7a06f;
  border-radius: 12px;
  background: #fffdf8;
  color: #183e33;
  box-shadow: 0 10px 28px #183e3326;
  font-weight: 750;
  text-decoration: none;
  transition: transform .18s ease;
}
.skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid #285747;
  outline-offset: 3px;
}

/* Branded, predictable language control in the page header. */
.i18n-widget-container.in-nav { flex: 0 0 auto; }
.ts-header .i18n-btn {
  min-width: 132px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px;
  border: 1px solid #c9d2c8;
  border-radius: 14px;
  background: #fffdf8;
  color: #203b33;
  box-shadow: 0 3px 12px #183e3310;
  font: 700 .9rem/1.2 "DM Sans", Inter, system-ui, sans-serif;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.ts-header .i18n-btn::after { content: "⌄"; color: #587060; font-size: 1rem; }
.ts-header .i18n-btn:hover,
.ts-header .i18n-btn[aria-expanded="true"] {
  border-color: #9aac9b;
  background: #fff;
  box-shadow: 0 7px 20px #183e3318;
}
.ts-header .i18n-btn:focus-visible,
.ts-header .i18n-item:focus-visible {
  outline: 3px solid #285747;
  outline-offset: 3px;
}
.ts-header .i18n-menu {
  min-width: 196px;
  max-height: min(62vh, 420px);
  overflow-y: auto;
  padding: 7px;
  border: 1px solid #d6ddcf;
  border-radius: 16px;
  background: #fffdf9;
  box-shadow: 0 18px 45px #183e3326;
}
.ts-header .i18n-item {
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #394f43;
  font-size: .9rem;
}
.ts-header .i18n-item:hover,
.ts-header .i18n-item.active {
  border-color: #dce4d9;
  background: #edf2e9;
  color: #183e33;
}
.ts-header .i18n-item.active::after { content: "✓"; margin-inline-start: auto; color: #285747; }

@media (max-width: 540px) {
  .header-inner { min-height: 68px; gap: 10px; }
  .header-inner .cx-brand { gap: 7px; font-size: .95rem; }
  .brand-icon { width: 34px; height: 34px; }
  .all-products { font-size: .83rem; }
  .ts-header .i18n-btn { min-width: 98px; min-height: 42px; gap: 8px; padding-inline: 10px; font-size: .82rem; }
  .ts-header .i18n-menu { min-width: 184px; }
}
@media (prefers-reduced-motion: reduce) {
  .skip-link, .ts-header .i18n-btn { transition: none; }
}