.pricing-page .pricing-resources { background: var(--paper); --resource-photo-height: clamp(320px,calc(100svh - 300px),420px); }
.pricing-page .pricing-resources .container { max-width: 1120px; }
.pricing-page .pricing-resources h2 { font-size: clamp(42px,4.5vw,62px); line-height: 1.2; text-align: center; margin: 0 0 38px; }
.pricing-page .pricing-resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.pricing-page .pricing-resource-card { min-width: 0; }
.pricing-page .pricing-resource-link { display: flex; flex-direction: column; align-items: flex-start; height: 100%; text-align: left; }
.pricing-page .pricing-resource-link .photo { margin: 0 0 22px; width: 100%; height: var(--resource-photo-height); display: grid; place-items: center start; }
.pricing-page .pricing-resource-link img { width: auto; height: auto; max-width: 100%; max-height: var(--resource-photo-height); display: block; }
.pricing-page .pricing-resource-link .micro { margin: 0 0 12px; color: var(--sea-deep); font-size: 13px; }
.pricing-page .pricing-resource-link h3 { font-size: 25px; line-height: 1.3; margin: 0 0 24px; }
.pricing-page .pricing-resource-link .text-link { margin-top: auto; width: max-content; font: 400 10px/1.5 var(--sans); letter-spacing: .12em; padding: 14px 20px; }
.pricing-page .pricing-resource-link:hover .text-link { background: var(--sea-deep); color: var(--paper); }
.pricing-page .pricing-resource-link:focus-visible { outline: 2px solid var(--sea-deep); outline-offset: 8px; }
@media (max-width: 760px) {
  .pricing-page .pricing-resource-grid { grid-template-columns: 1fr; gap: 40px; max-width: 460px; margin-inline: auto; }
  .pricing-page .pricing-resource-link h3 { font-size: 25px; }
}