.wk-hero__grid {
display: grid;
gap: clamp(24px, 3vw, 40px);
align-items: end;
}.wk-hero__title {
margin-top: 18px;
}.wk-hero__side {
display: grid;
gap: 18px;
max-width: 34em;
}.wk-hero__note {
padding-left: 14px;
border-left: 2px solid var(--accent);
font-size: 0.875rem;
line-height: 1.6;
color: var(--fg-3);
}@media (min-width: 1100px) {
.wk-hero__grid {
grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
column-gap: clamp(40px, 5vw, 96px);
}
}.wk-list {
padding-top: 0;
}.wk-list__head {
display: grid;
gap: 20px;
margin-bottom: clamp(24px, 3vw, 40px);
}.wk-filter {
display: flex;
flex-wrap: wrap;
gap: 8px;
}.wk-filter[hidden] {
display: none;
}.wk-filter__n {
color: var(--fg-3);
}.wk-feature {
margin-bottom: clamp(16px, 2vw, 28px);
}.wk-grid {
display: grid;
gap: clamp(16px, 2vw, 28px);
}@media (min-width: 768px) {
.wk-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
}
.wk-grid__item:nth-child(even) {
margin-top: clamp(40px, 6vw, 96px);
}.wk-grid__item:nth-child(even) + .wk-grid__item {
margin-top: 0;
}
}.wk-grid__item[hidden],
.wk-feature[hidden] {
display: none;
}.wk-list.is-filtered .wk-grid__item {
margin-top: 0;
}.wk-empty {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
padding: 28px 0;
color: var(--fg-2);
}.wk-empty[hidden] {
display: none;
}