/* Ana sayfa (Green School düzeni): hero · hoş geldiniz · veli alıntısı · bir bakışta · yaşayan müfredat + doğum tarihi
   · öğrenme ortamı bandı · bizim sesimiz · ekibimize katılın. Yalnızca home-* / h?-* / dob-* önekli sınıflar. */

/* Hero: tek açılış görseli, kademe kutuları yalnızca ad (Green School renk kodları site.css'te) */
.hero .hero-slide img{object-position:50% 55%}
.hero-schools a{padding:19px 8px;letter-spacing:1px}
@media(max-width:767px){
  .hero-schools{grid-template-columns:repeat(3,1fr);gap:8px;bottom:136px;padding:0 12px}
  .hero-schools a{padding:14px 4px;font-size:.78rem;letter-spacing:.3px}
  .hero-content{bottom:206px}
  .hero-content h1{font-size:2.2rem}
}

/* Ortak: script üst başlık + serif başlık + altın çizgi (sol hizalı) */
.hw-title,.hc-title,.hv-title,.hj-title,.home-explore h2{font-family:var(--f-serif);font-weight:400;color:var(--green);font-size:2.25rem;line-height:1.15;margin:0 0 26px}
@media(min-width:992px){.hw-title,.hc-title,.hv-title,.hj-title,.home-explore h2{font-size:2.8125rem}}
.hw-title em,.hc-title em,.hv-title em,.hj-title em,.home-explore h2 em{display:block;font:400 1em/1.15 var(--f-script);font-style:normal;color:var(--body-alt);margin-bottom:4px}
.hw-title::after,.hc-title::after,.hv-title::after,.hj-title::after,.home-explore h2::after{content:'';display:block;width:80px;height:4px;border-radius:50%;background:var(--gold-line);margin:16px 0 0}

/* Hoş geldiniz: solda daire fotoğraf, sağda metin */
.home-welcome{padding-top:60px}
.hw-grid{display:grid;gap:34px;align-items:center}
@media(min-width:768px){.hw-grid{grid-template-columns:1fr 1fr;gap:50px}}
@media(min-width:1200px){.hw-grid{gap:80px}}
.hw-img{position:relative;max-width:620px;width:100%;margin:0 auto}
.hw-img::before{content:'';position:absolute;inset:-14px;border:2px solid #e8dfcf;border-radius:50%;pointer-events:none}
.hw-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}
.hw-text h3{font:700 1.15rem/1.35 var(--f-sans);color:var(--title);margin:0 0 14px}
.hw-sign{font-weight:700;color:var(--title);margin-top:22px}
.hw-link{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.hw-link:hover{color:var(--gold)}
.hw-text .button{margin-top:16px}

/* Veli alıntısı: el yazısı, ortalı, yeşil çizgi */
.home-quote{text-align:center;padding:30px 0}
.home-quote blockquote{margin:0 auto;max-width:1100px;font:600 2.15rem/1.25 var(--f-script);color:var(--body-alt);quotes:none}
@media(min-width:768px){.home-quote blockquote{font-size:2.6rem}}
@media(min-width:992px){.home-quote blockquote{font-size:3.1rem}}
.hq-line{display:block;width:150px;height:3px;border-radius:50%;background:var(--lime);margin:26px auto 14px}
.home-quote cite{font:600 1.2rem var(--f-sans);color:var(--body-alt);font-style:normal}

/* Yaşayan bir müfredat + doğum tarihi */
/* Konu geçişi kuşağı (Green School'daki kıvrımlı bant) */
.home-band{line-height:0;margin:10px 0 0}
.home-band svg{display:block;width:100%;height:70px}
@media(min-width:992px){.home-band svg{height:110px}}
/* Yumuşak kavisli kuşak: solda incecik başlar, hafifçe sarkıp sağa doğru kalınlaşır (Green School gibi) */
.home-band .hb-s0{stop-color:var(--gold);stop-opacity:.25}
.home-band .hb-s1{stop-color:var(--gold);stop-opacity:.75}
.home-band .hb-s2{stop-color:var(--gold);stop-opacity:1}
.home-curriculum{max-width:980px}
.home-band+.home-curriculum{margin-top:10px}
/* Çizgisel alakarga amblemi (Green School'daki başlık üstü çizgi amblemi gibi) */
.hc-emblem,.hv-emblem{display:block;height:auto;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hc-emblem .fill,.hv-emblem .fill{fill:var(--gold);stroke:none}
.hc-emblem{width:120px;margin:0 auto 8px}
.home-curriculum .hc-title{text-align:center}
.home-curriculum .hc-title::after{margin:16px auto 0}
.dob{margin:44px auto 0;text-align:center;background:var(--beige);border-radius:var(--corner);padding:34px 20px 38px}
.dob-q{font:400 1.6rem/1.25 var(--f-serif);color:var(--green);margin:0 0 20px}
.dob-fields{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.dob select{width:120px;height:50px;border:1px solid var(--gold);background:#fff;color:var(--body-alt);padding:0 12px;font:400 .9rem var(--f-sans);text-transform:uppercase;letter-spacing:.5px;border-radius:0}
.dob select:focus{outline:2px solid var(--green);outline-offset:0}
.dob .button{margin:0;min-width:160px;height:50px}
.dob-result{max-width:640px;margin:22px auto 0;padding:18px 20px;background:#fff;border-left:4px solid var(--gold);text-align:left;color:var(--body-alt)}
.dob-result a{margin-right:14px}
@media(max-width:479px){.dob select{width:calc(33.333% - 8px)}.dob .button{width:100%}}

/* Öğrenme ortamı bandı: tam genişlik fotoğraf, sol hizalı kutu */
.home-explore{text-align:left;justify-content:flex-start;min-height:560px}
.home-explore::before{background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.15) 70%)}
.home-explore .container{width:100%}
.he-box{max-width:620px}
.home-explore h2,.home-explore h2 em{color:#fff}
.home-explore h2::after{background:#fff;margin-left:0}
.home-explore .button{margin-top:22px}

/* Bizim sesimiz: bej bant, solda el yazısı alıntı, sağda daire fotoğraf, oklar */
.home-voices .hv{position:relative}
.hv-slides .slide.active{display:grid;gap:30px;align-items:center}
@media(min-width:768px){.hv-slides .slide.active{grid-template-columns:1fr 1fr;gap:50px}}
/* Alıntı fotoğrafa göre ortalanınca aşağıda kalıyordu: başlığın hemen altından başlasın (Evrim Hoca) */
@media(min-width:768px){.hv-text{align-self:start;padding-top:6px}}
.home-voices .hv-title{margin-bottom:22px}
/* Başlık üstünde kurumsal maskot (alakarga) */
.hv-emblem{width:110px;margin:0 0 6px}
.hv-text blockquote{margin:0;font:400 1.75rem/1.4 var(--f-script);color:var(--body-alt)}
@media(min-width:992px){.hv-text blockquote{font-size:2.2rem}}
.hv-text cite{display:block;margin-top:22px;font:400 1.2rem/1.35 var(--f-serif);font-style:normal;color:var(--gold)}
.hv-img{max-width:560px;width:100%;margin:0 auto;position:relative}
/* Sayfanın sağ kenarından çıkan tek, doğal, hafif eğri yaprak (Green School referansı; Evrim Hoca) */
.home-voices .hv-leaf{position:absolute;right:0;top:4%;width:min(46vw,620px);aspect-ratio:1;z-index:0;pointer-events:none;background:rgba(120,98,64,.11);-webkit-mask:var(--leaf) right center/contain no-repeat;mask:var(--leaf) right center/contain no-repeat;--leaf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cpath d='M584 449C575 430 560 415 543 408C554 419 567 436 584 449zM584 449C553 460 523 490 498 516C528 500 560 473 584 449zM557 442C548 418 530 398 509 388C523 403 538 425 557 442zM557 442C519 455 480 492 448 523C486 503 527 472 557 442zM530 434C521 405 501 381 477 369C492 386 508 413 530 434zM530 434C484 448 438 490 400 525C445 504 493 468 530 434zM502 424C493 391 472 363 447 349C462 368 478 399 502 424zM502 424C450 439 398 484 354 523C404 500 459 462 502 424zM473 413C465 377 445 345 418 329C433 351 449 385 473 413zM473 413C417 427 359 475 311 517C366 492 426 452 473 413zM444 401C437 363 418 328 390 310C405 333 420 370 444 401zM444 401C384 414 323 463 272 506C330 481 394 441 444 401zM414 387C409 347 391 311 364 292C378 316 391 354 414 387zM414 387C353 399 290 447 237 490C296 466 362 426 414 387zM384 371C381 332 365 295 339 275C352 299 362 338 384 371zM384 371C323 382 259 428 206 470C264 448 331 410 384 371zM354 354C353 316 339 279 316 259C326 282 334 321 354 354zM354 354C294 363 231 407 179 447C236 426 301 391 354 354zM323 336C325 299 313 263 292 243C301 266 307 303 323 336zM323 336C266 343 205 383 155 421C210 402 273 369 323 336zM293 316C296 282 287 248 269 229C275 250 279 285 293 316zM293 316C240 321 183 357 136 391C186 374 245 346 293 316zM264 295C268 264 261 232 246 215C251 234 252 265 264 295zM264 295C215 298 162 329 120 359C165 345 219 321 264 295zM234 272C240 245 235 217 223 200C226 217 226 246 234 272zM234 272C191 274 144 300 106 326C146 314 194 294 234 272zM206 248C211 225 209 200 199 186C201 200 199 225 206 248zM206 248C169 248 128 269 95 291C129 282 171 265 206 248zM177 222C183 203 183 183 176 171C176 183 173 203 177 222zM177 222C147 221 113 238 86 255C114 248 148 236 177 222zM150 195C155 180 156 164 151 155C151 164 148 179 150 195zM150 195C126 193 99 206 78 218C100 214 127 205 150 195zM124 166C128 155 129 144 126 137C125 143 123 154 124 166zM124 166C106 164 86 173 71 182C86 178 106 173 124 166zM616 450 L605 448 L594 446 L582 443 L571 441 L559 438 L547 434 L535 431 L523 427 L510 423 L497 418 L485 413 L472 408 L459 403 L446 398 L433 392 L419 386 L406 379 L393 372 L379 365 L366 358 L352 350 L339 342 L326 334 L312 326 L299 317 L286 308 L272 298 L259 289 L246 279 L233 269 L220 258 L207 247 L195 236 L182 225 L170 213 L158 201 L146 188 L134 176 L122 163 L111 149 L109 151 L121 164 L132 177 L144 190 L156 202 L168 215 L180 227 L193 238 L205 250 L218 261 L231 272 L244 282 L257 292 L270 302 L283 312 L296 321 L309 330 L323 339 L336 347 L349 355 L363 363 L376 371 L390 378 L403 385 L416 392 L430 398 L443 404 L456 410 L469 416 L482 421 L495 426 L507 431 L520 435 L532 439 L544 443 L557 447 L568 450 L580 453 L592 456 L603 458 L614 460z'/%3E%3C/svg%3E")}
@media(max-width:767px){.home-voices .hv-leaf{width:78vw;top:auto;bottom:6%}}
.hv-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}
.hv-arrows{display:flex;gap:12px;margin-top:26px}
.hv-arrows button{width:46px;height:46px;border:0;border-radius:50%;background:var(--green);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s}
.hv-arrows button:hover{background:var(--gold)}
.hv-arrows svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5}

/* Ekibimize katılın: ortalı */
.home-join{text-align:center;max-width:900px;padding-bottom:30px}
.hj-title::after{margin-left:auto;margin-right:auto}
.home-join h3{font:700 1.25rem var(--f-sans);color:var(--title);margin:0 0 12px}
.dob-msg{margin:0 0 10px}
.dob-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 8px}
.dob-links .button{margin:0;min-width:0;padding:11px 20px}
.dob-note{margin:0;font-size:.85rem;color:var(--body)}
.dob-result.is-error{border-left-color:#b5482c}
.dob-result:empty{padding:0;margin:0;border:0;background:none}
/* Türkçe karşılama başlığı: üstte düz serif "Serpil Orman Okulları’na", altta el yazısı "Hoş Geldiniz" */
.hw-title--tr em{margin:6px 0 0;font-size:1.25em}
.hw-img img{object-position:50% 45%}
/* Yaşayan Bir Müfredat paragrafları ortalı (Evrim Hoca) */
.home-curriculum .hc-text p{text-align:center}
/* Öğrenme ortamı bandı: ekranı kaplamasın, sabit yükseklikte bant (Evrim Hoca) */
.home-explore{min-height:520px}
@media(min-width:992px){.home-explore{min-height:600px}}
/* Bizim Sesimiz: fotoğraf başlık hizasından başlar ve daha büyük; geçişte yazı soldan, fotoğraf sağdan kayar (Evrim Hoca) */
@media(min-width:768px){
  .home-voices .hv{display:grid;grid-template-columns:1fr 1.1fr;column-gap:60px;align-items:start}
  .home-voices .hv>*{grid-column:1}
  .hv-slides,.hv-slides .slide.active{display:contents}
  .hv-slides .hv-img{grid-column:2;grid-row:1 / span 4;align-self:center;max-width:none}
  .hv-text{padding-top:0}
}
@keyframes hv-from-left{from{opacity:0;transform:translateX(-70px)}to{opacity:1;transform:none}}
@keyframes hv-from-right{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}
.home-voices .hv.reveal{opacity:1;transform:none}
.home-voices .hv.in .slide.active .hv-text{animation:hv-from-left .8s ease both}
.home-voices .hv.in .slide.active .hv-img{animation:hv-from-right .8s ease both}
.home-voices .hv.reveal:not(.in) .hv-text,.home-voices .hv.reveal:not(.in) .hv-img{opacity:0}
@media(prefers-reduced-motion:reduce){.home-voices .hv .hv-text,.home-voices .hv .hv-img{animation:none!important;opacity:1!important}}
/* Müfredat: kalın cümle başlık çizgisinin altında ara başlık (Green School "Rooted in place…") */
.home-curriculum .hc-sub{text-align:center;font:700 1.2rem/1.35 var(--f-sans);color:var(--title);margin:-4px 0 18px}
/* Kampüs bandı: "Kampüsümüz" yerine beyaz çizgi kuş */
.he-emblem{display:block;width:110px;height:auto;margin:0 0 6px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.he-emblem .fill{fill:#fff;stroke:none}