/* KDB PILOTS V17 */
.kdb-pilots-v17__shell{width:min(1480px,calc(100% - 36px));margin:0 auto;padding:34px 0 72px}.kdb-pilots17-hero{position:relative;overflow:hidden;padding:35px 38px;border:1px solid rgba(82,205,244,.4);background:linear-gradient(115deg,rgba(57,183,225,.09),transparent 40%),linear-gradient(145deg,#082633,#041923)}.kdb-pilots17-hero:after{content:"";position:absolute;right:0;top:0;width:35%;height:100%;background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(82,205,244,.05) 31px 33px);pointer-events:none}.kdb-pilots17-hero>span,.kdb-pilot17-hero__copy>span,.kdb-pilot17-story__text>span{color:#52cdf4;font-size:10px;font-weight:900;letter-spacing:.16em}.kdb-pilots17-hero h1{margin:7px 0 8px;color:#fff;font-family:var(--display,"Oswald",sans-serif);font-size:clamp(48px,7vw,94px);font-style:italic;line-height:.9}.kdb-pilots17-hero p{max-width:760px;margin:0;color:#8da7b5;font-size:13px;line-height:1.55}.kdb-pilots17-filter{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:end;gap:12px;margin:20px 0 18px;padding:14px;border:1px solid rgba(82,205,244,.2);background:rgba(5,27,39,.8)}.kdb-pilots17-series{display:flex;gap:6px}.kdb-pilots17-series a,.kdb-pilots17-filter button{min-height:40px;padding:0 17px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(82,205,244,.3);background:rgba(82,205,244,.06);color:#8bdcf7;text-decoration:none;font:800 11px var(--text,sans-serif);text-transform:uppercase}.kdb-pilots17-series a.is-active,.kdb-pilots17-filter button{background:#52cdf4;color:#03131d}.kdb-pilots17-filter label{display:grid;gap:5px}.kdb-pilots17-filter label span{color:#7795a4;font-size:9px;font-weight:800;text-transform:uppercase}.kdb-pilots17-filter input{width:100%;height:40px;box-sizing:border-box;border:1px solid rgba(82,205,244,.3);background:#020f18;color:#eef9fc;padding:0 13px}.kdb-pilots17-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kdb-pilot17-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(82,205,244,.2);background:#061c28;color:#eef9fc!important;text-decoration:none!important;transition:.18s ease}.kdb-pilot17-card:hover{transform:translateY(-3px);border-color:rgba(82,205,244,.58);box-shadow:0 20px 42px rgba(0,0,0,.2)}.kdb-pilot17-card__portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:#03131d}.kdb-pilot17-card__portrait>img{width:100%;height:100%;display:block;object-fit:cover}.kdb-pilot17-card__placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(82,205,244,.13),transparent 38%),#041923}.kdb-pilot17-card__placeholder span{color:#52cdf4;font-size:11px;letter-spacing:.2em}.kdb-pilot17-card__placeholder b{margin-top:5px;color:#fff;font:italic 700 32px var(--display,"Oswald",sans-serif)}.kdb-pilot17-card__badges{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:end;justify-content:space-between;gap:8px}.kdb-pilot17-card__badges span{padding:6px 8px;background:#52cdf4;color:#03131d;font-size:9px;font-weight:900}.kdb-pilot17-card__badges strong{padding:5px 8px;background:rgba(2,14,22,.86);border:1px solid rgba(255,255,255,.2);color:#fff;font:700 20px var(--display,"Oswald",sans-serif)}.kdb-pilot17-card__body{padding:16px 16px 13px}.kdb-pilot17-card__body small{color:#52cdf4;font-size:8px;font-weight:900;letter-spacing:.12em}.kdb-pilot17-card__body h2{margin:5px 0 7px;color:#fff;font:italic 650 24px/1 var(--display,"Oswald",sans-serif);text-transform:uppercase}.kdb-pilot17-card__body p{min-height:43px;margin:0;color:#91aebb;font-size:10px;line-height:1.45}.kdb-pilot17-card dl,.kdb-pilot17-hero dl{margin:13px 0 0}.kdb-pilot17-card dl>div{display:grid;grid-template-columns:78px 1fr;gap:7px;padding:6px 0;border-top:1px solid rgba(82,205,244,.12)}.kdb-pilot17-card dt,.kdb-pilot17-hero dt{color:#6f8d9b;font-size:8px;text-transform:uppercase}.kdb-pilot17-card dd,.kdb-pilot17-hero dd{margin:0;color:#d9edf5;font-size:10px}.kdb-pilot17-card__car{position:relative;height:88px;margin-top:auto;overflow:hidden;background:#03131d}.kdb-pilot17-card__car img{width:100%;height:100%;object-fit:cover;opacity:.72}.kdb-pilot17-card__car>span{height:100%;display:grid;place-items:center;color:#526e7b;font-size:9px;letter-spacing:.12em}.kdb-pilot17-card__car>b{position:absolute;left:12px;bottom:9px;padding:5px 7px;background:rgba(2,14,22,.82);color:#72d8fa;font-size:8px}.kdb-pilots17-empty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed rgba(82,205,244,.3);background:#051923}.kdb-pilots17-empty span{color:#52cdf4;font-size:9px;letter-spacing:.14em}.kdb-pilots17-empty h2{color:#fff}.kdb-pilots17-empty p{color:#8da7b5}.kdb-pilots17-pages{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:14px}.kdb-pilots17-pages a,.kdb-pilots17-pages span{padding:9px 13px;border:1px solid rgba(82,205,244,.26);color:#8adcf8;text-decoration:none}.kdb-pilot17-back{display:inline-flex;margin-bottom:16px;color:#7bd8f7!important;text-decoration:none!important;font-size:10px;font-weight:800;text-transform:uppercase}.kdb-pilot17-hero{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:590px;border:1px solid rgba(82,205,244,.35);background:#061c28}.kdb-pilot17-hero__portrait{min-height:590px;background:#03131d}.kdb-pilot17-hero__portrait img{width:100%;height:100%;display:block;object-fit:cover}.kdb-pilot17-hero__copy{position:relative;padding:46px 44px;overflow:hidden}.kdb-pilot17-number{position:absolute;right:28px;top:20px;color:rgba(82,205,244,.13);font:italic 800 clamp(90px,14vw,190px)/1 var(--display,"Oswald",sans-serif)}.kdb-pilot17-hero__copy h1{position:relative;max-width:780px;margin:18px 0 18px;color:#fff;font:italic 680 clamp(46px,6vw,88px)/.9 var(--display,"Oswald",sans-serif);text-transform:uppercase}.kdb-pilot17-hero__copy>p{position:relative;max-width:700px;color:#a3bbc6;font-size:14px;line-height:1.6}.kdb-pilot17-hero dl{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:30px}.kdb-pilot17-hero dl>div{padding:12px 0;border-top:1px solid rgba(82,205,244,.16)}.kdb-pilot17-hero dd{margin-top:4px;font-size:13px}.kdb-pilot17-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:16px;margin-top:16px}.kdb-pilot17-story__text,.kdb-pilot17-story__car{padding:28px;border:1px solid rgba(82,205,244,.2);background:#061c28}.kdb-pilot17-story__text h2{margin:7px 0 18px;color:#fff;font:italic 650 34px/1 var(--display,"Oswald",sans-serif);text-transform:uppercase}.kdb-pilot17-prose,.kdb-pilot17-achievements p{color:#a6bdc7;font-size:13px;line-height:1.7}.kdb-pilot17-achievements{margin-top:24px;padding-top:18px;border-top:1px solid rgba(82,205,244,.18)}.kdb-pilot17-achievements h3{color:#52cdf4;font-size:12px;text-transform:uppercase}.kdb-pilot17-story__car img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}.kdb-pilot17-story__car>strong{display:block;margin-top:10px;color:#fff;font:italic 650 20px var(--display,"Oswald",sans-serif)}.kdb-pilot17-car-placeholder{aspect-ratio:16/10;display:grid;place-content:center;background:#03131d;text-align:center}.kdb-pilot17-car-placeholder span{color:#52cdf4;font-size:9px;letter-spacing:.15em}.kdb-pilot17-car-placeholder strong{margin-top:7px;color:#fff}.kdb-pilot-detail17 .kdb-page-shell{padding-top:0}@media(max-width:1120px){.kdb-pilots17-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.kdb-pilots17-filter{grid-template-columns:1fr}.kdb-pilots17-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kdb-pilot17-hero{grid-template-columns:1fr}.kdb-pilot17-hero__portrait{min-height:0;aspect-ratio:4/5}.kdb-pilot17-story{grid-template-columns:1fr}}@media(max-width:560px){.kdb-pilots-v17__shell{width:calc(100% - 20px);padding-top:15px}.kdb-pilots17-hero{padding:25px 20px}.kdb-pilots17-grid{grid-template-columns:1fr}.kdb-pilots17-series{overflow-x:auto}.kdb-pilot17-hero__copy{padding:30px 20px}.kdb-pilot17-hero dl{grid-template-columns:1fr}.kdb-pilot17-story__text,.kdb-pilot17-story__car{padding:20px}}

/* KDB_PILOTS_V17_1_PREMIUM_START */

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots-v17__shell {
    --pilot-accent: var(--kdb-ds-accent, #35c8f5);
    --pilot-line: var(--kdb-ds-line, rgba(55, 190, 232, .42));
    --pilot-soft-line: var(--kdb-ds-line-soft, rgba(83, 195, 236, .18));
    --pilot-display: var(--kdb-ds-display, KDBDisplay, "Arial Narrow", Arial, sans-serif);
    --pilot-body: var(--kdb-ds-body, KDBText, Inter, Arial, sans-serif);
    width: min(1540px, calc(100% - 40px));
    padding: 38px 0 82px;
    font-family: var(--pilot-body) !important;
}

body.kdb-design-system-v1.kdb-pilots-v17
:is(.kdb-pilots17-hero h1, .kdb-pilot17-card__body h2, .kdb-pilot17-card__badges strong,
    .kdb-pilot17-card__placeholder b, .kdb-pilot17-hero__copy h1, .kdb-pilot17-number,
    .kdb-pilot17-story__text h2, .kdb-pilot17-story__car > strong,
    .kdb-pilot17-car-placeholder strong, .kdb-pilots17-series a,
    .kdb-pilots17-filter button, .kdb-pilots17-pages a, .kdb-pilots17-pages span,
    .kdb-pilot17-back) {
    font-family: var(--pilot-display) !important;
}

body.kdb-design-system-v1.kdb-pilots-v17
:is(.kdb-pilots17-hero p, .kdb-pilots17-filter label, .kdb-pilots17-filter input,
    .kdb-pilot17-card__body p, .kdb-pilot17-card dt, .kdb-pilot17-card dd,
    .kdb-pilot17-hero dt, .kdb-pilot17-hero dd, .kdb-pilot17-hero__copy > p,
    .kdb-pilot17-prose, .kdb-pilot17-achievements p) {
    font-family: var(--pilot-body) !important;
}

/* Hero: тот же язык, что у главной и сетки — срез, тонкие линии, без "обычной карточки". */
body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero {
    min-height: 208px;
    padding: 42px 44px 38px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    border: 0 !important;
    background:
        linear-gradient(112deg, rgba(53, 200, 245, .14), transparent 37%),
        radial-gradient(circle at 88% 16%, rgba(75, 214, 255, .11), transparent 24rem),
        linear-gradient(145deg, rgba(7, 47, 65, .98), rgba(2, 20, 31, .995));
    clip-path: polygon(0 0, calc(100% - 56px) 0, 100% 56px, 100% 100%, 0 100%);
    box-shadow: var(--kdb-ds-shadow, 0 28px 70px rgba(0,0,0,.28));
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero::before {
    content: "DRIVERS / KOSMODRIFT";
    position: absolute;
    right: 42px;
    bottom: -17px;
    color: rgba(255, 255, 255, .025);
    font: italic 800 clamp(48px, 8vw, 118px)/.8 var(--pilot-display);
    letter-spacing: -.04em;
    white-space: nowrap;
    pointer-events: none;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    border: 1px solid rgba(67, 202, 246, .44);
    background:
        linear-gradient(90deg, var(--pilot-accent), transparent 15%) top left / 42% 3px no-repeat,
        repeating-linear-gradient(116deg, transparent 0 31px, rgba(75, 213, 255, .045) 32px 34px);
    clip-path: inherit;
    pointer-events: none;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero > span {
    position: relative;
    z-index: 2;
    color: var(--pilot-accent);
    font: 850 10px/1 var(--pilot-body) !important;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero h1 {
    position: relative;
    z-index: 2;
    margin: 9px 0 11px;
    font-size: clamp(54px, 7vw, 102px) !important;
    font-style: italic;
    font-weight: 660 !important;
    line-height: .86 !important;
    letter-spacing: -.025em;
    text-transform: uppercase;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero p {
    position: relative;
    z-index: 2;
    max-width: 760px;
    color: var(--kdb-ds-muted, #91a9b7) !important;
    font-size: 13px !important;
}

/* Панель фильтра. */
body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-filter {
    margin: 18px 0 22px;
    padding: 15px 16px;
    border: 1px solid var(--pilot-soft-line) !important;
    border-left: 3px solid rgba(53, 200, 245, .72) !important;
    background:
        linear-gradient(115deg, rgba(53, 200, 245, .055), transparent 34%),
        rgba(3, 23, 35, .94) !important;
    box-shadow: 0 15px 36px rgba(0, 8, 14, .16);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-series {
    gap: 8px;
}

body.kdb-design-system-v1.kdb-pilots-v17
:is(.kdb-pilots17-series a, .kdb-pilots17-filter button, .kdb-pilots17-pages a, .kdb-pilot17-back) {
    min-height: 44px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0 !important;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    color: #9be8ff !important;
    background: linear-gradient(180deg, rgba(9, 48, 64, .96), rgba(3, 27, 40, .98)) !important;
    box-shadow: inset 0 0 0 1px rgba(80, 201, 240, .30);
    font-size: 12px !important;
    font-weight: 620 !important;
    line-height: 1 !important;
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: transform .16s ease, filter .16s ease, color .16s ease;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-series a.is-active,
body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-filter button {
    color: #03131d !important;
    background: linear-gradient(104deg, #2fbce9, #78e0ff) !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.32),
        0 9px 22px rgba(29, 175, 222, .16);
    font-weight: 700 !important;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-filter button::after {
    content: "›";
    font-size: 24px;
    font-weight: 400;
    line-height: 0;
    transform: translateY(-1px);
}

body.kdb-design-system-v1.kdb-pilots-v17
:is(.kdb-pilots17-series a, .kdb-pilots17-filter button, .kdb-pilots17-pages a, .kdb-pilot17-back):hover {
    filter: brightness(1.1) saturate(1.05);
    transform: translateY(-2px);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-filter label span {
    color: #7399aa !important;
    font: 800 9px/1 var(--pilot-body) !important;
    letter-spacing: .12em;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-filter input {
    height: 44px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(87, 193, 231, .28) !important;
    background: rgba(1, 14, 23, .9) !important;
    font-size: 12px !important;
}

/* Series filters use the same compact tab language as the public media and
   standings pages; only the submit action remains a skewed primary button. */
body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-series a {
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid rgba(73, 210, 255, .26) !important;
    clip-path: none !important;
    color: #86a7b5 !important;
    background: transparent !important;
    box-shadow: none !important;
    font: 600 11px/1 Oswald, var(--pilot-display), sans-serif !important;
    letter-spacing: .08em;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-series a.is-active {
    color: #00131c !important;
    background: #42d7ff !important;
    border-color: #42d7ff !important;
}

/* Сетка: чуть больше воздуха и премиальная геометрия. */
body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 100%;
    border: 0 !important;
    background:
        linear-gradient(180deg, rgba(7, 39, 54, .98), rgba(3, 22, 33, .995)) !important;
    clip-path: polygon(0 0, calc(100% - 27px) 0, 100% 27px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
    box-shadow:
        inset 0 0 0 1px rgba(76, 196, 235, .22),
        0 20px 50px rgba(0, 5, 10, .18);
    transform: translateZ(0);
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 7;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pilot-accent), transparent 46%) top left / 66% 2px no-repeat,
        linear-gradient(180deg, transparent 74%, rgba(53, 200, 245, .06));
    box-shadow: inset 0 0 0 1px rgba(91, 202, 239, .18);
    clip-path: inherit;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card::after {
    content: "DRIVER";
    position: absolute;
    right: -2px;
    top: 42%;
    z-index: 2;
    color: rgba(85, 213, 252, .05);
    font: italic 800 44px/1 var(--pilot-display);
    letter-spacing: -.035em;
    transform: rotate(-90deg) translateX(52%);
    transform-origin: right top;
    pointer-events: none;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card:hover {
    transform: translateY(-6px);
    filter: brightness(1.045);
    box-shadow:
        inset 0 0 0 1px rgba(89, 210, 249, .48),
        0 26px 60px rgba(0, 7, 13, .32),
        0 0 30px rgba(44, 191, 237, .08);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__portrait {
    aspect-ratio: 4 / 4.75;
    border-bottom: 1px solid rgba(70, 192, 232, .18);
    background: #020f18;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__portrait::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 52%, rgba(2, 16, 25, .14) 68%, rgba(2, 16, 25, .92) 100%),
        linear-gradient(112deg, rgba(53,200,245,.08), transparent 33%);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__portrait > img {
    transition: transform .45s cubic-bezier(.2,.75,.2,1), filter .28s ease;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card:hover .kdb-pilot17-card__portrait > img {
    transform: scale(1.035);
    filter: contrast(1.035) saturate(1.04);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__badges {
    z-index: 3;
    left: 14px;
    right: 14px;
    bottom: 13px;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__badges span {
    padding: 7px 12px;
    border: 0;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #03131d;
    background: linear-gradient(104deg, #2fbce9, #79e0ff);
    font: 850 10px/1 var(--pilot-body) !important;
    letter-spacing: .07em;
    text-transform: uppercase;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__badges strong {
    min-width: 60px;
    padding: 7px 10px 6px;
    border: 1px solid rgba(223, 247, 255, .28) !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #fff;
    background: rgba(2, 13, 21, .87);
    font-size: 24px !important;
    font-style: italic;
    font-weight: 680 !important;
    text-align: center;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__body {
    position: relative;
    z-index: 3;
    padding: 19px 18px 16px;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__body small {
    display: block;
    color: var(--pilot-accent) !important;
    font: 850 9px/1.15 var(--pilot-body) !important;
    letter-spacing: .135em;
    text-transform: uppercase;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__body h2 {
    min-height: 50px;
    margin: 8px 0 9px;
    color: #f6fbfd !important;
    font-size: clamp(24px, 1.8vw, 31px) !important;
    font-style: italic;
    font-weight: 640 !important;
    line-height: .94 !important;
    letter-spacing: -.012em;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__body p {
    min-height: 50px;
    color: #91a9b7 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card dl {
    margin-top: 14px;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card dl > div {
    grid-template-columns: 88px minmax(0, 1fr);
    padding: 7px 0;
    border-color: rgba(76, 193, 232, .13);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card dt {
    color: #6f91a1 !important;
    font-size: 8px !important;
    font-weight: 750;
    letter-spacing: .065em;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card dd {
    color: #dceef5 !important;
    font-size: 10px !important;
    font-weight: 650;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__car {
    height: 104px;
    border-top: 1px solid rgba(73, 193, 233, .14);
    background: #020f18;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__car::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(2,15,24,.86), transparent 55%);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__car img {
    opacity: .82;
    filter: saturate(.92) contrast(1.03);
    transition: transform .35s ease, opacity .25s ease;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card:hover .kdb-pilot17-card__car img {
    opacity: .94;
    transform: scale(1.025);
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__car > b {
    left: 14px;
    bottom: 12px;
    z-index: 2;
    padding: 7px 11px;
    clip-path: polygon(7px 0, 100% 0, calc(100% - 7px) 100%, 0 100%);
    color: #a8ecff !important;
    background: rgba(2, 17, 26, .9) !important;
    box-shadow: inset 0 0 0 1px rgba(78, 197, 236, .28);
    font: 650 10px/1 var(--pilot-display) !important;
    letter-spacing: .035em;
    text-transform: uppercase;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-empty {
    padding: 58px 30px;
    border: 1px dashed rgba(72, 196, 237, .34) !important;
    background: linear-gradient(135deg, rgba(7,43,59,.72), rgba(3,20,30,.9));
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-pages {
    gap: 10px;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-pages span {
    min-height: 44px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    border: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #8ba9b7 !important;
    background: rgba(4, 27, 40, .82) !important;
    box-shadow: inset 0 0 0 1px rgba(71, 191, 230, .2);
    font-size: 11px !important;
}

/* Персональная страница пилота. */
body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-back {
    margin: 0 0 17px;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-back::after {
    content: "›";
    font-size: 22px;
    line-height: 0;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero {
    position: relative;
    overflow: hidden;
    min-height: 610px;
    border: 0 !important;
    background:
        radial-gradient(circle at 88% 13%, rgba(53, 200, 245, .12), transparent 27rem),
        linear-gradient(135deg, rgba(7, 44, 60, .98), rgba(2, 19, 29, .995));
    clip-path: polygon(0 0, calc(100% - 44px) 0, 100% 44px, 100% 100%, 0 100%);
    box-shadow:
        inset 0 0 0 1px rgba(77, 198, 237, .28),
        var(--kdb-ds-shadow, 0 28px 70px rgba(0,0,0,.28));
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, var(--pilot-accent), transparent 25%) top / 58% 3px no-repeat;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__portrait {
    position: relative;
    min-height: 610px;
    border-right: 1px solid rgba(73, 194, 235, .22);
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__portrait::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 60%, rgba(2, 15, 24, .54)),
        linear-gradient(90deg, transparent 82%, rgba(53, 200, 245, .13));
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__copy {
    padding: 55px 52px 48px;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__copy > span {
    position: relative;
    z-index: 2;
    color: var(--pilot-accent) !important;
    font: 850 10px/1 var(--pilot-body) !important;
    letter-spacing: .16em;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-number {
    right: 24px;
    top: 15px;
    color: rgba(72, 204, 247, .09) !important;
    font-size: clamp(112px, 15vw, 218px) !important;
    font-weight: 700 !important;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__copy h1 {
    margin: 27px 0 20px;
    font-size: clamp(52px, 6vw, 94px) !important;
    font-weight: 640 !important;
    letter-spacing: -.025em;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__copy > p {
    max-width: 720px;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero dl {
    gap: 0 24px;
    margin-top: 36px;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero dl > div {
    padding: 14px 0 13px;
    border-top-color: rgba(76, 196, 235, .17);
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero dt {
    color: #718f9f !important;
    font-size: 9px !important;
    font-weight: 800;
    letter-spacing: .09em;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero dd {
    color: #e5f3f8 !important;
    font-size: 14px !important;
    font-weight: 650;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-story {
    gap: 18px;
    margin-top: 18px;
}

body.kdb-design-system-v1.kdb-pilot-detail17
:is(.kdb-pilot17-story__text, .kdb-pilot17-story__car) {
    position: relative;
    overflow: hidden;
    padding: 32px;
    border: 0 !important;
    background: linear-gradient(145deg, rgba(6, 39, 53, .96), rgba(2, 20, 31, .98));
    clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
    box-shadow: inset 0 0 0 1px rgba(75, 195, 234, .20);
}

body.kdb-design-system-v1.kdb-pilot-detail17
:is(.kdb-pilot17-story__text, .kdb-pilot17-story__car)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 42%;
    height: 2px;
    background: linear-gradient(90deg, var(--pilot-accent), transparent);
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-story__text > span {
    color: var(--pilot-accent) !important;
    font: 850 10px/1 var(--pilot-body) !important;
    letter-spacing: .16em;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-story__text h2 {
    margin: 10px 0 21px;
    font-size: 38px !important;
    font-weight: 630 !important;
}

body.kdb-design-system-v1.kdb-pilot-detail17
:is(.kdb-pilot17-prose, .kdb-pilot17-achievements p) {
    color: #a5bcc7 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-achievements h3 {
    font: 650 14px/1 var(--pilot-display) !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-story__car img,
body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-car-placeholder {
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 0 100%);
}

@media (max-width: 1180px) {
    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots-v17__shell {
        width: min(100% - 28px, 760px);
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-filter {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero {
        grid-template-columns: 1fr;
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__portrait {
        min-height: 0;
        aspect-ratio: 4 / 4.6;
        border-right: 0;
        border-bottom: 1px solid rgba(73, 194, 235, .18);
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-story {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 590px) {
    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots-v17__shell {
        width: calc(100% - 20px);
        padding: 16px 0 58px;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero {
        min-height: 175px;
        padding: 30px 22px 26px;
        clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100%);
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero::before {
        right: 18px;
        font-size: 54px;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-series {
        padding-bottom: 3px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-series::-webkit-scrollbar {
        display: none;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-series a {
        flex: 0 0 auto;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilot17-card__portrait {
        aspect-ratio: 4 / 4.45;
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero {
        min-height: 0;
        clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__copy {
        padding: 33px 22px 30px;
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero__copy h1 {
        margin-top: 23px;
        font-size: clamp(44px, 14vw, 66px) !important;
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-number {
        right: 10px;
        top: 14px;
        font-size: 112px !important;
    }

    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-pilot17-hero dl {
        grid-template-columns: 1fr;
    }

    body.kdb-design-system-v1.kdb-pilot-detail17
    :is(.kdb-pilot17-story__text, .kdb-pilot17-story__car) {
        padding: 23px;
    }
}

/* KDB_PILOTS_V17_1_PREMIUM_END */

/* KDB_PILOTS_V17_2_COMPACT_FIRST_VIEW */
body.kdb-design-system-v1.kdb-pilots-v17 .kdb-page-shell,
body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-page-shell {
    padding-top: 20px;
}

/* KDB_PILOTS_V17_3_RACECONTROL_HERO_ONLY */
body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero {
    min-height: 186px;
    display: flex;
    justify-content: center;
    padding: 28px 40px 25px;
    border: 1px solid rgba(82,205,244,.32) !important;
    border-left: 3px solid #52cdf4 !important;
    border-radius: 0;
    clip-path: none;
    background: linear-gradient(112deg,rgba(53,200,245,.12),transparent 42%),linear-gradient(145deg,rgba(7,43,59,.98),rgba(3,20,30,.995)) !important;
    box-shadow: none;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero::before {
    content: "PILOTS";
    right: 5%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%) skewX(-10deg);
    color: rgba(82,205,244,.075);
    font: italic 800 clamp(76px,10vw,150px)/.8 var(--pilot-display);
    letter-spacing: -.05em;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero::after {
    inset: 0;
    width: auto;
    height: auto;
    border: 0;
    clip-path: none;
    background: none !important;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero > span {
    margin: 0 0 11px;
    font: italic 700 15px/1 KDBText,GolosText,sans-serif !important;
    letter-spacing: .08em;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero h1 {
    margin: 0;
    color: #edf5f8 !important;
    font: italic 900 clamp(48px,5vw,70px)/.92 KDBDisplay,Oswald,sans-serif !important;
    letter-spacing: .01em;
}

body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero p {
    margin: 14px 0 0;
    color: #edf5f8 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

@media (max-width: 590px) {
    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero {
        min-height: 145px;
        padding: 23px 18px 20px;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero::before {
        right: -5%;
        font-size: 76px;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero > span {
        font-size: 12px !important;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero h1 {
        font-size: 42px !important;
    }

    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-pilots17-hero p {
        font-size: 13px !important;
    }
}

@media (max-width: 590px) {
    body.kdb-design-system-v1.kdb-pilots-v17 .kdb-page-shell,
    body.kdb-design-system-v1.kdb-pilot-detail17 .kdb-page-shell {
        padding-top: 12px;
    }

}