@charset "UTF-8";

html {
scroll-behavior: auto;
}

body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
word-break: break-word;
overflow-wrap: anywhere;
font-family: 'Red Hat Display', sans-serif;
}

*:focus {
outline: none;
border-bottom: 4px solid #B68550;
}

.pg-head {
position: relative;
background-color: #FCFBFB;
border-bottom: 1px solid #D9C8BB;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.pg-head-shell {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: 1fr 1px 1fr;
align-items: center;
gap: 0;
padding: 0;
}

.brand-mount {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 24px 32px;
}

.brand-img-hold {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 80px;
border-radius: 10px;
background-color: #FCFBFB;
border: 1px solid #D9C8BB;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05), 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
padding: 8px 16px;
}

.brand-img-hold img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.brand-name {
font-family: 'Red Hat Display', sans-serif;
font-size: 18px;
font-weight: 700;
color: #2c1e0f;
line-height: 1.4;
margin-top: 8px;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.head-divider {
width: 1px;
height: 100px;
background: linear-gradient(to bottom, transparent, #D9C8BB 30%, #D9C8BB 70%, transparent);
align-self: center;
}

.nav-mount {
display: flex;
align-items: center;
justify-content: center;
padding: 24px 32px;
}

.primary-nav {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: center;
}

.primary-nav li {
display: block;
}

.primary-nav a {
display: block;
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
font-weight: 400;
color: #2c1e0f;
text-decoration: none;
padding: 8px 16px;
border-radius: 6px;
border: 2px solid transparent;
line-height: 1.4;
transition: color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
white-space: nowrap;
}

.primary-nav a:hover {
color: #7a5530;
border-color: #B68550;
background: linear-gradient(135deg, rgba(182, 133, 80, 0.08) 0%, rgba(217, 200, 187, 0.18) 100%);
}

.primary-nav a.active {
color: #7a5530;
border-color: #B68550;
background: linear-gradient(135deg, rgba(182, 133, 80, 0.12) 0%, rgba(217, 200, 187, 0.22) 100%);
font-weight: 700;
}

.pg-foot {
background: #2c1e0f;
color: #D9C8BB;
}

.foot-main-shell {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 64px 32px 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}

.foot-brand-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.foot-logo-hold {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 80px;
border-radius: 10px;
background-color: #FCFBFB;
border: 1px solid #D9C8BB;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05), 2px 12px 60px 1px rgba(182, 133, 80, 0.12);
padding: 8px 16px;
}

.foot-logo-hold img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.foot-brand-name {
font-family: 'Red Hat Display', sans-serif;
font-size: 18px;
font-weight: 700;
color: #FCFBFB;
line-height: 1.4;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.foot-desc {
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
color: #D9C8BB;
line-height: 1.6;
max-width: 320px;
}

.foot-links-col {
display: flex;
flex-direction: column;
gap: 24px;
}

.foot-links-label {
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
font-weight: 700;
color: #B68550;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
}

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

.foot-links-list a {
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
color: #D9C8BB;
text-decoration: none;
line-height: 1.6;
border-bottom: 1px solid transparent;
transition: color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.7s ease;
display: inline;
}

.foot-links-list a:hover {
color: #B68550;
border-bottom-color: #B68550;
}

.foot-contact-block {
display: flex;
flex-direction: column;
gap: 8px;
}

.foot-contact-item {
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
color: #D9C8BB;
line-height: 1.6;
}

.foot-contact-item a {
color: #D9C8BB;
text-decoration: none;
transition: color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.foot-contact-item a:hover {
color: #B68550;
}

.foot-divider-row {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0 32px;
}

.foot-divider-line {
height: 1px;
background: linear-gradient(to right, transparent, #B68550 20%, #D9C8BB 50%, #B68550 80%, transparent);
border: none;
margin: 0;
}

.foot-copy-shell {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 24px 32px 32px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}

.foot-copy-logo-hold {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 60px;
border-radius: 6px;
background-color: #FCFBFB;
border: 1px solid rgba(217, 200, 187, 0.4);
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
padding: 8px;
}

.foot-copy-logo-hold img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.foot-copy-text {
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
color: rgba(217, 200, 187, 0.7);
line-height: 1.4;
text-align: center;
}

@media (max-width: 768px) {
.pg-head-shell {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}

.head-divider {
width: 120px;
height: 1px;
background: linear-gradient(to right, transparent, #D9C8BB 30%, #D9C8BB 70%, transparent);
margin: 0 auto;
}

.brand-mount {
padding: 24px 16px 16px;
}

.nav-mount {
padding: 16px 16px 24px;
}

.foot-main-shell {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 16px 24px;
}

.foot-divider-row {
padding: 0 16px;
}

.foot-copy-shell {
padding: 24px 16px 24px;
}
}

.legal-body {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 64px 32px;
color: #2c2416;
background-color: #FCFBFB;
}

.legal-body h1 {
font-size: 44px;
line-height: 1.1;
letter-spacing: 0.01em;
color: #1e1610;
margin-top: 0;
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 2px solid #B68550;
}

.legal-body h2 {
font-size: 32px;
line-height: 1.1;
color: #1e1610;
margin-top: 64px;
margin-bottom: 24px;
}

.legal-body h3 {
font-size: 24px;
line-height: 1.4;
color: #2c2416;
margin-top: 32px;
margin-bottom: 16px;
}

.legal-body h4 {
font-size: 18px;
line-height: 1.4;
color: #2c2416;
margin-top: 24px;
margin-bottom: 16px;
font-weight: 700;
}

.legal-body h5 {
font-size: 16px;
line-height: 1.4;
color: #3a2e1e;
margin-top: 24px;
margin-bottom: 8px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.legal-body h6 {
font-size: 16px;
line-height: 1.4;
color: #B68550;
margin-top: 16px;
margin-bottom: 8px;
font-weight: 600;
}

.legal-body p {
font-size: 18px;
line-height: 1.6;
color: #3a2e1e;
margin-top: 0;
margin-bottom: 16px;
max-width: 72ch;
}

.legal-body a {
color: #B68550;
text-decoration: underline;
text-decoration-color: rgba(182, 133, 80, 0.4);
text-underline-offset: 3px;
transition: color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-decoration-color 0.7s ease;
}

.legal-body a:hover {
color: #8a6030;
text-decoration-color: rgba(138, 96, 48, 0.8);
}

.legal-body hr {
border: none;
border-top: 1px solid #D9C8BB;
margin-top: 32px;
margin-bottom: 32px;
}

.legal-body table {
width: 100%;
border-collapse: collapse;
margin-top: 24px;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
border-radius: 10px;
overflow: hidden;
}

.legal-body thead {
background-color: #B68550;
}

.legal-body thead th {
color: #FCFBFB;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 16px 24px;
text-align: left;
border: none;
}

.legal-body tbody tr {
border-bottom: 1px solid #D9C8BB;
transition: background-color 0.6s ease;
}

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

.legal-body tbody tr:nth-child(even) {
background-color: rgba(217, 200, 187, 0.18);
}

.legal-body tbody tr:hover {
background-color: rgba(182, 133, 80, 0.07);
}

.legal-body td {
padding: 16px 24px;
color: #3a2e1e;
font-size: 16px;
line-height: 1.6;
vertical-align: top;
border: none;
}

.legal-body th {
padding: 16px 24px;
text-align: left;
vertical-align: top;
}

.legal-body div {
box-sizing: border-box;
}

.legal-body div+div {
margin-top: 16px;
}

@media (max-width: 768px) {
.legal-body {
padding: 32px 16px;
}

.legal-body h1 {
font-size: 32px;
margin-bottom: 24px;
padding-bottom: 16px;
}

.legal-body h2 {
font-size: 24px;
margin-top: 32px;
margin-bottom: 16px;
}

.legal-body h3 {
font-size: 18px;
margin-top: 24px;
}

.legal-body p {
font-size: 16px;
max-width: 100%;
}

.legal-body table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
}

.legal-body thead th,
.legal-body td {
padding: 16px;
white-space: nowrap;
}
}

.rt {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
overflow-x: clip;
}

.rt .sep {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-bottom: 32px;
}

.rt .sep-line {
flex: 1;
height: 1px;
background: repeating-linear-gradient(90deg, #B68550 0px, #B68550 6px, transparent 6px, transparent 10px, #B68550 10px, #B68550 14px, transparent 14px, transparent 22px);
}

.rt .lbl {
font-size: 16px;
color: #B68550;
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 700;
white-space: nowrap;
}

.rt .pg-pad {
padding-left: 24px;
padding-right: 24px;
}

/* ── SECTION 1: HERO ── */
.rt .lead-blk {
background: linear-gradient(67deg, #2a1f12 0%, #3d2a14 38%, #B68550 100%);
padding: 64px 64px 64px 64px;
position: relative;
}

.rt .lead-blk::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(67deg, rgba(182, 133, 80, 0.08) 0%, rgba(217, 200, 187, 0.04) 100%);
pointer-events: none;
}

.rt .corner-br {
position: absolute;
pointer-events: none;
}

.rt .corner-br.tl {
top: 16px;
left: 16px;
width: 32px;
height: 32px;
border-top: 2px solid rgba(217, 200, 187, 0.55);
border-left: 2px solid rgba(217, 200, 187, 0.55);
}

.rt .corner-br.tr {
top: 16px;
right: 16px;
width: 32px;
height: 32px;
border-top: 2px solid rgba(217, 200, 187, 0.55);
border-right: 2px solid rgba(217, 200, 187, 0.55);
}

.rt .corner-br.bl {
bottom: 16px;
left: 16px;
width: 32px;
height: 32px;
border-bottom: 2px solid rgba(217, 200, 187, 0.55);
border-left: 2px solid rgba(217, 200, 187, 0.55);
}

.rt .corner-br.br {
bottom: 16px;
right: 16px;
width: 32px;
height: 32px;
border-bottom: 2px solid rgba(217, 200, 187, 0.55);
border-right: 2px solid rgba(217, 200, 187, 0.55);
}

.rt .lead-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
position: relative;
z-index: 1;
}

.rt .lead-eyebrow {
font-size: 16px;
color: #D9C8BB;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 24px;
}

.rt .lead-h1 {
font-size: 62px;
line-height: 1.1;
color: #FCFBFB;
font-weight: 900;
margin-bottom: 24px;
overflow: hidden;
}

.rt .lead-h1 .split-a {
display: block;
animation: splitA 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rt .lead-h1 .split-b {
display: block;
color: #B68550;
animation: splitB 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s both;
}

.rt .lead-h1 .split-c {
display: block;
animation: splitC 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.22s both;
}

@keyframes splitA {
from {
opacity: 0;
transform: translateX(-28px) skewX(-4deg);
letter-spacing: 0.18em;
}

to {
opacity: 1;
transform: translateX(0) skewX(0);
letter-spacing: normal;
}
}

@keyframes splitB {
from {
opacity: 0;
transform: translateX(28px) skewX(4deg);
letter-spacing: 0.18em;
}

to {
opacity: 1;
transform: translateX(0) skewX(0);
letter-spacing: normal;
}
}

@keyframes splitC {
from {
opacity: 0;
transform: translateX(-20px);
}

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

.rt .lead-body {
font-size: 18px;
line-height: 1.6;
color: #D9C8BB;
margin-bottom: 32px;
text-align: justify;
}

.rt .lead-stats {
display: flex;
flex-direction: row;
gap: 32px;
}

.rt .stat-item {
display: flex;
flex-direction: column;
gap: 4px;
}

.rt .stat-num {
font-size: 32px;
line-height: 1.1;
color: #B68550;
font-weight: 900;
}

.rt .stat-desc {
font-size: 16px;
color: #D9C8BB;
line-height: 1.4;
}

.rt .lead-img-col {
display: flex;
flex-direction: column;
gap: 16px;
}

.rt .lead-img-wrap {
position: relative;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 12px 60px 1px rgba(182, 133, 80, 0.12);
}

.rt .lead-img-wrap img {
width: 100%;
height: 340px;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.88) saturate(0.9);
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .lead-img-wrap:hover img {
filter: brightness(0.95) saturate(1.05);
}

.rt .lead-img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(67deg, rgba(42, 31, 18, 0.35) 0%, transparent 60%);
pointer-events: none;
}

.rt .lead-img-sm {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.rt .lead-img-sm-item {
border-radius: 6px;
overflow: hidden;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.rt .lead-img-sm-item img {
width: 100%;
height: 130px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .lead-img-sm-item:hover img {
transform: scale(1.04);
}

/* ── SECTION 2: PATTERN CLIENTS DESCRIBE ── */
.rt .pattern-blk {
background: #FCFBFB;
padding: 64px 64px;
}

.rt .pattern-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 64px;
align-items: start;
}

.rt .pattern-aside {
position: sticky;
top: 32px;
}

.rt .pattern-aside-h2 {
font-size: 44px;
line-height: 1.1;
font-weight: 900;
color: #2a1f12;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 24px;
}

.rt .pattern-aside-note {
font-size: 16px;
line-height: 1.6;
color: #5a4530;
text-align: justify;
}

.rt .pattern-aside-note::first-letter {
font-size: 44px;
line-height: 1;
font-weight: 900;
color: #B68550;
float: left;
margin-right: 8px;
margin-top: 4px;
}

.rt .pattern-cards {
display: flex;
flex-direction: column;
gap: 24px;
}

.rt .pat-card {
background: #fff;
border-radius: 10px;
padding: 32px;
border: 1.5px solid #D9C8BB;
position: relative;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
transition: box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .pat-card:hover {
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
border-color: #B68550;
}

.rt .pat-card.accent-corner::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 38px solid #B68550;
border-left: 38px solid transparent;
border-radius: 0 10px 0 0;
}

.rt .pat-card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}

.rt .pat-portrait {
width: 56px;
height: 72px;
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.rt .pat-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.rt .pat-person {
display: flex;
flex-direction: column;
gap: 4px;
}

.rt .pat-name {
font-size: 16px;
font-weight: 700;
color: #2a1f12;
}

.rt .pat-role {
font-size: 16px;
color: #8a6a42;
}

.rt .pat-stars {
display: flex;
flex-direction: row;
gap: 4px;
margin-left: auto;
}

.rt .star-svg {
width: 16px;
height: 16px;
}

.rt .pat-text {
font-size: 16px;
line-height: 1.6;
color: #3d2a14;
text-align: justify;
}

.rt .pat-tag {
display: inline-block;
margin-top: 16px;
font-size: 16px;
font-weight: 700;
color: #B68550;
letter-spacing: 0.08em;
text-transform: uppercase;
border-bottom: 2px solid #B68550;
padding-bottom: 2px;
}

.rt .trust-bar {
margin-top: 32px;
padding: 24px 32px;
background: linear-gradient(67deg, #3d2a14 0%, #B68550 100%);
border-radius: 10px;
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
flex-wrap: wrap;
}

.rt .trust-num {
font-size: 32px;
font-weight: 900;
color: #FCFBFB;
line-height: 1.1;
}

.rt .trust-desc {
font-size: 16px;
color: #D9C8BB;
line-height: 1.4;
}

.rt .trust-divider {
width: 1px;
height: 40px;
background: rgba(217, 200, 187, 0.3);
}

/* ── SECTION 3: WHAT MAKES THIS DIFFERENT ── */
.rt .diff-blk {
background: #2a1f12;
padding: 64px 64px;
position: relative;
overflow: hidden;
}

.rt .diff-blk::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(67deg, rgba(182, 133, 80, 0.12) 0%, transparent 55%);
pointer-events: none;
}

.rt .diff-h2 {
font-size: 44px;
line-height: 1.1;
font-weight: 900;
color: #FCFBFB;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 8px;
position: relative;
z-index: 1;
}

.rt .diff-sub {
font-size: 18px;
color: #D9C8BB;
line-height: 1.6;
margin-bottom: 32px;
position: relative;
z-index: 1;
max-width: 600px;
}

.rt .diff-compare {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
position: relative;
z-index: 1;
}

.rt .cmp-col {
border-radius: 10px;
padding: 32px;
border: 1.5px solid;
}

.rt .cmp-col.cmp-other {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(217, 200, 187, 0.18);
}

.rt .cmp-col.cmp-us {
background: rgba(182, 133, 80, 0.13);
border-color: #B68550;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.rt .cmp-head {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 1px solid;
}

.rt .cmp-col.cmp-other .cmp-head {
color: #8a7060;
border-bottom-color: rgba(217, 200, 187, 0.2);
}

.rt .cmp-col.cmp-us .cmp-head {
color: #B68550;
border-bottom-color: rgba(182, 133, 80, 0.35);
}

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

.rt .cmp-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: 16px;
line-height: 1.6;
}

.rt .cmp-col.cmp-other .cmp-item {
color: #8a7060;
}

.rt .cmp-col.cmp-us .cmp-item {
color: #D9C8BB;
}

.rt .cmp-dot {
width: 8px;
height: 8px;
border-radius: 1px;
flex-shrink: 0;
margin-top: 6px;
}

.rt .cmp-col.cmp-other .cmp-dot {
background: #5a4530;
}

.rt .cmp-col.cmp-us .cmp-dot {
background: #B68550;
}

.rt .diff-img-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
margin-top: 32px;
position: relative;
z-index: 1;
}

.rt .diff-img-item {
border-radius: 6px;
overflow: hidden;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.rt .diff-img-item img {
width: 100%;
height: 160px;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.8) saturate(0.85);
transition: filter 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .diff-img-item:hover img {
filter: brightness(0.95) saturate(1.1);
}

/* ── SECTION 4: COMMITMENT / DIAGONAL SPLIT ── */
.rt .commit-blk {
position: relative;
padding: 64px 64px;
background: #FCFBFB;
}

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

.rt .commit-split-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 55%;
height: 100%;
background: #D9C8BB;
clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}

.rt .commit-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}

.rt .commit-left {
padding-right: 16px;
}

.rt .commit-h2 {
font-size: 44px;
line-height: 1.1;
font-weight: 900;
color: #2a1f12;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 24px;
}

.rt .commit-body {
font-size: 16px;
line-height: 1.6;
color: #3d2a14;
text-align: justify;
margin-bottom: 24px;
}

.rt .commit-body::first-letter {
font-size: 44px;
line-height: 1;
font-weight: 900;
color: #B68550;
float: left;
margin-right: 8px;
margin-top: 4px;
}

.rt .commit-dashed {
border: 2px dashed #B68550;
border-radius: 10px;
padding: 24px;
margin-top: 8px;
}

.rt .commit-dashed-h {
font-size: 16px;
font-weight: 700;
color: #B68550;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 16px;
}

.rt .commit-num-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt .commit-num-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.rt .commit-num {
font-size: 32px;
font-weight: 900;
color: #B68550;
line-height: 1;
flex-shrink: 0;
min-width: 32px;
}

.rt .commit-num-text {
font-size: 16px;
line-height: 1.6;
color: #3d2a14;
padding-top: 4px;
}

.rt .commit-right {
padding-left: 16px;
}

.rt .commit-right-h3 {
font-size: 24px;
font-weight: 700;
color: #2a1f12;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 16px;
}

.rt .commit-right-body {
font-size: 16px;
line-height: 1.6;
color: #3d2a14;
text-align: justify;
margin-bottom: 24px;
}

.rt .commit-pills {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
}

.rt .pill {
border: 2px solid #B68550;
border-radius: 6px;
padding: 8px 16px;
font-size: 16px;
font-weight: 700;
color: #B68550;
background: transparent;
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: default;
}

.rt .pill:hover {
background: linear-gradient(67deg, #B68550 0%, #d4a06a 100%);
color: #FCFBFB;
}

/* ── SECTION 5: WHO THIS WORKS FOR ── */
.rt .fit-blk {
background: #FCFBFB;
padding: 64px 64px;
border-top: 1px solid #D9C8BB;
}

.rt .fit-top {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 64px;
align-items: start;
margin-bottom: 32px;
}

.rt .fit-h2 {
font-size: 44px;
line-height: 1.1;
font-weight: 900;
color: #2a1f12;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 24px;
}

.rt .fit-lead {
font-size: 18px;
line-height: 1.6;
color: #3d2a14;
text-align: justify;
margin-bottom: 24px;
}

.rt .fit-lead::first-letter {
font-size: 44px;
line-height: 1;
font-weight: 900;
color: #B68550;
float: left;
margin-right: 8px;
margin-top: 4px;
}

.rt .fit-img-aside {
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 12px 60px 1px rgba(182, 133, 80, 0.12);
}

.rt .fit-img-aside img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .fit-img-aside:hover img {
transform: scale(1.03);
}

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

.rt .fit-card {
background: #fff;
border-radius: 10px;
padding: 24px;
border: 1.5px solid #D9C8BB;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}

.rt .fit-card:hover {
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
border-color: #B68550;
}

.rt .fit-card.corner-acc::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 22px solid #B68550;
border-right: 22px solid transparent;
border-radius: 0 0 0 10px;
}

.rt .fit-card-num {
font-size: 44px;
font-weight: 900;
color: #D9C8BB;
line-height: 1;
margin-bottom: 8px;
}

.rt .fit-card-h {
font-size: 16px;
font-weight: 700;
color: #2a1f12;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 8px;
}

.rt .fit-card-p {
font-size: 16px;
line-height: 1.6;
color: #5a4530;
}

/* responsive */
@media (max-width: 900px) {

.rt .lead-grid,
.rt .pattern-grid,
.rt .diff-compare,
.rt .commit-inner,
.rt .fit-top {
grid-template-columns: 1fr;
gap: 32px;
}

.rt .lead-blk,
.rt .pattern-blk,
.rt .diff-blk,
.rt .commit-blk,
.rt .fit-blk {
padding: 32px 24px;
}

.rt .lead-h1 {
font-size: 44px;
}

.rt .diff-h2,
.rt .commit-h2,
.rt .fit-h2,
.rt .pattern-aside-h2 {
font-size: 32px;
}

.rt .fit-grid {
grid-template-columns: 1fr 1fr;
}

.rt .diff-img-row {
grid-template-columns: 1fr 1fr;
}

.rt .lead-img-sm {
grid-template-columns: 1fr 1fr;
}

.rt .commit-split-bg::before {
display: none;
}

.rt .trust-bar {
gap: 16px;
}

.rt .trust-divider {
display: none;
}

.rt .pattern-aside {
position: static;
}
}

@media (max-width: 600px) {
.rt .lead-h1 {
font-size: 32px;
}

.rt .fit-grid {
grid-template-columns: 1fr;
}

.rt .diff-compare {
grid-template-columns: 1fr;
}

.rt .lead-stats {
flex-direction: column;
gap: 16px;
}

.rt .diff-img-row {
grid-template-columns: 1fr;
}
}

.ct-us {
background: #FCFBFB;
overflow-x: clip;
position: relative;
}

.ct-us .pg-wrap {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.ct-us .grain-band {
position: relative;
padding-top: 64px;
padding-bottom: 64px;
background-color: #1a0e05;
overflow: hidden;
}

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

.ct-us .grain-band .pg-wrap {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
align-items: center;
gap: 64px;
}

.ct-us .grain-txt {
flex: 1 1 0;
}

.ct-us .grain-label {
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #B68550;
margin-bottom: 16px;
position: relative;
padding-left: 16px;
}

.ct-us .grain-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 38px;
background: #B68550;
}

.ct-us .grain-h1 {
font-size: 44px;
line-height: 1.1;
font-weight: 800;
color: #FCFBFB;
margin: 0 0 16px 0;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.ct-us .grain-sub {
font-size: 18px;
line-height: 1.6;
color: #D9C8BB;
margin: 0;
max-width: 480px;
}

.ct-us .grain-img-col {
flex: 0 0 340px;
position: relative;
border-radius: 10px;
overflow: hidden;
}

.ct-us .grain-img-col img {
width: 340px;
height: 240px;
object-fit: cover;
display: block;
border-radius: 10px;
filter: grayscale(1) brightness(0.7);
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct-us .grain-img-col::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(67deg, rgba(182, 133, 80, 0.45) 0%, transparent 70%);
border-radius: 10px;
pointer-events: none;
transition: opacity 0.55s ease;
}

.ct-us .grain-img-col:hover img {
filter: grayscale(0.2) brightness(0.85);
}

.ct-us .stripe-div {
height: 6px;
background: linear-gradient(67deg, #B68550 0%, #D9C8BB 60%, #FCFBFB 100%);
}

.ct-us .form-area {
padding-top: 64px;
padding-bottom: 64px;
background: #FCFBFB;
position: relative;
}

.ct-us .form-area::before {
content: "";
position: absolute;
top: 32px;
right: 0;
width: 320px;
height: 320px;
border-radius: 38px;
background: linear-gradient(67deg, rgba(182, 133, 80, 0.06) 0%, rgba(217, 200, 187, 0.10) 100%);
pointer-events: none;
transform: rotate(18deg);
}

.ct-us .form-grid {
display: grid;
grid-template-columns: 1fr 420px;
gap: 64px;
align-items: start;
}

.ct-us .form-side-h2 {
font-size: 32px;
line-height: 1.1;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #2a1a08;
margin: 0 0 16px 0;
}

.ct-us .form-side-p {
font-size: 18px;
line-height: 1.6;
color: #4a3520;
text-align: justify;
margin: 0 0 32px 0;
}

.ct-us .form-side-p::first-letter {
font-size: 44px;
font-weight: 800;
line-height: 1.1;
color: #B68550;
float: left;
margin-right: 8px;
margin-top: 4px;
}

.ct-us .info-dots {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
margin-bottom: 32px;
}

.ct-us .dot-ind {
width: 48px;
height: 48px;
border-radius: 38px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 2px solid #B68550;
background: #FCFBFB;
transition: background 0.5s ease, border-color 0.5s ease;
position: relative;
}

.ct-us .dot-ind:hover {
background: linear-gradient(67deg, #B68550 0%, #D9C8BB 100%);
border-color: #B68550;
}

.ct-us .dot-ind svg {
width: 20px;
height: 20px;
fill: none;
stroke: #B68550;
stroke-width: 1.8;
transition: stroke 0.5s ease;
}

.ct-us .dot-ind:hover svg {
stroke: #FCFBFB;
}

.ct-us .contact-links {
display: flex;
flex-direction: column;
gap: 16px;
}

.ct-us .c-link-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.ct-us .c-link-label {
font-size: 16px;
font-weight: 700;
color: #B68550;
text-transform: uppercase;
letter-spacing: 0.08em;
min-width: 80px;
}

.ct-us .c-link-val {
font-size: 16px;
line-height: 1.6;
color: #2a1a08;
text-decoration: none;
position: relative;
transition: color 0.55s ease;
}

.ct-us .c-link-val::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 1px;
background: #B68550;
transition: width 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct-us .c-link-val:hover {
color: #B68550;
}

.ct-us .c-link-val:hover::after {
width: 100%;
right: auto;
left: 0;
}

.ct-us .form-card {
background: #FCFBFB;
border: 2px solid #D9C8BB;
border-radius: 22px;
padding: 32px;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
position: relative;
}

.ct-us .form-card::before {
content: "";
position: absolute;
top: -1px;
left: 32px;
right: 32px;
height: 3px;
background: linear-gradient(67deg, #B68550, #D9C8BB);
border-radius: 1px;
}

.ct-us .f-group {
margin-bottom: 24px;
display: flex;
flex-direction: column;
gap: 8px;
}

.ct-us .f-label {
font-size: 16px;
font-weight: 600;
color: #2a1a08;
letter-spacing: 0.02em;
}

.ct-us .f-input {
width: 100%;
padding: 16px;
font-size: 16px;
line-height: 1.4;
color: #2a1a08;
background: #FCFBFB;
border: 2px solid #D9C8BB;
border-radius: 10px;
outline: none;
box-sizing: border-box;
transition: border-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: inset 1px 1px 2px rgba(182, 133, 80, 0.05);
}

.ct-us .f-input::placeholder {
color: #b09a84;
font-weight: 300;
}

.ct-us .f-input:focus {
border-color: #B68550;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05), inset 1px 1px 2px rgba(182, 133, 80, 0.08);
}

.ct-us .f-select {
width: 100%;
padding: 16px;
font-size: 16px;
line-height: 1.4;
color: #2a1a08;
background: #FCFBFB;
border: 2px solid #D9C8BB;
border-radius: 10px;
outline: none;
box-sizing: border-box;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23B68550' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
cursor: pointer;
transition: border-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct-us .f-select:focus {
border-color: #B68550;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.ct-us .f-privacy {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 24px;
}

.ct-us .f-check {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px;
accent-color: #B68550;
cursor: pointer;
border-radius: 6px;
}

.ct-us .f-privacy-txt {
font-size: 16px;
line-height: 1.6;
color: #4a3520;
}

.ct-us .f-privacy-txt a {
color: #B68550;
text-decoration: none;
position: relative;
}

.ct-us .f-privacy-txt a::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 1px;
background: #B68550;
transition: width 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct-us .f-privacy-txt a:hover::after {
width: 100%;
right: auto;
left: 0;
}

.ct-us .f-btn {
width: 100%;
padding: 16px 32px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #B68550;
background: transparent;
border: 3px solid #B68550;
border-radius: 10px;
cursor: pointer;
transition: background 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.ct-us .f-btn:hover {
background: linear-gradient(67deg, #B68550 0%, #c9975e 100%);
color: #FCFBFB;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.ct-us .f-btn:focus {
outline: 3px solid #B68550;
outline-offset: 3px;
}

.ct-us .f-btn:active {
box-shadow: inset 2px 2px 4px rgba(182, 133, 80, 0.18);
}

@keyframes shake-once {
0% {
transform: translateX(0);
}

15% {
transform: translateX(-6px);
}

30% {
transform: translateX(6px);
}

45% {
transform: translateX(-4px);
}

60% {
transform: translateX(4px);
}

75% {
transform: translateX(-2px);
}

100% {
transform: translateX(0);
}
}

.ct-us .f-btn:invalid,
.ct-us .f-btn.shake {
animation: shake-once 0.5s ease;
}

.ct-us .dots-border-wrap {
position: relative;
padding-top: 64px;
padding-bottom: 64px;
background: linear-gradient(67deg, #2a1a08 0%, #3d2610 60%, #4a3520 100%);
}

.ct-us .dots-decor {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.ct-us .dots-decor span {
position: absolute;
border-radius: 38px;
background: rgba(182, 133, 80, 0.18);
}

.ct-us .dots-decor span:nth-child(1) {
width: 6px;
height: 6px;
top: 16px;
left: 8%;
}

.ct-us .dots-decor span:nth-child(2) {
width: 10px;
height: 10px;
top: 32px;
left: 22%;
}

.ct-us .dots-decor span:nth-child(3) {
width: 4px;
height: 4px;
top: 24px;
left: 55%;
}

.ct-us .dots-decor span:nth-child(4) {
width: 8px;
height: 8px;
top: 16px;
right: 18%;
}

.ct-us .dots-decor span:nth-child(5) {
width: 5px;
height: 5px;
top: 40px;
right: 8%;
}

.ct-us .dots-decor span:nth-child(6) {
width: 7px;
height: 7px;
bottom: 16px;
left: 12%;
}

.ct-us .dots-decor span:nth-child(7) {
width: 12px;
height: 12px;
bottom: 24px;
left: 38%;
}

.ct-us .dots-decor span:nth-child(8) {
width: 5px;
height: 5px;
bottom: 32px;
right: 25%;
}

.ct-us .dots-decor span:nth-child(9) {
width: 9px;
height: 9px;
bottom: 16px;
right: 10%;
}

.ct-us .dots-decor span:nth-child(10) {
width: 4px;
height: 4px;
top: 50%;
left: 4%;
}

.ct-us .dots-decor span:nth-child(11) {
width: 6px;
height: 6px;
top: 60%;
right: 5%;
}

.ct-us .addr-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
position: relative;
z-index: 1;
}

.ct-us .addr-col {
display: flex;
flex-direction: column;
gap: 8px;
}

.ct-us .addr-col-label {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #B68550;
margin-bottom: 8px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.ct-us .addr-col-label span.dot-sw {
width: 8px;
height: 8px;
border-radius: 38px;
background: #B68550;
display: inline-block;
flex-shrink: 0;
}

.ct-us .addr-val {
font-size: 18px;
line-height: 1.6;
color: #D9C8BB;
text-decoration: none;
transition: color 0.55s ease;
position: relative;
display: inline-block;
}

.ct-us .addr-val::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 1px;
background: #B68550;
transition: width 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct-us .addr-val:hover {
color: #B68550;
}

.ct-us .addr-val:hover::after {
width: 100%;
right: auto;
left: 0;
}

.ct-us .addr-plain {
font-size: 18px;
line-height: 1.6;
color: #D9C8BB;
margin: 0;
}

.ct-us .addr-note {
font-size: 16px;
line-height: 1.6;
color: rgba(217, 200, 187, 0.6);
margin-top: 8px;
}

@keyframes slide-in-corner {
0% {
opacity: 0;
transform: translate(-24px, 24px);
}

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

.ct-us .grain-band .pg-wrap {
animation: slide-in-corner 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(32px);
}

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

.ct-us .form-grid {
animation: fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s both;
}

.ct-us .addr-grid {
animation: fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}

@media (max-width: 900px) {
.ct-us .grain-band .pg-wrap {
flex-direction: column;
gap: 32px;
}

.ct-us .grain-img-col {
flex: 0 0 auto;
width: 100%;
}

.ct-us .grain-img-col img {
width: 100%;
height: 200px;
}

.ct-us .form-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.ct-us .addr-grid {
grid-template-columns: 1fr;
gap: 24px;
}

.ct-us .grain-h1 {
font-size: 32px;
}
}

@media (max-width: 600px) {
.ct-us .pg-wrap {
padding-left: 16px;
padding-right: 16px;
}

.ct-us .grain-band {
padding-top: 32px;
padding-bottom: 32px;
}

.ct-us .form-area {
padding-top: 32px;
padding-bottom: 32px;
}

.ct-us .dots-border-wrap {
padding-top: 32px;
padding-bottom: 32px;
}

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

.ct-us .grain-h1 {
font-size: 24px;
}

.ct-us .form-side-h2 {
font-size: 24px;
}
}

.cs-pg {
background: #FCFBFB;
overflow-x: clip;
}

.cs-pg ::selection {
background: rgba(182, 133, 80, 0.1);
color: #1a1a1a;
}

.cs-pg .bound {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.cs-pg .lead-strip {
background: #2a1f14;
padding-top: 64px;
padding-bottom: 64px;
position: relative;
}

.cs-pg .lead-strip::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(67deg, #B68550 0%, #D9C8BB 60%, transparent 100%);
}

.cs-pg .lead-strip::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 32px;
background: #FCFBFB;
clip-path: ellipse(55% 100% at 50% 100%);
}

.cs-pg .lead-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}

.cs-pg .lead-text {
position: relative;
z-index: 1;
}

.cs-pg .lead-eyebrow {
font-size: 16px;
line-height: 1.4;
color: #B68550;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 16px;
font-weight: 600;
}

.cs-pg .lead-h1 {
font-size: 44px;
line-height: 1.1;
color: #FCFBFB;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 24px;
}

.cs-pg .lead-h1 .marked {
border-bottom: 3px solid #B68550;
padding-bottom: 2px;
}

.cs-pg .lead-desc {
font-size: 18px;
line-height: 1.6;
color: #D9C8BB;
text-align: justified;
max-width: 480px;
}

.cs-pg .lead-visual {
position: relative;
z-index: 1;
}

.cs-pg .lead-img-wrap {
position: relative;
border-radius: 22px;
overflow: hidden;
box-shadow: 2px 12px 60px 1px rgba(182, 133, 80, 0.12);
}

.cs-pg .lead-img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(67deg, #2a1f14 0%, transparent 60%);
}

.cs-pg .lead-img {
width: 100%;
height: 340px;
object-fit: cover;
object-position: center;
display: block;
}

.cs-pg .lead-shape-a {
position: absolute;
top: -24px;
right: -24px;
width: 80px;
height: 80px;
border: 2px solid rgba(182, 133, 80, 0.3);
border-radius: 22px;
transform: rotate(15deg);
pointer-events: none;
}

.cs-pg .lead-shape-b {
position: absolute;
bottom: -16px;
left: -16px;
width: 48px;
height: 48px;
background: rgba(182, 133, 80, 0.15);
border-radius: 10px;
transform: rotate(-8deg);
pointer-events: none;
}

.cs-pg .zigzag-div {
width: 100%;
height: 24px;
background: linear-gradient(67deg, #D9C8BB 0%, #B68550 100%);
clip-path: polygon(0 0, 3% 100%, 6% 0, 9% 100%, 12% 0, 15% 100%, 18% 0, 21% 100%, 24% 0, 27% 100%, 30% 0, 33% 100%, 36% 0, 39% 100%, 42% 0, 45% 100%, 48% 0, 51% 100%, 54% 0, 57% 100%, 60% 0, 63% 100%, 66% 0, 69% 100%, 72% 0, 75% 100%, 78% 0, 81% 100%, 84% 0, 87% 100%, 90% 0, 93% 100%, 96% 0, 99% 100%, 100% 0);
margin-bottom: 0;
}

.cs-pg .cases-band {
padding-top: 64px;
padding-bottom: 64px;
background: #FCFBFB;
position: relative;
}

.cs-pg .cases-band::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: 100%;
background: linear-gradient(180deg, rgba(182, 133, 80, 0.08) 0%, rgba(182, 133, 80, 0.18) 50%, rgba(182, 133, 80, 0.08) 100%);
pointer-events: none;
}

.cs-pg .band-label {
font-size: 16px;
line-height: 1.4;
color: #B68550;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
margin-bottom: 8px;
}

.cs-pg .band-h2 {
font-size: 32px;
line-height: 1.1;
color: #2a1f14;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 8px;
}

.cs-pg .band-intro {
font-size: 18px;
line-height: 1.6;
color: #5a4535;
max-width: 560px;
margin-bottom: 48px;
}

.cs-pg .band-intro::first-letter {
font-size: 44px;
line-height: 1.1;
font-weight: 800;
color: #B68550;
float: left;
margin-right: 8px;
margin-top: 4px;
}

.cs-pg .case-list {
display: flex;
flex-direction: column;
gap: 32px;
}

.cs-pg .case-item {
display: grid;
grid-template-columns: 56px 1fr 280px;
gap: 32px;
align-items: start;
padding: 32px;
border: 2px solid #D9C8BB;
border-radius: 22px;
background: #FCFBFB;
transition: border-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.cs-pg .case-item:hover {
border-color: #B68550;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.cs-pg .case-num {
font-size: 44px;
line-height: 1.1;
font-weight: 800;
color: #B68550;
opacity: 0.35;
user-select: none;
}

.cs-pg .case-body {
display: flex;
flex-direction: column;
gap: 16px;
}

.cs-pg .case-tag {
display: inline-block;
font-size: 16px;
line-height: 1.4;
color: #B68550;
background: rgba(182, 133, 80, 0.08);
border: 1px solid rgba(182, 133, 80, 0.2);
border-radius: 6px;
padding: 4px 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
width: fit-content;
}

.cs-pg .case-h3 {
font-size: 24px;
line-height: 1.4;
color: #2a1f14;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.cs-pg .case-desc {
font-size: 16px;
line-height: 1.6;
color: #5a4535;
text-align: justify;
}

.cs-pg .case-meta {
display: flex;
flex-direction: column;
gap: 16px;
}

.cs-pg .case-stat {
padding: 16px;
background: rgba(217, 200, 187, 0.2);
border-radius: 10px;
border: 1px solid rgba(217, 200, 187, 0.5);
}

.cs-pg .stat-label {
font-size: 16px;
line-height: 1.4;
color: #8a6a50;
margin-bottom: 4px;
}

.cs-pg .stat-val {
font-size: 24px;
line-height: 1.1;
color: #2a1f14;
font-weight: 800;
}

.cs-pg .bar-wrap {
margin-top: 8px;
}

.cs-pg .bar-labels {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 16px;
line-height: 1.4;
color: #8a6a50;
margin-bottom: 4px;
}

.cs-pg .bar-track {
height: 8px;
background: rgba(217, 200, 187, 0.5);
border-radius: 6px;
overflow: hidden;
}

.cs-pg .bar-fill {
height: 100%;
background: linear-gradient(67deg, #B68550, #D9C8BB);
border-radius: 6px;
transition: width 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cs-pg .bar-fill-a {
width: 72%;
}

.cs-pg .bar-fill-b {
width: 58%;
}

.cs-pg .bar-fill-c {
width: 83%;
}

.cs-pg .bar-pointer {
font-size: 16px;
line-height: 1.4;
color: #B68550;
font-weight: 700;
margin-top: 4px;
text-align: right;
}

.cs-pg .reveal-item {
opacity: 0;
transform: translateY(16px);
animation: revealUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.cs-pg .reveal-item:nth-child(1) {
animation-delay: 0.1s;
}

.cs-pg .reveal-item:nth-child(2) {
animation-delay: 0.28s;
}

.cs-pg .reveal-item:nth-child(3) {
animation-delay: 0.46s;
}

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

.cs-pg .insight-band {
padding-top: 64px;
padding-bottom: 64px;
background: #f0ebe4;
position: relative;
}

.cs-pg .insight-band .dots-bg {
position: absolute;
inset: 0;
background-image:
radial-gradient(circle at 20% 30%, rgba(182, 133, 80, 0.07) 1.5px, transparent 1.5px),
radial-gradient(circle at 45% 70%, rgba(182, 133, 80, 0.05) 1px, transparent 1px),
radial-gradient(circle at 70% 20%, rgba(182, 133, 80, 0.09) 2px, transparent 2px),
radial-gradient(circle at 85% 55%, rgba(182, 133, 80, 0.04) 1px, transparent 1px),
radial-gradient(circle at 12% 80%, rgba(182, 133, 80, 0.06) 2.5px, transparent 2.5px),
radial-gradient(circle at 60% 45%, rgba(182, 133, 80, 0.05) 1.5px, transparent 1.5px),
radial-gradient(circle at 35% 15%, rgba(182, 133, 80, 0.08) 1px, transparent 1px),
radial-gradient(circle at 90% 85%, rgba(182, 133, 80, 0.06) 2px, transparent 2px);
background-size: 180px 180px;
pointer-events: none;
}

.cs-pg .insight-band .zigzag-top {
width: 100%;
height: 20px;
background: #FCFBFB;
clip-path: polygon(0 0, 2.5% 100%, 5% 0, 7.5% 100%, 10% 0, 12.5% 100%, 15% 0, 17.5% 100%, 20% 0, 22.5% 100%, 25% 0, 27.5% 100%, 30% 0, 32.5% 100%, 35% 0, 37.5% 100%, 40% 0, 42.5% 100%, 45% 0, 47.5% 100%, 50% 0, 52.5% 100%, 55% 0, 57.5% 100%, 60% 0, 62.5% 100%, 65% 0, 67.5% 100%, 70% 0, 72.5% 100%, 75% 0, 77.5% 100%, 80% 0, 82.5% 100%, 85% 0, 87.5% 100%, 90% 0, 92.5% 100%, 95% 0, 97.5% 100%, 100% 0);
position: absolute;
top: 0;
left: 0;
right: 0;
}

.cs-pg .insight-inner {
position: relative;
z-index: 1;
padding-top: 24px;
}

.cs-pg .insight-four {
display: grid;
grid-template-columns: 1fr 2fr 2fr 1fr;
gap: 24px;
align-items: start;
margin-bottom: 48px;
}

.cs-pg .insight-h2 {
font-size: 32px;
line-height: 1.1;
color: #2a1f14;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 16px;
}

.cs-pg .insight-sub {
font-size: 16px;
line-height: 1.6;
color: #5a4535;
text-align: justify;
}

.cs-pg .insight-portrait-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding-top: 8px;
}

.cs-pg .portrait-frame {
width: 88px;
height: 124px;
border-radius: 38px;
overflow: hidden;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
border: 2px solid #D9C8BB;
flex-shrink: 0;
}

.cs-pg .portrait-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.cs-pg .portrait-name {
font-size: 16px;
line-height: 1.4;
color: #2a1f14;
font-weight: 700;
text-align: center;
}

.cs-pg .portrait-role {
font-size: 16px;
line-height: 1.4;
color: #8a6a50;
text-align: center;
}

.cs-pg .quote-col {
display: flex;
flex-direction: column;
gap: 16px;
}

.cs-pg .quote-card {
padding: 24px;
background: #FCFBFB;
border-radius: 22px;
border: 1px solid #D9C8BB;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
position: relative;
}

.cs-pg .quote-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(180deg, #B68550, #D9C8BB);
border-radius: 1px 0 0 1px;
border-right: 1px solid rgba(182, 133, 80, 0.2);
}

.cs-pg .quote-text {
font-size: 16px;
line-height: 1.6;
color: #3a2a1a;
text-align: justify;
padding-left: 8px;
}

.cs-pg .quote-author {
font-size: 16px;
line-height: 1.4;
color: #B68550;
font-weight: 600;
margin-top: 8px;
padding-left: 8px;
}

.cs-pg .img2-wrap {
border-radius: 22px;
overflow: hidden;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
position: relative;
}

.cs-pg .img2-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(67deg, rgba(217, 200, 187, 0.4) 0%, transparent 70%);
}

.cs-pg .img2 {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block;
}

.cs-pg .expand-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 32px;
}

.cs-pg .exp-card {
border: 2px solid #D9C8BB;
border-radius: 22px;
overflow: hidden;
}

.cs-pg .exp-head {
padding: 16px 24px;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background: #FCFBFB;
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cs-pg .exp-head:hover {
background: linear-gradient(67deg, rgba(182, 133, 80, 0.06) 0%, rgba(217, 200, 187, 0.12) 100%);
}

.cs-pg .exp-title {
font-size: 16px;
line-height: 1.4;
color: #2a1f14;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.cs-pg .exp-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}

.cs-pg .exp-icon svg {
width: 20px;
height: 20px;
}

.cs-pg .exp-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cs-pg .exp-card input[type="checkbox"] {
display: none;
}

.cs-pg .exp-card input[type="checkbox"]:checked~.exp-body {
max-height: 200px;
}

.cs-pg .exp-card input[type="checkbox"]:checked~.exp-head .exp-icon-plus {
display: none;
}

.cs-pg .exp-card input[type="checkbox"]:checked~.exp-head .exp-icon-minus {
display: block;
}

.cs-pg .exp-icon-minus {
display: none;
}

.cs-pg .exp-content {
padding: 16px 24px;
font-size: 16px;
line-height: 1.6;
color: #5a4535;
background: rgba(217, 200, 187, 0.1);
border-top: 1px solid #D9C8BB;
}

@media (max-width: 900px) {
.cs-pg .lead-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.cs-pg .lead-h1 {
font-size: 32px;
}

.cs-pg .case-item {
grid-template-columns: 40px 1fr;
grid-template-rows: auto auto;
}

.cs-pg .case-meta {
grid-column: 1 / -1;
}

.cs-pg .insight-four {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
}

.cs-pg .insight-portrait-col {
grid-column: 1 / -1;
flex-direction: row;
justify-content: flex-start;
}

.cs-pg .expand-row {
grid-template-columns: 1fr;
}
}

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

.cs-pg .lead-h1 {
font-size: 24px;
}

.cs-pg .case-item {
grid-template-columns: 1fr;
padding: 24px 16px;
}

.cs-pg .case-num {
font-size: 32px;
}

.cs-pg .insight-four {
grid-template-columns: 1fr;
}

.cs-pg .band-h2,
.cs-pg .insight-h2 {
font-size: 24px;
}
}

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

.abt-us ::selection {
background: rgba(182, 133, 80, 0.1);
color: #2a1f0e;
}

.abt-us .pg-wrap {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

/* SPLIT HERO */
.abt-us .split-screen {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 520px;
}

.abt-us .split-left {
background: #B68550;
position: relative;
padding: 64px 48px 64px 64px;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
}

.abt-us .split-left::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 160px;
height: 160px;
border: 2px solid rgba(252, 251, 251, 0.18);
transform: rotate(45deg);
pointer-events: none;
}

.abt-us .split-left::after {
content: '';
position: absolute;
bottom: 32px;
left: 32px;
width: 0;
height: 0;
border-left: 32px solid transparent;
border-right: 32px solid transparent;
border-bottom: 56px solid rgba(252, 251, 251, 0.12);
pointer-events: none;
}

.abt-us .split-eyebrow {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(252, 251, 251, 0.75);
margin-bottom: 16px;
line-height: 1.4;
}

.abt-us .split-h1 {
font-size: 44px;
font-weight: 800;
line-height: 1.1;
color: #FCFBFB;
margin: 0 0 24px 0;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.abt-us .split-desc {
font-size: 18px;
line-height: 1.6;
color: rgba(252, 251, 251, 0.88);
max-width: 400px;
}

.abt-us .split-right {
background: #D9C8BB;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

.abt-us .split-img-wrap {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}

.abt-us .split-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt-us .split-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to bottom right,
rgba(182, 133, 80, 0.55) 0%,
transparent 55%);
pointer-events: none;
}

.abt-us .light-leak {
position: absolute;
top: 0;
left: 0;
width: 220px;
height: 220px;
background: radial-gradient(ellipse at 20% 20%, rgba(252, 251, 251, 0.38) 0%, transparent 70%);
pointer-events: none;
z-index: 2;
}

.abt-us .reading-arrow {
position: absolute;
bottom: 32px;
right: 32px;
z-index: 3;
width: 48px;
height: 48px;
border: 2px solid rgba(252, 251, 251, 0.6);
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
}

.abt-us .reading-arrow svg {
display: block;
}

/* STORY SECTION */
.abt-us .story-band {
background: #FCFBFB;
padding: 64px 0;
position: relative;
}

.abt-us .story-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(67deg, #B68550 0%, #D9C8BB 60%, transparent 100%);
}

.abt-us .story-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 64px;
align-items: start;
}

.abt-us .story-main h2 {
font-size: 32px;
font-weight: 800;
line-height: 1.1;
color: #2a1f0e;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 24px 0;
}

.abt-us .story-body {
font-size: 18px;
line-height: 1.6;
color: #3d2e18;
text-align: justify;
}

.abt-us .story-body p {
margin: 0 0 16px 0;
}

.abt-us .story-body p:first-child::first-letter {
font-size: 62px;
font-weight: 800;
line-height: 1;
color: #B68550;
float: left;
margin-right: 8px;
margin-top: 4px;
}

.abt-us .story-side {
display: flex;
flex-direction: column;
gap: 24px;
}

.abt-us .side-img-wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
position: relative;
}

.abt-us .side-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt-us .side-img-wrap:hover img {
transform: scale(1.04);
}

.abt-us .side-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 40%, rgba(42, 31, 14, 0.35) 100%);
pointer-events: none;
}

.abt-us .corner-accent {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 40px solid #B68550;
border-left: 40px solid transparent;
z-index: 1;
}

.abt-us .stat-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.abt-us .stat-box {
background: #D9C8BB;
border-radius: 10px;
padding: 24px 16px;
text-align: center;
border: 2px solid transparent;
transition: border-color 0.55s ease, box-shadow 0.55s ease;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.abt-us .stat-box:hover {
border-color: #B68550;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.abt-us .stat-num {
font-size: 32px;
font-weight: 800;
color: #B68550;
line-height: 1.1;
display: block;
}

.abt-us .stat-label {
font-size: 16px;
color: #3d2e18;
line-height: 1.4;
margin-top: 8px;
display: block;
}

/* SVG torn divider */
.abt-us .torn-div {
display: block;
width: 100%;
line-height: 0;
overflow: hidden;
}

.abt-us .torn-div svg {
display: block;
width: 100%;
}

/* TEAM & VALUES */
.abt-us .team-band {
background: #2a1f0e;
padding: 64px 0;
position: relative;
overflow: hidden;
}

.abt-us .team-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: repeating-linear-gradient(67deg,
rgba(182, 133, 80, 0.04) 0px,
rgba(182, 133, 80, 0.04) 1px,
transparent 1px,
transparent 60px);
pointer-events: none;
}

.abt-us .team-band::after {
content: '';
position: absolute;
bottom: -30px;
right: -30px;
width: 0;
height: 0;
border-right: 90px solid rgba(182, 133, 80, 0.1);
border-top: 90px solid transparent;
pointer-events: none;
}

.abt-us .team-h2 {
font-size: 32px;
font-weight: 800;
line-height: 1.1;
color: #D9C8BB;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 8px 0;
}

.abt-us .team-sub {
font-size: 18px;
line-height: 1.6;
color: rgba(217, 200, 187, 0.7);
margin: 0 0 32px 0;
}

.abt-us .team-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
}

.abt-us .people-col {
display: flex;
flex-direction: column;
gap: 24px;
}

.abt-us .person-card {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
background: rgba(217, 200, 187, 0.07);
border-radius: 10px;
padding: 24px;
border: 1px solid rgba(182, 133, 80, 0.2);
transition: background 0.65s ease, border-color 0.65s ease;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.abt-us .person-card:hover {
background: rgba(217, 200, 187, 0.12);
border-color: rgba(182, 133, 80, 0.45);
}

.abt-us .person-portrait {
width: 80px;
height: 80px;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.abt-us .person-portrait img {
width: 80px;
height: 80px;
object-fit: cover;
object-position: center;
display: block;
}

.abt-us .person-info {
flex: 1;
}

.abt-us .person-name {
font-size: 18px;
font-weight: 700;
color: #FCFBFB;
line-height: 1.4;
margin: 0 0 4px 0;
}

.abt-us .person-role {
font-size: 16px;
color: #B68550;
line-height: 1.4;
margin: 0 0 8px 0;
}

.abt-us .person-note {
font-size: 16px;
color: rgba(217, 200, 187, 0.75);
line-height: 1.6;
margin: 0;
}

.abt-us .values-col {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-us .val-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
}

.abt-us .val-num {
font-size: 44px;
font-weight: 800;
color: #B68550;
line-height: 1;
min-width: 48px;
opacity: 0.75;
flex-shrink: 0;
animation: shadow-pulse 3.2s ease-in-out infinite;
}

.abt-us .val-num:nth-child(1) {
animation-delay: 0s;
}

.abt-us .val-item:nth-child(2) .val-num {
animation-delay: 0.8s;
}

.abt-us .val-item:nth-child(3) .val-num {
animation-delay: 1.6s;
}

.abt-us .val-item:nth-child(4) .val-num {
animation-delay: 2.4s;
}

@keyframes shadow-pulse {

0%,
100% {
text-shadow: 2px 3px 5px rgba(182, 133, 80, 0.05);
}

50% {
text-shadow: 2px 12px 60px rgba(182, 133, 80, 0.4);
}
}

.abt-us .val-text {
flex: 1;
padding-top: 8px;
}

.abt-us .val-heading {
font-size: 18px;
font-weight: 700;
color: #D9C8BB;
line-height: 1.4;
margin: 0 0 4px 0;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.abt-us .val-body {
font-size: 16px;
color: rgba(217, 200, 187, 0.7);
line-height: 1.6;
margin: 0;
}

/* Empty space zone */
.abt-us .empty-zone {
height: 32px;
display: block;
}

/* Images bottom strip */
.abt-us .img-strip {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 32px;
}

.abt-us .strip-img-wrap {
border-radius: 6px;
overflow: hidden;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
position: relative;
}

.abt-us .strip-img-wrap img {
width: 100%;
height: 160px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt-us .strip-img-wrap:hover img {
transform: scale(1.05);
}

.abt-us .strip-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 35%, rgba(42, 31, 14, 0.42) 100%);
pointer-events: none;
}

.abt-us .strip-corner {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 28px solid rgba(182, 133, 80, 0.7);
border-left: 28px solid transparent;
z-index: 1;
}

/* SVG outline draw on appear */
.abt-us .outline-draw {
position: relative;
display: inline-block;
}

.abt-us .outline-draw svg {
position: absolute;
inset: -6px;
width: calc(100% + 12px);
height: calc(100% + 12px);
pointer-events: none;
}

.abt-us .outline-draw svg rect {
stroke: #B68550;
stroke-width: 2;
fill: none;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: draw-rect 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards;
}

@keyframes draw-rect {
to {
stroke-dashoffset: 0;
}
}

/* CTA strip */
.abt-us .cta-strip {
background: #D9C8BB;
padding: 32px 0;
border-top: 3px solid #B68550;
}

.abt-us .cta-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 32px;
}

.abt-us .cta-text {
font-size: 18px;
line-height: 1.6;
color: #2a1f0e;
}

.abt-us .cta-btn {
display: inline-block;
padding: 16px 32px;
background: transparent;
border: 3px solid #B68550;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #2a1f0e;
text-decoration: none;
flex-shrink: 0;
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.abt-us .cta-btn:hover {
background: linear-gradient(67deg, #B68550 0%, #c99660 100%);
color: #FCFBFB;
}

/* Inline link style */
.abt-us .txt-link {
color: #B68550;
text-decoration: none;
border-bottom: 1px solid transparent;
background-image: linear-gradient(#B68550, #B68550);
background-size: 0% 1px;
background-position: right bottom;
background-repeat: no-repeat;
transition: background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt-us .txt-link:hover {
background-size: 100% 1px;
background-position: left bottom;
}

/* Responsive */
@media (max-width: 900px) {
.abt-us .split-screen {
grid-template-columns: 1fr;
}

.abt-us .split-right {
min-height: 280px;
}

.abt-us .split-left {
padding: 48px 32px;
}

.abt-us .split-h1 {
font-size: 32px;
}

.abt-us .story-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.abt-us .team-layout {
grid-template-columns: 1fr;
gap: 32px;
}

.abt-us .img-strip {
grid-template-columns: 1fr 1fr;
}

.abt-us .cta-inner {
flex-direction: column;
align-items: flex-start;
}

.abt-us .pg-wrap {
padding-left: 24px;
padding-right: 24px;
}
}

@media (max-width: 600px) {
.abt-us .split-h1 {
font-size: 24px;
}

.abt-us .stat-pair {
grid-template-columns: 1fr;
}

.abt-us .img-strip {
grid-template-columns: 1fr;
}

.abt-us .person-card {
flex-direction: column;
align-items: flex-start;
}

.abt-us .pg-wrap {
padding-left: 16px;
padding-right: 16px;
}
}

.succ-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 64px 24px;
background-color: #FCFBFB;
}

.succ-page .succ-card {
max-width: 1200px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}

.succ-page .succ-icon-wrap {
width: 80px;
height: 80px;
border-radius: 38px;
background: #FCFBFB;
border: 2px solid #B68550;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.succ-page .succ-icon-wrap svg {
display: block;
}

.succ-page .succ-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
max-width: 560px;
}

.succ-page .succ-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #B68550;
font-weight: 600;
margin: 0;
}

.succ-page .succ-heading {
font-size: 44px;
line-height: 1.1;
font-weight: 700;
color: #1b1410;
margin: 0;
text-align: center;
}

.succ-page .succ-text {
font-size: 18px;
line-height: 1.6;
color: #3d2f22;
margin: 0;
text-align: center;
}

.succ-page .succ-divider {
width: 48px;
height: 2px;
background: linear-gradient(67deg, #B68550 0%, #D9C8BB 100%);
border-radius: 1px;
flex-shrink: 0;
}

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

.succ-page .btn-primary {
display: inline-block;
padding: 16px 32px;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
color: #B68550;
background: #FCFBFB;
border: 2px solid #B68550;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.7s ease;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
}

.succ-page .btn-primary:hover,
.succ-page .btn-primary:focus {
background: linear-gradient(67deg, #B68550 0%, #c9995f 100%);
color: #FCFBFB;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
outline: none;
}

.succ-page .btn-primary:focus-visible {
outline: 2px solid #B68550;
outline-offset: 3px;
}

.succ-page .btn-secondary {
display: inline-block;
padding: 16px 32px;
font-size: 16px;
line-height: 1.4;
font-weight: 500;
color: #3d2f22;
background: transparent;
border: 2px solid #D9C8BB;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
transition: border-color 0.6s ease, color 0.6s ease, background 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.succ-page .btn-secondary:hover,
.succ-page .btn-secondary:focus {
border-color: #B68550;
color: #B68550;
background: rgba(182, 133, 80, 0.04);
outline: none;
}

.succ-page .btn-secondary:focus-visible {
outline: 2px solid #B68550;
outline-offset: 3px;
}

.succ-page .succ-note {
font-size: 16px;
line-height: 1.6;
color: #7a6555;
margin: 0;
text-align: center;
}

.succ-page .succ-note a {
color: #B68550;
text-decoration: none;
position: relative;
font-weight: 500;
}

.succ-page .succ-note a::after {
content: '';
position: absolute;
bottom: -1px;
right: 0;
width: 0;
height: 1px;
background: #B68550;
transition: width 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.succ-page .succ-note a:hover::after,
.succ-page .succ-note a:focus::after {
width: 100%;
right: auto;
left: 0;
}

@media (max-width: 600px) {
.succ-page {
padding: 64px 16px;
}

.succ-page .succ-heading {
font-size: 32px;
}

.succ-page .succ-actions {
flex-direction: column;
align-items: stretch;
}

.succ-page .btn-primary,
.succ-page .btn-secondary {
text-align: center;
}
}

.pg-404 {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 64px 24px;
background-color: #FCFBFB;
position: relative;
overflow: hidden;
}

.pg-404 .err-band {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
}

.pg-404 .err-band::before {
content: "";
position: absolute;
top: -60px;
left: -80px;
width: 420px;
height: 8px;
background: linear-gradient(67deg, #B68550 0%, #D9C8BB 60%, transparent 100%);
transform: rotate(67deg);
transform-origin: left center;
opacity: 0.35;
}

.pg-404 .err-band::after {
content: "";
position: absolute;
bottom: -40px;
right: -60px;
width: 320px;
height: 5px;
background: linear-gradient(67deg, transparent 0%, #D9C8BB 40%, #B68550 100%);
transform: rotate(67deg);
transform-origin: right center;
opacity: 0.25;
}

.pg-404 .err-inner {
position: relative;
z-index: 1;
max-width: 1200px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 32px;
}

.pg-404 .err-code-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.pg-404 .err-code {
font-size: 72px;
line-height: 1.1;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #FCFBFB;
-webkit-text-stroke: 2px #B68550;
user-select: none;
}

.pg-404 .err-code-fill {
position: absolute;
font-size: 72px;
line-height: 1.1;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #B68550;
clip-path: inset(0 100% 0 0);
transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.pg-404 .err-code-wrap:hover .err-code-fill {
clip-path: inset(0 0% 0 0);
}

.pg-404 .err-divider {
width: 64px;
height: 1px;
background: linear-gradient(67deg, #B68550, #D9C8BB);
border: none;
margin: 0;
}

.pg-404 .err-heading {
font-size: 32px;
line-height: 1.1;
font-weight: 700;
color: #2a1f0e;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0;
}

.pg-404 .err-body {
max-width: 520px;
font-size: 18px;
line-height: 1.6;
color: #4a3a28;
text-align: center;
margin: 0;
}

.pg-404 .err-actions {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
margin-top: 8px;
}

.pg-404 .btn-primary {
display: inline-block;
padding: 16px 32px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #FCFBFB;
background: #B68550;
border: 2px solid #B68550;
border-radius: 6px;
text-decoration: none;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.65s ease, color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
}

.pg-404 .btn-primary:hover {
background: linear-gradient(67deg, #B68550 0%, #c9975e 100%);
box-shadow: 2px 12px 60px 1px rgba(182, 133, 80, 0.12);
color: #FCFBFB;
}

.pg-404 .btn-primary:focus {
outline: 2px solid #B68550;
outline-offset: 3px;
}

.pg-404 .btn-secondary {
display: inline-block;
padding: 16px 32px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #B68550;
background: transparent;
border: 2px solid #B68550;
border-radius: 6px;
text-decoration: none;
box-shadow: 2px 3px 5px 1px rgba(182, 133, 80, 0.05);
transition: background 0.6s ease, color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.7s ease;
cursor: pointer;
}

.pg-404 .btn-secondary:hover {
background: #D9C8BB;
color: #2a1f0e;
box-shadow: 2px 7px 14px 1px rgba(182, 133, 80, 0.09);
}

.pg-404 .btn-secondary:focus {
outline: 2px solid #B68550;
outline-offset: 3px;
}

.pg-404 .err-hint {
font-size: 16px;
line-height: 1.4;
color: #7a6248;
margin: 0;
}

.pg-404 .err-hint-link {
color: #B68550;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.pg-404 .err-hint-link:hover {
border-color: #B68550;
}

.pg-404 .err-hint-link:focus {
outline: 2px solid #B68550;
outline-offset: 2px;
border-radius: 1px;
}

@media (max-width: 600px) {
.pg-404 {
padding: 64px 16px;
}

.pg-404 .err-code,
.pg-404 .err-code-fill {
font-size: 62px;
}

.pg-404 .err-heading {
font-size: 24px;
}

.pg-404 .err-actions {
flex-direction: column;
align-items: center;
}

.pg-404 .btn-primary,
.pg-404 .btn-secondary {
width: 100%;
text-align: center;
padding: 16px 24px;
}
}