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

body {
margin: 0;
overflow-x: hidden;
min-height: 100vh;
font-family: 'Exo 2', sans-serif
}

.top_strip {
background: #BD6B5E;
padding: 8px 36px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 36px
}

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

.top_strip_item {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: #FCFBF8;
font-size: 13px;
line-height: 1.5;
letter-spacing: .04em;
transition: opacity .12s cubic-bezier(0.4, 0, 1, 1)
}

.top_strip_item:hover {
opacity: .78
}

.top_strip_item i {
font-size: 16px;
color: #D3C69D
}

.top_strip_divider {
width: 1px;
height: 16px;
background: #fcfbf847
}

.brand_row {
background: #FCFBF8;
padding: 36px 36px 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
border-bottom: 1px solid #bd6b5e21
}

.brand_identity_box {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}

.logo_frame {
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #BD6B5E;
border-radius: 48px;
padding: 8px 36px;
background: transparent;
box-shadow: 0 2px 5px 0 #bd6b5e12;
min-width: 140px
}

.logo_frame img {
width: 56px;
height: 56px;
object-fit: contain;
display: block
}

.brand_name {
font-size: 25px;
font-weight: 700;
line-height: 1.1;
color: #2c1f1c;
letter-spacing: .06em;
margin: 0
}

.brand_tagline {
font-size: 13px;
line-height: 1.5;
color: #7a5a54;
letter-spacing: .09em;
text-transform: uppercase;
margin: 0
}

.primary_nav_box {
background: #FCFBF8;
padding: 0 36px;
display: flex;
justify-content: center;
border-bottom: 2px solid #D3C69D
}

.primary_nav {
display: flex;
align-items: stretch;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap
}

.primary_nav li {
display: flex
}

.primary_nav_link {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: #3d2622;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .03em;
padding: 16px 36px;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
transition: color .15s cubic-bezier(0.4, 0, 1, 1), border-color .15s cubic-bezier(0.4, 0, 1, 1);
white-space: nowrap
}

.primary_nav_link i {
font-size: 19px;
color: #BD6B5E;
flex-shrink: 0
}

.primary_nav_link:hover {
color: #BD6B5E;
border-bottom-color: #BD6B5E
}

.primary_nav_link[data-active="true"] {
color: #BD6B5E;
border-bottom-color: #BD6B5E;
background: #bd6b5e0f
}

.primary_nav_link:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #bd6b5e61;
border-radius: 6px
}

@media (max-width: 900px) {
.top_strip {
padding: 8px 16px;
gap: 16px
}

.brand_row {
padding: 36px 16px 16px
}

.primary_nav_box {
padding: 0 8px
}

.primary_nav_link {
padding: 16px;
font-size: 13px
}
}

@media (max-width: 600px) {
.top_strip_contact {
gap: 8px
}

.top_strip_item span {
display: none
}

.top_strip_item i {
font-size: 19px
}

.primary_nav_link {
padding: 16px 8px
}
}

.site_footer {
background: #2c1f1c;
padding: 72px 36px 36px
}

.footer_top_box {
max-width: 1200px;
margin: 0 auto;
padding-bottom: 36px;
border-bottom: 1px solid #d3c69d2e;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.footer_brand_row {
display: flex;
align-items: center;
gap: 16px;
width: 100%
}

.footer_logo_frame {
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #d3c69d80;
border-radius: 48px;
padding: 8px 16px;
background: #fcfbf80d;
box-shadow: 0 2px 5px 0 #bd6b5e12;
flex-shrink: 0
}

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

.footer_brand_name {
font-size: 25px;
font-weight: 700;
line-height: 1.1;
color: #FCFBF8;
letter-spacing: .06em
}

.footer_desc_box {
max-width: 680px
}

.footer_desc {
font-size: 16px;
line-height: 1.8;
color: #fcfbf8b8;
margin: 0
}

.footer_mission {
font-size: 13px;
line-height: 1.8;
color: #D3C69D;
letter-spacing: .05em;
margin: 8px 0 0
}

.footer_cols_box {
max-width: 1200px;
margin: 36px auto 0;
display: flex;
gap: 72px;
flex-wrap: wrap;
align-items: flex-start
}

.footer_col {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 160px
}

.footer_col_label {
font-size: 13px;
font-weight: 700;
line-height: 1.1;
color: #D3C69D;
letter-spacing: .1em;
text-transform: uppercase
}

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

.footer_nav_link {
text-decoration: none;
color: #fcfbf8ad;
font-size: 16px;
line-height: 1.5;
transition: color .12s cubic-bezier(0.4, 0, 1, 1);
display: flex;
align-items: center;
gap: 8px
}

.footer_nav_link i {
font-size: 16px;
color: #BD6B5E;
flex-shrink: 0
}

.footer_nav_link:hover {
color: #D3C69D
}

.footer_nav_link:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #bd6b5e61;
border-radius: 6px
}

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

.footer_contact_item {
display: flex;
align-items: flex-start;
gap: 8px;
color: #fcfbf8ad;
font-size: 13px;
line-height: 1.8
}

.footer_contact_item i {
font-size: 16px;
color: #BD6B5E;
flex-shrink: 0;
margin-top: 2px
}

.footer_contact_link {
color: #fcfbf8ad;
text-decoration: none;
transition: color .12s cubic-bezier(0.4, 0, 1, 1)
}

.footer_contact_link:hover {
color: #D3C69D
}

.footer_contact_link:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #bd6b5e61;
border-radius: 6px
}

.footer_bottom_box {
max-width: 1200px;
margin: 36px auto 0;
padding-top: 36px;
border-top: 1px solid #d3c69d1f;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px
}

.footer_copy {
font-size: 13px;
line-height: 1.5;
color: #fcfbf86b;
letter-spacing: .04em
}

.footer_since {
font-size: 13px;
line-height: 1.5;
color: #d3c69d80;
letter-spacing: .04em
}

@media (max-width: 900px) {
.site_footer {
padding: 72px 16px 36px
}

.footer_cols_box {
gap: 36px
}
}

@media (max-width: 600px) {
.footer_cols_box {
flex-direction: column;
gap: 36px
}

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

.consent_bar {
position: fixed;
bottom: 36px;
left: 0;
right: 0;
margin: 0 auto;
width: 90%;
max-width: 720px;
background: #2c1f1c;
border-radius: 12px;
box-shadow: 0 8px 40px 0 #bd6b5e21;
padding: 16px 36px;
display: none;
flex-direction: row;
align-items: center;
gap: 36px;
flex-wrap: wrap;
z-index: 1500;
transform: translateX(-60px);
opacity: 0;
transition: transform .22s cubic-bezier(0.4, 0, 1, 1), opacity .22s cubic-bezier(0.4, 0, 1, 1)
}

.consent_bar[data-visible="true"] {
transform: translateX(0);
opacity: 1
}

.consent_text_box {
flex: 1;
min-width: 200px;
display: flex;
flex-direction: column;
gap: 4px
}

.consent_headline {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
color: #FCFBF8
}

.consent_body {
font-size: 13px;
line-height: 1.8;
color: #fcfbf8b8
}

.consent_actions {
display: flex;
align-items: center;
gap: 16px;
flex-shrink: 0
}

.consent_accept {
background: #BD6B5E;
color: #FCFBF8;
border: none;
border-radius: 6px;
font-family: 'Exo 2', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
padding: 8px 36px;
cursor: pointer;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
transition: opacity .12s cubic-bezier(0.4, 0, 1, 1), transform .1s cubic-bezier(0.4, 0, 1, 1);
min-height: 44px
}

.consent_accept:hover {
opacity: .88
}

.consent_accept:active {
transform: scale(0.97)
}

.consent_accept:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #bd6b5e61
}

.consent_decline {
background: none;
border: none;
font-family: 'Exo 2', sans-serif;
font-size: 13px;
line-height: 1.5;
color: #fcfbf88c;
cursor: pointer;
padding: 8px 4px;
text-decoration: underline;
transition: color .12s cubic-bezier(0.4, 0, 1, 1);
min-height: 44px
}

.consent_decline:hover {
color: #D3C69D
}

.consent_decline:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #bd6b5e61;
border-radius: 6px
}

.consent_mini {
position: fixed;
bottom: 36px;
left: 36px;
z-index: 1500;
display: none
}

.consent_mini_btn {
background: #2c1f1c;
border: 1px solid #d3c69d4d;
border-radius: 48px;
padding: 8px 16px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-family: 'Exo 2', sans-serif;
font-size: 13px;
color: #fcfbf8ad;
box-shadow: 0 2px 5px 0 #bd6b5e12;
transition: color .12s cubic-bezier(0.4, 0, 1, 1), border-color .12s cubic-bezier(0.4, 0, 1, 1);
min-height: 44px
}

.consent_mini_btn i {
font-size: 16px;
color: #BD6B5E
}

.consent_mini_btn:hover {
color: #D3C69D;
border-color: #d3c69d99
}

.consent_mini_btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #bd6b5e61
}

.terms-content {
max-width: 1200px;
margin: 0 auto;
padding: 72px 36px;
background: #FCFBF8;
color: #2a2118
}

.terms-content h1 {
font-size: 46px;
line-height: 1.1;
letter-spacing: -.5px;
color: #2a2118;
margin-bottom: 36px;
margin-top: 0;
padding-bottom: 16px;
border-bottom: 2px solid #D3C69D
}

.terms-content h2 {
font-size: 34px;
line-height: 1.1;
color: #2a2118;
margin-top: 72px;
margin-bottom: 16px
}

.terms-content h3 {
font-size: 25px;
line-height: 1.5;
color: #2a2118;
margin-top: 36px;
margin-bottom: 16px
}

.terms-content h4 {
font-size: 19px;
line-height: 1.5;
color: #2a2118;
margin-top: 36px;
margin-bottom: 8px;
letter-spacing: .02em
}

.terms-content h5 {
font-size: 16px;
line-height: 1.5;
color: #BD6B5E;
margin-top: 16px;
margin-bottom: 8px;
letter-spacing: .06em;
text-transform: uppercase
}

.terms-content h6 {
font-size: 13px;
line-height: 1.5;
color: #BD6B5E;
margin-top: 16px;
margin-bottom: 8px;
letter-spacing: .1em;
text-transform: uppercase
}

.terms-content p {
font-size: 16px;
line-height: 1.8;
color: #3a2e24;
margin-top: 0;
margin-bottom: 16px;
max-width: 72ch
}

.terms-content ul {
margin-top: 0;
margin-bottom: 16px;
padding-left: 36px
}

.terms-content ol {
margin-top: 0;
margin-bottom: 16px;
padding-left: 36px
}

.terms-content li {
font-size: 16px;
line-height: 1.8;
color: #3a2e24;
margin-bottom: 8px;
max-width: 72ch
}

.terms-content ul li {
list-style: none;
position: relative;
padding-left: 16px
}

.terms-content ul li::before {
content: "";
position: absolute;
left: 0;
top: .75em;
width: 6px;
height: 6px;
border-radius: 48px;
background: #BD6B5E;
opacity: .7
}

.terms-content ol li {
list-style: decimal
}

.terms-content ol li::marker {
color: #BD6B5E;
font-size: 13px;
font-weight: 600
}

.terms-content a {
color: #BD6B5E;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .15s cubic-bezier(0.4, 0, 1, 1), text-decoration-color .12s ease-in
}

.terms-content a:hover {
color: #9a4f43;
text-decoration-color: #9a4f43
}

.terms-content hr {
border: none;
border-top: 1px solid #D3C69D;
margin-top: 72px;
margin-bottom: 72px;
opacity: .6
}

@media (max-width: 900px) {
.terms-content {
padding: 72px 36px
}

.terms-content h1 {
font-size: 34px
}

.terms-content h2 {
font-size: 25px
}

.terms-content h3 {
font-size: 19px
}
}

@media (max-width: 600px) {
.terms-content {
padding: 36px 16px
}

.terms-content h1 {
font-size: 25px;
margin-bottom: 16px
}

.terms-content h2 {
font-size: 19px;
margin-top: 36px
}

.terms-content h3 {
font-size: 16px;
margin-top: 36px
}

.terms-content h4,
.terms-content h5,
.terms-content h6 {
font-size: 13px
}

.terms-content p,
.terms-content li {
font-size: 16px
}

.terms-content hr {
margin-top: 36px;
margin-bottom: 36px
}
}

.ct-us {
background: #FCFBF8;
padding: 0;
overflow-x: clip
}

.ct-us .pg-divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #BD6B5E 50%, transparent 100%);
opacity: .25;
border: none;
margin: 0
}

.ct-us .reach-strip {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
max-width: 1200px;
margin: 0 auto;
padding: 72px 36px;
position: relative
}

.ct-us .reach-strip::before {
content: "";
position: absolute;
top: 36px;
left: 50%;
width: 1px;
height: calc(100% - 72px);
background: linear-gradient(180deg, transparent, #D3C69D 40%, #D3C69D 60%, transparent);
opacity: .4;
pointer-events: none
}

.ct-us .reach-label {
font-size: 13px;
letter-spacing: .18em;
text-transform: uppercase;
color: #BD6B5E;
font-weight: 700;
margin-bottom: 36px;
display: block
}

.ct-us .reach-heading {
font-size: 46px;
line-height: 1.1;
font-weight: 800;
color: #1e1a17;
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: .04em
}

.ct-us .reach-sub {
font-size: 19px;
line-height: 1.5;
color: #3a3330;
margin-bottom: 36px
}

.ct-us .reach-sub span:first-word {
color: #BD6B5E
}

.ct-us .detail-list {
list-style: none;
padding: 0;
margin: 0 0 36px;
display: flex;
flex-direction: column;
gap: 16px
}

.ct-us .detail-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
font-size: 16px;
line-height: 1.5;
color: #2e2a27
}

.ct-us .detail-icon {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 12px;
background: #BD6B5E14;
display: flex;
align-items: center;
justify-content: center;
color: #BD6B5E;
font-size: 16px;
transition: background .15s cubic-bezier(0.4, 0, 1, 1), transform .13s cubic-bezier(0.4, 0, 1, 1)
}

.ct-us .detail-list li:hover .detail-icon {
background: #BD6B5E22;
transform: perspective(200px) rotateY(8deg)
}

.ct-us .detail-text strong {
display: block;
font-size: 13px;
letter-spacing: .1em;
text-transform: uppercase;
color: #8a7a74;
margin-bottom: 4px
}

.ct-us .detail-text a {
color: #2e2a27;
text-decoration: none;
border-bottom: 1px solid #D3C69D;
transition: color .12s cubic-bezier(0.4, 0, 1, 1), border-color .12s cubic-bezier(0.4, 0, 1, 1)
}

.ct-us .detail-text a:hover {
color: #BD6B5E;
border-color: #BD6B5E
}

.ct-us .geo-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #FCFBF8 0%, transparent 100%);
border: 1px solid #D3C69D55;
border-radius: 20px;
padding: 8px 16px;
font-size: 13px;
color: #7a6e69;
letter-spacing: .06em
}

.ct-us .geo-badge i {
color: #BD6B5E;
font-size: 13px
}

.ct-us .form-col {
position: relative
}

.ct-us .form-num-badge {
position: absolute;
top: -16px;
right: 0;
width: 48px;
height: 48px;
border-radius: 12px;
background: #BD6B5E;
color: #FCFBF8;
font-size: 19px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 22px 0 #bd6b5e1c
}

.ct-us .form-card {
background: #fff;
border-radius: 20px;
padding: 36px;
box-shadow: 0 8px 40px 0 #bd6b5e21;
position: relative;
overflow: hidden
}

.ct-us .form-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #BD6B5E 0%, #D3C69D 100%);
border-radius: 20px 20px 0 0;
pointer-events: none
}

.ct-us .form-card::after {
content: "";
position: absolute;
bottom: -36px;
right: -36px;
width: 140px;
height: 140px;
border-radius: 48px;
border: 2px solid #D3C69D;
opacity: .18;
pointer-events: none;
animation: outline-breathe 4s ease-in-out infinite
}

@keyframes outline-breathe {

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

50% {
transform: scale(1.06);
opacity: .28
}
}

.ct-us .form-row {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 16px
}

.ct-us .form-row label {
font-size: 13px;
letter-spacing: .1em;
text-transform: uppercase;
color: #8a7a74;
font-weight: 700
}

.ct-us .form-row input[type="text"],
.ct-us .form-row input[type="email"] {
width: 100%;
padding: 12px 16px;
border: 1.5px solid #D3C69D88;
border-radius: 12px;
font-size: 16px;
color: #2e2a27;
background: #FCFBF8;
box-shadow: inset 0 2px 5px 0 #d3c69d12;
transition: border-color .15s cubic-bezier(0.4, 0, 1, 1), box-shadow .15s cubic-bezier(0.4, 0, 1, 1);
outline: none;
box-sizing: border-box
}

.ct-us .form-row input[type="text"]::placeholder,
.ct-us .form-row input[type="email"]::placeholder {
color: #c4b8b3;
transition: opacity .18s cubic-bezier(0.4, 0, 1, 1)
}

.ct-us .form-row input[type="text"]:focus::placeholder,
.ct-us .form-row input[type="email"]:focus::placeholder {
opacity: 0
}

.ct-us .form-row input[type="text"]:focus,
.ct-us .form-row input[type="email"]:focus {
border-color: #BD6B5E;
box-shadow: inset 0 2px 5px 0 #bd6b5e12 0 0 0 3px #bd6b5e14
}

.ct-us .check-group-label {
font-size: 13px;
letter-spacing: .1em;
text-transform: uppercase;
color: #8a7a74;
font-weight: 700;
margin-bottom: 8px;
display: block
}

.ct-us .check-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 16px
}

.ct-us .check-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 8px 12px;
border-radius: 12px;
border: 1.5px solid #D3C69D55;
background: #FCFBF8;
transition: border-color .13s cubic-bezier(0.4, 0, 1, 1), background .13s cubic-bezier(0.4, 0, 1, 1), transform .12s cubic-bezier(0.4, 0, 1, 1);
font-size: 13px;
color: #3a3330;
line-height: 1.5
}

.ct-us .check-item:hover {
border-color: #BD6B5E88;
background: #BD6B5E08;
transform: perspective(300px) rotateX(3deg)
}

.ct-us .check-item input[type="checkbox"] {
accent-color: #BD6B5E;
width: 16px;
height: 16px;
min-width: 16px;
cursor: pointer
}

.ct-us .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
margin-bottom: 16px;
padding: 12px 16px;
border-radius: 12px;
background: #D3C69D14;
border: 1px solid #D3C69D44
}

.ct-us .privacy-row input[type="checkbox"] {
accent-color: #BD6B5E;
width: 16px;
height: 16px;
min-width: 16px;
margin-top: 2px;
cursor: pointer
}

.ct-us .privacy-row span {
font-size: 13px;
line-height: 1.8;
color: #5a504c
}

.ct-us .privacy-row a {
color: #BD6B5E;
text-decoration: underline;
text-underline-offset: 2px;
transition: color .12s cubic-bezier(0.4, 0, 1, 1)
}

.ct-us .privacy-row a:hover {
color: #9e4e42
}

.ct-us .submit-btn {
width: 100%;
padding: 16px 36px;
background: #BD6B5E;
color: #FCFBF8;
border: none;
border-radius: 12px;
font-size: 16px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
transition: background .15s cubic-bezier(0.4, 0, 1, 1), box-shadow .15s cubic-bezier(0.4, 0, 1, 1), transform .1s cubic-bezier(0.4, 0, 1, 1)
}

.ct-us .submit-btn:hover {
background: #a85a4e;
box-shadow: 0 8px 40px 0 #bd6b5e21;
transform: perspective(400px) rotateX(2deg)
}

.ct-us .submit-btn:active {
transform: scale(0.97);
box-shadow: 0 2px 5px 0 #bd6b5e12
}

.ct-us .submit-btn:focus-visible {
outline: 2px solid #BD6B5E;
outline-offset: 3px
}

.ct-us .info-blk {
padding: 72px 36px;
background: linear-gradient(170deg, #FCFBF8 0%, transparent 100%);
position: relative;
overflow: hidden
}

.ct-us .info-blk::before {
content: "";
position: absolute;
top: 36px;
left: 36px;
width: 200px;
height: 200px;
border-radius: 48px;
border: 2px solid #D3C69D;
opacity: .15;
pointer-events: none;
animation: outline-breathe 5s ease-in-out infinite 1s
}

.ct-us .info-blk::after {
content: "";
position: absolute;
bottom: 16px;
right: 72px;
width: 80px;
height: 80px;
border-radius: 20px;
border: 1.5px solid #BD6B5E;
opacity: .12;
pointer-events: none;
animation: outline-breathe 3.5s ease-in-out infinite .5s
}

.ct-us .info-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 72px;
align-items: start
}

.ct-us .info-text-col {
display: flex;
flex-direction: column;
gap: 16px
}

.ct-us .info-heading {
font-size: 34px;
line-height: 1.1;
font-weight: 800;
color: #1e1a17;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 8px
}

.ct-us .info-para {
font-size: 16px;
line-height: 1.8;
color: #3a3330
}

.ct-us .info-para .accent-word {
color: #BD6B5E;
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
letter-spacing: .1em
}

.ct-us .hours-card {
background: #fff;
border-radius: 20px;
padding: 36px;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
position: relative
}

.ct-us .hours-card-num {
position: absolute;
top: -16px;
left: 16px;
width: 36px;
height: 36px;
border-radius: 12px;
background: #D3C69D;
color: #1e1a17;
font-size: 16px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center
}

.ct-us .hours-label {
font-size: 13px;
letter-spacing: .14em;
text-transform: uppercase;
color: #8a7a74;
font-weight: 700;
margin-bottom: 16px;
display: block
}

.ct-us .hours-table {
width: 100%;
border-collapse: collapse
}

.ct-us .hours-table tr {
border-bottom: 1px solid #D3C69D33
}

.ct-us .hours-table tr:last-child {
border-bottom: none
}

.ct-us .hours-table td {
padding: 8px 0;
font-size: 13px;
line-height: 1.5;
color: #3a3330
}

.ct-us .hours-table td:last-child {
text-align: right;
color: #BD6B5E;
font-weight: 700
}

.ct-us .hours-table .closed-day td:last-child {
color: #b0a49f;
font-weight: 400
}

.ct-us .sep-inline {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 48px;
background: #BD6B5E;
vertical-align: middle;
margin: 0 8px;
opacity: .6
}

@keyframes diagonal-in {
from {
opacity: 0;
transform: translate(-24px, -16px)
}

to {
opacity: 1;
transform: translate(0, 0)
}
}

.ct-us .reach-strip {
animation: diagonal-in .18s cubic-bezier(0.4, 0, 1, 1) both
}

.ct-us .info-inner {
animation: diagonal-in .16s cubic-bezier(0.4, 0, 1, 1) .05s both
}

@media (max-width: 1200px) {
.ct-us .reach-strip {
gap: 36px;
padding: 72px 36px
}

.ct-us .info-inner {
gap: 36px
}
}

@media (max-width: 900px) {
.ct-us .reach-strip {
grid-template-columns: 1fr;
gap: 36px;
padding: 72px 36px
}

.ct-us .reach-strip::before {
display: none
}

.ct-us .info-inner {
grid-template-columns: 1fr;
gap: 36px
}

.ct-us .reach-heading {
font-size: 34px
}
}

@media (max-width: 600px) {
.ct-us .reach-strip {
padding: 36px 16px
}

.ct-us .info-blk {
padding: 36px 16px
}

.ct-us .reach-heading {
font-size: 25px
}

.ct-us .form-card {
padding: 16px
}

.ct-us .check-grid {
grid-template-columns: 1fr
}

.ct-us .hours-card {
padding: 36px 16px 16px
}

.ct-us .info-heading {
font-size: 25px
}
}

.bs {
background: #FCFBF8;
overflow-x: clip
}

.bs .label_sm {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
color: #BD6B5E
}

.bs .t_hero {
position: relative;
padding: 72px 36px;
background: linear-gradient(170deg, #BD6B5E 0%, transparent 72%);
overflow: hidden
}

.bs .t_hero_dot_grid {
position: absolute;
top: 0;
left: 0;
width: 52%;
height: 100%;
pointer-events: none;
background-image: radial-gradient(circle, #bd6b5e38 1.5px, transparent 1.5px);
background-size: 22px 22px;
z-index: 0
}

.bs .t_hero_inner {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
align-items: center
}

.bs .t_hero_text {
display: flex;
flex-direction: column;
gap: 16px
}

.bs .t_hero_h1 {
font-size: 62px;
line-height: 1.1;
font-weight: 800;
color: #1a0e0c;
margin: 0;
overflow: hidden
}

.bs .t_hero_h1 .split_a,
.bs .t_hero_h1 .split_b {
display: inline-block;
animation: split_spread .16s cubic-bezier(0.4, 0, 1, 1) both
}

.bs .t_hero_h1 .split_b {
animation-delay: .07s;
color: #BD6B5E
}

@keyframes split_spread {
from {
opacity: 0;
letter-spacing: .22em
}

to {
opacity: 1;
letter-spacing: normal
}
}

.bs .t_hero_sub {
font-size: 19px;
line-height: 1.8;
color: #2e1a17;
margin: 0;
max-width: 480px
}

.bs .t_hero_sub span:first-word,
.bs .t_hero_sub .fw {
font-weight: 700;
color: #BD6B5E;
text-transform: uppercase
}

.bs .t_hero_actions {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 8px;
flex-wrap: wrap
}

.bs .btn_pri {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 36px;
background: #BD6B5E;
color: #FCFBF8;
font-size: 16px;
font-weight: 700;
border: none;
border-radius: 6px;
cursor: pointer;
text-decoration: none;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
transition: transform .12s cubic-bezier(0.4, 0, 1, 1), box-shadow .12s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.bs .btn_pri:hover {
transform: perspective(400px) rotateX(4deg) rotateY(-3deg) scale(1.03);
box-shadow: 0 8px 40px 0 #bd6b5e21
}

.bs .btn_pri:active {
transform: scale(0.97)
}

.bs .btn_sec {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 36px;
background: transparent;
color: #2e1a17;
font-size: 16px;
font-weight: 600;
border: 2px solid #BD6B5E;
border-radius: 6px;
cursor: pointer;
text-decoration: none;
transition: background .14s ease-in, color .14s ease-in, transform .12s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.bs .btn_sec:hover {
background: #BD6B5E;
color: #FCFBF8;
transform: perspective(400px) rotateX(-3deg) rotateY(4deg)
}

.bs .btn_sec:active {
transform: scale(0.97)
}

.bs .t_hero_img_wrap {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #bd6b5e21
}

.bs .t_hero_img_wrap img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
filter: saturate(0.72) contrast(1.05);
transition: filter .16s ease-in
}

.bs .t_hero_img_wrap:hover img {
filter: saturate(0) contrast(1.05)
}

.bs .t_hero_badge {
position: absolute;
bottom: 16px;
left: 16px;
background: #FCFBF8;
border-radius: 12px;
padding: 16px;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
display: flex;
flex-direction: column;
gap: 4px
}

.bs .t_hero_badge_num {
font-size: 34px;
font-weight: 800;
color: #BD6B5E;
line-height: 1.1
}

.bs .t_hero_badge_desc {
font-size: 13px;
color: #5a3a34;
line-height: 1.5;
font-weight: 500
}

.bs .sc_scale {
padding: 72px 36px;
background: #FCFBF8
}

.bs .sc_scale_inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 36px
}

.bs .sc_scale_top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
align-items: start
}

.bs .sc_scale_head {
display: flex;
flex-direction: column;
gap: 16px
}

.bs .sc_scale_h2 {
font-size: 46px;
line-height: 1.1;
font-weight: 800;
color: #1a0e0c;
margin: 0
}

.bs .sc_scale_desc {
font-size: 16px;
line-height: 1.8;
color: #3d2420;
margin: 0
}

.bs .sc_scale_desc .fw {
font-weight: 700;
color: #BD6B5E;
text-transform: uppercase
}

.bs .sc_metrics {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.bs .sc_metric {
background: #FCFBF8;
border: 1.5px solid #e8ddd0;
border-radius: 12px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 0 2px 5px 0 #bd6b5e12;
transition: transform .14s cubic-bezier(0.4, 0, 1, 1), box-shadow .14s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.bs .sc_metric:hover {
transform: perspective(500px) rotateX(5deg) rotateY(-4deg);
box-shadow: 0 8px 40px 0 #bd6b5e21
}

.bs .sc_metric_num {
font-size: 34px;
font-weight: 800;
color: #BD6B5E;
line-height: 1.1
}

.bs .sc_metric_label {
font-size: 13px;
color: #5a3a34;
line-height: 1.5;
font-weight: 500;
letter-spacing: .06em
}

.bs .sc_steps_row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
position: relative
}

.bs .sc_steps_row::before {
content: "";
position: absolute;
top: 28px;
left: 10%;
width: 80%;
height: 2px;
background: linear-gradient(90deg, #BD6B5E 0%, #D3C69D 100%);
z-index: 0
}

.bs .sc_step {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
position: relative;
z-index: 1
}

.bs .sc_step_num {
width: 56px;
height: 56px;
border-radius: 48px;
background: #BD6B5E;
color: #FCFBF8;
font-size: 19px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 22px 0 #bd6b5e1c
}

.bs .sc_step_icon {
font-size: 22px;
color: #BD6B5E
}

.bs .sc_step_title {
font-size: 13px;
font-weight: 700;
color: #1a0e0c;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.5
}

.bs .sc_step_body {
font-size: 13px;
color: #5a3a34;
line-height: 1.8
}

.bs .sc_img_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.bs .sc_img_frame {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 22px 0 #bd6b5e1c
}

.bs .sc_img_frame img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
filter: saturate(0.8);
transition: filter .16s ease-in
}

.bs .sc_img_frame:hover img {
filter: saturate(0)
}

.bs .sc_diff {
padding: 72px 36px;
background: #2e1208
}

.bs .sc_diff_inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 36px
}

.bs .sc_diff_head {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 640px
}

.bs .sc_diff_head .label_sm {
color: #D3C69D
}

.bs .sc_diff_h2 {
font-size: 46px;
line-height: 1.1;
font-weight: 800;
color: #FCFBF8;
margin: 0
}

.bs .sc_diff_cols {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px
}

.bs .sc_diff_col {
border-radius: 12px;
padding: 36px;
display: flex;
flex-direction: column;
gap: 16px;
transition: transform .13s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.bs .sc_diff_col:hover {
transform: perspective(600px) rotateX(4deg) rotateY(3deg)
}

.bs .sc_diff_col.col_a {
background: #3d1a10
}

.bs .sc_diff_col.col_b {
background: #BD6B5E
}

.bs .sc_diff_col.col_c {
background: #D3C69D
}

.bs .sc_diff_col_icon {
font-size: 28px;
color: #FCFBF8
}

.bs .sc_diff_col.col_c .sc_diff_col_icon {
color: #2e1208
}

.bs .sc_diff_col_h {
font-size: 19px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.5;
color: #FCFBF8;
margin: 0
}

.bs .sc_diff_col.col_c .sc_diff_col_h {
color: #1a0e0c
}

.bs .sc_diff_col_p {
font-size: 16px;
line-height: 1.8;
color: #fcfbf8d1;
margin: 0
}

.bs .sc_diff_col.col_c .sc_diff_col_p {
color: #3d2420
}

.bs .sc_diff_col_p .fw {
font-weight: 700;
text-transform: uppercase
}

.bs .sc_diff_col.col_a .sc_diff_col_p .fw {
color: #D3C69D
}

.bs .sc_diff_col.col_b .sc_diff_col_p .fw {
color: #FCFBF8
}

.bs .sc_diff_col.col_c .sc_diff_col_p .fw {
color: #BD6B5E
}

.bs .sc_diff_img_wrap {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #bd6b5e21
}

.bs .sc_diff_img_wrap img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
filter: saturate(0.6) brightness(0.9);
transition: filter .15s ease-in
}

.bs .sc_diff_img_wrap:hover img {
filter: saturate(0) brightness(0.9)
}

.bs .sc_diff_img_label {
position: absolute;
top: 16px;
right: 16px;
background: #BD6B5E;
color: #FCFBF8;
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 6px
}

.bs .sc_commit {
padding: 72px 36px;
background: linear-gradient(170deg, #D3C69D 0%, transparent 80%)
}

.bs .sc_commit_inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
align-items: start
}

.bs .sc_commit_left {
display: flex;
flex-direction: column;
gap: 16px
}

.bs .sc_commit_h2 {
font-size: 46px;
line-height: 1.1;
font-weight: 800;
color: #1a0e0c;
margin: 0
}

.bs .sc_commit_lead {
font-size: 19px;
line-height: 1.8;
color: #3d2420;
margin: 0
}

.bs .sc_commit_lead .fw {
font-weight: 700;
color: #BD6B5E;
text-transform: uppercase
}

.bs .sc_commit_list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.bs .sc_commit_list li {
font-size: 13px;
color: #3d2420;
font-weight: 600;
letter-spacing: .06em
}

.bs .sc_commit_list li+li::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 48px;
background: #BD6B5E;
vertical-align: middle;
margin-right: 8px;
margin-left: 0
}

.bs .sc_commit_right {
display: flex;
flex-direction: column;
gap: 16px
}

.bs .sc_commit_card {
border-radius: 12px;
border: 1.5px dashed #BD6B5E;
padding: 36px;
background: #FCFBF8;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
display: flex;
flex-direction: column;
gap: 16px;
position: relative
}

.bs .sc_commit_card_icon {
font-size: 28px;
color: #BD6B5E
}

.bs .sc_commit_card_h {
font-size: 19px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .1em;
color: #1a0e0c;
margin: 0
}

.bs .sc_commit_card_p {
font-size: 16px;
line-height: 1.8;
color: #3d2420;
margin: 0
}

.bs .sc_commit_card_p .fw {
font-weight: 700;
color: #BD6B5E;
text-transform: uppercase
}

.bs .sc_commit_expand {
border-radius: 12px;
overflow: hidden;
background: #f5efe6;
border: 1.5px solid #e8ddd0;
box-shadow: 0 2px 5px 0 #bd6b5e12
}

.bs .sc_commit_expand_trigger {
width: 100%;
background: none;
border: none !important;
padding: 16px 36px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-size: 16px;
font-weight: 700;
color: #1a0e0c;
text-align: left;
transition: background .12s ease-in
}

.bs .sc_commit_expand_trigger:hover {
background: #bd6b5e12
}

.bs .sc_commit_expand_trigger:focus-visible {
outline: 2px solid #BD6B5E;
outline-offset: 2px
}

.bs .sc_commit_expand_icon {
font-size: 19px;
color: #BD6B5E;
transition: transform .13s cubic-bezier(0.4, 0, 1, 1);
flex-shrink: 0
}

.bs .sc_commit_expand_body {
max-height: 0;
overflow: hidden;
transition: max-height .16s cubic-bezier(0.4, 0, 1, 1)
}

.bs .sc_commit_expand:focus-within .sc_commit_expand_body,
.bs .sc_commit_expand_trigger:focus+.sc_commit_expand_body {
max-height: 200px
}

.bs .sc_commit_expand_inner {
padding: 0 36px 16px;
font-size: 16px;
line-height: 1.8;
color: #3d2420
}

.bs .sc_commit_expand_trigger[aria-expanded="true"]+.sc_commit_expand_body {
max-height: 200px
}

.bs .sc_commit_expand_trigger[aria-expanded="true"] .sc_commit_expand_icon {
transform: rotate(180deg)
}

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

.bs .t_hero_h1 {
font-size: 46px
}

.bs .sc_scale_top {
grid-template-columns: 1fr;
gap: 36px
}

.bs .sc_steps_row {
grid-template-columns: 1fr 1fr
}

.bs .sc_steps_row::before {
display: none
}

.bs .sc_diff_cols {
grid-template-columns: 1fr
}

.bs .sc_commit_inner {
grid-template-columns: 1fr;
gap: 36px
}

.bs .sc_metrics {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 600px) {
.bs .t_hero {
padding: 36px 16px
}

.bs .t_hero_h1 {
font-size: 34px
}

.bs .sc_scale,
.bs .sc_diff,
.bs .sc_commit {
padding: 36px 16px
}

.bs .sc_scale_h2,
.bs .sc_diff_h2,
.bs .sc_commit_h2 {
font-size: 34px
}

.bs .sc_steps_row {
grid-template-columns: 1fr
}

.bs .sc_metrics {
grid-template-columns: 1fr
}

.bs .sc_img_row {
grid-template-columns: 1fr
}

.bs .t_hero_actions {
flex-direction: column
}

.bs .sc_commit_card {
padding: 16px
}
}

.srvs {
background: #FCFBF8;
overflow-x: clip
}

.srvs .pg_lead {
padding: 72px 36px;
max-width: 1200px;
margin: 0 auto
}

.srvs .lead_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
align-items: end
}

.srvs .lead_text {
display: flex;
flex-direction: column;
gap: 36px;
padding-top: 72px
}

.srvs .lead_label {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
color: #BD6B5E;
background: #bd6b5e14;
padding: 8px 16px;
border-radius: 6px;
width: fit-content
}

.srvs .lead_h1 {
font-size: 46px;
line-height: 1.1;
font-weight: 800;
color: #2a1f1c;
margin: 0
}

.srvs .lead_h1 span {
color: #BD6B5E
}

.srvs .lead_desc {
font-size: 19px;
line-height: 1.5;
color: #4a3a35;
margin: 0
}

.srvs .lead_actions {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap
}

.srvs .btn_prim {
display: inline-flex;
align-items: center;
gap: 8px;
background: #BD6B5E;
color: #FCFBF8;
font-size: 16px;
font-weight: 700;
padding: 16px 36px;
border-radius: 12px;
text-decoration: none;
border: 2px solid #BD6B5E;
cursor: pointer;
transition: background .14s cubic-bezier(0.4, 0, 1, 1), color .14s cubic-bezier(0.4, 0, 1, 1), transform .12s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.srvs .btn_prim:hover {
background: #a85a4e;
border-color: #a85a4e;
transform: perspective(400px) rotateX(3deg) rotateY(-2deg)
}

.srvs .btn_prim:active {
transform: scale(0.97)
}

.srvs .btn_sec {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: #BD6B5E;
font-size: 16px;
font-weight: 700;
padding: 16px 36px;
border-radius: 12px;
text-decoration: none;
border: 2px solid #BD6B5E;
cursor: pointer;
transition: background .16s cubic-bezier(0.4, 0, 1, 1), color .16s cubic-bezier(0.4, 0, 1, 1), transform .12s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.srvs .btn_sec:hover {
background: #bd6b5e14;
transform: perspective(400px) rotateX(-2deg) rotateY(3deg)
}

.srvs .btn_sec:active {
transform: scale(0.97)
}

.srvs .lead_img_wrap {
position: relative;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #bd6b5e21
}

.srvs .lead_img_wrap img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
filter: saturate(0.85) contrast(1.05);
transition: filter .18s cubic-bezier(0.4, 0, 1, 1)
}

.srvs .lead_img_wrap:hover img {
filter: saturate(0) contrast(1.05)
}

.srvs .lead_img_overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(to top, #bd6b5e8c, transparent);
pointer-events: none
}

.srvs .lead_img_stat {
position: absolute;
bottom: 36px;
left: 36px;
color: #FCFBF8
}

.srvs .lead_img_stat strong {
display: block;
font-size: 34px;
font-weight: 800;
line-height: 1.1
}

.srvs .lead_img_stat span {
font-size: 13px;
letter-spacing: .12em;
text-transform: uppercase;
opacity: .9
}

.srvs .catalog_band {
background: linear-gradient(180deg, #d3c69d2e 0%, transparent 100%);
padding: 72px 36px
}

.srvs .catalog_inner {
max-width: 1200px;
margin: 0 auto
}

.srvs .band_head {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 36px;
margin-bottom: 72px
}

.srvs .band_h2 {
font-size: 34px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
color: #2a1f1c;
margin: 0;
line-height: 1.1
}

.srvs .band_h2 span {
color: #BD6B5E
}

.srvs .band_sub {
font-size: 16px;
line-height: 1.5;
color: #5a4840;
max-width: 380px;
margin: 0
}

.srvs .curve_connector {
display: block;
margin: 0 0 36px
}

.srvs .srv_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px
}

.srvs .srv_card {
background: #FCFBF8;
border-radius: 20px;
padding: 36px;
box-shadow: 0 2px 5px 0 #bd6b5e12;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
overflow: hidden;
transition: box-shadow .15s cubic-bezier(0.4, 0, 1, 1), transform .15s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.srvs .srv_card:hover {
box-shadow: 0 8px 40px 0 #bd6b5e21;
transform: perspective(600px) rotateX(2deg) rotateY(-1deg)
}

.srvs .srv_card_sweep {
position: absolute;
inset: 0;
background: linear-gradient(120deg, #bd6b5e12 0%, transparent 60%);
opacity: 0;
transition: opacity .14s cubic-bezier(0.4, 0, 1, 1);
pointer-events: none;
border-radius: 20px
}

.srvs .srv_card:hover .srv_card_sweep {
opacity: 1
}

.srvs .srv_icon {
width: 48px;
height: 48px;
background: #bd6b5e1a;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: #BD6B5E;
font-size: 25px;
flex-shrink: 0
}

.srvs .srv_card_h {
font-size: 19px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #2a1f1c;
margin: 0;
line-height: 1.1
}

.srvs .srv_card_p {
font-size: 16px;
line-height: 1.5;
color: #5a4840;
margin: 0
}

.srvs .srv_card_tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px
}

.srvs .tag {
font-size: 13px;
font-weight: 600;
letter-spacing: .08em;
color: #BD6B5E;
background: #bd6b5e14;
padding: 4px 8px;
border-radius: 6px
}

.srvs .srv_card.featured {
background: #BD6B5E;
grid-column: span 2;
flex-direction: row;
align-items: flex-start;
gap: 36px
}

.srvs .srv_card.featured .srv_icon {
background: #fcfbf833;
color: #FCFBF8;
flex-shrink: 0
}

.srvs .srv_card.featured .srv_card_h {
color: #FCFBF8
}

.srvs .srv_card.featured .srv_card_p {
color: #fcfbf8e0
}

.srvs .srv_card.featured .tag {
color: #BD6B5E;
background: #fcfbf8e6
}

.srvs .srv_card.featured .srv_card_sweep {
background: linear-gradient(120deg, #fcfbf814 0%, transparent 60%)
}

.srvs .featured_body {
display: flex;
flex-direction: column;
gap: 16px
}

.srvs .process_band {
padding: 72px 36px;
background: #2a1f1c;
position: relative
}

.srvs .process_band::before {
content: '';
position: absolute;
inset: 0;
background-image: linear-gradient(#d3c69d0f 1px, transparent 1px), linear-gradient(90deg, #d3c69d0f 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
clip-path: inset(0)
}

.srvs .process_inner {
max-width: 1200px;
margin: 0 auto;
position: relative
}

.srvs .proc_h2 {
font-size: 34px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
color: #FCFBF8;
margin: 0 0 8px;
line-height: 1.1
}

.srvs .proc_h2 span {
color: #D3C69D
}

.srvs .proc_intro {
font-size: 16px;
line-height: 1.5;
color: #fcfbf8b3;
margin: 0 0 72px;
max-width: 480px
}

.srvs .proc_layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
align-items: start
}

.srvs .proc_steps {
display: flex;
flex-direction: column;
gap: 4px
}

.srvs .proc_step {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 16px;
border-radius: 12px;
cursor: default;
transition: background .14s cubic-bezier(0.4, 0, 1, 1)
}

.srvs .proc_step:hover {
background: #d3c69d14
}

.srvs .step_num {
width: 36px;
height: 36px;
border-radius: 48px;
background: #d3c69d26;
border: 1px solid #d3c69d4d;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 800;
color: #D3C69D;
flex-shrink: 0;
letter-spacing: .04em
}

.srvs .step_body {
display: flex;
flex-direction: column;
gap: 4px
}

.srvs .step_h {
font-size: 16px;
font-weight: 700;
color: #FCFBF8;
margin: 0;
line-height: 1.1
}

.srvs .step_p {
font-size: 13px;
line-height: 1.5;
color: #fcfbf8a6;
margin: 0
}

.srvs .proc_img_col {
display: flex;
flex-direction: column;
gap: 36px
}

.srvs .proc_img_wrap {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #bd6b5e21
}

.srvs .proc_img_wrap img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
filter: saturate(0.7) contrast(1.1);
transition: filter .18s cubic-bezier(0.4, 0, 1, 1)
}

.srvs .proc_img_wrap:hover img {
filter: saturate(0) contrast(1.1)
}

.srvs .proc_metrics {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.srvs .metric_box {
background: #d3c69d14;
border: 1px solid #d3c69d2e;
border-radius: 12px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 4px;
transition: background .13s cubic-bezier(0.4, 0, 1, 1), transform .13s cubic-bezier(0.4, 0, 1, 1);
transform-style: preserve-3d
}

.srvs .metric_box:hover {
background: #d3c69d24;
transform: perspective(400px) rotateX(-2deg) rotateY(2deg)
}

.srvs .metric_val {
font-size: 25px;
font-weight: 800;
color: #D3C69D;
line-height: 1.1
}

.srvs .metric_lbl {
font-size: 13px;
color: #fcfbf899;
letter-spacing: .08em;
text-transform: uppercase;
line-height: 1.5
}

.srvs .faq_band {
padding: 72px 36px;
background: #FCFBF8
}

.srvs .faq_inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 340px 1fr;
gap: 72px;
align-items: start
}

.srvs .faq_aside {
display: flex;
flex-direction: column;
gap: 36px;
position: sticky;
top: 36px
}

.srvs .faq_h2 {
font-size: 34px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
color: #2a1f1c;
margin: 0;
line-height: 1.1
}

.srvs .faq_h2 span {
color: #BD6B5E
}

.srvs .faq_aside_p {
font-size: 16px;
line-height: 1.5;
color: #5a4840;
margin: 0
}

.srvs .faq_rating {
background: #bd6b5e0f;
border-radius: 20px;
padding: 36px;
display: flex;
flex-direction: column;
gap: 8px
}

.srvs .rating_val {
font-size: 46px;
font-weight: 800;
color: #BD6B5E;
line-height: 1.1
}

.srvs .rating_stars {
display: flex;
flex-direction: row;
gap: 4px;
color: #BD6B5E;
font-size: 19px
}

.srvs .rating_count {
font-size: 13px;
color: #7a5e56;
letter-spacing: .08em;
text-transform: uppercase
}

.srvs .faq_list {
display: flex;
flex-direction: column;
gap: 4px
}

.srvs .faq_item {
border-radius: 12px;
overflow: hidden;
border: 1px solid #bd6b5e1f
}

.srvs .faq_q {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 36px;
background: #FCFBF8;
cursor: pointer;
transition: background .13s cubic-bezier(0.4, 0, 1, 1);
list-style: none
}

.srvs .faq_q::-webkit-details-marker {
display: none
}

.srvs .faq_item[open] .faq_q {
background: #bd6b5e0f
}

.srvs .faq_q:hover {
background: #bd6b5e0f
}

.srvs .faq_q_text {
font-size: 16px;
font-weight: 700;
color: #2a1f1c;
line-height: 1.5
}

.srvs .faq_icon {
width: 24px;
height: 24px;
border-radius: 48px;
background: #bd6b5e1a;
display: flex;
align-items: center;
justify-content: center;
color: #BD6B5E;
font-size: 16px;
flex-shrink: 0;
transition: background .12s cubic-bezier(0.4, 0, 1, 1)
}

.srvs .faq_item[open] .faq_icon {
background: #BD6B5E;
color: #FCFBF8
}

.srvs .faq_a {
padding: 16px 36px 36px;
font-size: 16px;
line-height: 1.8;
color: #5a4840;
background: #bd6b5e08
}

@media (max-width: 1200px) {
.srvs .srv_grid {
grid-template-columns: repeat(2, 1fr)
}

.srvs .srv_card.featured {
grid-column: span 2
}
}

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

.srvs .lead_text {
padding-top: 0
}

.srvs .lead_h1 {
font-size: 34px
}

.srvs .srv_grid {
grid-template-columns: 1fr
}

.srvs .srv_card.featured {
grid-column: span 1;
flex-direction: column
}

.srvs .proc_layout {
grid-template-columns: 1fr;
gap: 36px
}

.srvs .faq_inner {
grid-template-columns: 1fr;
gap: 36px
}

.srvs .faq_aside {
position: static
}

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

@media (max-width: 600px) {
.srvs .pg_lead {
padding: 36px 16px
}

.srvs .catalog_band {
padding: 36px 16px
}

.srvs .process_band {
padding: 36px 16px
}

.srvs .faq_band {
padding: 36px 16px
}

.srvs .lead_h1 {
font-size: 25px
}

.srvs .band_h2,
.srvs .proc_h2,
.srvs .faq_h2 {
font-size: 25px
}

.srvs .proc_metrics {
grid-template-columns: 1fr 1fr
}

.srvs .lead_img_wrap img {
height: 280px
}

.srvs .lead_actions {
flex-direction: column
}

.srvs .faq_q {
padding: 16px
}

.srvs .faq_a {
padding: 16px
}
}

.ab-us {
background: #FCFBF8;
overflow-x: clip
}

.ab-us .bento-grid {
display: grid;
grid-template-columns: 1fr 1.6fr 1fr;
grid-template-rows: auto auto;
gap: 8px;
max-width: 1200px;
margin: 0 auto;
padding: 36px 36px 0
}

.ab-us .bento-img-cell {
grid-column: 1 / 2;
grid-row: 1 / 3;
border-radius: 12px;
overflow: hidden;
position: relative;
min-height: 280px
}

.ab-us .bento-img-cell img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(1);
transition: filter .15s cubic-bezier(0.4, 0, 1, 1)
}

.ab-us .bento-img-cell::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 55%;
background: linear-gradient(to bottom, #1e120e8c, transparent);
pointer-events: none
}

.ab-us .bento-img-cell:hover img {
filter: saturate(0)
}

.ab-us .bento-main-cell {
grid-column: 2 / 3;
grid-row: 1 / 2;
background: #BD6B5E;
border-radius: 12px;
padding: 36px;
position: relative;
overflow: hidden
}

.ab-us .bento-main-cell .dot-scatter {
position: absolute;
inset: 0;
pointer-events: none;
border-radius: 12px;
overflow: hidden
}

.ab-us .bento-main-cell .dot-scatter span {
position: absolute;
width: 4px;
height: 4px;
border-radius: 48px;
background: #FCFBF8;
opacity: .12
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(1) {
top: 12%;
left: 8%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(2) {
top: 28%;
left: 22%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(3) {
top: 55%;
left: 15%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(4) {
top: 72%;
left: 40%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(5) {
top: 18%;
left: 65%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(6) {
top: 44%;
left: 78%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(7) {
top: 80%;
left: 88%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(8) {
top: 8%;
left: 90%
}

.ab-us .bento-main-cell .dot-scatter span:nth-child(9) {
top: 62%;
left: 55%
}

.ab-us .bento-label {
font-size: 13px;
letter-spacing: .18em;
text-transform: uppercase;
color: #D3C69D;
margin-bottom: 16px;
display: block
}

.ab-us .bento-h1 {
font-size: 46px;
line-height: 1.1;
color: #FCFBF8;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .04em;
margin: 0
}

.ab-us .bento-sub {
font-size: 16px;
line-height: 1.5;
color: #fcfbf8d1;
margin-top: 16px;
margin-bottom: 0
}

.ab-us .bento-stat-cell {
grid-column: 3 / 4;
grid-row: 1 / 2;
background: #FCFBF8;
border: 1.5px solid #D3C69D;
border-radius: 12px;
padding: 36px 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px
}

.ab-us .bento-stat-num {
font-size: 46px;
font-weight: 800;
color: #BD6B5E;
line-height: 1.1
}

.ab-us .bento-stat-desc {
font-size: 13px;
color: #5a4a42;
letter-spacing: .1em;
text-transform: uppercase;
text-align: center
}

.ab-us .bento-tag-cell {
grid-column: 2 / 3;
grid-row: 2 / 3;
background: #FCFBF8;
border-radius: 12px;
padding: 16px 36px;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.ab-us .bento-tag {
font-size: 13px;
letter-spacing: .12em;
text-transform: uppercase;
color: #5a4a42;
padding: 8px 16px;
border-radius: 6px;
background: #D3C69D;
opacity: .85
}

.ab-us .bento-corner-cell {
grid-column: 3 / 4;
grid-row: 2 / 3;
display: flex;
align-items: center;
justify-content: center;
padding: 8px
}

.ab-us .corner-badge {
font-size: 13px;
color: #BD6B5E;
letter-spacing: .08em;
text-transform: uppercase;
border: 1.5px solid #BD6B5E;
border-radius: 6px;
padding: 8px 16px
}

.ab-us .story-strip {
max-width: 1200px;
margin: 0 auto;
padding: 8px 36px 36px;
display: flex;
flex-direction: row;
gap: 8px
}

.ab-us .story-accent {
width: 6px;
min-height: 60px;
background: #D3C69D;
border-radius: 6px;
flex-shrink: 0;
align-self: stretch
}

.ab-us .story-text {
font-size: 16px;
line-height: 1.8;
color: #3a2e28;
margin: 0;
padding: 4px 0
}

.ab-us .story-text strong {
color: #BD6B5E;
text-transform: uppercase;
font-size: 13px;
letter-spacing: .12em
}

.ab-us .profile-band {
background: linear-gradient(168deg, #D3C69D, transparent 80%);
padding: 72px 36px
}

.ab-us .profile-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1.1fr 1.1fr;
gap: 36px;
align-items: start
}

.ab-us .profile-text-col h2 {
font-size: 34px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .06em;
color: #2a1e18;
line-height: 1.1;
margin: 0 0 16px
}

.ab-us .profile-text-col p {
font-size: 16px;
line-height: 1.8;
color: #3a2e28;
margin: 0 0 16px
}

.ab-us .profile-text-col p:last-child {
margin-bottom: 0
}

.ab-us .profile-text-col p .first-word {
text-transform: uppercase;
color: #BD6B5E;
font-size: 13px;
letter-spacing: .12em
}

.ab-us .person-card {
background: #FCFBF8;
border-radius: 12px;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
overflow: hidden;
transition: transform .14s cubic-bezier(0.4, 0, 1, 1), box-shadow .14s cubic-bezier(0.4, 0, 1, 1);
perspective: 600px;
cursor: default
}

.ab-us .person-card:hover {
transform: perspective(600px) rotateY(-4deg) rotateX(2deg);
box-shadow: 0 8px 40px 0 #bd6b5e21
}

.ab-us .person-card:hover .person-img img {
filter: saturate(0)
}

.ab-us .person-img {
width: 100%;
height: 180px;
overflow: hidden;
position: relative
}

.ab-us .person-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: blur(0px) saturate(1);
transition: filter .16s cubic-bezier(0.4, 0, 1, 1)
}

.ab-us .person-img img.blur-start {
filter: blur(3px) saturate(0.6)
}

.ab-us .person-img img.blur-start:hover {
filter: blur(0px) saturate(1)
}

.ab-us .person-meta {
padding: 16px
}

.ab-us .person-name {
font-size: 19px;
font-weight: 700;
color: #2a1e18;
margin: 0 0 4px;
text-transform: uppercase;
letter-spacing: .06em
}

.ab-us .person-role {
font-size: 13px;
color: #BD6B5E;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 8px;
display: block
}

.ab-us .person-bio {
font-size: 13px;
line-height: 1.8;
color: #5a4a42;
margin: 0
}

.ab-us .process-seg {
padding: 72px 36px;
background: #FCFBF8
}

.ab-us .process-seg-inner {
max-width: 1200px;
margin: 0 auto
}

.ab-us .seg-header {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 16px;
margin-bottom: 36px
}

.ab-us .seg-header h3 {
font-size: 34px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .06em;
color: #2a1e18;
line-height: 1.1;
margin: 0
}

.ab-us .seg-header-line {
flex: 1;
height: 1.5px;
background: #D3C69D;
border-radius: 6px
}

.ab-us .process-track {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
position: relative
}

.ab-us .proc-step {
border-radius: 12px;
padding: 36px 16px 16px;
position: relative;
background: #FCFBF8;
border: 1.5px solid #D3C69D;
transition: transform .12s cubic-bezier(0.4, 0, 1, 1), box-shadow .12s cubic-bezier(0.4, 0, 1, 1);
perspective: 500px
}

.ab-us .proc-step:hover {
transform: perspective(500px) rotateX(3deg) rotateY(-2deg);
box-shadow: 0 5px 22px 0 #bd6b5e1c
}

.ab-us .proc-step.entry-pt {
border-color: #BD6B5E;
animation: border-glow 2.4s cubic-bezier(0.4, 0, 1, 1) infinite
}

.ab-us .proc-step.exit-pt {
border-color: #BD6B5E;
animation: border-glow 2.4s cubic-bezier(0.4, 0, 1, 1) infinite 1.2s
}

@keyframes border-glow {
0% {
box-shadow: 0 0 0 0 #bd6b5e00
}

50% {
box-shadow: 0 0 0 4px #bd6b5e2e
}

100% {
box-shadow: 0 0 0 0 #bd6b5e00
}
}

.ab-us .proc-num {
position: absolute;
top: -1px;
left: 16px;
font-size: 46px;
font-weight: 900;
color: #D3C69D;
line-height: 1.1;
pointer-events: none;
user-select: none
}

.ab-us .proc-icon {
font-size: 25px;
color: #BD6B5E;
margin-bottom: 8px;
display: block
}

.ab-us .proc-title {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
color: #2a1e18;
margin: 0 0 8px
}

.ab-us .proc-desc {
font-size: 13px;
line-height: 1.8;
color: #5a4a42;
margin: 0
}

.ab-us .proc-marker {
font-size: 13px;
letter-spacing: .12em;
text-transform: uppercase;
color: #BD6B5E;
margin-top: 8px;
display: block
}

.ab-us .capacity-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 36px;
margin-top: 36px;
align-items: start
}

.ab-us .cap-img-wrap {
border-radius: 12px;
overflow: hidden;
position: relative
}

.ab-us .cap-img-wrap img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
filter: blur(3px) saturate(0.7);
transition: filter .16s cubic-bezier(0.4, 0, 1, 1), transform .16s cubic-bezier(0.4, 0, 1, 1)
}

.ab-us .cap-img-wrap:hover img {
filter: blur(0px) saturate(1)
}

.ab-us .cap-img-wrap::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(168deg, #bd6b5e38, transparent 70%);
mix-blend-mode: multiply;
pointer-events: none;
z-index: 1;
border-radius: 12px
}

.ab-us .cap-data {
display: flex;
flex-direction: column;
gap: 16px
}

.ab-us .cap-data h4 {
font-size: 25px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .06em;
color: #2a1e18;
margin: 0 0 8px;
line-height: 1.1
}

.ab-us .cap-data p {
font-size: 16px;
line-height: 1.8;
color: #3a2e28;
margin: 0
}

.ab-us .cap-data p .first-word {
text-transform: uppercase;
color: #BD6B5E;
font-size: 13px;
letter-spacing: .12em
}

.ab-us .usage-bar-group {
display: flex;
flex-direction: column;
gap: 8px
}

.ab-us .usage-item {
display: flex;
flex-direction: column;
gap: 4px
}

.ab-us .usage-label-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center
}

.ab-us .usage-lbl {
font-size: 13px;
color: #5a4a42;
letter-spacing: .08em;
text-transform: uppercase
}

.ab-us .usage-val {
font-size: 13px;
color: #BD6B5E;
font-weight: 700
}

.ab-us .usage-track {
height: 6px;
background: #D3C69D;
border-radius: 6px;
overflow: hidden
}

.ab-us .usage-fill {
height: 100%;
background: #BD6B5E;
border-radius: 6px;
transition: width .18s cubic-bezier(0.4, 0, 1, 1)
}

.ab-us .corner-deco {
position: relative;
display: inline-block
}

.ab-us .corner-deco::before,
.ab-us .corner-deco::after {
content: '';
position: absolute;
width: 18px;
height: 18px;
pointer-events: none
}

.ab-us .corner-deco::before {
top: -8px;
left: -8px;
border-top: 2px solid #BD6B5E;
border-left: 2px solid #BD6B5E;
border-radius: 0
}

.ab-us .corner-deco::after {
bottom: -8px;
right: -8px;
border-bottom: 2px solid #BD6B5E;
border-right: 2px solid #BD6B5E;
border-radius: 0
}

.ab-us .page-fold-wrap {
position: relative;
overflow: hidden
}

.ab-us .page-fold-wrap::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 32px 32px 0;
border-color: transparent #D3C69D transparent transparent;
transition: border-width .14s cubic-bezier(0.4, 0, 1, 1);
pointer-events: none
}

.ab-us .page-fold-wrap:hover::after {
border-width: 0 48px 48px 0
}

@media (max-width: 900px) {
.ab-us .bento-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto;
padding: 16px
}

.ab-us .bento-img-cell {
grid-column: 1 / 2;
grid-row: 1 / 2;
min-height: 180px
}

.ab-us .bento-main-cell {
grid-column: 2 / 3;
grid-row: 1 / 2;
padding: 16px
}

.ab-us .bento-h1 {
font-size: 34px
}

.ab-us .bento-stat-cell {
grid-column: 1 / 2;
grid-row: 2 / 3
}

.ab-us .bento-tag-cell {
grid-column: 2 / 3;
grid-row: 2 / 3;
padding: 16px
}

.ab-us .bento-corner-cell {
grid-column: 1 / 3;
grid-row: 3 / 4
}

.ab-us .profile-inner {
grid-template-columns: 1fr 1fr;
gap: 16px
}

.ab-us .profile-text-col {
grid-column: 1 / 3
}

.ab-us .process-track {
grid-template-columns: 1fr 1fr
}

.ab-us .capacity-row {
grid-template-columns: 1fr;
gap: 16px
}

.ab-us .story-strip {
padding: 8px 16px 36px
}

.ab-us .profile-band {
padding: 36px 16px
}

.ab-us .process-seg {
padding: 36px 16px
}
}

@media (max-width: 600px) {
.ab-us .bento-grid {
grid-template-columns: 1fr;
padding: 8px
}

.ab-us .bento-img-cell {
grid-column: 1;
grid-row: 1;
min-height: 160px
}

.ab-us .bento-main-cell {
grid-column: 1;
grid-row: 2
}

.ab-us .bento-stat-cell {
grid-column: 1;
grid-row: 3
}

.ab-us .bento-tag-cell {
grid-column: 1;
grid-row: 4
}

.ab-us .bento-corner-cell {
grid-column: 1;
grid-row: 5
}

.ab-us .bento-h1 {
font-size: 25px
}

.ab-us .profile-inner {
grid-template-columns: 1fr
}

.ab-us .profile-text-col {
grid-column: 1
}

.ab-us .process-track {
grid-template-columns: 1fr
}

.ab-us .seg-header h3 {
font-size: 25px
}

.ab-us .profile-text-col h2 {
font-size: 25px
}
}

.success_page {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 72px 16px;
background-color: #FCFBF8
}

.success_page .success_card {
max-width: 560px;
width: 100%;
background: #fff;
border-radius: 20px;
box-shadow: 0 8px 40px 0 #bd6b5e21;
padding: 72px 36px;
text-align: center
}

.success_page .success_icon_wrap {
width: 72px;
height: 72px;
border-radius: 48px;
background: #FCFBF8;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0 auto 36px
}

.success_page .success_icon_wrap svg {
display: block
}

.success_page .success_heading {
font-size: 34px;
font-weight: 700;
line-height: 1.1;
letter-spacing: .04em;
text-transform: uppercase;
color: #2b2320;
margin: 0 0 16px
}

.success_page .success_heading span {
color: #BD6B5E
}

.success_page .success_text {
font-size: 16px;
line-height: 1.8;
color: #4a3f3c;
margin: 0 0 36px
}

.success_page .success_divider {
width: 48px;
height: 3px;
background: #D3C69D;
border-radius: 6px;
margin: 0 auto 36px
}

.success_page .success_meta {
font-size: 13px;
line-height: 1.5;
letter-spacing: .08em;
color: #7a6a66;
margin: 0 0 36px
}

.success_page .success_meta a {
color: #BD6B5E;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .12s cubic-bezier(0.4, 0, 1, 1)
}

.success_page .success_meta a:hover {
color: #9a4f43
}

.success_page .success_actions {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap
}

.success_page .btn_primary {
display: inline-block;
padding: 16px 36px;
background: #BD6B5E;
color: #FCFBF8;
font-size: 13px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
text-decoration: none;
border-radius: 12px;
border: 2px solid #BD6B5E;
cursor: pointer;
box-shadow: 0 5px 22px 0 #bd6b5e1c;
transition: background .15s cubic-bezier(0.4, 0, 1, 1), color .15s cubic-bezier(0.4, 0, 1, 1), transform .1s cubic-bezier(0.4, 0, 1, 1);
perspective: 600px
}

.success_page .btn_primary:hover {
background: #a55a4e;
border-color: #a55a4e;
transform: perspective(600px) rotateX(3deg) rotateY(-2deg)
}

.success_page .btn_primary:active {
transform: scale(0.97)
}

.success_page .btn_secondary {
display: inline-block;
padding: 16px 36px;
background: transparent;
color: #BD6B5E;
font-size: 13px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
text-decoration: none;
border-radius: 12px;
border: 2px solid #D3C69D;
cursor: pointer;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), color .12s cubic-bezier(0.4, 0, 1, 1), transform .1s cubic-bezier(0.4, 0, 1, 1)
}

.success_page .btn_secondary:hover {
border-color: #BD6B5E;
transform: perspective(600px) rotateX(-2deg) rotateY(3deg)
}

.success_page .btn_secondary:active {
transform: scale(0.97)
}

@media (max-width: 600px) {
.success_page {
padding: 36px 16px
}

.success_page .success_card {
padding: 36px 16px
}

.success_page .success_heading {
font-size: 25px
}

.success_page .success_actions {
flex-direction: column;
gap: 8px
}

.success_page .btn_primary,
.success_page .btn_secondary {
width: 100%;
text-align: center
}
}