.resources-hero { padding: 90px 0; background: var(--grey-50); }
.resources-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; }
.resources-hero__label { color: var(--grey-700); font-family: var(--font-heading); font-weight: 700; margin-bottom: 16px; }
.resources-hero h1 { color: var(--primary-dark); font-size: clamp(38px, 4.5vw, 60px); line-height: 1.1; letter-spacing: -.055em; }
.resources-hero p:not(.resources-hero__label) { max-width: 570px; color: var(--grey-700); font-size: 18px; line-height: 1.55; margin: 24px 0 28px; }
.resources-hero__visual img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 26px 26px 90px 26px; }
.resources-list { padding-top: 90px; padding-bottom: 110px; }
.resources-list h2 { font-size: clamp(30px, 3vw, 40px); letter-spacing: -.04em; margin-bottom: 32px; }
.resources-list__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.resources-card { padding: 28px; border: 1px solid var(--grey-200); border-radius: 20px; background: #fff; }
.resources-card__number { font-family: var(--font-heading); font-size: 14px; color: var(--peach); font-weight: 800; }
.resources-card h3 { margin: 22px 0 12px; font-size: 22px; }
.resources-card p { color: var(--grey-700); min-height: 100px; }
.resources-card a { display: inline-block; margin-top: 18px; font-weight: 700; color: var(--primary); text-decoration: underline; text-decoration-color: var(--peach); text-underline-offset: 4px; }
@media (max-width: 800px) { .resources-hero { padding: 54px 0; } .resources-hero__grid, .resources-list__grid { grid-template-columns: 1fr; } .resources-hero__visual img { max-height: 360px; } .resources-list { padding-top: 60px; } .resources-card p { min-height: 0; } }