.cst-art {

    --cst-art-primary: #06466a;

    --cst-art-text: #2d2d2d;

    --cst-art-muted: #6d6d6d;

    --cst-art-main-bg: #d9d9d9;

    --cst-art-method-bg: #06466a;

    --cst-art-cta-bg: #d9d9d9;

    color: var(--cst-art-text);

    font-family: inherit;

    background: #fff;

}



.cst-art *,

.cst-art *::before,

.cst-art *::after {

    box-sizing: border-box;

}



.cst-art a {

    color: inherit;

    text-decoration: none;

}



.cst-art__container {

    width: calc(100% - 128px);

    max-width: 1180px;

    margin: 0 auto;

}



.cst-art__brand {

    display: inline-flex;

    align-items: center;

    line-height: 1;

}



.cst-art__brand-img {

    display: block;

    width: auto;

    max-width: 56px;

    height: 20px;

    object-fit: contain;

}



.cst-art__brand-text {

    color: var(--cst-art-primary);

    font-size: 20px;

    font-style: italic;

    font-weight: 600;

    letter-spacing: -0.08em;

}



.cst-art__brand--hero .cst-art__brand-img,

.cst-art__brand--method .cst-art__brand-img {

    filter: brightness(0) invert(1);

}



.cst-art__brand--hero .cst-art__brand-text,

.cst-art__brand--method .cst-art__brand-text {

    color: #fff;

}



.cst-art__hero {

    position: relative;

    min-height: 490px;

    display: flex;

    align-items: flex-end;

    background-size: cover;

    background-position: center center;

    color: #fff;

    overflow: hidden;

}



.cst-art__hero::before {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(90deg, rgba(4, 54, 80, .78) 0%, rgba(4, 54, 80, .58) 42%, rgba(4, 54, 80, .36) 100%);

    z-index: 0;

}



.cst-art__hero-inner {

    position: relative;

    z-index: 1;

    padding: 0 0 78px;

}



.cst-art__brand--hero {

    margin-bottom: 16px;

}



.cst-art__breadcrumb,

.cst-art__eyebrow,

.cst-art__method-eyebrow {

    font-size: 12px;

    line-height: 1.2;

    letter-spacing: 0.24em;

    text-transform: uppercase;

    font-weight: 500;

}



.cst-art__breadcrumb {

    margin-bottom: 28px;

    color: #fff;

}



.cst-art__hero-title {

    max-width: 1040px;

    margin: 0;

    font-size: clamp(32px, 3.5vw, 48px);

    line-height: 1.06;

    letter-spacing: -0.055em;

    font-weight: 650;

}



.cst-art__hero-excerpt {

    max-width: 980px;

    margin: 26px 0 0;

    font-size: clamp(17px, 1.35vw, 22px);

    line-height: 1.32;

    font-weight: 400;

}



.cst-art__main {

    background: var(--cst-art-main-bg);

    padding: 66px 0 72px;

}



.cst-art__main .cst-art__container {

    max-width: 1080px;

}



.cst-art__blocks {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 94px;

    row-gap: 86px;

}



.cst-art__block--full {

    grid-column: 1 / -1;

}



.cst-art__block-head {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    margin-bottom: 26px;

}



.cst-art__block--full .cst-art__block-head {

    margin-bottom: 40px;

}



.cst-art__block-number {

    display: inline-block;

    min-width: 54px;

    color: var(--cst-art-primary);

    font-size: clamp(58px, 5.2vw, 76px);

    line-height: 0.78;

    letter-spacing: -0.08em;

    font-weight: 760;

}



.cst-art__block-title {

    max-width: 520px;

    margin: 0;

    padding-top: 5px;

    font-size: clamp(24px, 2vw, 32px);

    line-height: 1.05;

    letter-spacing: -0.055em;

    font-weight: 650;

}



.cst-art__block-body--two {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 92px;

    align-items: start;

}



.cst-art__content {

    font-size: 13px;

    line-height: 1.42;

    color: var(--cst-art-text);

}



.cst-art__content p {

    margin: 0 0 16px;

}



.cst-art__content p:last-child {

    margin-bottom: 0;

}



.cst-art__content ul,

.cst-art__content ol {

    margin: 10px 0 17px;

    padding-left: 17px;

}



.cst-art__content li {

    margin: 0 0 5px;

}



.cst-art__content strong {

    font-weight: 700;

}



.cst-art__content em {

    font-style: italic;

}



.cst-art__post-content {

    max-width: 1050px;

    column-count: 2;

    column-gap: 86px;

}



.cst-art__post-content h2,

.cst-art__post-content h3 {

    break-after: avoid;

    margin: 0 0 18px;

    color: var(--cst-art-text);

    font-size: clamp(26px, 2.3vw, 36px);

    line-height: 1;

    letter-spacing: -0.055em;

    font-weight: 650;

}



.cst-art__post-content h2:not(:first-child),

.cst-art__post-content h3:not(:first-child) {

    margin-top: 38px;

}



.cst-art__download {

    max-width: 930px;

    margin-top: 52px;

    font-size: 13px;

    line-height: 1.45;

    color: var(--cst-art-primary);

    font-style: italic;

}



.cst-art__download--align-left {

    text-align: left;

}



.cst-art__download--align-center {

    text-align: center;

}



.cst-art__download--align-right {

    text-align: right;

}



.cst-art__download p {

    margin: 0 0 24px;

}



.cst-art__button {

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    width: auto !important;

    max-width: 100%;

    min-height: 32px;

    padding: 0 18px;

    border: 0;

    border-radius: 0;

    background: var(--cst-art-primary);

    color: #fff !important;

    font-size: 12px;

    line-height: 1.1;

    font-style: normal;

    font-weight: 600;

    white-space: nowrap;

    gap: 8px;

    transition: opacity .2s ease, transform .2s ease;

}



.cst-art__button:hover {

    opacity: .88;

}



.cst-art__button--download {

    min-width: 0;

    height: 32px;

}



.cst-art__button-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    width: 16px;

    height: 16px;

    border: 0;

    line-height: 1;

}



.cst-art__button-icon svg {

    display: block;

    width: 16px;

    height: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

}



.cst-art__button-label {

    display: inline-block;

}



.cst-art__attention {

    position: relative;

    padding: 78px 0 0;

    background: #fff;

}



.cst-art__attention .cst-art__container {

    max-width: 1120px;

}



.cst-art__attention-grid {

    display: grid;

    grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr);

    gap: 76px;

    align-items: start;

}



.cst-art__attention-text {

    padding-bottom: 42px;

}



.cst-art__brand--section,

.cst-art__brand--related,

.cst-art__brand--cta {

    margin-bottom: 16px;

}



.cst-art__eyebrow {

    margin-bottom: 34px;

    color: var(--cst-art-muted);

}



.cst-art__panel-title {

    max-width: 680px;

    margin: 0 0 34px;

    font-size: clamp(28px, 2.2vw, 38px);

    line-height: 1.04;

    letter-spacing: -0.055em;

    font-weight: 650;

}



.cst-art__panel-text {

    max-width: 640px;

    font-size: 16px;

    line-height: 1.32;

}



.cst-art__panel-text p {

    margin: 0 0 21px;

}



.cst-art__panel-text ul {

    margin: 14px 0 22px;

    padding-left: 20px;

}



.cst-art__panel-text li {

    margin-bottom: 3px;

}



.cst-art__attention-image,

.cst-art__method-image,

.cst-art__related-image {

    margin: 0;

    overflow: hidden;

}



.cst-art__attention-image img,

.cst-art__method-image img,

.cst-art__related-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.cst-art__attention-image {

    aspect-ratio: 1.28 / 1;

    min-height: 360px;

    margin-top: 16px;

}



.cst-art__method {

    position: relative;

    padding: 0;

    background: var(--cst-art-method-bg);

    overflow: hidden;

}



.cst-art__method .cst-art__container {

    width: calc(100% - 48px);

    max-width: 1516px;

}



.cst-art__method-grid {

    display: grid;

    grid-template-columns: 600px minmax(0, 1fr);

    align-items: center;

    gap: 0;

    min-height: 538px;

}



.cst-art__method-image {

    width: 600px;

    max-width: 600px;

    min-height: 600px;

    height: 600px;

    position: relative;

    z-index: 2;

}



.cst-art__method-card {

    min-height: 538px;

    margin-top: 0;

    background: var(--cst-art-method-bg);

    color: #fff;

    padding: 58px 80px 58px 78px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.cst-art__brand--method {

    margin-bottom: 22px;

}



.cst-art__method-eyebrow {

    margin-bottom: 28px;

    color: rgba(255, 255, 255, 0.82);

}



.cst-art__panel-title--method {

    max-width: 610px;

    margin-bottom: 30px;

    color: #fff;

    font-size: clamp(29px, 2.45vw, 42px);

    line-height: 1.07;

    letter-spacing: -0.055em;

}



.cst-art__panel-text--method {

    max-width: 620px;

    color: #fff;

    font-size: 17px;

    line-height: 1.29;

}



.cst-art__method-link {

    display: inline-flex;

    gap: 22px;

    align-items: center;

    margin-top: 30px;

    color: #fff !important;

    font-size: clamp(22px, 2vw, 30px);

    line-height: 1.1;

    font-weight: 650;

    text-decoration: none !important;

}



.cst-art__method-link-icon {

    display: inline-block;

    width: 90px;

    max-width: 90px;

    height: auto;

    flex: 0 0 auto;

    object-fit: contain;

}



.cst-art__method-link-fallback {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 62px;

    height: 18px;

    overflow: hidden;

    text-indent: -999px;

}



.cst-art__method-link-fallback::before,

.cst-art__method-link-fallback::after {

    content: "";

    position: absolute;

    background: currentColor;

}



.cst-art__method-link-fallback::before {

    width: 54px;

    height: 2px;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.cst-art__method-link-fallback::after {

    width: 14px;

    height: 14px;

    right: 0;

    top: 50%;

    border-top: 2px solid currentColor;

    border-right: 2px solid currentColor;

    background: transparent;

    transform: translateY(-50%) rotate(45deg);

}



.cst-art__cta {

    background: var(--cst-art-cta-bg);

    padding: 62px 0 66px;

    text-align: center;

}



.cst-art__cta-inner {

    max-width: 940px;

}



.cst-art__brand--cta {

    justify-content: center;

}



.cst-art__eyebrow--center {

    text-align: center;

    margin-bottom: 24px;

}



.cst-art__cta-title {

    max-width: 760px;

    margin: 0 auto 22px;

    font-size: clamp(30px, 3.1vw, 43px);

    line-height: 1.02;

    letter-spacing: -0.055em;

    font-weight: 650;

}



.cst-art__cta-text {

    max-width: 820px;

    margin: 0 auto 28px;

    font-size: 14px;

    line-height: 1.42;

}



.cst-art__related {

    padding: 76px 0 90px;

    background: #fff;

}



.cst-art__related .cst-art__container {

    max-width: 1120px;

}



.cst-art__related-title {

    margin: 0 0 32px;

    font-size: clamp(28px, 2.6vw, 38px);

    line-height: 1;

    letter-spacing: -0.055em;

    font-weight: 650;

}



.cst-art__related-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 46px;

}



.cst-art__related-image {

    display: block;

    aspect-ratio: 1.56 / 1;

    margin-bottom: 30px;

    background: #e9e9e9;

}



.cst-art__related-date {

    display: block;

    margin-bottom: 18px;

    color: var(--cst-art-muted);

    font-size: 11px;

    line-height: 1.2;

}



.cst-art__related-card-title {

    min-height: 42px;

    margin: 0 0 28px;

    font-size: 14px;

    line-height: 1.25;

    font-weight: 650;

}



.cst-art__related-read {

    font-size: 13px;

}



.cst-art__all-resources {

    margin-top: 44px;

    text-align: right;

}



.cst-art__all-resources-link {

    font-size: 14px;

    font-weight: 600;

}



.cst-art--empty {

    padding: 30px;

}



@media (max-width: 1024px) {

    .cst-art__container,

    .cst-art__main .cst-art__container,

    .cst-art__attention .cst-art__container,

    .cst-art__method .cst-art__container,

    .cst-art__related .cst-art__container {

        width: calc(100% - 56px);

        max-width: 100%;

    }



    .cst-art__blocks,

    .cst-art__attention-grid,

    .cst-art__method-grid,

    .cst-art__related-grid,

    .cst-art__block-body--two {

        grid-template-columns: 1fr;

    }



    .cst-art__block--full {

        grid-column: auto;

    }



    .cst-art__post-content {

        column-count: 1;

    }



    .cst-art__attention-image {

        margin-top: 0;

    }



    .cst-art__method {

        background: var(--cst-art-method-bg);

        overflow: visible;

    }



    .cst-art__method-grid {

        grid-template-columns: 1fr !important;

        min-height: auto;

    }



    .cst-art__method-card {

        min-height: 0;

        margin-top: 0;

        padding-left: 48px;

    }



    .cst-art__method-image {

        width: 100%;

        max-width: 100%;

        min-height: 340px;

        height: 340px;

    }

}



@media (max-width: 767px) {

    .cst-art__container,

    .cst-art__main .cst-art__container,

    .cst-art__attention .cst-art__container,

    .cst-art__method .cst-art__container,

    .cst-art__related .cst-art__container {

        width: calc(100% - 32px);

    }



    .cst-art__hero {

        min-height: 430px;

    }



    .cst-art__hero-inner {

        padding: 0 0 48px;

    }



    .cst-art__breadcrumb {

        margin-bottom: 18px;

        font-size: 10px;

        letter-spacing: 0.17em;

    }



    .cst-art__main {

        padding: 42px 0 50px;

    }



    .cst-art__blocks {

        row-gap: 46px;

    }



    .cst-art__block-head {

        gap: 12px;

        margin-bottom: 20px;

    }



    .cst-art__block-number {

        min-width: 40px;

        font-size: 56px;

    }



    .cst-art__block-title {

        padding-top: 3px;

    }



    .cst-art__attention {

        padding-top: 48px;

    }



    .cst-art__panel-text,

    .cst-art__panel-text--method {

        font-size: 15px;

    }



    .cst-art__method-card {

        padding: 38px 26px 42px;

    }



    .cst-art__method-image {

        min-height: 300px;

        height: 300px;

    }



    .cst-art__method-link-icon,

    .cst-art__method-link-fallback {

        width: 48px;

    }



    .cst-art__method-link-fallback::before {

        width: 40px;

    }



    .cst-art__button {

        white-space: normal;

        height: auto;

        min-height: 32px;

        padding-top: 8px;

        padding-bottom: 8px;

    }



    .cst-art__cta {

        padding: 46px 0 48px;

    }



    .cst-art__related {

        padding-top: 50px;

    }



    .cst-art__related-image {

        margin-bottom: 18px;

    }



    .cst-art__all-resources {

        text-align: left;

    }

}



.cst-art__cta-text p {

    margin: 0 0 12px;

}



.cst-art__cta-text p:last-child {

    margin-bottom: 0;

}



.cst-art__cta-text strong,

.cst-art__cta-text b {

    font-weight: 700;

}



.cst-art__cta-text a {

    color: var(--cst-art-primary);

    text-decoration: underline;

    text-underline-offset: 3px;

}



.cst-art__brand--cta .cst-art__brand-img {

    width: 39px;

    max-width: 39px;

    height: auto;

}