.hp.cf{width:100%;margin-bottom:var(--hp-s4);padding:var(--hp-s5);border-radius:var(--hp-radius);background:var(--hp-cream)}.cf-heading{margin-bottom:var(--hp-s4);font-size:var(--hp-fs-h2-tertiary);color:var(--color-text);font-weight:700;line-height:1.35}.cf-list{gap:var(--hp-s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cf-card{border-radius:var(--hp-radius-sm);background:var(--color-background);height:100%;box-shadow:var(--hp-shadow);flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.cf-card:hover{transform:translateY(-2px)}.cf-card__img{aspect-ratio:1200/630;object-fit:cover;width:100%}.cf-card__body{gap:var(--hp-s1);padding:var(--hp-s3) var(--hp-s3) var(--hp-s4);flex-direction:column;display:flex}.cf-card__title{-webkit-line-clamp:3;font-size:var(--hp-fs-body);color:var(--color-primary);-webkit-box-orient:vertical;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.cf-card__note{font-size:var(--hp-fs-small);color:var(--hp-muted);word-break:auto-phrase;line-height:1.6}@media (max-width:840px){.hp.cf{padding:var(--hp-s4) var(--hp-s3)}.cf-list{gap:var(--hp-s2);grid-template-columns:1fr}.cf-item:not(.cf-item--lead) .cf-card{flex-direction:row;align-items:center}.cf-item:not(.cf-item--lead) .cf-card__img{flex:none;align-self:stretch;width:40%;height:auto}.cf-item:not(.cf-item--lead) .cf-card__body{padding:var(--hp-s2)}.cf-item:not(.cf-item--lead) .cf-card__title{font-size:var(--hp-fs-small)}.cf-item:not(.cf-item--lead) .cf-card__note{display:none}}