@font-face { font-family: 'Archivo'; src: url('../yazi/archivo.woff2') format('woff2'); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
:root { --komur: #1c1a18; --kul: #2b2825; --kul-acik: #3a3632; --kiremit: #b0492f; --koz: #e0823a; --kagit: #f1e6da;
        --serit-zemin: #1c1a18; --serit-yazi: #f1e6da; --serit-cizgi: rgba(241,230,218,.14); --vurgu: #b0492f;
        --yt-zemin: #3a3632; --yt-yazi: #d9a58e; --yt-yazi-tipi: 'Archivo', sans-serif; }
body { background: var(--komur); color: var(--kagit); font: 400 17px/1.65 'Archivo', 'Arial Narrow', sans-serif; font-stretch: 100%; }
.afis { padding: 5vw 3vw 3vw; border-bottom: 6px solid var(--kiremit); }
.logoYazi { font: 900 clamp(64px, 16.5vw, 300px)/.8 'Archivo', sans-serif; font-stretch: 62%; letter-spacing: -.005em; color: var(--kiremit); white-space: nowrap; }
.logoYazi .ve { color: var(--kagit); font-weight: 300; }
.logoResim { max-width: 320px; }
.afisAlt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 14px 40px; margin-top: 3vw; }
.tur { font: 700 16px/1 'Archivo', sans-serif; font-stretch: 85%; letter-spacing: .3em; color: var(--koz); }
.konsept { flex: 1 1 520px; max-width: 34em; font: 500 clamp(20px, 1.6vw, 26px)/1.35 'Archivo', sans-serif; font-stretch: 90%; }
.damga { font: 800 clamp(30px, 2.8vw, 46px)/1 'Archivo', sans-serif; font-stretch: 70%; font-variant-numeric: tabular-nums; }
.damga .durum { display: block; margin-top: 8px; font: 600 13px/1 'Archivo', sans-serif; letter-spacing: .16em; color: var(--koz); }
.vitrin { aspect-ratio: 16 / 7; min-height: 320px; }
.tahta { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 5vw; padding: 6vw 3vw; }
.tahta h2 { font: 800 clamp(28px, 2.4vw, 40px)/1 'Archivo', sans-serif; font-stretch: 70%; letter-spacing: .02em; color: var(--koz); margin-bottom: 20px; }
.hafta { width: 100%; border-collapse: collapse; }
.hafta th, .hafta td { padding: 13px 10px 13px 0; text-align: left; border-bottom: 1px solid rgba(241,230,218,.14); vertical-align: baseline; }
.hafta th { width: 38%; font: 700 15px/1.2 'Archivo', sans-serif; font-stretch: 80%; letter-spacing: .14em; color: rgba(241,230,218,.7); }
.hafta td { font: 500 clamp(19px, 1.5vw, 23px)/1.25 'Archivo', sans-serif; font-stretch: 92%; }
.hafta tr.bugun th, .hafta tr.bugun td { color: var(--komur); background: var(--kiremit); }
.hafta tr.bugun th { padding-left: 12px; }
.hafta tr.bugun th::after { content: ' · BUGÜN'; }
.koz ol { list-style: none; padding: 0; border-top: 2px solid var(--kiremit); }
.koz li { padding: 16px 0; border-bottom: 1px solid rgba(241,230,218,.14); }
.koz .kalem { display: block; font: 800 clamp(24px, 2vw, 32px)/1.1 'Archivo', sans-serif; font-stretch: 75%; }
.koz .aciklama { display: block; margin-top: 4px; font-size: 15px; color: rgba(241,230,218,.72); }
.koz .saatSatir { margin-top: 28px; font-size: 15px; color: rgba(241,230,218,.8); }
.galeri { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1.5fr); gap: 6px; padding: 0 3vw; }
.galeri .ornekGorsel { height: clamp(260px, 30vw, 460px); }
.son { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5vw; align-items: end; margin-top: 6vw; padding: 5vw 3vw; background: var(--kul); }
.son h2 { font: 700 14px/1 'Archivo', sans-serif; letter-spacing: .3em; color: var(--koz); margin-bottom: 14px; }
.son .ig { font: 800 clamp(30px, 2.8vw, 48px)/1 'Archivo', sans-serif; font-stretch: 70%; }
.son .igNot { margin-top: 8px; font-size: 14px; color: rgba(241,230,218,.7); }
.son .miniPlan { color: var(--kagit); }
.son .yerYazi { margin-top: 10px; font-size: 15px; letter-spacing: .06em; }
@media (max-width: 860px) {
  .afis { padding: 34px 16px 26px; }
  .logoYazi { font-size: 21vw; }
  .afisAlt { margin-top: 20px; }
  .vitrin { aspect-ratio: 4 / 3; min-height: 0; }
  .tahta { grid-template-columns: 1fr; padding: 48px 16px; gap: 48px; }
  .hafta th { width: 42%; }
  .galeri { grid-template-columns: 1fr 1fr; padding: 0 16px; }
  .galeri .ornekGorsel { height: 46vw; }
  .galeri .ornekGorsel:first-child { grid-column: 1 / 3; height: 62vw; }
  .son { grid-template-columns: 1fr; padding: 44px 16px; }
}
.afis .logoResim { width: min(980px, 100%); max-width: none; height: auto; }
.afis .logoNot { color: rgba(241,230,218,.6); }