{"id":1067,"date":"2026-03-07T10:12:01","date_gmt":"2026-03-07T07:12:01","guid":{"rendered":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/?page_id=1067"},"modified":"2026-03-09T11:49:35","modified_gmt":"2026-03-09T08:49:35","slug":"sanat-spor-ve-bilim-projesi","status":"publish","type":"page","link":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/sanat-spor-ve-bilim-projesi\/","title":{"rendered":"Sanat, Spor ve Bilim Projesi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1067\" class=\"elementor elementor-1067\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abef017 e-con-full e-flex e-con e-parent\" data-id=\"abef017\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e9a59c elementor-widget elementor-widget-html\" data-id=\"6e9a59c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- PROJE ALT SAYFASI \u2014 Sanat, Spor ve Bilim Projesi       -->\r\n<!-- Elementor HTML Widget                                   -->\r\n<!-- S1: Hero \u00b7 S2: \u00d6zet \u00b7 S3: Detay \u00b7 S4: Galeri \u00b7 S5: CTA -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<style>\r\n.hgo-proje *,\r\n.hgo-proje *::before,\r\n.hgo-proje *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-proje {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --gold-soft: rgba(245, 166, 35, 0.08);\r\n  --green: #2ecc71;\r\n  --green-soft: rgba(46, 204, 113, 0.08);\r\n  --blue: #3b7ddd;\r\n  --blue-soft: rgba(59, 125, 221, 0.08);\r\n  --text-primary: #1a1a2e;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.7);\r\n  --bg-white: #ffffff;\r\n  --bg-light: #f8f9fc;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-md: 12px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S1: HERO                                   *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__hero {\r\n  position: relative;\r\n  min-height: 420px;\r\n  background: var(--navy);\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: flex-end;\r\n}\r\n\r\n.hgo-proje__hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(15, 26, 58, 0.92) 0%, rgba(15, 26, 58, 0.4) 50%, rgba(15, 26, 58, 0.15) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.hgo-proje__hero-img {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.hgo-proje__hero-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.hgo-proje__hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 48px 20px;\r\n}\r\n\r\n.hgo-proje__hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  background: rgba(245, 166, 35, 0.15);\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(245, 166, 35, 0.3);\r\n  padding: 6px 14px;\r\n  border-radius: 20px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-proje__hero-badge-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n  box-shadow: 0 0 6px rgba(245, 166, 35, 0.5);\r\n  animation: hgoStatusPulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes hgoStatusPulse {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.5; }\r\n}\r\n\r\n.hgo-proje__hero-badge-text {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: white;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.hgo-proje__hero-title {\r\n  font-size: clamp(30px, 5vw, 44px);\r\n  font-weight: 800;\r\n  color: white;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.8px;\r\n  margin-bottom: 12px;\r\n  max-width: 700px;\r\n}\r\n\r\n.hgo-proje__hero-location {\r\n  font-size: 16px;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S2: \u00d6ZET KARTLARI                          *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__summary {\r\n  background: var(--bg-white);\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__summary-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n}\r\n\r\n.hgo-proje__summary-item {\r\n  padding: 28px 24px;\r\n  text-align: center;\r\n  border-right: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__summary-item:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.hgo-proje__summary-value {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.hgo-proje__summary-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  color: var(--text-light);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S3: PROJE DETAYLARI                        *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__detail {\r\n  padding: 64px 20px;\r\n  background: var(--bg-white);\r\n}\r\n\r\n.hgo-proje__detail-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.4fr 1fr;\r\n  gap: 56px;\r\n  align-items: flex-start;\r\n}\r\n\r\n.hgo-proje__detail-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.hgo-proje__detail-eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-proje__detail-heading {\r\n  font-size: clamp(24px, 3vw, 30px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.25;\r\n  letter-spacing: -0.3px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hgo-proje__detail-text {\r\n  font-size: 15px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.8;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-proje__detail-text:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.hgo-proje__detail-subtitle {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  margin-top: 8px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.hgo-proje__detail-highlight {\r\n  background: var(--gold-soft);\r\n  border: 1px solid rgba(245, 166, 35, 0.15);\r\n  border-radius: var(--radius-md);\r\n  padding: 24px;\r\n  margin-top: 8px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-proje__detail-highlight-title {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.hgo-proje__detail-highlight-text {\r\n  font-size: 14px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Bilgi kart\u0131 *\/\r\n.hgo-proje__info-card {\r\n  background: var(--bg-light);\r\n  border: 1px solid var(--border-light);\r\n  border-radius: var(--radius-lg);\r\n  padding: 32px 28px;\r\n  position: sticky;\r\n  top: 96px;\r\n}\r\n\r\n.hgo-proje__info-card-title {\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  margin-bottom: 20px;\r\n  padding-bottom: 16px;\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__info-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__info-row:last-of-type {\r\n  border-bottom: none;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.hgo-proje__info-label {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--text-light);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.hgo-proje__info-value {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--text-primary);\r\n  text-align: right;\r\n}\r\n\r\n.hgo-proje__info-status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--gold);\r\n}\r\n\r\n.hgo-proje__info-status-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n  animation: hgoStatusPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.hgo-proje__info-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.hgo-proje__info-tag {\r\n  display: inline-block;\r\n  padding: 3px 10px;\r\n  background: var(--bg-white);\r\n  border: 1px solid var(--border-light);\r\n  border-radius: 20px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--text-secondary);\r\n}\r\n\r\n.hgo-proje__info-cta {\r\n  display: block;\r\n  width: 100%;\r\n  margin-top: 20px;\r\n  padding: 14px;\r\n  background: var(--gold);\r\n  color: #fff;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  border: none;\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-proje__info-cta:hover {\r\n  background: var(--gold-hover);\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 16px rgba(245, 166, 35, 0.3);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S3.25: DESTEK\u00c7\u0130LER\u0130M\u0130Z                    *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__supporters {\r\n  padding: 64px 20px;\r\n  background: var(--bg-light);\r\n}\r\n\r\n.hgo-proje__supporters-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hgo-proje__supporters-header {\r\n  text-align: center;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.hgo-proje__supporters-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-proje__supporters-eyebrow::before,\r\n.hgo-proje__supporters-eyebrow::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-proje__supporters-heading {\r\n  font-size: clamp(24px, 3vw, 30px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  letter-spacing: -0.3px;\r\n}\r\n\r\n.hgo-proje__supporters-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.hgo-proje__supporter {\r\n  background: var(--bg-white);\r\n  border-radius: var(--radius-md);\r\n  border: 1px solid var(--border-light);\r\n  padding: 28px 24px;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.hgo-proje__supporter:hover {\r\n  box-shadow: 0 8px 32px rgba(26, 45, 90, 0.08);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.hgo-proje__supporter-icon {\r\n  font-size: 32px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.hgo-proje__supporter-name {\r\n  font-size: 17px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.hgo-proje__supporter-role {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.8px;\r\n  color: var(--gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.hgo-proje__supporter-bio {\r\n  font-size: 13px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .hgo-proje__supporters-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-proje__supporters { padding: 40px 16px; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S3.5: V\u0130DEO                                *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__video {\r\n  padding: 64px 20px;\r\n  background: var(--bg-light);\r\n}\r\n\r\n.hgo-proje__video-inner {\r\n  max-width: 860px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.hgo-proje__video-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-proje__video-heading {\r\n  font-size: clamp(24px, 3vw, 30px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  letter-spacing: -0.3px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.hgo-proje__video-wrapper {\r\n  position: relative;\r\n  padding-bottom: 56.25%; \/* 16:9 *\/\r\n  height: 0;\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  border: 1px solid var(--border-light);\r\n  box-shadow: 0 4px 24px rgba(26, 45, 90, 0.08);\r\n}\r\n\r\n.hgo-proje__video-wrapper iframe {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S4: G\u00d6RSEL GALER\u0130                          *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__gallery {\r\n  padding: 64px 20px;\r\n  background: var(--bg-white);\r\n}\r\n\r\n.hgo-proje__gallery-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hgo-proje__gallery-header {\r\n  text-align: center;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.hgo-proje__gallery-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-proje__gallery-eyebrow::before,\r\n.hgo-proje__gallery-eyebrow::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-proje__gallery-heading {\r\n  font-size: clamp(24px, 3vw, 30px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  letter-spacing: -0.3px;\r\n}\r\n\r\n\/* Masonry-style grid *\/\r\n.hgo-proje__gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  grid-auto-rows: 200px;\r\n  gap: 12px;\r\n}\r\n\r\n.hgo-proje__gallery-item {\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  position: relative;\r\n  cursor: pointer;\r\n  background: var(--bg-white);\r\n  border: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__gallery-item--wide {\r\n  grid-column: span 2;\r\n}\r\n\r\n.hgo-proje__gallery-item--tall {\r\n  grid-row: span 2;\r\n}\r\n\r\n.hgo-proje__gallery-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.hgo-proje__gallery-item:hover img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.hgo-proje__gallery-item::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(26, 45, 90, 0);\r\n  transition: background 0.3s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.hgo-proje__gallery-item:hover::after {\r\n  background: rgba(26, 45, 90, 0.15);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S5: D\u0130\u011eER PROJELER CTA                    *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__other {\r\n  padding: 56px 20px;\r\n  background: var(--bg-white);\r\n  text-align: center;\r\n  border-top: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__other-text {\r\n  font-size: 16px;\r\n  color: var(--text-secondary);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hgo-proje__other-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 14px 32px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  text-decoration: none;\r\n  border: 1.5px solid var(--border-light);\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-proje__other-btn:hover {\r\n  border-color: var(--navy);\r\n  background: rgba(26, 45, 90, 0.03);\r\n}\r\n\r\n.hgo-proje__other-btn-arrow {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.hgo-proje__other-btn:hover .hgo-proje__other-btn-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* LIGHTBOX                                   *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-lightbox {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9999;\r\n  background: rgba(0, 0, 0, 0.9);\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px;\r\n}\r\n\r\n.hgo-lightbox.active {\r\n  display: flex;\r\n}\r\n\r\n.hgo-lightbox__img {\r\n  max-width: 90vw;\r\n  max-height: 85vh;\r\n  border-radius: 8px;\r\n  object-fit: contain;\r\n}\r\n\r\n.hgo-lightbox__close {\r\n  position: absolute;\r\n  top: 24px;\r\n  right: 24px;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  color: #fff;\r\n  font-size: 20px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.hgo-lightbox__close:hover {\r\n  background: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.hgo-lightbox__nav {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  color: #fff;\r\n  font-size: 20px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.hgo-lightbox__nav:hover {\r\n  background: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.hgo-lightbox__prev { left: 24px; }\r\n.hgo-lightbox__next { right: 24px; }\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n  .hgo-proje__summary-inner {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .hgo-proje__summary-item:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .hgo-proje__detail-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n  }\r\n\r\n  .hgo-proje__info-card {\r\n    position: static;\r\n  }\r\n\r\n  .hgo-proje__gallery-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-auto-rows: 180px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-proje__hero { min-height: 320px; }\r\n  .hgo-proje__detail { padding: 40px 16px; }\r\n  .hgo-proje__video { padding: 40px 16px; }\r\n  .hgo-proje__gallery { padding: 40px 16px; }\r\n\r\n  .hgo-proje__summary-inner {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .hgo-proje__gallery-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-auto-rows: 150px;\r\n  }\r\n\r\n  .hgo-proje__gallery-item--wide {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .hgo-proje__gallery-item--tall {\r\n    grid-row: span 1;\r\n  }\r\n\r\n  .hgo-lightbox { padding: 20px; }\r\n  .hgo-lightbox__prev { left: 12px; }\r\n  .hgo-lightbox__next { right: 12px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S1: HERO                                   -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__hero\">\r\n  <div class=\"hgo-proje__hero-img\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/hatay-sanat-spor-bilim-projesi.jpeg\"\r\n      alt=\"Sanat, Spor ve Bilim Projesi \u2014 Hatay\"\r\n    \/>\r\n  <\/div>\r\n  <div class=\"hgo-proje__hero-bg\"><\/div>\r\n  <div class=\"hgo-proje__hero-content\">\r\n    <div class=\"hgo-proje__hero-badge\">\r\n      <span class=\"hgo-proje__hero-badge-dot\"><\/span>\r\n      <span class=\"hgo-proje__hero-badge-text\">Devam Ediyor<\/span>\r\n    <\/div>\r\n    <h1 class=\"hgo-proje__hero-title\">Sanat, Spor ve Bilim Projesi<\/h1>\r\n    <div class=\"hgo-proje__hero-location\">\ud83d\udccd Hatay, Antakya \u2014 Yurti\u00e7i E\u011fitim Projeleri<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S3: PROJE DETAYLARI                        -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__detail\">\r\n  <div class=\"hgo-proje__detail-inner\">\r\n\r\n    <!-- Sol: Metin -->\r\n    <div>\r\n      <div class=\"hgo-proje__detail-eyebrow\">Proje Hakk\u0131nda<\/div>\r\n      <h2 class=\"hgo-proje__detail-heading\">Yetenekleri Ke\u015ffeden, Umut B\u00fcy\u00fcten \u00c7ocuklar<\/h2>\r\n\r\n      <p class=\"hgo-proje__detail-text\">\r\n        Hayaller Ger\u00e7ek Olsun Derne\u011fi'nin \u00f6ncelikli hedeflerinden biri, deprem b\u00f6lgelerindeki \u00e7ocuk ve gen\u00e7lere sanat, spor ve bilim alanlar\u0131nda etkili ve s\u00fcrd\u00fcr\u00fclebilir \u00e7al\u0131\u015fmalar sunmakt\u0131r. Bu proje kapsam\u0131nda \u00e7ocuklar; yeteneklerini ke\u015ffetme, geli\u015ftirme ve \u00f6zg\u00fcven kazanma f\u0131rsat\u0131 buluyor.\r\n      <\/p>\r\n\r\n      <p class=\"hgo-proje__detail-subtitle\">Nas\u0131l Ger\u00e7ekle\u015fiyor?<\/p>\r\n\r\n      <p class=\"hgo-proje__detail-text\">\r\n        Derne\u011fimiz, alan\u0131nda uzman sanat\u00e7\u0131lar, spor ko\u00e7lar\u0131, bilim insanlar\u0131 ve g\u00f6n\u00fcll\u00fc gen\u00e7lerle i\u015f birli\u011fi yaparak at\u00f6lyeler, workshop'lar ve ziyaret etkinlikleri d\u00fczenliyor. \u00c7ocuklar resim, m\u00fczik, spor, kodlama ve do\u011fa bilimleri gibi alanlarda hem e\u011fleniyor hem \u00f6\u011freniyor.\r\n      <\/p>\r\n\r\n      <p class=\"hgo-proje__detail-text\">\r\n        Proje \u00f6zellikle Hatay gibi depremden derinden etkilenen b\u00f6lgelerde \u00e7ocuklar\u0131n psikososyal geli\u015fimine katk\u0131 sa\u011fl\u0131yor. Amac\u0131m\u0131z \"kimseyi arkada b\u0131rakm\u0131yoruz\" vizyonuyla deprem yaralar\u0131n\u0131 sanat, spor ve bilimle sarmak; \u00e7ocuklar\u0131m\u0131z\u0131 g\u00fcven, yarat\u0131c\u0131l\u0131k ve bilimsel d\u00fc\u015f\u00fcnme becerisiyle donatmakt\u0131r.\r\n      <\/p>\r\n\r\n      <!-- \u00d6rnek Etkinlik Highlight -->\r\n      <div class=\"hgo-proje__detail-highlight\">\r\n        <div class=\"hgo-proje__detail-highlight-title\">\ud83d\udccc \u00d6rnek Etkinlik: Antakya Okul Ziyareti<\/div>\r\n        <div class=\"hgo-proje__detail-highlight-text\">\r\n          18 Ekim 2023 tarihinde Hatay Antakya'da sanat\u00e7\u0131 arkada\u015flar\u0131m\u0131z, liseli gen\u00e7 g\u00f6n\u00fcll\u00fcler ve y\u00f6netim kurulu \u00fcyelerimizle birlikte bir okul ziyareti ger\u00e7ekle\u015ftirdik. \u00c7ocuklar i\u00e7in resim, m\u00fczik ve spor etkinlikleri d\u00fczenleyerek deprem sonras\u0131 travmay\u0131 hafifletmeyi, y\u00fczleri g\u00fcld\u00fcrmeyi ve umut a\u015f\u0131lamay\u0131 hedefledik.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"hgo-proje__detail-subtitle\">G\u00fcncel Durum<\/p>\r\n\r\n      <p class=\"hgo-proje__detail-text\">\r\n        Proje aktif olarak devam etmektedir. Hatay Ekolojik Okul Projesi ile entegre \u015fekilde ilerleyen \u00e7al\u0131\u015fmalar kapsam\u0131nda okul bah\u00e7esinde ekoloji at\u00f6lyeleri ve bilim workshop'lar\u0131 y\u00fcr\u00fct\u00fclmektedir. Be\u015fikta\u015f B\u0130LSEM gibi yeni i\u015f birlikleriyle projenin \u0130stanbul aya\u011f\u0131 da g\u00fc\u00e7lenmeye devam ediyor.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Sa\u011f: Bilgi Kart\u0131 -->\r\n    <div class=\"hgo-proje__info-card\">\r\n      <div class=\"hgo-proje__info-card-title\">Proje Bilgileri<\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Durum<\/span>\r\n        <span class=\"hgo-proje__info-status\">\r\n          <span class=\"hgo-proje__info-status-dot\"><\/span>\r\n          Devam Ediyor\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Ba\u015flang\u0131\u00e7<\/span>\r\n        <span class=\"hgo-proje__info-value\">Ekim 2023<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Konum<\/span>\r\n        <span class=\"hgo-proje__info-value\">Hatay \/ Antakya + \u0130stanbul<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Kategori<\/span>\r\n        <span class=\"hgo-proje__info-value\">E\u011fitim & Geli\u015fim<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Alanlar<\/span>\r\n        <div class=\"hgo-proje__info-tags\">\r\n          <span class=\"hgo-proje__info-tag\">\ud83c\udfa8 Sanat<\/span>\r\n          <span class=\"hgo-proje__info-tag\">\u26bd Spor<\/span>\r\n          <span class=\"hgo-proje__info-tag\">\ud83d\udd2c Bilim<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">\u0130\u015f Birlikleri<\/span>\r\n        <span class=\"hgo-proje__info-value\">Be\u015fikta\u015f B\u0130LSEM<\/span>\r\n      <\/div>\r\n\r\n      <a href=\"\/hayallergercekolsun\/bagis-yap\/\" class=\"hgo-proje__info-cta\">Bu Projeye Destek Ol \u2192<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S3.25: DESTEK\u00c7\u0130LER\u0130M\u0130Z                    -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__supporters\">\r\n  <div class=\"hgo-proje__supporters-inner\">\r\n    <div class=\"hgo-proje__supporters-header\">\r\n      <div class=\"hgo-proje__supporters-eyebrow\">Destek\u00e7ilerimiz<\/div>\r\n      <h2 class=\"hgo-proje__supporters-heading\">Projemize Destek Veren \u0130simler<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"hgo-proje__supporters-grid\">\r\n      <!-- Haluk Levent -->\r\n      <div class=\"hgo-proje__supporter\">\r\n        <div class=\"hgo-proje__supporter-icon\">\ud83c\udfb8<\/div>\r\n        <div class=\"hgo-proje__supporter-name\">Haluk Levent<\/div>\r\n        <div class=\"hgo-proje__supporter-role\">M\u00fczisyen & Aktivist<\/div>\r\n        <p class=\"hgo-proje__supporter-bio\">\r\n          T\u00fcrk rock m\u00fczi\u011finin sevilen ismi ve AHBAP Derne\u011fi'nin kurucusu. 2017'den bu yana T\u00fcrkiye'nin 68 ilinde afet yard\u0131m\u0131, e\u011fitim ve sosyal dayan\u0131\u015fma projeleri y\u00fcr\u00fctmekte; \u00f6zellikle deprem b\u00f6lgelerindeki \u00e7ocuklara y\u00f6nelik \u00e7al\u0131\u015fmalara \u00f6nc\u00fcl\u00fck etmektedir.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Beyza Ak\u0131nc\u0131 -->\r\n      <div class=\"hgo-proje__supporter\">\r\n        <div class=\"hgo-proje__supporter-icon\">\ud83c\udfa8<\/div>\r\n        <div class=\"hgo-proje__supporter-name\">Beyza Ak\u0131nc\u0131<\/div>\r\n        <div class=\"hgo-proje__supporter-role\">Ressam & Sanat Dan\u0131\u015fman\u0131<\/div>\r\n        <p class=\"hgo-proje__supporter-bio\">\r\n          Klasik T\u00fcrk sanatlar\u0131n\u0131 \u00e7a\u011fda\u015f bir dille yorumlayan uluslararas\u0131 ressam. Londra'da \"Gelecek Vadeden En \u0130yi Ressam\" \u00f6d\u00fcl\u00fc sahibi. Hatay'da depremden etkilenen \u00e7ocuklarla \"Hayallerini Resmet\" projesini ger\u00e7ekle\u015ftirmi\u015f, sanat\u0131n iyile\u015ftirici g\u00fcc\u00fcn\u00fc \u00e7ocuklarla bulu\u015fturmaktad\u0131r.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Ra\u015fit Altun -->\r\n      <div class=\"hgo-proje__supporter\">\r\n        <div class=\"hgo-proje__supporter-icon\">\ud83d\udd8c\ufe0f<\/div>\r\n        <div class=\"hgo-proje__supporter-name\">Ra\u015fit Altun<\/div>\r\n        <div class=\"hgo-proje__supporter-role\">Ressam & Heykelt\u0131ra\u015f<\/div>\r\n        <p class=\"hgo-proje__supporter-bio\">\r\n          1980 \u0130zmir do\u011fumlu, Anadolu \u00dcniversitesi G\u00f6rsel Sanatlar mezunu \u00e7a\u011fda\u015f sanat\u00e7\u0131. Paris Louvre Carrousel, ABD Miami Art Expo ve Polonya dahil uluslararas\u0131 sergiler a\u00e7m\u0131\u015f, 10'dan fazla ulusal \u00f6d\u00fcl sahibi g\u00f6rsel sanatlar e\u011fitmenidir.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S3.5: V\u0130DEO                                -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__video\">\r\n  <div class=\"hgo-proje__video-inner\">\r\n    <div class=\"hgo-proje__video-eyebrow\">Video<\/div>\r\n    <h2 class=\"hgo-proje__video-heading\">Projemizden G\u00f6r\u00fcnt\u00fcler<\/h2>\r\n    <div class=\"hgo-proje__video-wrapper\" id=\"hgoVideoEmbed\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S4: G\u00d6RSEL GALER\u0130                          -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__gallery\">\r\n  <div class=\"hgo-proje__gallery-inner\">\r\n    <div class=\"hgo-proje__gallery-header\">\r\n      <div class=\"hgo-proje__gallery-eyebrow\">Galeri<\/div>\r\n      <h2 class=\"hgo-proje__gallery-heading\">Projeden Kareler<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"hgo-proje__gallery-grid\">\r\n      <!-- 1 \u2014 geni\u015f -->\r\n      <div class=\"hgo-proje__gallery-item hgo-proje__gallery-item--wide\" data-index=\"0\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/WhatsApp-Image-2026-03-09-at-09.14.20-rotated.jpeg\"\r\n          alt=\"Sanat Spor Bilim etkinli\u011fi 1\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- 2 \u2014 uzun -->\r\n      <div class=\"hgo-proje__gallery-item hgo-proje__gallery-item--tall\" data-index=\"1\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/WhatsApp-Image-2026-03-09-at-09.14.10-rotated.jpeg\"\r\n          alt=\"Sanat Spor Bilim etkinli\u011fi 2\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- 3 -->\r\n      <div class=\"hgo-proje__gallery-item\" data-index=\"2\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/WhatsApp-Image-2026-03-09-at-09.13.58-rotated.jpeg\"\r\n          alt=\"Sanat Spor Bilim etkinli\u011fi 3\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- 4 -->\r\n      <div class=\"hgo-proje__gallery-item\" data-index=\"3\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/WhatsApp-Image-2026-03-09-at-09.13.48-rotated.jpeg\"\r\n          alt=\"Sanat Spor Bilim etkinli\u011fi 4\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- 5 -->\r\n      <div class=\"hgo-proje__gallery-item\" data-index=\"4\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/WhatsApp-Image-2026-03-09-at-09.13.38.jpeg\"\r\n          alt=\"Sanat Spor Bilim etkinli\u011fi 5\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- 6 \u2014 geni\u015f -->\r\n      <div class=\"hgo-proje__gallery-item hgo-proje__gallery-item--wide\" data-index=\"5\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/WhatsApp-Image-2026-03-09-at-09.13.25.jpeg\"\r\n          alt=\"Sanat Spor Bilim etkinli\u011fi 6\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- 7 -->\r\n      <div class=\"hgo-proje__gallery-item\" data-index=\"6\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/WhatsApp-Image-2026-03-09-at-09.13.13-rotated.jpeg\"\r\n          alt=\"Sanat Spor Bilim etkinli\u011fi 7\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- LIGHTBOX                                   -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"hgo-lightbox\" id=\"hgoLightbox\">\r\n  <button class=\"hgo-lightbox__close\" id=\"hgoLbClose\">\u2715<\/button>\r\n  <button class=\"hgo-lightbox__nav hgo-lightbox__prev\" id=\"hgoLbPrev\">\u2039<\/button>\r\n  <button class=\"hgo-lightbox__nav hgo-lightbox__next\" id=\"hgoLbNext\">\u203a<\/button>\r\n  <img decoding=\"async\" class=\"hgo-lightbox__img\" id=\"hgoLbImg\" src=\"\" alt=\"\">\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S5: D\u0130\u011eER PROJELER                        -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__other\">\r\n  <p class=\"hgo-proje__other-text\">Di\u011fer projelerimize de g\u00f6z at\u0131n<\/p>\r\n  <a href=\"\/hayallergercekolsun\/projelerimiz\/\" class=\"hgo-proje__other-btn\">\r\n    T\u00fcm Projeler\r\n    <span class=\"hgo-proje__other-btn-arrow\">\u2192<\/span>\r\n  <\/a>\r\n<\/section>\r\n\r\n\r\n<!-- Video Embed JS -->\r\n<script>\r\n(function() {\r\n  var container = document.getElementById('hgoVideoEmbed');\r\n  if (!container) return;\r\n  var iframe = document.createElement('iframe');\r\n  iframe.src = 'https:\/\/www.youtube.com\/embed\/2NofPifsnCA';\r\n  iframe.title = 'Sanat, Spor ve Bilim Projesi Videosu';\r\n  iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');\r\n  iframe.setAttribute('allowfullscreen', '');\r\n  iframe.setAttribute('loading', 'lazy');\r\n  iframe.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;border:0;';\r\n  container.appendChild(iframe);\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- Lightbox JS -->\r\n<script>\r\n(function() {\r\n  var lightbox = document.getElementById('hgoLightbox');\r\n  var lbImg = document.getElementById('hgoLbImg');\r\n  var items = document.querySelectorAll('.hgo-proje__gallery-item[data-index]');\r\n  var images = [];\r\n  var current = 0;\r\n\r\n  items.forEach(function(item) {\r\n    var img = item.querySelector('img');\r\n    if (img) images.push(img.src);\r\n  });\r\n\r\n  items.forEach(function(item) {\r\n    item.addEventListener('click', function() {\r\n      var img = item.querySelector('img');\r\n      if (!img || !images.length) return;\r\n      current = images.indexOf(img.src);\r\n      if (current === -1) return;\r\n      lbImg.src = images[current];\r\n      lightbox.classList.add('active');\r\n    });\r\n  });\r\n\r\n  document.getElementById('hgoLbClose').addEventListener('click', function() {\r\n    lightbox.classList.remove('active');\r\n  });\r\n\r\n  document.getElementById('hgoLbPrev').addEventListener('click', function() {\r\n    if (!images.length) return;\r\n    current = (current - 1 + images.length) % images.length;\r\n    lbImg.src = images[current];\r\n  });\r\n\r\n  document.getElementById('hgoLbNext').addEventListener('click', function() {\r\n    if (!images.length) return;\r\n    current = (current + 1) % images.length;\r\n    lbImg.src = images[current];\r\n  });\r\n\r\n  lightbox.addEventListener('click', function(e) {\r\n    if (e.target === lightbox) lightbox.classList.remove('active');\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if (!lightbox.classList.contains('active')) return;\r\n    if (e.key === 'Escape') lightbox.classList.remove('active');\r\n    if (e.key === 'ArrowLeft') document.getElementById('hgoLbPrev').click();\r\n    if (e.key === 'ArrowRight') document.getElementById('hgoLbNext').click();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Devam Ediyor Sanat, Spor ve Bilim Projesi \ud83d\udccd Hatay, Antakya \u2014 Yurti\u00e7i E\u011fitim Projeleri Proje Hakk\u0131nda Yetenekleri Ke\u015ffeden, Umut B\u00fcy\u00fcten [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":884,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1067","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/1067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/comments?post=1067"}],"version-history":[{"count":25,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/1067\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/1067\/revisions\/1252"}],"up":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/884"}],"wp:attachment":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/media?parent=1067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}