/* === Vystytojas (Projekto vystytojas) === */
.dev-section{ position:relative; padding:20px 0; background:#F6F8FB; }
.dev-section .container{ max-width:1444px; }

.dev-grid{ display:grid; grid-template-columns: 1fr minmax(250px, 712px); gap: 72px; align-items: start; }

.dev-label{ font-family:'Syne',sans-serif; font-weight:500; font-size:24px; line-height:29px; color:#01172C; margin-bottom:44px; }

/* Image loading skeleton */
.dev-left .image-container{ 
  position:relative; width:100%; max-width:344px; overflow:hidden; 
}
.dev-left .image-skeleton{ 
  position:absolute; inset:0; background:#E5E7EB;
  background: linear-gradient(90deg, #E5E7EB 25%, #F3F4F6 50%, #E5E7EB 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  z-index:1;
}
.dev-left .image-container img{ 
  position:relative; width:100%; max-width:344px;
  opacity:0; transition: opacity 0.3s ease;
  z-index:2;
}
.dev-left .image-container.loaded img{ opacity:1; }
.dev-left .image-container.loaded .image-skeleton{ opacity:0; transition: opacity 0.3s ease; }

@keyframes shimmer{
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.dev-logo{ width:344px; height:auto; display:block; }

.dev-title{ margin:0 0 18px; font-family:'Syne',sans-serif; font-weight:700; font-size:32px; line-height:42px; color:#01172C; }
.dev-desc{ margin:0; font-family:'Syne',sans-serif; font-weight:400; font-size:20px; line-height:30px; color:#01172C; max-width:607px; }

@media (max-width: 1100px){
  .dev-section{ padding:0px 0; }
  .dev-grid{ grid-template-columns: 1fr; gap:32px; }
  .dev-right{ max-width: 100%; }
}

@media (max-width: 400px){
  .dev-grid{ grid-template-columns: 1fr; gap:20px; }
  .dev-logo{ width:100%; max-width:280px; }
}

@media (max-width: 768px){
  .dev-grid{ gap:24px; }
  .dev-logo{ width:100%; max-width:344px; }
  .dev-title{ font-size: clamp(20px, 4vw, 32px); line-height: clamp(26px, 4.5vw, 42px); }
  .dev-desc{ font-size: clamp(16px, 2.5vw, 20px); line-height: clamp(24px, 3vw, 30px); max-width: 100%; }
}

@media (max-width: 500px){
  .dev-title{ font-size:14px; line-height:22px; }
  .dev-desc{ font-size:13px; line-height:20px; }
}