@font-face { font-family: 'Jost'; src: url('../yazi/jost.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../yazi/manrope.woff2') format('woff2'); font-weight: 200 800; font-display: swap; }
:root { --deniz: #1f4f6e; --deniz-koyu: #163a52; --kum: #eadfc8; --kum-acik: #f5efe2; --kopuk: #8fb3c4;
        --serit-zemin: #f5efe2; --serit-yazi: #1f4f6e; --serit-cizgi: rgba(31,79,110,.18); --vurgu: #1f4f6e;
        --yt-zemin: #cfdde4; --yt-yazi: #1f4f6e; --yt-yazi-tipi: 'Jost', sans-serif; }
body { background: var(--kum-acik); color: var(--deniz-koyu); font: 400 17px/1.7 'Manrope', 'Segoe UI', sans-serif; }
.ac { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-height: calc(100svh - var(--bant) - 55px); }
.ac .vitrin { min-height: 520px; }
.levha { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; padding: 7vh 4.5vw 5vh; background: var(--kum); }
.logoYazi { font: 500 clamp(64px, 7.4vw, 128px)/.86 'Jost', sans-serif; letter-spacing: -.01em; color: var(--deniz); }
.logoYazi small { display: block; margin-top: 14px; font: 400 15px/1 'Jost', sans-serif; letter-spacing: .5em; color: var(--deniz); }
.logoResim { max-width: 260px; }
.konsept { max-width: 22em; font: 400 clamp(21px, 1.6vw, 26px)/1.4 'Jost', sans-serif; }
.saat { border-top: 2px solid var(--deniz); padding-top: 16px; }
.saat .buyuk { font: 300 clamp(40px, 3.6vw, 60px)/1 'Jost', sans-serif; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.saat .kucuk { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; font-size: 14px; letter-spacing: .06em; }
.durum { font-weight: 600; }
.durum.acik::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #2f8f6f; vertical-align: 1px; }
.pencere { background: var(--deniz); color: var(--kum-acik); padding: 8vw 6vw 7vw; }
.pencere h2 { font: 400 15px/1 'Jost', sans-serif; letter-spacing: .5em; color: var(--kopuk); margin-bottom: 42px; }
.pencere ol { counter-reset: pk; list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 7vw; max-width: 1180px; }
.pencere li { counter-increment: pk; display: grid; grid-template-columns: 44px 1fr; padding: 22px 0 20px; border-top: 1px solid rgba(245,239,226,.28); }
.pencere li::before { content: counter(pk, decimal-leading-zero); font: 300 15px/2 'Jost', sans-serif; color: var(--kopuk); }
.pencere .kalem { font: 500 clamp(22px, 1.9vw, 30px)/1.2 'Jost', sans-serif; }
.pencere .aciklama { grid-column: 2; margin-top: 6px; font-size: 15.5px; opacity: .82; }
.galeri { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); grid-template-rows: 1fr 1fr; gap: 14px; padding: 14px; background: var(--kum-acik); }
.galeri .ornekGorsel:first-child { grid-row: 1 / 3; min-height: 640px; }
.galeri .ornekGorsel { min-height: 300px; }
.son { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6vw; padding: 7vw 6vw; align-items: end; }
.son h2 { font: 400 14px/1 'Jost', sans-serif; letter-spacing: .4em; margin-bottom: 18px; color: var(--deniz); }
.son .ig { font: 400 clamp(26px, 2.4vw, 40px)/1.1 'Jost', sans-serif; }
.son .igNot { margin-top: 8px; font-size: 14px; opacity: .75; }
.son .miniPlan { color: var(--deniz); }
.son .yerYazi { margin-top: 12px; font: 400 16px/1.4 'Jost', sans-serif; letter-spacing: .04em; }
@media (max-width: 860px) {
  .ac { grid-template-columns: 1fr; min-height: 0; }
  .ac .vitrin { min-height: 62vw; }
  .levha { padding: 34px 20px 30px; gap: 26px; }
  .pencere { padding: 56px 20px; }
  .pencere ol { grid-template-columns: 1fr; }
  .galeri { grid-template-columns: 1fr; grid-template-rows: none; gap: 10px; padding: 10px; }
  .galeri .ornekGorsel:first-child { grid-row: auto; min-height: 110vw; }
  .galeri .ornekGorsel { min-height: 62vw; }
  .son { grid-template-columns: 1fr; gap: 36px; padding: 56px 20px; }
}
.levha .logoResim { width: min(560px, 100%); max-width: none; height: auto; }