/* Vagus ana sayfa: sessiz, tek akışlı hareketli arka plan. */
.hero.hero--video{isolation:isolate;min-height:640px;background:var(--pine-3);scroll-margin-top:78px}
.hero.hero--video::before,.hero.hero--video::after{content:none;display:none}
.hero-video-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--pine-3)}
.hero-video-poster,.hero-video-poster img,.hero-video{position:absolute;inset:0;width:100%;height:100%}
.hero-video-poster img,.hero-video{object-fit:cover;object-position:center center}
.hero-video-poster{display:block}
.hero-video{z-index:1;opacity:0}
.hero--video.is-hero-video-ready .hero-video{opacity:1}
.hero-video-media::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(17,21,25,.94) 0%,rgba(17,21,25,.85) 31%,rgba(17,21,25,.63) 56%,rgba(17,21,25,.18) 100%),linear-gradient(0deg,rgba(17,21,25,.5),transparent 35%)}
.hero--video .wrap{z-index:1;grid-template-columns:minmax(0,660px);justify-content:start;gap:28px;min-height:640px;padding-top:90px;padding-bottom:94px}
.hero--video h1{color:#fff;text-wrap:balance}
.hero--video h1 em{color:#d3d7dc}
.hero--video p.lead{max-width:620px;color:#e0e3e7}
.hero--video .hero-points{max-width:660px}
.hero--video .hp-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(27,31,35,.38);border-color:rgba(255,255,255,.22);backdrop-filter:blur(5px)}
.hero--video .hp-item{padding:16px 14px;gap:10px;align-items:center}
.hero--video .hp-item+.hp-item{border-top:0;border-left:1px solid rgba(255,255,255,.16)}
.hero--video .hp-item b{font-size:17px;line-height:1.25}
.hero--video .hp-item .ic{color:#c6ccd2}
.hero-video-toggle{position:absolute;right:24px;bottom:24px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:112px;min-height:44px;padding:10px 14px;border:1px solid rgba(242,243,244,.5);border-radius:2px;background:rgba(27,31,35,.8);color:var(--cream);font:600 13px/1.2 var(--sans);cursor:pointer;backdrop-filter:blur(5px)}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{background:var(--pine)}
.hero-video-toggle:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.hero-video-toggle svg{width:15px;height:15px;flex:none;fill:currentColor}
.hero-video-toggle .hero-video-play{display:none}
.hero-video-toggle[data-playback="paused"] .hero-video-play{display:block}
.hero-video-toggle[data-playback="paused"] .hero-video-pause{display:none}
@media(min-width:1500px){.hero--video .wrap{max-width:1320px}}
@media(max-width:920px){
  .hero.hero--video{min-height:830px}
  .hero--video .wrap{grid-template-columns:minmax(0,1fr);gap:26px;min-height:830px;padding-top:58px;padding-bottom:190px;align-content:start}
  .hero-video-media::after{background:linear-gradient(180deg,rgba(17,21,25,.9) 0%,rgba(17,21,25,.82) 37%,rgba(17,21,25,.59) 68%,rgba(17,21,25,.18) 100%)}
  .hero--video h1{font-size:clamp(36px,7.6vw,56px);line-height:1.14}
  .hero--video p.lead{font-size:16.5px;line-height:1.65;margin:20px 0 26px}
  .hero--video .hero-points{max-width:520px}
  .hero--video .hp-box{grid-template-columns:1fr;background:rgba(27,31,35,.28)}
  .hero--video .hp-item{padding:13px 16px;gap:12px}
  .hero--video .hp-item+.hp-item{border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .hero--video .hp-item b{font-size:18px;line-height:1.25}
  .hero-video-toggle{right:24px;bottom:22px}
}
@media(max-width:420px){
  .hero--video .wrap{padding-top:48px;padding-bottom:180px;gap:24px}
  .hero--video p.lead{font-size:16px}
  .hero--video .acts .btn{padding:12px 20px;font-size:13px}
  .hero--video .hp-item b{font-size:17px}
}
@media(prefers-reduced-motion:no-preference){.hero-video{transition:opacity .3s ease}}
@media(prefers-reduced-motion:reduce){.hero-video,.hero-video-toggle{transition:none}}
