Orta Anadolu Kürtleri Kültürel Hafıza Arşivi sitesinden
/* Green Anatolia · Hafıza Arşivi ana sayfa düzeni (maquette 2026-11-11).
TemplateStyles: yalnızca Şablon:Anasayfa/HafizaArsivi içindeki .ga-home bloğunu etkiler. */
.ga-home { box-sizing: border-box; width: 100%; max-width: 1376px; margin: 0 auto; padding: 0 2.5%; background-color: #f8f6f0; color: #26382e; font-family: "DM Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.5; }
.ga-home *, .ga-home *::before, .ga-home *::after { box-sizing: border-box; }
.ga-home p { margin: 0; padding: 0; }
.ga-home .ga-title, .ga-home .ga-h2, .ga-home .ga-h3, .ga-home .ga-wordmark, .ga-home .ga-foot-brand, .ga-home .ga-caption-title { font-family: "Instrument Serif", Georgia, "Times New Roman", serif; font-weight: 400; margin: 0; padding: 0; border: 0; color: inherit; }
.ga-home a, .ga-home a:visited, .ga-home a:active { color: inherit; text-decoration: none; }
.ga-home a:hover { text-decoration: underline; }
.ga-home a:focus, .ga-home input:focus { outline: 3px solid #bd791d; outline-offset: 3px; }
.ga-home img { max-width: 100%; height: auto; }
.ga-home .ga-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 20px; padding: 18px 0 16px; border-bottom: 1px solid #c9cdc1; }
.ga-home .ga-brand { display: flex; align-items: center; gap: 11px; }
.ga-home .ga-mark { display: block; width: 45px; height: 45px; border-radius: 50%; overflow: hidden; border: 1px solid #c7b99c; background-color: #e9dac1; }
.ga-home .ga-mark img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ga-home .ga-wordmark { font-size: 32px; letter-spacing: -0.03em; line-height: 1.1; }
.ga-home .ga-foot-brand { font-size: 24px; letter-spacing: -0.03em; line-height: 1.1; }
.ga-home .ga-menu, .ga-home .ga-langs { display: flex; align-items: center; }
.ga-home .ga-menu { gap: 26px; font-size: 14px; font-weight: 600; }
.ga-home .ga-menu a { display: inline-block; padding: 8px 0; }
.ga-home .ga-langs { gap: 3px; }
.ga-home .ga-langs a, .ga-home .ga-current { display: block; min-width: 32px; padding: 6px 5px; border-radius: 2px; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 0.035em; }
.ga-home .ga-current { background-color: #264438; color: #fffaf0; }
.ga-home .ga-langs a:hover { background-color: #e8e6db; text-decoration: none; }
.ga-home .ga-hero { display: flex; flex-wrap: wrap; align-items: stretch; position: relative; margin-top: 22px; border: 1px solid #283e31; border-radius: 3px; color: #faf5e6; background-color: #233e32; overflow: hidden; }
.ga-home .ga-intro { position: relative; flex: 1 1 300px; min-width: 0; padding: 36px 20px 32px 5%; }
.ga-home .ga-eyebrow, .ga-home .ga-caption-class, .ga-home .ga-meta { font-size: 11px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; line-height: 1.55; }
.ga-home .ga-hero-label { color: #e6cfa1; }
.ga-home .ga-hero-label::before { display: inline-block; content: ""; width: 28px; height: 1px; margin-right: 11px; vertical-align: middle; background-color: #d1b67d; }
.ga-home .ga-title { margin: 18px 0 16px; font-size: 64px; letter-spacing: -0.035em; line-height: 0.98; color: #fff8e9; }
.ga-home .ga-title em { font-style: italic; font-weight: 400; color: #eddbb4; }
.ga-home .ga-deck { max-width: 435px; font-size: 16px; line-height: 1.55; color: #eceee1; }
.ga-home .ga-search { position: relative; width: 100%; max-width: 445px; margin: 24px 0 12px; }
.ga-home .ga-search .mw-inputbox-centered, .ga-home .ga-search .mw-inputbox-inline { margin: 0; padding: 0; border: 0; background: transparent; text-align: left; }
.ga-home .ga-search form { display: flex; align-items: stretch; gap: 4px; width: 100%; min-height: 48px; margin: 0; padding: 4px; border: 1px solid #dddbca; border-radius: 3px; background-color: #fbf9f0; }
.ga-home .ga-search form p, .ga-home .ga-search form div { display: flex; flex: 1 1 auto; align-items: stretch; gap: 4px; margin: 0; width: 100%; }
.ga-home .ga-search input[name="search"] { display: block; flex: 1 1 0%; min-width: 0; width: 100%; max-width: none; height: 38px; margin: 0; padding: 0 9px 0 37px; border: 0; border-radius: 0; box-shadow: none; background-color: #fbf9f0; color: #24392e; font-family: inherit; font-size: 14px; }
.ga-home .ga-search input[type="submit"] { display: block; flex: 0 0 auto; min-width: 62px; min-height: 38px; margin: 0; padding: 0 13px; border: 1px solid #294a39; border-radius: 2px; background: #335540; color: #fffaf0; font-family: inherit; font-weight: 700; font-size: 14px; cursor: pointer; }
.ga-home .ga-search input[type="submit"]:hover { background: #233e32; }
.ga-home .ga-loupe { position: absolute; top: 17px; left: 15px; z-index: 1; width: 14px; height: 14px; border: 2px solid #586453; border-radius: 50%; }
.ga-home .ga-loupe::after { content: ""; position: absolute; left: 9px; top: 10px; width: 7px; height: 2px; background: #586453; transform: rotate(45deg); }
.ga-home .ga-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 13px; color: #e8e6d3; font-size: 12px; }
.ga-home .ga-examples > span { color: #d9d7c4; }
.ga-home .ga-examples a, .ga-home .ga-examples a:visited { border-bottom: 1px solid #758772; }
.ga-home .ga-examples a:hover { color: #fff; border-color: #fff; text-decoration: none; }
.ga-home .ga-photo-panel { display: flex; align-items: center; justify-content: center; position: relative; flex: 1 1 300px; min-width: 0; padding: 40px 5% 40px 3.3%; background-color: #243f33; background-image: linear-gradient(90deg, #233e32, rgba(35, 62, 50, 0) 33%), linear-gradient(90deg, rgba(230, 218, 186, 0.06) 1px, transparent 1px), linear-gradient(rgba(230, 218, 186, 0.06) 1px, transparent 1px); background-size: 100% 100%, 34px 34px, 34px 34px; }
.ga-home .ga-print { position: relative; z-index: 0; width: 100%; max-width: 476px; padding: 10px 10px 0; color: #2c322a; background: #f4eee0; box-shadow: 1px 5px 12px rgba(21, 32, 22, 0.28); transform: rotate(-2.2deg); }
.ga-home .ga-print::before, .ga-home .ga-print::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.ga-home .ga-print::before { z-index: -2; background-color: #b8b79e; transform: rotate(5deg); }
.ga-home .ga-print::after { z-index: -1; background: #f4eee0; }
.ga-home .ga-hero-img { background-color: #cac5b6; }
.ga-home .ga-hero-img img { display: block; width: 100%; height: auto; }
.ga-home .ga-print-foot { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; padding: 9px 6px 12px; }
.ga-home .ga-caption-class { display: block; font-size: 9px; color: #665b46; }
.ga-home .ga-caption-title { display: block; margin-top: 1px; font-size: 22px; line-height: 1.1; }
.ga-home .ga-source { font-size: 11px; font-weight: 600; white-space: nowrap; }
.ga-home .ga-source a { border-bottom: 1px solid #a9a18a; }
.ga-home .ga-section { margin-top: 43px; }
.ga-home .ga-section-head { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: 8px 18px; margin: 0 0 18px; }
.ga-home .ga-h2 { font-size: 40px; line-height: 1.08; letter-spacing: -0.03em; }
.ga-home .ga-textlink { color: #355342; font-weight: 600; font-size: 13px; }
.ga-home .ga-textlink a { padding-bottom: 3px; border-bottom: 1px solid #a0aa96; }
.ga-home .ga-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; }
.ga-home .ga-card { min-width: 0; }
.ga-home .ga-card-img { position: relative; height: 0; padding-bottom: 49%; background: #dcd8cb; overflow: hidden; border-radius: 2px; }
.ga-home .ga-card-img img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.ga-home .ga-card-img a:focus img { outline: 3px solid #bd791d; outline-offset: -4px; }
.ga-home .ga-register img { object-position: 46% 36%; }
.ga-home .ga-textile img { object-position: 50% 45%; }
.ga-home .ga-field img { object-position: 50% 43%; }
.ga-home .ga-card-copy { padding: 15px 1px 0; }
.ga-home .ga-meta { color: #765336; font-size: 10px; }
.ga-home .ga-meta span { margin: 0 5px; color: #827460; }
.ga-home .ga-card .ga-h3 { margin: 5px 0; font-size: 25px; letter-spacing: -0.02em; line-height: 1.13; }
.ga-home .ga-text { color: #536052; font-size: 14px; line-height: 1.5; }
.ga-home .ga-directory { margin-top: 40px; padding-top: 30px; border-top: 1px solid #c9cdc1; }
.ga-home .ga-explore { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 28px; }
.ga-home .ga-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; align-content: start; }
.ga-home .ga-entry { position: relative; min-width: 0; padding: 15px 19px 15px 0; border-bottom: 1px solid #d4d6c8; }
.ga-home .ga-entry .ga-h3 { font-size: 23px; letter-spacing: -0.015em; line-height: 1.17; }
.ga-home .ga-entry .ga-h3 a::after { content: "›"; position: absolute; right: 1px; top: 14px; color: #6b785e; font-family: Georgia, serif; font-size: 23px; }
.ga-home .ga-entry .ga-text { margin-top: 3px; font-size: 13px; }
.ga-home .ga-side { display: flex; flex-direction: column; gap: 14px; }
.ga-home .ga-word, .ga-home .ga-pepuk { padding: 24px 26px; border-radius: 2px; }
.ga-home .ga-word { background: #e5eadc; color: #324a38; border: 1px solid #d4ddc9; }
.ga-home .ga-word .ga-eyebrow { color: #465d44; }
.ga-home .ga-word .ga-h3 { margin: 8px 0 2px; font-size: 50px; line-height: 1; font-style: italic; }
.ga-home .ga-word .ga-text { font-size: 14px; color: #324a38; }
.ga-home .ga-word .ga-text span { margin: 0 4px; }
.ga-home .ga-wordlinks { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 18px; margin-top: 19px; font-size: 13px; font-weight: 600; }
.ga-home .ga-wordlinks a { border-bottom: 1px solid #a0ac92; }
.ga-home .ga-pepuk { border: 1px solid #d7cdb8; background: #f0eadd; }
.ga-home .ga-pepuk .ga-eyebrow { color: #745d3c; }
.ga-home .ga-pepuk .ga-h3 { margin: 9px 0 5px; font-size: 25px; line-height: 1.12; }
.ga-home .ga-pepuk .ga-text { margin-bottom: 13px; }
.ga-home .ga-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 13px 22px; margin-top: 38px; padding: 20px 0 26px; border-top: 1px solid #c9cdc1; }
.ga-home .ga-foot > div { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 12px; color: #4a584c; }
@media (max-width: 1200px) {
.ga-home .ga-title { font-size: 56px; }
.ga-home .ga-card .ga-h3 { font-size: 24px; }
.ga-home .ga-entry .ga-h3 { font-size: 21px; }
.ga-home .ga-word .ga-h3 { font-size: 44px; }
}
@media (max-width: 790px) {
.ga-home .ga-top { gap: 6px 16px; padding: 12px 0; }
.ga-home .ga-wordmark { font-size: 27px; }
.ga-home .ga-mark { width: 37px; height: 37px; }
.ga-home .ga-menu { order: 3; width: 100%; justify-content: flex-start; gap: 18px; }
.ga-home .ga-menu a { padding: 4px 0; }
.ga-home .ga-langs { margin-left: auto; }
.ga-home .ga-deck { font-size: 15px; }
.ga-home .ga-caption-title { font-size: 20px; }
.ga-home .ga-cards { gap: 15px; }
.ga-home .ga-explore { grid-template-columns: minmax(0, 1fr); }
.ga-home .ga-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.ga-home { padding: 0; }
.ga-home .ga-menu { gap: 18px; font-size: 13px; }
.ga-home .ga-langs a, .ga-home .ga-current { min-width: 27px; font-size: 11px; }
.ga-home .ga-hero { flex-direction: column; margin-top: 14px; }
.ga-home .ga-intro, .ga-home .ga-photo-panel { flex: 0 0 auto; width: 100%; }
.ga-home .ga-intro { padding: 24px 18px 16px; }
.ga-home .ga-title { margin: 13px 0; font-size: 46px; }
.ga-home .ga-photo-panel { padding: 17px 9% 28px; }
.ga-home .ga-print { max-width: 340px; padding: 7px 7px 0; }
.ga-home .ga-print-foot { padding: 6px 2px 8px; }
.ga-home .ga-caption-title { font-size: 18px; }
.ga-home .ga-search { margin-top: 18px; }
.ga-home .ga-examples { gap: 5px 10px; }
.ga-home .ga-section { margin-top: 30px; }
.ga-home .ga-section-head { margin-bottom: 14px; }
.ga-home .ga-h2 { font-size: 32px; }
.ga-home .ga-cards { grid-template-columns: minmax(0, 1fr); gap: 26px; }
.ga-home .ga-card-img { padding-bottom: 48%; }
.ga-home .ga-card-copy { padding-top: 11px; }
.ga-home .ga-card .ga-h3 { font-size: 25px; }
.ga-home .ga-directory { padding-top: 24px; }
.ga-home .ga-index { grid-template-columns: minmax(0, 1fr); }
.ga-home .ga-entry { padding: 12px 17px 12px 0; }
.ga-home .ga-entry .ga-h3 { font-size: 20px; }
.ga-home .ga-entry .ga-text { font-size: 12px; }
.ga-home .ga-explore { gap: 21px; }
.ga-home .ga-side { grid-template-columns: minmax(0, 1fr); }
.ga-home .ga-word, .ga-home .ga-pepuk { padding: 21px; }
.ga-home .ga-foot { margin-top: 25px; }
}
@media (max-width: 380px) {
.ga-home .ga-brand { gap: 6px; }
.ga-home .ga-mark { width: 32px; height: 32px; }
.ga-home .ga-wordmark { font-size: 24px; }
.ga-home .ga-menu { gap: 14px; font-size: 12px; }
.ga-home .ga-menu a { white-space: nowrap; }
.ga-home .ga-intro { padding-left: 15px; padding-right: 15px; }
.ga-home .ga-title { font-size: 40px; }
.ga-home .ga-h2 { font-size: 29px; }
}
