/* Ana Sayfa 2 — video hero (index.html'deki SVG sahneyi etkilemez) */
.hero--video { background: #2b3a22; }
.hero__media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.hero__media video, .hero__still { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% 50%; }
.hero__still { opacity: 0; transition: opacity .8s ease; }
.hero--video.is-still .hero__still { opacity: 1; }
.hero__media::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(10, 22, 14, .55) 0%, rgba(10, 22, 14, 0) 22%),
    linear-gradient(90deg, rgba(10, 22, 14, .72) 0%, rgba(10, 22, 14, .42) 38%, rgba(10, 22, 14, 0) 64%),
    linear-gradient(0deg, rgba(10, 22, 14, .45) 0%, rgba(10, 22, 14, 0) 30%); }
.hero--video .hero__content { display: flex; flex-direction: column; justify-content: center; min-height: max(640px, 100svh); padding-top: 90px; padding-bottom: 90px; }
.hero--video .hero__eyebrow { color: #cfe0bf; }
.hero--video .hero__title { color: #fff; text-shadow: 0 2px 30px rgba(0, 0, 0, .25); }
.hero--video .hero__title em { color: #cfe7b2; }
.hero--video .hero__lead { color: rgba(255, 255, 255, .88); }
.btn--glass { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.btn--glass:hover { background: #fff; color: var(--green-900); }
.hero__progress { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(255, 255, 255, .15); z-index: 2; }
.hero__progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #a9bf95, #fff); }
/* şeffaf header videonun üstünde açık renkli */
.nav:not(.is-solid):not(.is-open) .brand, .nav:not(.is-solid):not(.is-open) .brand__mark { color: #fff; }
.nav:not(.is-solid):not(.is-open) .brand__text small { color: #cfe0bf; }
.nav:not(.is-solid):not(.is-open) .nav__links a:not(.btn) { color: #fff; }
.nav:not(.is-solid):not(.is-open) .nav__toggle { background: rgba(255, 255, 255, .18); }
.nav:not(.is-solid):not(.is-open) .nav__toggle span { background: #fff; }
@media (max-width: 900px) {
  .nav.is-open .nav__links a:not(.btn) { color: var(--green-900); }
  .hero__media::after { background: linear-gradient(180deg, rgba(10, 22, 14, .6) 0%, rgba(10, 22, 14, .35) 45%, rgba(10, 22, 14, .65) 100%); }
  .hero--video .hero__content { justify-content: flex-end; padding-bottom: 110px; }
}
@media (prefers-reduced-motion: reduce) { .hero--video video { display: none; } .hero--video .hero__still { opacity: 1; } }
/* Ana Sayfa 3 — parlak video: daha güçlü sol perde, beyaz vurgu */
.hero--bright .hero__media::after {
  background:
    linear-gradient(180deg, rgba(10, 22, 14, .5) 0%, rgba(10, 22, 14, 0) 24%),
    linear-gradient(90deg, rgba(10, 22, 14, .78) 0%, rgba(10, 22, 14, .55) 40%, rgba(10, 22, 14, .1) 70%, rgba(10, 22, 14, 0) 80%),
    linear-gradient(0deg, rgba(10, 22, 14, .4) 0%, rgba(10, 22, 14, 0) 30%); }
.hero--bright .hero__title { text-shadow: 0 2px 24px rgba(0, 0, 0, .45); }
.hero--bright .hero__title em { color: #fff; }
@media (max-width: 900px) {
  .hero--bright .hero__media video, .hero--bright .hero__still { object-position: 78% 50%; }
}
