.hero{max-width:var(--container);justify-content:space-between;gap:50px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex}.hero__content,.hero__media{width:50%;min-width:0}.hero__text,.hero__note{max-width:65ch}.hero__badge{background-color:#fffbe4;align-items:center;column-gap:.5em;margin-bottom:15px;padding:2px 5px;font-size:17px;font-weight:400;display:inline-flex}.hero__badge svg{width:1em;height:1em;color:var(--neutral-900)}.hero__title{color:var(--neutral-900);margin-bottom:25px}.hero__note{font-weight:600}.hero__actions{flex-wrap:wrap;gap:16px 20px;display:flex}.hero__frame{transition:var(--t-med);border:1px solid var(--neutral-900);border-radius:var(--r-m);background-color:#ffe68c;padding:12px 12px 6px;transform:rotate(2.5deg)}.hero__frame:is(:hover,:focus-within){transform:rotate(1deg)scale(1)}.hero__frame img{aspect-ratio:1.25;object-fit:cover;border:1px solid var(--neutral-900);border-radius:var(--r-s);width:100%}@media (width<=1024px){.hero{text-align:center;flex-direction:column;align-items:center;padding-left:0;padding-right:0}.hero__content,.hero__media{width:100%}.hero__actions{justify-content:center}.hero__text,.hero__note{margin-inline:auto}}@media (width<=767px){.hero{row-gap:44px}.hero__text{margin-bottom:30px}}.hero__frame img[src="/img/psychologicka-terapia-hrou.webp"],.hero__frame img[src="/img/logopedicka-starostlivost-pre-deti-michalovce.webp"]{object-position:50% 10%}