@charset "UTF-8";

html {
box-sizing: border-box;
scroll-behavior: smooth;
}

*,
*::before,
*::after {
box-sizing: inherit;
}

body {
margin: 0;
padding: 0;
min-height: 100dvh;
overflow-x: hidden;
font-family: 'Inconsolata', monospace;
}

*:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(186, 143, 72, 0.38);
}

.page_limit {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}

.brand_mark_plate {
display: flex;
align-items: center;
justify-content: center;
width: 82px;
height: 82px;
border: 1px solid rgba(255, 255, 255, 0.72);
border-radius: 10px;
background-color: rgba(253, 253, 252, 0.10);
box-shadow: 0 1px 5px -1px rgba(186, 143, 72, 0.07), 0 5px 14px -1px rgba(186, 143, 72, 0.09);
flex-shrink: 0;
}

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

.site_header {
position: relative;
background: linear-gradient(135deg, #2a1f0e 0%, #3d2c12 55%, #4a3418 100%);
padding-top: 24px;
padding-bottom: 24px;
}

.site_header::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(186, 143, 72, 0.08) 0%, transparent 60%);
pointer-events: none;
}

.header_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
position: relative;
}

.header_left_deck {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
flex: 1;
}

.header_center_pod {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.header_right_deck {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
flex: 1;
}

.primary_navigation {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
list-style: none;
margin: 0;
padding: 0;
}

.primary_navigation li {
display: block;
}

.primary_navigation a {
display: inline-block;
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.04em;
color: rgba(219, 204, 179, 0.90);
text-decoration: none;
padding: 6px 12px;
border-radius: 0px;
border-bottom: 1px solid transparent;
transition: color 0.10s ease-out, border-color 0.12s ease-out;
}

.primary_navigation a:hover,
.primary_navigation a:focus {
color: #BA8F48;
border-bottom-color: rgba(186, 143, 72, 0.50);
}

.trust_badge_cell {
display: flex;
align-items: center;
gap: 12px;
padding: 6px 12px;
border: 1px solid rgba(186, 143, 72, 0.30);
border-radius: 10px;
background-color: rgba(186, 143, 72, 0.08);
}

.trust_badge_label {
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: rgba(219, 204, 179, 0.75);
letter-spacing: 0.02em;
}

.trust_badge_stars {
display: flex;
align-items: center;
gap: 4px;
}

.trust_star {
width: 14px;
height: 14px;
display: block;
}

.trust_star svg {
width: 14px;
height: 14px;
}

.header_contact_line {
display: flex;
align-items: center;
gap: 12px;
}

.header_phone_link {
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
line-height: 1.15;
color: #BA8F48;
text-decoration: none;
letter-spacing: 0.03em;
transition: color 0.09s ease-out;
}

.header_phone_link:hover,
.header_phone_link:focus {
color: #DBCCB3;
}

.site_footer {
background-color: #FDFDFC;
border-top: 1px solid rgba(186, 143, 72, 0.18);
padding-top: 24px;
padding-bottom: 24px;
}

.footer_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}

.footer_brand_pod {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}

.footer_logo_plate {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border: 1px solid rgba(186, 143, 72, 0.30);
border-radius: 10px;
background-color: rgba(219, 204, 179, 0.15);
box-shadow: 0 1px 5px -1px rgba(186, 143, 72, 0.07);
}

.footer_logo_plate img {
width: 40px;
height: 40px;
object-fit: contain;
display: block;
}

.footer_brand_name {
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
line-height: 1.15;
color: #2a1f0e;
letter-spacing: 0.04em;
}

.footer_middle_cell {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}

.footer_tagline {
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: rgba(60, 44, 20, 0.65);
letter-spacing: 0.02em;
}

.footer_copyright {
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: rgba(60, 44, 20, 0.50);
}

.footer_right_pod {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}

.footer_navigation {
display: flex;
align-items: center;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}

.footer_navigation a {
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: rgba(60, 44, 20, 0.70);
text-decoration: none;
letter-spacing: 0.02em;
border-bottom: 1px solid transparent;
transition: color 0.10s ease-out, border-color 0.12s ease-out;
}

.footer_navigation a:hover,
.footer_navigation a:focus {
color: #BA8F48;
border-bottom-color: rgba(186, 143, 72, 0.45);
}

.footer_contact_link {
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
line-height: 1.15;
color: #BA8F48;
text-decoration: none;
letter-spacing: 0.03em;
transition: color 0.09s ease-out;
}

.footer_contact_link:hover,
.footer_contact_link:focus {
color: #2a1f0e;
}

.cookie_notice {
position: fixed;
top: 24px;
left: 0;
right: 0;
margin: auto;
width: 480px;
max-width: calc(100vw - 48px);
background-color: #FDFDFC;
border: 1px solid rgba(186, 143, 72, 0.28);
border-radius: 10px;
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
z-index: 1200;
font-family: 'Inconsolata', monospace;
overflow: hidden;
}

.cookie_notice_body {
padding: 24px;
}

.cookie_notice_headline {
font-size: 18px;
font-weight: 700;
line-height: 1.15;
color: #2a1f0e;
margin: 0 0 12px 0;
letter-spacing: 0.02em;
}

.cookie_notice_text {
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: rgba(42, 31, 14, 0.75);
margin: 0 0 12px 0;
}

.cookie_notice_list {
font-size: 15px;
line-height: 1.7;
color: rgba(42, 31, 14, 0.70);
margin: 0 0 12px 0;
padding-left: 18px;
}

.cookie_notice_list li {
margin-bottom: 4px;
}

.cookie_preference_panel {
border-top: 1px solid rgba(186, 143, 72, 0.18);
padding: 12px 24px;
background-color: rgba(219, 204, 179, 0.12);
}

.cookie_toggle_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}

.cookie_toggle_label {
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: rgba(42, 31, 14, 0.75);
}

.cookie_toggle_switch {
position: relative;
width: 38px;
height: 22px;
flex-shrink: 0;
}

.cookie_toggle_switch input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}

.cookie_toggle_track {
position: absolute;
inset: 0;
background-color: rgba(186, 143, 72, 0.25);
border-radius: 38px;
cursor: pointer;
transition: background-color 0.12s ease-out;
}

.cookie_toggle_track::after {
content: '';
position: absolute;
width: 16px;
height: 16px;
left: 3px;
top: 3px;
background-color: #FDFDFC;
border-radius: 38px;
transition: transform 0.10s ease-out;
}

.cookie_toggle_switch input:checked+.cookie_toggle_track {
background-color: #BA8F48;
}

.cookie_toggle_switch input:checked+.cookie_toggle_track::after {
transform: translateX(16px);
}

.cookie_toggle_switch input:focus+.cookie_toggle_track {
box-shadow: 0 0 0 3px rgba(186, 143, 72, 0.38);
}

.cookie_action_row {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 24px 24px;
}

.cookie_btn {
flex: 1;
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.04em;
padding: 12px 12px;
border-radius: 10px;
border: 1px solid transparent;
cursor: pointer;
transition: background-color 0.10s ease-out, color 0.10s ease-out, border-color 0.10s ease-out;
min-height: 44px;
}

.cookie_btn_accept {
background-color: #BA8F48;
color: #FDFDFC;
border-color: #BA8F48;
}

.cookie_btn_accept:hover,
.cookie_btn_accept:focus {
background-color: #a07c3a;
border-color: #a07c3a;
}

.cookie_btn_decline {
background-color: transparent;
color: rgba(42, 31, 14, 0.75);
border-color: rgba(186, 143, 72, 0.35);
}

.cookie_btn_decline:hover,
.cookie_btn_decline:focus {
background-color: rgba(219, 204, 179, 0.25);
border-color: rgba(186, 143, 72, 0.55);
}

.cookie_expand_btn {
display: block;
width: 100%;
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: #BA8F48;
background: none;
border: none;
cursor: pointer;
text-align: left;
padding: 0 0 12px 0;
letter-spacing: 0.02em;
transition: color 0.09s ease-out;
}

.cookie_expand_btn:hover,
.cookie_expand_btn:focus {
color: #2a1f0e;
}

.preference_float_btn {
position: fixed;
bottom: 24px;
left: 24px;
width: 44px;
height: 44px;
border-radius: 10px;
background-color: #BA8F48;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 1100;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
transition: background-color 0.10s ease-out;
}

.preference_float_btn:hover,
.preference_float_btn:focus {
background-color: #a07c3a;
}

.preference_float_btn svg {
width: 20px;
height: 20px;
fill: #FDFDFC;
pointer-events: none;
}

@media (max-width: 700px) {
.header_row {
flex-wrap: wrap;
justify-content: center;
}

.header_left_deck,
.header_right_deck {
align-items: center;
flex: none;
width: 100%;
}

.primary_navigation {
align-items: center;
}

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

.footer_right_pod {
align-items: center;
}
}

.policy-adh-layout {
max-width: 1500px;
margin: 0 auto;
padding: 96px 52px;
color: #2a2118;
}

.policy-adh-layout h1 {
font-size: 52px;
line-height: 1.15;
letter-spacing: -0.02em;
margin-bottom: 24px;
margin-top: 0;
color: #1e160d;
}

.policy-adh-layout h2 {
font-size: 38px;
line-height: 1.15;
letter-spacing: -0.015em;
margin-top: 52px;
margin-bottom: 24px;
color: #1e160d;
}

.policy-adh-layout h3 {
font-size: 28px;
line-height: 1.15;
letter-spacing: -0.01em;
margin-top: 52px;
margin-bottom: 12px;
color: #1e160d;
}

.policy-adh-layout h4 {
font-size: 22px;
line-height: 1.15;
letter-spacing: -0.005em;
margin-top: 24px;
margin-bottom: 12px;
color: #2a2118;
}

.policy-adh-layout h5 {
font-size: 18px;
line-height: 1.15;
margin-top: 24px;
margin-bottom: 12px;
color: #2a2118;
}

.policy-adh-layout h6 {
font-size: 15px;
line-height: 1.15;
margin-top: 24px;
margin-bottom: 6px;
color: #BA8F48;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.policy-adh-layout p {
font-size: 18px;
line-height: 1.7;
margin-top: 0;
margin-bottom: 24px;
color: #2a2118;
}

.policy-adh-layout ul,
.policy-adh-layout ol {
font-size: 18px;
line-height: 1.7;
margin-top: 0;
margin-bottom: 24px;
padding-left: 24px;
color: #2a2118;
}

.policy-adh-layout ul {
list-style-type: disc;
}

.policy-adh-layout ol {
list-style-type: decimal;
}

.policy-adh-layout li {
margin-bottom: 6px;
padding-left: 6px;
}

.policy-adh-layout li:last-child {
margin-bottom: 0;
}

.policy-adh-layout ul ul,
.policy-adh-layout ol ol,
.policy-adh-layout ul ol,
.policy-adh-layout ol ul {
margin-top: 6px;
margin-bottom: 6px;
}

.policy-adh-layout strong,
.policy-adh-layout b {
font-weight: 700;
color: #1e160d;
}

.policy-adh-layout a {
color: #BA8F48;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.1s ease-out, text-decoration-color 0.08s linear;
}

.policy-adh-layout a:hover {
color: #9a7438;
text-decoration-color: transparent;
}

.policy-adh-layout table {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
font-size: 15px;
line-height: 1.7;
box-shadow: 0 1px 5px -1px rgba(186, 143, 72, 0.07);
border-radius: 10px;
overflow: hidden;
}

.policy-adh-layout thead {
background-color: #DBCCB3;
}

.policy-adh-layout thead tr {
border-bottom: 2px solid #BA8F48;
}

.policy-adh-layout tbody tr {
border-bottom: 1px solid #DBCCB3;
transition: background-color 0.09s ease-out;
}

.policy-adh-layout tbody tr:last-child {
border-bottom: none;
}

.policy-adh-layout tbody tr:hover {
background-color: #FDFDFC;
}

.policy-adh-layout th {
padding: 12px 24px;
text-align: left;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.04em;
color: #1e160d;
}

.policy-adh-layout td {
padding: 12px 24px;
color: #2a2118;
vertical-align: top;
}

.policy-adh-layout div {
margin-bottom: 24px;
}

@media (max-width: 900px) {
.policy-adh-layout {
padding: 52px 24px;
}

.policy-adh-layout h1 {
font-size: 38px;
}

.policy-adh-layout h2 {
font-size: 28px;
}

.policy-adh-layout h3 {
font-size: 22px;
}

.policy-adh-layout table {
display: block;
overflow-x: auto;
}
}

@media (max-width: 600px) {
.policy-adh-layout {
padding: 52px 12px;
}

.policy-adh-layout h1 {
font-size: 28px;
}

.policy-adh-layout h2 {
font-size: 22px;
}

.policy-adh-layout h3 {
font-size: 18px;
}

.policy-adh-layout p,
.policy-adh-layout ul,
.policy-adh-layout ol {
font-size: 15px;
}

.policy-adh-layout th,
.policy-adh-layout td {
padding: 12px;
}
}

.contact-us-page {
max-width: 1500px;
margin: 0 auto;
overflow-x: clip;
}

.contact-us-page .split-panel {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 600px;
position: relative;
}

.contact-us-page .split-panel::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(118deg, #FDFDFC 50%, #DBCCB3 50%);
z-index: 0;
}

.contact-us-page .image-frame {
position: relative;
z-index: 1;
padding: 52px 24px 52px 52px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.contact-us-page .image-container {
position: relative;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
}

.contact-us-page .image-container img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
}

.contact-us-page .image-container::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 55%;
background: linear-gradient(to bottom, rgba(186, 143, 72, 0.28) 0%, transparent 100%);
pointer-events: none;
}

.contact-us-page .image_decoration {
position: absolute;
top: -12px;
left: -12px;
width: 80px;
height: 80px;
border: 2px solid #BA8F48;
border-radius: 10px;
z-index: -1;
}

.contact-us-page .stat_badge {
position: absolute;
bottom: 24px;
left: 24px;
background: #FDFDFC;
border-radius: 10px;
padding: 12px 24px;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
display: flex;
flex-direction: column;
gap: 6px;
}

.contact-us-page .stat_badge .stat_number {
font-size: 38px;
font-weight: 800;
line-height: 1.15;
color: #BA8F48;
letter-spacing: -0.03em;
}

.contact-us-page .stat_badge .stat_label {
font-size: 15px;
line-height: 1.7;
color: #3a2e1e;
}

.contact-us-page .panel_text {
position: relative;
z-index: 1;
padding: 52px 52px 52px 24px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
}

.contact-us-page .accent_line {
width: 40px;
height: 3px;
background: #BA8F48;
border-radius: 0px;
margin-bottom: 6px;
}

.contact-us-page .panel_text h1 {
font-size: 52px;
font-weight: 900;
line-height: 1.15;
letter-spacing: -0.03em;
color: #1e1610;
margin: 0;
}

.contact-us-page .panel_text .lead_sentence {
font-size: 18px;
line-height: 1.7;
color: #3a2e1e;
margin: 0;
}

.contact-us-page .contact_details_list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}

.contact-us-page .contact_details_list li {
display: flex;
flex-direction: column;
gap: 6px;
}

.contact-us-page .detail_label {
font-size: 15px;
font-weight: 700;
color: #BA8F48;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.contact-us-page .detail_value {
font-size: 18px;
line-height: 1.7;
color: #1e1610;
}

.contact-us-page .detail_value a {
color: #1e1610;
text-decoration: none;
border-bottom: 1px solid rgba(186, 143, 72, 0.4);
transition: color 0.1s ease-out, border-color 0.1s ease-out;
}

.contact-us-page .detail_value a:hover {
color: #BA8F48;
border-color: #BA8F48;
}

.contact-us-page .divider_numbered {
display: flex;
align-items: center;
gap: 24px;
padding: 0 52px;
margin: 0;
}

.contact-us-page .divider_numbered .div_line {
flex: 1;
height: 1px;
background: #DBCCB3;
}

.contact-us-page .divider_numbered .div_num {
font-size: 15px;
font-weight: 700;
color: #BA8F48;
letter-spacing: 0.06em;
}

.contact-us-page .form_panel {
background: #FDFDFC;
padding: 52px;
position: relative;
}

.contact-us-page .form_panel::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #BA8F48 50%, #DBCCB3 50%);
}

.contact-us-page .zigzag_top {
position: absolute;
top: 4px;
left: 0;
right: 0;
height: 12px;
overflow: hidden;
pointer-events: none;
}

.contact-us-page .zigzag_top svg {
display: block;
width: 100%;
height: 12px;
}

.contact-us-page .form_layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
align-items: start;
}

.contact-us-page .form_intro {
display: flex;
flex-direction: column;
gap: 24px;
}

.contact-us-page .form_intro h2 {
font-size: 38px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #1e1610;
margin: 0;
}

.contact-us-page .form_intro p {
font-size: 18px;
line-height: 1.7;
color: #3a2e1e;
margin: 0;
}

.contact-us-page .highlighted_sentence {
background: rgba(219, 204, 179, 0.35);
border-radius: 10px;
padding: 12px 24px;
font-size: 15px;
line-height: 1.7;
color: #3a2e1e;
}

.contact-us-page .category_group {
display: flex;
flex-direction: column;
gap: 6px;
}

.contact-us-page .category_group label {
font-size: 15px;
font-weight: 700;
color: #1e1610;
}

.contact-us-page .category_select {
appearance: none;
-webkit-appearance: none;
background: #FDFDFC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23BA8F48' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;
border: 1.5px solid #DBCCB3;
border-radius: 10px;
padding: 12px 24px 12px 12px;
font-size: 18px;
color: #1e1610;
cursor: pointer;
width: 100%;
transition: border-color 0.12s ease-out;
}

.contact-us-page .category_select:focus {
outline: 2px solid #BA8F48;
outline-offset: 2px;
border-color: #BA8F48;
}

.contact-us-page .field_group {
display: flex;
flex-direction: column;
gap: 6px;
}

.contact-us-page .field_group label {
font-size: 15px;
font-weight: 700;
color: #1e1610;
}

.contact-us-page .text_input {
border: 1.5px solid #DBCCB3;
border-radius: 10px;
padding: 12px;
font-size: 18px;
color: #1e1610;
background: #FDFDFC;
width: 100%;
box-sizing: border-box;
transition: border-color 0.12s ease-out;
}

.contact-us-page .text_input::placeholder {
color: rgba(58, 46, 30, 0.38);
}

.contact-us-page .text_input:focus {
outline: 2px solid #BA8F48;
outline-offset: 2px;
border-color: #BA8F48;
}

.contact-us-page .text_input:hover {
border-color: #BA8F48;
}

.contact-us-page .form_fields {
display: flex;
flex-direction: column;
gap: 24px;
}

.contact-us-page .privacy_row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
}

.contact-us-page .privacy_row input[type="checkbox"] {
width: 20px;
height: 20px;
min-width: 20px;
accent-color: #BA8F48;
cursor: pointer;
margin-top: 2px;
}

.contact-us-page .privacy_row label {
font-size: 15px;
line-height: 1.7;
color: #3a2e1e;
}

.contact-us-page .privacy_row label a {
color: #BA8F48;
text-decoration: none;
border-bottom: 1px solid rgba(186, 143, 72, 0.4);
transition: border-color 0.1s ease-out;
}

.contact-us-page .privacy_row label a:hover {
border-color: #BA8F48;
}

.contact-us-page .submit_button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 52px;
background: #BA8F48;
color: #FDFDFC;
font-size: 18px;
font-weight: 700;
border: none;
border-radius: 10px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background 0.1s ease-out, transform 0.08s ease-out;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
align-self: flex-start;
}

.contact-us-page .submit_button:hover {
background: #a07a38;
}

.contact-us-page .submit_button:active {
transform: scale(0.97);
}

.contact-us-page .submit_button:focus {
outline: 2px solid #BA8F48;
outline-offset: 3px;
}

.contact-us-page .pulse_dot {
width: 10px;
height: 10px;
border-radius: 38px;
background: #BA8F48;
animation: soft_pulse 2.4s ease-out infinite;
display: inline-block;
margin-right: 6px;
}

@keyframes soft_pulse {

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

50% {
transform: scale(1.02);
opacity: 0.82;
}
}

.contact-us-page .card_shadow_offset {
position: relative;
}

.contact-us-page .card_shadow_offset::after {
content: '';
position: absolute;
top: 8px;
left: 8px;
right: -8px;
bottom: -8px;
border: 2px solid #DBCCB3;
border-radius: 10px;
z-index: 0;
pointer-events: none;
}

.contact-us-page .form_card {
background: #FDFDFC;
border: 1.5px solid #DBCCB3;
border-radius: 10px;
padding: 24px;
position: relative;
z-index: 1;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
}

@media (max-width: 900px) {
.contact-us-page .split_panel {
grid-template-columns: 1fr;
}

.contact-us-page .split-panel {
grid-template-columns: 1fr;
}

.contact-us-page .split-panel::before {
background: #FDFDFC;
}

.contact-us-page .image-frame {
padding: 52px 24px 24px 24px;
}

.contact-us-page .panel_text {
padding: 24px;
}

.contact-us-page .form_layout {
grid-template-columns: 1fr;
gap: 24px;
}

.contact-us-page .form_panel {
padding: 24px;
}

.contact-us-page .divider_numbered {
padding: 0 24px;
}

.contact-us-page .panel_text h1 {
font-size: 38px;
}
}

@media (max-width: 600px) {
.contact-us-page .panel_text h1 {
font-size: 28px;
}

.contact-us-page .form_intro h2 {
font-size: 28px;
}

.contact-us-page .stat_badge .stat_number {
font-size: 28px;
}
}

.about_us_page {
max-width: 1500px;
margin: 0 auto;
overflow-x: clip;
}

.about_us_page .title_panel {
position: relative;
padding: 96px 52px;
text-align: center;
background-color: #FDFDFC;
}

.about_us_page .title_panel::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.04'/%3E%3C/svg%3E");
background-size: 200px 200px;
pointer-events: none;
z-index: 0;
}

.about_us_page .title_panel_overlay {
position: absolute;
inset: 0;
background: linear-gradient(170deg, rgba(186, 143, 72, 0.06) 50%, rgba(219, 204, 179, 0.10) 50%);
animation: overlay_fade 5s ease-out infinite alternate;
pointer-events: none;
z-index: 0;
}

@keyframes overlay_fade {
0% {
opacity: 0.4;
}

100% {
opacity: 1;
}
}

.about_us_page .title_panel_body {
position: relative;
z-index: 1;
max-width: 760px;
margin: 0 auto;
}

.about_us_page .title_image_frame {
position: relative;
display: inline-block;
width: 320px;
height: 320px;
border-radius: 10px;
overflow: hidden;
margin-bottom: 52px;
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
}

.about_us_page .title_image_frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 10px;
}

.about_us_page .title_image_frame::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 0% 0%, rgba(20, 15, 5, 0.38) 0%, transparent 55%),
radial-gradient(ellipse at 100% 100%, rgba(20, 15, 5, 0.38) 0%, transparent 55%),
radial-gradient(ellipse at 100% 0%, rgba(20, 15, 5, 0.28) 0%, transparent 45%),
radial-gradient(ellipse at 0% 100%, rgba(20, 15, 5, 0.28) 0%, transparent 45%);
border-radius: 10px;
pointer-events: none;
}

.about_us_page .title_accent_line {
width: 40px;
height: 3px;
background: #BA8F48;
margin: 0 auto 24px;
border-radius: 0;
}

.about_us_page .title_heading {
font-size: 68px;
line-height: 1.15;
letter-spacing: -0.03em;
color: #1a1208;
margin: 0 0 24px;
filter: blur(6px);
animation: emerge 0.12s ease-out 0.05s forwards;
}

@keyframes emerge {
to {
filter: blur(0);
}
}

.about_us_page .title_description {
font-size: 18px;
line-height: 1.7;
color: #3d3120;
margin: 0;
}

.about_us_page .story_panel {
padding: 96px 52px;
background: #fff;
position: relative;
}

.about_us_page .story_panel::before {
content: '';
position: absolute;
top: -48px;
left: 0;
right: 0;
height: 48px;
background: #fff;
clip-path: ellipse(55% 100% at 50% 100%);
pointer-events: none;
}

.about_us_page .story_grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 52px;
max-width: 1500px;
margin: 0 auto;
align-items: start;
}

.about_us_page .story_support {
display: flex;
flex-direction: column;
gap: 24px;
}

.about_us_page .story_tag {
display: inline-block;
font-size: 15px;
color: #BA8F48;
background: rgba(186, 143, 72, 0.10);
padding: 6px 12px;
border-radius: 38px;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 600;
align-self: flex-start;
}

.about_us_page .story_support_heading {
font-size: 28px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #1a1208;
margin: 0;
}

.about_us_page .story_support_image_wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
}

.about_us_page .story_support_image_wrap img {
width: 100%;
height: 240px;
object-fit: cover;
display: block;
}

.about_us_page .story_dominant {
display: flex;
flex-direction: column;
gap: 24px;
}

.about_us_page .story_dominant_heading {
font-size: 38px;
line-height: 1.15;
letter-spacing: -0.025em;
color: #1a1208;
margin: 0;
}

.about_us_page .story_accent_line {
width: 40px;
height: 3px;
background: #BA8F48;
border-radius: 0;
}

.about_us_page .story_paragraph {
font-size: 18px;
line-height: 1.7;
color: #3d3120;
margin: 0;
}

.about_us_page .story_paragraph strong {
color: #1a1208;
font-weight: 600;
}

.about_us_page .story_highlight {
font-size: 18px;
line-height: 1.7;
color: #1a1208;
background: rgba(219, 204, 179, 0.35);
padding: 12px 24px;
border-radius: 10px;
margin: 0;
}

.about_us_page .story_images_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 12px;
}

.about_us_page .story_image_box {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 5px -1px rgba(186, 143, 72, 0.07);
}

.about_us_page .story_image_box img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
}

.about_us_page .process_panel {
padding: 96px 52px;
background: #FDFDFC;
position: relative;
}

.about_us_page .process_panel::before {
content: '';
position: absolute;
bottom: -1px;
right: 0;
width: 320px;
height: 320px;
border-radius: 50%;
border: 1px solid rgba(186, 143, 72, 0.09);
pointer-events: none;
}

.about_us_page .process_panel::after {
content: '';
position: absolute;
bottom: -1px;
right: 0;
width: 200px;
height: 200px;
border-radius: 50%;
border: 1px solid rgba(186, 143, 72, 0.07);
pointer-events: none;
}

.about_us_page .process_inner {
max-width: 1500px;
margin: 0 auto;
}

.about_us_page .process_top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 52px;
margin-bottom: 52px;
}

.about_us_page .process_heading_group {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 560px;
}

.about_us_page .process_accent_line {
width: 40px;
height: 3px;
background: #BA8F48;
border-radius: 0;
}

.about_us_page .process_heading {
font-size: 52px;
line-height: 1.15;
letter-spacing: -0.03em;
color: #1a1208;
margin: 0;
}

.about_us_page .process_subtext {
font-size: 18px;
line-height: 1.7;
color: #3d3120;
max-width: 380px;
margin: 0;
}

.about_us_page .process_team_card {
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
display: flex;
flex-direction: column;
gap: 12px;
min-width: 260px;
max-width: 300px;
position: relative;
}

.about_us_page .process_team_card_tag {
position: absolute;
top: -12px;
right: 24px;
background: #BA8F48;
color: #fff;
font-size: 15px;
padding: 6px 12px;
border-radius: 38px;
font-weight: 600;
letter-spacing: 0.03em;
}

.about_us_page .process_team_image {
width: 64px;
height: 64px;
border-radius: 10px;
object-fit: cover;
}

.about_us_page .process_team_name {
font-size: 18px;
line-height: 1.15;
color: #1a1208;
font-weight: 700;
margin: 0;
}

.about_us_page .process_team_role {
font-size: 15px;
line-height: 1.7;
color: #7a6340;
margin: 0;
}

.about_us_page .process_team_quote {
font-size: 15px;
line-height: 1.7;
color: #3d3120;
margin: 0;
border-top: 1px solid rgba(186, 143, 72, 0.15);
padding-top: 12px;
}

.about_us_page .process_steps {
display: flex;
flex-direction: row;
gap: 0;
align-items: stretch;
position: relative;
}

.about_us_page .process_step {
flex: 1;
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: 0 1px 5px -1px rgba(186, 143, 72, 0.07);
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
transition: box-shadow 0.09s ease-out;
}

.about_us_page .process_step:hover {
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
}

.about_us_page .process_step_arrow {
display: flex;
align-items: center;
padding: 0 6px;
flex-shrink: 0;
}

.about_us_page .process_step_arrow svg {
width: 24px;
height: 24px;
fill: none;
stroke: rgba(186, 143, 72, 0.45);
stroke-width: 2;
}

.about_us_page .process_step_number {
font-size: 52px;
line-height: 1.15;
color: rgba(186, 143, 72, 0.15);
font-weight: 800;
letter-spacing: -0.04em;
margin: 0;
line-height: 1;
}

.about_us_page .process_step_label {
font-size: 18px;
line-height: 1.15;
color: #1a1208;
font-weight: 700;
margin: 0;
}

.about_us_page .process_step_text {
font-size: 15px;
line-height: 1.7;
color: #3d3120;
margin: 0;
}

.about_us_page .process_step_marker {
position: absolute;
top: 24px;
right: 24px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #BA8F48;
}

.about_us_page .process_step_end_marker {
position: absolute;
top: 24px;
right: 24px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #DBCCB3;
border: 2px solid #BA8F48;
}

@media (max-width: 1100px) {
.about_us_page .story_grid {
grid-template-columns: 1fr;
}

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

.about_us_page .process_team_card {
max-width: 100%;
min-width: 0;
width: 100%;
}
}

@media (max-width: 860px) {
.about_us_page .process_steps {
flex-direction: column;
}

.about_us_page .process_step_arrow {
transform: rotate(90deg);
padding: 6px 0;
justify-content: center;
}

.about_us_page .title_heading {
font-size: 52px;
}

.about_us_page .title_image_frame {
width: 240px;
height: 240px;
}

.about_us_page .story_images_row {
grid-template-columns: 1fr;
}

.about_us_page .title_panel,
.about_us_page .story_panel,
.about_us_page .process_panel {
padding: 52px 24px;
}
}

@media (max-width: 560px) {
.about_us_page .title_heading {
font-size: 38px;
}

.about_us_page .process_heading {
font-size: 38px;
}
}

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

.debut .page_container {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}

.debut .split_screen {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 92vh;
position: relative;
}

.debut .split_left {
background-color: #1a1200;
background-image: linear-gradient(160deg, #2a1e00 0%, #1a1200 50%, #0e0b00 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 52px 52px 96px 52px;
position: relative;
overflow: hidden;
}

.debut .split_right {
background-color: #FDFDFC;
position: relative;
overflow: hidden;
}

.debut .split_right img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
animation: slow_zoom 18s ease-out infinite alternate;
filter: blur(0px);
}

.debut .split_right img.depth_blur {
filter: blur(2.5px);
transform-origin: center bottom;
}

@keyframes slow_zoom {
from {
transform: scale(1);
}

to {
transform: scale(1.07);
}
}

.debut .geo_shape {
position: absolute;
opacity: 0.07;
pointer-events: none;
}

.debut .geo_circle {
width: 320px;
height: 320px;
border-radius: 38px;
border: 2px solid #BA8F48;
top: -60px;
right: -60px;
transform: rotate(18deg);
}

.debut .geo_tri {
width: 0;
height: 0;
border-left: 90px solid transparent;
border-right: 90px solid transparent;
border-bottom: 160px solid #BA8F48;
bottom: 80px;
left: -40px;
opacity: 0.05;
}

.debut .eyebrow_label {
font-size: 15px;
letter-spacing: 0.12em;
color: #BA8F48;
text-transform: uppercase;
margin-bottom: 24px;
line-height: 1.15;
}

.debut .main_heading {
font-size: clamp(38px, 5vw, 68px);
line-height: 1.15;
color: #FDFDFC;
letter-spacing: -0.02em;
margin-bottom: 24px;
}

.debut .main_heading em {
font-style: normal;
color: #BA8F48;
}

.debut .sub_heading_text {
font-size: 18px;
line-height: 1.7;
color: #DBCCB3;
max-width: 440px;
margin-bottom: 52px;
}

.debut .primary_btn {
display: inline-block;
padding: 18px 52px;
background-color: #BA8F48;
color: #FDFDFC;
font-size: 15px;
letter-spacing: 0.06em;
border-radius: 10px;
text-decoration: none;
border: none;
cursor: pointer;
transition: background-color 0.1s ease-out, transform 0.08s ease-out;
align-self: flex-start;
position: relative;
overflow: hidden;
}

.debut .primary_btn:hover {
background-color: #a07a38;
transform: translateY(-1px);
}

.debut .primary_btn:active {
transform: translateY(0);
}

.debut .founded_note {
font-size: 15px;
color: #DBCCB3;
opacity: 0.6;
margin-top: 24px;
}

.debut .gap_section {
background-color: #FDFDFC;
padding: 96px 0 52px 0;
clip-path: polygon(0 0, 100% 0, 100% 92%, 96% 100%, 0 100%);
}

.debut .gap_grid {
display: grid;
grid-template-columns: 2fr 1fr 2fr;
gap: 52px;
align-items: start;
}

.debut .gap_label_col {
display: flex;
flex-direction: column;
gap: 24px;
}

.debut .accent_line {
width: 38px;
height: 3px;
background-color: #BA8F48;
margin-bottom: 12px;
}

.debut .gap_heading {
font-size: clamp(28px, 3vw, 38px);
line-height: 1.15;
letter-spacing: -0.01em;
color: #1a1200;
}

.debut .gap_body {
font-size: 18px;
line-height: 1.7;
color: #3d3220;
}

.debut .gap_body strong {
font-weight: 700;
}

.debut .gap_divider_col {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 52px;
}

.debut .gap_arrow_svg {
width: 40px;
opacity: 0.25;
}

.debut .gap_right_col {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 52px;
}

.debut .gap_item {
border-radius: 10px;
padding: 24px;
background-color: #FDFDFC;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
}

.debut .gap_item_label {
font-size: 15px;
font-weight: 700;
color: #BA8F48;
margin-bottom: 6px;
}

.debut .gap_item_text {
font-size: 15px;
line-height: 1.7;
color: #3d3220;
}

.debut .scale_section {
background-color: #1a1200;
padding: 96px 0;
position: relative;
overflow: hidden;
}

.debut .scale_section_inner {
position: relative;
z-index: 1;
}

.debut .curl_deco {
position: absolute;
bottom: -40px;
right: -40px;
width: 280px;
height: 280px;
border: 2px solid #BA8F48;
border-radius: 38px;
opacity: 0.06;
pointer-events: none;
transform: rotate(25deg);
}

.debut .scale_label {
font-size: 15px;
letter-spacing: 0.12em;
color: #BA8F48;
text-transform: uppercase;
margin-bottom: 52px;
}

.debut .scale_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}

.debut .scale_stat {
display: flex;
flex-direction: column;
gap: 6px;
padding: 24px;
border-radius: 10px;
border: 1px solid rgba(186, 143, 72, 0.15);
}

.debut .scale_number {
font-size: clamp(38px, 4vw, 52px);
line-height: 1.15;
color: #BA8F48;
letter-spacing: -0.02em;
font-weight: 700;
}

.debut .scale_desc {
font-size: 15px;
line-height: 1.7;
color: #DBCCB3;
}

.debut .scale_chart_row {
margin-top: 52px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
align-items: center;
}

.debut .chart_label_text {
font-size: 18px;
line-height: 1.7;
color: #DBCCB3;
}

.debut .chart_label_text strong {
color: #BA8F48;
}

.debut .longterm_section {
background-color: #DBCCB3;
padding: 96px 0 52px 0;
clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
}

.debut .longterm_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
align-items: center;
}

.debut .longterm_img_wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
}

.debut .longterm_img_wrap img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
animation: slow_pan 20s ease-out infinite alternate;
}

@keyframes slow_pan {
from {
transform: scale(1) translateY(0);
}

to {
transform: scale(1.05) translateY(-12px);
}
}

.debut .longterm_text {
display: flex;
flex-direction: column;
gap: 24px;
}

.debut .longterm_heading {
font-size: clamp(28px, 3vw, 38px);
line-height: 1.15;
letter-spacing: -0.01em;
color: #1a1200;
}

.debut .longterm_body {
font-size: 18px;
line-height: 1.7;
color: #3d3220;
}

.debut .accent_sentence {
background-color: rgba(186, 143, 72, 0.15);
border-radius: 10px;
padding: 12px 24px;
font-size: 18px;
line-height: 1.7;
color: #1a1200;
font-weight: 600;
}

.debut .team_section {
background-color: #FDFDFC;
padding: 96px 0;
}

.debut .team_header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
margin-bottom: 52px;
align-items: end;
}

.debut .team_heading {
font-size: clamp(28px, 3vw, 38px);
line-height: 1.15;
letter-spacing: -0.01em;
color: #1a1200;
}

.debut .team_intro {
font-size: 18px;
line-height: 1.7;
color: #3d3220;
}

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

.debut .team_label_col {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 12px;
}

.debut .team_role_tag {
font-size: 15px;
font-weight: 700;
color: #BA8F48;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.debut .team_card {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
background-color: #FDFDFC;
}

.debut .team_card img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
animation: slow_zoom 22s ease-out infinite alternate;
}

.debut .team_card_body {
padding: 24px;
}

.debut .team_name {
font-size: 22px;
line-height: 1.15;
color: #1a1200;
font-weight: 700;
margin-bottom: 6px;
}

.debut .team_bio {
font-size: 15px;
line-height: 1.7;
color: #3d3220;
}

.debut .hesitation_section {
background-color: #f5f0e8;
padding: 52px 0 96px 0;
position: relative;
overflow: hidden;
}

.debut .hesitation_spiral {
position: absolute;
top: -60px;
left: -60px;
width: 300px;
height: 300px;
border: 1.5px solid #BA8F48;
border-radius: 38px;
opacity: 0.05;
pointer-events: none;
transform: rotate(-15deg);
}

.debut .hesitation_grid {
display: grid;
grid-template-columns: 5fr 4fr;
gap: 96px;
align-items: center;
}

.debut .hesitation_text {
display: flex;
flex-direction: column;
gap: 24px;
}

.debut .hesitation_heading {
font-size: clamp(28px, 3vw, 38px);
line-height: 1.15;
letter-spacing: -0.01em;
color: #1a1200;
}

.debut .hesitation_body {
font-size: 18px;
line-height: 1.7;
color: #3d3220;
}

.debut .hesitation_img_wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
}

.debut .hesitation_img_wrap img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
animation: slow_pan 24s ease-out infinite alternate;
}

.debut .reputation_section {
background-color: #1a1200;
padding: 96px 0;
position: relative;
overflow: hidden;
}

.debut .reputation_deco {
position: absolute;
top: 40px;
right: -80px;
width: 360px;
height: 360px;
border: 2px solid #BA8F48;
border-radius: 38px;
opacity: 0.05;
pointer-events: none;
transform: rotate(12deg);
}

.debut .reputation_inner {
position: relative;
z-index: 1;
}

.debut .reputation_top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 96px;
align-items: start;
margin-bottom: 52px;
}

.debut .reputation_heading {
font-size: clamp(28px, 3vw, 38px);
line-height: 1.15;
letter-spacing: -0.01em;
color: #FDFDFC;
}

.debut .reputation_body {
font-size: 18px;
line-height: 1.7;
color: #DBCCB3;
}

.debut .reputation_body strong {
color: #BA8F48;
}

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

.debut .rep_item {
border-radius: 10px;
padding: 24px;
border: 1px solid rgba(186, 143, 72, 0.18);
display: flex;
flex-direction: column;
gap: 12px;
}

.debut .rep_item_number {
font-size: 52px;
line-height: 1.15;
color: #BA8F48;
font-weight: 700;
letter-spacing: -0.02em;
}

.debut .rep_item_label {
font-size: 15px;
color: #DBCCB3;
line-height: 1.7;
}

.debut .rep_item_sub {
font-size: 15px;
color: rgba(219, 204, 179, 0.5);
line-height: 1.15;
}

@media (max-width: 1024px) {
.debut .split_screen {
grid-template-columns: 1fr;
min-height: auto;
}

.debut .split_right {
height: 50vw;
min-height: 280px;
}

.debut .split_left {
padding: 52px 24px 52px 24px;
}

.debut .gap_grid {
grid-template-columns: 1fr;
gap: 24px;
}

.debut .gap_divider_col {
display: none;
}

.debut .scale_grid {
grid-template-columns: 1fr 1fr;
}

.debut .scale_chart_row {
grid-template-columns: 1fr;
}

.debut .longterm_grid {
grid-template-columns: 1fr;
}

.debut .team_header {
grid-template-columns: 1fr;
}

.debut .team_cards {
grid-template-columns: 1fr 1fr;
}

.debut .team_label_col {
display: none;
}

.debut .hesitation_grid {
grid-template-columns: 1fr;
gap: 52px;
}

.debut .reputation_top {
grid-template-columns: 1fr;
gap: 24px;
}

.debut .rep_items {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 640px) {
.debut .scale_grid {
grid-template-columns: 1fr;
}

.debut .team_cards {
grid-template-columns: 1fr;
}

.debut .rep_items {
grid-template-columns: 1fr;
}

.debut .split_left {
padding: 24px 24px 52px 24px;
}
}

@keyframes desat_cycle {
0% {
filter: saturate(1);
}

50% {
filter: saturate(0.25);
}

100% {
filter: saturate(1);
}
}

.debut .scale_section {
animation: desat_cycle 18s ease-out infinite;
}

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

.success_page .success_card {
max-width: 560px;
width: 100%;
background: #fff;
border-radius: 10px;
padding: 52px;
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
text-align: center;
}

.success_page .success_card .success_icon_wrap {
width: 64px;
height: 64px;
margin: 0 auto 24px;
border-radius: 38px;
background: #DBCCB3;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}

.success_page .success_card .success_icon_wrap svg {
display: block;
}

.success_page .success_card .success_accent_line {
width: 36px;
height: 3px;
background: #BA8F48;
margin: 0 auto 24px;
border-radius: 0px;
}

.success_page .success_card .success_heading {
font-size: 38px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #1b1409;
margin: 0 0 12px;
}

.success_page .success_card .success_subtext {
font-size: 18px;
line-height: 1.7;
color: #3d2e14;
margin: 0 0 52px;
}

.success_page .success_card .success_subtext strong {
color: #BA8F48;
font-weight: 600;
}

.success_page .success_card .success_divider {
height: 1px;
background: #DBCCB3;
margin: 0 0 52px;
border-radius: 0px;
}

.success_page .success_card .success_detail_label {
font-size: 15px;
line-height: 1.15;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #BA8F48;
font-weight: 700;
margin: 0 0 12px;
display: block;
}

.success_page .success_card .success_detail_text {
font-size: 15px;
line-height: 1.7;
color: #3d2e14;
margin: 0 0 52px;
}

.success_page .success_card .success_return_link {
display: inline-block;
padding: 12px 24px;
background: #BA8F48;
color: #FDFDFC;
font-size: 15px;
font-weight: 600;
line-height: 1.15;
letter-spacing: 0.03em;
border-radius: 10px;
text-decoration: none;
transition: background-color 0.1s ease-out, box-shadow 0.12s ease-out;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
}

.success_page .success_card .success_return_link:hover {
background: #a07c3a;
box-shadow: 0 12px 60px -1px rgba(186, 143, 72, 0.12);
}

.success_page .success_card .success_return_link:focus {
outline: 2px solid #BA8F48;
outline-offset: 3px;
}

.success_page .success_card .success_return_link:active {
background: #8c6b2f;
}

.not_found_page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 24px;
background-color: #FDFDFC;
}

.not_found_page .error_code {
font-size: 68px;
line-height: 1.15;
letter-spacing: -0.03em;
color: #BA8F48;
margin: 0 0 12px 0;
}

.not_found_page .error_accent_line {
width: 52px;
height: 3px;
background: #BA8F48;
margin: 0 auto 24px auto;
}

.not_found_page .error_heading {
font-size: 28px;
line-height: 1.15;
letter-spacing: -0.01em;
color: #1a1208;
margin: 0 0 12px 0;
text-align: center;
}

.not_found_page .error_body {
font-size: 18px;
line-height: 1.7;
color: #4a3d28;
max-width: 480px;
text-align: center;
margin: 0 0 52px 0;
}

.not_found_page .error_actions {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
}

.not_found_page .action_primary {
display: inline-block;
padding: 12px 24px;
background: #BA8F48;
color: #FDFDFC;
font-size: 15px;
line-height: 1.15;
border-radius: 10px;
text-decoration: none;
border: 2px solid #BA8F48;
transition: background-color 0.12s ease-out, color 0.12s ease-out;
box-shadow: 0 5px 14px -1px rgba(186, 143, 72, 0.09);
}

.not_found_page .action_primary:hover,
.not_found_page .action_primary:focus {
background: #a07c3a;
border-color: #a07c3a;
outline: none;
}

.not_found_page .action_secondary {
display: inline-block;
padding: 12px 24px;
background: transparent;
color: #BA8F48;
font-size: 15px;
line-height: 1.15;
border-radius: 10px;
text-decoration: none;
border: 2px solid #DBCCB3;
transition: border-color 0.09s linear, color 0.09s linear;
}

.not_found_page .action_secondary:hover,
.not_found_page .action_secondary:focus {
border-color: #BA8F48;
outline: none;
}

.not_found_page .error_note {
margin-top: 52px;
font-size: 15px;
line-height: 1.7;
color: #7a6545;
text-align: center;
}

.not_found_page .error_note a {
color: #BA8F48;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.08s ease-out;
}

.not_found_page .error_note a:hover {
color: #a07c3a;
}