/* Anchor each desktop action to the hero frame, independently of copy length. */
@media(min-width:1024px) and (min-height:650px){
  .competency-page .cap-hero-inner { position:relative; }
  .competency-page .cap-hero-row { position:static; animation:none; transform:none; }
  .competency-page .cap-hero-lead { animation:utility-hero-in .9s cubic-bezier(.22,1,.36,1) .13s both; }
  .competency-page .cap-hero-action,
  main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"]) > section:first-of-type h1 + div > div {
    position:absolute!important; top:auto!important; right:40px;
    bottom:calc(91.5px + clamp(48px,10svh,96px)); margin:0;
  }
  .competency-page .cap-hero-cta { min-height:48px; }
}
@media(max-width:1023px){
  .competency-page .cap-hero-action { top:0!important; margin:16px 0; justify-self:start; }
  .competency-page .cap-hero-cta { min-height:48px; }
}
@media(prefers-reduced-motion:reduce){.competency-page .cap-hero-lead{animation:none!important}}

@media(max-width:1023px) and (min-height:501px){
  .competency-page .cap-hero-row,
  main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"]) > section:first-of-type h1 + div {display:contents;animation:none;transform:none}
  .competency-page .cap-hero-lead,
  main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"]) > section:first-of-type h1 + div > p {margin-top:28px}
  .competency-page .cap-hero-action,
  main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"]) > section:first-of-type h1 + div > div {margin-top:auto!important;margin-bottom:25px!important;padding-top:24px;align-self:flex-start}
}