@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;1,400;0,700;1,700&display=swap";

html {
    scroll-behavior: auto
}

body {
    margin: 0;
    min-height: 100dvh;
    overflow-x: hidden;
    word-break: break-word;
    overflow-wrap: anywhere;
    font-family: 'Nunito', sans-serif
}

:focus-visible {
    outline: 2px solid #93776E;
    outline-offset: 3px;
    transition: outline-offset .2s ease-out
}

.pub__bar {
    background: #131210;
    padding: 8px 24px
}

.pub__bar-inner {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.pub__contact-link {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #93776E;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color .2s ease-out
}

.pub__contact-link:hover {
    color: #FFF
}

.pub__contact-link svg {
    flex-shrink: 0
}

.pub__trust {
    display: flex;
    align-items: center;
    gap: 8px
}

.pub__trust-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #93776e26;
    border: 1px solid #93776e4d;
    border-radius: 4px;
    padding: 4px 16px
}

.pub__trust-stars {
    display: flex;
    gap: 2px
}

.pub__trust-star {
    width: 12px;
    height: 12px;
    fill: #93776E
}

.pub__trust-label {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #FFF;
    line-height: 1.2;
    letter-spacing: -.01em
}

.masthead {
    background: #FFF;
    border-bottom: 1px solid #1312101a;
    box-shadow: -1px 4px 25px -1px #13121017;
    position: relative
}

.masthead__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 24px 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0
}

.masthead__identity {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-bottom: 24px
}

.masthead__brand {
    display: flex;
    align-items: center;
    gap: 16px
}

.masthead__logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: #FFF;
    border-radius: 7px;
    border: 1px solid #1312101f;
    box-shadow: -1px 1px 3px -1px #1312100d 0 2px 6px #93776e1f;
    width: 60px;
    height: 60px;
    flex-shrink: 0
}

.masthead__logo-wrap img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block
}

.masthead__wordmark {
    font-family: 'Nunito', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #131210;
    line-height: 1.2;
    letter-spacing: -.02em
}

.masthead__wordmark span {
    color: #93776E
}

.masthead__descriptor {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #93776E;
    line-height: 1.5;
    font-style: italic;
    text-align: center
}

.masthead__rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #93776E, #93776e33);
    border-radius: 4px;
    margin: 0 auto
}

.masthead__nav {
    width: 100%;
    border-top: 1px solid #13121014
}

.masthead__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0
}

.masthead__nav-item {
    position: relative
}

.masthead__nav-link {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #131210;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    line-height: 1.2;
    letter-spacing: -.01em;
    transition: color .22s ease-out, background-color .18s ease-out;
    white-space: nowrap;
    border-bottom: 2px solid transparent
}

.masthead__nav-link:hover {
    color: #93776E;
    background: #93776e0d;
    border-bottom-color: #93776E
}

.masthead__nav-link--active {
    color: #93776E;
    border-bottom-color: #93776E
}

.ground {
    background: #131210;
    position: relative;
    overflow: hidden
}

.ground::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#93776e0a 1px, transparent 1px), linear-gradient(90deg, #93776e0a 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none
}

.ground__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 80px 24px 40px;
    position: relative;
    z-index: 1
}

.ground__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 80px
}

.ground__col--brand {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.ground__col--links {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ground__col--contact {
    grid-column: span 1
}

.ground__logo-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 8px;
    background: #ffffff0f;
    border-radius: 7px;
    border: 1px solid #ffffff1a;
    box-shadow: -1px 1px 3px -1px #93776e0d;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    margin-left: auto
}

.ground__logo-wrap img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block
}

.ground__about {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #ffffff8c;
    line-height: 1.7
}

.ground__col-label {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #93776E;
    line-height: 1.2;
    letter-spacing: -.01em;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 16px
}

.ground__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ground__nav-link {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #ffffffa6;
    text-decoration: none;
    line-height: 1.5;
    transition: color .25s ease-out;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.ground__nav-link:hover {
    color: #FFF
}

.ground__nav-link svg {
    opacity: .5;
    flex-shrink: 0
}

.ground__contact-card {
    background: #93776e14;
    border: 1px solid #93776e33;
    border-radius: 7px;
    padding: 24px;
    box-shadow: inset 0 1px 0 #ffffff0a;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ground__contact-label {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #93776E;
    line-height: 1.2;
    text-transform: uppercase
}

.ground__contact-row {
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.ground__contact-row svg {
    flex-shrink: 0;
    margin-top: 2px
}

.ground__contact-detail {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #ffffffbf;
    line-height: 1.5
}

.ground__contact-link {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #ffffffbf;
    text-decoration: none;
    line-height: 1.5;
    transition: color .2s ease-out
}

.ground__contact-link:hover {
    color: #FFF
}

.ground__divider {
    height: 1px;
    background: #93776e26;
    margin: 0
}

.ground__base {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px
}

.ground__copy {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #ffffff59;
    line-height: 1.5
}

.ground__legal-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.ground__legal-link {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #fff6;
    text-decoration: none;
    line-height: 1.5;
    transition: color .28s ease-out
}

.ground__legal-link:hover {
    color: #93776ee6
}

.consent-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1500;
    display: none;
    background: #FFF;
    box-shadow: -1px 8px 60px -1px #13121021;
    border-bottom: 1px solid #1312101a
}

.consent-bar__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap
}

.consent-bar__icon {
    flex-shrink: 0
}

.consent-bar__text {
    flex: 1;
    min-width: 200px
}

.consent-bar__choice {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #131210;
    line-height: 1.2;
    margin-bottom: 8px
}

.consent-bar__context {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #93776E;
    line-height: 1.5
}

.consent-bar__context a {
    color: #131210;
    text-decoration: underline;
    transition: color .2s ease-out
}

.consent-bar__context a:hover {
    color: #93776E
}

.consent-bar__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap
}

.consent-bar__btn {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 4px;
    padding: 8px 24px;
    cursor: pointer;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .22s ease-out, color .22s ease-out, border-color .22s ease-out
}

.consent-bar__btn--accept {
    background: transparent;
    color: #131210;
    border: 2px solid #131210
}

.consent-bar__btn--accept:hover {
    background: #131210;
    color: #FFF
}

.consent-bar__btn--decline {
    background: transparent;
    color: #93776E;
    border: 2px solid #93776e66
}

.consent-bar__btn--decline:hover {
    background: #93776e1a;
    border-color: #93776E;
    color: #131210
}

@media (max-width: 900px) {
    .ground__grid {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .ground__col--brand {
        grid-column: span 1
    }

    .ground__logo-wrap {
        margin-left: 0
    }

    .ground__base {
        flex-direction: column;
        align-items: flex-start
    }

    .masthead__nav-link {
        padding: 16px
    }
}

@media (max-width: 600px) {
    .pub__bar-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    .masthead__wordmark {
        font-size: 32px
    }

    .ground__inner {
        padding: 40px 16px 24px
    }
}

.policy-body {
    max-width: 1600px;
    margin: 0 auto;
    padding: 80px 40px;
    color: #131210;
    background: #FFF
}

.policy-body h1 {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #131210;
    margin-bottom: 40px;
    margin-top: 0;
    padding-bottom: 24px;
    border-bottom: 2px solid #93776E
}

.policy-body h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #131210;
    margin-top: 80px;
    margin-bottom: 24px;
    padding-left: 16px;
    border-left: 4px solid #93776E;
    border-bottom: 1px solid #93776e33;
    padding-bottom: 16px
}

.policy-body h3 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: #131210;
    margin-top: 40px;
    margin-bottom: 16px
}

.policy-body h4 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -.01em;
    color: #131210;
    margin-top: 40px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: .06em
}

.policy-body h5 {
    font-size: 18px;
    line-height: 1.5;
    color: #93776E;
    margin-top: 24px;
    margin-bottom: 8px
}

.policy-body h6 {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    margin-top: 24px;
    margin-bottom: 8px;
    font-weight: 600
}

.policy-body p {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin-top: 0;
    margin-bottom: 24px;
    max-width: 74ch
}

.policy-body ul {
    margin-top: 0;
    margin-bottom: 24px;
    padding-left: 0;
    list-style: none
}

.policy-body ol {
    margin-top: 0;
    margin-bottom: 24px;
    padding-left: 24px;
    list-style: decimal
}

.policy-body ul li {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin-bottom: 8px;
    padding-left: 24px;
    position: relative
}

.policy-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background-color: #93776E;
    border-radius: 50%
}

.policy-body ol li {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin-bottom: 8px;
    padding-left: 8px
}

.policy-body ul ul,
.policy-body ol ol,
.policy-body ul ol,
.policy-body ol ul {
    margin-top: 8px;
    margin-bottom: 8px
}

.policy-body a {
    color: #93776E;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color .2s ease-out, text-decoration-color .25s ease-out
}

.policy-body a:hover {
    color: #131210;
    text-decoration-color: #131210
}

.policy-body a:visited {
    color: #93776E;
    opacity: .8
}

.policy-body table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.5;
    box-shadow: -1px 4px 25px -1px #93776e17;
    border-radius: 7px;
    overflow: hidden
}

.policy-body thead {
    background-color: #131210;
    color: #FFF
}

.policy-body thead th {
    padding: 16px 24px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #FFF;
    border: none
}

.policy-body tbody tr {
    border-bottom: 1px solid #93776e26;
    transition: background-color .15s ease-out
}

.policy-body tbody tr:last-child {
    border-bottom: none
}

.policy-body tbody tr:hover {
    background-color: #93776e0d
}

.policy-body th {
    padding: 16px 24px;
    text-align: left;
    font-weight: 600;
    color: #131210;
    background-color: #93776e14;
    border-bottom: 2px solid #93776e33
}

.policy-body td {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    vertical-align: top
}

.policy-body div {
    box-sizing: border-box
}

.policy-body div p:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .policy-body {
        padding: 40px 24px
    }

    .policy-body h1 {
        font-size: 44px
    }

    .policy-body h2 {
        font-size: 32px;
        margin-top: 40px
    }

    .policy-body h3 {
        font-size: 24px
    }

    .policy-body p,
    .policy-body ul li,
    .policy-body ol li {
        font-size: 16px
    }

    .policy-body table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .policy-body th,
    .policy-body td {
        padding: 16px;
        min-width: 140px
    }
}

@media (max-width: 480px) {
    .policy-body {
        padding: 40px 16px
    }

    .policy-body h1 {
        font-size: 32px
    }

    .policy-body h2 {
        font-size: 24px
    }

    .policy-body h3 {
        font-size: 18px
    }
}

.bdet {
    background: #f5f2ef;
    overflow-x: clip
}

.bdet .art-lead {
    max-width: 1600px;
    margin: 0 auto;
    padding: 80px 40px 40px;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: start;
    position: relative
}

.bdet .art-lead::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 60%;
    background: #93776E
}

.bdet .art-lead__text {
    padding-top: 40px
}

.bdet .art-lead__meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.bdet .tag-pill {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #93776E;
    border-radius: 4px;
    font-size: 16px;
    color: #93776E;
    letter-spacing: .04em;
    text-transform: uppercase;
    transition: background .25s ease-out, color .2s ease-out
}

.bdet .tag-pill:hover {
    background: #93776E;
    color: #FFF
}

.bdet .read-time {
    font-size: 16px;
    color: #93776E;
    opacity: .8
}

.bdet .art-lead__h1 {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #131210;
    margin-bottom: 16px;
    text-shadow: -1px 1px 3px -1px #1312100d -1px 4px 25px -1px #13121017
}

.bdet .art-lead__h1 span {
    display: block
}

.bdet .art-lead__sub {
    font-size: 18px;
    line-height: 1.7;
    color: #93776E;
    margin-bottom: 40px
}

.bdet .author-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid #93776e40
}

.bdet .author-line__name {
    font-size: 16px;
    color: #131210;
    font-weight: 600
}

.bdet .author-line__label {
    font-size: 16px;
    color: #93776E
}

.bdet .art-lead__img-col {
    position: relative
}

.bdet .img-frame {
    position: relative;
    aspect-ratio: 4/3;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: -1px 4px 25px -1px #93776e17 -1px 8px 60px -1px #93776e21
}

.bdet .img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.bdet .img-frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at bottom right, #93776e38, transparent 70%);
    pointer-events: none
}

.bdet .likes-badge {
    position: absolute;
    bottom: 16px;
    right: 16px;
    background: #131210;
    color: #FFF;
    border-radius: 20px;
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    box-shadow: -1px 4px 25px -1px #13121021;
    z-index: 1
}

.bdet .likes-badge__icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    flex-shrink: 0
}

.bdet .word-reveal {
    opacity: 0;
    animation: wreveal .35s ease-out forwards
}

.bdet .word-reveal--1 {
    animation-delay: .05s
}

.bdet .word-reveal--2 {
    animation-delay: .12s
}

.bdet .word-reveal--3 {
    animation-delay: .19s
}

.bdet .word-reveal--4 {
    animation-delay: .26s
}

.bdet .word-reveal--5 {
    animation-delay: .33s
}

.bdet .word-reveal--6 {
    animation-delay: .4s
}

@keyframes wreveal {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.bdet .art-divider--slash {
    position: relative;
    height: 48px;
    overflow: hidden;
    background: #f5f2ef
}

.bdet .art-divider--slash::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background: #FFF;
    transform: skewY(-1.5deg);
    transform-origin: bottom left
}

.bdet .art-body-wrap {
    background: #FFF;
    padding: 0 0 80px
}

.bdet .art-body {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 80px;
    align-items: start
}

.bdet .art-prose {
    padding-top: 40px
}

.bdet .art-prose__intro {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin-bottom: 24px
}

.bdet .art-prose p {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    margin-bottom: 24px
}

.bdet .art-prose h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #131210;
    margin: 40px 0 16px;
    text-shadow: -1px 1px 3px -1px #1312100d
}

.bdet .art-prose h3 {
    font-size: 18px;
    line-height: 1.5;
    color: #131210;
    font-weight: 700;
    margin: 24px 0 16px
}

.bdet .art-prose ins {
    text-decoration: none;
    background: #93776e1f;
    padding: 0 4px;
    border-radius: 4px;
    color: #131210
}

.bdet .art-prose cite {
    display: block;
    font-style: italic;
    font-size: 18px;
    line-height: 1.7;
    color: #93776E;
    padding: 16px 24px;
    border-top: 2px solid #93776E;
    border-bottom: 1px solid #93776e33;
    margin: 40px 0
}

.bdet .art-prose ul {
    margin: 0 0 24px;
    padding: 0;
    list-style: none
}

.bdet .art-prose ul li {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    padding: 8px 0 8px 24px;
    border-left: 2px solid #93776E;
    margin-bottom: 8px
}

.bdet .art-prose figure {
    margin: 40px 0
}

.bdet .art-prose figure img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 7px;
    display: block
}

.bdet .art-prose figcaption {
    font-size: 16px;
    color: #93776E;
    margin-top: 8px;
    text-align: right
}

.bdet .art-aside {
    padding-top: 40px
}

.bdet .aside-quote {
    background: #131210;
    border-radius: 7px;
    padding: 40px 24px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: -1px 8px 60px -1px #13121021
}

.bdet .aside-quote::before {
    content: '';
    position: absolute;
    bottom: -16px;
    right: -16px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle at bottom right, #93776e4d, transparent 70%);
    pointer-events: none
}

.bdet .aside-quote__mark {
    font-size: 72px;
    line-height: 1.2;
    color: #93776E;
    display: block;
    margin-bottom: 8px;
    font-weight: 900;
    letter-spacing: -.04em
}

.bdet .aside-quote__text {
    font-size: 18px;
    line-height: 1.7;
    color: #FFF
}

.bdet .aside-metric {
    background: #93776e14;
    border-radius: 7px;
    padding: 24px;
    margin-bottom: 40px;
    text-align: right
}

.bdet .aside-metric__num {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -.04em;
    color: #131210;
    display: block;
    font-weight: 800
}

.bdet .aside-metric__label {
    font-size: 16px;
    color: #93776E;
    display: block;
    margin-top: 8px
}

.bdet .copy-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 16px 24px;
    background: transparent;
    border: 1px solid #131210;
    border-radius: 4px;
    font-size: 16px;
    color: #131210;
    cursor: pointer;
    transition: background .2s ease-out, color .18s ease-out, border-color .2s ease-out;
    margin-bottom: 40px
}

.bdet .copy-btn:hover {
    background: #131210;
    color: #FFF
}

.bdet .copy-btn:focus {
    outline: 2px solid #93776E;
    outline-offset: 2px
}

.bdet .copy-btn svg {
    flex-shrink: 0
}

.bdet .aside-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px
}

.bdet .aside-tags__label {
    font-size: 16px;
    color: #93776E;
    width: 100%;
    margin-bottom: 8px
}

.bdet .tag-sm {
    display: inline-block;
    padding: 8px 16px;
    background: #93776e1a;
    border-radius: 20px;
    font-size: 16px;
    color: #131210;
    transition: background .22s ease-out
}

.bdet .tag-sm:hover {
    background: #93776e40
}

.bdet .art-divider--tone {
    position: relative;
    height: 48px;
    background: #FFF
}

.bdet .art-divider--tone::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background: #131210;
    transform: skewY(-1.2deg);
    transform-origin: bottom right
}

.bdet .art-grain {
    background: #131210;
    padding: 80px 40px;
    position: relative
}

.bdet .art-grain__texture {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .04
}

.bdet .art-grain__inner {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 1
}

.bdet .grain-copy {
    color: #FFF
}

.bdet .grain-copy__eyebrow {
    font-size: 16px;
    color: #93776E;
    letter-spacing: .06em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 16px
}

.bdet .grain-copy__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #FFF;
    margin-bottom: 24px;
    text-shadow: -1px 4px 25px -1px #93776e17
}

.bdet .grain-copy__body {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffffbf;
    margin-bottom: 40px
}

.bdet .grain-links {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.bdet .grain-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border: 1px solid #93776e4d;
    border-radius: 7px;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    transition: border-color .25s ease-out, background .2s ease-out
}

.bdet .grain-link:hover {
    border-color: #93776E;
    background: #93776e14;
    color: #FFF
}

.bdet .grain-link__arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.bdet .art-bottom {
    background: #f5f2ef;
    padding: 80px 40px;
    position: relative
}

.bdet .art-bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #93776E, transparent)
}

.bdet .art-bottom__inner {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px
}

.bdet .stat-card {
    background: #FFF;
    border-radius: 7px;
    padding: 40px 24px;
    box-shadow: -1px 1px 3px -1px #1312100d -1px 4px 25px -1px #13121017;
    text-align: right
}

.bdet .stat-card__num {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.04em;
    color: #131210;
    font-weight: 800;
    display: block
}

.bdet .stat-card__label {
    font-size: 16px;
    color: #93776E;
    display: block;
    margin-top: 8px;
    line-height: 1.5
}

.bdet .stat-card--accent {
    background: #93776E
}

.bdet .stat-card--accent .stat-card__num {
    color: #FFF
}

.bdet .stat-card--accent .stat-card__label {
    color: #fffc
}

@media (max-width: 1024px) {
    .bdet .art-lead {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 24px 24px
    }

    .bdet .art-lead__h1 {
        font-size: 44px
    }

    .bdet .art-body {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 24px
    }

    .bdet .art-grain__inner {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .bdet .art-bottom__inner {
        grid-template-columns: 1fr 1fr;
        gap: 24px
    }

    .bdet .art-grain {
        padding: 40px 24px
    }

    .bdet .art-bottom {
        padding: 40px 24px
    }
}

@media (max-width: 640px) {
    .bdet .art-lead__h1 {
        font-size: 32px
    }

    .bdet .art-bottom__inner {
        grid-template-columns: 1fr
    }

    .bdet .art-grain__inner {
        gap: 24px
    }

    .bdet .grain-copy__h2 {
        font-size: 32px
    }

    .bdet .aside-metric__num {
        font-size: 44px
    }
}

.evd {
    background: #FFF;
    max-width: 1600px;
    margin: 0 auto;
    overflow-x: clip
}

.evd__reveal {
    opacity: 0;
    transform: translateY(28px);
    animation: evd-up .38s ease-out forwards
}

.evd__reveal--d1 {
    animation-delay: .08s
}

.evd__reveal--d2 {
    animation-delay: .18s
}

.evd__reveal--d3 {
    animation-delay: .28s
}

.evd__reveal--d4 {
    animation-delay: .38s
}

@keyframes evd-up {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.evd__spot {
    position: absolute;
    border-radius: 36px;
    filter: blur(60px);
    pointer-events: none;
    z-index: 0
}

.evd__spot--a {
    width: 340px;
    height: 220px;
    background: #93776e2e;
    bottom: 0;
    right: 0
}

.evd__spot--b {
    width: 200px;
    height: 160px;
    background: #13121012;
    top: 40px;
    left: 10%
}

.evd__diag {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    top: 0;
    right: 0;
    width: 220px;
    height: 220px;
    opacity: .08
}

.evd__diag line {
    stroke: #93776E;
    stroke-width: 1
}

.evd__top {
    position: relative;
    background: #131210;
    padding: 80px 80px 40px;
    overflow: hidden
}

.evd__top-grid {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-end
}

.evd__top-left {
    flex: 1 1 0;
    min-width: 0
}

.evd__top-right {
    flex: 0 0 420px;
    max-width: 420px
}

.evd__label {
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
    color: #93776E;
    letter-spacing: .08em;
    text-transform: uppercase;
    border: 1px solid #93776e59;
    padding: 8px 16px;
    border-radius: 4px;
    margin-bottom: 24px
}

.evd__h1 {
    font-size: 62px;
    line-height: 1.2;
    color: #FFF;
    letter-spacing: -.02em;
    margin: 0 0 24px;
    text-shadow: 0 2px 18px #1312108c
}

.evd__desc {
    font-size: 18px;
    line-height: 1.7;
    color: #ffffffb8;
    margin: 0 0 40px;
    max-width: 560px
}

.evd__meta-row {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.evd__meta-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff8c
}

.evd__meta-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.evd__price-badge {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    background: #93776e26;
    border: 1px solid #93776e66;
    border-radius: 7px;
    padding: 8px 16px;
    margin-bottom: 40px
}

.evd__price-label {
    font-size: 16px;
    line-height: 1.2;
    color: #ffffff80;
    letter-spacing: .06em;
    text-transform: uppercase
}

.evd__price-val {
    font-size: 32px;
    line-height: 1.2;
    color: #FFF;
    letter-spacing: -.01em
}

.evd__action {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    border: 1.5px solid #93776E;
    border-radius: 7px;
    padding: 8px 24px;
    text-decoration: none;
    transition: color .22s ease-out, background .22s ease-out, border-color .22s ease-out;
    cursor: pointer;
    background: transparent
}

.evd__action:hover,
.evd__action:focus {
    color: #131210;
    background: #93776E;
    border-color: #93776E;
    outline: none
}

.evd__action:focus-visible {
    outline: 2px solid #93776E;
    outline-offset: 3px
}

.evd__img-wrap {
    border-radius: 7px;
    overflow: hidden;
    aspect-ratio: 4/3;
    box-shadow: -1px 8px 60px -1px #13121021;
    position: relative
}

.evd__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: sepia(0.18) brightness(0.88);
    transition: filter .28s ease-out
}

.evd__img-wrap:hover img {
    filter: sepia(0) brightness(1)
}

.evd__img-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 100% 100%, #93776e47, transparent 70%);
    pointer-events: none
}

.evd__divider {
    border: none;
    border-top: 1.5px dashed #93776e4d;
    margin: 0
}

.evd__body {
    position: relative;
    padding: 80px;
    background: #FFF
}

.evd__body-grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 40px;
    align-items: start
}

.evd__sidebar-left {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.evd__sidebar-right {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.evd__stat-card {
    background: #131210;
    border-radius: 7px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: -1px 4px 25px -1px #13121017;
    transition: box-shadow .25s ease-out
}

.evd__stat-card:hover {
    box-shadow: -1px 8px 60px -1px #13121021
}

.evd__stat-num {
    font-size: 44px;
    line-height: 1.2;
    color: #FFF;
    letter-spacing: -.02em;
    text-shadow: 0 2px 12px #93776e4d
}

.evd__stat-lbl {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff80;
    text-transform: uppercase;
    letter-spacing: .07em
}

.evd__info-card {
    border: 1px solid #1312101a;
    border-radius: 7px;
    padding: 24px;
    background: #FFF;
    box-shadow: -1px 1px 3px -1px #1312100d;
    transition: box-shadow .2s ease-out, border-color .2s ease-out
}

.evd__info-card:hover {
    border-color: #93776e73;
    box-shadow: -1px 4px 25px -1px #93776e17
}

.evd__info-card-h {
    font-size: 16px;
    line-height: 1.2;
    color: #93776E;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 16px
}

.evd__steps {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0
}

.evd__step {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px dashed #1312101f;
    transition: padding-left .18s ease-out
}

.evd__step:last-child {
    border-bottom: none
}

.evd__step:hover {
    padding-left: 8px
}

.evd__step-num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #131210;
    color: #FFF;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    font-weight: 600
}

.evd__step-body {
    flex: 1 1 0;
    min-width: 0
}

.evd__step-title {
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    font-weight: 600;
    margin: 0 0 4px
}

.evd__step-text {
    font-size: 16px;
    line-height: 1.5;
    color: #13121099;
    margin: 0
}

.evd__article {
    min-width: 0
}

.evd__article-intro {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin: 0 0 24px
}

.evd__article-body {
    font-size: 16px;
    line-height: 1.7;
    color: #131210cc
}

.evd__article-body p {
    margin: 0 0 16px
}

.evd__article-body h2 {
    font-size: 32px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.01em;
    margin: 40px 0 16px;
    text-shadow: 0 1px 6px #13121014
}

.evd__article-body h3 {
    font-size: 18px;
    line-height: 1.5;
    color: #131210;
    margin: 24px 0 8px
}

.evd__article-body ul {
    list-style: none;
    padding: 0;
    margin: 0 0 16px
}

.evd__article-body ul li {
    padding: 8px 0 8px 16px;
    border-left: 2px solid #93776E;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.7;
    color: #131210cc
}

.evd__article-body blockquote {
    margin: 24px 0;
    padding: 16px 24px;
    background: #93776e12;
    border-radius: 4px;
    border-top: 2px solid #93776E
}

.evd__article-body blockquote p {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin: 0 0 8px;
    font-style: italic
}

.evd__article-body cite {
    font-size: 16px;
    color: #93776E;
    font-style: normal
}

.evd__article-body strong {
    color: #131210;
    font-weight: 700
}

.evd__article-body figure {
    margin: 24px 0
}

.evd__article-body figcaption {
    font-size: 16px;
    color: #13121080;
    margin-top: 8px;
    text-align: right
}

.evd__article-body details {
    border: 1px solid #1312101a;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px;
    transition: border-color .2s ease-out
}

.evd__article-body details:hover {
    border-color: #93776e66
}

.evd__article-body summary {
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    padding: 0
}

.evd__article-body summary::-webkit-details-marker {
    display: none
}

.evd__article-body mark {
    background: #93776e33;
    color: #131210;
    border-radius: 4px;
    padding: 0 4px
}

.evd__program-wrap {
    margin-top: 40px;
    border-top: 1.5px dashed #1312101f;
    padding-top: 40px
}

.evd__program-h {
    font-size: 32px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.01em;
    margin: 0 0 24px;
    text-shadow: 0 1px 6px #13121014
}

.evd__program-body {
    font-size: 16px;
    line-height: 1.7;
    color: #131210cc
}

.evd__program-body p {
    margin: 0 0 16px
}

.evd__program-body h2 {
    font-size: 32px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.01em;
    margin: 24px 0 8px;
    text-shadow: 0 1px 4px #13121012
}

.evd__program-body mark {
    background: #93776e33;
    color: #131210;
    border-radius: 4px;
    padding: 0 4px
}

.evd__program-body small {
    font-size: 16px;
    color: #13121080
}

.evd__program-body ul {
    list-style: none;
    padding: 0;
    margin: 0 0 16px
}

.evd__program-body ul li {
    padding: 8px 0 8px 16px;
    border-left: 2px solid #93776E;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.7;
    color: #131210cc
}

.evd__program-body dl {
    margin: 0 0 16px
}

.evd__program-body dt {
    font-size: 16px;
    font-weight: 700;
    color: #131210;
    margin-bottom: 4px
}

.evd__program-body dd {
    font-size: 16px;
    color: #131210b3;
    margin: 0 0 16px;
    padding-left: 16px
}

.evd__program-body figure {
    margin: 16px 0
}

.evd__program-body figcaption {
    font-size: 16px;
    color: #13121080;
    margin-top: 8px
}

.evd__noise-band {
    position: relative;
    background: #131210;
    padding: 40px 80px
}

.evd__noise-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");
    opacity: .18;
    pointer-events: none;
    border-radius: 0
}

.evd__noise-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap
}

.evd__noise-text {
    font-size: 18px;
    line-height: 1.5;
    color: #ffffffa6;
    margin: 0;
    max-width: 560px
}

.evd__noise-cta {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    border: 1.5px solid #93776E;
    border-radius: 7px;
    padding: 8px 24px;
    text-decoration: none;
    background: transparent;
    transition: color .22s ease-out, background .22s ease-out;
    white-space: nowrap
}

.evd__noise-cta:hover,
.evd__noise-cta:focus {
    color: #131210;
    background: #93776E;
    outline: none
}

.evd__noise-cta:focus-visible {
    outline: 2px solid #93776E;
    outline-offset: 3px
}

.evd__like-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1.5px dashed #1312101f
}

.evd__like-btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    border: 1.5px solid #93776e66;
    border-radius: 20px;
    padding: 8px 24px;
    background: transparent;
    cursor: pointer;
    transition: color .2s ease-out, background .2s ease-out, border-color .2s ease-out
}

.evd__like-btn:hover,
.evd__like-btn:focus {
    background: #93776e1a;
    border-color: #93776E;
    outline: none
}

.evd__like-btn:focus-visible {
    outline: 2px solid #93776E;
    outline-offset: 3px
}

.evd__like-count {
    font-size: 16px;
    color: #13121080
}

@media (max-width: 1024px) {
    .evd__top {
        padding: 80px 40px 40px
    }

    .evd__top-grid {
        flex-direction: column
    }

    .evd__top-right {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%
    }

    .evd__body {
        padding: 40px
    }

    .evd__body-grid {
        grid-template-columns: 1fr
    }

    .evd__sidebar-left,
    .evd__sidebar-right {
        flex-direction: row;
        flex-wrap: wrap
    }

    .evd__stat-card,
    .evd__info-card {
        flex: 1 1 200px
    }

    .evd__noise-band {
        padding: 40px
    }

    .evd__h1 {
        font-size: 44px
    }
}

@media (max-width: 640px) {
    .evd__top {
        padding: 40px 16px 24px
    }

    .evd__h1 {
        font-size: 32px
    }

    .evd__body {
        padding: 24px 16px
    }

    .evd__noise-band {
        padding: 24px 16px
    }

    .evd__noise-inner {
        flex-direction: column;
        align-items: flex-start
    }

    .evd__meta-row {
        gap: 16px
    }
}

.auth-pg {
    max-width: 100%;
    overflow-x: hidden
}

.auth-pg .au-strip {
    max-width: 1600px;
    margin: 0 auto;
    padding: 40px 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 80px;
    position: relative;
    background-color: #f5f2ef
}

.auth-pg .au-strip__grid-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#93776e12 1px, transparent 1px), linear-gradient(90deg, #93776e12 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none
}

.auth-pg .au-strip__img-col {
    flex: 0 0 260px;
    position: relative
}

.auth-pg .au-strip__img-wrap {
    width: 260px;
    height: 195px;
    border-radius: 7px;
    overflow: hidden;
    filter: grayscale(100%);
    box-shadow: -1px 4px 25px -1px #13121017
}

.auth-pg .au-strip__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    aspect-ratio: 4/3
}

.auth-pg .au-strip__text-col {
    flex: 1;
    text-align: right
}

.auth-pg .au-strip__pre {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 16px
}

.auth-pg .au-strip__name {
    font-size: 62px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.03em;
    margin: 0 0 16px;
    text-shadow: 1px 2px 0 #93776e2e
}

.auth-pg .au-strip__role {
    font-size: 18px;
    line-height: 1.5;
    color: #93776E;
    margin: 0
}

.auth-pg .au-divider-dbl {
    width: 100%;
    height: 24px;
    position: relative;
    overflow: hidden
}

.auth-pg .au-divider-dbl svg {
    width: 100%;
    height: 100%
}

.auth-pg .au-bio {
    background-color: #fff;
    padding: 80px 0
}

.auth-pg .au-bio__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start
}

.auth-pg .au-bio__left h2 {
    font-size: 44px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.02em;
    margin: 0 0 24px;
    text-shadow: 0 1px 2px #93776e26
}

.auth-pg .au-bio__intro {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin: 0 0 24px
}

.auth-pg .au-bio__body {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    margin: 0 0 24px
}

.auth-pg .au-bio__body:last-child {
    margin-bottom: 0
}

.auth-pg .au-bio__right {
    padding-top: 8px
}

.auth-pg .au-bio__accent {
    background: radial-gradient(circle at 100% 100%, #93776e24 0%, transparent 70%);
    border: 1.5px dashed #93776e73;
    border-radius: 7px;
    padding: 40px;
    margin-bottom: 40px
}

.auth-pg .au-bio__accent h3 {
    font-size: 32px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.015em;
    margin: 0 0 16px;
    text-shadow: 0 1px 0 #93776e33
}

.auth-pg .au-bio__accent p {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    margin: 0
}

.auth-pg .au-focus-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0
}

.auth-pg .au-focus-list li {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    padding: 16px 0 16px 24px;
    border-top: 1px solid #93776e33;
    position: relative
}

.auth-pg .au-focus-list li:last-child {
    border-bottom: 1px solid #93776e33
}

.auth-pg .au-focus-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background-color: #93776E;
    border-radius: 4px
}

.auth-pg .au-divider-dbl--alt {
    background-color: #fff
}

.auth-pg .au-work {
    background-color: #f5f2ef;
    padding: 80px 0;
    position: relative
}

.auth-pg .au-work__vignette {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 50%, #ffffff8c 0%, transparent 70%);
    pointer-events: none
}

.auth-pg .au-work__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 80px
}

.auth-pg .au-work__head {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 40px
}

.auth-pg .au-work__head h2 {
    font-size: 44px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.02em;
    margin: 0;
    text-shadow: 0 1px 2px #1312101a
}

.auth-pg .au-work__head p {
    font-size: 16px;
    line-height: 1.7;
    color: #93776E;
    max-width: 480px;
    text-align: right;
    margin: 0
}

.auth-pg .au-flow {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: stretch;
    position: relative
}

.auth-pg .au-flow__item {
    flex: 1;
    background: #fff;
    border-radius: 7px;
    padding: 40px 24px;
    position: relative;
    box-shadow: -1px 1px 3px -1px #1312100d;
    transition: box-shadow .25s ease-out, transform .2s ease-out
}

.auth-pg .au-flow__item:active {
    transform: scale(1.03);
    box-shadow: -1px 8px 60px -1px #13121021
}

.auth-pg .au-flow__item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: #93776e66;
    z-index: 1
}

.auth-pg .au-flow__item:not(:last-child)::before {
    content: '';
    position: absolute;
    right: -26px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #93776e80;
    z-index: 2
}

.auth-pg .au-flow__num {
    font-size: 44px;
    line-height: 1.2;
    color: #93776e33;
    letter-spacing: -.03em;
    margin-bottom: 8px;
    display: block
}

.auth-pg .au-flow__label {
    font-size: 18px;
    line-height: 1.5;
    color: #131210;
    margin: 0 0 16px
}

.auth-pg .au-flow__desc {
    font-size: 16px;
    line-height: 1.7;
    color: #93776E;
    margin: 0
}

.auth-pg .au-flow__gap {
    flex: 0 0 40px
}

.auth-pg .au-divider-dbl--work {
    background-color: #f5f2ef
}

.auth-pg .au-checklist-sec {
    background-color: #131210;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.auth-pg .au-checklist-sec__bg {
    position: absolute;
    inset: 0;
    background-size: 200% 200%;
    background-image: url(./visual_library/backdrop-1-3.jpg);
    background-position: 0 center;
    animation: au-pan 28s linear infinite alternate;
    opacity: .08;
    pointer-events: none
}

@keyframes au-pan {
    from {
        background-position: 0 center
    }

    to {
        background-position: 100% center
    }
}

.auth-pg .au-checklist-sec__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
    position: relative;
    z-index: 1
}

.auth-pg .au-checklist-sec__left h2 {
    font-size: 44px;
    line-height: 1.2;
    color: #fff;
    letter-spacing: -.02em;
    margin: 0 0 24px;
    text-shadow: 0 2px 4px #93776e4d
}

.auth-pg .au-checklist-sec__left p {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffffb8;
    margin: 0 0 40px
}

.auth-pg .au-checklist-sec__img {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: -1px 8px 60px -1px #13121021
}

.auth-pg .au-checklist-sec__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.auth-pg .au-checklist {
    background: #ffffff0f;
    border-radius: 7px;
    padding: 40px;
    box-shadow: inset 0 2px 6px #ffffff0a
}

.auth-pg .au-checklist__progress-bar-wrap {
    margin-bottom: 24px
}

.auth-pg .au-checklist__progress-label {
    font-size: 16px;
    line-height: 1.5;
    color: #fff9;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.auth-pg .au-checklist__progress-label span {
    color: #93776E;
    font-size: 18px
}

.auth-pg .au-checklist__bar {
    height: 4px;
    background: #ffffff1f;
    border-radius: 4px;
    overflow: hidden
}

.auth-pg .au-checklist__bar-fill {
    height: 100%;
    width: 71%;
    background: #93776E;
    border-radius: 4px;
    transition: width .45s ease-out
}

.auth-pg .au-checklist__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.auth-pg .au-checklist__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    font-size: 16px;
    line-height: 1.7;
    color: #ffffffd9
}

.auth-pg .au-checklist__item--done {
    color: #ffffff80;
    text-decoration: line-through;
    text-decoration-color: #93776e80
}

.auth-pg .au-check-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px
}

.auth-pg .au-check-icon--done circle {
    fill: #93776E
}

.auth-pg .au-check-icon--done path {
    stroke: #fff
}

.auth-pg .au-check-icon--pending circle {
    fill: transparent;
    stroke: #ffffff40;
    stroke-width: 1.5
}

@media (max-width: 1024px) {
    .auth-pg .au-strip {
        padding: 40px;
        gap: 40px
    }

    .auth-pg .au-bio__inner,
    .auth-pg .au-checklist-sec__inner {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 40px
    }

    .auth-pg .au-work__inner {
        padding: 0 40px
    }

    .auth-pg .au-work__head {
        flex-direction: column;
        align-items: flex-start
    }

    .auth-pg .au-work__head p {
        text-align: left
    }

    .auth-pg .au-flow {
        flex-direction: column;
        gap: 24px
    }

    .auth-pg .au-flow__item:not(:last-child)::after,
    .auth-pg .au-flow__item:not(:last-child)::before {
        display: none
    }

    .auth-pg .au-flow__gap {
        display: none
    }

    .auth-pg .au-bio__inner {
        padding: 0 40px
    }
}

@media (max-width: 768px) {
    .auth-pg .au-strip {
        flex-direction: column;
        padding: 40px 24px;
        gap: 24px
    }

    .auth-pg .au-strip__text-col {
        text-align: left
    }

    .auth-pg .au-strip__name {
        font-size: 44px
    }

    .auth-pg .au-strip__img-col {
        flex: 0 0 auto;
        width: 100%
    }

    .auth-pg .au-strip__img-wrap {
        width: 100%;
        height: auto
    }

    .auth-pg .au-bio {
        padding: 40px 0
    }

    .auth-pg .au-bio__inner {
        padding: 0 24px;
        gap: 24px
    }

    .auth-pg .au-bio__left h2 {
        font-size: 32px
    }

    .auth-pg .au-bio__accent {
        padding: 24px
    }

    .auth-pg .au-work {
        padding: 40px 0
    }

    .auth-pg .au-work__inner {
        padding: 0 24px
    }

    .auth-pg .au-work__head h2 {
        font-size: 32px
    }

    .auth-pg .au-checklist-sec {
        padding: 40px 0
    }

    .auth-pg .au-checklist-sec__inner {
        padding: 0 24px;
        gap: 24px
    }

    .auth-pg .au-checklist-sec__left h2 {
        font-size: 32px
    }

    .auth-pg .au-checklist {
        padding: 24px
    }
}

.blg {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

.blg .pg-band--top {
    height: 4px;
    background: #93776E;
    width: 100%
}

.blg .pg-band--bot {
    height: 4px;
    background: #131210;
    width: 100%
}

.blg .arc-head {
    padding: 80px 80px 40px;
    background: #fff;
    position: relative
}

.blg .arc-head::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #93776E 0%, transparent 100%)
}

.blg .arc-head__eyebrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.blg .arc-head__dot {
    width: 10px;
    height: 10px;
    border-radius: 36px;
    background: #93776E;
    flex-shrink: 0
}

.blg .arc-head__label {
    font-size: 16px;
    color: #93776E;
    letter-spacing: .08em;
    text-transform: uppercase
}

.blg .arc-head__h1 {
    font-size: 62px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.03em;
    margin: 0 0 16px;
    text-shadow: 1px 2px 0 #93776e1f;
    max-width: 820px
}

.blg .arc-head__sub {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    opacity: .65;
    max-width: 560px;
    margin: 0
}

.blg .posts-grid {
    padding: 80px;
    background: #f5f2f0;
    position: relative
}

.blg .posts-grid::before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    height: 48px;
    background: #f5f2f0;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    z-index: 1
}

.blg .grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    z-index: 2
}

.blg .grid-row--two {
    grid-template-columns: repeat(2, 1fr);
    max-width: 900px;
    margin-top: 24px
}

.blg .post-card {
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: -1px 1px 3px -1px #1312100d -1px 4px 25px -1px #13121017;
    display: flex;
    flex-direction: column;
    transition: box-shadow .25s ease-out, transform .2s ease-out;
    position: relative
}

.blg .post-card:hover {
    box-shadow: -1px 8px 60px -1px #13121021;
    transform: translateY(-3px)
}

.blg .post-card__img-wrap {
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative
}

.blg .post-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: blur(0px);
    transition: filter .35s ease-out, transform .35s ease-out
}

.blg .post-card:hover .post-card__img-wrap img {
    filter: blur(0px);
    transform: scale(1.03)
}

.blg .post-card__img-placeholder {
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at bottom right, #93776E, transparent 70%), #e8e2de;
    display: flex;
    align-items: center;
    justify-content: center
}

.blg .post-card__img-placeholder svg {
    opacity: .3
}

.blg .post-card__strip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #93776E;
    transition: width .4s ease-out;
    border-radius: 0
}

.blg .post-card:hover .post-card__strip {
    width: 100%
}

.blg .post-card__body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px
}

.blg .post-card__meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.blg .post-card__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #93776E;
    font-weight: 600;
    letter-spacing: .04em
}

.blg .post-card__tag-dot {
    width: 7px;
    height: 7px;
    border-radius: 36px;
    background: #93776E;
    flex-shrink: 0
}

.blg .post-card__cat {
    font-size: 16px;
    color: #131210;
    opacity: .45;
    padding: 4px 8px;
    border: 1px solid #93776e4d;
    border-radius: 4px
}

.blg .post-card__title {
    font-size: 18px;
    line-height: 1.5;
    color: #131210;
    margin: 0;
    font-weight: 700;
    letter-spacing: -.01em;
    text-shadow: 0 1px 0 #93776e14
}

.blg .post-card__subtitle {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    opacity: .6;
    margin: 0
}

.blg .post-card__desc {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    opacity: .55;
    margin: 0
}

.blg .post-card__foot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #93776e26
}

.blg .post-card__author {
    font-size: 16px;
    color: #131210;
    opacity: .6
}

.blg .post-card__stats {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.blg .post-card__read {
    font-size: 16px;
    color: #93776E;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.blg .post-card__likes {
    font-size: 16px;
    color: #131210;
    opacity: .5;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.blg .post-card__link {
    text-decoration: none !important;
    color: inherit;
    display: block
}

.blg .post-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #93776E;
    border: 1px solid #93776E;
    border-radius: 4px;
    padding: 8px 16px;
    background: transparent;
    cursor: pointer;
    transition: background .22s ease-out, color .22s ease-out;
    text-decoration: none !important;
    align-self: flex-start
}

.blg .post-card__cta:hover {
    background: #93776E;
    color: #fff
}

.blg .perspectives {
    padding: 80px;
    background: #131210;
    position: relative;
    overflow: hidden
}

.blg .perspectives__bg-circle {
    position: absolute;
    bottom: -120px;
    right: -80px;
    width: 480px;
    height: 480px;
    border-radius: 36px;
    background: radial-gradient(circle at bottom right, #93776e2e, transparent 70%);
    pointer-events: none
}

.blg .perspectives__bg-circle2 {
    position: absolute;
    top: -60px;
    left: -40px;
    width: 260px;
    height: 260px;
    border-radius: 36px;
    background: radial-gradient(circle at bottom right, #93776e14, transparent 70%);
    pointer-events: none
}

.blg .perspectives__head {
    margin-bottom: 40px
}

.blg .perspectives__eyebrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px
}

.blg .perspectives__dot {
    width: 10px;
    height: 10px;
    border-radius: 36px;
    background: #93776E
}

.blg .perspectives__label {
    font-size: 16px;
    color: #93776E;
    letter-spacing: .08em;
    text-transform: uppercase
}

.blg .perspectives__h2 {
    font-size: 44px;
    line-height: 1.2;
    color: #fff;
    letter-spacing: -.025em;
    margin: 0;
    text-shadow: 1px 2px 0 #93776e33
}

.blg .perspectives__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px
}

.blg .persp-item {
    padding: 24px;
    border-radius: 7px;
    border-top: 2px solid #93776E;
    border-bottom: 2px solid #93776e33;
    background: #ffffff0a;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    transition: background .28s ease-out
}

.blg .persp-item:hover {
    background: #ffffff14
}

.blg .persp-item__num {
    font-size: 44px;
    line-height: 1.2;
    color: #93776e40;
    font-weight: 800;
    letter-spacing: -.04em;
    pointer-events: none
}

.blg .persp-item__h3 {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    font-weight: 700
}

.blg .persp-item__p {
    font-size: 16px;
    line-height: 1.7;
    color: #fff9;
    margin: 0
}

.blg .featured-strip {
    padding: 80px;
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 80px;
    align-items: center;
    position: relative
}

.blg .featured-strip::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #93776E 50%, transparent 100%)
}

.blg .feat-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.blg .feat-sidebar__icon-row {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.blg .feat-sidebar__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 7px;
    background: #f5f2f0;
    border-bottom: 2px solid transparent;
    transition: border-color .2s ease-out, background .2s ease-out
}

.blg .feat-sidebar__item:hover {
    border-color: #93776E;
    background: #ede8e5
}

.blg .feat-sidebar__icon {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: #131210;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.blg .feat-sidebar__txt {
    font-size: 16px;
    color: #131210;
    line-height: 1.5;
    font-weight: 600
}

.blg .feat-content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.blg .feat-content__eyebrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.blg .feat-content__dot {
    width: 10px;
    height: 10px;
    border-radius: 36px;
    background: #93776E
}

.blg .feat-content__lbl {
    font-size: 16px;
    color: #93776E;
    letter-spacing: .08em;
    text-transform: uppercase
}

.blg .feat-content__h2 {
    font-size: 44px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.025em;
    margin: 0;
    text-shadow: 1px 1px 0 #93776e1a
}

.blg .feat-content__intro {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin: 0
}

.blg .feat-content__body {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    opacity: .7;
    margin: 0
}

.blg .feat-content__body+.blg .feat-content__body {
    margin-top: 16px
}

.blg .feat-content__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #131210;
    border: 1px solid #131210;
    border-radius: 4px;
    padding: 8px 24px;
    background: transparent;
    cursor: pointer;
    transition: background .22s ease-out, color .22s ease-out;
    text-decoration: none !important;
    align-self: flex-start
}

.blg .feat-content__link:hover {
    background: #131210;
    color: #fff
}

.blg .subscribe-band {
    padding: 80px;
    background: #f5f2f0;
    position: relative
}

.blg .subscribe-band::before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    height: 48px;
    background: #f5f2f0;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    z-index: 1
}

.blg .sub-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center
}

.blg .sub-txt {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.blg .sub-txt__eyebrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.blg .sub-txt__dot {
    width: 10px;
    height: 10px;
    border-radius: 36px;
    background: #93776E
}

.blg .sub-txt__lbl {
    font-size: 16px;
    color: #93776E;
    letter-spacing: .08em;
    text-transform: uppercase
}

.blg .sub-txt__h2 {
    font-size: 44px;
    line-height: 1.2;
    color: #131210;
    letter-spacing: -.025em;
    margin: 0;
    text-shadow: 1px 1px 0 #93776e1a
}

.blg .sub-txt__p {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    opacity: .65;
    margin: 0
}

.blg .sub-form-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.blg .sub-form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.blg .sub-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.blg .sub-form__label {
    font-size: 16px;
    color: #131210;
    font-weight: 600
}

.blg .sub-form__input {
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #93776e66;
    background: #fff;
    font-size: 16px;
    color: #131210;
    outline: none;
    transition: border-color .2s ease-out, box-shadow .2s ease-out;
    box-shadow: inset 0 2px 4px #93776e0d
}

.blg .sub-form__input::placeholder {
    color: #13121059
}

.blg .sub-form__input:focus {
    border-color: #93776E;
    box-shadow: inset 0 2px 4px #93776e14 -1px 4px 25px -1px #93776e17
}

.blg .sub-form__btn {
    padding: 16px 40px;
    border-radius: 4px;
    border: 1px solid #131210;
    background: transparent;
    color: #131210;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background .22s ease-out, color .22s ease-out;
    align-self: flex-start
}

.blg .sub-form__btn:hover {
    background: #131210;
    color: #fff
}

.blg .sub-note {
    font-size: 16px;
    color: #131210;
    opacity: .4
}

@keyframes blg-elastic-in {
    0% {
        opacity: 0;
        transform: translateY(32px) scaleY(0.93)
    }

    60% {
        opacity: 1;
        transform: translateY(-6px) scaleY(1.02)
    }

    80% {
        transform: translateY(3px) scaleY(0.99)
    }

    100% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }
}

.blg .arc-head {
    animation: blg-elastic-in .45s ease-out both
}

.blg .posts-grid {
    animation: blg-elastic-in .38s ease-out .12s both
}

.blg .perspectives {
    animation: blg-elastic-in .42s ease-out .08s both
}

@media (max-width: 1100px) {

    .blg .arc-head,
    .blg .posts-grid,
    .blg .perspectives,
    .blg .featured-strip,
    .blg .subscribe-band {
        padding: 40px
    }

    .blg .grid-row {
        grid-template-columns: repeat(2, 1fr)
    }

    .blg .grid-row--two {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%
    }

    .blg .perspectives__grid {
        grid-template-columns: 1fr 1fr
    }

    .blg .featured-strip {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .blg .sub-inner {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .blg .arc-head__h1 {
        font-size: 44px
    }
}

@media (max-width: 700px) {

    .blg .arc-head,
    .blg .posts-grid,
    .blg .perspectives,
    .blg .featured-strip,
    .blg .subscribe-band {
        padding: 40px 16px
    }

    .blg .grid-row {
        grid-template-columns: 1fr
    }

    .blg .grid-row--two {
        grid-template-columns: 1fr
    }

    .blg .perspectives__grid {
        grid-template-columns: 1fr
    }

    .blg .arc-head__h1 {
        font-size: 32px
    }

    .blg .perspectives__h2,
    .blg .feat-content__h2,
    .blg .sub-txt__h2 {
        font-size: 32px
    }
}

.infg {
    max-width: 1600px;
    margin: 0 auto;
    overflow-x: clip
}

.infg .db-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 auto 40px;
    width: fit-content
}

.infg .db-divider__line {
    width: 80px;
    height: 1px;
    background: #93776E
}

.infg .db-divider__diamond {
    width: 8px;
    height: 8px;
    background: #93776E;
    transform: rotate(45deg);
    flex-shrink: 0
}

.infg .dbl-outer {
    border: 1px solid #93776e2e;
    padding: 3px;
    border-radius: 7px
}

.infg .dbl-inner {
    border: 1px solid #93776e59;
    border-radius: 4px;
    overflow: hidden
}

@keyframes infg-imgscale {
    from {
        transform: scale(0.97)
    }

    to {
        transform: scale(1)
    }
}

.infg .band {
    padding: 40px;
    position: relative
}

.infg .band__geo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 4px
}

.infg .band__geo-sq1 {
    position: absolute;
    width: 220px;
    height: 220px;
    border: 2px solid #93776e1a;
    transform: rotate(32deg);
    top: -60px;
    right: 8%;
    border-radius: 7px
}

.infg .band__geo-sq2 {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 2px solid #13121012;
    transform: rotate(18deg);
    bottom: -30px;
    left: 5%;
    border-radius: 4px
}

.infg .band__geo-sq3 {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #93776e0f;
    transform: rotate(45deg);
    top: 24px;
    left: 20%;
    border-radius: 4px
}

.infg .band__strip {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.infg .band__text {
    flex: 1 1 0;
    min-width: 0
}

.infg .band__label {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #93776E;
    margin-bottom: 16px
}

.infg .band__h1 {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #131210;
    margin: 0 0 16px;
    text-shadow: 0 2px 12px #93776e21 0 1px 0 #ffffffb3
}

.infg .band__desc {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    opacity: .72;
    max-width: 520px;
    margin: 0
}

.infg .band__media {
    flex: 0 0 340px;
    width: 340px
}

.infg .band__imgwrap {
    aspect-ratio: 4/3;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: -1px 4px 25px -1px #93776e17;
    animation: infg-imgscale .45s ease-out both
}

.infg .band__imgwrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: contrast(1.04) saturate(0.93)
}

.infg .metrics {
    padding: 80px 40px;
    background: #131210;
    position: relative
}

.infg .metrics__inner {
    max-width: 1600px;
    margin: 0 auto
}

.infg .metrics__head {
    margin-bottom: 40px;
    text-align: right
}

.infg .metrics__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #FFF;
    margin: 0 0 8px;
    text-shadow: 0 2px 18px #93776e38
}

.infg .metrics__sub {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff8c;
    margin: 0
}

.infg .metrics__grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 2fr;
    gap: 24px;
    align-items: start
}

.infg .met-label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 16px;
    border-top: 1px solid #93776e40
}

.infg .met-label__icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.infg .met-label__name {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .06em;
    text-transform: uppercase
}

.infg .met-body {
    padding: 24px;
    border-radius: 7px;
    background: #ffffff0a;
    box-shadow: inset 0 2px 8px #1312102e;
    border: 1px solid #93776e1f
}

.infg .met-body__num {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -.04em;
    color: #FFF;
    display: block;
    margin-bottom: 8px
}

.infg .met-body__num--accent {
    color: #93776E
}

.infg .met-body__txt {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff9e;
    margin: 0
}

.infg .met-body__bar {
    margin-top: 16px;
    height: 4px;
    background: #ffffff14;
    border-radius: 4px;
    overflow: hidden
}

.infg .met-body__bar-fill {
    height: 100%;
    background: #93776E;
    border-radius: 4px;
    transition: width .35s ease-out
}

.infg .taxonomy {
    padding: 80px 40px;
    background: #FFF
}

.infg .taxonomy__inner {
    max-width: 1600px;
    margin: 0 auto
}

.infg .taxonomy__head {
    margin-bottom: 40px
}

.infg .taxonomy__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #131210;
    margin: 0 0 8px;
    text-shadow: 1px 1px 0 #93776e2e
}

.infg .taxonomy__intro {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    max-width: 680px;
    margin: 0
}

.infg .taxonomy__cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start
}

.infg .tax-col {
    display: flex;
    flex-direction: column;
    gap: 0
}

.infg .tax-item {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 16px;
    align-items: start;
    padding: 24px 0;
    border-bottom: 1px solid #93776e26;
    transition: background .2s ease-out
}

.infg .tax-item:last-child {
    border-bottom: none
}

.infg .tax-item__num {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.04em;
    color: #93776e59;
    text-align: right;
    padding-top: 4px
}

.infg .tax-item__body {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.infg .tax-item__h4 {
    font-size: 18px;
    line-height: 1.5;
    color: #131210;
    margin: 0;
    letter-spacing: -.01em
}

.infg .tax-item__h4 .kw {
    background: #93776e2e;
    padding: 1px 6px;
    border-radius: 4px;
    color: #131210
}

.infg .tax-item__p {
    font-size: 16px;
    line-height: 1.7;
    color: #131210ad;
    margin: 0
}

.infg .tax-item__list {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.infg .tax-item__list li {
    font-size: 16px;
    line-height: 1.5;
    color: #131210b8;
    padding-left: 16px;
    border-left: 2px solid #93776e59;
    transition: border-color .2s ease-out
}

.infg .tax-item:hover .tax-item__list li {
    border-color: #93776E
}

.infg .compare {
    padding: 80px 40px;
    background: radial-gradient(circle at 100% 100%, #93776e24 0%, transparent 65%);
    border-top: 1px solid #93776e1f
}

.infg .compare__inner {
    max-width: 1600px;
    margin: 0 auto
}

.infg .compare__head {
    margin-bottom: 40px
}

.infg .compare__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #131210;
    margin: 0 0 8px;
    text-shadow: 1px 1px 0 #93776e26
}

.infg .compare__lead {
    font-size: 18px;
    line-height: 1.7;
    color: #131210b3;
    max-width: 620px;
    margin: 0
}

.infg .compare__table-wrap {
    overflow-x: auto;
    border-radius: 7px;
    box-shadow: -1px 8px 60px -1px #93776e21
}

.infg .compare__table {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
    background: #FFF
}

.infg .compare__table thead tr {
    background: #131210
}

.infg .compare__table thead th {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #FFF;
    text-align: left;
    letter-spacing: .04em;
    font-weight: 600
}

.infg .compare__table thead th:first-child {
    border-radius: 7px 0 0 0
}

.infg .compare__table thead th:last-child {
    border-radius: 0 7px 0 0
}

.infg .compare__table tbody tr {
    border-bottom: 1px solid #93776e1a;
    transition: background .18s ease-out
}

.infg .compare__table tbody tr:last-child {
    border-bottom: none
}

.infg .compare__table tbody tr:hover {
    background: #93776e0d
}

.infg .compare__table tbody td {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    vertical-align: top
}

.infg .compare__table tbody td:first-child {
    font-weight: 600;
    color: #131210;
    white-space: nowrap
}

.infg .compare__table .tag {
    display: inline-block;
    font-size: 16px;
    padding: 2px 10px;
    border-radius: 4px;
    background: #93776e1f;
    color: #131210
}

.infg .compare__table .tag--hi {
    background: #131210;
    color: #FFF
}

.infg .compare__note {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.7;
    color: #13121099;
    max-width: 720px
}

.infg .compare__note strong {
    color: #131210
}

.infg .compare__bottom {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px
}

.infg .cmp-stat {
    padding: 24px;
    border-radius: 7px;
    border: 1px solid #93776e2e;
    background: #FFF;
    box-shadow: -1px 1px 3px -1px #93776e0d;
    transition: box-shadow .22s ease-out, border-color .22s ease-out;
    position: relative;
    overflow: hidden
}

.infg .cmp-stat::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #93776E;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .28s ease-out
}

.infg .cmp-stat:hover::after {
    transform: scaleX(1)
}

.infg .cmp-stat:hover {
    box-shadow: -1px 4px 25px -1px #93776e17;
    border-color: #93776e59
}

.infg .cmp-stat__val {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.04em;
    color: #131210;
    display: block;
    margin-bottom: 8px
}

.infg .cmp-stat__desc {
    font-size: 16px;
    line-height: 1.5;
    color: #131210a6;
    margin: 0
}

@media (max-width: 1024px) {
    .infg .band__h1 {
        font-size: 44px
    }

    .infg .band__media {
        flex: 0 0 260px;
        width: 260px
    }

    .infg .metrics__grid {
        grid-template-columns: 1fr 2fr
    }

    .infg .compare__bottom {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 768px) {
    .infg .band {
        padding: 40px 16px
    }

    .infg .band__strip {
        flex-direction: column;
        gap: 24px
    }

    .infg .band__media {
        flex: 0 0 auto;
        width: 100%
    }

    .infg .band__h1 {
        font-size: 32px
    }

    .infg .metrics {
        padding: 40px 16px
    }

    .infg .metrics__grid {
        grid-template-columns: 1fr
    }

    .infg .met-label {
        flex-direction: row;
        align-items: center
    }

    .infg .taxonomy {
        padding: 40px 16px
    }

    .infg .taxonomy__cols {
        grid-template-columns: 1fr;
        gap: 0
    }

    .infg .compare {
        padding: 40px 16px
    }

    .infg .compare__bottom {
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }

    .infg .metrics__h2 {
        font-size: 32px
    }

    .infg .taxonomy__h2 {
        font-size: 32px
    }

    .infg .compare__h2 {
        font-size: 32px
    }
}

@media (max-width: 480px) {
    .infg .compare__bottom {
        grid-template-columns: 1fr
    }

    .infg .metrics__grid {
        grid-template-columns: 1fr
    }

    .infg .band__h1 {
        font-size: 32px
    }
}

.frst {
    max-width: 100%;
    overflow-x: hidden
}

.frst .pg-bound {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px
}

.frst .divider--grad {
    height: 2px;
    background: linear-gradient(to right, #93776E, transparent);
    border: none;
    margin: 0
}

.frst .pitch {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #131210;
    overflow: hidden
}

.frst .pitch__curves {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.frst .pitch__curves svg {
    width: 100%;
    height: 100%
}

.frst .pitch__grad {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 100% 100%, #93776e38 0%, transparent 65%);
    pointer-events: none
}

.frst .pitch__fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to bottom, transparent, #131210eb);
    pointer-events: none
}

.frst .pitch__layout {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: stretch;
    position: relative;
    z-index: 1
}

.frst .pitch__body {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px
}

.frst .pitch__tag {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .12em;
    text-transform: uppercase;
    border-top: 1px solid #93776e66;
    padding-top: 8px;
    width: fit-content
}

.frst .pitch__h1 {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #FFF;
    margin: 0;
    text-shadow: 0 2px 24px #13121099
}

.frst .pitch__h1 .acc {
    color: #93776E
}

.frst .pitch__declare {
    font-size: 18px;
    line-height: 1.7;
    color: #ffffffb8;
    max-width: 560px;
    margin: 0
}

.frst .pitch__actions {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap
}

.frst .btn--outline {
    display: inline-block;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    background: transparent;
    border: 1px solid #93776e80;
    border-radius: 7px;
    cursor: pointer;
    transition: color .22s ease-out, border-color .22s ease-out, background .22s ease-out;
    text-decoration: none
}

.frst .btn--outline:hover,
.frst .btn--outline:focus {
    color: #131210;
    background: #93776E;
    border-color: #93776E;
    outline: none
}

.frst .btn--ghost {
    display: inline-block;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff9;
    background: transparent;
    border: 1px solid #fff3;
    border-radius: 7px;
    cursor: pointer;
    transition: color .28s ease-out, border-color .28s ease-out;
    text-decoration: none
}

.frst .btn--ghost:hover,
.frst .btn--ghost:focus {
    color: #FFF;
    border-color: #ffffff80;
    outline: none
}

.frst .pitch__aside {
    flex: 0 0 400px;
    position: relative
}

.frst .pitch__img-frame {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: -1px 8px 60px -1px #13121021;
    position: relative;
    border: 1px solid #93776e40
}

.frst .pitch__img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.frst .pitch__vignette {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 50%, transparent 40%, #13121073 100%);
    pointer-events: none
}

.frst .usecases {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #FFF
}

.frst .usecases__head {
    margin-bottom: 40px
}

.frst .usecases__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #131210;
    margin: 0 0 16px;
    text-shadow: 1px 1px 0 #93776e2e
}

.frst .usecases__h2 .acc {
    color: #93776E
}

.frst .usecases__sub {
    font-size: 18px;
    line-height: 1.7;
    color: #131210a6;
    max-width: 560px;
    margin: 0
}

.frst .usecases__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.frst .case {
    border: 1px solid #93776e33;
    border-radius: 7px;
    padding: 24px;
    box-shadow: -1px 4px 25px -1px #93776e17;
    transition: box-shadow .25s ease-out, border-color .25s ease-out;
    background: #FFF
}

.frst .case:hover {
    box-shadow: -1px 8px 60px -1px #93776e21;
    border-color: #93776e73
}

.frst .case__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 16px
}

.frst .case__role {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0 0 8px
}

.frst .case__h4 {
    font-size: 18px;
    line-height: 1.5;
    color: #131210;
    margin: 0 0 16px;
    font-weight: 600
}

.frst .case__text {
    font-size: 16px;
    line-height: 1.7;
    color: #131210b3;
    margin: 0
}

.frst .angle {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #93776e0f
}

.frst .angle__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center
}

.frst .angle__visual {
    position: relative
}

.frst .angle__img-wrap {
    aspect-ratio: 4/3;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #93776e4d;
    box-shadow: -1px 8px 60px -1px #93776e21
}

.frst .angle__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.frst .angle__badge {
    position: absolute;
    bottom: -16px;
    right: 24px;
    background: #131210;
    color: #93776E;
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #93776e59;
    box-shadow: -1px 4px 25px -1px #13121017
}

.frst .angle__text {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.frst .angle__label {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .1em;
    text-transform: uppercase
}

.frst .angle__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #131210;
    margin: 0;
    text-shadow: 1px 1px 0 #93776e2e
}

.frst .angle__h2 .acc {
    color: #93776E
}

.frst .angle__intro {
    font-size: 18px;
    line-height: 1.7;
    color: #131210bf;
    margin: 0
}

.frst .angle__body {
    font-size: 16px;
    line-height: 1.7;
    color: #131210a6;
    margin: 0
}

.frst .angle__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.frst .angle__list li {
    padding: 8px 0 8px 16px;
    border-left: 2px solid #93776E;
    font-size: 16px;
    line-height: 1.7;
    color: #131210b3
}

.frst .editorial {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #131210;
    position: relative;
    overflow: hidden
}

@keyframes bg-osc {

    0%,
    100% {
        background: #131210
    }

    50% {
        background: #1a1714
    }
}

.frst .editorial {
    animation: bg-osc 6s ease-out infinite
}

.frst .editorial__deco {
    position: absolute;
    top: -40px;
    left: -24px;
    font-size: 280px;
    line-height: 1;
    color: #93776e12;
    pointer-events: none;
    user-select: none;
    font-weight: 700
}

.frst .editorial__layout {
    display: flex;
    flex-direction: row;
    gap: 80px;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

.frst .editorial__left {
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.frst .editorial__label {
    font-size: 16px;
    line-height: 1.5;
    color: #93776eb3;
    letter-spacing: .1em;
    text-transform: uppercase
}

.frst .editorial__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #FFF;
    margin: 0;
    text-shadow: 0 2px 16px #13121080
}

.frst .editorial__h2 .acc {
    color: #93776E
}

.frst .editorial__intro {
    font-size: 18px;
    line-height: 1.7;
    color: #fff9;
    margin: 0
}

.frst .editorial__right {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.frst .std {
    border: 1px solid #93776e33;
    border-radius: 7px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    transition: border-color .2s ease-out, background .2s ease-out
}

.frst .std:hover {
    border-color: #93776e73;
    background: #93776e0d
}

.frst .std__num {
    flex: 0 0 40px;
    height: 40px;
    border-radius: 4px;
    background: #93776e26;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    font-weight: 700
}

.frst .std__body {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.frst .std__h5 {
    font-size: 16px;
    line-height: 1.5;
    color: #FFF;
    margin: 0;
    font-weight: 600
}

.frst .std__text {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff8c;
    margin: 0
}

.frst .path {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #FFF
}

.frst .path__head {
    text-align: right;
    margin-bottom: 40px
}

.frst .path__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #131210;
    margin: 0 0 16px;
    text-shadow: 1px 1px 0 #93776e2e
}

.frst .path__h2 .acc {
    color: #93776E
}

.frst .path__sub {
    font-size: 18px;
    line-height: 1.7;
    color: #131210a6;
    margin: 0
}

.frst .path__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start
}

.frst .path__steps {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.frst .step {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 24px;
    border-radius: 7px;
    border: 1px solid #93776e26;
    box-shadow: -1px 1px 3px -1px #93776e0d;
    transition: box-shadow .35s ease-out, border-color .35s ease-out
}

.frst .step:hover {
    box-shadow: -1px 4px 25px -1px #93776e17;
    border-color: #93776e59
}

.frst .step__dot {
    flex: 0 0 32px;
    height: 32px;
    border-radius: 36px;
    background: #93776E;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    color: #FFF;
    font-weight: 700;
    margin-top: 4px
}

.frst .step__body {
    flex: 1 1 0
}

.frst .step__h5 {
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    margin: 0 0 8px;
    font-weight: 600
}

.frst .step__text {
    font-size: 16px;
    line-height: 1.7;
    color: #131210a6;
    margin: 0
}

.frst .step__link {
    display: inline-block;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    text-decoration: none;
    border-bottom: 1px solid #93776e59;
    transition: border-color .2s ease-out, color .2s ease-out
}

.frst .step__link:hover {
    color: #131210;
    border-color: #131210
}

.frst .path__visual {
    position: relative
}

.frst .path__img-frame {
    aspect-ratio: 4/3;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #93776e40;
    box-shadow: -1px 8px 60px -1px #93776e21
}

.frst .path__img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.frst .path__note {
    margin-top: 16px;
    padding: 16px;
    background: #93776e14;
    border-radius: 7px;
    font-size: 16px;
    line-height: 1.7;
    color: #131210b3
}

.frst .connect {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #93776e0f;
    position: relative
}

.frst .connect__deco {
    position: absolute;
    top: 40px;
    right: 40px;
    pointer-events: none
}

.frst .connect__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start
}

.frst .connect__text {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.frst .connect__label {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .1em;
    text-transform: uppercase
}

.frst .connect__h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #131210;
    margin: 0;
    text-shadow: 1px 1px 0 #93776e2e
}

.frst .connect__h2 .acc {
    color: #93776E
}

.frst .connect__body {
    font-size: 18px;
    line-height: 1.7;
    color: #131210b3;
    margin: 0
}

.frst .connect__body2 {
    font-size: 16px;
    line-height: 1.7;
    color: #13121099;
    margin: 0
}

.frst .connect__img-wrap {
    aspect-ratio: 4/3;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #93776e40;
    box-shadow: -1px 4px 25px -1px #93776e17
}

.frst .connect__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.frst .connect__form-area {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.frst .connect__form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.frst .form__field {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.frst .form__label {
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    font-weight: 500
}

.frst .form__input {
    padding: 16px;
    border: 1px solid #93776e4d;
    border-radius: 7px;
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    background: #FFF;
    box-shadow: inset 0 2px 4px #93776e0f;
    transition: border-color .22s ease-out, box-shadow .22s ease-out;
    outline: none;
    width: 100%;
    box-sizing: border-box
}

.frst .form__input::placeholder {
    color: #13121059
}

.frst .form__input:focus {
    border-color: #93776E;
    box-shadow: inset 0 2px 4px #93776e0f 0 0 0 3px #93776e26
}

.frst .form__select {
    padding: 16px;
    border: 1px solid #93776e4d;
    border-radius: 7px;
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    background: #FFF;
    box-shadow: inset 0 2px 4px #93776e0f;
    transition: border-color .22s ease-out;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    appearance: none
}

.frst .form__select:focus {
    border-color: #93776E
}

.frst .form__submit {
    padding: 16px 40px;
    background: transparent;
    color: #93776E;
    border: 1px solid #93776E;
    border-radius: 7px;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    transition: background .25s ease-out, color .25s ease-out;
    align-self: flex-start
}

.frst .form__submit:hover,
.frst .form__submit:focus {
    background: #93776E;
    color: #FFF;
    outline: none
}

.frst .connect__habits {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.frst .habit {
    padding: 16px;
    border-left: none;
    border: 1px solid #93776e26;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    color: #131210b3;
    transition: border-color .18s ease-out
}

.frst .habit:hover {
    border-color: #93776e66
}

.frst .habit__dot {
    width: 8px;
    height: 8px;
    border-radius: 36px;
    background: #93776E;
    flex-shrink: 0
}

@media (max-width: 1024px) {
    .frst .pg-bound {
        padding-left: 24px;
        padding-right: 24px
    }

    .frst .pitch__layout {
        flex-direction: column
    }

    .frst .pitch__aside {
        flex: 0 0 auto;
        width: 100%
    }

    .frst .pitch__h1 {
        font-size: 44px
    }

    .frst .usecases__grid {
        grid-template-columns: 1fr 1fr
    }

    .frst .angle__layout {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .frst .editorial__layout {
        flex-direction: column;
        gap: 40px
    }

    .frst .editorial__left {
        flex: 0 0 auto
    }

    .frst .path__layout {
        grid-template-columns: 1fr
    }

    .frst .connect__layout {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

@media (max-width: 640px) {
    .frst .pg-bound {
        padding-left: 16px;
        padding-right: 16px
    }

    .frst .pitch {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .frst .pitch__h1 {
        font-size: 32px
    }

    .frst .usecases__grid {
        grid-template-columns: 1fr
    }

    .frst .usecases__h2,
    .frst .angle__h2,
    .frst .editorial__h2,
    .frst .path__h2,
    .frst .connect__h2 {
        font-size: 32px
    }

    .frst .usecases,
    .frst .angle,
    .frst .editorial,
    .frst .path,
    .frst .connect {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .frst .editorial__deco {
        font-size: 140px
    }

    .frst .connect__deco {
        display: none
    }
}

.evts {
    background: #FFF;
    overflow-x: clip
}

.evts * {
    box-sizing: border-box
}

.evts__aurora {
    position: relative;
    background: #FFF;
    overflow: hidden
}

.evts__aurora-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0
}

.evts__aurora-bg::before {
    content: '';
    position: absolute;
    width: 70%;
    height: 70%;
    bottom: -20%;
    right: -10%;
    background: radial-gradient(circle at bottom right, #93776e21, transparent 70%);
    animation: auroraA 9s ease-out infinite alternate
}

.evts__aurora-bg::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    top: -10%;
    left: -5%;
    background: radial-gradient(circle at bottom right, #1312100f, transparent 65%);
    animation: auroraB 13s ease-out infinite alternate
}

@keyframes auroraA {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: .7
    }

    100% {
        transform: translate(-4%, 5%) scale(1.08);
        opacity: 1
    }
}

@keyframes auroraB {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: .5
    }

    100% {
        transform: translate(5%, 4%) scale(1.1);
        opacity: .85
    }
}

.evts__spotlight {
    position: relative;
    z-index: 1;
    max-width: 1600px;
    margin: 0 auto;
    padding: 80px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center
}

.evts__spotlight-text {
    padding-right: 40px
}

.evts__label {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 24px;
    border-bottom: 1px solid #93776e4d;
    padding-bottom: 8px
}

.evts__h1 {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #131210;
    margin: 0 0 24px;
    text-shadow: -1px 4px 25px #13121017
}

.evts__h1 em {
    font-style: normal;
    color: #93776E
}

.evts__lead {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin: 0 0 40px;
    opacity: .8
}

.evts__stat-row {
    display: flex;
    flex-direction: row;
    gap: 40px
}

.evts__stat {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.evts__stat-num {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.04em;
    color: #131210;
    font-weight: 700
}

.evts__stat-num span {
    color: #93776E;
    font-size: 32px
}

.evts__stat-desc {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E
}

.evts__spotlight-img {
    position: relative
}

.evts__spotlight-img figure {
    margin: 0;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: -1px 8px 60px -1px #93776e21;
    aspect-ratio: 4/3
}

.evts__spotlight-img figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: contrast(1.05) saturate(0.9)
}

.evts__grain-overlay {
    position: absolute;
    inset: 0;
    border-radius: 7px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 2
}

.evts__divider {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px
}

.evts__divider-line {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #93776e59 30%, #93776e59 70%, transparent 100%)
}

.evts__cards-belt {
    background: #131210;
    padding: 80px 0;
    position: relative
}

.evts__cards-belt-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px
}

.evts__belt-hd {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px
}

.evts__belt-h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #FFF;
    margin: 0;
    text-shadow: -1px 4px 25px #13121021
}

.evts__belt-sub {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff80;
    max-width: 320px;
    text-align: right
}

.evts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.evts__card {
    background: #ffffff0a;
    border: 1px solid #93776e2e;
    border-radius: 7px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s ease-out, box-shadow .25s ease-out
}

.evts__card:hover {
    border-color: #93776e80;
    box-shadow: -1px 8px 60px -1px #93776e21
}

.evts__card--wide {
    grid-column: span 2;
    flex-direction: row
}

.evts__card-img {
    aspect-ratio: 4/3;
    overflow: hidden;
    flex-shrink: 0
}

.evts__card--wide .evts__card-img {
    width: 45%;
    aspect-ratio: unset
}

.evts__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease-out
}

.evts__card:hover .evts__card-img img {
    transform: scale(1.04)
}

.evts__card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.evts__card-price {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    margin-bottom: 8px;
    letter-spacing: .04em
}

.evts__card-h3 {
    font-size: 18px;
    line-height: 1.5;
    color: #FFF;
    margin: 0 0 16px;
    letter-spacing: -.01em
}

.evts__card-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff8c;
    margin: 0 0 24px;
    flex: 1
}

.evts__card-meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.evts__card-meta-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff6
}

.evts__card-meta-item svg {
    flex-shrink: 0
}

.evts__card-date {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff4d;
    margin-bottom: 16px
}

.evts__card-link {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    border: 1px solid #93776e66;
    border-radius: 4px;
    padding: 8px 16px;
    text-decoration: none;
    transition: background .2s ease-out, color .18s ease-out, border-color .2s ease-out;
    align-self: flex-start
}

.evts__card-link:hover {
    background: #93776E;
    color: #FFF;
    border-color: #93776E
}

.evts__divider2 {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #ffffff14 40%, #ffffff14 60%, transparent 100%);
    max-width: 1600px;
    margin: 0 auto
}

.evts__chart-strip {
    background: #FFF;
    padding: 80px 0
}

.evts__chart-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 80px;
    align-items: center
}

.evts__chart-text {
    padding-right: 16px
}

.evts__chart-label {
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom: 16px
}

.evts__chart-h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #131210;
    margin: 0 0 24px;
    text-shadow: -1px 1px 3px #1312100d
}

.evts__chart-body {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin: 0 0 24px;
    opacity: .75
}

.evts__chart-body--sm {
    font-size: 16px;
    line-height: 1.7;
    opacity: .6
}

.evts__chart-list {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.evts__chart-list li {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    padding-left: 16px;
    border-left: 2px solid #93776e80;
    opacity: .8
}

.evts__chart-visual {
    background: #131210;
    border-radius: 7px;
    padding: 40px;
    box-shadow: -1px 8px 60px -1px #13121021
}

.evts__chart-visual-lbl {
    font-size: 16px;
    line-height: 1.5;
    color: #fff6;
    margin-bottom: 24px
}

.evts__svg-chart {
    width: 100%;
    height: auto;
    display: block
}

.evts__chart-legend {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 24px
}

.evts__legend-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff80
}

.evts__legend-dot {
    width: 8px;
    height: 8px;
    border-radius: 20px;
    flex-shrink: 0
}

.evts__accent-strip {
    background: radial-gradient(circle at bottom right, #93776e1f, transparent 70%), #F5F2F0;
    padding: 80px 0;
    position: relative
}

.evts__accent-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px
}

.evts__accent-top {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 40px
}

.evts__accent-h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #131210;
    margin: 0;
    text-shadow: -1px 4px 25px #13121017
}

.evts__accent-aside {
    text-align: right;
    padding-top: 8px
}

.evts__accent-aside p {
    font-size: 18px;
    line-height: 1.7;
    color: #131210;
    margin: 0;
    opacity: .7
}

.evts__pillars {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.evts__pillar {
    background: #FFF;
    border-radius: 7px;
    padding: 24px;
    box-shadow: -1px 4px 25px -1px #93776e17;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow .22s ease-out
}

.evts__pillar:hover {
    box-shadow: -1px 8px 60px -1px #93776e21
}

.evts__pillar-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.evts__pillar-h4 {
    font-size: 18px;
    line-height: 1.5;
    color: #131210;
    margin: 0;
    letter-spacing: -.01em
}

.evts__pillar-p {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    margin: 0;
    opacity: .65
}

.evts__img-overlay {
    position: relative;
    border-radius: 7px;
    overflow: hidden
}

.evts__img-overlay figure {
    margin: 0;
    aspect-ratio: 4/3
}

.evts__img-overlay figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.evts__img-overlay-tint {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at bottom right, #93776e8c, #13121059 100%);
    pointer-events: none
}

.evts__img-overlay-caption {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px
}

.evts__img-overlay-caption h3 {
    font-size: 32px;
    line-height: 1.2;
    color: #FFF;
    margin: 0;
    text-shadow: -1px 4px 25px #13121021
}

.evts__cta-band {
    background: #131210;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.evts__cta-band::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    bottom: -100px;
    right: -80px;
    background: radial-gradient(circle at bottom right, #93776e2e, transparent 70%);
    pointer-events: none
}

.evts__cta-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 1
}

.evts__cta-h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #FFF;
    margin: 0 0 24px;
    text-shadow: -1px 4px 25px #13121021
}

.evts__cta-h2 em {
    font-style: normal;
    color: #93776E
}

.evts__cta-p {
    font-size: 18px;
    line-height: 1.7;
    color: #fff9;
    margin: 0 0 40px
}

.evts__cta-p--sm {
    font-size: 16px;
    line-height: 1.7;
    color: #fff6;
    margin: 0
}

.evts__cta-form {
    background: #ffffff0a;
    border: 1px solid #93776e33;
    border-radius: 7px;
    padding: 40px
}

.evts__form-h4 {
    font-size: 18px;
    line-height: 1.5;
    color: #FFF;
    margin: 0 0 24px
}

.evts__form-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px
}

.evts__form-field label {
    font-size: 16px;
    line-height: 1.5;
    color: #fff9
}

.evts__form-field input,
.evts__form-field select {
    background: #ffffff0f;
    border: 1px solid #93776e40;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #FFF;
    outline: none;
    transition: border-color .2s ease-out
}

.evts__form-field input::placeholder {
    color: #ffffff40
}

.evts__form-field input:focus,
.evts__form-field select:focus {
    border-color: #93776E
}

.evts__form-field select option {
    background: #131210;
    color: #FFF
}

.evts__form-btn {
    width: 100%;
    background: transparent;
    border: 1px solid #93776E;
    border-radius: 4px;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #93776E;
    cursor: pointer;
    margin-top: 8px;
    transition: background .22s ease-out, color .18s ease-out
}

.evts__form-btn:hover {
    background: #93776E;
    color: #FFF
}

.evts__form-btn:focus {
    outline: 2px solid #93776E;
    outline-offset: 2px
}

@media (max-width: 1100px) {
    .evts__spotlight {
        grid-template-columns: 1fr;
        padding: 40px 24px
    }

    .evts__spotlight-text {
        padding-right: 0
    }

    .evts__h1 {
        font-size: 44px
    }

    .evts__grid {
        grid-template-columns: 1fr 1fr
    }

    .evts__card--wide {
        grid-column: span 2;
        flex-direction: column
    }

    .evts__card--wide .evts__card-img {
        width: 100%;
        aspect-ratio: 4/3
    }

    .evts__chart-inner {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .evts__pillars {
        grid-template-columns: 1fr 1fr
    }

    .evts__cta-inner {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .evts__accent-top {
        grid-template-columns: 1fr
    }

    .evts__accent-aside {
        text-align: left
    }
}

@media (max-width: 700px) {
    .evts__h1 {
        font-size: 32px
    }

    .evts__belt-h2 {
        font-size: 32px
    }

    .evts__grid {
        grid-template-columns: 1fr
    }

    .evts__card--wide {
        grid-column: span 1
    }

    .evts__pillars {
        grid-template-columns: 1fr
    }

    .evts__belt-hd {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }

    .evts__belt-sub {
        text-align: left
    }

    .evts__stat-row {
        flex-direction: column;
        gap: 24px
    }

    .evts__cards-belt-inner,
    .evts__chart-inner,
    .evts__accent-inner,
    .evts__cta-inner {
        padding: 0 24px
    }

    .evts__chart-visual {
        padding: 24px
    }

    .evts__cta-form {
        padding: 24px
    }

    .evts__accent-h2 {
        font-size: 32px
    }

    .evts__cta-h2 {
        font-size: 32px
    }
}

.success-pg {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    background: #FFF
}

.success-pg .success-wrap {
    max-width: 600px;
    width: 100%;
    text-align: center
}

.success-pg .success-wrap .icon-mark {
    width: 64px;
    height: 64px;
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.success-pg .success-wrap .icon-mark svg {
    display: block
}

.success-pg .success-wrap .success-head {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #131210;
    margin: 0 0 16px;
    text-shadow: 0 1px 2px #13121017
}

.success-pg .success-wrap .success-sub {
    font-size: 18px;
    line-height: 1.7;
    color: #93776E;
    margin: 0 0 40px
}

.success-pg .success-wrap .divider-line {
    width: 48px;
    height: 2px;
    background: #93776E;
    margin: 0 auto 40px;
    border-radius: 4px
}

.success-pg .success-wrap .success-note {
    font-size: 16px;
    line-height: 1.7;
    color: #131210;
    margin: 0 0 40px;
    padding: 24px;
    border: 1px solid #93776e40;
    border-radius: 7px;
    box-shadow: -1px 1px 3px -1px #93776e0d -1px 4px 25px -1px #93776e17;
    background: #93776e0a;
    box-sizing: border-box
}

.success-pg .success-wrap .back-link {
    display: inline-block;
    padding: 16px 40px;
    font-size: 16px;
    line-height: 1.5;
    color: #131210;
    border: 1.5px solid #131210;
    border-radius: 4px;
    text-decoration: none;
    transition: background .25s ease-out, color .2s ease-out
}

.success-pg .success-wrap .back-link:hover {
    background: #131210;
    color: #FFF
}

.success-pg .success-wrap .back-link:focus {
    outline: 2px solid #93776E;
    outline-offset: 3px
}

@media (max-width: 600px) {
    .success-pg {
        padding: 40px 16px
    }

    .success-pg .success-wrap .success-head {
        font-size: 32px
    }

    .success-pg .success-wrap .success-sub {
        font-size: 16px
    }
}