.wl-technology { padding: 88px 0 84px; background: #fff; }
.wl-technology-layout { display: grid; grid-template-columns: minmax(280px,.9fr) minmax(430px,1.35fr) minmax(300px,.8fr); gap: clamp(30px,3vw,48px); align-items: center; }
.wl-technology .cm-section-heading h2 { }
.wl-technology-images { display: grid; grid-template-columns: 1.7fr .8fr; gap: 14px; height: 350px; }
.wl-technology-images picture { display:block; min-width:0; overflow:hidden; }
.wl-technology-images img { width:100%; height:100%; object-fit:cover; }
.wl-detail-image img { object-position: 46% 50%; }
.wl-projects { padding: 88px 0 92px; background:#fff; }
.wl-projects-layout { display:grid; grid-template-columns:minmax(360px,34%) minmax(0,66%); gap:clamp(36px,4vw,58px); align-items:start; }
.wl-projects .cm-section-heading h2 { }
.wl-projects .cm-section-heading h2 > span { white-space:nowrap; }
.wl-project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,3vw,43px); align-items:stretch; }
.wl-project { display:flex; min-width:0; flex-direction:column; }
.wl-project-image,.wl-project-image picture { display:block; overflow:hidden; }
.wl-project-image picture { aspect-ratio:16/9; background:#e4e5e1; }
.wl-project-image img { width:100%; height:100%; object-fit:cover; transition:transform 520ms ease; }
.wl-project-image:hover img { transform:scale(1.015); }
.wl-project .cm-project-type { margin:15px 0 8px; }
.wl-project h3 { margin:0 0 10px; }
.wl-project > p:not(.cm-project-type) { min-height:76px; color:var(--cm-muted); }
.wl-project .cm-text-link { margin-top:auto; padding-top:18px; }

@media (max-width:1180px) {
  .wl-technology-layout { grid-template-columns:minmax(0,43%) minmax(0,57%); align-items:start; }
  .wl-technology .cm-technology-points { grid-column:1/-1; }
  .wl-projects-layout { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  #wl-technology-title { font-size:29px; }
  .wl-technology-images { height:320px; }
  .wl-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  #wl-technology-title { font-size:27px; }
  .wl-technology { padding:70px 0 69px; }
  .wl-technology-layout { display:flex; flex-direction:column; align-items:stretch; }
  .wl-technology-images { order:2; display:flex; height:auto; flex-direction:column; margin-top:8px; }
  .wl-technology .cm-section-heading { order:1; }
  .wl-technology .cm-technology-points { order:3; margin-top:34px; }
  .wl-technology-images picture { aspect-ratio:3/2; }
  .wl-projects { padding:72px 0 76px; }
  .wl-projects-layout { gap:48px; }
  .wl-projects .cm-section-heading h2 { }
  .wl-project-grid { grid-template-columns:1fr; gap:57px; }
  .wl-project > p:not(.cm-project-type) { min-height:0; }
  .wl-project .cm-text-link { margin-top:0; }
}
@media (prefers-reduced-motion:reduce) { .wl-project-image img { transition:none; } }