section.pd-examples {color: var(--main-black)}
section.pd-examples .pd-examples__header {display: flex; align-items: center; justify-content: space-between; gap: var(--mn-24); margin-bottom: var(--mn-32)}
section.pd-examples .pd-examples__title {margin: 0; color: var(--main-black); font-size: var(--fs-32); line-height: var(--lh-38); font-weight: var(--fw-500)}
section.pd-examples .pd-examples__more {flex: none}
section.pd-examples .pd-examples__list {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--mn-16); margin: 0; padding: 0; list-style: none}
section.pd-examples .pd-examples__item--more {display: none}
section.pd-examples .pd-examples__link {display: flex; flex-direction: column; gap: var(--mn-12); height: 100%; color: inherit; text-decoration: none}
section.pd-examples .pd-examples__figure {margin: 0; overflow: hidden; border-radius: var(--r-16); background: var(--main-silver)}
section.pd-examples .pd-examples__image {display: block; width: 100%; height: auto; aspect-ratio: 750 / 576; object-fit: cover; transition: transform .3s ease}
section.pd-examples .pd-examples__link:hover .pd-examples__image {transform: scale(1.04)}
section.pd-examples .pd-examples__caption {color: var(--main-black); font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-400)}
section.pd-examples .pd-examples__link--more {flex-direction: row; align-items: center; justify-content: center; gap: var(--mn-8); border-radius: var(--r-16); background: var(--main-silver); color: var(--main-black); font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-600)}
section.pd-examples .pd-examples__icon {flex: none}

@media (max-width: 1024px) {
	section.pd-examples .pd-examples__list {grid-template-columns: repeat(3, minmax(0, 1fr))}
	section.pd-examples .pd-examples__item--more {display: block}
	section.pd-examples .pd-examples__more {display: none}
}

@media (max-width: 768px) {
	section.pd-examples .pd-examples__header {margin-bottom: var(--mn-16)}
	section.pd-examples .pd-examples__title {font-size: var(--fs-20); line-height: var(--lh-24)}
	section.pd-examples .pd-examples__list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mn-12)}
}