:root {
    --n0: #07080b;
    --n1: #0d0f14;
    --n2: #141720;
    --n3: #1c202b;
    --iv: #efe9de;
    --iv2: #e4dccd;
    --cd: #f8f4ec;
    --ink: #12141a;
    --tx: #ece6da;
    --mu: #a29d92;
    --mu2: #5c5850;
    --ln: rgba(236, 230, 218, .12);
    --ln2: rgba(18, 20, 26, .13);
    --jd: #3fd0a4;
    --jd2: #0c7a61;
    --jdk: #0b2c26;
    --cr: #ff6f6a;
    --fd: 'Syne', 'Manrope', sans-serif;
    --fb: 'Manrope', system-ui, sans-serif;
    --fn: 'Manrope', system-ui, sans-serif;
    --fs: 'Instrument Serif', Georgia, serif;
    --r1: 14px;
    --r2: 24px;
    --r3: 34px;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--n1);
    color: var(--tx);
    font-family: var(--fb);
    font-size: 1rem;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

h1, h2, h3, h4 {
    font-family: var(--fd);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.05;
    margin: 0;
}

p {
    margin: 0 0 1rem;
}

dl, dd {
    margin: 0;
}

button {
    font-family: inherit;
    cursor: pointer;
}

::selection {
    background: var(--jd);
    color: var(--n1);
}

:focus-visible {
    outline: 2px solid var(--jd);
    outline-offset: 3px;
}

.container-xxl {
    --bs-gutter-x: 2rem;
}

@media (min-width: 992px) {
    .container-xxl {
        --bs-gutter-x: 3rem;
    }
}

.zq0sp {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.sv1tq {
    width: 1em;
    height: 1em;
    fill: currentColor;
    flex: none;
    display: inline-block;
    vertical-align: -.125em;
}

.rs6gm {
    color: var(--cr);
}

.za1gt {
    display: none;
}

.vg0lk body {
    overflow: hidden;
}

.vg0lk .za1gt {
    display: grid;
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: var(--n1);
    transition: opacity .4s ease;
}

.za1gt.zb5fd {
    opacity: 0;
}

.za2im {
    display: none;
    position: relative;
    background: url(../images/hero-bg.jpg) center / cover no-repeat;
}

.za2im::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 15, 20, .35), rgba(13, 15, 20, .9));
}

.za4bg {
    position: absolute;
    left: 3rem;
    top: 2.5rem;
    z-index: 1;
    font-family: var(--fn);
    font-weight: 800;
    font-size: clamp(7rem, 13vw, 12rem);
    line-height: .85;
    letter-spacing: -.05em;
    color: transparent;
    -webkit-text-stroke: 2px var(--jd);
}

.za3cp {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--tx);
}

.za3pn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    overflow-y: auto;
}

.za6bx {
    width: 100%;
    max-width: 31rem;
}

.za5ti {
    font-size: clamp(2.3rem, 4.6vw, 3.5rem);
    font-weight: 800;
    letter-spacing: -.04em;
    margin: 0 0 1.1rem;
}

.za6tx {
    color: var(--mu);
    font-size: 1.05rem;
}

.za6tx a,
.za8sm a {
    color: var(--jd);
    text-decoration: underline;
}

.za7bt {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin: 1.75rem 0 1.4rem;
}

.za8sm {
    margin: 0;
    font-size: .82rem;
    color: var(--mu);
}

@media (min-width: 992px) {
    .vg0lk .za1gt {
        grid-template-columns: 1.1fr 1fr;
    }

    .za2im {
        display: flex;
        align-items: flex-end;
        padding: 3rem;
    }
}

.qa1tb {
    background: var(--n0);
    border-bottom: 1px solid var(--ln);
    font-size: .8rem;
    color: var(--mu);
}

.qa2in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 1.5rem;
    min-height: 44px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.qa3ag {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0;
    line-height: 1.4;
}

.qa4bd {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    border: 1.5px solid var(--jd);
    color: var(--jd);
    font-family: var(--fn);
    font-weight: 800;
    font-size: .72rem;
    letter-spacing: 0;
}

.qa5rt {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.qa6ck {
    align-items: center;
    gap: .45rem;
}

.qa6ck b {
    color: var(--tx);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.qa7ln {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--tx);
    font-weight: 600;
    transition: color .2s;
}

.qa7ln:hover {
    color: var(--jd);
}

.qn1hd {
    position: relative;
    z-index: 20;
    background: var(--n1);
    border-bottom: 1px solid var(--ln);
}

.qn2nv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    min-height: 86px;
}

.qn3lg {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    flex: none;
    color: var(--tx);
}

.qn4mk {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--jd);
    color: var(--n1);
    font-size: 1.3rem;
    transition: rotate .4s ease, border-radius .4s ease;
}

.qn3lg:hover .qn4mk {
    rotate: -12deg;
    border-radius: 50%;
}

.qn5wm {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    font-family: var(--fd);
    font-weight: 800;
    font-size: 1.32rem;
    letter-spacing: -.02em;
    line-height: 1;
}

.qn5wm small {
    font-family: var(--fb);
    font-weight: 700;
    font-size: .62rem;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--mu);
}

.qn6ls {
    list-style: none;
    margin: 0;
    padding: .3rem;
    gap: .1rem;
    border: 1px solid var(--ln);
    border-radius: 999px;
    background: var(--n2);
}

.qn7lk {
    display: block;
    padding: .55rem .78rem;
    border-radius: 999px;
    font-size: .84rem;
    font-weight: 700;
    color: var(--mu);
    white-space: nowrap;
    transition: color .2s, background .2s;
}

.qn7lk:hover {
    color: var(--tx);
}

.qn7lk.qv0on {
    background: var(--tx);
    color: var(--n1);
}

.qn8ac {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.qn9bg {
    display: grid;
    place-content: center;
    gap: 5px;
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--ln);
    background: var(--n2);
    transition: border-color .2s;
}

.qn9bg span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: var(--tx);
    transition: transform .3s, opacity .3s, width .3s;
}

.qn9bg span:nth-child(2) {
    width: 13px;
    justify-self: end;
}

.qn9bg:hover {
    border-color: var(--jd);
}

.qn9bg:hover span:nth-child(2) {
    width: 20px;
}

.qn9bg.qm2op span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.qn9bg.qm2op span:nth-child(2) {
    opacity: 0;
}

.qn9bg.qm2op span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.qm3dr {
    --bs-offcanvas-width: min(440px, 100vw);
    background: var(--n2);
    color: var(--tx);
}

.qm3dr.offcanvas-end {
    border-left: 1px solid var(--ln);
}

.qm5hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--ln);
}

.qm6cl {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--ln);
    background: transparent;
    color: var(--tx);
    font-size: 1.1rem;
    transition: background .2s, color .2s;
}

.qm6cl:hover {
    background: var(--jd);
    color: var(--n1);
}

.qm7ls {
    list-style: none;
    margin: 0;
    padding: .75rem 1.5rem;
    flex: 1;
    overflow-y: auto;
}

.qm8lk {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--ln);
    font-family: var(--fd);
    font-weight: 700;
    font-size: 1.45rem;
    letter-spacing: -.02em;
    color: var(--tx);
    transition: color .2s, padding .2s;
}

.qm8lk small {
    font-family: var(--fb);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--mu);
}

.qm8lk:hover,
.qm8lk.qv0on {
    color: var(--jd);
    padding-left: .4rem;
}

.qm9ft {
    display: grid;
    justify-items: start;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.75rem;
    border-top: 1px solid var(--ln);
    font-size: .85rem;
    color: var(--mu);
}

.qb1pr,
.qb2gh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    padding: .95rem 1.55rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .95rem;
    line-height: 1.2;
    white-space: nowrap;
    transition: background .25s, color .25s, border-color .25s;
}

.qb1pr {
    border: 0;
    background: var(--jd);
    color: var(--n1);
}

.qb1pr i,
.qb2gh i,
.qb3ln i {
    transition: transform .25s;
}

.qb1pr:hover {
    background: var(--tx);
    color: var(--n1);
}

.qb1pr:hover i,
.qb2gh:hover i,
.qb3ln:hover i {
    transform: translateX(4px);
}

.qb2gh {
    border: 1px solid rgba(236, 230, 218, .28);
    background: transparent;
    color: var(--tx);
}

.qb2gh:hover {
    border-color: var(--jd);
    color: var(--jd);
}

.qb4sm {
    padding: .72rem 1.2rem;
    font-size: .88rem;
}

.qb3ln {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding-bottom: .15rem;
    border-bottom: 1px solid currentColor;
    font-weight: 700;
    color: var(--jd);
    transition: color .2s;
}

.qb3ln:hover {
    color: var(--tx);
}

.qs1sc {
    position: relative;
    padding: clamp(4.5rem, 9vw, 7.5rem) 0;
}

.qs2iv {
    background: var(--iv);
    color: var(--ink);
}

.qs4jd {
    background: radial-gradient(70% 90% at 100% 0%, rgba(63, 208, 164, .16), transparent 60%), var(--jdk);
}

.qs6tt {
    padding: clamp(2rem, 5vw, 3.5rem) 0 clamp(3.5rem, 7vw, 5.5rem);
}

.qs2iv .qb1pr {
    background: var(--ink);
    color: var(--iv);
}

.qs2iv .qb1pr:hover {
    background: var(--jd2);
    color: #fff;
}

.qs2iv .qb2gh {
    border-color: var(--ln2);
    color: var(--ink);
}

.qs2iv .qb2gh:hover {
    border-color: var(--jd2);
    color: var(--jd2);
}

.qs2iv .qb3ln {
    color: var(--jd2);
}

.qs2iv .qb3ln:hover {
    color: var(--ink);
}

.qg0hd {
    margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.qe1ey {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin: 0 0 1.1rem;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--mu);
}

.qe1ey b {
    color: var(--jd);
    font-weight: 800;
    letter-spacing: .04em;
}

.qs2iv .qe1ey {
    color: var(--mu2);
}

.qs2iv .qe1ey b {
    color: var(--jd2);
}

.qg1h2 {
    font-size: clamp(2.2rem, 4.8vw, 4.1rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
}

.qh3ac {
    color: var(--jd);
}

.qs2iv .qh3ac {
    color: var(--jd2);
}

.qg2ld {
    max-width: 36rem;
    margin: 1.15rem 0 0;
    font-size: 1.08rem;
    color: var(--mu);
}

.qs2iv .qg2ld {
    color: var(--mu2);
}

.qg2ld a {
    color: inherit;
    text-decoration: underline;
}

.qg3sp {
    display: grid;
    gap: 1.5rem;
    align-items: end;
}

.qg3sp > .qb2gh {
    justify-self: start;
}

.qg4cn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (min-width: 992px) {
    .qg3sp {
        grid-template-columns: 1.4fr 1fr;
        gap: 3rem;
    }

    .qg3sp .qg2ld {
        margin: 0;
        justify-self: end;
    }

    .qg3sp > .qb2gh {
        justify-self: end;
    }
}

.qj0rd .qr0rv {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .8s ease, transform .8s cubic-bezier(.2, .7, .2, 1);
}

.qj0rd .qr0rv.qr9in {
    opacity: 1;
    transform: none;
}

@keyframes qpl {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(63, 208, 164, .55);
    }

    70% {
        box-shadow: 0 0 0 9px rgba(63, 208, 164, 0);
    }
}

@keyframes qbar {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes qfd {
    from {
        opacity: 0;
        translate: 0 14px;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

.qh1hr {
    position: relative;
    overflow: hidden;
    padding: clamp(3rem, 7vw, 6rem) 0 clamp(3.5rem, 7vw, 6rem);
    background: radial-gradient(55% 60% at 88% 18%, rgba(63, 208, 164, .15), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgba(255, 111, 106, .08), transparent 70%);
}

.qh1hr::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(var(--ln) 1px, transparent 1px), linear-gradient(90deg, var(--ln) 1px, transparent 1px);
    background-size: 76px 76px;
    -webkit-mask-image: radial-gradient(65% 60% at 30% 45%, #000, transparent);
    mask-image: radial-gradient(65% 60% at 30% 45%, #000, transparent);
    opacity: .55;
    pointer-events: none;
}

.qh1hr .container-xxl {
    position: relative;
}

.qk1tg {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1.75rem;
    padding: .5rem 1rem;
    border: 1px solid var(--ln);
    border-radius: 999px;
    background: rgba(255, 255, 255, .03);
    font-size: .8rem;
    font-weight: 700;
    color: var(--tx);
}

.qk2dt,
.qt7pl {
    width: 9px;
    height: 9px;
    flex: none;
    border-radius: 50%;
    background: var(--jd);
    animation: qpl 2.2s infinite;
}

.qh0cl {
    min-width: 0;
    container-type: inline-size;
}

.qh2tt {
    margin-bottom: 1.75rem;
    font-size: clamp(2.2rem, 5.2vw, 5.1rem);
    font-size: clamp(2.2rem, 10.8cqi, 5.1rem);
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: .96;
}

.qh4ol {
    color: transparent;
    -webkit-text-stroke: 1.6px var(--tx);
}

.qh5ld {
    max-width: 35rem;
    margin-bottom: 2rem;
    font-size: 1.12rem;
    color: var(--mu);
}

.qh6bt {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 3rem;
}

.qh7st {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 36rem;
    border-top: 1px solid var(--ln);
}

.qh8si {
    display: flex;
    flex-direction: column-reverse;
    gap: .35rem;
    padding: 1.25rem 1rem 0 0;
}

.qh8si + .qh8si {
    padding-left: 1.25rem;
    border-left: 1px solid var(--ln);
}

.qh8si dt {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mu);
}

.qh8si dd {
    font-family: var(--fn);
    font-weight: 800;
    font-size: clamp(1.9rem, 3.4vw, 2.8rem);
    line-height: 1;
    letter-spacing: -.03em;
}

.qx2fr {
    position: relative;
    aspect-ratio: 4 / 5;
    border-radius: var(--r3);
    overflow: hidden;
    background: var(--n2);
    box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .65);
}

.qx3im {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transform: scale(1.06);
    transition: opacity .8s ease, transform 1.4s ease;
}

.qx3im.qv0on {
    opacity: 1;
    transform: none;
}

.qx3im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qx3im::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 42%, rgba(8, 9, 12, .88));
}

.qx4cp {
    position: absolute;
    left: 1.6rem;
    right: 1.6rem;
    bottom: 1.5rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.qx4cp strong {
    font-family: var(--fd);
    font-weight: 800;
    font-size: clamp(1.4rem, 2.4vw, 1.9rem);
    letter-spacing: -.03em;
    line-height: 1.1;
}

.qx4cp > span:last-child {
    font-size: .88rem;
    color: rgba(236, 230, 218, .78);
}

.qx7nm {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: .2rem;
    margin-bottom: .5rem;
    padding: .4rem .65rem;
    border-radius: 10px;
    background: var(--iv);
    color: var(--ink);
    font-family: var(--fn);
    font-weight: 800;
    font-size: 1rem;
    line-height: 1;
}

.qx7nm.rs6gm {
    color: #d8433e;
}

.qx5ls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin-top: 1rem;
}

.qx6bn {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
    padding: .7rem .9rem;
    border-radius: var(--r1);
    border: 1px solid var(--ln);
    background: transparent;
    color: var(--mu);
    font-weight: 700;
    font-size: .88rem;
    text-align: left;
    transition: color .25s, background .25s, border-color .25s;
}

.qx6bn small {
    font-size: .66rem;
    letter-spacing: .14em;
    opacity: .7;
}

.qx6bn:hover {
    color: var(--tx);
    border-color: rgba(236, 230, 218, .3);
}

.qx6bn.qv0on {
    background: var(--tx);
    border-color: var(--tx);
    color: var(--n1);
}

.qx8ap .qx6bn.qv0on::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background: var(--jd2);
    animation: qbar 6s linear forwards;
}

.qt5st {
    background: var(--n2);
    border-top: 1px solid var(--ln);
    border-bottom: 1px solid var(--ln);
}

.qt6gr {
    display: grid;
    grid-template-columns: 1fr;
}

.qt6cl {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    margin: 0;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--ln);
}

.qt6cl:last-child {
    border-bottom: 0;
}

.qt6cl strong {
    font-family: var(--fn);
    font-weight: 700;
    font-size: 1.02rem;
}

.qt6cl span {
    font-size: .82rem;
    color: var(--mu);
}

.qt6cl.qt8hd {
    flex-direction: row;
    align-items: center;
    gap: .7rem;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jd);
}

@media (min-width: 768px) {
    .qt6gr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 2rem;
    }

    .qt8hd {
        grid-column: 1 / -1;
    }

    .qt6cl:nth-last-child(2) {
        border-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .qt6gr {
        grid-template-columns: .9fr repeat(4, minmax(0, 1.2fr));
        column-gap: 0;
    }

    .qt8hd {
        grid-column: auto;
    }

    .qt6cl {
        padding: 1.2rem 1.4rem;
        border-bottom: 0;
    }

    .qt6cl:first-child {
        padding-left: 0;
    }

    .qt6cl + .qt6cl {
        border-left: 1px solid var(--ln);
    }
}

.qe3mf {
    max-width: 70rem;
    margin: 0 0 clamp(3rem, 6vw, 5rem);
    font-family: var(--fd);
    font-weight: 700;
    font-size: clamp(1.85rem, 4.2vw, 3.6rem);
    line-height: 1.14;
    letter-spacing: -.035em;
}

.qe4pl {
    display: inline-block;
    width: 2.3em;
    height: .95em;
    margin: 0 .08em;
    border-radius: 999px;
    overflow: hidden;
    vertical-align: -.1em;
}

.qe4pl img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qe5rl {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 2.5rem;
}

.qe6ri {
    padding: 1.5rem 0;
    border-top: 1px solid var(--ln2);
}

.qe7nm {
    display: block;
    margin-bottom: 1.5rem;
    font-family: var(--fn);
    font-weight: 800;
    font-size: .95rem;
    color: var(--jd2);
}

.qe6ri h3 {
    font-size: 1.4rem;
    margin-bottom: .6rem;
}

.qe6ri p {
    margin: 0;
    color: var(--mu2);
}

@media (min-width: 768px) {
    .qe5rl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .qe5rl {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.qp1pn {
    display: grid;
    gap: 1rem;
}

.qp2it {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 460px;
    border-radius: var(--r2);
    overflow: hidden;
    background: var(--n2);
}

.qp2it::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(8, 9, 12, .05) 25%, rgba(8, 9, 12, .93));
    pointer-events: none;
    transition: background .5s;
}

.qp3im {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.2s ease;
}

.qp4vl {
    display: none;
}

.qp5bd {
    position: relative;
    z-index: 2;
    padding: 1.75rem;
}

.qp9ct {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .7rem;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--tx);
}

.qp9ct > span {
    display: inline-flex;
    align-items: center;
    gap: .15rem;
    padding: .3rem .5rem;
    border-radius: 8px;
    background: var(--iv);
    color: var(--ink);
    font-family: var(--fn);
    font-size: .9rem;
    letter-spacing: 0;
    line-height: 1;
}

.qp9ct > span.rs6gm {
    color: #d8433e;
}

.qp5bd h3 {
    margin-bottom: .55rem;
    font-size: clamp(1.7rem, 2.6vw, 2.3rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.qp5bd > p:not(.qp9ct) {
    max-width: 30rem;
    color: rgba(236, 230, 218, .8);
}

.qp6fc {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    margin: 1.25rem 0;
    padding: 1rem 0;
    border-top: 1px solid rgba(236, 230, 218, .18);
    border-bottom: 1px solid rgba(236, 230, 218, .18);
}

.qp6fc dt {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mu);
}

.qp6fc dd {
    font-family: var(--fn);
    font-weight: 700;
    font-size: 1.25rem;
}

.qp8ft {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.qp7ch {
    font-size: .85rem;
    color: var(--mu);
}

@media (min-width: 992px) {
    .qp1pn {
        display: flex;
        gap: .75rem;
        height: 620px;
    }

    .qp2it {
        flex: 1 1 0;
        min-width: 0;
        min-height: 0;
        transition: flex .75s cubic-bezier(.6, .05, .2, 1);
    }

    .qp2it.qv0on {
        flex: 6.5 1 0;
    }

    .qp2it:not(.qv0on)::after {
        background: rgba(8, 9, 12, .62);
    }

    .qp2it:not(.qv0on):hover::after {
        background: rgba(8, 9, 12, .42);
    }

    .qp2it.qv0on .qp3im {
        transform: scale(1.03);
    }

    .qp4vl {
        position: absolute;
        inset: 0;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .9rem;
        padding: 1.75rem 0;
        border: 0;
        background: transparent;
        color: var(--tx);
        font-family: var(--fd);
        font-weight: 700;
        font-size: 1.1rem;
        letter-spacing: -.01em;
        writing-mode: vertical-rl;
        rotate: 180deg;
        transition: opacity .3s;
    }

    .qp4vl span {
        font-family: var(--fb);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .14em;
        color: var(--jd);
    }

    .qp4vl .sv1tq {
        rotate: 180deg;
    }

    .qp2it.qv0on .qp4vl {
        opacity: 0;
        pointer-events: none;
    }

    .qp5bd {
        min-width: 440px;
        transition: opacity .45s ease .25s, translate .45s ease .25s;
    }

    .qp2it:not(.qv0on) .qp5bd {
        opacity: 0;
        visibility: hidden;
        translate: 0 20px;
        transition: none;
    }
}

.qo0bn {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.qo1tl {
    position: relative;
    overflow: hidden;
    border-radius: var(--r2);
}

.qo2im {
    min-height: 380px;
    background: var(--ink);
}

.qo2im img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qo2im::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 9, 12, 0) 30%, rgba(8, 9, 12, .9));
}

.qo7ov {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    color: #fff;
}

.qo7ov h3 {
    margin: 1rem 0 .5rem;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.qo7ov p {
    max-width: 26rem;
    margin: 0;
    color: rgba(255, 255, 255, .8);
}

.qo6fx {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: .45rem;
    padding: .38rem .8rem;
    border-radius: 999px;
    border: 1px solid var(--ln);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .05em;
    color: var(--tx);
    white-space: nowrap;
}

.qs2iv .qo6fx {
    border-color: var(--ln2);
    color: var(--ink);
}

.qs2iv .qo7ov .qo6fx {
    border-color: rgba(255, 255, 255, .35);
    color: #fff;
}

.qo3gm {
    display: flex;
    flex-direction: column;
    padding: 1.6rem;
    background: var(--cd);
    border: 1px solid var(--ln2);
    transition: translate .35s ease, border-color .35s, box-shadow .35s;
}

.qo3gm:hover {
    translate: 0 -5px;
    border-color: rgba(12, 122, 97, .45);
    box-shadow: 0 24px 40px -28px rgba(18, 20, 26, .45);
}

.qo5ic {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--ink);
    color: var(--iv);
    font-size: 1.25rem;
}

.qo5ic.rs6gm {
    color: var(--cr);
}

.qo3gm h3 {
    margin: 2rem 0 .5rem;
    font-size: 1.35rem;
}

.qo3gm p {
    margin-bottom: 1.1rem;
    font-size: .94rem;
    color: var(--mu2);
}

.qo3gm .qo6fx {
    margin-top: auto;
}

.qo4ct {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    min-height: 240px;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    background: var(--ink);
    color: #fff;
}

.qo4ct img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .42;
    transition: transform .9s ease, opacity .4s;
}

.qo4ct:hover img {
    transform: scale(1.05);
    opacity: .6;
}

.qo8tx {
    position: relative;
    max-width: 20rem;
    font-family: var(--fd);
    font-weight: 800;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    letter-spacing: -.03em;
    line-height: 1.1;
}

.qo8tx small {
    display: block;
    margin-bottom: .6rem;
    font-family: var(--fb);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jd);
}

.qo9ar {
    position: relative;
    display: grid;
    place-items: center;
    flex: none;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--jd);
    color: var(--n1);
    font-size: 1.1rem;
    transition: rotate .35s;
}

.qo4ct:hover .qo9ar {
    rotate: -45deg;
}

@media (min-width: 768px) {
    .qo0bn {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qo2im,
    .qo4ct {
        grid-column: 1 / -1;
    }
}

@media (min-width: 992px) {
    .qo0bn {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: minmax(250px, auto);
    }

    .qo2im {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

    .qo4ct {
        grid-column: 3 / 5;
    }
}

@media (min-width: 992px) {
    .qk3sk {
        position: sticky;
        top: 2rem;
    }
}

.qk7im {
    margin-top: 2.25rem;
    aspect-ratio: 4 / 3;
    border-radius: var(--r2);
    overflow: hidden;
}

.qk7im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qk4ac {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--ln);
}

.qk5ai {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem 2.25rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--ln);
}

.qk6tm {
    font-family: var(--fn);
    font-weight: 800;
    font-size: clamp(2.4rem, 4.6vw, 3.7rem);
    letter-spacing: -.04em;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.2px var(--tx);
    transition: color .35s, -webkit-text-stroke-color .35s;
}

.qk5ai:hover .qk6tm {
    color: var(--jd);
    -webkit-text-stroke-color: var(--jd);
}

.qk5ai small {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jd);
}

.qk5ai h3 {
    margin: .35rem 0 .5rem;
    font-size: 1.5rem;
}

.qk5ai p {
    margin: 0;
    color: var(--mu);
}

@media (min-width: 576px) {
    .qk5ai {
        grid-template-columns: 11.5rem 1fr;
    }
}

.qc1tw {
    overflow-x: auto;
    border-radius: var(--r2);
    border: 1px solid var(--ln2);
    background: var(--cd);
}

.qc2tb {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
}

.qc2tb th,
.qc2tb td {
    padding: 1.05rem 1.25rem;
    border-bottom: 1px solid var(--ln2);
    text-align: center;
}

.qc2tb thead th {
    vertical-align: bottom;
    padding-top: 1.75rem;
    font-family: var(--fd);
    font-weight: 800;
    font-size: 1.3rem;
    letter-spacing: -.02em;
}

.qc2tb thead th:first-child {
    text-align: left;
    font-family: var(--fb);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mu2);
}

.qc2tb thead small {
    display: block;
    margin-top: .25rem;
    font-family: var(--fb);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--mu2);
}

.qc2tb tbody th {
    text-align: left;
    font-weight: 600;
}

.qc2tb tbody tr {
    transition: background .2s;
}

.qc2tb tbody tr:hover {
    background: rgba(12, 122, 97, .06);
}

.qc2tb tbody tr:last-child > * {
    border-bottom: 0;
}

.qc2tb th:nth-child(3),
.qc2tb td:nth-child(3) {
    background: rgba(12, 122, 97, .05);
}

.qc3ky {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin: 0 auto .8rem;
    border-radius: 50%;
    font-size: 1rem;
}

.qc4br {
    background: #c9a15a;
    color: var(--ink);
}

.qc5gn {
    background: #a3263a;
    color: #fff;
}

.qc6cr {
    background: var(--ink);
    color: #e9c46a;
}

.qc7ys {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--jd2);
    color: #fff;
    font-size: .78rem;
}

.qc8no {
    display: inline-block;
    width: 14px;
    height: 2px;
    vertical-align: middle;
    background: rgba(18, 20, 26, .25);
}

.qc9ft {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.qc0ml {
    font-weight: 700;
    color: var(--mu2);
}

.qv7mh {
    margin: 3rem 0 1rem;
    font-family: var(--fb);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--jd);
}

.qg0hd + .qv7mh {
    margin-top: 0;
}

.qv1ls {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--ln);
}

.qv1ls > li {
    border-bottom: 1px solid var(--ln);
}

.qv2rw {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .4rem 1.25rem;
    padding: 1.4rem 0;
    border-radius: var(--r1);
    color: var(--tx);
    transition: padding .35s, background .35s;
}

.qv3dt {
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid var(--ln);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1.05;
    color: var(--mu);
}

.qv3dt b {
    font-family: var(--fn);
    font-weight: 800;
    font-size: 1.55rem;
    letter-spacing: -.02em;
    color: var(--tx);
}

.qv4tt {
    font-family: var(--fd);
    font-weight: 700;
    font-size: clamp(1.2rem, 2.2vw, 1.85rem);
    letter-spacing: -.025em;
    line-height: 1.15;
}

.qv4tt small {
    display: block;
    margin-top: .35rem;
    font-family: var(--fb);
    font-size: .86rem;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--mu);
}

.qv5vn {
    grid-column: 2;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .88rem;
    color: var(--mu);
}

.qv5vn i {
    color: var(--jd);
}

.qv6ar {
    grid-column: 3;
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--ln);
    transition: background .3s, color .3s, border-color .3s;
}

.qv6ar i {
    transition: rotate .3s;
}

.qv2rw:hover {
    padding-left: 1rem;
    padding-right: 1rem;
    background: var(--n2);
}

.qv2rw:hover .qv6ar {
    background: var(--jd);
    border-color: var(--jd);
    color: var(--n1);
}

.qv2rw:hover .fa-arrow-right {
    rotate: -45deg;
}

@media (min-width: 992px) {
    .qv2rw {
        grid-template-columns: 96px minmax(0, 1fr) 320px 56px;
        gap: 2rem;
        padding: 1.6rem 0;
    }

    .qv3dt {
        grid-row: auto;
        width: 88px;
        height: 88px;
        font-size: .7rem;
    }

    .qv3dt b {
        font-size: 2rem;
    }

    .qv5vn {
        grid-column: auto;
        font-size: .95rem;
    }

    .qv6ar {
        grid-column: auto;
        grid-row: auto;
        width: 56px;
        height: 56px;
    }
}

.qq1sl {
    max-width: 62rem;
    margin: 0 auto;
    text-align: center;
}

.qq7tr {
    display: grid;
}

.qq2sd {
    grid-area: 1 / 1;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    translate: 0 16px;
    transition: opacity .6s ease, translate .6s ease, visibility .6s;
}

.qq2sd.qv0on {
    opacity: 1;
    visibility: visible;
    translate: 0 0;
}

.qq2sd blockquote {
    margin: 0 0 2rem;
    font-family: var(--fs);
    font-size: clamp(1.9rem, 4.6vw, 3.7rem);
    line-height: 1.12;
    letter-spacing: -.01em;
}

.qq2sd blockquote::before {
    content: "\201C";
    display: block;
    height: .55em;
    font-size: 2.2em;
    line-height: 1;
    color: var(--jd);
}

.qq2sd figcaption strong {
    display: block;
    font-family: var(--fd);
    font-size: 1.1rem;
}

.qq2sd figcaption span {
    font-size: .88rem;
    color: rgba(236, 230, 218, .65);
}

.qq3ct {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 2.5rem;
}

.qq4bt {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(236, 230, 218, .25);
    background: transparent;
    color: var(--tx);
    transition: background .25s, color .25s, border-color .25s;
}

.qq4bt:hover {
    background: var(--jd);
    border-color: var(--jd);
    color: var(--n1);
}

.qq5ix {
    min-width: 5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: rgba(236, 230, 218, .6);
}

.qq5ix b {
    color: var(--tx);
}

.qf4ls {
    border-top: 1px solid var(--ln2);
}

.qf1it {
    border-bottom: 1px solid var(--ln2);
}

.qf2sm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem 0;
    list-style: none;
    cursor: pointer;
    font-family: var(--fd);
    font-weight: 700;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    letter-spacing: -.02em;
    line-height: 1.25;
}

.qf2sm::-webkit-details-marker {
    display: none;
}

.qf2sm i {
    display: grid;
    place-items: center;
    flex: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--ln2);
    font-size: .9rem;
    transition: rotate .3s, background .3s, color .3s, border-color .3s;
}

.qf2sm:hover i {
    border-color: var(--ink);
}

.qf1it[open] .qf2sm i {
    rotate: 45deg;
    background: var(--ink);
    border-color: var(--ink);
    color: var(--iv);
}

.qf3an {
    max-width: 44rem;
    margin: 0;
    padding: 0 3.5rem 1.75rem 0;
    color: var(--mu2);
}

.qf7mc {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    max-width: 27rem;
    margin-top: 2.25rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--r2);
    background: var(--ink);
    color: var(--iv);
    transition: background .3s;
}

.qf7mc i {
    font-size: 1.4rem;
    color: var(--jd);
}

.qf7mc span {
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.qf7mc small {
    font-size: .78rem;
    font-weight: 500;
    color: rgba(239, 233, 222, .62);
}

.qf7mc:hover {
    background: var(--jd2);
}

.qr1bd {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1.75rem;
    align-items: center;
    padding: clamp(2rem, 5vw, 3.5rem);
    border-radius: var(--r3);
    border: 1px solid var(--ln);
    background: linear-gradient(135deg, var(--n2), var(--n1));
}

.qr2bg {
    font-family: var(--fn);
    font-weight: 800;
    font-size: clamp(5rem, 11vw, 8.5rem);
    letter-spacing: -.06em;
    line-height: .8;
    color: transparent;
    -webkit-text-stroke: 1.5px var(--jd);
}

.qr3tx h2 {
    margin-bottom: .75rem;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    font-weight: 800;
    letter-spacing: -.03em;
}

.qr3tx p {
    max-width: 40rem;
    margin: 0;
    color: var(--mu);
}

.qr1bd > .qb1pr {
    justify-self: start;
}

@media (min-width: 992px) {
    .qr1bd {
        grid-template-columns: auto 1fr auto;
        gap: 3rem;
    }
}

.qr4ct {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 2rem;
    align-items: end;
    padding: clamp(2.25rem, 6vw, 4.5rem);
    border-radius: var(--r3);
    background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .28) 0 9rem, transparent 9.05rem), radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .14) 0 16rem, transparent 16.05rem), var(--jd);
    color: var(--n1);
}

.qr4ct .qe1ey {
    color: rgba(13, 15, 20, .65);
}

.qr4ct .qe1ey b {
    color: var(--n1);
}

.qr4ct h2 {
    margin-bottom: 1rem;
    font-size: clamp(2.2rem, 5vw, 4rem);
    font-weight: 800;
    letter-spacing: -.045em;
}

.qr4ct p {
    max-width: 38rem;
    margin: 0;
    font-size: 1.05rem;
    color: rgba(13, 15, 20, .78);
}

.qr4ct .qb1pr {
    justify-self: start;
    background: var(--n1);
    color: var(--tx);
}

.qr4ct .qb1pr:hover {
    background: #fff;
    color: var(--n1);
}

@media (min-width: 992px) {
    .qr4ct {
        grid-template-columns: 1fr auto;
        gap: 3rem;
    }
}

.qz0ft {
    padding: clamp(4rem, 8vw, 6rem) 0 2rem;
    background: var(--n0);
    border-top: 1px solid var(--ln);
}

.qz1ct {
    margin-bottom: clamp(3rem, 6vw, 4.5rem);
    padding-bottom: clamp(3rem, 6vw, 4.5rem);
    border-bottom: 1px solid var(--ln);
}

.qz2ml {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .2em .35em;
    max-width: 100%;
    font-family: var(--fd);
    font-weight: 800;
    font-size: clamp(1.6rem, 3.9vw, 3.45rem);
    letter-spacing: -.05em;
    line-height: 1.02;
    color: var(--tx);
    overflow-wrap: anywhere;
    transition: color .3s;
}

.qz2ml i {
    font-size: .6em;
    color: var(--jd);
    transition: rotate .3s;
}

.qz2ml:hover {
    color: var(--jd);
}

.qz2ml:hover i {
    rotate: -45deg;
}

.qz3br {
    max-width: 22rem;
    margin: 1.5rem 0 0;
    color: var(--mu);
}

.qz4hd {
    margin-bottom: 1.25rem;
    font-family: var(--fb);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--mu);
}

.qz5ls {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .65rem;
}

.qz6lk {
    font-weight: 600;
    color: var(--tx);
    transition: color .2s;
}

.qz6lk:hover,
.qz6lk.qv0on {
    color: var(--jd);
}

.qz7hs li {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .55rem;
    border-bottom: 1px dashed var(--ln);
    font-weight: 600;
}

.qz7hs span {
    font-size: .86rem;
    font-weight: 500;
    color: var(--mu);
}

.qz7dc {
    display: grid;
    gap: 1.5rem;
    margin-top: clamp(3rem, 6vw, 4rem);
    padding: 1.75rem;
    border-radius: var(--r2);
    border: 1px solid var(--ln);
    background: var(--n2);
    font-size: .86rem;
    color: var(--mu);
}

.qz7dc p:not(:last-child) {
    margin-bottom: .75rem;
}

.qz7dc a {
    color: var(--tx);
    text-decoration: underline;
}

.qz8og {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    gap: .5rem;
}

.qz7dc .qz8og a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .55rem .95rem;
    border-radius: 999px;
    border: 1px solid var(--ln);
    font-size: .8rem;
    font-weight: 700;
    color: var(--tx);
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s, border-color .2s;
}

.qz8og a:hover {
    border-color: var(--jd);
    color: var(--jd);
}

.qz8og i {
    font-size: .68rem;
}

.qz9bt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .5rem 1.5rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--ln);
    font-size: .82rem;
    color: var(--mu);
}

@media (min-width: 992px) {
    .qz7dc {
        grid-template-columns: auto 1fr auto;
        align-items: start;
        gap: 2rem;
    }

    .qz8og {
        flex-direction: column;
    }
}

.qy0up {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 50;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 50%;
    background: var(--jd);
    color: var(--n1);
    box-shadow: 0 12px 30px -10px rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    translate: 0 12px;
    transition: opacity .3s, translate .3s, visibility .3s, background .2s;
}

.qy0up.qy9sh {
    opacity: 1;
    visibility: visible;
    translate: 0 0;
}

.qy0up:hover {
    background: var(--tx);
}

.qi1hd {
    position: relative;
    padding: clamp(2.25rem, 5vw, 3.5rem) 0 clamp(3rem, 6vw, 4.5rem);
    background: radial-gradient(50% 70% at 100% 0%, rgba(63, 208, 164, .1), transparent 70%);
}

.qi2bc {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0 0 clamp(2rem, 5vw, 3.5rem);
    padding: 0;
    font-size: .82rem;
    font-weight: 600;
    color: var(--mu);
}

.qi2bc li + li::before {
    content: "/";
    margin-right: .5rem;
    color: rgba(236, 230, 218, .3);
}

.qi2bc a {
    color: var(--tx);
    transition: color .2s;
}

.qi2bc a:hover {
    color: var(--jd);
}

.qi3tt {
    font-size: clamp(2.6rem, 6.2vw, 5.5rem);
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: .98;
}

.qi4ld {
    margin: 0;
    font-size: 1.05rem;
    color: var(--mu);
}

.qi6mt {
    list-style: none;
    display: grid;
    gap: .5rem;
    margin: 1.25rem 0 0;
    padding: 0;
    font-size: .86rem;
    font-weight: 600;
    color: var(--tx);
}

.qi6mt li {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.qi6mt i {
    width: 1rem;
    color: var(--jd);
}

.qi5im {
    height: clamp(240px, 38vw, 520px);
    margin-top: clamp(2.5rem, 5vw, 4rem);
    border-radius: var(--r3);
    overflow: hidden;
}

.qi5im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qi7py {
    border-bottom: 1px solid var(--ln);
}

.qy5sr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--ln);
}

.qy6si {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: .5rem;
    padding: 1.75rem 1rem 1.75rem 0;
    border-bottom: 1px solid var(--ln);
}

.qy6si:nth-child(even) {
    padding-left: 1.25rem;
    border-left: 1px solid var(--ln);
}

.qy6si dd {
    font-family: var(--fn);
    font-weight: 800;
    font-size: clamp(2.5rem, 5.5vw, 4.6rem);
    letter-spacing: -.045em;
    line-height: 1;
}

.qy6si dt {
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mu);
}

@media (min-width: 992px) {
    .qy5sr {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .qy6si + .qy6si {
        padding-left: 1.75rem;
        border-left: 1px solid var(--ln);
    }
}

.qd0px p {
    font-size: 1.1rem;
    color: var(--mu2);
}

.qd0px p:first-child {
    font-size: clamp(1.2rem, 2vw, 1.4rem);
    line-height: 1.55;
    color: var(--ink);
}

.qd0px p:first-child::first-letter {
    float: left;
    margin: .35rem .6rem 0 0;
    font-family: var(--fs);
    font-weight: 400;
    font-size: 5.4rem;
    line-height: .78;
    color: var(--jd2);
}

.qd9ip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2.5rem;
}

.qd9ip figure {
    margin: 0;
}

.qd9ip figure:nth-child(2) {
    margin-top: 3rem;
}

.qd9ip img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: var(--r2);
}

.qd9ip figcaption {
    margin-top: .6rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--mu2);
}

.qj5dk {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin: 0 0 clamp(3rem, 6vw, 4.5rem);
    padding: 0;
}

.qj6cd {
    display: flex;
    flex-direction: column;
    aspect-ratio: 5 / 7;
    padding: 1.1rem;
    border-radius: 18px;
    background: var(--iv);
    box-shadow: 0 24px 40px -22px rgba(0, 0, 0, .7);
    transition: rotate .4s ease, translate .4s ease;
}

.qj6cd:nth-child(odd) {
    rotate: -3deg;
}

.qj6cd:nth-child(even) {
    rotate: 3deg;
}

.qj6cd:hover {
    rotate: 0deg;
    translate: 0 -10px;
}

.qj7rk {
    display: inline-flex;
    align-items: center;
    gap: .15rem;
    font-family: var(--fn);
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--ink);
}

.qj7rk.rs6gm,
.qj6cd.rs6gm .qj7rk {
    color: #d8433e;
}

.qj6cd strong {
    margin-top: auto;
    font-family: var(--fd);
    font-size: 1.2rem;
    letter-spacing: -.02em;
    color: var(--ink);
}

.qj6cd small {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mu2);
}

@media (min-width: 768px) {
    .qj5dk {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .qj5dk {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.qk1ck {
    list-style: none;
    display: grid;
    gap: .85rem;
    margin: 1.75rem 0 2rem;
    padding: 0;
}

.qk1ck li {
    position: relative;
    padding-left: 2rem;
}

.qk1ck li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .25em;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: var(--jd) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%230d0f14' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 62% no-repeat;
}

.qs2iv .qk1ck li::before {
    background-color: var(--jd2);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.qk2rw {
    margin: 0;
    color: var(--mu);
}

@media (min-width: 992px) {
    .qk2rw {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem;
    }
}

.qe8sg,
.qa0ig,
.qd5gl {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px;
    border-radius: var(--r2);
    border: 1px solid var(--ln2);
    background: var(--ln2);
    overflow: hidden;
}

.qe9si {
    padding: 2rem;
    background: var(--cd);
    transition: background .3s;
}

.qe9si:hover {
    background: #fff;
}

.qe9si > .sv1tq {
    margin-bottom: 2.75rem;
    font-size: 2.6rem;
    color: var(--ink);
    transition: rotate .4s;
}

.qe9si.rs6gm > .sv1tq {
    color: var(--cr);
}

.qe9si:hover > .sv1tq {
    rotate: -10deg;
}

.qe9si h3 {
    margin-bottom: .6rem;
    font-size: 1.4rem;
    color: var(--ink);
}

.qe9si p {
    margin: 0;
    color: var(--mu2);
}

@media (min-width: 768px) {
    .qe8sg,
    .qd5gl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .qe8sg {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .qd5gl {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.qj1hs {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 1rem;
    padding: 0 1rem 1.25rem;
    scrollbar-width: thin;
    scrollbar-color: var(--jd) var(--n2);
}

.qj0tr {
    position: relative;
    list-style: none;
    display: flex;
    gap: 1rem;
    width: max-content;
    margin: 0 auto;
    padding: 0;
}

.qj2cd {
    width: min(78vw, 330px);
    padding: 1.75rem;
    border-radius: var(--r2);
    border: 1px solid var(--ln);
    background: var(--n2);
    scroll-snap-align: start;
    transition: border-color .3s, background .3s;
}

.qj2cd:hover {
    border-color: rgba(63, 208, 164, .5);
    background: var(--n3);
}

.qj3mo {
    display: block;
    margin-bottom: 1.25rem;
    font-family: var(--fn);
    font-weight: 800;
    font-size: 3.4rem;
    letter-spacing: -.05em;
    line-height: 1;
    color: var(--jd);
}

.qj2cd small {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mu);
}

.qj2cd h3 {
    margin: .4rem 0 .6rem;
    font-size: 1.35rem;
}

.qj2cd p {
    margin: 0;
    font-size: .95rem;
    color: var(--mu);
}

@media (min-width: 1400px) {
    .qj1hs {
        padding-left: calc((100vw - 1320px) / 2 + 1.5rem);
        padding-right: calc((100vw - 1320px) / 2 + 1.5rem);
        scroll-padding: 0 calc((100vw - 1320px) / 2 + 1.5rem);
    }

    .qj0tr {
        margin: 0;
    }
}

.qy1qt {
    display: grid;
    gap: 1rem;
}

.qy2qb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    margin: 0;
    padding: 2rem;
    border-radius: var(--r2);
    border: 1px solid rgba(236, 230, 218, .14);
    background: rgba(255, 255, 255, .04);
}

.qy2qb blockquote {
    margin: 0;
    font-family: var(--fs);
    font-size: 1.65rem;
    line-height: 1.25;
}

.qy2qb blockquote::before {
    content: "\201C";
    display: block;
    height: .6em;
    font-size: 3.6rem;
    line-height: 1;
    color: var(--jd);
}

.qy2qb figcaption strong {
    display: block;
    font-family: var(--fd);
}

.qy2qb figcaption span {
    font-size: .85rem;
    color: rgba(236, 230, 218, .65);
}

@media (min-width: 992px) {
    .qy1qt {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.qu1rm {
    display: grid;
    gap: 2rem;
    align-items: center;
    padding: clamp(2rem, 4vw, 3rem) 0;
    border-top: 1px solid var(--ln);
}

.qu2im {
    position: relative;
    aspect-ratio: 16 / 11;
    border-radius: var(--r3);
    overflow: hidden;
    background: var(--n2);
}

.qu2im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.qu1rm:hover .qu2im img,
.qu0mt:hover .qu2im img {
    transform: scale(1.045);
}

.qu4nm {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .6rem .85rem;
    border-radius: 12px;
    background: var(--iv);
    color: var(--ink);
    font-family: var(--fn);
    font-weight: 800;
    font-size: 1.3rem;
    line-height: 1;
}

.qu4nm.rs6gm {
    color: #d8433e;
}

.qu3bd > small {
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jd);
}

.qu3bd h3 {
    margin: .75rem 0 1rem;
    font-size: clamp(2rem, 3.6vw, 3rem);
    font-weight: 800;
    letter-spacing: -.04em;
}

.qu3bd > p {
    font-size: 1.05rem;
    color: var(--mu);
}

.qu5fc {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.25rem;
    margin: 1.5rem 0 2rem;
    border-top: 1px solid var(--ln);
}

.qu5fc > div {
    padding: .85rem 0;
    border-bottom: 1px solid var(--ln);
}

.qu5fc dt {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mu);
}

.qu5fc dd {
    margin-top: .2rem;
    font-family: var(--fn);
    font-weight: 700;
    font-size: 1.12rem;
}

@media (min-width: 992px) {
    .qu1rm {
        grid-template-columns: 7fr 5fr;
        gap: 4.5rem;
    }

    .qu9rv {
        grid-template-columns: 5fr 7fr;
    }

    .qu9rv .qu2im {
        order: 2;
    }
}

.qu8mr {
    display: grid;
    gap: 2.5rem 1.5rem;
}

.qu0mt .qu2im {
    aspect-ratio: 4 / 5;
    border-radius: var(--r2);
}

.qu2im .qo6fx {
    position: absolute;
    top: 1rem;
    left: 1rem;
    border-color: rgba(255, 255, 255, .25);
    background: rgba(13, 15, 20, .55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #fff;
}

.qu0mt h3 {
    margin: 1.5rem 0 .6rem;
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -.03em;
}

.qu0mt > p {
    color: var(--mu);
}

.qu0mt .qu5fc,
.qt3pn .qu5fc {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .qu8mr {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .qu0mt:nth-child(2) {
        margin-top: 4rem;
    }
}

.qf5sp {
    display: grid;
    gap: 2.5rem;
    align-items: center;
}

.qf6im {
    position: relative;
    aspect-ratio: 4 / 5;
    border-radius: var(--r3);
    overflow: hidden;
}

.qf6im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qf8tx > .qb1pr {
    margin-top: .5rem;
}

@media (min-width: 992px) {
    .qf5sp {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5rem;
    }

    .qf9rv .qf6im {
        order: 2;
    }
}

.qn5ol {
    list-style: none;
    counter-reset: qn;
    margin: 1.75rem 0 0;
    padding: 0;
    border-top: 1px solid var(--ln);
}

.qn5ol li {
    counter-increment: qn;
    display: grid;
    grid-template-columns: 3.25rem 1fr;
    gap: 1rem;
    padding: 1.15rem 0;
    border-bottom: 1px solid var(--ln);
    font-weight: 500;
}

.qn5ol li::before {
    content: counter(qn, decimal-leading-zero);
    font-family: var(--fn);
    font-weight: 800;
    font-size: 1.15rem;
    color: var(--jd);
}

.qs2iv .qn5ol,
.qs2iv .qn5ol li {
    border-color: var(--ln2);
}

.qs2iv .qn5ol li::before {
    color: var(--jd2);
}

.qs2iv .qu5fc,
.qs2iv .qu5fc > div,
.qt3pn .qu5fc,
.qt3pn .qu5fc > div {
    border-color: var(--ln2);
}

.qs2iv .qu5fc dt,
.qt3pn .qu5fc dt {
    color: var(--mu2);
}

.qw7pl {
    display: grid;
    gap: 1rem;
}

.qw8pi {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    border-radius: var(--r2);
    border: 1px solid rgba(236, 230, 218, .13);
    background: rgba(255, 255, 255, .04);
    transition: background .3s, translate .3s;
}

.qw8pi:hover {
    background: rgba(255, 255, 255, .08);
    translate: 0 -5px;
}

.qw8pi h3 {
    margin: 1.4rem 0 .6rem;
    font-size: 1.45rem;
}

.qw8pi p {
    position: relative;
    max-width: 22rem;
    margin: 0;
    color: rgba(236, 230, 218, .72);
}

.qw8pi > .sv1tq {
    position: absolute;
    right: -1rem;
    bottom: -1.75rem;
    font-size: 7.5rem;
    color: rgba(63, 208, 164, .1);
    transition: rotate .5s;
}

.qw8pi:hover > .sv1tq {
    rotate: -12deg;
}

@media (min-width: 768px) {
    .qw7pl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .qw7pl {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.qa8gi {
    padding: 1.85rem;
    background: var(--cd);
    transition: background .3s;
}

.qa8gi:hover {
    background: #fff;
}

.qa8gi i {
    display: block;
    margin-bottom: 1.6rem;
    font-size: 1.45rem;
    color: var(--jd2);
}

.qa8gi h3 {
    margin-bottom: .45rem;
    font-size: 1.15rem;
}

.qa8gi p {
    margin: 0;
    font-size: .94rem;
    color: var(--mu2);
}

.qa9dk {
    border-color: rgba(236, 230, 218, .14);
    background: rgba(236, 230, 218, .14);
}

.qa9dk .qa8gi {
    background: var(--jdk);
}

.qa9dk .qa8gi:hover {
    background: #0f3830;
}

.qa9dk .qa8gi i {
    color: var(--jd);
}

.qa9dk .qa8gi p {
    color: rgba(236, 230, 218, .72);
}

@media (min-width: 576px) {
    .qa0ig {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .qa0ig {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.qw1st {
    list-style: none;
    counter-reset: qs;
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.qw2it {
    counter-increment: qs;
    position: relative;
    padding: 2rem 1.75rem;
    border-radius: var(--r2);
    border: 1px solid var(--ln);
    background: var(--n2);
}

.qw2it::before {
    content: "0" counter(qs);
    position: absolute;
    top: 1.6rem;
    right: 1.75rem;
    font-family: var(--fn);
    font-weight: 800;
    font-size: 2.6rem;
    letter-spacing: -.04em;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgba(236, 230, 218, .35);
}

.qw2it > i {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 2.5rem;
    border-radius: 50%;
    background: var(--jd);
    color: var(--n1);
    font-size: 1.15rem;
}

.qw2it h3 {
    margin-bottom: .5rem;
    font-size: 1.3rem;
}

.qw2it p {
    margin: 0;
    color: var(--mu);
}

@media (min-width: 768px) {
    .qw1st {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .qw1st {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .qw2it:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 3.3rem;
        right: -.85rem;
        z-index: 1;
        width: .7rem;
        height: .7rem;
        border-top: 2px solid var(--jd);
        border-right: 2px solid var(--jd);
        rotate: 45deg;
    }
}

.qd1tw {
    overflow-x: auto;
    border-radius: var(--r2);
    border: 1px solid var(--ln);
    background: var(--n2);
}

.qs2iv .qd1tw {
    border-color: var(--ln2);
    background: var(--cd);
}

.qd2tb {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
}

.qd2tb th,
.qd2tb td {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid var(--ln2);
    text-align: left;
}

.qd2tb thead th {
    background: var(--iv2);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mu2);
}

.qd2tb tbody th {
    font-family: var(--fd);
    font-weight: 700;
    font-size: 1.05rem;
}

.qd2tb td {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.qd2tb tbody tr {
    transition: background .2s;
}

.qd2tb tbody tr:hover {
    background: rgba(12, 122, 97, .05);
}

.qd2tb tbody tr:last-child > * {
    border-bottom: 0;
}

.qd3ok {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .3rem .75rem;
    border-radius: 999px;
    background: rgba(12, 122, 97, .12);
    color: var(--jd2);
    font-size: .82rem;
    font-weight: 700;
}

.qd3ok::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.qd6gi {
    padding: 2rem;
    background: var(--cd);
}

.qd6gi dt {
    display: flex;
    flex-direction: column-reverse;
    gap: .4rem;
    margin-bottom: .75rem;
    font-family: var(--fd);
    font-weight: 800;
    font-size: 1.8rem;
    letter-spacing: -.035em;
    line-height: 1.05;
}

.qd6gi dt small {
    font-family: var(--fb);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jd2);
}

.qd6gi dd {
    color: var(--mu2);
}

.qt0tb {
    display: grid;
    gap: 1.5rem;
}

.qt1ls {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    padding-bottom: .4rem;
    scrollbar-width: thin;
    scrollbar-color: var(--jd) var(--n2);
}

.qt2bn {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: none;
    padding: .85rem 1.15rem .85rem .85rem;
    border-radius: var(--r1);
    border: 1px solid var(--ln);
    background: transparent;
    color: var(--mu);
    font-family: var(--fd);
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: -.01em;
    text-align: left;
    white-space: nowrap;
    transition: color .25s, background .25s, border-color .25s;
}

.qt2bn span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    min-width: 3rem;
    height: 2.5rem;
    padding: 0 .5rem;
    border-radius: 9px;
    background: var(--n3);
    color: var(--tx);
    font-family: var(--fn);
    font-weight: 800;
    font-size: .95rem;
}

.qt2bn span.rs6gm {
    color: var(--cr);
}

.qt2bn:hover {
    color: var(--tx);
    border-color: rgba(236, 230, 218, .3);
}

.qt2bn.qv0on {
    background: var(--tx);
    border-color: var(--tx);
    color: var(--n1);
}

.qt2bn.qv0on span {
    background: var(--n1);
}

.qt3pn {
    position: relative;
    min-height: 100%;
    padding: clamp(2rem, 4vw, 3.25rem);
    border-radius: var(--r3);
    background: var(--iv);
    color: var(--ink);
}

.qt3pn.qv0on {
    animation: qfd .5s ease;
}

.qt4rk {
    display: inline-flex;
    align-items: flex-start;
    gap: .1rem;
    margin-bottom: 1.75rem;
    font-family: var(--fn);
    font-weight: 800;
    font-size: clamp(3.5rem, 7vw, 5.5rem);
    letter-spacing: -.05em;
    line-height: .9;
    color: var(--ink);
}

.qt4rk.rs6gm {
    color: #d8433e;
}

.qt4rk .sv1tq {
    font-size: .6em;
}

.qt3pn h3 {
    margin-bottom: 1rem;
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 800;
    letter-spacing: -.04em;
}

.qt3pn p {
    max-width: 40rem;
    font-size: 1.1rem;
    color: var(--mu2);
}

@media (min-width: 992px) {
    .qt0tb {
        grid-template-columns: 330px minmax(0, 1fr);
        gap: 2rem;
    }

    .qt1ls {
        flex-direction: column;
        overflow: visible;
        padding: 0;
    }
}

.qk8dr {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--ln);
}

.qk9di {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem 1.5rem;
    padding: 1.75rem 0;
    border-bottom: 1px solid var(--ln);
}

.qk9di > .qo6fx,
.qk9di > .qb3ln {
    grid-column: 2;
    justify-self: start;
}

.qk9di > .qb3ln {
    white-space: normal;
    overflow-wrap: anywhere;
}

.qk0ic {
    display: grid;
    place-items: center;
    align-self: start;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    border: 1px solid var(--ln);
    background: var(--n2);
    color: var(--jd);
    font-size: 1.25rem;
    transition: background .3s, color .3s;
}

.qk9di:hover .qk0ic {
    background: var(--jd);
    color: var(--n1);
}

.qk9di h3 {
    margin-bottom: .35rem;
    font-size: 1.45rem;
}

.qk9di p {
    max-width: 34rem;
    margin: 0;
    font-size: .95rem;
    color: var(--mu);
}

@media (min-width: 992px) {
    .qk9di {
        grid-template-columns: auto minmax(0, 1.5fr) 150px minmax(0, 1fr);
        gap: 2rem;
    }

    .qk0ic {
        align-self: center;
    }

    .qk9di > .qo6fx,
    .qk9di > .qb3ln {
        grid-column: auto;
    }

    .qk9di > .qb3ln {
        justify-self: end;
    }
}

.qu6hs {
    display: grid;
    gap: 1rem;
}

.qu7hi {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1.75rem;
    border-radius: var(--r2);
    border: 1px solid var(--ln2);
    background: var(--cd);
    transition: background .3s, color .3s;
}

.qu7hi .qj7rk {
    align-self: flex-start;
    margin-bottom: 1.4rem;
    padding: .55rem .75rem;
    border-radius: 11px;
    background: var(--ink);
    color: var(--iv);
    font-size: 1.15rem;
}

.qu7hi .qj7rk.rs6gm {
    color: var(--cr);
}

.qu7hi small {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jd2);
}

.qu7hi h3 {
    font-size: 1.4rem;
}

.qu7hi p {
    margin: 0;
    font-size: .95rem;
    color: var(--mu2);
}

.qu7hi a {
    margin-top: .8rem;
    font-weight: 700;
    color: var(--jd2);
    overflow-wrap: anywhere;
}

.qu7hi:hover {
    background: var(--ink);
    color: var(--iv);
}

.qu7hi:hover .qj7rk {
    background: var(--iv);
    color: var(--ink);
}

.qu7hi:hover .qj7rk.rs6gm {
    color: #d8433e;
}

.qu7hi:hover p {
    color: rgba(239, 233, 222, .7);
}

.qu7hi:hover small,
.qu7hi:hover a {
    color: var(--jd);
}

@media (min-width: 768px) {
    .qu6hs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .qu6hs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.ql1lt {
    overflow: hidden;
    border-radius: var(--r2);
    border: 1px solid var(--ln2);
    background: #fbf8f2;
    color: var(--ink);
    box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .6);
}

.ql2br {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .85rem 1.25rem;
    background: var(--ink);
}

.ql2br span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--cr);
}

.ql2br span:nth-child(2) {
    background: #e9c46a;
}

.ql2br span:nth-child(3) {
    background: var(--jd);
}

.ql2br b {
    margin-left: .75rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: rgba(239, 233, 222, .75);
}

.ql3hd {
    padding: .35rem 1.5rem;
    border-bottom: 1px solid var(--ln2);
}

.ql3hd p {
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: .65rem 0;
    font-size: .92rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.ql3hd p + p {
    border-top: 1px dashed var(--ln2);
}

.ql3hd span {
    flex: none;
    width: 4.5rem;
    font-weight: 500;
    color: var(--mu2);
}

.ql4bd {
    padding: 1.5rem;
    line-height: 1.8;
}

.ql4bd p:last-child {
    margin: 0;
}

.ql4bd mark {
    padding: .05em .3em;
    border-radius: 4px;
    background: rgba(63, 208, 164, .3);
    color: inherit;
}

.ql5ft {
    padding: 0 1.5rem 1.5rem;
}

.qs7sp {
    max-width: 62rem;
}

.qs8bq {
    margin: 0 0 2.5rem;
    font-family: var(--fs);
    font-size: clamp(2rem, 4.6vw, 3.8rem);
    line-height: 1.12;
}

.ql5py {
    padding-top: clamp(3rem, 6vw, 4.5rem);
}

.ql6tc {
    margin-bottom: 1rem;
    padding: 1.5rem;
    border-radius: var(--r2);
    border: 1px solid var(--ln);
    background: var(--n2);
}

.ql0th {
    margin-bottom: 1rem;
    font-family: var(--fb);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--mu);
}

.ql6tc ol {
    list-style: none;
    counter-reset: qt;
    display: grid;
    gap: .15rem;
    margin: 0;
    padding: 0;
}

.ql7tl {
    counter-increment: qt;
    display: flex;
    gap: .8rem;
    padding: .55rem .8rem;
    border-radius: 10px;
    font-size: .92rem;
    font-weight: 600;
    color: var(--mu);
    transition: color .2s, background .2s;
}

.ql7tl::before {
    content: counter(qt, decimal-leading-zero);
    padding-top: .12rem;
    font-size: .74rem;
    font-weight: 800;
    color: rgba(236, 230, 218, .4);
}

.ql7tl:hover {
    background: var(--n3);
    color: var(--tx);
}

.ql7tl.qv0on {
    background: var(--jd);
    color: var(--n1);
}

.ql7tl.qv0on::before {
    color: rgba(13, 15, 20, .6);
}

.qh9pc {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--r2);
    background: var(--jd);
    color: var(--n1);
}

.qh8ic {
    display: grid;
    place-items: center;
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--n1);
    color: var(--jd);
}

.qh9pc > div {
    min-width: 0;
}

.qh9pc strong {
    display: block;
    font-family: var(--fd);
}

.qh9pc a {
    display: block;
    font-size: .92rem;
    font-weight: 700;
    text-decoration: underline;
    overflow-wrap: anywhere;
}

.ql8ar section {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--ln);
    scroll-margin-top: 2rem;
}

.ql8ar section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.ql8ar h2 {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 1.25rem;
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.ql8ar h2 span {
    font-family: var(--fb);
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: 0;
    color: var(--jd);
}

.ql8ar h3 {
    margin: 1.75rem 0 .5rem;
    font-size: 1.2rem;
}

.ql8ar p,
.ql8ar li {
    color: rgba(236, 230, 218, .8);
}

.ql8ar strong {
    color: var(--tx);
}

.ql8ar a {
    color: var(--jd);
    text-decoration: underline;
}

.ql8ar ul {
    list-style: none;
    display: grid;
    gap: .6rem;
    margin: 0 0 1rem;
    padding: 0;
}

.ql8ar ul li {
    position: relative;
    padding-left: 1.5rem;
}

.ql8ar ul li::before {
    content: "";
    position: absolute;
    left: .1rem;
    top: .62em;
    width: .45rem;
    height: .45rem;
    border-radius: 2px;
    background: var(--jd);
    rotate: 45deg;
}

.ql8ar .qd1tw {
    margin: 1.25rem 0;
}

.ql9tb {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    font-size: .92rem;
}

.ql9tb th,
.ql9tb td {
    padding: .9rem 1.1rem;
    border-bottom: 1px solid var(--ln);
    text-align: left;
    vertical-align: top;
}

.ql9tb thead th {
    background: var(--n3);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mu);
}

.ql9tb td {
    color: rgba(236, 230, 218, .8);
}

.ql9tb td:first-child {
    font-weight: 700;
    color: var(--tx);
}

.ql9tb tbody tr:last-child td {
    border-bottom: 0;
}

.ql0co {
    display: flex;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--r2);
    border: 1px solid rgba(63, 208, 164, .28);
    background: var(--jdk);
}

.ql0co > i {
    margin-top: .2rem;
    font-size: 1.3rem;
    color: var(--jd);
}

.ql0co p {
    margin: 0;
}

@media (min-width: 992px) {
    .ql6ad {
        position: sticky;
        top: 2rem;
    }
}

@media (max-width: 575.98px) {
    .qa2in {
        justify-content: center;
        text-align: left;
    }

    .qn2nv {
        min-height: 74px;
    }

    .qn4mk {
        width: 42px;
        height: 42px;
    }

    .qn5wm {
        font-size: 1.15rem;
    }

    .qh7st {
        max-width: none;
    }

    .qh8si {
        padding-right: .5rem;
    }

    .qh8si + .qh8si {
        padding-left: .85rem;
    }

    .qx6bn {
        padding: .6rem .7rem;
        font-size: .8rem;
    }

    .qf3an {
        padding-right: 0;
    }

    .qd9ip figure:nth-child(2) {
        margin-top: 1.5rem;
    }

    .qu0mt .qu5fc,
    .qt3pn .qu5fc {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}