/* Yerel fontlar (Fontsource Jost, OFL) — üçüncü taraf isteği yok. Kiril dahil (RU). */
@font-face { font-family: "Jost"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("/assets/font/jost-cyrillic-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Jost"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("/assets/font/jost-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Jost"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("/assets/font/jost-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --kum: #EFE9E1; --kagit: #FAF7F2; --murekkep: #1E2326; --ikincil: #62686B;
  --bej: #B39B7A; --bej-koyu: #8C7556; --deniz: #2E7480; --cizgi: rgba(30,35,38,.14);
  --font: "Jost", system-ui, sans-serif;
  --genislik: 1200px; --pay: clamp(20px, 5vw, 56px);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--kagit); color: var(--murekkep); font: 400 17px/1.7 var(--font); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
.kap { width: min(100% - 2 * var(--pay), var(--genislik)); margin-inline: auto; }
.aralikli { letter-spacing: .32em; text-transform: uppercase; }

.ust { position: absolute; inset: 0 0 auto; z-index: 3; color: #fff; }
.ust .kap { display: flex; align-items: center; gap: 28px; padding-block: 26px; }
.marka { margin-right: auto; text-decoration: none; font: 500 19px/1 var(--font); letter-spacing: .38em; }
.marka b { font-weight: 600; letter-spacing: .08em; margin-right: .4em; }
.menu { display: flex; gap: 30px; font-size: 13px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; }
.menu a { text-decoration: none; opacity: .88; }
.menu a:hover { opacity: 1; }
.giris { font-size: 13px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; padding: 11px 18px; border: 1px solid rgba(255,255,255,.6); }
.giris:hover { background: rgba(255,255,255,.12); }
@media (max-width: 960px) { .menu { display: none; } }
@media (max-width: 520px) { .marka { font-size: 16px; letter-spacing: .3em; } .giris { padding: 9px 10px; font-size: 11px; letter-spacing: .06em; white-space: nowrap; } .ust .kap { gap: 10px; } }

.hero { position: relative; min-height: min(94svh, 900px); display: flex; align-items: flex-end; color: #fff; overflow: hidden; }
.hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,24,28,.5) 0%, rgba(20,24,28,0) 24%), linear-gradient(90deg, rgba(20,24,28,.6) 0%, rgba(20,24,28,.25) 45%, rgba(20,24,28,0) 70%), linear-gradient(0deg, rgba(20,24,28,.82) 0%, rgba(20,24,28,.3) 42%, rgba(20,24,28,0) 64%); }
.hero .kap { position: relative; z-index: 1; padding-bottom: clamp(48px, 10vh, 104px); }
.hero .ust-yazi { font-size: 13px; font-weight: 600; margin: 0 0 18px; }
.hero h1 { margin: 0; font: 300 clamp(48px, 8vw, 112px)/.98 var(--font); letter-spacing: -.02em; }
.hero p.alt { margin: 22px 0 0; max-width: 44ch; font-size: clamp(16px, 1.5vw, 19px); font-weight: 400; }

section.bolum { padding-block: clamp(80px, 11vw, 136px); }
.etiket { font-size: 12.5px; font-weight: 500; color: var(--bej-koyu); margin: 0 0 22px; }
h2 { margin: 0; font: 300 clamp(34px, 4.4vw, 58px)/1.08 var(--font); letter-spacing: -.015em; }

.giris-blok .kap { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 100px); align-items: end; }
.giris-blok p { margin: 0 0 18px; color: #3B4245; max-width: 52ch; }
.giris-blok .kucuk-not { font-size: 15px; color: var(--ikincil); border-left: 2px solid var(--bej); padding-left: 16px; }
.giris-blok figure { margin: clamp(48px, 7vw, 88px) 0 0; grid-column: 1 / -1; }
.giris-blok figure img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; }
@media (max-width: 880px) { .giris-blok .kap { grid-template-columns: 1fr; } .giris-blok figure img { aspect-ratio: 4 / 3; } }

.olanak { background: var(--kum); }
.olanak .ust-satir { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; }
.olanak .ust-satir p { margin: 0; max-width: 40ch; color: var(--ikincil); }
.olanak ol { list-style: none; counter-reset: o; margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 32px; }
.olanak li { counter-increment: o; padding: 22px 0 20px; border-top: 1px solid var(--cizgi); font-size: 19px; font-weight: 400; display: flex; gap: 14px; align-items: baseline; }
.olanak li::before { content: counter(o, decimal-leading-zero); font-size: 12px; letter-spacing: .1em; color: var(--bej-koyu); }
@media (max-width: 960px) { .olanak ol { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .olanak ol { grid-template-columns: 1fr; } }

.galeri-izgara { margin-top: 52px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.galeri-izgara button { all: unset; cursor: zoom-in; position: relative; overflow: hidden; display: block; }
.galeri-izgara button:focus-visible { outline: 2px solid var(--deniz); outline-offset: 3px; }
.galeri-izgara img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.galeri-izgara button:hover img { transform: scale(1.04); }
.galeri-izgara .g1 { grid-column: span 4; aspect-ratio: 16 / 10; } .galeri-izgara .g2 { grid-column: span 2; }
.galeri-izgara .g3, .galeri-izgara .g4, .galeri-izgara .g5 { grid-column: span 2; aspect-ratio: 4 / 3; }
@media (max-width: 760px) { .galeri-izgara { grid-template-columns: 1fr 1fr; } .galeri-izgara .g1 { grid-column: span 2; } .galeri-izgara .g2, .galeri-izgara .g3, .galeri-izgara .g4, .galeri-izgara .g5 { grid-column: span 1; aspect-ratio: 1; } }

.foto { margin: auto; padding: 0; border: 0; background: transparent; color: #fff; max-width: min(94vw, 1600px); overflow: visible; }
.foto::backdrop { background: rgba(14, 16, 18, .95); }
.foto img { max-width: min(94vw, 1600px); max-height: 84vh; width: auto; }
.foto .kapat { position: fixed; top: 16px; right: 16px; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.5); background: transparent; color: #fff; cursor: pointer; }
.foto .kapat svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; }

.cevre .kap { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(40px, 6vw, 88px); }
.cevre dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.cevre dl div { display: flex; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.cevre dt { color: #3B4245; }
.cevre dd { margin: 0; font-weight: 500; font-variant-numeric: tabular-nums; }
@media (max-width: 880px) { .cevre .kap { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .cevre dl { grid-template-columns: 1fr; } }

.iletisim { background: var(--murekkep); color: #ECE7E0; }
.iletisim .etiket { color: var(--bej); }
.iletisim .kap { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 88px); }
.iletisim p.aciklama { margin: 24px 0 0; max-width: 42ch; color: rgba(236,231,224,.75); }
.iletisim dl { margin: 0; }
.iletisim dl div { padding: 20px 0; border-bottom: 1px solid rgba(236,231,224,.16); }
.iletisim dl div:first-child { padding-top: 0; }
.iletisim dt { font-size: 12px; letter-spacing: .26em; text-transform: uppercase; color: var(--bej); }
.iletisim dd { margin: 8px 0 0; font-size: 22px; font-weight: 300; }
.iletisim dd a { text-decoration: none; overflow-wrap: anywhere; }
.iletisim dd a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.iletisim .yol { display: inline-block; margin-top: 10px; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--bej); }
@media (max-width: 880px) { .iletisim .kap { grid-template-columns: 1fr; } }

footer { background: #15191B; color: rgba(236,231,224,.6); font-size: 13.5px; }
footer .kap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px 32px; padding-block: 24px; }
.avlusta { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.avlusta img { width: 18px; height: 18px; }
.avlusta strong { color: #fff; font-weight: 500; }

/* Erişilebilirlik */
.atla { position: absolute; left: -9999px; }
.atla:focus { left: 16px; top: 16px; z-index: 10; background: #fff; color: var(--murekkep); padding: 8px 12px; }
:focus-visible { outline: 2px solid var(--deniz); outline-offset: 3px; }

/* Dil seçici — JS yok: <details> aç-kapa */
.diller { position: relative; }
.diller summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  min-height: 40px; padding: 0 8px; font-size: 13px; font-weight: 500; letter-spacing: .14em; opacity: .9;
}
.diller summary::-webkit-details-marker { display: none; }
.diller summary:hover, .diller[open] summary { opacity: 1; }
.diller summary .ok { width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.diller[open] summary .ok { transform: rotate(180deg); }
.diller ul {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 5; min-width: 172px;
  list-style: none; margin: 0; padding: 6px; background: var(--kagit); color: var(--murekkep);
  box-shadow: 0 1px 2px rgba(20,24,28,.08), 0 14px 34px rgba(20,24,28,.24);
}
.diller li a { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 12px; text-decoration: none; font-size: 15px; }
.diller li a small { font-size: 11.5px; letter-spacing: .14em; color: var(--ikincil); }
.diller li a:hover { background: var(--kum); }
.diller li a[aria-current="page"] { color: var(--bej-koyu); font-weight: 500; }
@media (prefers-reduced-motion: reduce) { .diller summary .ok { transition: none; } }
@media (max-width: 520px) { .diller summary { padding: 0 4px; } }

/* Galeri */
.gorsel-notu { margin: 14px 0 0; font-size: 13px; color: var(--ikincil); }
.foto figure { margin: 0; }
.foto figcaption { margin: 12px 0 0; text-align: center; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; }
.foto:popover-open { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .foto { opacity: 0; transform: scale(.98); transition: opacity .2s ease, transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete; }
  .foto:popover-open { opacity: 1; transform: none; }
  @starting-style { .foto:popover-open { opacity: 0; transform: scale(.98); } }
}

/* İletişim — adres */
.iletisim address { font-style: normal; }

/* 404 */
.bulunamadi { min-height: 100svh; display: grid; place-items: center; }
.bulunamadi main { padding-block: 64px; }
.bulunamadi main > div + div { margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--cizgi); }
.bulunamadi main p { margin-top: 24px; }
.dugme { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; background: var(--murekkep); color: var(--kagit); text-decoration: none; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
.dugme:hover { background: var(--bej-koyu); }