/* Hero domače strani (SL in EN): poster (prva sličica videa) + video v ozadju + bel preliv z leve.
   Naloži se samo na domači strani (css_extra); uporablja žetone iz naveza.css.
   Podlaga hero: spremenljivka --hb (RGB, brez presledkov), preliv uporablja isto barvo.
   Okvir medija se začne 330 px desno od levega roba vsebine in sega do desnega roba hero. */
.hero2{--hb:255,255,255;position:relative;isolation:isolate;background:rgb(var(--hb));color:var(--ink)}
.hero2__img{position:absolute;top:0;right:0;bottom:0;left:calc(max(0px,(100% - var(--wrap))/2) + var(--gutter) + 330px);z-index:0}
.hero2__img img,.hero2__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.hero2__video{opacity:0;transition:opacity .6s ease}
.hero2__video.is-on{opacity:1}
.hero2__img::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--hb),1) 0%,rgba(var(--hb),.97) 12%,rgba(var(--hb),.85) 22%,rgba(var(--hb),.55) 32%,rgba(var(--hb),.22) 42%,rgba(var(--hb),0) 54%)}
.hero2__in{position:relative;z-index:1;display:flex;align-items:center;min-height:clamp(500px,42vw,600px);padding-top:56px;padding-bottom:64px}
.hero2__txt{display:flex;flex-direction:column;align-items:flex-start;gap:26px;max-width:560px}
.hero2 h1{font-size:clamp(44px,5vw,72px)}
.hero2__lead{font-size:clamp(17px,1.45vw,20px);line-height:1.5;max-width:440px}
.hero2 .btn-w{border-color:var(--ink)}
.hero2__ctl{position:absolute;z-index:2;right:28px;bottom:24px;width:46px;height:46px;padding:0;border:2px solid var(--ink);border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.hero2__ctl[hidden]{display:none}
.hero2__ctl:hover{background:var(--ink);color:#fff}
.hero2__ctl svg{display:none;width:20px;height:20px}
.hero2__ctl[data-k="p"] .i-p,.hero2__ctl[data-k="s"] .i-s,.hero2__ctl[data-k="r"] .i-r{display:block}
@media (max-width:1180px){
  .hero2__in{min-height:0;padding-top:32px;padding-bottom:20px}
  .hero2__img{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;aspect-ratio:16/9;max-height:480px}
  .hero2__img img{object-position:62% 50%}
  .hero2__img::after{background:linear-gradient(180deg,rgba(var(--hb),1) 0%,rgba(var(--hb),.86) 9%,rgba(var(--hb),.42) 24%,rgba(var(--hb),0) 46%)}
  .hero2__video,.hero2__ctl{display:none}
}
@media (max-width:700px){
  .hero2__in{padding-top:24px;padding-bottom:12px}
  .hero2__txt .btn-row{flex-direction:column;align-self:stretch}
  .hero2__txt .btn{width:100%;padding:0 18px;font-size:16px;text-align:center}
  .hero2__img{aspect-ratio:5/4}
}