/* GENEROWANE przez scripts/deco-build.mjs z site/deco/human-design.json. Nie edytuj ręcznie —
   zmieniaj układ w edytorze (/deco-editor.html), patrz DECO.md.
   Pozycje: obie osie i rozmiar skalują się od SZEROKOŚCI kotwicy
   (procentowe margin-*/width elementu absolutnego liczą się od szerokości
   bloku zawierającego). Obrót/lustro na __art: animacja wejścia (GSAP)
   rusza opakowaniem i ich nie nadpisuje. */

.propozycja-d.page-hd .deco-motif{position:absolute;display:block;grid-column:auto;grid-row:auto;height:auto;margin:0;padding:0;line-height:0;pointer-events:none;user-select:none;-webkit-user-select:none}
.propozycja-d.page-hd .deco-motif .placed-motif__art{display:block;transform-origin:50% 50%;transform:rotate(var(--deco-r,0deg)) scaleX(var(--deco-fx,1));opacity:var(--deco-op,1)}
.propozycja-d.page-hd .deco-motif img{display:block;width:100%;height:auto;transform:none;-webkit-user-drag:none}

/* kotwice = containing block. :where() ma specyficzność 0, więc własna
   pozycja elementu z arkusza strony (sticky, absolute) wygrywa. */
:where(#dla-kogo,#kolejny-krok){position:relative}

.propozycja-d.page-hd .deco-motif[data-deco="dla-kogo-olive"]{left:auto;right:-12.2243%;top:0;bottom:auto;margin-top:-15.9118%;margin-bottom:0;width:24.2521%;z-index:5;--deco-r:-96deg;--deco-fx:-1;--deco-op:1;display:block}
.propozycja-d.page-hd .deco-motif[data-deco="kolejny-krok-banana"]{left:auto;right:-4.2722%;top:0;bottom:auto;margin-top:-4.6847%;margin-bottom:0;width:18.7229%;z-index:5;--deco-r:-113deg;--deco-fx:1;--deco-op:1;display:block}

/* Tablet */
@media (min-width:681px) and (max-width:980px){
  .propozycja-d.page-hd .deco-motif[data-deco="dla-kogo-olive"]{left:auto;right:-14.3607%;top:0;bottom:auto;margin-top:-15.9336%;margin-bottom:0;width:min(28.6458%,46vh);z-index:5;--deco-r:-96deg;--deco-fx:-1;--deco-op:1;display:block}
  .propozycja-d.page-hd .deco-motif[data-deco="kolejny-krok-banana"]{left:auto;right:-5.9896%;top:0;bottom:auto;margin-top:-8.9844%;margin-bottom:0;width:23.4375%;z-index:5;--deco-r:-113deg;--deco-fx:1;--deco-op:1;display:block}
}

/* Mobile */
@media (max-width:680px){
  .propozycja-d.page-hd .deco-motif[data-deco="dla-kogo-olive"]{left:auto;right:-23.7385%;top:0;bottom:auto;margin-top:-32.2128%;margin-bottom:0;width:min(49.5256%,46vh);z-index:5;--deco-r:-46deg;--deco-fx:-1;--deco-op:1;display:block}
  .propozycja-d.page-hd .deco-motif[data-deco="kolejny-krok-banana"]{left:auto;right:-8.6103%;top:0;bottom:auto;margin-top:-12.1385%;margin-bottom:0;width:33.3718%;z-index:5;--deco-r:-113deg;--deco-fx:1;--deco-op:1;display:block}
}