/* Ceruzkový rám v hero — dekoratívny rám obrazu nakreslený ceruzkou,
   pri scrolle sa jemne otáča v priestore a klesá. Len desktop (≥ 1024 px).
   Zdroj: Dizajn/Hero/obrazne-ram-hero.html (schválený prototyp 02c).

   Inštancia komponentu leží v hero ako absolútna vrstva cez celú sekciu
   (nastavené na prvku v strome), obsah hero je nad ňou.

   Farba a hrúbky čiar sú tu, nie v atribútoch SVG — sanitizér šablóny
   prezentačné atribúty SVG mení. Čiary sú zámerne veľmi jemné, nezosilňovať. */

.ob-ram {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.ob-ram svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ob-ram__g {
  fill: none;
  stroke: #11212f;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ob-ram__main {
  stroke-width: 1.1;
  opacity: .095;
}

.ob-ram__soft {
  stroke-width: .8;
  opacity: .025;
}

@media (max-width: 1023px) {
  .ob-ram {
    display: none;
  }
}