@font-face { font-family: 'Vollkorn'; src: url('../yazi/vollkorn.woff2') format('woff2'); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vollkorn'; src: url('../yazi/vollkorn-italik.woff2') format('woff2'); font-weight: 400 900; font-style: italic; font-display: swap; }
:root { --krem: #f7f0e1; --bugday: #c8963e; --bugday-acik: #ead3a4; --kabuk: #6b4424; --murekkep: #3b2a1c;
        --serit-zemin: #f7f0e1; --serit-yazi: #6b4424; --serit-cizgi: rgba(107,68,36,.2); --vurgu: #c8963e;
        --yt-zemin: #e6d2ab; --yt-yazi: #6b4424; --yt-yazi-tipi: 'Vollkorn', serif; }
body { background: var(--krem); color: var(--murekkep); font: 400 18px/1.72 'Vollkorn', Georgia, serif; font-variant-numeric: oldstyle-nums; }
.bas { position: relative; padding: 0 0 0; }
.bas .vitrin { aspect-ratio: 21 / 9; min-height: 380px; }
.kunye { position: relative; z-index: 3; width: min(560px, 88vw); margin: -150px 0 0 6vw; padding: 34px 38px 30px; background: var(--kabuk); color: var(--krem); }
.logoYazi { font: 800 clamp(46px, 5vw, 80px)/.92 'Vollkorn', serif; letter-spacing: .04em; }
.logoYazi small { display: block; margin-top: 12px; font: italic 400 21px/1.2 'Vollkorn', serif; letter-spacing: .02em; color: var(--bugday-acik); }
.logoResim { max-width: 240px; background: var(--krem); padding: 10px; }
.gazete { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 6vw; padding: 7vw 6vw 6vw; max-width: 1400px; }
.gazete h2 { font: italic 500 clamp(30px, 2.6vw, 44px)/1.1 'Vollkorn', serif; color: var(--kabuk); margin-bottom: 26px; }
.cikis { list-style: none; padding: 0; border-top: 1px solid var(--kabuk); }
.cikis li { display: flex; align-items: baseline; gap: 10px; padding: 15px 0; border-bottom: 1px solid rgba(107,68,36,.16); }
.cikis .kalem { font-size: clamp(20px, 1.5vw, 24px); }
.cikis .nokta { flex: 1; min-width: 30px; border-bottom: 2px dotted rgba(107,68,36,.45); transform: translateY(-6px); }
.cikis .zaman { font-variant-numeric: lining-nums tabular-nums; letter-spacing: .03em; color: var(--kabuk); white-space: nowrap; }
.cikis .kalemNot { display: block; font: italic 400 15px/1.4 'Vollkorn', serif; opacity: .75; }
.sag .konsept { font: italic 400 clamp(24px, 1.9vw, 31px)/1.35 'Vollkorn', serif; color: var(--kabuk); }
.sag .saat { margin-top: 38px; padding: 22px 0; border-top: 3px double var(--kabuk); border-bottom: 3px double var(--kabuk); }
.sag .saat dt { font: 600 14px/1 'Vollkorn', serif; letter-spacing: .2em; color: var(--bugday); margin-top: 14px; }
.sag .saat dt:first-child { margin-top: 0; }
.sag .saat dd { font-size: 22px; font-variant-numeric: lining-nums tabular-nums; }
.durum { display: block; margin-top: 14px; font-style: italic; }
.sag .siparis { margin-top: 22px; font-size: 16px; }
.galeri { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 2fr); gap: 16px; padding: 0 6vw 7vw; align-items: start; }
.galeri .ornekGorsel:nth-child(1) { aspect-ratio: 4 / 5; }
.galeri .ornekGorsel:nth-child(2) { aspect-ratio: 3 / 4; margin-top: 90px; }
.galeri .ornekGorsel:nth-child(3) { aspect-ratio: 1 / 1; margin-top: 30px; }
.son { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 30px 6vw; padding: 5vw 6vw 6vw; border-top: 1px solid rgba(107,68,36,.25); }
.son h2 { font: 600 13px/1 'Vollkorn', serif; letter-spacing: .24em; color: var(--bugday); margin-bottom: 12px; }
.son .ig { font: italic 400 clamp(26px, 2.2vw, 36px)/1.1 'Vollkorn', serif; color: var(--kabuk); }
.son .igNot { font-size: 15px; opacity: .75; }
.son .miniPlan { color: var(--kabuk); min-width: 280px; }
.son .yerYazi { margin-top: 10px; font-style: italic; }
@media (max-width: 860px) {
  body { font-size: 17px; }
  .bas .vitrin { aspect-ratio: 4 / 3; min-height: 0; }
  .kunye { margin: -60px 16px 0; width: auto; padding: 24px 22px; }
  .gazete { grid-template-columns: 1fr; padding: 48px 20px; gap: 44px; }
  .galeri { grid-template-columns: 1fr 1fr; padding: 0 16px 56px; gap: 10px; }
  .galeri .ornekGorsel:nth-child(1) { grid-column: 1 / 3; aspect-ratio: 4 / 3; }
  .galeri .ornekGorsel:nth-child(2), .galeri .ornekGorsel:nth-child(3) { margin-top: 0; aspect-ratio: 1 / 1; }
  .son { padding: 44px 20px; }
}
.bas .vitrin::after { top: 10px; bottom: auto; }
.kunye:has(.logoKutu) { background: var(--krem); border: 1px solid rgba(107,68,36,.35); box-shadow: 0 14px 30px rgba(59,42,28,.14); }
.kunye .logoResim { width: min(440px, 100%); max-width: none; height: auto; background: none; padding: 0; }
.kunye .logoNot { color: var(--kabuk); }