.work-models {
 background: #FDFCFC;
 padding: 96px 0;
 font-family: Nunito, sans-serif;
 color: #16111A;
}
.work-models ::selection {
 background: #FFC9DD;
 color: #16111A;
}
.work-models__wrap {
 width: min(1120px, calc(100% - 40px));
 margin: 0 auto;
}
.work-models__head {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 24px 48px;
 align-items: end;
 margin-bottom: 8px;
 padding-bottom: 28px;
 border-bottom: 1px solid #ECE7EA;
}
.work-models__kicker {
 margin: 0 0 12px;
 color: #AD1457;
 font-size: 12px;
 font-weight: 700;
 letter-spacing: .08em;
 text-transform: uppercase;
}
.work-models__head h2 {
 margin: 0;
 max-width: 16ch;
 font-size: 44px;
 line-height: 1.08;
 font-weight: 800;
 letter-spacing: -.025em;
}
.work-models__count {
 margin: 0 0 6px;
 color: #6E6774;
 font-size: 13px;
 font-weight: 700;
 font-variant-numeric: tabular-nums;
 text-align: right;
}
.work-models__head p {
 margin: 0;
 max-width: 28ch;
 color: #5B5560;
 font-size: 16px;
 line-height: 1.55;
 text-align: right;
}
.work-models__list {
 list-style: none;
 margin: 0;
 padding: 0;
}
.work-models__row {
 display: grid;
 grid-template-columns: 72px minmax(0, 1fr);
 gap: 8px 28px;
 align-items: center;
 padding: 28px 8px;
 border-bottom: 1px solid #ECE7EA;
 color: inherit;
 text-decoration: none;
}
.work-models__row:hover {
 background: #FFF1F6;
}
.work-models__row:hover .work-models__go {
 transform: translateX(4px);
 color: #C2185B;
}
.work-models__row:active {
 background: #FFE4EE;
}
.work-models__row:focus-visible {
 outline: 2px solid #E91E63;
 outline-offset: 4px;
 border-radius: 10px;
}
.work-models__no {
 font-variant-numeric: tabular-nums;
 color: #AD1457;
 font-size: 13px;
 font-weight: 700;
}
.work-models__body {
 display: grid;
 grid-template-columns: minmax(220px, 1.15fr) minmax(180px, .9fr) 120px 28px;
 gap: 20px 32px;
 align-items: center;
}
.work-models__body h3 {
 margin: 0 0 6px;
 font-size: 20px;
 line-height: 1.3;
 font-weight: 700;
 letter-spacing: -.01em;
}
.work-models__body h3 i {
 margin-right: 8px;
 color: #AD1457;
 font-size: 16px;
}
.work-models__body p {
 margin: 0;
 color: #5B5560;
 font-size: 14px;
 line-height: 1.5;
}
.work-models__pay,
.work-models__measure {
 margin: 0;
}
.work-models__pay span,
.work-models__measure span {
 display: block;
 margin-bottom: 4px;
 color: #6E6774;
 font-size: 12px;
 font-weight: 700;
 letter-spacing: .04em;
 text-transform: uppercase;
}
.work-models__pay strong,
.work-models__measure strong {
 display: block;
 color: #16111A;
 font-size: 14px;
 font-weight: 700;
 line-height: 1.4;
}
.work-models__go {
 justify-self: end;
 color: #16111A;
 font-size: 16px;
 transition: transform .18s ease, color .18s ease;
}
@media (max-width: 980px) {
 .work-models { padding: 64px 0; }
 .work-models__head { grid-template-columns: 1fr; }
 .work-models__head h2 { max-width: none; font-size: 32px; }
 .work-models__count,
 .work-models__head p { text-align: left; }
 .work-models__body { grid-template-columns: minmax(0, 1fr) 28px; }
 .work-models__pay,
 .work-models__measure { display: none; }
}
@media (max-width: 640px) {
 .work-models__wrap { width: min(100% - 32px, 1120px); }
 .work-models__row { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 20px 0; }
 .work-models__body h3 { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
 .work-models__go { transition: none; }
}