section.pd-case {color: var(--main-black)}
section.pd-case .pd-case__layout {display: grid; grid-template-columns: minmax(0, 10fr) minmax(0, 21fr); align-items: center; gap: var(--mn-40); padding: var(--mn-32); border-radius: var(--r-24); background: var(--main-silver)}
section.pd-case .pd-case__figure {margin: 0; overflow: hidden; border-radius: var(--r-16); background: var(--main-white)}
section.pd-case .pd-case__image {display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain}
section.pd-case .pd-case__kicker {margin: 0 0 var(--mn-8); color: var(--main-gray); font-size: var(--fs-12); line-height: var(--lh-16)}
section.pd-case .pd-case__title {margin: 0; color: var(--main-black); font-size: var(--fs-24); line-height: var(--lh-28); font-weight: var(--fw-500)}
section.pd-case .pd-case__facts {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mn-12) var(--mn-16); margin: var(--mn-12) 0 var(--mn-16)}
section.pd-case .pd-case__fact-label {margin: 0; color: var(--main-black); font-size: var(--fs-16); line-height: var(--lh-24); font-weight: var(--fw-600)}
section.pd-case .pd-case__fact-value {margin: 0; font-size: var(--fs-16); line-height: var(--lh-24)}

@media (max-width: 768px) {
	section.pd-case .pd-case__layout {grid-template-columns: minmax(0, 1fr); gap: var(--mn-16)}
	section.pd-case .pd-case__layout {padding: var(--mn-16)}
	section.pd-case .pd-case__title {font-size: var(--fs-16); line-height: var(--lh-20); font-weight: var(--fw-600)}
	section.pd-case .pd-case__facts {grid-template-columns: minmax(0, 1fr)}
	section.pd-case .pd-case__fact-label,
	section.pd-case .pd-case__fact-value {font-size: var(--fs-14); line-height: var(--lh-20)}
}