/* Arky opens to the full width of the screen as it scrolls in. The dark panel is a full-bleed layer behind
   the content, cut back to the card by clip-path; --ark-s (0 → 1, arky-sirenje.js) opens the cut and squares
   the corners. The content keeps its column, so nothing reflows while scrolling. */
#arky .ark-okvir{background:transparent;isolation:isolate}
#arky .ark-okvir::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;pointer-events:none;
  background:
    radial-gradient(48% 70% at 76% 62%,rgba(217,100,58,.20),transparent 70%),
    radial-gradient(40% 60% at 8% 0%,rgba(244,239,228,.05),transparent 70%),
    #0d0c0a;
  clip-path:inset(0 calc(var(--ark-g,0px) * (1 - var(--ark-s,1))) round calc(24px * (1 - var(--ark-s,1))))}
#arky .ark-okvir .bn-x{opacity:calc(1 - var(--ark-s,1))}
#arky .ark-tekst{transform:translateX(calc((1 - var(--ark-s,1)) * 24px));opacity:calc(.35 + var(--ark-s,1) * .65)}