@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/700.css";

*,
::before,
::after {
box-sizing: border-box
}

body {
margin: 0;
padding: 0;
min-height: 100vh;
font-family: 'Red Hat Display', sans-serif;
background-color: #141210
}

.hd-shell {
position: relative;
z-index: 100;
background: linear-gradient(160deg, #1b1710 0%, #211d14 60%, #1a1610 100%);
border-bottom: 1px solid #dab85e2e;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.hd-top {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
display: flex;
align-items: stretch;
min-height: 88px;
gap: 0
}

.hd-brand-col {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 24px 16px 0;
flex: 0 0 auto;
border-right: 1px solid #dab85e33;
position: relative
}

.hd-brand-col::after {
content: '';
position: absolute;
right: -1px;
top: 20%;
height: 60%;
width: 1px;
background: linear-gradient(to bottom, transparent, #dab85e80, transparent)
}

.logo-box {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px 32px 8px 32px;
background: #eaddc912;
border: 1px solid #dab85e4d;
box-shadow: inset 1px 1px 4px #dab85e14 2px 4px 14px 0 #dab85e1a;
overflow: hidden;
flex-shrink: 0
}

.logo-box img {
width: 70px;
height: 70px;
object-fit: contain;
display: block
}

.brand-text-col {
display: flex;
flex-direction: column;
gap: 4px
}

.brand-name {
font-family: 'Red Hat Display', sans-serif;
font-size: 15px;
font-weight: 700;
color: #DAB85E;
letter-spacing: .08em;
line-height: 1.15;
text-transform: uppercase
}

.brand-status {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 400;
color: #EADDC9;
line-height: 1.4;
opacity: .75
}

.status-dot {
width: 7px;
height: 7px;
border-radius: 48px;
background: #DAB85E;
flex-shrink: 0;
box-shadow: 0 0 6px #dab85e99
}

.hd-nav-col {
flex: 1;
display: flex;
align-items: center;
padding: 16px 0 16px 24px
}

.hd-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
list-style: none;
margin: 0;
padding: 0
}

.hd-nav li a {
display: block;
font-family: 'Red Hat Display', sans-serif;
font-size: 14px;
font-weight: 600;
color: #EADDC9;
text-decoration: none;
padding: 8px 16px;
border-radius: 8px;
letter-spacing: .03em;
line-height: 1.4;
border: 1px solid transparent;
transition: color .45s cubic-bezier(0.22, 1, 0.36, 1), border-color .45s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1);
position: relative;
overflow: hidden
}

.hd-nav li a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #dab85e1f;
transition: height .45s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.hd-nav li a:hover::before,
.hd-nav li a:focus::before {
height: 100%
}

.hd-nav li a:hover,
.hd-nav li a:focus {
color: #DAB85E;
border-color: #dab85e40;
outline: none
}

.hd-nav li a:focus-visible {
filter: invert(1)
}

.hd-nav li a span {
position: relative;
z-index: 1
}

.hd-nav li.active a {
color: #DAB85E;
border-color: #dab85e4d;
background: #dab85e14
}

@media (max-width: 1024px) {
.hd-top {
padding: 0 16px;
min-height: 76px
}

.hd-brand-col {
padding: 16px 16px 16px 0
}

.logo-box {
width: 64px;
height: 64px
}

.logo-box img {
width: 56px;
height: 56px
}

.hd-nav-col {
padding-left: 16px
}

.hd-nav li a {
padding: 8px 12px
}
}

@media (max-width: 640px) {
.hd-top {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 16px;
gap: 16px
}

.hd-brand-col {
border-right: none;
border-bottom: 1px solid #dab85e26;
padding: 0 0 16px;
width: 100%
}

.hd-brand-col::after {
display: none
}

.hd-nav-col {
padding: 0 0 8px;
width: 100%
}

.hd-nav {
gap: 4px
}

.hd-nav li a {
font-size: 14px;
padding: 8px
}
}

.ft-shell {
background: linear-gradient(170deg, #161310 0%, #1d1912 100%);
border-top: 1px solid #dab85e26;
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.ft-top {
max-width: 1400px;
margin: 0 auto;
padding: 48px 24px 24px;
display: flex;
align-items: flex-start;
gap: 48px;
flex-wrap: wrap
}

.ft-logo-area {
flex: 0 0 auto
}

.ft-logo-box {
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px 8px 20px 8px;
background: #eaddc90f;
border: 1px solid #dab85e40;
box-shadow: inset 1px 1px 3px #dab85e0f 2px 4px 14px 0 #dab85e1a;
overflow: hidden;
margin-bottom: 16px
}

.ft-logo-box img {
width: 62px;
height: 62px;
object-fit: contain;
display: block
}

.ft-tagline {
font-family: 'Red Hat Display', sans-serif;
font-size: 14px;
font-weight: 400;
color: #EADDC9;
line-height: 1.65;
opacity: .6;
max-width: 200px
}

.ft-links-area {
flex: 1;
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: flex-start;
justify-content: flex-end
}

.ft-link-group {
display: flex;
flex-direction: column;
gap: 8px
}

.ft-group-label {
font-family: 'Red Hat Display', sans-serif;
font-size: 14px;
font-weight: 700;
color: #DAB85E;
letter-spacing: .06em;
text-transform: uppercase;
line-height: 1.15;
margin-bottom: 4px
}

.ft-link-group a {
font-family: 'Red Hat Display', sans-serif;
font-size: 14px;
font-weight: 400;
color: #EADDC9;
text-decoration: none;
line-height: 1.65;
opacity: .65;
transition: opacity .42s ease-in-out, color .42s ease-in-out;
min-height: 44px;
display: flex;
align-items: center
}

.ft-link-group a:hover,
.ft-link-group a:focus {
opacity: 1;
color: #DAB85E;
outline: none
}

.ft-link-group a:focus-visible {
filter: invert(1)
}

.ft-bottom {
max-width: 1400px;
margin: 0 auto;
padding: 16px 24px 24px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
border-top: 1px solid #eaddc914
}

.ft-copy {
font-family: 'Red Hat Display', sans-serif;
font-size: 14px;
font-weight: 400;
color: #EADDC9;
opacity: .45;
line-height: 1.4
}

.ft-contact-link {
font-family: 'Red Hat Display', sans-serif;
font-size: 14px;
font-weight: 400;
color: #DAB85E;
text-decoration: none;
opacity: .7;
transition: opacity .38s ease-in-out;
line-height: 1.4
}

.ft-contact-link:hover,
.ft-contact-link:focus {
opacity: 1;
outline: none
}

.ft-contact-link:focus-visible {
filter: invert(1)
}

@media (max-width: 1024px) {
.ft-top {
padding: 48px 16px 24px;
gap: 24px
}

.ft-bottom {
padding: 16px 16px 24px
}

.ft-links-area {
justify-content: flex-start
}
}

@media (max-width: 640px) {
.ft-top {
flex-direction: column;
gap: 24px
}

.ft-links-area {
flex-direction: column;
gap: 16px;
width: 100%
}

.ft-bottom {
flex-direction: column;
align-items: flex-start;
gap: 8px
}
}

.legal-text {
max-width: 1400px;
margin: 0 auto;
padding: 48px 24px;
background: #ffffff0a;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 20px;
box-shadow: 2px 10px 44px 0 #dab85e24;
color: #EADDC9
}

.legal-text p {
font-size: 15px;
line-height: 1.85;
color: #EADDC9;
margin-bottom: 16px;
letter-spacing: .01em
}

.legal-text ul,
.legal-text ol {
margin: 16px 0 24px 24px;
padding: 0
}

.legal-text ul {
list-style-type: disc
}

.legal-text ol {
list-style-type: decimal
}

.legal-text li {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
margin-bottom: 8px;
padding-left: 8px;
letter-spacing: .01em
}

.legal-text li::marker {
color: #DAB85E
}

.legal-text a {
color: #DAB85E;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .45s cubic-bezier(0.22, 1, 0.36, 1), text-decoration-color .2s ease-in-out
}

.legal-text a:hover {
color: #F5F1EE;
text-decoration-color: #F5F1EE
}

.legal-text hr {
border: none;
border-top: 1px solid #dab85e33;
margin: 48px 0;
box-shadow: inset 0 1px 2px 0 #dab85e0d
}

.legal-text div {
margin-bottom: 24px
}

@media (max-width: 640px) {
.legal-text {
padding: 24px 16px;
border-radius: 8px
}

.legal-text p {
font-size: 14px;
line-height: 1.65
}

.legal-text li {
font-size: 14px;
line-height: 1.65
}

.legal-text ul,
.legal-text ol {
margin-left: 16px
}

.legal-text hr {
margin: 24px 0
}
}

@media (min-width: 641px) and (max-width: 1024px) {
.legal-text {
padding: 48px 24px
}

.legal-text p {
font-size: 15px
}
}

.intv_det {
background: #181510;
min-height: 100vh;
overflow-x: clip
}

.intv_det .pg_wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px
}

@keyframes txt_sweep {
0% {
background-position: -200% center
}

100% {
background-position: 200% center
}
}

.intv_det .sweep_head {
background: linear-gradient(17deg, #DAB85E 0%, #F5F1EE 40%, #DAB85E 60%, #EADDC9 100%);
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: txt_sweep 3.2s cubic-bezier(0.22, 1, 0.36, 1) forwards
}

.intv_det .art_top {
padding: 72px 24px 48px;
position: relative
}

.intv_det .art_top::before {
content: "\201C";
position: absolute;
font-size: 320px;
line-height: 1.15;
color: #DAB85E;
opacity: .05;
left: 0;
top: 0;
pointer-events: none;
font-style: normal
}

.intv_det .art_top_inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.intv_det .art_left {
flex: 1 1 0;
min-width: 0;
padding-top: 48px
}

.intv_det .art_tag {
display: inline-block;
background: #dab85e1f;
border: 1px solid #dab85e47;
color: #DAB85E;
font-size: 14px;
line-height: 1.4;
letter-spacing: .08em;
padding: 4px 16px;
border-radius: 8px;
margin-bottom: 24px;
text-transform: lowercase
}

.intv_det .art_h1 {
font-size: 48px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 24px
}

.intv_det .art_sub {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
opacity: .75;
max-width: 520px;
margin-bottom: 24px
}

.intv_det .art_likes {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
color: #DAB85E;
letter-spacing: .04em
}

.intv_det .like_icon {
width: 18px;
height: 18px;
display: inline-block
}

.intv_det .art_right {
flex: 0 0 420px;
max-width: 420px;
position: relative
}

.intv_det .art_img_wrap {
border-radius: 20px;
overflow: hidden;
position: relative;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.intv_det .art_img_wrap img {
width: 100%;
height: 340px;
object-fit: cover;
display: block;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.intv_det .art_img_wrap:hover img {
transform: scale(1.04)
}

.intv_det .art_img_wrap::after {
content: "";
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg, #0000000f 0px, #0000000f 1px, transparent 1px, transparent 3px);
pointer-events: none;
border-radius: 20px
}

.intv_det .curve_deco {
position: absolute;
left: -32px;
bottom: -24px;
width: 80px;
height: 80px;
pointer-events: none
}

.intv_det .diag_div {
width: 100%;
height: 48px;
overflow: hidden;
position: relative;
margin-top: 8px
}

.intv_det .diag_div svg {
display: block;
width: 100%;
height: 100%
}

.intv_det .art_body_sec {
padding: 48px 24px 64px;
background: #1E1A13;
position: relative
}

.intv_det .art_body_sec::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(17deg, #DAB85E, transparent);
pointer-events: none
}

.intv_det .art_body_col {
max-width: 780px;
margin: 0 auto
}

.intv_det .art_body_col p {
font-size: 15px;
line-height: 1.85;
color: #EADDC9;
margin-bottom: 16px
}

.intv_det .art_body_col h2 {
font-size: 36px;
line-height: 1.15;
color: #F5F1EE;
letter-spacing: -.01em;
margin-top: 48px;
margin-bottom: 16px;
position: relative
}

.intv_det .art_body_col h2 .num_bg {
position: absolute;
right: 0;
top: -8px;
font-size: 80px;
line-height: 1.15;
color: #DAB85E;
opacity: .07;
pointer-events: none;
letter-spacing: -.04em
}

.intv_det .art_body_col mark {
background: #dab85e2e;
color: #DAB85E;
padding: 0 4px;
border-radius: 8px
}

.intv_det .art_body_col del {
color: #EADDC9;
opacity: .45;
text-decoration: line-through
}

.intv_det .art_body_col ul,
.intv_det .art_body_col ol {
padding-left: 24px;
margin-bottom: 16px
}

.intv_det .art_body_col ul li,
.intv_det .art_body_col ol li {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
margin-bottom: 8px;
list-style: none;
padding-left: 16px;
position: relative
}

.intv_det .art_body_col ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
border-radius: 48px;
background: #DAB85E;
opacity: .7
}

.intv_det .art_body_col ol {
counter-reset: ol_count
}

.intv_det .art_body_col ol li {
counter-increment: ol_count
}

.intv_det .art_body_col ol li::before {
content: counter(ol_count);
position: absolute;
left: -8px;
top: 0;
font-size: 14px;
color: #DAB85E;
font-weight: 600
}

.intv_det .art_body_col blockquote {
border-radius: 8px;
background: #dab85e12;
padding: 24px;
margin: 24px 0;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.intv_det .art_body_col blockquote p {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
margin-bottom: 8px
}

.intv_det .art_body_col blockquote cite {
font-size: 14px;
color: #DAB85E;
letter-spacing: .04em
}

.intv_det .art_body_col table {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
border-radius: 8px;
overflow: hidden;
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.intv_det .art_body_col caption {
font-size: 14px;
color: #DAB85E;
text-align: left;
margin-bottom: 8px;
letter-spacing: .04em
}

.intv_det .art_body_col thead tr {
background: #dab85e24
}

.intv_det .art_body_col thead td,
.intv_det .art_body_col thead th {
font-size: 14px;
color: #DAB85E;
padding: 8px 16px;
letter-spacing: .06em
}

.intv_det .art_body_col tfoot tr {
background: #dab85e12
}

.intv_det .art_body_col tfoot td {
font-size: 14px;
color: #EADDC9;
padding: 8px 16px;
opacity: .7
}

.intv_det .art_body_col td {
font-size: 15px;
color: #EADDC9;
padding: 8px 16px;
border-bottom: 1px solid #eaddc914;
line-height: 1.65
}

.intv_det .art_body_col tr:last-child td {
border-bottom: none
}

.intv_det .diag_div2 {
width: 100%;
height: 48px;
overflow: hidden;
position: relative
}

.intv_det .diag_div2 svg {
display: block;
width: 100%;
height: 100%
}

.intv_det .react_sec {
padding: 48px 24px 64px;
background: #181510
}

.intv_det .react_inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px
}

.intv_det .react_label {
font-size: 14px;
color: #EADDC9;
letter-spacing: .07em;
opacity: .7;
text-align: center
}

.intv_det .react_row {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center
}

.intv_det .react_row input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none
}

.intv_det .react_opt {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
cursor: pointer
}

.intv_det .react_face {
width: 52px;
height: 52px;
border-radius: 48px;
border: 2px solid #dab85e38;
background: #dab85e0f;
display: flex;
align-items: center;
justify-content: center;
transition: border-color .45s cubic-bezier(0.22, 1, 0.36, 1), background .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.intv_det .react_face svg {
width: 28px;
height: 28px;
display: block
}

.intv_det .react_name {
font-size: 14px;
color: #EADDC9;
opacity: .55;
letter-spacing: .04em;
transition: color .45s ease-in-out, opacity .45s ease-in-out
}

.intv_det .react_row input[type="radio"]:checked+.react_opt .react_face {
border-color: #DAB85E;
background: #dab85e2e;
box-shadow: 2px 4px 14px 0 #dab85e2e
}

.intv_det .react_row input[type="radio"]:checked+.react_opt .react_name {
color: #DAB85E;
opacity: 1
}

.intv_det .react_row .react_opt:hover .react_face {
border-color: #dab85e8c;
background: #dab85e1c
}

.intv_det .react_cta_row {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
margin-top: 8px
}

.intv_det .btn_go {
display: inline-block;
font-size: 14px;
letter-spacing: .06em;
color: #181510;
background: #DAB85E;
padding: 8px 24px;
border-radius: 8px;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color .5s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 4px 14px 0 #dab85e24;
text-decoration: none
}

.intv_det .btn_go::before {
content: "";
position: absolute;
left: 0;
bottom: -100%;
width: 100%;
height: 100%;
background: linear-gradient(17deg, #EADDC9, #DAB85E);
border-radius: 8px;
transition: bottom .5s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.intv_det .btn_go:hover::before {
bottom: 0
}

.intv_det .btn_go span {
position: relative;
z-index: 1
}

.intv_det .btn_out {
display: inline-block;
font-size: 14px;
letter-spacing: .06em;
color: #DAB85E;
background: transparent;
padding: 8px 24px;
border-radius: 8px;
border: 1px solid #dab85e59;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color .5s cubic-bezier(0.22, 1, 0.36, 1), border-color .5s cubic-bezier(0.22, 1, 0.36, 1);
text-decoration: none
}

.intv_det .btn_out::before {
content: "";
position: absolute;
left: 0;
bottom: -100%;
width: 100%;
height: 100%;
background: #dab85e17;
border-radius: 8px;
transition: bottom .6s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.intv_det .btn_out:hover::before {
bottom: 0
}

.intv_det .btn_out span {
position: relative;
z-index: 1
}

@media (max-width: 1024px) {
.intv_det .art_top_inner {
flex-direction: column;
gap: 24px
}

.intv_det .art_left {
padding-top: 16px
}

.intv_det .art_right {
flex: 0 0 auto;
max-width: 100%;
width: 100%
}

.intv_det .art_img_wrap img {
height: 260px
}

.intv_det .art_h1 {
font-size: 36px
}
}

@media (max-width: 640px) {
.intv_det .art_top {
padding: 48px 16px 24px
}

.intv_det .art_h1 {
font-size: 36px
}

.intv_det .art_body_sec {
padding: 24px 16px 48px
}

.intv_det .react_sec {
padding: 24px 16px 48px
}

.intv_det .react_face {
width: 44px;
height: 44px
}

.intv_det .art_body_col h2 {
font-size: 36px
}
}

.bdt {
background: #141210;
min-height: 100vh;
overflow-x: hidden;
position: relative
}

.bdt .bg_vignette {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
animation: vign_pulse 6s ease-in-out infinite
}

@keyframes vign_pulse {

0%,
100% {
box-shadow: inset 0 0 120px 40px #141210d9
}

50% {
box-shadow: inset 0 0 200px 80px #141210f2
}
}

.bdt .geo_circle {
position: fixed;
border-radius: 48px;
pointer-events: none;
z-index: 0
}

.bdt .geo_c1 {
width: 420px;
height: 420px;
border-radius: 50%;
top: -80px;
right: -100px;
border: 1px solid #dab85e0f;
background: #dab85e05
}

.bdt .geo_c2 {
width: 280px;
height: 280px;
border-radius: 50%;
bottom: 200px;
left: -60px;
border: 1px solid #eaddc90d;
background: transparent
}

.bdt .geo_c3 {
width: 160px;
height: 160px;
border-radius: 50%;
top: 40%;
right: 8%;
border: 1px solid #dab85e0a;
background: transparent
}

.bdt .pg_wrap {
position: relative;
z-index: 1;
max-width: 1400px;
margin: 0 auto;
padding: 0 24px
}

.bdt .title_blk {
padding: 48px 0 96px;
position: relative;
overflow: hidden
}

.bdt .title_blk::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: linear-gradient(17deg, #DAB85E 0%, transparent 100%);
opacity: .7
}

.bdt .title_blk::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, #DAB85E 0%, transparent 60%);
opacity: .3
}

.bdt .title_spotlight {
background: radial-gradient(ellipse at 5% 20%, #dab85e1f 0%, transparent 60%);
border-radius: 32px;
padding: 48px 48px 64px;
position: relative
}

.bdt .art_meta_row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 24px;
flex-wrap: wrap
}

.bdt .art_date {
font-size: 14px;
line-height: 1.4;
color: #EADDC9;
letter-spacing: .06em;
opacity: .7
}

.bdt .art_sep {
width: 4px;
height: 4px;
border-radius: 50%;
background: #DAB85E;
opacity: .6;
flex-shrink: 0
}

.bdt .art_views {
font-size: 14px;
line-height: 1.4;
color: #EADDC9;
letter-spacing: .06em;
opacity: .7;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.bdt .art_views svg {
opacity: .6
}

.bdt .art_likes {
font-size: 14px;
line-height: 1.4;
color: #EADDC9;
letter-spacing: .06em;
opacity: .7;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.bdt .art_likes svg {
opacity: .6
}

.bdt .art_h1 {
font-size: 48px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 16px;
font-weight: 700
}

.bdt .art_sub {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
opacity: .8;
max-width: 680px;
margin-bottom: 0
}

.bdt .art_sub .accent_word {
color: #DAB85E;
text-decoration: underline;
text-underline-offset: 4px
}

.bdt .img_blk {
padding: 48px 0;
position: relative
}

.bdt .img_frame {
border-radius: 20px;
overflow: hidden;
position: relative;
box-shadow: 2px 10px 44px 0 #dab85e24;
max-height: 520px
}

.bdt .img_frame img {
width: 100%;
height: 520px;
object-fit: cover;
display: block;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.bdt .img_frame:hover img {
transform: scale(1.04)
}

.bdt .img_vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 50%, transparent 40%, #14121099 100%);
pointer-events: none
}

.bdt .divider_a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 8px 0
}

.bdt .divider_a .d_line {
width: 80px;
height: 1px;
background: linear-gradient(90deg, #DAB85E, transparent);
opacity: .4
}

.bdt .divider_a .d_line.right {
background: linear-gradient(270deg, #DAB85E, transparent)
}

.bdt .divider_a .d_mid {
flex: 1
}

.bdt .art_body_wrap {
padding: 16px 0 64px
}

.bdt .art_grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 48px;
align-items: start
}

.bdt .art_text {
min-width: 0
}

.bdt .art_text p {
font-size: 15px;
line-height: 1.85;
color: #EADDC9;
margin-bottom: 16px;
opacity: .9
}

.bdt .art_text h2 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.01em;
color: #F5F1EE;
margin-bottom: 16px;
margin-top: 48px;
font-weight: 700
}

.bdt .art_text h3 {
font-size: 15px;
line-height: 1.4;
color: #DAB85E;
font-weight: 700;
margin-bottom: 8px;
margin-top: 24px;
letter-spacing: .04em;
text-transform: uppercase
}

.bdt .art_text h4 {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
font-weight: 600;
margin-bottom: 8px;
margin-top: 24px
}

.bdt .art_text small {
font-size: 14px;
line-height: 1.65;
color: #EADDC9;
opacity: .6;
display: block;
margin-bottom: 8px
}

.bdt .art_text strong {
color: #DAB85E;
font-weight: 600
}

.bdt .art_text ul,
.bdt .art_text ol {
padding-left: 0;
margin-bottom: 16px;
display: flex;
flex-direction: column;
gap: 8px;
list-style: none
}

.bdt .art_text ul li,
.bdt .art_text ol li {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
opacity: .9;
padding-left: 16px;
position: relative
}

.bdt .art_text ul li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #DAB85E;
background: transparent
}

.bdt .art_text ol {
counter-reset: ol_cnt
}

.bdt .art_text ol li {
counter-increment: ol_cnt
}

.bdt .art_text ol li::before {
content: counter(ol_cnt);
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #DAB85E;
font-weight: 700;
line-height: 1.65
}

.bdt .art_sidebar {
display: flex;
flex-direction: column;
gap: 24px;
position: sticky;
top: 24px
}

.bdt .side_card {
background: #eaddc90a;
border: 1px solid #dab85e1f;
border-radius: 20px;
padding: 24px;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.bdt .side_card_ttl {
font-size: 14px;
line-height: 1.4;
color: #DAB85E;
letter-spacing: .08em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 16px
}

.bdt .icon_ring {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #dab85e26;
border: 2px solid #dab85e59;
flex-shrink: 0
}

.bdt .icon_ring svg {
display: block
}

.bdt .tip_item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 16px
}

.bdt .tip_item:last-child {
margin-bottom: 0
}

.bdt .tip_txt {
font-size: 14px;
line-height: 1.65;
color: #EADDC9;
opacity: .85
}

.bdt .tip_ttl {
font-size: 14px;
line-height: 1.4;
color: #F5F1EE;
font-weight: 600;
margin-bottom: 4px
}

.bdt .err_link_wrap {
margin-top: 8px
}

.bdt .err_link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.4;
color: #EADDC9;
opacity: .65;
text-decoration: none;
transition: color .45s cubic-bezier(0.22, 1, 0.36, 1), opacity .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.bdt .err_link:hover {
color: #DAB85E;
opacity: 1
}

.bdt .err_link:focus-visible {
outline: 2px solid #DAB85E !important;
outline-offset: 4px !important;
border-radius: 8px !important
}

.bdt .divider_b {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
margin: 8px 0
}

.bdt .divider_b .db_left {
width: 60px;
height: 2px;
background: #DAB85E;
opacity: .5;
border-radius: 8px
}

.bdt .divider_b .db_right {
width: 60px;
height: 2px;
background: #DAB85E;
opacity: .5;
border-radius: 8px;
margin-left: auto
}

.bdt .chevron_blk {
padding: 64px 0;
position: relative
}

.bdt .chevron_bg {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: 32px;
pointer-events: none
}

.bdt .chevron_bg::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(135deg, #dab85e0a 0px, #dab85e0a 2px, transparent 2px, transparent 18px)
}

.bdt .chevron_bg::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(17deg, #141210d9 0%, #dab85e14 100%)
}

.bdt .chevron_inner {
position: relative;
z-index: 1;
padding: 48px;
border-radius: 32px;
border: 1px solid #dab85e26
}

.bdt .chev_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
align-items: start
}

.bdt .chev_item {
display: flex;
flex-direction: column;
gap: 16px
}

.bdt .chev_num {
font-size: 48px;
line-height: 1.15;
font-weight: 900;
color: #dab85e14;
letter-spacing: -.04em;
margin-bottom: -16px;
display: block
}

.bdt .chev_label {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
font-weight: 700
}

.bdt .chev_desc {
font-size: 14px;
line-height: 1.65;
color: #EADDC9;
opacity: .8
}

.bdt .chev_sec_ttl {
font-size: 36px;
line-height: 1.15;
color: #F5F1EE;
font-weight: 700;
letter-spacing: -.01em;
margin-bottom: 48px
}

.bdt .chev_sec_ttl .accent_word {
color: #DAB85E;
text-decoration: underline;
text-underline-offset: 5px
}

.bdt .nav_strip {
padding: 48px 0 64px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap
}

.bdt .strip_btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 24px;
border-radius: 8px;
font-size: 14px;
line-height: 1.4;
letter-spacing: .05em;
font-weight: 600;
text-decoration: none;
cursor: pointer;
border: none;
position: relative;
overflow: hidden;
transition: color .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.bdt .strip_btn::before {
content: '';
position: absolute;
bottom: -100%;
left: 0;
right: 0;
height: 100%;
background: #DAB85E;
transition: bottom .45s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.bdt .strip_btn:hover::before {
bottom: 0
}

.bdt .strip_btn:hover {
color: #141210
}

.bdt .strip_btn span {
position: relative;
z-index: 1
}

.bdt .strip_btn.outlined {
background: transparent;
border: 1px solid #dab85e66;
color: #EADDC9;
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.bdt .strip_btn.filled {
background: #dab85e26;
color: #DAB85E;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.bdt .strip_btn:focus-visible {
outline: 2px solid #DAB85E !important;
outline-offset: 4px !important
}

.bdt .visited_link:visited {
text-decoration: line-through;
opacity: .6
}

@media (max-width: 1024px) {
.bdt .art_grid {
grid-template-columns: 1fr
}

.bdt .art_sidebar {
position: static
}

.bdt .chev_grid {
grid-template-columns: 1fr 1fr
}

.bdt .title_spotlight {
padding: 24px 24px 48px
}

.bdt .art_h1 {
font-size: 36px
}
}

@media (max-width: 640px) {
.bdt .art_h1 {
font-size: 36px
}

.bdt .chev_grid {
grid-template-columns: 1fr
}

.bdt .chev_sec_ttl {
font-size: 36px
}

.bdt .chevron_inner {
padding: 24px
}

.bdt .nav_strip {
flex-direction: column;
align-items: stretch
}

.bdt .strip_btn {
justify-content: center
}

.bdt .art_meta_row {
gap: 8px
}
}

.intrv_pg {
background: #0e0c09;
min-height: 100vh;
overflow-x: hidden
}

.intrv_pg .aurora_bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
overflow: hidden
}

.intrv_pg .aurora_bg::before {
content: '';
position: absolute;
width: 60%;
height: 50%;
top: -10%;
left: -10%;
background: radial-gradient(ellipse at 30% 40%, #dab85e12 0%, transparent 65%);
animation: aurora_a 9s ease-in-out infinite alternate
}

.intrv_pg .aurora_bg::after {
content: '';
position: absolute;
width: 50%;
height: 50%;
bottom: -10%;
right: -5%;
background: radial-gradient(ellipse at 70% 60%, #eaddc90d 0%, transparent 60%);
animation: aurora_b 12s ease-in-out infinite alternate
}

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

100% {
transform: translate(5%, 8%) scale(1.1);
opacity: 1
}
}

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

100% {
transform: translate(-6%, -5%) scale(1);
opacity: .9
}
}

.intrv_pg .pg_wrap {
position: relative;
z-index: 1;
max-width: 1400px;
margin: 0 auto;
padding: 0 24px
}

.intrv_pg .ttl_block {
position: relative;
padding: 48px 0 64px;
overflow: hidden
}

.intrv_pg .ttl_block::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.06'/%3E%3C/svg%3E");
opacity: .4;
pointer-events: none
}

.intrv_pg .ttl_block::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 3px;
height: 70%;
background: linear-gradient(17deg, transparent, #dab85e59, transparent)
}

.intrv_pg .ttl_inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 48px
}

.intrv_pg .ttl_text {
flex: 0 0 60%;
max-width: 60%
}

.intrv_pg .ttl_label {
display: inline-block;
font-size: 14px;
line-height: 1.4;
letter-spacing: .12em;
color: #DAB85E;
text-transform: uppercase;
margin-bottom: 16px;
padding: 4px 8px;
border: 1px solid #dab85e40;
border-radius: 8px
}

.intrv_pg .ttl_h1 {
font-size: 48px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 16px
}

.intrv_pg .ttl_h1 .accent_word {
position: relative;
display: inline-block;
color: #DAB85E
}

.intrv_pg .ttl_h1 .accent_word::after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
height: 2px;
background: #DAB85E;
border-radius: 8px
}

.intrv_pg .ttl_desc {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
max-width: 520px
}

.intrv_pg .ttl_img_side {
flex: 0 0 40%;
max-width: 40%;
position: relative;
border-radius: 20px;
overflow: hidden
}

.intrv_pg .ttl_img_side img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
border-radius: 20px;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.intrv_pg .ttl_img_side:hover img {
transform: scale(1.04)
}

.intrv_pg .ttl_img_side .scanline {
position: absolute;
inset: 0;
background: repeating-linear-gradient(to bottom, transparent, transparent 3px, #00000014 3px, #00000014 4px);
pointer-events: none;
border-radius: 20px
}

.intrv_pg .ttl_img_side .img_overlay {
position: absolute;
inset: 0;
background: linear-gradient(17deg, #0e0c0973, transparent 60%);
pointer-events: none;
border-radius: 20px
}

.intrv_pg .ttl_deco {
position: absolute;
top: 24px;
right: 24px;
width: 80px;
height: 80px;
opacity: .06;
pointer-events: none
}

.intrv_pg .ttl_deco svg {
width: 100%;
height: 100%
}

.intrv_pg .divider_tri {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
padding: 8px 0
}

.intrv_pg .divider_tri svg {
width: 12px;
height: 12px;
fill: #dab85e66
}

.intrv_pg .divider_tri .div_line {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, #dab85e33, transparent)
}

.intrv_pg .posts_sec {
padding: 48px 0
}

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

.intrv_pg .post_card {
background: #f5f1ee0a;
border: 1px solid #dab85e1f;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: border-color .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 4px 14px 0 #dab85e1a;
position: relative
}

.intrv_pg .post_card:hover {
border-color: #dab85e59;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.intrv_pg .post_card .corner_cut {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 24px 24px 0;
border-color: transparent #dab85e40 transparent transparent;
transition: border-width .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.intrv_pg .post_card:hover .corner_cut {
border-width: 0 40px 40px 0
}

.intrv_pg .card_img_wrap {
position: relative;
overflow: hidden;
height: 200px
}

.intrv_pg .card_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.intrv_pg .post_card:hover .card_img_wrap img {
transform: scale(1.06)
}

.intrv_pg .card_body {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1;
gap: 16px
}

.intrv_pg .card_ttl {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
letter-spacing: .01em
}

.intrv_pg .card_ttl a {
color: inherit;
text-decoration: none;
transition: color .2s ease-in-out
}

.intrv_pg .card_ttl a:hover {
color: #DAB85E
}

.intrv_pg .card_ttl a:visited {
text-decoration: line-through;
text-decoration-color: #dab85e66
}

.intrv_pg .card_desc {
font-size: 14px;
line-height: 1.65;
color: #eaddc9bf;
flex: 1
}

.intrv_pg .card_foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px
}

.intrv_pg .card_likes {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
color: #dab85ecc;
line-height: 1.4
}

.intrv_pg .card_likes svg {
width: 16px;
height: 16px;
fill: #dab85eb3;
flex-shrink: 0
}

.intrv_pg .card_link {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 14px;
line-height: 1.4;
color: #DAB85E;
text-decoration: none;
position: relative;
overflow: hidden;
padding: 4px 8px;
border-radius: 8px;
border: 1px solid #dab85e33;
transition: color .2s ease-in-out, border-color .35s ease-in-out
}

.intrv_pg .card_link::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #dab85e1f;
transition: height .4s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.intrv_pg .card_link:hover::before {
height: 100%
}

.intrv_pg .card_link:hover {
border-color: #dab85e80
}

.intrv_pg .card_link span {
position: relative;
z-index: 1
}

.intrv_pg .card_link svg {
position: relative;
z-index: 1;
width: 12px;
height: 12px;
stroke: #DAB85E;
fill: none
}

.intrv_pg .sec_divider_b {
padding: 16px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px
}

.intrv_pg .sec_divider_b .db_dot {
width: 6px;
height: 6px;
border-radius: 48px;
background: #dab85e4d
}

.intrv_pg .sec_divider_b .db_line {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, #f5f1ee14, transparent)
}

.intrv_pg .how_sec {
padding: 48px 0;
position: relative
}

.intrv_pg .how_sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(17deg, #dab85e0f, transparent);
pointer-events: none
}

.intrv_pg .how_inner {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.intrv_pg .how_sidebar {
flex: 0 0 38%;
max-width: 38%;
background: #dab85e0f;
border: 1px solid #dab85e26;
border-radius: 32px;
padding: 48px 24px;
box-shadow: 2px 4px 14px 0 #dab85e1a;
position: relative;
overflow: hidden
}

.intrv_pg .how_sidebar::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 3px;
height: 100%;
background: linear-gradient(17deg, transparent, #dab85e4d, transparent)
}

.intrv_pg .how_sidebar_h {
font-size: 36px;
line-height: 1.15;
color: #F5F1EE;
letter-spacing: -.02em;
margin-bottom: 16px
}

.intrv_pg .how_sidebar_h .hl_bg {
background: #dab85e2e;
padding: 0 8px;
border-radius: 8px;
color: #DAB85E
}

.intrv_pg .how_sidebar_txt {
font-size: 14px;
line-height: 1.65;
color: #eaddc9cc;
margin-bottom: 24px
}

.intrv_pg .how_stat {
display: flex;
flex-direction: column;
gap: 16px
}

.intrv_pg .stat_item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 16px;
background: #0e0c0966;
border-radius: 20px;
border: 1px solid #dab85e1a
}

.intrv_pg .stat_num {
font-size: 36px;
line-height: 1.15;
color: #DAB85E;
letter-spacing: -.02em;
flex-shrink: 0;
min-width: 56px
}

.intrv_pg .stat_lbl {
font-size: 14px;
line-height: 1.4;
color: #f5f1eeb3
}

.intrv_pg .how_timeline {
flex: 1;
display: flex;
flex-direction: column;
gap: 0
}

.intrv_pg .tl_h {
font-size: 15px;
line-height: 1.4;
color: #dab85ee6;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 24px
}

.intrv_pg .tl_list {
display: flex;
flex-direction: column;
position: relative
}

.intrv_pg .tl_list::before {
content: '';
position: absolute;
left: 15px;
top: 8px;
bottom: 8px;
width: 2px;
background: linear-gradient(to bottom, #dab85e80, #dab85e1a)
}

.intrv_pg .tl_item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 24px;
padding: 16px 0;
position: relative
}

.intrv_pg .tl_dot_wrap {
flex-shrink: 0;
width: 32px;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 4px
}

.intrv_pg .tl_dot {
width: 14px;
height: 14px;
border-radius: 48px;
border: 2px solid #DAB85E;
background: #0e0c09;
position: relative;
z-index: 1;
transition: background .4s cubic-bezier(0.22, 1, 0.36, 1)
}

.intrv_pg .tl_item.done .tl_dot {
background: #DAB85E
}

.intrv_pg .tl_item.active .tl_dot {
background: #dab85e66;
box-shadow: 0 0 0 4px #dab85e1f
}

.intrv_pg .tl_body {
flex: 1
}

.intrv_pg .tl_step_ttl {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
margin-bottom: 4px
}

.intrv_pg .tl_step_txt {
font-size: 14px;
line-height: 1.65;
color: #eaddc9a6
}

.intrv_pg .tl_status {
font-size: 14px;
line-height: 1.4;
padding: 4px 8px;
border-radius: 8px;
flex-shrink: 0;
margin-top: 4px
}

.intrv_pg .tl_status.done {
background: #dab85e26;
color: #DAB85E
}

.intrv_pg .tl_status.active {
background: #eaddc91a;
color: #eaddc9b3
}

.intrv_pg .tl_status.pending {
background: #f5f1ee0d;
color: #f5f1ee59
}

.intrv_pg .tips_sec {
padding: 48px 0;
position: relative
}

.intrv_pg .hex_bg {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
opacity: .03
}

.intrv_pg .hex_bg svg {
width: 100%;
height: 100%
}

.intrv_pg .tips_head {
text-align: center;
margin-bottom: 48px
}

.intrv_pg .tips_h2 {
font-size: 36px;
line-height: 1.15;
color: #F5F1EE;
letter-spacing: -.02em;
margin-bottom: 8px
}

.intrv_pg .tips_sub {
font-size: 15px;
line-height: 1.65;
color: #eaddc9b3
}

.intrv_pg .tips_cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.intrv_pg .tip_card {
background: #f5f1ee08;
border: 1px solid #eaddc91a;
border-radius: 32px;
padding: 24px;
position: relative;
transition: border-color .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 2px 5px 0 #dab85e0d;
overflow: hidden
}

.intrv_pg .tip_card:hover {
border-color: #dab85e40;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.intrv_pg .tip_num {
position: absolute;
top: 8px;
right: 16px;
font-size: 48px;
line-height: 1.15;
color: #dab85e12;
letter-spacing: -.04em;
pointer-events: none;
user-select: none
}

.intrv_pg .tip_icon {
width: 40px;
height: 40px;
border-radius: 20px;
background: #dab85e1a;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px
}

.intrv_pg .tip_icon svg {
width: 20px;
height: 20px;
stroke: #DAB85E;
fill: none
}

.intrv_pg .tip_h {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
margin-bottom: 8px
}

.intrv_pg .tip_txt {
font-size: 14px;
line-height: 1.65;
color: #eaddc9b3
}

.intrv_pg .tip_card .corner_cut {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #dab85e33 transparent transparent;
transition: border-width .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.intrv_pg .tip_card:hover .corner_cut {
border-width: 0 36px 36px 0
}

@media (max-width: 1024px) {
.intrv_pg .posts_grid {
grid-template-columns: repeat(2, 1fr)
}

.intrv_pg .how_inner {
flex-direction: column;
gap: 24px
}

.intrv_pg .how_sidebar {
flex: none;
max-width: 100%;
width: 100%
}

.intrv_pg .ttl_inner {
flex-direction: column;
gap: 24px
}

.intrv_pg .ttl_text {
flex: none;
max-width: 100%
}

.intrv_pg .ttl_img_side {
flex: none;
max-width: 100%;
width: 100%
}
}

@media (max-width: 640px) {
.intrv_pg .posts_grid {
grid-template-columns: 1fr
}

.intrv_pg .tips_cols {
grid-template-columns: 1fr
}

.intrv_pg .ttl_h1 {
font-size: 36px
}

.intrv_pg .how_sidebar_h {
font-size: 36px
}

.intrv_pg .tips_h2 {
font-size: 36px
}
}

.abt-auth {
background: #0e0c0a;
min-height: 100vh;
overflow: hidden;
position: relative
}

.abt-auth .geo-pulse {
position: absolute;
top: 12%;
right: 4%;
width: 320px;
height: 320px;
border: 1px solid #dab85e14;
border-radius: 48px;
animation: geo-breathe 6s ease-in-out infinite;
pointer-events: none;
z-index: 0
}

.abt-auth .geo-pulse::before {
content: '';
position: absolute;
inset: 24px;
border: 1px solid #dab85e0d;
border-radius: 32px;
animation: geo-breathe 6s ease-in-out infinite 1.5s
}

@keyframes geo-breathe {

0%,
100% {
opacity: .4;
transform: scale(1)
}

50% {
opacity: .9;
transform: scale(1.03)
}
}

.abt-auth .geo-pulse-2 {
position: absolute;
bottom: 20%;
left: 2%;
width: 200px;
height: 200px;
border: 1px solid #eaddc90f;
border-radius: 32px;
animation: geo-breathe 8s ease-in-out infinite 2s;
pointer-events: none;
z-index: 0
}

.abt-auth .pg-cap {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1
}

.abt-auth .ident-block {
padding: 80px 0 64px;
margin-left: 0
}

.abt-auth .ident-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
max-width: 1100px;
position: relative
}

.abt-auth .ident-inner::before {
content: '';
position: absolute;
top: -16px;
left: -16px;
right: -16px;
bottom: -16px;
border-top: 1px solid #dab85e2e;
border-left: 1px solid #dab85e2e;
border-radius: 20px;
pointer-events: none
}

.abt-auth .ident-inner::after {
content: '';
position: absolute;
top: -16px;
left: -16px;
right: -16px;
bottom: -16px;
border-bottom: 1px solid #dab85e1a;
border-right: 1px solid #dab85e1a;
border-radius: 20px;
pointer-events: none
}

.abt-auth .img-geo-wrap {
flex-shrink: 0;
width: 340px;
height: 400px;
border-radius: 48px 20px 48px 20px;
overflow: hidden;
position: relative;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.abt-auth .img-geo-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(100%) contrast(1.15);
transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .img-geo-wrap:hover img {
transform: scale(1.05)
}

.abt-auth .img-geo-wrap .img-fade {
position: absolute;
inset: 0;
background: linear-gradient(17deg, #0e0c0a 0%, #0e0c0a00 55%);
pointer-events: none
}

.abt-auth .ident-text {
flex: 1
}

.abt-auth .caption-line {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-bottom: 16px
}

.abt-auth .cap-bar {
width: 32px;
height: 1px;
background: #DAB85E
}

.abt-auth .cap-label {
font-size: 14px;
letter-spacing: .18em;
color: #DAB85E;
text-transform: uppercase;
line-height: 1.15
}

.abt-auth .auth-h1 {
font-size: 48px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 16px
}

.abt-auth .auth-h1 .accent-word {
display: inline-block;
color: #DAB85E;
text-decoration: underline;
text-decoration-color: #dab85e80;
text-underline-offset: 4px
}

.abt-auth .auth-role {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
margin-bottom: 24px;
max-width: 420px
}

.abt-auth .auth-bio {
font-size: 15px;
line-height: 1.65;
color: #eaddc9bf;
max-width: 440px
}

.abt-auth .story-block {
padding: 64px 0;
margin-left: 5%;
background: #eaddc908;
border-radius: 32px;
position: relative
}

.abt-auth .story-block .bg-zoom-wrap {
position: absolute;
inset: 0;
border-radius: 32px;
overflow: hidden;
pointer-events: none;
z-index: 0
}

.abt-auth .story-block .bg-zoom-img {
position: absolute;
inset: -8px;
background-image: url(./assets_folder/news1.jpg);
background-size: cover;
background-position: center;
opacity: .06;
animation: bg-slow-zoom 18s ease-in-out infinite alternate;
filter: grayscale(100%)
}

@keyframes bg-slow-zoom {
from {
transform: scale(1)
}

to {
transform: scale(1.08)
}
}

.abt-auth .story-inner {
position: relative;
z-index: 1;
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.abt-auth .story-num {
font-size: 48px;
line-height: 1.15;
color: #dab85e14;
font-weight: 900;
letter-spacing: -.04em;
flex-shrink: 0;
width: 80px;
text-align: right;
user-select: none
}

.abt-auth .story-text-col {
flex: 1
}

.abt-auth .story-h2 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.01em;
color: #F5F1EE;
margin-bottom: 16px
}

.abt-auth .story-para {
font-size: 15px;
line-height: 1.65;
color: #eaddc9c7;
margin-bottom: 16px;
max-width: 620px
}

.abt-auth .story-img-aside {
flex-shrink: 0;
width: 280px;
height: 340px;
border-radius: 20px 48px 20px 48px;
overflow: hidden;
box-shadow: 2px 4px 14px 0 #dab85e1a;
position: relative
}

.abt-auth .story-img-aside img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(80%) contrast(1.1);
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .story-img-aside:hover img {
transform: scale(1.05)
}

.abt-auth .story-img-aside .aside-fade {
position: absolute;
inset: 0;
background: linear-gradient(17deg, #0e0c0a99 0%, #0e0c0a00 60%);
pointer-events: none
}

.abt-auth .expertise-block {
padding: 72px 0;
margin-left: 0;
margin-right: 5%
}

.abt-auth .exp-cap {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px
}

.abt-auth .exp-head-row {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 48px;
gap: 24px
}

.abt-auth .exp-h2 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.01em;
color: #F5F1EE
}

.abt-auth .exp-sub {
font-size: 14px;
line-height: 1.4;
color: #dab85eb3;
letter-spacing: .12em;
text-transform: uppercase;
max-width: 260px;
text-align: right
}

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

.abt-auth .exp-item {
background: #eaddc90a;
border-radius: 20px;
padding: 24px;
position: relative;
border: 1px solid #dab85e14;
box-shadow: 2px 2px 5px 0 #dab85e0d;
transition: border-color .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s cubic-bezier(0.22, 1, 0.36, 1);
overflow: hidden
}

.abt-auth .exp-item:hover {
border-color: #dab85e38;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.abt-auth .exp-item .faded-num {
position: absolute;
top: -8px;
right: 8px;
font-size: 48px;
line-height: 1.15;
color: #dab85e0f;
font-weight: 900;
letter-spacing: -.04em;
pointer-events: none;
user-select: none
}

.abt-auth .exp-icon {
width: 36px;
height: 36px;
margin-bottom: 16px
}

.abt-auth .exp-icon svg {
width: 100%;
height: 100%
}

.abt-auth .exp-item-h {
font-size: 15px;
line-height: 1.4;
color: #DAB85E;
margin-bottom: 8px;
letter-spacing: .02em
}

.abt-auth .exp-item-p {
font-size: 14px;
line-height: 1.65;
color: #eaddc9b8
}

.abt-auth .connect-block {
padding: 64px 0 80px;
margin-left: 8%;
position: relative
}

.abt-auth .connect-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, #dab85e40 0%, #dab85e00 100%)
}

.abt-auth .connect-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.abt-auth .connect-text {
flex: 1
}

.abt-auth .connect-h2 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.01em;
color: #F5F1EE;
margin-bottom: 16px
}

.abt-auth .connect-para {
font-size: 15px;
line-height: 1.65;
color: #eaddc9bf;
margin-bottom: 24px;
max-width: 480px
}

.abt-auth .connect-detail {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-auth .cd-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.abt-auth .cd-label {
font-size: 14px;
letter-spacing: .1em;
color: #dab85e99;
text-transform: uppercase;
width: 80px;
flex-shrink: 0
}

.abt-auth .cd-val {
font-size: 15px;
line-height: 1.4;
color: #EADDC9
}

.abt-auth .cd-val a {
color: #DAB85E;
text-decoration: none;
transition: opacity .2s ease-in-out
}

.abt-auth .cd-val a:visited {
text-decoration: line-through;
opacity: .7
}

.abt-auth .cd-val a:hover {
opacity: .75
}

.abt-auth .connect-img-col {
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-end
}

.abt-auth .conn-img-wrap {
width: 300px;
height: 200px;
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 4px 14px 0 #dab85e1a;
position: relative
}

.abt-auth .conn-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(60%) contrast(1.08);
transition: transform .65s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .conn-img-wrap:hover img {
transform: scale(1.05)
}

.abt-auth .conn-img-wrap .conn-fade {
position: absolute;
inset: 0;
background: linear-gradient(17deg, #0e0c0a8c 0%, #0e0c0a00 65%);
pointer-events: none
}

.abt-auth .conn-img-wrap-sm {
width: 220px;
height: 140px;
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 2px 5px 0 #dab85e0d;
position: relative
}

.abt-auth .conn-img-wrap-sm img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(70%) contrast(1.1);
transition: transform .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .conn-img-wrap-sm:hover img {
transform: scale(1.05)
}

.abt-auth .conn-img-wrap-sm .conn-fade-sm {
position: absolute;
inset: 0;
background: linear-gradient(17deg, #0e0c0a80 0%, #0e0c0a00 60%);
pointer-events: none
}

.abt-auth .link-btn {
display: inline-block;
padding: 16px 24px;
border-radius: 8px;
font-size: 14px;
letter-spacing: .08em;
color: #0e0c0a;
background: #DAB85E;
text-decoration: none;
text-transform: lowercase;
position: relative;
overflow: hidden;
box-shadow: 2px 4px 14px 0 #dab85e1a;
transition: color .35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .35s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .link-btn::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #0e0c0a2e;
transition: height .4s cubic-bezier(0.22, 1, 0.36, 1);
pointer-events: none
}

.abt-auth .link-btn:hover::after {
height: 100%
}

.abt-auth .link-btn:hover {
box-shadow: 2px 10px 44px 0 #dab85e24
}

.abt-auth .link-btn:focus {
outline: 2px solid #DAB85E;
outline-offset: 3px
}

@media (max-width: 1024px) {
.abt-auth .ident-inner {
gap: 24px
}

.abt-auth .img-geo-wrap {
width: 260px;
height: 320px
}

.abt-auth .auth-h1 {
font-size: 36px
}

.abt-auth .story-inner {
gap: 24px
}

.abt-auth .story-img-aside {
width: 200px;
height: 260px
}

.abt-auth .exp-grid {
grid-template-columns: repeat(2, 1fr)
}

.abt-auth .connect-inner {
gap: 24px
}

.abt-auth .conn-img-wrap {
width: 220px;
height: 160px
}

.abt-auth .conn-img-wrap-sm {
width: 180px;
height: 110px
}

.abt-auth .story-block {
margin-left: 2%
}

.abt-auth .connect-block {
margin-left: 4%
}

.abt-auth .expertise-block {
margin-right: 2%
}
}

@media (max-width: 640px) {
.abt-auth .ident-inner {
flex-direction: column;
align-items: flex-start
}

.abt-auth .img-geo-wrap {
width: 100%;
height: 260px
}

.abt-auth .auth-h1 {
font-size: 36px
}

.abt-auth .story-inner {
flex-direction: column
}

.abt-auth .story-num {
width: auto;
text-align: left;
font-size: 36px
}

.abt-auth .story-img-aside {
width: 100%;
height: 220px
}

.abt-auth .exp-grid {
grid-template-columns: 1fr
}

.abt-auth .exp-head-row {
flex-direction: column;
align-items: flex-start
}

.abt-auth .exp-sub {
text-align: left;
max-width: 100%
}

.abt-auth .connect-inner {
flex-direction: column
}

.abt-auth .connect-img-col {
width: 100%;
align-items: flex-start
}

.abt-auth .conn-img-wrap {
width: 100%;
height: 180px
}

.abt-auth .conn-img-wrap-sm {
width: 60%;
height: 120px
}

.abt-auth .story-block {
margin-left: 0
}

.abt-auth .connect-block {
margin-left: 0
}

.abt-auth .expertise-block {
margin-right: 0
}

.abt-auth .ident-block {
padding: 48px 0
}
}

.blg {
background: #18160f;
min-height: 100vh;
overflow-x: hidden
}

.blg .pg_wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px
}

.blg .title_strip {
padding: 48px 24px;
background: linear-gradient(17deg, #18160f 0%, #2a2310 60%, #1e1a0e 100%);
position: relative
}

.blg .title_strip::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #DAB85E 40%, #EADDC9 70%, transparent)
}

.blg .title_strip_inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 48px
}

.blg .img_frame {
flex: 0 0 320px;
position: relative;
border-radius: 20px;
overflow: hidden
}

.blg .img_frame img {
width: 320px;
height: 420px;
object-fit: cover;
display: block;
border-radius: 20px;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .img_frame:hover img {
transform: scale(1.04)
}

.blg .img_frame::before {
content: '';
position: absolute;
inset: 0;
border-radius: 20px;
background: radial-gradient(circle at 0% 100%, #dab85e2e 0%, transparent 55%), radial-gradient(circle at 100% 0%, #18160f8c 0%, transparent 50%);
z-index: 1;
pointer-events: none
}

.blg .img_deco {
position: absolute;
top: -16px;
left: -16px;
width: 80px;
height: 80px;
border: 2px solid #dab85e38;
border-radius: 20px;
pointer-events: none;
z-index: 0
}

.blg .title_text {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px
}

.blg .lbl_tag {
display: inline-block;
font-size: 14px;
letter-spacing: .08em;
color: #DAB85E;
background: #dab85e1a;
border-radius: 8px;
padding: 4px 16px;
width: fit-content
}

.blg .title_h1 {
font-size: 48px;
line-height: 1.15;
letter-spacing: -.02em;
color: #EADDC9;
margin: 0
}

.blg .title_h1 span {
display: inline-block;
border-bottom: 3px solid #DAB85E;
padding-bottom: 2px
}

.blg .title_sub {
font-size: 15px;
line-height: 1.65;
color: #eaddc9b8;
max-width: 480px;
margin: 0
}

.blg .title_meta {
display: flex;
flex-direction: row;
gap: 24px;
margin-top: 8px
}

.blg .meta_item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
color: #dab85ecc
}

.blg .meta_icon {
width: 18px;
height: 18px;
flex-shrink: 0
}

.blg .posts_area {
padding: 48px 24px;
background: linear-gradient(17deg, #1a1710 0%, #211d12 100%)
}

.blg .posts_inner {
max-width: 1400px;
margin: 0 auto
}

.blg .sec_label {
font-size: 14px;
letter-spacing: .1em;
color: #DAB85E;
margin-bottom: 8px;
display: block
}

.blg .sec_heading {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.01em;
color: #EADDC9;
margin: 0 0 48px
}

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

.blg .post_card {
background: #eaddc90a;
border: 1px solid #dab85e1f;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: border-color .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 4px 14px 0 #dab85e1a;
text-decoration: none
}

.blg .post_card:hover {
border-color: #dab85e73;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.blg .card_img_wrap {
overflow: hidden;
height: 200px;
flex-shrink: 0
}

.blg .card_img_wrap img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .post_card:hover .card_img_wrap img {
transform: scale(1.06)
}

.blg .card_body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1
}

.blg .card_sub {
font-size: 14px;
color: #DAB85E;
letter-spacing: .05em
}

.blg .card_title {
font-size: 15px;
line-height: 1.4;
color: #EADDC9;
font-weight: 600;
margin: 0
}

.blg .card_desc {
font-size: 14px;
line-height: 1.65;
color: #eaddc9a6;
margin: 0
}

.blg .card_foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #dab85e1a
}

.blg .card_date {
font-size: 14px;
color: #dab85e99
}

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

.blg .stat_item {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 14px;
color: #eaddc98c
}

.blg .stat_svg {
width: 14px;
height: 14px;
flex-shrink: 0
}

.blg .card_link {
display: inline-block;
margin-top: 8px;
font-size: 14px;
color: #DAB85E;
text-decoration: none;
letter-spacing: .04em;
transition: color .2s ease-in-out;
width: fit-content
}

.blg .card_link:hover {
color: #EADDC9
}

.blg .card_link:visited {
text-decoration: line-through
}

.blg .step_divider {
width: 100%;
height: 32px;
display: block;
overflow: hidden
}

.blg .step_divider svg {
width: 100%;
height: 32px;
display: block
}

.blg .interview_area {
padding: 48px 24px;
background: linear-gradient(17deg, #211d12 0%, #18160f 60%, #1d1a0f 100%)
}

.blg .interview_inner {
max-width: 1400px;
margin: 0 auto
}

.blg .int_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.blg .int_card {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
background: #dab85e0d;
border-radius: 20px;
padding: 24px;
border: 1px solid #dab85e1a;
text-decoration: none;
transition: border-color .5s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.blg .int_card:hover {
border-color: #dab85e61;
background: #dab85e17
}

.blg .int_thumb {
flex: 0 0 80px;
width: 80px;
height: 80px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0
}

.blg .int_thumb img {
width: 80px;
height: 80px;
object-fit: cover;
display: block;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .int_card:hover .int_thumb img {
transform: scale(1.08)
}

.blg .int_body {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1
}

.blg .int_title {
font-size: 15px;
line-height: 1.4;
color: #EADDC9;
font-weight: 600;
margin: 0
}

.blg .int_desc {
font-size: 14px;
line-height: 1.65;
color: #eaddc99e;
margin: 0
}

.blg .int_like {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 14px;
color: #dab85eb3
}

.blg .int_like svg {
width: 14px;
height: 14px
}

.blg .int_card:visited .int_title {
text-decoration: line-through
}

.blg .about_strip {
padding: 48px 24px;
background: linear-gradient(17deg, #18160f 0%, #22200e 100%);
position: relative;
overflow: hidden
}

.blg .about_strip_deco {
position: absolute;
top: -48px;
right: -48px;
width: 260px;
height: 260px;
border: 2px solid #dab85e14;
border-radius: 48px;
pointer-events: none;
transform: rotate(18deg)
}

.blg .about_inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: center
}

.blg .about_text {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px
}

.blg .about_num {
font-size: 48px;
line-height: 1.15;
color: #dab85e14;
font-weight: 700;
letter-spacing: -.04em;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
user-select: none
}

.blg .about_heading_wrap {
position: relative;
padding-left: 48px
}

.blg .about_heading {
font-size: 36px;
line-height: 1.15;
color: #EADDC9;
margin: 0;
letter-spacing: -.01em
}

.blg .about_para {
font-size: 15px;
line-height: 1.65;
color: #eaddc9b8;
margin: 0;
max-width: 520px
}

.blg .about_link_btn {
display: inline-block;
padding: 16px 24px;
background: transparent;
border: 1px solid #dab85e66;
border-radius: 8px;
color: #DAB85E;
font-size: 15px;
text-decoration: none;
letter-spacing: .04em;
width: fit-content;
position: relative;
overflow: hidden;
transition: color .4s cubic-bezier(0.22, 1, 0.36, 1), border-color .4s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .about_link_btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #dab85e26;
transition: height .4s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.blg .about_link_btn:hover::before {
height: 100%
}

.blg .about_link_btn:hover {
color: #EADDC9;
border-color: #dab85eb3
}

.blg .about_link_btn span {
position: relative;
z-index: 1
}

.blg .about_metrics {
flex: 0 0 320px;
display: flex;
flex-direction: column;
gap: 24px
}

.blg .metric_bar_block {
background: #eaddc90a;
border-radius: 20px;
padding: 24px;
border: 1px solid #dab85e1a;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.blg .metric_label {
font-size: 14px;
color: #eaddc9a6;
margin-bottom: 8px;
display: block
}

.blg .metric_bar_track {
width: 100%;
height: 8px;
background: #dab85e1f;
border-radius: 8px;
overflow: hidden;
margin-bottom: 8px
}

.blg .metric_bar_fill {
height: 8px;
border-radius: 8px;
background: linear-gradient(90deg, #DAB85E, #EADDC9);
transition: width .7s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .metric_ends {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 14px;
color: #dab85e99
}

.blg .icon_badge {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
background: #dab85e14;
border-radius: 20px;
padding: 16px 24px;
border: 1px solid #dab85e1f;
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.blg .icon_bg {
width: 48px;
height: 48px;
border-radius: 8px;
background: #dab85e2e;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.blg .icon_bg svg {
width: 24px;
height: 24px
}

.blg .icon_badge_text {
display: flex;
flex-direction: column;
gap: 4px
}

.blg .icon_badge_head {
font-size: 15px;
color: #EADDC9;
font-weight: 600
}

.blg .icon_badge_sub {
font-size: 14px;
color: #eaddc999
}

.blg .curved_deco {
position: absolute;
bottom: 0;
left: 0;
width: 180px;
height: 180px;
pointer-events: none
}

@keyframes revealUp {
from {
opacity: 0;
transform: translateY(var(--offset, 24px))
}

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

.blg .anim_1 {
animation: revealUp .55s cubic-bezier(0.22, 1, 0.36, 1) .05s both;
--offset: 16px
}

.blg .anim_2 {
animation: revealUp .6s cubic-bezier(0.22, 1, 0.36, 1) .15s both;
--offset: 24px
}

.blg .anim_3 {
animation: revealUp .65s cubic-bezier(0.22, 1, 0.36, 1) .25s both;
--offset: 32px
}

.blg .anim_4 {
animation: revealUp .7s cubic-bezier(0.22, 1, 0.36, 1) .35s both;
--offset: 40px
}

@media (max-width: 1024px) {
.blg .cards_grid {
grid-template-columns: repeat(2, 1fr)
}

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

.blg .about_inner {
flex-direction: column
}

.blg .about_metrics {
flex: 0 0 auto;
width: 100%
}

.blg .title_strip_inner {
flex-direction: column;
gap: 24px
}

.blg .img_frame {
flex: 0 0 auto;
width: 100%
}

.blg .img_frame img {
width: 100%;
height: 280px
}
}

@media (max-width: 640px) {
.blg .cards_grid {
grid-template-columns: 1fr
}

.blg .title_h1 {
font-size: 36px
}

.blg .sec_heading {
font-size: 36px
}

.blg .int_card {
flex-direction: column
}

.blg .int_thumb {
width: 100%;
height: 120px;
flex: 0 0 auto
}

.blg .int_thumb img {
width: 100%;
height: 120px
}

.blg .about_inner {
flex-direction: column
}
}

.opn {
background: #0e0c09;
min-height: 100vh;
overflow-x: hidden;
position: relative
}

.opn .pg_wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px
}

.opn .ttl_blk {
padding: 80px 0 64px;
position: relative
}

.opn .ttl_blk .pg_wrap {
display: grid;
grid-template-columns: 1fr 380px;
gap: 48px;
align-items: center
}

.opn .ttl_geo {
position: absolute;
top: 24px;
left: 24px;
width: 120px;
height: 120px;
pointer-events: none
}

.opn .ttl_geo svg {
width: 100%;
height: 100%
}

.opn .ttl_geo_br {
position: absolute;
bottom: 24px;
right: 24px;
width: 80px;
height: 80px;
pointer-events: none
}

.opn .ttl_geo_br svg {
width: 100%;
height: 100%
}

.opn .ttl_left {
position: relative;
z-index: 1
}

.opn .ttl_kicker {
font-size: 14px;
letter-spacing: .12em;
color: #DAB85E;
text-transform: uppercase;
margin-bottom: 16px;
line-height: 1.4
}

.opn .ttl_h1 {
font-size: 48px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 24px
}

.opn .ttl_h1 .punct {
color: #DAB85E
}

.opn .ttl_lead {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
max-width: 520px;
margin-bottom: 24px
}

.opn .ttl_sub {
font-size: 14px;
line-height: 1.65;
color: #8a7d6a
}

.opn .ttl_img_col {
position: relative
}

.opn .ttl_img_wrap {
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 10px 44px 0 #dab85e24;
position: relative
}

.opn .ttl_img_wrap img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .ttl_img_wrap:hover img {
transform: scale(1.04)
}

.opn .ttl_img_sharp {
position: absolute;
inset: 0;
background: linear-gradient(17deg, #0e0c0973 0%, transparent 60%);
border-radius: 20px;
pointer-events: none
}

.opn .dots_grp {
position: absolute;
bottom: -16px;
left: -16px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
pointer-events: none
}

.opn .dots_grp span {
display: block;
border-radius: 48px;
background: #DAB85E;
opacity: .25
}

.opn .div_diag {
width: 100%;
height: 3px;
background: linear-gradient(17deg, #DAB85E 0%, transparent 100%);
margin: 0
}

.opn .uniq_blk {
padding: 80px 0;
background: linear-gradient(17deg, #141008 0%, #0e0c09 60%);
position: relative
}

.opn .uniq_blk::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 50% at 80% 50%, #dab85e0a 0%, transparent 70%);
pointer-events: none
}

.opn .uniq_inner {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 48px;
align-items: start
}

.opn .uniq_main {
position: relative
}

.opn .blk_num {
font-size: 48px;
line-height: 1.15;
color: #DAB85E;
opacity: .08;
position: absolute;
top: -16px;
left: -8px;
letter-spacing: -.04em;
pointer-events: none;
font-weight: 700
}

.opn .uniq_main .blk_num {
font-size: 120px
}

.opn .blk_h2 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 16px;
position: relative;
z-index: 1
}

.opn .blk_h2 .uline {
text-decoration: underline;
text-decoration-color: #DAB85E;
text-underline-offset: 4px
}

.opn .blk_p {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
margin-bottom: 16px
}

.opn .blk_p_sm {
font-size: 14px;
line-height: 1.65;
color: #8a7d6a
}

.opn .uniq_stat {
background: #dab85e0f;
border-radius: 20px;
padding: 24px;
border-top: 2px solid #dab85e33
}

.opn .stat_num {
font-size: 48px;
line-height: 1.15;
color: #DAB85E;
letter-spacing: -.03em;
display: block;
margin-bottom: 8px
}

.opn .stat_lbl {
font-size: 14px;
line-height: 1.4;
color: #EADDC9
}

.opn .ring_wrap {
display: inline-flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}

.opn .ring_svg {
flex-shrink: 0
}

.opn .vals_blk {
padding: 80px 0;
position: relative;
background: #0e0c09
}

.opn .vals_blk::after {
content: "";
position: absolute;
inset: 0;
box-shadow: inset 0 0 120px 0 #0e0c09e6;
pointer-events: none
}

.opn .topo_bg {
position: absolute;
inset: 0;
opacity: .035;
background-image: repeating-linear-gradient(0deg, transparent, transparent 28px, #dab85e99 28px, #dab85e99 29px), repeating-linear-gradient(90deg, transparent, transparent 48px, #dab85e4d 48px, #dab85e4d 49px);
pointer-events: none
}

.opn .vals_inner {
position: relative;
z-index: 1
}

.opn .vals_top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
margin-bottom: 48px;
align-items: end
}

.opn .vals_img_wrap {
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.opn .vals_img_wrap img {
width: 100%;
height: 340px;
object-fit: cover;
display: block;
transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .vals_img_wrap:hover img {
transform: scale(1.04)
}

.opn .vals_list {
display: flex;
flex-direction: column;
gap: 24px
}

.opn .val_item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start
}

.opn .val_icon {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 8px;
background: #dab85e1a;
display: flex;
align-items: center;
justify-content: center
}

.opn .val_icon svg {
width: 20px;
height: 20px
}

.opn .val_txt h5 {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
margin-bottom: 4px
}

.opn .val_txt p {
font-size: 14px;
line-height: 1.65;
color: #8a7d6a
}

.opn .rhythm_blk {
padding: 80px 0;
background: linear-gradient(17deg, #111009 0%, #151210 100%);
position: relative
}

.opn .rhythm_head {
text-align: center;
margin-bottom: 48px;
position: relative
}

.opn .rhythm_head .blk_num {
left: 50%;
transform: translateX(-50%)
}

.opn .tl_row {
display: flex;
flex-direction: row;
gap: 0;
position: relative;
margin-bottom: 0
}

.opn .tl_line {
position: absolute;
top: 20px;
left: 40px;
right: 40px;
height: 2px;
background: linear-gradient(17deg, #DAB85E 0%, #dab85e33 100%);
z-index: 0
}

.opn .tl_item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1
}

.opn .tl_dot {
width: 40px;
height: 40px;
border-radius: 48px;
border: 2px solid #DAB85E;
background: #0e0c09;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
transition: background .4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .4s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .tl_dot svg {
width: 16px;
height: 16px
}

.opn .tl_item:hover .tl_dot {
background: #dab85e26;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.opn .tl_card {
background: #dab85e0d;
border-radius: 20px;
padding: 24px 16px;
text-align: center;
width: 100%;
transition: box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .tl_item:hover .tl_card {
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.opn .tl_card h5 {
font-size: 15px;
line-height: 1.4;
color: #DAB85E;
margin-bottom: 8px
}

.opn .tl_card p {
font-size: 14px;
line-height: 1.65;
color: #8a7d6a
}

.opn .tl_line_anim {
position: absolute;
top: 20px;
left: 40px;
height: 2px;
width: 0;
background: #DAB85E;
animation: line_draw 1.2s cubic-bezier(0.22, 1, 0.36, 1) .3s forwards;
z-index: 0
}

@keyframes line_draw {
to {
width: calc(100% - 80px)
}
}

.opn .arch_blk {
padding: 80px 0;
background: #0e0c09;
position: relative
}

.opn .arch_inner {
display: grid;
grid-template-columns: 380px 1fr;
gap: 48px;
align-items: start
}

.opn .arch_img_wrap {
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 10px 44px 0 #dab85e24;
position: sticky;
top: 24px
}

.opn .arch_img_wrap img {
width: 100%;
height: 460px;
object-fit: cover;
display: block;
transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .arch_img_wrap:hover img {
transform: scale(1.04)
}

.opn .arch_right {
display: flex;
flex-direction: column;
gap: 24px
}

.opn .arch_method {
background: #f5f1ee08;
border-radius: 20px;
padding: 24px;
transition: box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .arch_method:hover {
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.opn .arch_method h5 {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
margin-bottom: 8px
}

.opn .arch_method p {
font-size: 14px;
line-height: 1.65;
color: #8a7d6a
}

.opn .arch_tag_row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.opn .arch_tag {
font-size: 14px;
line-height: 1.4;
color: #DAB85E;
border: 1px solid #dab85e40;
border-radius: 8px;
padding: 4px 16px;
background: #dab85e0f;
transition: background .4s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .arch_tag:hover {
background: #dab85e24
}

.opn .conn_blk {
padding: 80px 0;
background: linear-gradient(17deg, #141008 0%, #0e0c09 100%);
position: relative
}

.opn .conn_inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.opn .conn_form_wrap {
background: #dab85e0d;
border-radius: 32px;
padding: 48px;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.opn .conn_form_wrap h3 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 16px
}

.opn .conn_form_wrap p {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
margin-bottom: 24px
}

.opn .conn_field {
position: relative;
margin-bottom: 16px
}

.opn .conn_field_icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none
}

.opn .conn_field_icon svg {
width: 16px;
height: 16px
}

.opn .conn_input {
width: 100%;
background: #0e0c09b3;
border: 1px solid #dab85e33;
border-radius: 8px;
padding: 16px 16px 16px 48px;
font-size: 14px;
line-height: 1.4;
color: #F5F1EE;
outline: none;
transition: border-color .4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .4s cubic-bezier(0.22, 1, 0.36, 1);
box-sizing: border-box
}

.opn .conn_input::placeholder {
color: #5a5040
}

.opn .conn_input:focus {
border-color: #dab85e99;
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.opn .conn_btn {
width: 100%;
padding: 16px 24px;
border-radius: 8px;
border: none;
font-size: 15px;
line-height: 1.4;
color: #0e0c09;
background: #DAB85E;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color .4s cubic-bezier(0.22, 1, 0.36, 1);
text-transform: lowercase
}

.opn .conn_btn::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #EADDC9;
transition: height .45s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.opn .conn_btn:hover::after {
height: 100%
}

.opn .conn_btn span {
position: relative;
z-index: 1
}

.opn .conn_btn:focus {
outline: 2px solid #DAB85E;
outline-offset: 2px
}

.opn .conn_right {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 16px
}

.opn .conn_habit {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start
}

.opn .conn_habit_num {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 48px;
border: 2px solid #dab85e66;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1.4;
color: #DAB85E
}

.opn .conn_habit_txt h5 {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
margin-bottom: 4px
}

.opn .conn_habit_txt p {
font-size: 14px;
line-height: 1.65;
color: #8a7d6a
}

.opn .conn_note {
font-size: 14px;
line-height: 1.65;
color: #5a5040;
border-top: 1px solid #dab85e1a;
padding-top: 16px
}

.opn .dots_corner {
position: absolute;
top: 48px;
right: 48px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
pointer-events: none
}

.opn .dots_corner span {
display: block;
border-radius: 48px;
background: #DAB85E;
opacity: .15
}

.opn a:visited {
text-decoration: line-through;
text-decoration-color: #dab85e80
}

.opn .nav_links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
margin-top: 24px
}

.opn .nav_lnk {
font-size: 14px;
line-height: 1.4;
color: #DAB85E;
text-decoration: none;
border-bottom: 1px solid #dab85e4d;
padding-bottom: 4px;
transition: color .4s cubic-bezier(0.22, 1, 0.36, 1), border-color .4s cubic-bezier(0.22, 1, 0.36, 1)
}

.opn .nav_lnk:hover {
color: #F5F1EE;
border-color: #F5F1EE
}

@media (max-width: 1024px) {
.opn .ttl_blk .pg_wrap {
grid-template-columns: 1fr 300px;
gap: 24px
}

.opn .ttl_h1 {
font-size: 36px
}

.opn .uniq_inner {
grid-template-columns: 1fr 1fr
}

.opn .uniq_inner .uniq_stat:last-child {
display: none
}

.opn .vals_top {
grid-template-columns: 1fr
}

.opn .arch_inner {
grid-template-columns: 1fr
}

.opn .arch_img_wrap {
position: static
}

.opn .conn_inner {
grid-template-columns: 1fr
}
}

@media (max-width: 640px) {
.opn .ttl_blk .pg_wrap {
grid-template-columns: 1fr
}

.opn .ttl_img_col {
display: none
}

.opn .ttl_h1 {
font-size: 36px
}

.opn .uniq_inner {
grid-template-columns: 1fr
}

.opn .tl_row {
flex-direction: column;
gap: 24px
}

.opn .tl_line,
.opn .tl_line_anim {
display: none
}

.opn .tl_item {
align-items: flex-start;
flex-direction: row;
gap: 16px
}

.opn .tl_dot {
flex-shrink: 0;
margin-bottom: 0
}

.opn .tl_card {
text-align: left
}

.opn .conn_form_wrap {
padding: 24px
}

.opn .blk_h2 {
font-size: 36px
}

.opn .conn_inner {
grid-template-columns: 1fr
}

.opn .dots_corner {
display: none
}
}

.cchg {
background: #0e0c0a;
min-height: 100vh;
overflow-x: clip;
position: relative
}

.cchg .pg_wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px
}

.cchg .divider_diamonds {
display: flex;
align-items: center;
gap: 8px;
padding: 0 24px;
overflow: hidden
}

.cchg .divider_diamonds span {
display: inline-block;
width: 6px;
height: 6px;
background: #DAB85E;
transform: rotate(45deg);
opacity: .35;
flex-shrink: 0
}

.cchg .divider_diamonds span.lit {
opacity: .85;
background: #DAB85E
}

.cchg .diam_row {
display: flex;
gap: 8px;
align-items: center;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
overflow: hidden
}

.cchg .diam_row span {
display: inline-block;
width: 6px;
height: 6px;
background: #DAB85E;
transform: rotate(45deg);
opacity: .28;
flex-shrink: 0
}

.cchg .diam_row span:nth-child(4n+1) {
opacity: .7
}

.cchg .diam_row span:nth-child(7n+3) {
opacity: .15
}

.cchg .full_diam {
padding: 0;
max-width: 1400px;
margin: 0 auto
}

.cchg .ttl_blk {
padding: 64px 24px 48px;
position: relative
}

.cchg .ttl_blk .pg_wrap {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 48px
}

.cchg .ttl_left {
flex: 0 0 55%;
position: relative
}

.cchg .ttl_eyebrow {
font-size: 14px;
letter-spacing: .12em;
color: #DAB85E;
text-transform: uppercase;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 8px;
line-height: 1.4
}

.cchg .ttl_eyebrow::before {
content: '';
display: inline-block;
width: 24px;
height: 1px;
background: #DAB85E
}

.cchg .ttl_h1 {
font-size: 48px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
margin-bottom: 24px;
font-weight: 700
}

.cchg .ttl_h1 .acc_word {
color: #DAB85E;
text-decoration: underline;
text-decoration-color: #DAB85E;
text-underline-offset: 6px
}

.cchg .ttl_sub {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
max-width: 420px;
margin-bottom: 48px;
opacity: .85
}

.cchg .ttl_stats_row {
display: flex;
flex-direction: row;
gap: 48px
}

.cchg .ttl_stat_item {
display: flex;
flex-direction: column;
gap: 4px
}

.cchg .ttl_stat_num {
font-size: 36px;
line-height: 1.15;
color: #DAB85E;
font-weight: 700;
letter-spacing: -.02em
}

.cchg .ttl_stat_lbl {
font-size: 14px;
line-height: 1.4;
color: #EADDC9;
opacity: .7;
letter-spacing: .04em
}

.cchg .ttl_right {
flex: 1;
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-end
}

.cchg .ttl_img_wrap {
width: 100%;
max-width: 340px;
border-radius: 20px;
overflow: hidden;
position: relative;
box-shadow: 2px 10px 44px 0 #dab85e24
}

.cchg .ttl_img_wrap img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
display: block;
opacity: .6;
transition: opacity .5s cubic-bezier(0.22, 1, 0.36, 1), transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.cchg .ttl_img_wrap:hover img {
opacity: .75;
transform: scale(1.04)
}

.cchg .ttl_img_overlay {
position: absolute;
inset: 0;
background: linear-gradient(17deg, #0e0c0a 0%, transparent 60%);
border-radius: 20px;
pointer-events: none
}

.cchg .dots_corner {
position: absolute;
bottom: -16px;
right: -16px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
pointer-events: none
}

.cchg .dots_corner span {
display: block;
border-radius: 48px;
background: #DAB85E
}

.cchg .dots_corner span:nth-child(1) {
width: 4px;
height: 4px;
opacity: .6
}

.cchg .dots_corner span:nth-child(2) {
width: 6px;
height: 6px;
opacity: .35
}

.cchg .dots_corner span:nth-child(3) {
width: 4px;
height: 4px;
opacity: .2
}

.cchg .dots_corner span:nth-child(4) {
width: 8px;
height: 8px;
opacity: .55
}

.cchg .dots_corner span:nth-child(5) {
width: 4px;
height: 4px;
opacity: .3
}

.cchg .dots_corner span:nth-child(6) {
width: 6px;
height: 6px;
opacity: .5
}

.cchg .dots_corner span:nth-child(7) {
width: 4px;
height: 4px;
opacity: .15
}

.cchg .dots_corner span:nth-child(8) {
width: 5px;
height: 5px;
opacity: .4
}

.cchg .flow_arrow {
position: absolute;
top: 50%;
left: -32px;
transform: translateY(-50%);
pointer-events: none
}

.cchg .flow_arrow svg {
width: 20px;
height: 60px;
opacity: .3
}

@keyframes slide_up_in {
from {
opacity: 0;
transform: translateY(32px)
}

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

.cchg .anim_up {
animation: slide_up_in .6s cubic-bezier(0.22, 1, 0.36, 1) both
}

.cchg .anim_up.d1 {
animation-delay: .08s
}

.cchg .anim_up.d2 {
animation-delay: .18s
}

.cchg .anim_up.d3 {
animation-delay: .28s
}

.cchg .anim_up.d4 {
animation-delay: .42s
}

.cchg .anim_up.d5 {
animation-delay: .55s
}

.cchg .covers_blk {
padding: 64px 24px;
background: linear-gradient(17deg, #1a1409 0%, #0e0c0a 55%, #12100d 100%);
position: relative
}

.cchg .covers_blk .pg_wrap {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
gap: 48px;
align-items: start
}

.cchg .cov_label_col {
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 8px
}

.cchg .cov_section_tag {
font-size: 14px;
letter-spacing: .1em;
color: #DAB85E;
text-transform: uppercase;
line-height: 1.4
}

.cchg .cov_h2 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.02em;
color: #F5F1EE;
font-weight: 700
}

.cchg .cov_h2 .acc_word {
color: #DAB85E;
text-decoration: underline;
text-decoration-color: #DAB85E;
text-underline-offset: 5px
}

.cchg .cov_meta_col {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 8px
}

.cchg .cov_meta_item {
display: flex;
flex-direction: column;
gap: 4px
}

.cchg .cov_meta_num {
font-size: 36px;
line-height: 1.15;
color: #DAB85E;
font-weight: 700;
letter-spacing: -.01em
}

.cchg .cov_meta_desc {
font-size: 14px;
line-height: 1.65;
color: #EADDC9;
opacity: .75
}

.cchg .cov_right_col {
display: flex;
flex-direction: column;
gap: 16px
}

.cchg .cov_intro_txt {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
opacity: .88;
margin-bottom: 8px
}

.cchg .cov_cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.cchg .cov_card {
background: #dab85e0d;
border: 1px solid #dab85e1f;
border-radius: 20px;
padding: 24px;
position: relative;
transition: background .45s cubic-bezier(0.22, 1, 0.36, 1), border-color .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.cchg .cov_card:hover {
background: #dab85e17;
border-color: #dab85e47;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.cchg .cov_card_num {
font-size: 48px;
line-height: 1.15;
color: #DAB85E;
opacity: .12;
font-weight: 700;
position: absolute;
top: 8px;
right: 16px;
letter-spacing: -.04em;
pointer-events: none;
user-select: none
}

.cchg .cov_card_title {
font-size: 15px;
line-height: 1.4;
color: #F5F1EE;
font-weight: 600;
margin-bottom: 8px
}

.cchg .cov_card_body {
font-size: 14px;
line-height: 1.65;
color: #EADDC9;
opacity: .75
}

.cchg .results_blk {
padding: 64px 24px 80px;
position: relative;
background: #0e0c0a
}

.cchg .results_blk .pg_wrap {
display: flex;
flex-direction: column;
gap: 48px
}

.cchg .res_top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 24px
}

.cchg .res_h2 {
font-size: 36px;
line-height: 1.15;
color: #F5F1EE;
font-weight: 700;
letter-spacing: -.02em;
max-width: 480px
}

.cchg .res_h2 .acc_word {
color: #DAB85E;
text-decoration: underline;
text-decoration-color: #DAB85E;
text-underline-offset: 5px
}

.cchg .res_sub_txt {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
opacity: .8;
max-width: 340px;
text-align: right
}

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

.cchg .res_metric {
background: #eaddc90a;
border-radius: 20px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 2px 4px 14px 0 #dab85e1a;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.cchg .res_metric:hover {
transform: translateY(-4px);
box-shadow: 2px 10px 44px 0 #dab85e24
}

.cchg .res_metric_label {
font-size: 14px;
letter-spacing: .08em;
color: #EADDC9;
opacity: .65;
text-transform: uppercase
}

.cchg .res_before_after {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.cchg .res_val {
display: flex;
flex-direction: column;
gap: 4px
}

.cchg .res_val_num {
font-size: 36px;
line-height: 1.15;
font-weight: 700;
letter-spacing: -.02em
}

.cchg .res_val_num.before {
color: #EADDC9;
opacity: .35
}

.cchg .res_val_num.after {
color: #DAB85E
}

.cchg .res_val_tag {
font-size: 14px;
line-height: 1.4;
color: #EADDC9;
opacity: .55
}

.cchg .res_arrow_icon {
flex-shrink: 0
}

.cchg .res_arrow_icon svg {
width: 20px;
height: 20px
}

.cchg .res_metric_note {
font-size: 14px;
line-height: 1.65;
color: #EADDC9;
opacity: .7
}

.cchg .res_bottom_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: start
}

.cchg .res_review_block {
background: #dab85e0f;
border: 1px solid #dab85e24;
border-radius: 32px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 2px 2px 5px 0 #dab85e0d
}

.cchg .res_review_rating {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.cchg .stars_row {
display: flex;
flex-direction: row;
gap: 4px
}

.cchg .star_svg {
width: 16px;
height: 16px
}

.cchg .res_rating_num {
font-size: 15px;
color: #DAB85E;
font-weight: 700;
line-height: 1.4
}

.cchg .res_rating_count {
font-size: 14px;
color: #EADDC9;
opacity: .6;
line-height: 1.4
}

.cchg .res_review_quote {
font-size: 15px;
line-height: 1.65;
color: #F5F1EE;
font-style: italic;
opacity: .88
}

.cchg .res_review_author {
font-size: 14px;
color: #DAB85E;
line-height: 1.4;
opacity: .85
}

.cchg .res_offer_block {
background: linear-gradient(17deg, #1a1409 0%, #16120a 100%);
border-radius: 32px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.cchg .res_offer_tag {
font-size: 14px;
letter-spacing: .08em;
color: #DAB85E;
text-transform: uppercase;
line-height: 1.4
}

.cchg .res_offer_h3 {
font-size: 36px;
line-height: 1.15;
color: #F5F1EE;
font-weight: 700;
letter-spacing: -.02em
}

.cchg .res_offer_desc {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
opacity: .82
}

.cchg .res_offer_price {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 8px
}

.cchg .res_price_amt {
font-size: 36px;
line-height: 1.15;
color: #DAB85E;
font-weight: 700;
letter-spacing: -.02em
}

.cchg .res_price_period {
font-size: 14px;
color: #EADDC9;
opacity: .6;
line-height: 1.4
}

.cchg .res_cta_btn {
display: inline-block;
position: relative;
overflow: hidden;
background: #DAB85E;
color: #0e0c0a;
font-size: 15px;
line-height: 1.4;
font-weight: 600;
padding: 16px 24px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
transition: color .4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 4px 14px 0 #dab85e1a;
align-self: flex-start
}

.cchg .res_cta_btn::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #EADDC9;
transition: height .45s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.cchg .res_cta_btn:hover::before {
height: 100%
}

.cchg .res_cta_btn:hover {
box-shadow: 2px 10px 44px 0 #dab85e24
}

.cchg .res_cta_btn span {
position: relative;
z-index: 1
}

.cchg .res_cta_btn:focus-visible {
outline: 2px solid #DAB85E;
outline-offset: 3px
}

@media (max-width: 1024px) {
.cchg .ttl_blk .pg_wrap {
flex-direction: column;
gap: 48px
}

.cchg .ttl_left {
flex: 0 0 auto
}

.cchg .ttl_right {
justify-content: flex-start
}

.cchg .covers_blk .pg_wrap {
grid-template-columns: 1fr 1fr;
gap: 24px
}

.cchg .cov_right_col {
grid-column: 1 / -1
}

.cchg .res_metrics_row {
grid-template-columns: 1fr 1fr
}

.cchg .res_bottom_row {
grid-template-columns: 1fr
}

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

.cchg .res_sub_txt {
text-align: left
}
}

@media (max-width: 640px) {
.cchg .ttl_h1 {
font-size: 36px
}

.cchg .ttl_stats_row {
flex-direction: column;
gap: 16px
}

.cchg .covers_blk .pg_wrap {
grid-template-columns: 1fr
}

.cchg .cov_cards {
grid-template-columns: 1fr
}

.cchg .res_metrics_row {
grid-template-columns: 1fr
}

.cchg .cov_h2 {
font-size: 36px
}

.cchg .res_h2 {
font-size: 36px
}
}

.success_page {
min-height: 100vh;
background: #0e0c09;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 24px
}

.success_page .success_wrap {
max-width: 560px;
width: 100%;
margin: 0 auto;
background: #dab85e0f;
border: 1px solid #dab85e2e;
border-radius: 32px;
padding: 48px;
box-shadow: 2px 10px 44px 0 #dab85e24;
text-align: center
}

.success_page .icon_ring {
width: 72px;
height: 72px;
border-radius: 48px;
background: #dab85e1f;
border: 2px solid #dab85e66;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.success_page .icon_ring svg {
display: block
}

.success_page .success_title {
font-size: 36px;
line-height: 1.15;
letter-spacing: -.02em;
color: #DAB85E;
margin-bottom: 16px
}

.success_page .success_msg {
font-size: 15px;
line-height: 1.65;
color: #EADDC9;
margin-bottom: 8px
}

.success_page .success_sub {
font-size: 14px;
line-height: 1.65;
color: #eaddc999;
margin-bottom: 48px
}

.success_page .divider_line {
width: 48px;
height: 1px;
background: #dab85e4d;
margin: 0 auto 48px
}

.success_page .back_btn {
display: inline-block;
text-decoration: none;
font-size: 14px;
line-height: 1.4;
letter-spacing: .04em;
color: #0e0c09;
background: #DAB85E;
padding: 16px 48px;
border-radius: 8px;
position: relative;
overflow: hidden;
transition: color .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s ease-in-out;
box-shadow: 2px 4px 14px 0 #dab85e1a
}

.success_page .back_btn::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #b8922e;
border-radius: 8px;
transition: height .45s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0
}

.success_page .back_btn:hover::after {
height: 100%
}

.success_page .back_btn:hover {
box-shadow: 2px 10px 44px 0 #dab85e24
}

.success_page .back_btn span {
position: relative;
z-index: 1
}

.success_page .back_btn:focus-visible {
outline: 2px solid #DAB85E;
outline-offset: 4px
}

@media (max-width: 640px) {
.success_page .success_wrap {
padding: 48px 24px
}

.success_page .success_title {
font-size: 36px
}
}