/* Hakkımızda (Bali About Us düzeni) — hk-* önekli */
.hk-block,.hk-story{max-width:900px;margin:0 auto}
.hk-block h2,.hk-story h2{text-align:left;margin-top:0}
.hk-block p,.hk-story p{font-size:1.08em}
.hk-story h3{margin:1.6em 0 .5em;color:var(--green);font-family:var(--f-serif);font-weight:400;font-size:1.6rem}
/* Değerler */
.hk-values{list-style:none;margin:0;padding:0;display:grid;gap:34px 14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:992px){
  .hk-values{grid-template-columns:repeat(10,1fr);gap:48px 20px}
  .hk-values li{grid-column:span 2}
  .hk-values li:nth-child(6){grid-column:3 / span 2}
}
.hk-values li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.hk-values .hk-ico{width:104px;height:104px;border-radius:50%;border:6px solid #25572e;display:grid;place-items:center;background:#fff;flex:none}
.hk-values .hk-ico svg{width:52px;height:52px;fill:#25572e}
.hk-values b{font:700 1.15rem/1.2 var(--f-sans);color:#25572e}
@media(max-width:420px){.hk-values .hk-ico{width:92px;height:92px}.hk-values .hk-ico svg{width:44px;height:44px}}
/* Kurucu ekibi */
.hk-team{display:grid;gap:28px;max-width:1100px;margin:0 auto}
.hk-pair{display:grid;gap:28px}
@media(min-width:900px){.hk-pair{grid-template-columns:1fr 1fr;gap:34px}}
.hk-person{background:var(--beige);border-radius:var(--corner);padding:34px 28px 38px;text-align:center}
@media(min-width:992px){.hk-person{padding:44px 40px 48px}}
.hk-person p{text-align:left}
.hk-person h3{margin:18px 0 2px;font-family:var(--f-serif);font-weight:400;font-size:1.9rem;color:var(--green)}
.hk-person .hk-role{text-align:center;font:700 .9rem var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.hk-photo{width:150px;height:150px;border-radius:50%;margin:0 auto;background:var(--green);border:6px solid #fff;box-shadow:0 0 0 3px var(--lime);display:grid;place-items:center}
.hk-photo span{font:400 4.2rem/1 var(--f-serif);color:#fff}
.hk-lead{max-width:800px;margin:0 auto;width:100%}
.hk-lead .hk-photo{width:190px;height:190px}
.hk-lead .hk-photo span{font-size:5.6rem}
.hk-motto{margin:0 0 20px;padding:24px 24px 20px;background:#fff;border-radius:26px;text-align:center;font:400 1.35rem/1.4 var(--f-script);color:var(--body-alt)}
/* Serpil Öğretmen'in sözü: yazının kendi stilinde açılış ve kapanış tırnağı; Evrim/Umar Öğretmen başlıkları tırnaksız (Evrim Hoca) */
.hk-person p.hk-motto{text-align:center}
blockquote.hk-motto::before{content:'“'}
blockquote.hk-motto::after{content:'”'}
.hk-pair .hk-motto{font-size:1.45rem}
@media(min-width:992px){.hk-lead .hk-motto{font-size:2.1rem}}
.sec-links{display:flex;flex-wrap:wrap;gap:12px}
.sec-links .button{margin-top:0}
/* Green School "Welcome" düzeni: ziyaret düğmesi, geniş resim, alt alta Vizyon / Misyon / Değerler (Evrim Hoca) */
.hk-cta{text-align:center;margin:6px 0 0}
.hk-wide{max-width:1100px;margin:0 auto}
.hk-wide picture{display:block}
.hk-wide img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;border-radius:var(--corner)}
@media(max-width:767px){.hk-wide img{aspect-ratio:4/3}}
.hk-vmv{max-width:900px;margin:0 auto}
.hk-vmv h2{font:600 1.6rem/1.3 var(--f-sans);color:var(--title);margin:1.4em 0 .4em}
.hk-vmv h2:first-child{margin-top:0}
.hk-vmv p{font-size:1.08em}
/* Yaşam Kültürümüz: her ilke dikey bir kutucukta — küçük sembol, ad, açıklama (Evrim Hoca) */
.hk-values-cards{margin-top:24px;gap:16px;grid-template-columns:1fr}
@media(min-width:360px){.hk-values-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:992px){.hk-values-cards{grid-template-columns:repeat(4,1fr);gap:18px}}
.hk-values-cards li{grid-column:auto!important;gap:10px;justify-content:flex-start;background:var(--beige);border-radius:28px;padding:26px 18px 24px}
@media(min-width:360px) and (max-width:479px){.hk-values-cards{gap:12px}.hk-values-cards li{padding:22px 12px 20px}}
.hk-values-cards .hk-ico{width:64px;height:64px;border-width:3px}
.hk-values-cards .hk-ico svg{width:32px;height:32px}
.hk-values-cards b{font-size:1.05rem}
.hk-values-cards .hk-desc{font-size:.95rem;line-height:1.5;color:var(--body-alt)}
/* Green School "About Us" gibi: metin sütunları sayfa başlığıyla aynı soldan başlar, Hoş Geldiniz başlığın hemen altında (Evrim Hoca) */
.hk-block,.hk-story,.hk-vmv{margin-left:auto;margin-right:auto}
.container.hk-first{margin-top:0}
.hk-block .hk-cta{text-align:left}
.hk-story strong{font-weight:700;color:var(--body-alt)}
/* Mezuniyet bandı (Evrim Hoca 04.11): Green School'daki gibi tam genişlik gerçek fotoğraf, düz üst, alt kenarda yumuşak tek dalga */
.hk-band{min-height:0;aspect-ratio:2.2/1;background-position:50% 45%;margin-top:70px;padding:0}
.hk-band::before{background:none}
.hk-band::after{height:clamp(36px,6vw,80px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V58C320 4 760 0 1040 34c160 20 280 30 400 24v42z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V58C320 4 760 0 1040 34c160 20 280 30 400 24v42z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-width:767px){.hk-band{aspect-ratio:3/2;background-size:cover}}
/* Kurucular: daire fotoğraflar yerine üstte tek toplu fotoğraf, altında bilgi kutuları (Evrim Hoca, 04.11) */
.hk-team-photo{max-width:760px;margin:0 auto 40px}
.hk-team-photo picture{display:block}
.hk-team-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 38%;border-radius:var(--corner)}