.sec-experience { display:flex; flex-direction: column; position:relative; padding-top:var(--section-padding); padding-bottom:0; }

/* =========================================================
  🧩 Background
========================================================= */
.sec-experience::before { content: ""; height: calc(100% - 9%); position: absolute; top:0; left:0; width:100%; }
.sec-experience::after { content: ""; height: calc(100% - 9%); max-height:2600px; position:absolute; inset:0; width: 100%; top:0%; left:50%; transform: translate(-50%, 0%); }
.sec-experience .experience { margin:0 auto; }

.sec-experience .wrapped { display:flex; flex-direction:column; gap:var(--elements-gap); padding:0 var(--wrapper-padding); width:100%; }

/* =========================================================
  🧩 Lead and headers
========================================================= */
.sec-experience .section-content { display:flex; flex-direction:column; gap:calc(var(--block-gap)*1.75); }

.sec-experience .block { display:flex; flex-direction:column; gap:calc(var(--elements-gap) * 2); padding:var(--small-box-padding) auto; margin:auto; }
.sec-experience .block-header { display:flex; flex-direction:column; gap:var(--paragraph-gap); margin:auto; }
.sec-experience .block .lead { gap:var(--paragraph-gap); padding:0; margin:0;  }

.sec-experience .row-direction { display:flex; gap: var(--block-gap); padding:var(--box-padding) auto ; }
.sec-experience .row-direction .block-header { text-align:left }


/* =========================================================
  🧩 RWD
========================================================= */
@media (min-width: 1px) and (max-width: 640px) {
	.sec-experience .section-content { gap: calc(1.5 * var(--block-gap)); }
	.sec-experience .row-direction { gap: var(--box-padding); }
	
	.sec-experience .lead br { display:none; }

  .sec-experience .row-direction { flex-direction:column; }
  .sec-experience .row-direction .block-header, 
  .sec-experience .row-direction .block-content { max-width:540px; text-align:left; }
}

@media (min-width: 1px) and (max-width: 480px) { 
	.sec-experience .block { max-width: 380px; }
	.sec-experience .section-content h3 br { display:none; }

}

@media (min-width: 641px) and (max-width: 1023px) {

	.sec-experience .row-direction { flex-direction:column; }
}

@media (min-width: 1024px) and (max-width: 1199px) {


	.sec-experience .row-direction { flex-direction:row; width:90vw; max-width:960px; }
	
	.sec-experience .block .block-header h3 { max-width:460px; }
}

@media (min-width: 1200px) {
	.sec-experience .wrapped { max-width:var(--width-wrap-1400); }

	.sec-experience .row-direction { flex-direction:row; width:90vw; max-width:1080px; }
.sec-experience .row-direction .block-header,
.sec-experience .row-direction .block-content { flex: 1 1 50%; /* każde bierze 50% */ max-width: 50%; }
}










/*.sec-experience .projects--carousel .screens::before { content:""; z-index:3; top:0px; left:-8px;  position:absolute; width:300px; height:auto; overflow: visible; aspect-ratio:501/1020; background:url(../../assets/screens/mockup.png) no-repeat left top; background-size:contain;  }*/

/*.sec-experience .projects--carousel .screen .crop-screen { width:auto; height: calc(100% - 30px); overflow:hidden; display:flex; }*/