.hp-resource-section{background-color:var(--color-bg);padding:var(--space-6) 0 var(--space-3)}.hp-resource-card{border-radius:var(--radius-2xl);display:flex;flex-direction:column;margin:0 auto;overflow:hidden;text-decoration:none;transition:transform var(--duration-slow) var(--ease-smooth)}@media (min-width:1024px){.hp-resource-card{flex-direction:row;height:420px}}.hp-theme-dark{color:var(--color-white)!important}.hp-theme-dark .hp-resource-desc{color:hsla(0,0%,100%,.6)!important}.hp-theme-dark .hp-cta-circle{border:1px solid hsla(0,0%,100%,.3)!important}.hp-theme-light{color:var(--color-ink)!important}.hp-theme-light .hp-resource-desc{color:rgba(12,10,26,.6)!important}.hp-theme-light .hp-cta-circle{border:1px solid rgba(12,10,26,.2)!important}.hp-resource-content{display:flex;flex:1;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-12)}@media (min-width:1024px){.hp-resource-content{flex:1.3;padding:0 var(--space-16)}}.hp-resource-tag{align-items:center;color:inherit;display:flex;gap:var(--gap-inline-md);margin-bottom:var(--space-4);opacity:.8}.hp-tag-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.hp-tag-svg{display:block;flex-shrink:0;height:16px!important;stroke:currentColor!important;stroke-width:2.2px!important;width:16px!important}.hp-tag-text{font-size:var(--type-tag-size);font-weight:var(--type-tag-weight);letter-spacing:var(--type-tag-tracking);text-transform:uppercase}.hp-resource-title{font-size:var(--text-fluid-xl);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.hp-resource-desc{margin-bottom:var(--space-8);max-width:400px}.hp-resource-cta{align-items:center;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--gap-inline-lg)}.hp-cta-circle{align-items:center;border-radius:var(--radius-full);display:flex;height:40px;justify-content:center;transform-origin:center;transition:transform var(--duration-slow) var(--ease-out);width:40px}.hp-cta-circle svg{display:block;transition:var(--transition-colors)}.hp-resource-card:hover .hp-cta-circle{background:currentColor;transform:translate(4px) rotate(45deg)}.hp-resource-card:hover .hp-cta-circle svg{filter:invert(1)}.hp-resource-visual{aspect-ratio:16/9;position:relative;width:100%}.hp-resource-visual img{height:100%;inset:0;object-fit:cover;position:absolute;transition:opacity var(--duration-slow) var(--ease-out);width:100%}.hp-resource-card:hover .hp-resource-visual img{opacity:.8}@media (min-width:1024px){.hp-resource-visual{aspect-ratio:auto;flex:1}}