@font-face { font-family: 'Cardo'; src: url('../yazi/cardo.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cardo'; src: url('../yazi/cardo-kalin.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cardo'; src: url('../yazi/cardo-italik.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Kaz Mono'; src: url('../yazi/kaz-mono.woff2') format('woff2'); font-weight: 400; font-display: swap; }
:root { --zeytin: #5e6534; --zeytin-koyu: #3c4124; --keten: #eee7d7; --keten-koyu: #d8cdb5; --kagit: #fbf8f0; --murekkep: #2e3020;
        --serit-zemin: #e6dec9; --serit-yazi: #3c4124; --serit-cizgi: rgba(60,65,36,.2); --vurgu: #5e6534;
        --yt-zemin: #d8cdb5; --yt-yazi: #3c4124; --yt-yazi-tipi: 'Cardo', serif; }
body { color: var(--murekkep); font: 400 18px/1.75 'Cardo', Georgia, serif;
       background-color: var(--keten);
       background-image: repeating-linear-gradient(0deg, rgba(60,65,36,.028) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(60,65,36,.024) 0 1px, transparent 1px 4px); }
.mono { font-family: 'Kaz Mono', Consolas, monospace; font-size: 13px; letter-spacing: .04em; }
.bas { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 5vw; align-items: center; padding: 6vw 6vw 5vw; }
.damga { display: grid; place-items: center; width: 210px; height: 210px; border-radius: 50%; border: 2px solid var(--zeytin); outline: 1px solid var(--zeytin); outline-offset: 5px;
         text-align: center; color: var(--zeytin-koyu); }
.damga .logoYazi { font: 700 30px/1.02 'Cardo', serif; letter-spacing: .04em; }
.damga .logoYazi small { display: block; margin-top: 6px; font: italic 400 20px/1 'Cardo', serif; letter-spacing: .02em; }
.damga .mono { display: block; margin-top: 10px; font-size: 11px; letter-spacing: .2em; }
.logoResim { max-width: 220px; }
.konsept { margin-top: 38px; max-width: 18em; font: italic 400 clamp(25px, 2vw, 34px)/1.35 'Cardo', serif; color: var(--zeytin-koyu); }
.saat { margin-top: 30px; padding-top: 14px; border-top: 1px solid var(--zeytin); }
.saat .buyuk { font: 400 26px/1.2 'Cardo', serif; font-variant-numeric: lining-nums; }
.durum { margin-top: 6px; }
.baski { background: var(--kagit); padding: 16px 16px 44px; box-shadow: 0 1px 0 rgba(60,65,36,.12), 0 14px 30px rgba(60,65,36,.12); }
.baski .vitrin { aspect-ratio: 3 / 2; }
.baski .altYazi { margin-top: 12px; }
.raflar { padding: 5vw 6vw 6vw; }
.raflar h2 { font: 400 clamp(30px, 2.6vw, 44px)/1.1 'Cardo', serif; color: var(--zeytin-koyu); margin-bottom: 8px; }
.raflar .altBaslik { margin-bottom: 40px; opacity: .8; }
.raf { display: flex; align-items: flex-end; gap: 22px; padding: 0 18px; border-bottom: 9px solid var(--zeytin); box-shadow: 0 7px 0 rgba(60,65,36,.22); list-style: none; margin: 0 0 64px; }
.raf li { flex: var(--g, 1) 1 0; min-width: 0; position: relative; padding: 16px 18px 14px; background: var(--kagit); border: 1px solid var(--keten-koyu); border-bottom: 0; }
.raf li::before { content: ''; position: absolute; top: 9px; right: 10px; width: 7px; height: 7px; border-radius: 50%; border: 1px solid var(--zeytin); }
.raf .kalem { display: block; font: 700 clamp(19px, 1.45vw, 23px)/1.2 'Cardo', serif; }
.raf .aciklama { display: block; margin-top: 6px; font-family: 'Kaz Mono', Consolas, monospace; font-size: 12.5px; line-height: 1.5; letter-spacing: .03em; opacity: .85; }
.galeri { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 3fr); gap: 3vw; align-items: end; padding: 0 6vw 7vw; }
.galeri .ornekGorsel:nth-child(1) { aspect-ratio: 3 / 4; }
.galeri .ornekGorsel:nth-child(2) { aspect-ratio: 4 / 3; }
.galeri .ornekGorsel:nth-child(3) { aspect-ratio: 4 / 5; }
.son { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5vw; align-items: end; padding: 5vw 6vw; border-top: 1px solid rgba(60,65,36,.3); }
.son h2 { font-family: 'Kaz Mono', Consolas, monospace; font-size: 12px; letter-spacing: .3em; font-weight: 400; color: var(--zeytin); margin-bottom: 12px; }
.son .ig { font: italic 400 clamp(26px, 2.2vw, 38px)/1.1 'Cardo', serif; color: var(--zeytin-koyu); }
.son .igNot { margin-top: 6px; font-size: 15px; opacity: .75; }
.son .miniPlan { color: var(--zeytin-koyu); }
.son .yerYazi { margin-top: 10px; }
@media (max-width: 860px) {
  .bas { grid-template-columns: 1fr; padding: 40px 20px; gap: 36px; }
  .damga { width: 170px; height: 170px; }
  .damga .logoYazi { font-size: 25px; }
  .raflar { padding: 30px 16px 40px; }
  .raf { flex-direction: column; align-items: stretch; gap: 0; padding: 0; border-bottom-width: 7px; margin-bottom: 44px; }
  .raf li { border-bottom: 1px solid var(--keten-koyu); }
  .galeri { grid-template-columns: 1fr 1fr; padding: 0 16px 56px; gap: 10px; }
  .galeri .ornekGorsel:nth-child(2) { grid-column: 1 / 3; grid-row: 1; }
  .son { grid-template-columns: 1fr; padding: 44px 20px; }
}
.bas .logoResim { width: min(520px, 100%); max-width: none; height: auto; }