/* ===================================================================
   TARİH VE TEKNOLOJİ KOLEJİ — voecore tasarım sistemine marka uyarlaması
   (yeşil/turuncu vurgular + okula özel bileşenler)
=================================================================== */

:root{ --accent:#2FA84F; --accent2:#F7931E; --mist:#F2F6F1; }
/* okul markası: koyu bölümler saf siyah yerine SICAK KOYU YEŞİL */
.dark{ --accent:#46C46A; --paper:#0B1712; --hair:#23332C; --mist:#12201A; background:#0B1712; }

/* logo daha büyük + nav nefes payı */
header.nav .nav-inner{ height:78px; }
header.nav .brand .glyph{ height:50px; }
@media(max-width:560px){ header.nav .brand .glyph{ height:40px; } header.nav .nav-inner{ height:64px; } }
.ticker{ background:#0B1712; }

/* vurgu kelimesi (hero / başlıklar) */
.hl{ color:var(--accent); }

/* eyebrow → marka yeşili */
.eyebrow{ color:var(--accent); }
.eyebrow::before,.eyebrow::after{ color:var(--accent); opacity:.55; }
.sec-head .eyebrow,.sec-index{ }

/* yeşil noktalar / vurgular */
.ribbon .dot,.kline .dot,.flow-foot .dot{ background:var(--accent); }

/* yeşil aksiyon butonu */
.btn-accent{ background:var(--accent); color:#fff; border-color:var(--accent); }
.btn-accent:hover{ transform:translate(-3px,-3px); box-shadow:6px 6px 0 var(--ink); }

/* stroke'lu büyük rakamlar yeşile */
.snum,.ab-cell .n,.ct-step-n,.pstep .left .num,.proj-ph span{ -webkit-text-stroke-color:var(--accent); }

/* checklist tikleri yeşil */
.checklist .ck{ background:var(--accent); }

/* stat birim vurgusu */
.stat .v u,.hero-meta b u{ font-style:normal; color:var(--accent); }

/* ---------- HERO: bina fotoğrafı + maskot ---------- */
.hero{ background:#0B1712; }
.hero-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; opacity:.6; z-index:0; }
.hero-overlay{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,rgba(8,18,13,.93) 0%,rgba(8,18,13,.52) 46%,rgba(8,18,13,.10) 100%),
             linear-gradient(180deg,rgba(8,18,13,.32) 0%,transparent 22%,transparent 52%,rgba(8,18,13,.88) 100%),
             radial-gradient(55% 48% at 80% 2%,rgba(47,168,79,.30) 0%,transparent 60%); }
.hero-cat{ filter:drop-shadow(0 28px 70px rgba(0,0,0,.7)); max-width:clamp(360px,46vw,760px); }
.hero-meta b u{ color:var(--accent); }

/* ---------- KADEME SATIRLARI (srow) — 3D görsel medya ---------- */
.srow .media-img{ filter:drop-shadow(0 34px 54px rgba(15,30,20,.28)); }
.kbadge{ display:inline-flex; align-items:center; gap:8px; font-family:"IBM Plex Mono",monospace; font-size:11px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--accent); border:1.5px solid var(--accent);
  padding:5px 11px; width:fit-content; margin-bottom:18px; }

/* ---------- NEDEN — görselli hücre ızgarası ---------- */
.feat4{ grid-template-columns:repeat(4,1fr); }
.kcell{ display:flex; flex-direction:column; transition:background .15s var(--ease); }
.kcell:hover{ background:var(--mist); }
.kcell .num{ font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--faint); letter-spacing:.14em;
  display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.kcell .num::after{ content:""; flex:1; height:1px; background:var(--hair); }
.kcell .kimg{ height:150px; width:auto; max-width:80%; object-fit:contain; object-position:left center;
  display:block; margin-bottom:18px; transition:transform .4s var(--ease); }
.kcell:hover .kimg{ transform:scale(1.06) rotate(-2deg); }
.kcell h3{ font-size:18px; text-transform:uppercase; letter-spacing:-.01em; }
.kcell p{ color:var(--gray); font-size:14px; margin-top:10px; line-height:1.6; }
@media(max-width:1080px){ .feat4{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .feat4{ grid-template-columns:1fr; } }

/* ---------- EĞİTİM MODELİ — why-right içine kampüs fotoğrafı ---------- */
.media-frame{ width:100%; border:1.5px solid var(--ink); box-shadow:8px 8px 0 var(--ink); background:#0d0d0d; overflow:hidden; }
.media-frame img{ width:100%; display:block; aspect-ratio:4/3; object-fit:cover; filter:grayscale(.15) contrast(1.03); transition:filter .5s var(--ease),transform .7s var(--ease); }
.media-frame:hover img{ filter:grayscale(0); transform:scale(1.03); }
.media-frame .cap{ display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-top:1.5px solid var(--ink); background:var(--paper);
  font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--gray); }

/* ---------- KURUMSAL — vizyon/misyon + kurucu ---------- */
.dual{ grid-template-columns:1fr 1fr; }
.founder{ display:grid; grid-template-columns:300px 1fr; border-top:1.5px solid var(--ink); }
.founder .photo{ border-right:1.5px solid var(--ink); position:relative; min-height:340px; overflow:hidden; background:#0d0d0d;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:30px 30px; }
.founder .photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.founder .photo .ph{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:rgba(255,255,255,.35); }
.founder .photo .ph svg{ width:46px; height:46px; stroke:currentColor; fill:none; stroke-width:1.5; }
.founder .photo .ph span{ font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; }
.founder .photo figcaption{ position:absolute; inset-inline:0; bottom:0; padding:16px; background:linear-gradient(0deg,rgba(0,0,0,.9),transparent); }
.founder .photo figcaption b{ display:block; color:#fff; font-family:"Space Grotesk",sans-serif; font-size:14px; }
.founder .photo figcaption span{ color:var(--accent); font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; }
.founder .msg{ padding:clamp(34px,5vh,60px) var(--pad); }
.founder .msg .qmark{ font-family:"Space Grotesk",sans-serif; font-size:64px; line-height:.5; color:var(--accent); }
.founder .msg h3{ font-size:clamp(20px,2.5vw,30px); text-transform:uppercase; letter-spacing:-.02em; margin:18px 0 18px; }
.founder .msg p{ color:var(--gray); font-size:15px; line-height:1.74; margin-bottom:14px; }
.founder .msg p strong{ color:var(--ink); font-weight:600; }
.founder .sign{ margin-top:20px; padding-top:18px; border-top:1.5px solid var(--hair); font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); }
.founder .sign b{ color:var(--accent); }
@media(max-width:760px){ .dual{ grid-template-columns:1fr; } .founder{ grid-template-columns:1fr; } .founder .photo{ border-right:none; border-bottom:1.5px solid var(--ink); min-height:300px; } }

/* ---------- KAMPÜS ETKİNLİKLERİ — foto ızgarası ---------- */
.ev-grid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1.5px solid var(--ink); border-left:1.5px solid var(--ink); }
.ev{ position:relative; border-right:1.5px solid var(--ink); border-bottom:1.5px solid var(--ink); overflow:hidden; display:block; }
.ev img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; filter:grayscale(.85) contrast(1.04); transition:filter .5s var(--ease),transform .7s var(--ease); }
.ev:hover img{ filter:grayscale(0); transform:scale(1.05); }
.ev .ev-meta{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:18px;
  background:linear-gradient(0deg,rgba(8,12,10,.92) 0%,rgba(8,12,10,.25) 45%,transparent 75%); }
.ev .ev-cat{ font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); margin-bottom:7px; }
.ev .ev-cat::before{ content:"// "; color:rgba(255,255,255,.4); }
.ev h3{ color:#fff; font-size:clamp(15px,1.5vw,18px); text-transform:uppercase; letter-spacing:-.01em; line-height:1.16; }
@media(max-width:1080px){ .ev-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .ev-grid{ grid-template-columns:1fr; } }

/* ---------- HABERLER — blog post görsel başlığı ---------- */
.post .thumb{ position:relative; }
.post .thumb .gh{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.post .thumb .gh svg{ width:46px; height:46px; stroke:#fff; fill:none; stroke-width:1.5; opacity:.92; transition:transform .4s var(--ease); }
.post:hover .thumb .gh svg{ transform:scale(1.12); }
.post .thumb.g1{ background:linear-gradient(135deg,#1f7a3a,#2fa84f); }
.post .thumb.g2{ background:linear-gradient(135deg,#c9760d,#f7931e); }
.post .thumb.g3{ background:linear-gradient(135deg,#1f7a3a,#46c46a); }
.post .pcat{ display:inline-block; font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); border:1px solid var(--accent); padding:2px 8px; }

/* CTA arka plan ızgara aksanı */
.cta-grid{ opacity:.08; }
.cta-accent{ position:absolute; z-index:1; pointer-events:none; bottom:-40px; right:-40px; width:clamp(180px,24vw,360px); height:auto; opacity:.16; filter:grayscale(0); }