:root{
  --bg:#9F6644;
  --bg-2:#916345;
  --ink:#F2DCB9;
  --muted:rgba(242,220,185,.82);
  --card:#916345;
  --accent:#F57212;
  --accent-2:#87a99a;
  --line:rgba(245,233,216,.28);
  --shadow: 0 18px 40px rgba(0,0,0,.18);
  --radius: 18px;
  --max: 1100px;
}

*{box-sizing:border-box}
html,body{height:100%}

a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto; display:block}
.container{max-width:var(--max); margin:0 auto; padding:0 18px}

@font-face{
  font-family:"Astagina Signature";
  src:url("../assets/fonts/AstaginaSignature.ttf") format("truetype");
  font-display:swap;
}

@font-face{
  font-family:"MADE Bon Voyage";
  src:url("../assets/fonts/MADEBonVoyage.ttf") format("truetype");
  font-display:swap;
}

@font-face{
  font-family:"Glegoo";
  src:url("../assets/fonts/Glegoo-Regular.ttf") format("truetype");
  font-display:swap;
}
@font-face{
  font-family:"Manrope";
  src:url("../assets/fonts/Manrope-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Manrope";
  src:url("../assets/fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Manrope";
  src:url("../assets/fonts/Manrope-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(10px);
  background: rgba(138,90,69,.72);
  border-bottom:1px solid var(--line);
}
.navbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0;
  gap:14px;
}
.brand{
  display:flex; align-items:center; gap:10px;
  min-width: 160px;
}
.brand-mark{
  width:42px; height:42px; border-radius:12px;
  background: rgba(245,233,216,.10);
  border:1px solid var(--line);
  display:grid; place-items:center;
  box-shadow: var(--shadow);
}
.brand-title{
  font-family:"Glegoo", serif;
  font-weight:400;
  letter-spacing:.02em;
  line-height:1.05;
}
.brand-title small{
  display:block;
  font-family:"Manrope", sans-serif;
  opacity:.9;
  font-size:12px;
  margin-top:2px;
}

.nav-links{
  display:flex; gap:16px; align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.nav-links a{
  font-size:13px;
  opacity:.92;
  padding:8px 10px;
  border-radius:12px;
}
.nav-links a:hover{background:transparent}
.nav-actions{display:flex; align-items:center; gap:10px}
.pill{
  border:1px solid var(--line);
  background: rgba(245,233,216,.06);
  padding:8px 10px;
  border-radius:999px;
  font-size:12px;
  display:flex; gap:8px; align-items:center;
}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px;
  border:1px solid transparent;
  padding:11px 16px;
  font-weight:600;
  font-size:13px;
  cursor:pointer;
  transition: transform .08s ease, background .2s ease, border-color .2s ease;
  user-select:none;
}
.btn:active{transform: translateY(1px)}
.btn-primary{background:var(--accent); color:#fff}
.btn-primary:hover{filter:brightness(1.02)}
.btn-ghost{
  background:rgba(245,233,216,.08);
  border-color:var(--line);
}
.btn-ghost:hover{background:rgba(245,233,216,.12)}

.burger{
  display:none;
  width:42px; height:42px; border-radius:14px;
  border:1px solid var(--line);
  background: rgba(245,233,216,.06);
  cursor:pointer;
}
.burger span{
  display:block; height:2px; width:18px; background:var(--ink);
  margin:4px auto;
  opacity:.9;
}

.mobile-panel{
  display:none;
  border-top:1px solid var(--line);
  padding:12px 0 16px;
}
.mobile-panel a{display:block; padding:10px 10px; border-radius:12px; font-size:14px}
.mobile-panel a:hover{background:rgba(245,233,216,.08)}
.mobile-panel .row{display:flex; gap:10px; padding:8px 10px}
.mobile-panel .row .btn{flex:1}

.hero{
  padding:38px 0 22px;
  position:relative;
  overflow:hidden;
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.3fr .7fr;
  gap:22px;
  align-items:start;
}
.kicker{
  font-family:"Astagina Signature", cursive;
  font-size:54px;
  line-height:1;
  margin:0 0 6px;
  letter-spacing:.01em;
}
.h1{
  font-family:"Glegoo", serif;
  margin:0;
  font-weight:400;
  font-size:28px;
  letter-spacing:.02em;
}
.lead{
  margin:10px 0 0;
  color:var(--muted);
  max-width: 62ch;
  font-size:14px;
  line-height:1.6;
}
.hero-actions{
  display:flex; gap:10px; flex-wrap:wrap;
  margin-top:16px;
}
.decor{
  border:1px solid var(--line);
  background:rgba(245,233,216,.06);
  border-radius: var(--radius);
  padding:16px;
  box-shadow: var(--shadow);
}
.decor h3{
  margin:0 0 8px;
  font-family:"Glegoo", serif;
  font-weight:400;
  letter-spacing:.02em;
}
.decor ul{margin:0; padding-left:18px; color:var(--muted); font-size:13px; line-height:1.7}
.decor li{margin:6px 0}

.section{
  padding:30px 0;
}
.section-title{
  text-align:center;
  font-family:"MADE Bon Voyage","Glegoo", serif;
  font-weight:400;
  font-size:32px;
  margin:0;
  letter-spacing:.02em;
}


/* =========================
   SECTION TITLE – SVG WAVE (stroke animation)
   Usage:
   <h2 class="section-title wave-anim green|orange"><span>Title</span><svg class="title-wave"><use href="#wave-line"/></svg></h2>
   ========================= */

.section-title.wave-anim{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  --wave-stroke: var(--accent-2);
}

.section-title.wave-anim.orange{ --wave-stroke: var(--accent); }
.section-title.wave-anim.green{ --wave-stroke: var(--accent-2); }

.section-title.wave-anim .title-wave{
  width:260px;
  height:28px;
  display:block;
}

.section-title.wave-anim .title-wave path{
  stroke: var(--wave-stroke);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  animation: wave-draw 1.2s ease forwards;
}

@keyframes wave-draw{
  to{ stroke-dashoffset: 0; }
}

@media (max-width: 768px){
  .section-title.wave-anim .title-wave{
    width:180px;
    height:20px;
  }
  .section-title.wave-anim .title-wave path{
    stroke-width: 5;
  }
}

@media (prefers-reduced-motion: reduce){
  .section-title.wave-anim .title-wave path{
    animation: none;
    stroke-dashoffset: 0;
  }
}
.section-sub{font-family:"Glegoo", serif;

  text-align:center;
  color:var(--muted);
  margin:6px auto 0;
  max-width: 70ch;
  font-size:13.5px;
  line-height:1.6;
}
.cards{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap:14px;
  margin-top:18px;
}
.card{
  background: rgba(245,233,216,.06);
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:14px;
  box-shadow: var(--shadow);
  min-height:96px;
}
.stat{
  text-align:center;
  padding:18px 12px;
}
.stat b{
  display:block;
  font-size:22px;
  color:#fff;
}
.stat span{
  display:block;
  margin-top:6px;
  font-size:12px;
  opacity:.9;
}
.explore-grid{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap:10px;
  margin-top:18px;
}
.tag{
  border-radius:14px;
  border:1px solid rgba(0,0,0,.15);
  background: rgba(135,169,154,.92);
  color:#143025;
  padding:12px 10px;
  text-align:center;
  font-weight:700;
  font-size:13px;
}
.tag:hover{filter:brightness(1.02)}
.tag.alt{
  background: rgba(135,169,154,.82);
}

.split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:18px;
  margin-top:18px;
}
.media{
  border-radius: var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  background: rgba(245,233,216,.06);
  box-shadow: var(--shadow);
}
.media img{width:100%; height:100%; object-fit:cover; aspect-ratio: 16/9}
.block{
  border:1px solid var(--line);
  background: rgba(245,233,216,.06);
  border-radius: var(--radius);
  padding:18px;
  box-shadow: var(--shadow);
}
.block h3{
  margin:0 0 8px;
  font-family:"Glegoo", serif;
  font-weight:400;
}
.block p{margin:0; color:var(--muted); font-size:13.5px; line-height:1.65}
.block .btn{margin-top:12px}

.logo-grid{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap:12px;
  margin-top:18px;
}
.logo{
  border:1px solid var(--line);
  background: rgba(245,233,216,.06);
  border-radius: 14px;
  height:74px;
  display:grid; place-items:center;
  font-weight:700;
  letter-spacing:.06em;
  font-size:12px;
  opacity:.9;
}

.contact{
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap:18px;
  margin-top:18px;
}
.contact .info{
  border:1px solid var(--line);
  background: rgba(245,233,216,.06);
  border-radius: var(--radius);
  padding:18px;
  box-shadow: var(--shadow);
}
.contact .info h3{
  margin:0 0 8px;
  font-family:"Glegoo", serif;
  font-weight:400;
}
.contact .info p{margin:0 0 12px; color:var(--muted); font-size:13.5px; line-height:1.65}
.contact .meta{
  display:grid; gap:10px;
  font-size:13px;
  color:var(--muted);
}
.form{
  border:1px solid var(--line);
  background: rgba(245,233,216,.06);
  border-radius: var(--radius);
  padding:18px;
  box-shadow: var(--shadow);
}
.field{display:grid; gap:8px; margin-bottom:12px}
label{font-size:12px; opacity:.92}
input,textarea{
  width:100%;
  background: rgba(245,233,216,.90);
  color:#2b140a;
  border:1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  padding:11px 12px;
  font: inherit;
  font-size:13px;
}
textarea{min-height:120px; resize:vertical}
.form .btn{width:100%; padding:12px 16px}

footer{
  border-top:1px solid var(--line);
  margin-top:22px;
  padding:18px 0 26px;
  color: rgba(245,233,216,.82);
  font-size:12.5px;
  text-align:center;
}

.page-head{
  padding:22px 0 8px;
}
.page-head h1{
  margin:0;
  font-family:"Glegoo", serif;
  font-weight:400;
  letter-spacing:.02em;
}
.page-head p{
  margin:8px 0 0;
  color:var(--muted);
  max-width:70ch;
  line-height:1.6;
  font-size:13.5px;
}

.breadcrumb{
  margin-top:10px;
  font-size:12px;
  opacity:.85;
}
.breadcrumb a{opacity:.9; text-decoration:underline; text-underline-offset:2px}

@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .cards{grid-template-columns: repeat(3, 1fr)}
  .explore-grid{grid-template-columns: repeat(3, 1fr)}
  .split{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .logo-grid{grid-template-columns: repeat(3, 1fr)}
}
@media (max-width: 760px){
  .nav-links, .nav-actions{display:none}
  .burger{display:inline-block}
  .mobile-panel{display:none}
  .mobile-panel.open{display:block}
  .kicker{font-size:46px}
  .section-title{font-size:28px}
  .cards{grid-template-columns: repeat(2, 1fr)}
  .explore-grid{grid-template-columns: repeat(2, 1fr)}
}


.hero-grid > .media{
  height:100%;
}
.hero-grid > .media img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius: var(--radius);
}

/* HERO RIGHT: FULL COLUMN (NO BOX) */
.hero-grid{
  align-items: stretch;
}

.hero-art img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  aspect-ratio: auto;
  display:block;
}

/* On large screens, let the right side feel wider */
@media (min-width: 981px){
  .hero-grid{
    grid-template-columns: 1.15fr .85fr;
    gap: 22px;
  }
}

/* HERO TYPOGRAPHY & ALIGNMENT (REV) */
.hero-grid{
  align-items: stretch;
}
.hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center; /* vertically center vs right image */
  min-height: 320px;
}
.kicker{ display:none; } /* legacy */
.kicker-img img{
  width: 320px;
  max-width: 100%;
  height: auto;
  display:block;
  margin-bottom: 10px;
}
.h1{
  font-size: 34px;
  line-height: 1.18;
}
.lead{
  font-size: 15.5px;
  line-height: 1.75;
  max-width: 60ch;
}
.hero-actions .btn{
  padding: 12px 18px;
  font-size: 13.5px;
}

@media (min-width: 981px){
  .kicker-img img{ width: 360px; }
  .h1{ font-size: 38px; }
  .lead{ font-size: 16px; }
}

@media (max-width: 760px){
  .hero-copy{ min-height: unset; justify-content:flex-start; }
  .kicker-img img{ width: 260px; margin-bottom: 8px; }
  .h1{ font-size: 30px; }
}

/* MENU HOVER UNDERLINE */
.nav-links a{
  position:relative;
}
.nav-links a::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:5px;
  height:2px;
  background: transparent;
  border-radius: 999px;
}
.nav-links a:hover::after{
  background: var(--bg-2); /* 916345 */
}

/* BRAND LOGO IMAGE */
.brand-mark{
  padding:6px;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* ABOUT CONNECTED BOXES */
.about-grid{
  display:grid;
  grid-template-columns: repeat(8, 1fr);
  gap:0;
  margin-top:18px;
  border-radius: var(--radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  box-shadow: var(--shadow);
}
.about-cell{
  background: var(--accent);
  color:#fff;
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  font-weight:700;
  font-size:13px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.22);
}
.about-cell:last-child{border-right:0}
.about-cell.icon{
  font-size:20px;
  font-weight:900;
}
@media (max-width:980px){
  .about-grid{grid-template-columns: repeat(4, 1fr)}
}
@media (max-width:760px){
  .about-grid{grid-template-columns: repeat(2, 1fr)}
}

/* EXPLORE TILES (IMAGE ONLY) */
.explore-grid{
  grid-template-columns: repeat(3, 1fr);
}
.explore-tile{
  background: var(--bg-2);
  border:1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  overflow:hidden;
  aspect-ratio: 4/3;
  display:grid;
  place-items:center;
}
.explore-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media (min-width:981px){
  .explore-grid{grid-template-columns: repeat(5, 1fr)}
}

/* COOP RIGHT TEXT: NO BOX */
.coop-copy{
  padding:8px 0;
}
.coop-copy h3{
  margin:0 0 8px;
  font-family:"Glegoo", serif;
  font-weight:400;
}
.coop-copy p{
  margin:0;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.65;
}

/* PARTNERS: SEPARATOR LINES */
.logo-grid{
  gap:0;
  border:1px solid rgba(245,114,18,.55);
  border-radius: 12px;
  overflow:hidden;
}
.logo{
  border:0;
  border-right:1px solid rgba(245,114,18,.75);
  border-bottom:1px solid rgba(245,114,18,.75);
  background: transparent;
  box-shadow: none;
  border-radius:0;
  height:86px;
}
.logo:nth-child(5n){ border-right:0; }
@media (max-width:980px){
  .logo:nth-child(3n){ border-right:0; }
}

/* FOOTER SOCIAL */
.footer-social{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:10px;
}
.footer-social a{
  width:36px; height:36px;
  border-radius:999px;
  border:1px solid rgba(242,220,185,.35);
  display:grid; place-items:center;
  background: rgba(0,0,0,.08);
}
.footer-social a:hover{
  border-color: rgba(242,220,185,.55);
}

/* HEADER LOGO: NO BOX */
.brand-mark{
  width: 160px;
  height: 44px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display:flex;
  align-items:center;
}
.brand-mark img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* HEADER BRAND TEXT HIDE */
.brand-title{ display:none; }
.brand{ min-width: unset; }

/* MENU HOVER/ACTIVE: UNDERLINE ONLY */
.nav-links a{
  background: transparent !important;
}
.nav-links a:hover{
  background: transparent !important;
}
.nav-links a::after{
  background: transparent;
}
.nav-links a:hover::after{
  background: #80B191 !important;
}
.nav-links a.is-active::after{
  background: #80B191 !important;
}

/* ABOUT GRID: 4x2 SQUARE CONNECTED */
.about-grid{
  grid-template-columns: repeat(4, 1fr) !important;
}
.about-cell{
  aspect-ratio: 1 / 1;
  min-height: unset;
  border-right: 1px solid rgba(255,255,255,.22);
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.about-cell:nth-child(4n){ border-right: 0; }
.about-cell:nth-last-child(-n+4){ border-bottom: 0; }
@media (max-width:760px){
  .about-grid{ grid-template-columns: repeat(2, 1fr) !important; }
  .about-cell:nth-child(2n){ border-right:0; }
  .about-cell:nth-last-child(-n+2){ border-bottom:0; }
}

/* EXPLORE: EQUAL RECTANGLE TILES (COLOR #916345) */
.explore-tile{
  background: #80B191 !important;
  border-radius: 0 !important;
  border: 0 !important;
  aspect-ratio: 16 / 10 !important;
}
.explore-tile img{
  object-fit: cover;
}

/* PARTNERS: ONLY INTERNAL SEPARATORS */
.logo-grid{
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.logo{
  border-right:1px solid rgba(245,114,18,.85) !important;
  border-bottom:1px solid rgba(245,114,18,.85) !important;
}
.logo-grid .logo:nth-child(5n){ border-right:0 !important; }
.logo-grid .logo:nth-last-child(-n+5){ border-bottom:0 !important; }

@media (max-width:980px){
  .logo-grid{ grid-template-columns: repeat(3, 1fr) !important; }
  .logo-grid .logo:nth-child(3n){ border-right:0 !important; }
  .logo-grid .logo:nth-last-child(-n+3){ border-bottom:0 !important; }
}

.footer-social a{
  font-size:0;
}
.footer-social svg{
  width:18px; height:18px;
  fill: #F2DCB9;
  opacity:.95;
}






/* === BACKGROUND IMAGE (BANDING-PROOF) === */
html, body{ min-height: 100%; }
body{
  margin:0;
  background: url("../assets/images/bg-gradient.jpg") center top / cover no-repeat fixed !important;
  color:#F2DCB9;
}
main, section, header, footer{
  background: transparent !important;
}

/* REV10: ABOUT exactly 8 equal squares */
.about-grid{
  grid-template-columns: repeat(4, 1fr) !important;
  gap:0 !important;
}
.about-cell{
  aspect-ratio:1/1;
  min-height: unset !important;
  border-radius:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.about-cell.big{
  font-size: 18px;
  line-height: 1.05;
}
@media (max-width:760px){
  .about-grid{ grid-template-columns: repeat(2, 1fr) !important; }
}

/* REV10: EXPLORE show all tiles clearly */
.explore-grid{
  display:grid;
  gap:14px;
}
.explore-tile{
  background:#80B191 !important;
  border-radius:0 !important;
  aspect-ratio: 16/10 !important;
}
.explore-tile img{
  width:100%;
  height:100%;
  object-fit: contain !important;
  padding: 12px;
  display:block;
}

/* REV11: ABOUT image proportion tuning */
.about-cell.icon{
  padding:12px;
}
.about-cell.icon img{
  width:70%;
  height:70%;
  object-fit:contain;
}

/* REV11: EXPLORE image proportion tuning */
.explore-grid{
  gap:16px;
}
.explore-tile{
  aspect-ratio: 4 / 3 !important;
}
.explore-tile img{
  width:80%;
  height:80%;
  object-fit:contain !important;
  margin:auto;
}
@media (max-width:760px){
  .explore-tile img{
    width:90%;
    height:90%;
  }
}

/* MENU FIX: Use fixed header to avoid sticky glitches on mobile */
:root{ --header-h: 72px; }
header{
  position: fixed !important;
  top:0; left:0; right:0;
  width:100%;
}
body{
  padding-top: var(--header-h);
}
/* ensure anchor sections aren't hidden under header */
section{ scroll-margin-top: calc(var(--header-h) + 14px); }

/* REV13: Fonts for menu and section titles */
@font-face{
  font-family:'MADE Bon Voyage';
  src:url('../assets/fonts/MADEBonVoyage-Regular.otf') format('opentype');
}
@font-face{
  font-family:'Glegoo';
  src:url('../assets/fonts/Glegoo-Regular.ttf') format('truetype');
}

/* Menu font */
.nav-links a,
.mobile-panel a{
  font-family:'Glegoo', serif;
  font-weight:400;
}

/* Section main titles */
#explore .section-title,
#coop .section-title,
#partners .section-title,
#contact .section-title{
  font-family:'MADE Bon Voyage', cursive;
  font-weight:400;
}

/* REV14: Buttons font unify */
.btn{
  font-family:'Glegoo', serif;
  font-weight:400;
  letter-spacing: .01em;
}

/* REV14: Emeğin Yüzü larger + tighter spacing */
.kicker-img img{
  width: 220px !important;
  margin-bottom: 2px !important;
}
.h1{
  margin-top: 2px !important;
}

/* REV15: Manrope Bold */
@font-face{
  font-family:'Manrope';
  src:url('../assets/fonts/Manrope-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
}

.btn{
  font-family:'Manrope', sans-serif !important;
  font-weight:700 !important;
}

/* Hero Emeğin Yüzü: ensure bigger */
.kicker-img img{
  width: 300px !important;
  max-width: 100%;
  margin-bottom: 2px !important;
}

/* About grid: sharp outer edges, no radius anywhere */
.about-grid{
  border-radius: 0 !important;
}
.about-cell{
  border-radius: 0 !important;
}

/* +150 Kooperatif bigger in Manrope Bold */
.about-cell.big{
  font-family:'Manrope', sans-serif !important;
  font-weight:700 !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
}

/* REV16: Hero Emeğin Yüzü bigger */
.kicker-img img{
  width:360px !important;
}

/* REV16: TR-EN color */
.lang-switch, .lang-switch a{
  color:#F2DCB9 !important;
}

/* REV16: Proje Hakkında tighter vertical spacing */
#project{
  padding-top:40px !important;
  padding-bottom:40px !important;
}

/* REV16: Bigger texts */
.about-cell{
  font-size:15px !important;
}
.about-cell.big{
  font-size:28px !important;
}

/* REV16: icon background under symbols */
.about-cell.icon{
  background:url('../assets/images/icon-bg.png') center/cover no-repeat;
}

/* REV17: Emeğin Yüzü even bigger */
.kicker-img img{
  width:420px !important;
  max-width:100%;
}

/* REV17: Proje Hakkında all text equal to +150 Kooperatif */
.about-cell{
  font-family:'Manrope', sans-serif !important;
  font-weight:700 !important;
  font-size:28px !important;
  line-height:1.05 !important;
}



/* REV19: True centering of bottom 4 based on top 5 (10-col grid trick) */
.explore-grid{
  display:grid;
  grid-template-columns: repeat(10, 1fr);
  gap:16px;
}
.explore-grid > .explore-tile{
  grid-column: auto / span 2;
}

/* top 5: 1-3-5-7-9 */
.explore-grid > .explore-tile:nth-child(1){ grid-column: 1 / span 2; }
.explore-grid > .explore-tile:nth-child(2){ grid-column: 3 / span 2; }
.explore-grid > .explore-tile:nth-child(3){ grid-column: 5 / span 2; }
.explore-grid > .explore-tile:nth-child(4){ grid-column: 7 / span 2; }
.explore-grid > .explore-tile:nth-child(5){ grid-column: 9 / span 2; }

/* bottom 4: 2-4-6-8 => equal margin left/right */
.explore-grid > .explore-tile:nth-child(6){ grid-column: 2 / span 2; }
.explore-grid > .explore-tile:nth-child(7){ grid-column: 4 / span 2; }
.explore-grid > .explore-tile:nth-child(8){ grid-column: 6 / span 2; }
.explore-grid > .explore-tile:nth-child(9){ grid-column: 8 / span 2; }

/* responsive */
@media(max-width: 980px){
  .explore-grid{
    grid-template-columns: repeat(6, 1fr);
  }
  .explore-grid > .explore-tile{
    grid-column: auto / span 2;
  }
  /* 3 per row */
  .explore-grid > .explore-tile:nth-child(1){ grid-column: 1 / span 2; }
  .explore-grid > .explore-tile:nth-child(2){ grid-column: 3 / span 2; }
  .explore-grid > .explore-tile:nth-child(3){ grid-column: 5 / span 2; }
  .explore-grid > .explore-tile:nth-child(4){ grid-column: 1 / span 2; }
  .explore-grid > .explore-tile:nth-child(5){ grid-column: 3 / span 2; }
  .explore-grid > .explore-tile:nth-child(6){ grid-column: 5 / span 2; }
  .explore-grid > .explore-tile:nth-child(7){ grid-column: 1 / span 2; }
  .explore-grid > .explore-tile:nth-child(8){ grid-column: 3 / span 2; }
  .explore-grid > .explore-tile:nth-child(9){ grid-column: 5 / span 2; }
}
@media(max-width: 640px){
  .explore-grid{
    grid-template-columns: repeat(2, 1fr);
  }
  .explore-grid > .explore-tile{
    grid-column: auto / span 1;
  }
}
/* REV21: ABOUT 5 + 5 (10 squares) */
.about-grid{
  display:grid;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 0 !important;
  max-width: 980px;
  margin: 18px auto 0;
  border-radius: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
}
.about-cell{
  aspect-ratio: 1/1;
  min-height: unset !important;
  border-radius: 0 !important;
  border-right: 1px solid rgba(255,255,255,.22);
  border-bottom: 1px solid rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 12px;
  font-family:'Manrope', sans-serif !important;
  font-weight:700 !important;
  font-size: 22px !important;
  line-height: 1.06 !important;
  color:#fff;
  background: #F57212;
}
.about-cell:nth-child(5n){ border-right:0; }
.about-cell:nth-last-child(-n+5){ border-bottom:0; }

.about-cell.big{
  font-size: 26px !important;
}

/* icon cells: use the provided icon background under symbols */
.about-cell.icon{
  background: url('../assets/images/icon-bg.png') center/cover no-repeat;
  padding: 0;
}
.about-cell.icon img{
  width: 62%;
  height: 62%;
  object-fit: contain;
  display:block;
}

@media(max-width:980px){
  .about-grid{ grid-template-columns: repeat(2, 1fr) !important; }
  .about-cell:nth-child(2n){ border-right:0; }
  .about-cell:nth-last-child(-n+2){ border-bottom:0; }
  .about-cell:nth-last-child(-n+5){ border-bottom:1px solid rgba(255,255,255,.22); } /* reset from desktop rule */
}


/* Content above decor */
.section > .container{
  position:relative;
  z-index:1;
}

/* Vary per section (different placements/rotations) */
#project.section::before{ transform: translateX(-50%) rotate(-2deg) scale(1.04); top:-48px; opacity:.75; }
#project.section::after{ transform: translateX(-50%) rotate(3deg) scale(1.02); bottom:-62px; opacity:.85; }

#explore.section::before{ transform: translateX(-50%) rotate(4deg) scale(1.02); top:-40px; opacity:.7; }
#explore.section::after{ transform: translateX(-50%) rotate(-3deg) scale(1.06); bottom:-58px; opacity:.8; }

#coop.section::before{ transform: translateX(-50%) rotate(-5deg) scale(1.10); top:-52px; opacity:.65; }
#coop.section::after{ transform: translateX(-50%) rotate(2deg) scale(1.00); bottom:-64px; opacity:.8; }

#partners.section::before{ transform: translateX(-50%) rotate(3deg) scale(1.00); top:-44px; opacity:.7; }
#partners.section::after{ transform: translateX(-50%) rotate(-4deg) scale(1.08); bottom:-60px; opacity:.8; }

#contact.section::before{ transform: translateX(-50%) rotate(-2deg) scale(1.02); top:-46px; opacity:.7; }
#contact.section::after{ transform: translateX(-50%) rotate(5deg) scale(1.02); bottom:-66px; opacity:.8; }

/* Mobile: reduce height */
@media (max-width: 640px){
  .section::before, .section::after{
    width: 900px;
    height: 80px;
    opacity: .7;
  }
  .section::before{ top:-28px; }
  .section::after{ bottom:-38px; }
}



/* REV24: Enlarge About section titles */
#about .section-title{
  font-size: 52px;
}
#about .section-subtitle{
  font-size: 22px;
  line-height: 1.5;
}
@media (max-width: 900px){
  #about .section-title{ font-size: 40px; }
  #about .section-subtitle{ font-size: 18px; }
}

/* REV26: HERO SPACING TIGHT */
.kicker-img img{
  margin-bottom: 6px !important;
}
.hero h1{
  margin-top: 6px !important;
}
@media (max-width: 640px){
  .kicker-img img{ margin-bottom: 4px !important; }
  .hero h1{ margin-top: 4px !important; }
}



/* REV28: BALANCED TITLE SIZES (FINAL) */
.section-title{
  font-size:48px !important;
  line-height:1.1 !important;
}
.section-sub{
  font-size:22px !important;
  line-height:1.45 !important;
}

@media (max-width:1024px){
  .section-title{ font-size:40px !important; }
  .section-sub{ font-size:19px !important; }
}
@media (max-width:640px){
  .section-title{ font-size:32px !important; }
  .section-sub{ font-size:17px !important; }
}

/* REV30: Language selector color (TR/ENG) */
header .btn-ghost[data-lang]{
  color:#F2DCB9 !important;
  border-color: rgba(242,220,185,.55) !important;
}
header .btn-ghost[data-lang]:hover{
  background: rgba(242,220,185,.10) !important;
}

/* REV30: Beneficiaries - only short vertical separators, no horizontals */
#partners .logo-grid{
  gap: 0 !important;
  border: 1px solid rgba(245,233,216,.18);
  border-radius: 0 !important;
  overflow: hidden;
}
#partners .logo{
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  height: 86px;
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0 10px;
}
/* vertical separators only (between items in the same row) */
#partners .logo:not(:nth-child(5n+1))::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  height: 42px;              /* short line */
  width: 2px;
  background: #F57212;
  opacity: .95;
  border-radius: 2px;
}
/* remove any horizontal row separators by not using borders; keep grid border only */

/* responsive columns: keep separators aligned */
@media (max-width: 980px){
  #partners .logo-grid{ grid-template-columns: repeat(3, 1fr) !important; }
  #partners .logo:not(:nth-child(5n+1))::before{ display:none; } /* reset desktop rule */
  #partners .logo:not(:nth-child(3n+1))::before{ display:block; }
}
@media (max-width: 640px){
  #partners .logo-grid{ grid-template-columns: repeat(2, 1fr) !important; }
  #partners .logo:not(:nth-child(3n+1))::before{ display:none; }
  #partners .logo:not(:nth-child(2n+1))::before{ display:block; }
}

/* REV31: Header language pill color */
header .nav-actions .pill[data-lang]{
  color:#F2DCB9 !important;
  border: 1px solid rgba(242,220,185,.65) !important;
  background: transparent !important;
}
header .nav-actions .pill[data-lang]:hover{
  background: rgba(242,220,185,.10) !important;
}

/* REV31: Partners logo placeholder font */
#partners .logo{
  font-family: 'Glegoo', serif !important;
  font-weight: 400 !important;
}

/* REV31: Coop typography + button */
#coop .coop-copy h3{
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
}
#coop .coop-copy p{
  font-family: 'Glegoo', serif !important;
  font-weight: 400 !important;
}
#coop .coop-copy .btn{
  background:#80B191 !important;
  border-color:#80B191 !important;
  color:#fff !important;
  margin-top: 18px !important; /* increase spacing from text */
}

/* REV32: Menu underline only on hover */
.nav-links a{ position: relative; }
.nav-links a::after{ background: transparent !important; }
.nav-links a:hover::after{ background:#80B191 !important; }
.nav-links a.is-active::after{ background: transparent !important; }



/* REV33: HERO slider with dots (like reference) */
.hero{ position: relative; overflow: hidden; }
.hero-visual{ position: relative; width: 100%; max-width: 560px; margin-left: auto; }
.hero-slides{ position: relative; width: 100%; }
.hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:auto;
  object-fit:contain;
  opacity:0;
  transition: opacity .25s ease;
}
.hero-slide.is-active{ opacity:1; position:relative; }

.hero-dots{
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom: -10px;
  display:flex;
  gap:10px;
  padding:10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.08);
  backdrop-filter: blur(2px);
}
.hero-dots .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  border:1px solid rgba(242,220,185,.9);
  background: transparent;
  cursor:pointer;
}
.hero-dots .dot.is-active{
  background:#F2DCB9;
  border-color:#F2DCB9;
}

@media (max-width: 980px){
  .hero-visual{ max-width: 520px; margin: 18px auto 0; }
  .hero-dots{ bottom: -6px; }
}

/* REV34: Hero side decorations (subtle, fades toward bottom) */
.hero-decor{
  position:absolute;
  top:-40px;
  width:min(520px, 45vw);
  height:min(520px, 45vw);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  opacity:.55;
  pointer-events:none;
  z-index:0;
  /* fade out toward bottom so it doesn't feel heavy when hero content runs long */
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
}

.hero .container{ position: relative; z-index: 1; }

.hero-decor-left{
  left:-140px;
  background-image:url("../assets/images/hero-decor-left.svg");
  animation: heroInLeft 900ms ease-out both, heroFloat 6s ease-in-out 900ms infinite;
}

.hero-decor-right{
  right:-160px;
  background-image:url("../assets/images/hero-decor-right.svg");
  animation: heroInRight 900ms ease-out both, heroFloat 7s ease-in-out 900ms infinite;
}

@keyframes heroInLeft{
  from{ transform: translateX(-80px); opacity:0; }
  to{ transform: translateX(0); opacity:.55; }
}
@keyframes heroInRight{
  from{ transform: translateX(80px); opacity:0; }
  to{ transform: translateX(0); opacity:.55; }
}
@keyframes heroFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(10px); }
}

@media (max-width: 980px){
  .hero-decor{
    top:-20px;
    opacity:.35;
  }
  .hero-decor-left{ left:-210px; }
  .hero-decor-right{ right:-230px; }
}

@media (prefers-reduced-motion: reduce){
  .hero-decor-left,
  .hero-decor-right{ animation: none !important; }
}

/* REV35: Hero natural / more design-forward decorations */
.hero{ position: relative; }

/* subtle grain so it feels more natural */
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image: url("../assets/images/hero-grain.svg");
  background-repeat: repeat;
  background-size: 320px 320px;
  opacity: .08;
  mix-blend-mode: overlay;
  z-index: 0;
  /* keep it lighter as we go down */
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 35%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 35%, transparent 100%);
}

.hero-decor{
  opacity:.42;
  filter: saturate(1.05);
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 100%);
}

.hero-decor-left{
  left:-170px;
  top:-90px;
  width:min(620px, 54vw);
  height:min(620px, 54vw);
  animation: heroInLeft 1000ms ease-out both, heroDrift 14s ease-in-out 1000ms infinite;
}

.hero-decor-right{
  right:-190px;
  top:-70px;
  width:min(640px, 56vw);
  height:min(640px, 56vw);
  animation: heroInRight 1000ms ease-out both, heroDrift2 16s ease-in-out 1000ms infinite;
}

@keyframes heroDrift{
  0%,100%{ transform: translate3d(0,0,0) rotate(-2deg) scale(1); }
  50%{ transform: translate3d(0,14px,0) rotate(2deg) scale(1.03); }
}
@keyframes heroDrift2{
  0%,100%{ transform: translate3d(0,0,0) rotate(2deg) scale(1); }
  50%{ transform: translate3d(0,12px,0) rotate(-2deg) scale(1.03); }
}

@media (max-width: 980px){
  .hero::before{ opacity:.06; }
  .hero-decor{ opacity:.30; }
  .hero-decor-left{ left:-260px; top:-60px; }
  .hero-decor-right{ right:-280px; top:-50px; }
}

@media (prefers-reduced-motion: reduce){
  .hero::before{ opacity:.05; }
  .hero-decor-left,
  .hero-decor-right{ animation: none !important; }
}
/* EXPLORE TILE – ORANGE BAR + GLEGOO */
#explore .explore-tile{
  position: relative;
  overflow: hidden;
}

/* Yazı: başta aşağıda */
#explore .explore-tile .tile-text{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  background: #9F6644;          /* turuncu */
  color: #F2DCB9;               /* yazı rengi */

  font-family: 'Glegoo', serif; /* Glegoo */
  font-weight: 400;
  font-size: 15px;
  letter-spacing: .02em;
  text-align: center;

  padding: 10px 8px;

  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;

  transition: transform .25s ease, opacity .25s ease;
  pointer-events: none;
}

/* Hover */
#explore .explore-tile:hover .tile-text{
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img {
  max-width: 100%;
  max-height: 80px; /* ihtiyaca göre */
  object-fit: contain;
}