/* v1.4.1 — Homepage layout polish; based on stable (5). */
/* Six services: balanced 3x2 desktop grid, existing breakpoints retained. */
@media (min-width: 1201px) {
  #services .wn-service-grid-six {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  #services .wn-service-grid-six .wn-service-card {min-height:405px}
  #services .wn-service-grid-six .wn-service-content {margin-top:65px}
}
/* Show the complete artwork instead of cropping it to a thin strip. */
#work-process .wn-process-art {height:clamp(185px,19vw,250px);padding:12px 16px;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(19,106,174,.2),transparent 70%)}
#work-process .wn-process-art img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;filter:none}
/* Keep the FAQ section's bottom edge stable for ordinary answer lengths. */
@media (min-width: 992px) {
  #faq-2 .wn-faq-questions {min-height:670px;align-content:start;grid-auto-rows:max-content}
}
/* One contact heading and one set of contact methods; no duplicate CTA panel. */
#contact .wn-contact-body {margin-top:28px!important}
#contact .wn-contact-body>.row {max-width:1000px}
@media (max-width:767px) {
  #work-process .wn-process-art {height:clamp(190px,53vw,265px);padding:10px}
  #contact .wn-contact-body {margin-top:18px!important}
}

/* v2.0.0.3 — stable Why Us visual + 3-column services + mobile swipe. */
/* Opening an accordion changes only the left column; the illustration keeps its position. */
#why-us .wn-why-grid {align-items:start}
#why-us .wn-why-visual {align-self:start}

/* Six services: always three cards per row on wide desktop. */
@media (min-width:1201px) {
  #services .wn-service-grid-six {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}

/* Mobile: one service card in the viewport, remaining cards available by horizontal swipe. */
@media (max-width:767px) {
  #services .wn-service-grid-six {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc(100% - 28px);
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    padding:2px 0 14px;
    scrollbar-width:none;
  }
  #services .wn-service-grid-six::-webkit-scrollbar {display:none}
  #services .wn-service-grid-six .wn-service-card {
    scroll-snap-align:start;
    scroll-snap-stop:always;
    min-width:0;
    width:100%;
  }
}