@layer components{.hw-card{border:1px solid var(--hx-line-panel);border-radius:var(--radius-md);background:var(--color-surface-page);flex-direction:column;min-width:0;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.hw-card:hover{border-color:var(--color-brand-blue-3);box-shadow:0 8px 24px #1641710a}.hw-card:has(.hw-card-link:focus-visible){outline:3px solid var(--color-focus);outline-offset:4px}.hw-card-cover{background:var(--color-surface-blue-soft)}.hw-card-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.hw-cover{aspect-ratio:16/9;background:var(--color-surface-blue-soft);color:var(--color-brand-blue-1);padding:25px 28px;position:relative;overflow:hidden}.hw-cover-brand{letter-spacing:2px;font-size:9px;font-weight:500;display:block}.hw-cover strong{font-family:var(--font-heading);letter-spacing:-.6px;margin-top:22px;font-size:28px;font-weight:600;line-height:1.15;display:block}.hw-cover-line{background:var(--color-brand-red-1);width:29px;height:3px;margin-top:16px;display:block}.hw-card-body{flex-direction:column;flex:1;padding:23px 25px 19px;display:flex}.hw-category-label{letter-spacing:1.1px;text-transform:uppercase;color:var(--hx-text-muted-blue);font-size:10px;font-weight:500}.hx-page .hw-card h3,.hx-page .hw-card h2{letter-spacing:-.25px;margin:10px 0 12px;font-size:21px;line-height:1.3}.hw-card p{color:var(--hx-text-muted-blue);margin-bottom:14px;font-size:13px;line-height:1.85}.hw-card-review{color:var(--color-text-secondary);margin-bottom:14px;font-size:11px;line-height:1.6}.hw-card-link{border-top:1px solid var(--hx-line-soft);min-height:44px;color:var(--color-brand-blue-1);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:500;display:flex}.hw-card-link .hx-icon{width:18px;height:18px}.hw-card-link:after{content:"";position:absolute;inset:0}.hw-card-link:focus-visible{outline:none}@media (max-width:1200px){.hw-card-body{padding:22px}}@media (max-width:767px){.hw-card-body{padding:22px 24px 18px}.hx-page .hw-card h3,.hx-page .hw-card h2{font-size:22px}}}
