html {
scroll-behavior: auto;
}

body {
margin: 0;
position: relative;
min-height: 100vh;
word-break: break-word;
overflow-wrap: anywhere;
font-family: "Noto Sans", sans-serif;
}

.page-header {
background: #AB7A3E;
position: relative;
}

.header-top-bar {
background: #8a5f2c;
padding: 8px 20px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
max-width: 1320px;
margin: 0 auto;
}

.header-top-bar .address-text {
font-size: 13px;
color: #FFFFFF;
line-height: 1.4;
opacity: 0.88;
letter-spacing: 0.01em;
}

.header-top-bar .phone-link {
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
line-height: 1.4;
font-weight: 700;
transition: opacity 0.25s ease-out;
}

.header-top-bar .phone-link:focus {
background: rgba(207, 173, 154, 0.22);
outline: none;
border-radius: 3px;
}

.header-top-bar .phone-link:hover {
opacity: 0.75;
}

.header-body {
max-width: 1320px;
margin: 0 auto;
padding: 20px 20px 0 20px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
}

.header-nav-shell {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 1 auto;
min-width: 0;
}

.brand-tagline {
font-size: 13px;
color: rgba(255, 255, 255, 0.72);
line-height: 1.4;
letter-spacing: 0.04em;
margin-bottom: 12px;
padding-left: 4px;
}

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

.primary-nav li {
display: flex;
}

.primary-nav__link {
display: inline-flex;
align-items: center;
padding: 12px 20px;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
border-radius: 7px 7px 0 0;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none;
letter-spacing: 0.02em;
transition: background 0.4s ease-out, color 0.25s ease-out;
white-space: nowrap;
}

.primary-nav__link:hover {
background: rgba(255, 255, 255, 0.18);
color: #FFFFFF;
}

.primary-nav__link:focus {
outline: none;
background: rgba(207, 173, 154, 0.28);
color: #FFFFFF;
}

.primary-nav__link.active {
background: #FFFFFF;
color: #AB7A3E;
border-color: transparent;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
}

.logo-mount {
flex-shrink: 0;
background: rgba(255, 255, 255, 0.95);
border-radius: 13px 13px 0 13px;
padding: 8px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08), 0 0 0 2px rgba(207, 173, 154, 0.4);
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
margin-bottom: 0;
}

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

.header-rule {
height: 4px;
background: linear-gradient(90deg, #CFAD9A 0%, #AB7A3E 60%, #8a5f2c 100%);
margin: 0;
border: none;
}

@media (max-width: 1024px) {
.header-body {
padding: 20px 20px 0 20px;
gap: 20px;
}

.primary-nav__link {
padding: 12px 12px;
font-size: 13px;
}
}

@media (max-width: 640px) {
.header-top-bar {
flex-direction: column;
align-items: flex-start;
gap: 4px;
padding: 8px 20px;
}

.header-body {
flex-direction: column-reverse;
align-items: flex-start;
padding-bottom: 0;
gap: 12px;
}

.logo-mount {
border-radius: 13px;
align-self: flex-end;
}

.primary-nav {
gap: 4px;
}

.primary-nav__link {
border-radius: 7px 7px 0 0;
font-size: 13px;
padding: 8px 12px;
}
}

.page-footer {
background: #2c1f0f;
color: #FFFFFF;
}

.footer-upper {
max-width: 1320px;
margin: 0 auto;
padding: 64px 20px 32px 20px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: start;
}

.footer-brand-col {
display: flex;
flex-direction: column;
gap: 20px;
}

.footer-company-name {
font-size: 27px;
font-weight: 700;
color: #FFFFFF;
line-height: 1.2;
letter-spacing: -0.02em;
}

.footer-descriptor {
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.62);
}

.footer-contact-col {
display: flex;
flex-direction: column;
gap: 12px;
}

.footer-col-label {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
color: #CFAD9A;
line-height: 1.4;
text-transform: uppercase;
margin-bottom: 4px;
}

.footer-contact-item {
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.72);
}

.footer-contact-item a {
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transition: color 0.45s ease-out;
}

.footer-contact-item a:hover {
color: #CFAD9A;
}

.footer-contact-item a:focus {
outline: none;
background: rgba(207, 173, 154, 0.15);
border-radius: 3px;
color: #CFAD9A;
}

.footer-links-col {
display: flex;
flex-direction: column;
gap: 12px;
}

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

.footer-meta-nav a {
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.62);
text-decoration: none;
border-bottom: 1px solid rgba(207, 173, 154, 0.18);
padding-bottom: 4px;
display: inline-block;
transition: color 0.4s ease-out, border-color 0.4s ease-out;
}

.footer-meta-nav a:hover {
color: #CFAD9A;
border-color: #CFAD9A;
}

.footer-meta-nav a:focus {
outline: none;
background: rgba(207, 173, 154, 0.12);
border-radius: 3px;
color: #CFAD9A;
}

.footer-divider {
max-width: 1320px;
margin: 0 auto;
height: 1px;
background: rgba(207, 173, 154, 0.18);
}

.footer-lower {
background: #1e1408;
padding: 20px;
}

.footer-lower-inner {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}

.footer-logo-mount {
background: rgba(255, 255, 255, 0.92);
border-radius: 7px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08), 0 0 0 1px rgba(207, 173, 154, 0.3);
}

.footer-logo-mount img {
width: 49px;
height: 49px;
object-fit: contain;
display: block;
}

.footer-copyright {
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.42);
text-align: center;
}

@media (max-width: 1024px) {
.footer-upper {
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.footer-brand-col {
grid-column: 1 / -1;
}
}

@media (max-width: 640px) {
.footer-upper {
grid-template-columns: 1fr;
padding: 32px 20px 20px 20px;
gap: 20px;
}

.footer-brand-col {
grid-column: auto;
}
}

.doc-text-sxh {
max-width: 1320px;
margin: 0 auto;
padding: 64px 32px;
color: #2c1f0e;
line-height: 1.9;
}

.doc-text-sxh p {
font-size: 13px;
line-height: 1.9;
margin-top: 0;
margin-bottom: 20px;
color: #2c1f0e;
}

.doc-text-sxh ul,
.doc-text-sxh ol {
font-size: 13px;
line-height: 1.9;
margin-top: 0;
margin-bottom: 20px;
padding-left: 32px;
color: #2c1f0e;
}

.doc-text-sxh ul {
list-style-type: disc;
}

.doc-text-sxh ol {
list-style-type: decimal;
}

.doc-text-sxh li {
font-size: 13px;
line-height: 1.9;
margin-bottom: 8px;
padding-left: 4px;
color: #2c1f0e;
}

.doc-text-sxh li:last-child {
margin-bottom: 0;
}

.doc-text-sxh ul ul,
.doc-text-sxh ol ol,
.doc-text-sxh ul ol,
.doc-text-sxh ol ul {
margin-top: 8px;
margin-bottom: 8px;
}

.doc-text-sxh em,
.doc-text-sxh i {
font-style: italic;
color: #7a5228;
}

.doc-text-sxh hr {
border: none;
border-top: 1px solid #CFAD9A;
margin-top: 32px;
margin-bottom: 32px;
opacity: 0.6;
}

.doc-text-sxh div {
margin-bottom: 20px;
}

.doc-text-sxh div:last-child {
margin-bottom: 0;
}

@media (max-width: 1024px) {
.doc-text-sxh {
padding: 64px 20px;
}
}

@media (max-width: 640px) {
.doc-text-sxh {
padding: 32px 20px;
}

.doc-text-sxh ul,
.doc-text-sxh ol {
padding-left: 20px;
}
}

.services-page {
background: #fff;
overflow-x: clip;
}

.services-page .db-strip {
width: 100%;
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
}

.services-page .reveal-clip {
animation: clipReveal 0.55s ease-out both;
}

@keyframes clipReveal {
from {
clip-path: inset(0 0 100% 0);
}

to {
clip-path: inset(0 0 0% 0);
}
}

.services-page .pitch {
padding: 64px 20px 32px;
position: relative;
}

.services-page .pitch-inner {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 64px;
}

.services-page .pitch-card {
flex: 0 0 320px;
position: relative;
}

.services-page .pitch-card img {
width: 320px;
height: 420px;
object-fit: cover;
object-position: center;
display: block;
border-radius: 7px;
position: relative;
z-index: 1;
}

.services-page .blob-a {
position: absolute;
width: 220px;
height: 220px;
background: #CFAD9A;
border-radius: 40px;
filter: blur(48px);
opacity: 0.45;
top: -32px;
left: -32px;
pointer-events: none;
z-index: 0;
}

.services-page .blob-b {
position: absolute;
width: 160px;
height: 160px;
background: #AB7A3E;
border-radius: 40px;
filter: blur(44px);
opacity: 0.28;
bottom: -20px;
right: -20px;
pointer-events: none;
z-index: 0;
}

.services-page .pitch-text {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 12px;
}

.services-page .pitch-label {
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #AB7A3E;
font-weight: 700;
line-height: 1.2;
}

.services-page .pitch-heading {
font-size: 52px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.03em;
color: #1a1a1a;
margin: 0;
}

.services-page .pitch-heading span {
color: #AB7A3E;
}

.services-page .pitch-desc {
font-size: 13px;
line-height: 1.9;
color: #3d2e1e;
max-width: 520px;
margin: 0;
}

.services-page .pitch-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 32px;
background: #AB7A3E;
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
border-radius: 7px;
text-decoration: none;
align-self: flex-start;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
transition: background-color 0.42s ease-out, transform 0.22s ease-out;
}

.services-page .pitch-link:hover {
background: #8f6330;
transform: scale(1.04);
}

.services-page .pitch-link:focus {
outline: 2px solid #AB7A3E;
outline-offset: 3px;
}

.services-page .pitch-link:active {
box-shadow: inset 0 2px 6px 0 rgba(171, 122, 62, 0.22);
}

.services-page .pitch-math-bg {
position: absolute;
right: 40px;
bottom: -20px;
font-size: 220px;
font-weight: 900;
color: transparent;
-webkit-text-stroke: 2px rgba(171, 122, 62, 0.08);
line-height: 1;
pointer-events: none;
user-select: none;
z-index: 0;
overflow: hidden;
}

.services-page .divider-triangle-up {
width: 100%;
line-height: 0;
overflow: hidden;
}

.services-page .divider-triangle-up svg {
display: block;
width: 100%;
}

.services-page .catalog {
background: linear-gradient(0deg, #fff 0%, #f5ede3 100%);
padding: 64px 20px;
position: relative;
}

.services-page .catalog-noise {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
opacity: 0.045;
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='1'/%3E%3C/svg%3E");
background-size: 200px 200px;
}

.services-page .catalog-inner {
max-width: 1320px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.services-page .catalog-top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
margin-bottom: 64px;
}

.services-page .catalog-top-text {
max-width: 560px;
}

.services-page .catalog-label {
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #AB7A3E;
font-weight: 700;
line-height: 1.2;
display: block;
margin-bottom: 12px;
}

.services-page .catalog-heading {
font-size: 37px;
font-weight: 900;
letter-spacing: -0.025em;
line-height: 1.2;
color: #2a1e10;
margin: 0 0 20px;
}

.services-page .catalog-intro {
font-size: 13px;
line-height: 1.9;
color: #3d2e1e;
margin: 0;
}

.services-page .catalog-stat {
flex: 0 0 auto;
text-align: right;
}

.services-page .catalog-stat-number {
font-size: 52px;
font-weight: 900;
letter-spacing: -0.04em;
line-height: 1.2;
color: #AB7A3E;
display: block;
}

.services-page .catalog-stat-label {
font-size: 13px;
line-height: 1.4;
color: #7a5c35;
display: block;
max-width: 140px;
}

.services-page .services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.services-page .srv-card {
background: #fff;
border-radius: 13px;
padding: 32px;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
transition: box-shadow 0.45s ease-out, transform 0.28s ease-out;
}

.services-page .srv-card:hover {
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
transform: translateY(-4px);
}

.services-page .srv-number {
font-size: 52px;
font-weight: 900;
color: rgba(171, 122, 62, 0.10);
line-height: 1;
letter-spacing: -0.04em;
position: absolute;
top: 20px;
right: 20px;
pointer-events: none;
user-select: none;
}

.services-page .srv-icon {
width: 44px;
height: 44px;
background: linear-gradient(0deg, #AB7A3E 0%, #CFAD9A 100%);
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.services-page .srv-icon svg {
width: 22px;
height: 22px;
stroke: #fff;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}

.services-page .srv-name {
font-size: 27px;
font-weight: 900;
letter-spacing: -0.02em;
line-height: 1.2;
color: #2a1e10;
margin: 0;
}

.services-page .srv-desc {
font-size: 13px;
line-height: 1.9;
color: #5a4230;
margin: 0;
}

.services-page .srv-tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}

.services-page .srv-tag {
font-size: 13px;
color: #AB7A3E;
background: rgba(171, 122, 62, 0.09);
border-radius: 3px;
padding: 4px 8px;
font-weight: 600;
line-height: 1.4;
}

.services-page .divider-thick {
height: 4px;
background: linear-gradient(90deg, #AB7A3E 0%, #CFAD9A 60%, #fff 100%);
}

.services-page .process {
padding: 64px 20px 64px;
background: #fff;
}

.services-page .process-inner {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
}

.services-page .process-left {
flex: 1 1 0;
}

.services-page .process-label {
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #AB7A3E;
font-weight: 700;
line-height: 1.2;
display: block;
margin-bottom: 12px;
}

.services-page .process-heading {
font-size: 37px;
font-weight: 900;
letter-spacing: -0.025em;
line-height: 1.2;
color: #2a1e10;
margin: 0 0 32px;
}

.services-page .steps-list {
display: flex;
flex-direction: column;
gap: 0;
list-style: none;
padding: 0;
margin: 0;
}

.services-page .step-item {
display: flex;
flex-direction: row;
gap: 20px;
position: relative;
padding-bottom: 32px;
}

.services-page .step-item:last-child {
padding-bottom: 0;
}

.services-page .step-item:last-child .step-line {
display: none;
}

.services-page .step-left-col {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
width: 44px;
}

.services-page .step-dot {
width: 44px;
height: 44px;
border-radius: 24px;
background: #AB7A3E;
color: #fff;
font-size: 13px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
letter-spacing: 0;
line-height: 1;
}

.services-page .step-line {
flex: 1;
width: 2px;
background: linear-gradient(0deg, rgba(171, 122, 62, 0.12) 0%, #AB7A3E 100%);
margin-top: 8px;
border-radius: 3px;
}

.services-page .step-body {
flex: 1 1 0;
padding-top: 8px;
}

.services-page .step-title {
font-size: 27px;
font-weight: 900;
letter-spacing: -0.02em;
line-height: 1.2;
color: #2a1e10;
margin: 0 0 8px;
}

.services-page .step-desc {
font-size: 13px;
line-height: 1.9;
color: #5a4230;
margin: 0;
}

.services-page .process-right {
flex: 0 0 420px;
display: flex;
flex-direction: column;
gap: 20px;
}

.services-page .faq-heading {
font-size: 27px;
font-weight: 900;
letter-spacing: -0.02em;
line-height: 1.2;
color: #2a1e10;
margin: 0 0 8px;
}

.services-page .faq-list {
display: flex;
flex-direction: column;
gap: 12px;
}

.services-page .faq-item {
border-radius: 13px;
background: #fdf7f0;
border: 1.5px solid rgba(171, 122, 62, 0.15);
overflow: hidden;
}

.services-page .faq-toggle {
display: none;
}

.services-page .faq-question {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px;
cursor: pointer;
font-size: 13px;
font-weight: 700;
color: #2a1e10;
line-height: 1.4;
gap: 12px;
transition: background-color 0.42s ease-out;
user-select: none;
}

.services-page .faq-question:hover {
background: rgba(171, 122, 62, 0.07);
}

.services-page .faq-arrow {
flex-shrink: 0;
width: 20px;
height: 20px;
border-radius: 40px;
background: rgba(171, 122, 62, 0.12);
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.38s ease-out, transform 0.38s ease-out;
}

.services-page .faq-arrow svg {
width: 12px;
height: 12px;
stroke: #AB7A3E;
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 0.38s ease-out;
}

.services-page .faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.45s ease-out, padding 0.3s ease-out;
padding: 0 20px;
font-size: 13px;
line-height: 1.9;
color: #5a4230;
}

.services-page .faq-toggle:checked+.faq-question .faq-arrow {
background: #AB7A3E;
transform: rotate(180deg);
}

.services-page .faq-toggle:checked+.faq-question .faq-arrow svg {
stroke: #fff;
}

.services-page .faq-toggle:checked~.faq-answer {
max-height: 300px;
padding: 0 20px 20px;
}

.services-page .testimonials-strip {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}

.services-page .testi-card {
background: #fff;
border-radius: 13px;
padding: 20px;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
}

.services-page .testi-portrait {
width: 52px;
height: 72px;
object-fit: cover;
object-position: center;
flex-shrink: 0;
border-radius: 3px;
}

.services-page .testi-body {
flex: 1 1 0;
}

.services-page .testi-quote {
font-size: 13px;
line-height: 1.9;
color: #3d2e1e;
margin: 0 0 8px;
}

.services-page .testi-author {
font-size: 13px;
font-weight: 700;
color: #AB7A3E;
line-height: 1.2;
display: block;
}

.services-page .testi-role {
font-size: 13px;
color: #7a5c35;
line-height: 1.4;
display: block;
}

.services-page .catalog-heading .word {
display: inline-block;
position: relative;
}

.services-page .catalog-heading .word::after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 2px;
background: #AB7A3E;
transition: width 0.4s ease-out;
}

.services-page .catalog-top:hover .catalog-heading .word:nth-child(1)::after {
width: 100%;
transition-delay: 0s;
}

.services-page .catalog-top:hover .catalog-heading .word:nth-child(2)::after {
width: 100%;
transition-delay: 0.12s;
}

.services-page .catalog-top:hover .catalog-heading .word:nth-child(3)::after {
width: 100%;
transition-delay: 0.24s;
}

.services-page .catalog-top:hover .catalog-heading .word:nth-child(4)::after {
width: 100%;
transition-delay: 0.36s;
}

@media (max-width: 1024px) {
.services-page .pitch-inner {
gap: 32px;
}

.services-page .pitch-card {
flex: 0 0 260px;
}

.services-page .pitch-card img {
width: 260px;
height: 340px;
}

.services-page .pitch-heading {
font-size: 37px;
}

.services-page .services-grid {
grid-template-columns: repeat(2, 1fr);
}

.services-page .process-inner {
gap: 32px;
}

.services-page .process-right {
flex: 0 0 340px;
}

.services-page .catalog-top {
flex-direction: column;
align-items: flex-start;
}

.services-page .catalog-stat {
text-align: left;
}
}

@media (max-width: 640px) {
.services-page .pitch {
padding: 32px 20px 20px;
}

.services-page .pitch-inner {
flex-direction: column;
gap: 20px;
}

.services-page .pitch-card {
flex: 0 0 auto;
width: 100%;
}

.services-page .pitch-card img {
width: 100%;
height: 240px;
}

.services-page .pitch-heading {
font-size: 27px;
}

.services-page .pitch-math-bg {
font-size: 100px;
right: 0;
bottom: 0;
}

.services-page .catalog {
padding: 32px 20px;
}

.services-page .services-grid {
grid-template-columns: 1fr;
}

.services-page .catalog-heading {
font-size: 27px;
}

.services-page .process {
padding: 32px 20px;
}

.services-page .process-inner {
flex-direction: column;
gap: 32px;
}

.services-page .process-right {
flex: 0 0 auto;
width: 100%;
}

.services-page .process-heading {
font-size: 27px;
}

.services-page .catalog-top {
margin-bottom: 32px;
}
}

.success-stories-page {
background-color: #F5EFE8;
overflow-x: clip;
position: relative;
}

.success-stories-page .grid-pulse-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-image:
linear-gradient(rgba(171, 122, 62, 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(171, 122, 62, 0.08) 1px, transparent 1px);
background-size: 48px 48px;
animation: grid-wave 6s ease-in-out infinite;
z-index: 0;
}

@keyframes grid-wave {

0%,
100% {
opacity: 0.5;
}

50% {
opacity: 1;
}
}

.success-stories-page .page-border-top {
height: 4px;
background: linear-gradient(90deg, #AB7A3E, #CFAD9A, #AB7A3E);
position: relative;
z-index: 2;
}

.success-stories-page .page-border-bottom {
height: 4px;
background: linear-gradient(90deg, #CFAD9A, #AB7A3E, #CFAD9A);
position: relative;
z-index: 2;
}

.success-stories-page .constrained {
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
z-index: 2;
}

.success-stories-page .card-block {
background: #FFFFFF;
border-radius: 13px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
overflow: hidden;
position: relative;
z-index: 2;
}

.success-stories-page .divider-accent {
height: 4px;
background: #AB7A3E;
border-radius: 3px;
margin: 32px 0;
}

.success-stories-page .divider-thin {
height: 1px;
background: linear-gradient(90deg, transparent, #CFAD9A, transparent);
margin: 32px 0;
}

.success-stories-page .marker-highlight {
background: linear-gradient(180deg, transparent 55%, rgba(171, 122, 62, 0.35) 55%);
display: inline;
}

.success-stories-page .numbered-list {
list-style: none;
padding: 0;
margin: 0;
}

.success-stories-page .numbered-list li {
position: relative;
padding-left: 64px;
margin-bottom: 20px;
font-size: 13px;
line-height: 1.6;
color: #3a2e24;
}

.success-stories-page .numbered-list li .num-prefix {
position: absolute;
left: 0;
top: -8px;
font-size: 37px;
font-weight: 900;
color: rgba(171, 122, 62, 0.13);
line-height: 1.2;
letter-spacing: -2px;
}

.success-stories-page .intro-strip {
padding: 64px 0 32px;
}

.success-stories-page .intro-strip .strip-layout {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 32px;
min-height: 380px;
}

.success-stories-page .intro-strip .text-zone {
flex: 1 1 0;
padding: 32px 32px 32px 0;
display: flex;
flex-direction: column;
justify-content: center;
}

.success-stories-page .intro-strip .image-zone {
flex: 0 0 320px;
position: relative;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.success-stories-page .intro-strip .image-zone img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: blur(0px);
}

.success-stories-page .intro-strip .image-zone::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, rgba(171, 122, 62, 0.18) 100%);
pointer-events: none;
}

.success-stories-page .geo-shape {
position: absolute;
border-radius: 7px;
opacity: 0.12;
pointer-events: none;
}

.success-stories-page .geo-shape.one {
width: 80px;
height: 80px;
background: #AB7A3E;
top: -20px;
right: -20px;
transform: rotate(22deg);
}

.success-stories-page .geo-shape.two {
width: 40px;
height: 40px;
background: #CFAD9A;
bottom: 40px;
right: 30px;
border-radius: 40px;
}

.success-stories-page .page-label {
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #AB7A3E;
font-weight: 700;
margin-bottom: 12px;
line-height: 1.2;
}

.success-stories-page .heading-primary {
font-size: 52px;
font-weight: 900;
line-height: 1.2;
letter-spacing: -0.03em;
color: #1e1409;
margin-bottom: 20px;
}

.success-stories-page .heading-secondary {
font-size: 37px;
font-weight: 900;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1e1409;
margin-bottom: 20px;
}

.success-stories-page .heading-tertiary {
font-size: 27px;
font-weight: 800;
line-height: 1.4;
letter-spacing: -0.01em;
color: #1e1409;
margin-bottom: 12px;
}

.success-stories-page .body-text {
font-size: 13px;
line-height: 1.6;
color: #3a2e24;
}

.success-stories-page .body-text-large {
font-size: 13px;
line-height: 1.9;
color: #3a2e24;
}

.success-stories-page .intro-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-top: 20px;
}

.success-stories-page .stories-grid-section {
padding: 64px 0;
background: #FFFFFF;
position: relative;
}

.success-stories-page .stories-grid-section::before {
content: '';
display: block;
height: 4px;
background: #AB7A3E;
position: absolute;
top: 0;
left: 0;
right: 0;
}

.success-stories-page .story-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
margin-top: 32px;
}

.success-stories-page .story-card {
border-radius: 13px;
border: 1px solid rgba(171, 122, 62, 0.15);
padding: 32px 20px;
background: #FFFFFF;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
transition: box-shadow 0.45s ease-out, transform 0.35s ease-out;
display: flex;
flex-direction: column;
gap: 12px;
}

.success-stories-page .story-card:hover {
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
transform: translateY(-4px);
}

.success-stories-page .story-card.center {
background: linear-gradient(180deg, #F5EFE8 0%, #FFFFFF 100%);
padding: 20px 20px;
justify-content: center;
}

.success-stories-page .story-card .card-tag {
font-size: 13px;
font-weight: 700;
color: #AB7A3E;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.2;
}

.success-stories-page .story-card .card-metric {
font-size: 37px;
font-weight: 900;
color: #AB7A3E;
line-height: 1.2;
letter-spacing: -0.02em;
}

.success-stories-page .story-card .card-metric-label {
font-size: 13px;
color: #7a6450;
line-height: 1.4;
}

.success-stories-page .portrait-card {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
padding: 32px;
background: #FFFFFF;
border-radius: 13px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
border: 1px solid rgba(207, 173, 154, 0.3);
margin-top: 32px;
}

.success-stories-page .portrait-card .portrait-image {
flex: 0 0 120px;
width: 120px;
height: 150px;
border-radius: 7px;
overflow: hidden;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
border: 2px solid rgba(171, 122, 62, 0.2);
}

.success-stories-page .portrait-card .portrait-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.success-stories-page .portrait-card .portrait-text {
flex: 1 1 0;
}

.success-stories-page .portrait-card .quote-mark {
font-size: 52px;
color: rgba(171, 122, 62, 0.2);
line-height: 1;
font-weight: 900;
margin-bottom: 4px;
display: block;
}

.success-stories-page .portrait-card .quote-text {
font-size: 13px;
line-height: 1.9;
color: #3a2e24;
font-style: italic;
margin-bottom: 12px;
}

.success-stories-page .portrait-card .attribution {
font-size: 13px;
font-weight: 700;
color: #AB7A3E;
line-height: 1.4;
}

.success-stories-page .portrait-card .attribution-role {
font-size: 13px;
color: #7a6450;
font-weight: 400;
}

.success-stories-page .comparison-section {
padding: 64px 0;
background: #F5EFE8;
position: relative;
}

.success-stories-page .comparison-section::before {
content: '';
display: block;
height: 4px;
background: linear-gradient(90deg, #CFAD9A, #AB7A3E);
position: absolute;
top: 0;
left: 0;
right: 0;
border-radius: 0;
}

.success-stories-page .comparison-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 32px;
}

.success-stories-page .comparison-card {
border-radius: 13px;
padding: 32px;
background: #FFFFFF;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
}

.success-stories-page .comparison-card.before-card {
border-top: 4px solid rgba(207, 173, 154, 0.5);
}

.success-stories-page .comparison-card.after-card {
border-top: 4px solid #AB7A3E;
background: linear-gradient(180deg, rgba(171, 122, 62, 0.04) 0%, #FFFFFF 100%);
}

.success-stories-page .comparison-card .card-label {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1.2;
}

.success-stories-page .comparison-card.before-card .card-label {
color: #7a6450;
}

.success-stories-page .comparison-card.after-card .card-label {
color: #AB7A3E;
}

.success-stories-page .comparison-card .feature-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 12px;
font-size: 13px;
line-height: 1.6;
color: #3a2e24;
}

.success-stories-page .comparison-card .feature-dot {
flex: 0 0 8px;
width: 8px;
height: 8px;
border-radius: 40px;
margin-top: 5px;
}

.success-stories-page .comparison-card.before-card .feature-dot {
background: rgba(207, 173, 154, 0.6);
}

.success-stories-page .comparison-card.after-card .feature-dot {
background: #AB7A3E;
}

.success-stories-page .metrics-strip {
padding: 64px 0;
background: #FFFFFF;
position: relative;
}

.success-stories-page .metrics-strip::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #CFAD9A;
}

.success-stories-page .metrics-row {
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 32px;
align-items: stretch;
}

.success-stories-page .metric-item {
flex: 1 1 0;
background: linear-gradient(180deg, #F5EFE8 0%, #FFFFFF 100%);
border-radius: 13px;
padding: 32px 20px;
text-align: center;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
border: 1px solid rgba(207, 173, 154, 0.2);
transition: box-shadow 0.5s ease-out;
animation: tone-cycle 8s ease-in-out infinite;
}

.success-stories-page .metric-item:nth-child(2) {
animation-delay: 2s;
}

.success-stories-page .metric-item:nth-child(3) {
animation-delay: 4s;
}

.success-stories-page .metric-item:nth-child(4) {
animation-delay: 6s;
}

@keyframes tone-cycle {

0%,
100% {
background: linear-gradient(180deg, #F5EFE8 0%, #FFFFFF 100%);
}

50% {
background: linear-gradient(180deg, rgba(171, 122, 62, 0.1) 0%, #FFFFFF 100%);
}
}

.success-stories-page .metric-item:hover {
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.success-stories-page .metric-item .metric-value {
font-size: 37px;
font-weight: 900;
color: #AB7A3E;
line-height: 1.2;
letter-spacing: -0.02em;
margin-bottom: 8px;
}

.success-stories-page .metric-item .metric-label {
font-size: 13px;
color: #3a2e24;
line-height: 1.6;
}

.success-stories-page .metric-item .metric-desc {
font-size: 13px;
color: #7a6450;
line-height: 1.4;
margin-top: 8px;
}

.success-stories-page .two-col-text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-top: 20px;
}

@media (max-width: 1024px) {
.success-stories-page .intro-strip .strip-layout {
flex-direction: column;
}

.success-stories-page .intro-strip .image-zone {
flex: 0 0 280px;
height: 280px;
}

.success-stories-page .story-cards {
grid-template-columns: 1fr 1fr;
}

.success-stories-page .metrics-row {
flex-wrap: wrap;
}

.success-stories-page .metric-item {
flex: 1 1 40%;
}

.success-stories-page .heading-primary {
font-size: 37px;
}
}

@media (max-width: 640px) {
.success-stories-page .constrained {
padding-left: 20px;
padding-right: 20px;
}

.success-stories-page .intro-strip {
padding: 32px 0 20px;
}

.success-stories-page .intro-strip .text-zone {
padding: 20px 0;
}

.success-stories-page .intro-columns {
grid-template-columns: 1fr;
gap: 12px;
}

.success-stories-page .story-cards {
grid-template-columns: 1fr;
}

.success-stories-page .comparison-grid {
grid-template-columns: 1fr;
}

.success-stories-page .metrics-row {
flex-direction: column;
}

.success-stories-page .two-col-text {
grid-template-columns: 1fr;
}

.success-stories-page .portrait-card {
flex-direction: column;
}

.success-stories-page .portrait-card .portrait-image {
width: 100%;
height: 200px;
}

.success-stories-page .heading-primary {
font-size: 27px;
}

.success-stories-page .heading-secondary {
font-size: 27px;
}

.success-stories-page .intro-strip .image-zone {
height: 220px;
}
}

.contact-us-page {
background-color: #fff;
overflow-x: clip;
}

.contact-us-page .panel {
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.contact-us-page .reach-block {
padding-top: 64px;
padding-bottom: 64px;
background-color: #fff;
position: relative;
}

.contact-us-page .reach-block::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(171, 122, 62, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(171, 122, 62, 0.06) 1px, transparent 1px);
background-size: 48px 48px;
pointer-events: none;
}

.contact-us-page .reach-grid {
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: 64px;
align-items: start;
position: relative;
z-index: 1;
}

.contact-us-page .reach-left {
display: flex;
flex-direction: column;
gap: 32px;
}

.contact-us-page .reach-label {
display: inline-block;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #AB7A3E;
padding: 4px 12px;
border: 1.5px solid rgba(171, 122, 62, 0.3);
border-radius: 3px;
width: fit-content;
}

.contact-us-page .reach-heading {
font-size: 37px;
font-weight: 900;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b1208;
margin: 0;
}

.contact-us-page .reach-heading em {
font-style: normal;
color: #AB7A3E;
}

.contact-us-page .reach-sub {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
margin: 0;
}

.contact-us-page .image-frame {
position: relative;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.contact-us-page .image-frame img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
filter: sepia(0.35) contrast(1.08) brightness(0.93) saturate(0.85);
}

.contact-us-page .image-frame::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(171, 122, 62, 0.38), transparent 55%);
pointer-events: none;
}

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

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

.contact-us-page .info-icon {
width: 36px;
height: 36px;
border-radius: 7px;
background: linear-gradient(to top, #AB7A3E, #CFAD9A);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
}

.contact-us-page .info-icon svg {
width: 16px;
height: 16px;
fill: #fff;
}

.contact-us-page .info-text {
display: flex;
flex-direction: column;
gap: 4px;
}

.contact-us-page .info-text strong {
font-size: 13px;
font-weight: 700;
color: #1b1208;
line-height: 1.2;
}

.contact-us-page .info-text a,
.contact-us-page .info-text span {
font-size: 13px;
line-height: 1.4;
color: #4a3a24;
text-decoration: none;
transition: color 0.45s ease-out;
}

.contact-us-page .info-text a:hover {
color: #AB7A3E;
}

.contact-us-page .reach-right {
display: flex;
flex-direction: column;
gap: 0;
}

.contact-us-page .form-card {
background: #fff;
border-radius: 13px;
padding: 32px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
border: 1px solid rgba(207, 173, 154, 0.25);
position: relative;
overflow: hidden;
}

.contact-us-page .form-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(to top, #AB7A3E, #CFAD9A);
border-radius: 13px 13px 0 0;
transform-origin: left;
transform: scaleX(0.18);
transition: transform 0.55s ease-out;
}

.contact-us-page .form-card:hover::before {
transform: scaleX(1);
}

.contact-us-page .form-title {
font-size: 27px;
font-weight: 900;
line-height: 1.2;
letter-spacing: -0.015em;
color: #1b1208;
margin: 0 0 8px 0;
}

.contact-us-page .form-note {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
margin: 0 0 32px 0;
}

.contact-us-page .field-group {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 20px;
}

.contact-us-page .field {
display: flex;
flex-direction: column;
gap: 8px;
}

.contact-us-page .field label {
font-size: 13px;
font-weight: 600;
color: #1b1208;
line-height: 1.4;
}

.contact-us-page .field input,
.contact-us-page .field select {
width: 100%;
padding: 12px 20px;
font-size: 13px;
line-height: 1.6;
color: #1b1208;
background: #fdf9f5;
border: 1.5px solid rgba(207, 173, 154, 0.45);
border-radius: 7px;
outline: none;
box-sizing: border-box;
transition: border-color 0.45s ease-out, box-shadow 0.45s ease-out, background 0.4s ease-out;
appearance: none;
-webkit-appearance: none;
}

.contact-us-page .field select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23AB7A3E' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
cursor: pointer;
}

.contact-us-page .field input::placeholder {
font-style: italic;
opacity: 0.55;
color: #4a3a24;
}

.contact-us-page .field input:focus,
.contact-us-page .field select:focus {
border-color: #AB7A3E;
background: #fff;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
}

.contact-us-page .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px;
padding: 12px;
background: rgba(207, 173, 154, 0.1);
border-radius: 7px;
}

.contact-us-page .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
accent-color: #AB7A3E;
cursor: pointer;
margin-top: 2px;
box-shadow: inset 0 1px 3px rgba(171, 122, 62, 0.15);
}

.contact-us-page .privacy-row input[type="checkbox"]:active {
box-shadow: inset 0 2px 5px rgba(171, 122, 62, 0.25);
}

.contact-us-page .privacy-text {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
}

.contact-us-page .privacy-text a {
color: #AB7A3E;
text-decoration: underline;
text-underline-offset: 2px;
transition: color 0.4s ease-out;
}

.contact-us-page .privacy-text a:hover {
color: #7a5628;
}

.contact-us-page .submit-btn {
width: 100%;
padding: 12px 32px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
color: #fff;
background: linear-gradient(to top, #AB7A3E, #c99050);
border: none;
border-radius: 7px;
cursor: pointer;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
transition: transform 0.4s ease-out, box-shadow 0.45s ease-out, background 0.4s ease-out;
}

.contact-us-page .submit-btn:hover {
transform: scale(1.025);
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
background: linear-gradient(to top, #7a5628, #AB7A3E);
}

.contact-us-page .submit-btn:active {
transform: scale(0.98);
box-shadow: inset 0 2px 5px rgba(171, 122, 62, 0.2);
}

.contact-us-page .divider-shadow {
height: 2px;
background: transparent;
box-shadow: 0 3px 12px 2px rgba(171, 122, 62, 0.1);
margin: 0;
border: none;
}

.contact-us-page .details-block {
padding-top: 64px;
padding-bottom: 64px;
background: linear-gradient(to top, rgba(207, 173, 154, 0.14), #fff);
position: relative;
}

.contact-us-page .details-block::before {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect width='400' height='300' fill='none'/%3E%3Ccircle cx='50' cy='80' r='1.5' fill='rgba(171,122,62,0.12)'/%3E%3Ccircle cx='150' cy='40' r='1' fill='rgba(171,122,62,0.09)'/%3E%3Ccircle cx='280' cy='120' r='2' fill='rgba(171,122,62,0.07)'/%3E%3Ccircle cx='350' cy='60' r='1.2' fill='rgba(171,122,62,0.1)'/%3E%3C/svg%3E");
background-repeat: repeat;
pointer-events: none;
opacity: 0.6;
}

.contact-us-page .details-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: start;
}

.contact-us-page .detail-card {
background: #fff;
border-radius: 13px;
padding: 32px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
border: 1px solid rgba(207, 173, 154, 0.2);
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
overflow: hidden;
transition: box-shadow 0.5s ease-out, transform 0.45s ease-out;
}

.contact-us-page .detail-card::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(to top, #AB7A3E, #CFAD9A);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease-out;
}

.contact-us-page .detail-card:hover::after {
transform: scaleX(1);
}

.contact-us-page .detail-card:hover {
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
transform: translateY(-3px);
}

.contact-us-page .detail-card.tall {
padding-top: 40px;
padding-bottom: 40px;
}

.contact-us-page .detail-number {
font-size: 52px;
font-weight: 900;
line-height: 1.2;
color: rgba(171, 122, 62, 0.12);
letter-spacing: -0.03em;
position: absolute;
top: 8px;
right: 20px;
pointer-events: none;
}

.contact-us-page .detail-card-label {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #AB7A3E;
line-height: 1.2;
}

.contact-us-page .detail-card-value {
font-size: 27px;
font-weight: 900;
line-height: 1.2;
letter-spacing: -0.015em;
color: #1b1208;
}

.contact-us-page .detail-card-desc {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
margin: 0;
}

.contact-us-page .usage-bar-wrap {
margin-top: 8px;
}

.contact-us-page .usage-bar-label {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
}

.contact-us-page .usage-bar-label span {
font-size: 13px;
color: #4a3a24;
line-height: 1.4;
}

.contact-us-page .usage-bar-label strong {
font-size: 13px;
font-weight: 700;
color: #AB7A3E;
}

.contact-us-page .usage-bar-track {
height: 8px;
background: rgba(207, 173, 154, 0.25);
border-radius: 40px;
overflow: hidden;
}

.contact-us-page .usage-bar-fill {
height: 100%;
width: 68%;
background: linear-gradient(to top, #AB7A3E, #CFAD9A);
border-radius: 40px;
animation: bar-breathe 4s ease-in-out infinite;
}

@keyframes bar-breathe {

0%,
100% {
filter: contrast(1);
}

50% {
filter: contrast(1.08);
}
}

.contact-us-page .dashed-path {
position: absolute;
top: 0;
left: -32px;
width: 3px;
height: 100%;
border-left: 2px dashed rgba(171, 122, 62, 0.18);
pointer-events: none;
}

@media (max-width: 1024px) {
.contact-us-page .reach-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.contact-us-page .details-inner {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 640px) {
.contact-us-page .panel {
padding-left: 20px;
padding-right: 20px;
}

.contact-us-page .reach-heading {
font-size: 27px;
}

.contact-us-page .details-inner {
grid-template-columns: 1fr;
}

.contact-us-page .form-card {
padding: 20px;
}

.contact-us-page .reach-block {
padding-top: 32px;
padding-bottom: 32px;
}

.contact-us-page .details-block {
padding-top: 32px;
padding-bottom: 32px;
}
}

.about-us-page {
background: #fff;
overflow-x: clip;
}

.about-us-page .au-block {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.about-us-page .schema-data {
display: none;
}

.about-us-page .opener {
position: relative;
background: linear-gradient(to top, #AB7A3E 0%, rgba(171, 122, 62, 0.18) 60%, transparent 100%);
padding: 64px 0 64px;
}

.about-us-page .opener-bg {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}

.about-us-page .opener-bg::before {
content: "";
position: absolute;
width: 420px;
height: 420px;
border-radius: 50%;
background: rgba(207, 173, 154, 0.13);
top: -80px;
right: 8%;
}

.about-us-page .opener-bg::after {
content: "";
position: absolute;
width: 220px;
height: 220px;
border-radius: 50%;
background: rgba(171, 122, 62, 0.10);
bottom: 32px;
left: 4%;
}

.about-us-page .opener-bg-circle {
position: absolute;
width: 140px;
height: 140px;
border-radius: 50%;
background: rgba(207, 173, 154, 0.09);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.about-us-page .opener-image-wrap {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}

.about-us-page .opener-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.18;
filter: saturate(0.6);
}

.about-us-page .opener-inner {
position: relative;
z-index: 1;
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.about-us-page .opener-label {
display: inline-block;
font-size: 13px;
line-height: 1.4;
letter-spacing: 0.08em;
color: #fff;
background: rgba(171, 122, 62, 0.72);
border-radius: 3px;
padding: 4px 12px;
margin-bottom: 20px;
animation: au-fadein 0.55s ease-out both;
}

.about-us-page .opener-headline {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.025em;
font-weight: 900;
color: #fff;
margin: 0 0 12px;
animation: au-slidein 0.45s ease-out 0.1s both;
}

.about-us-page .opener-headline-sub {
font-size: 37px;
line-height: 1.2;
font-weight: 700;
color: rgba(255, 255, 255, 0.82);
margin: 0 0 20px;
animation: au-slidein 0.45s ease-out 0.2s both;
}

.about-us-page .opener-desc {
font-size: 13px;
line-height: 1.9;
color: rgba(255, 255, 255, 0.88);
max-width: 540px;
margin: 0;
animation: au-fadein 0.55s ease-out 0.3s both;
}

@keyframes au-fadein {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes au-slidein {
from {
opacity: 0;
transform: translateY(18px) rotate(-1.2deg);
}

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

.about-us-page .au-divider-double {
display: flex;
flex-direction: column;
gap: 4px;
padding: 0 32px;
max-width: 1320px;
margin: 0 auto;
}

.about-us-page .au-divider-double span {
display: block;
height: 1px;
background: #CFAD9A;
opacity: 0.5;
}

.about-us-page .story-block {
background: #fff;
padding: 64px 0;
}

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

.about-us-page .story-left {
position: relative;
}

.about-us-page .story-brace {
font-size: 52px;
line-height: 1;
font-weight: 900;
color: rgba(171, 122, 62, 0.15);
user-select: none;
pointer-events: none;
position: absolute;
top: -12px;
left: -20px;
}

.about-us-page .story-brace-close {
left: auto;
right: -20px;
top: auto;
bottom: -12px;
}

.about-us-page .story-heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #2a1f12;
margin: 0 0 20px;
}

.about-us-page .story-intro {
font-size: 13px;
line-height: 1.9;
color: #3d2e1c;
margin: 0 0 20px;
font-weight: 600;
}

.about-us-page .story-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.about-us-page .story-para {
font-size: 13px;
line-height: 1.6;
color: #4a3828;
margin: 0;
}

.about-us-page .story-right {
position: relative;
}

.about-us-page .story-img-wrap {
border-radius: 13px;
overflow: hidden;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
aspect-ratio: 4/3;
}

.about-us-page .story-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.55s ease-out;
}

.about-us-page .story-img-wrap:hover img {
transform: scale(1.04);
}

.about-us-page .story-stat-row {
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 20px;
}

.about-us-page .story-stat {
flex: 1;
background: linear-gradient(to top, rgba(171, 122, 62, 0.08) 0%, #fff 100%);
border-radius: 7px;
padding: 20px;
border-top: 2px solid #AB7A3E;
}

.about-us-page .story-stat-num {
font-size: 37px;
font-weight: 900;
line-height: 1.2;
color: #AB7A3E;
letter-spacing: -0.02em;
}

.about-us-page .story-stat-label {
font-size: 13px;
line-height: 1.4;
color: #6b4e2e;
margin-top: 4px;
}

.about-us-page .au-divider-alt {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: column;
gap: 4px;
}

.about-us-page .au-divider-alt span {
display: block;
height: 1px;
background: #AB7A3E;
opacity: 0.22;
}

.about-us-page .team-block {
background: linear-gradient(to top, rgba(207, 173, 154, 0.18) 0%, #fff 100%);
padding: 64px 0;
}

.about-us-page .team-inner {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 64px;
align-items: center;
}

.about-us-page .team-portrait-col {
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
}

.about-us-page .team-portrait-wrap {
width: 100%;
max-width: 320px;
aspect-ratio: 4/5;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.about-us-page .team-portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us-page .team-person-name {
font-size: 13px;
font-weight: 700;
color: #2a1f12;
line-height: 1.4;
margin: 0;
}

.about-us-page .team-person-role {
font-size: 13px;
color: #AB7A3E;
line-height: 1.4;
margin: 4px 0 0;
}

.about-us-page .team-content-col {
display: flex;
flex-direction: column;
gap: 32px;
}

.about-us-page .team-heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #2a1f12;
margin: 0;
}

.about-us-page .team-intro {
font-size: 13px;
line-height: 1.9;
color: #3d2e1c;
margin: 0;
font-weight: 600;
}

.about-us-page .team-people-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 20px;
}

.about-us-page .team-people-list li {
position: relative;
padding-left: 32px;
font-size: 13px;
line-height: 1.6;
color: #4a3828;
}

.about-us-page .team-people-list li .item-num {
position: absolute;
left: 0;
top: 0;
font-size: 27px;
font-weight: 900;
line-height: 1;
color: rgba(171, 122, 62, 0.18);
pointer-events: none;
user-select: none;
}

.about-us-page .team-people-list li strong {
display: block;
color: #2a1f12;
font-weight: 700;
margin-bottom: 4px;
}

.about-us-page .au-divider-spaced {
padding: 0 32px;
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 4px;
}

.about-us-page .au-divider-spaced span {
display: block;
height: 1px;
background: #CFAD9A;
opacity: 0.4;
}

.about-us-page .approach-block {
background: #fff;
padding: 64px 0;
}

.about-us-page .approach-inner {
display: flex;
flex-direction: column;
gap: 64px;
}

.about-us-page .approach-top {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: end;
}

.about-us-page .approach-heading-col {
grid-column: 1 / 3;
}

.about-us-page .approach-heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #2a1f12;
margin: 0 0 12px;
}

.about-us-page .approach-lead {
font-size: 13px;
line-height: 1.9;
color: #4a3828;
margin: 0;
}

.about-us-page .approach-img-wrap {
border-radius: 13px;
overflow: hidden;
aspect-ratio: 4/3;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
}

.about-us-page .approach-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.5s ease-out;
}

.about-us-page .approach-img-wrap:hover img {
transform: scale(1.03);
}

.about-us-page .approach-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}

.about-us-page .approach-card {
background: linear-gradient(to top, rgba(171, 122, 62, 0.07) 0%, #fff 100%);
border-radius: 13px;
padding: 32px 20px;
position: relative;
overflow: hidden;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
transition: box-shadow 0.45s ease-out, transform 0.4s ease-out;
}

.about-us-page .approach-card:hover {
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
transform: translateY(-4px);
}

.about-us-page .approach-card::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 36px 36px 0;
border-color: transparent #AB7A3E transparent transparent;
border-radius: 0 13px 0 0;
}

.about-us-page .approach-card-num {
font-size: 52px;
font-weight: 900;
line-height: 1;
color: rgba(171, 122, 62, 0.12);
margin-bottom: 12px;
letter-spacing: -0.04em;
user-select: none;
}

.about-us-page .approach-card-title {
font-size: 13px;
font-weight: 700;
line-height: 1.4;
color: #2a1f12;
margin: 0 0 8px;
}

.about-us-page .approach-card-text {
font-size: 13px;
line-height: 1.6;
color: #4a3828;
margin: 0;
}

.about-us-page .approach-bottom-img {
display: grid;
grid-template-columns: 7fr 5fr;
gap: 32px;
align-items: center;
}

.about-us-page .approach-bottom-text {
display: flex;
flex-direction: column;
gap: 12px;
}

.about-us-page .approach-bottom-text p {
font-size: 13px;
line-height: 1.6;
color: #4a3828;
margin: 0;
}

.about-us-page .approach-bottom-text p.bold-line {
font-weight: 700;
color: #2a1f12;
font-size: 13px;
line-height: 1.4;
}

.about-us-page .approach-bottom-img-wrap {
border-radius: 24px;
overflow: hidden;
aspect-ratio: 4/3;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.about-us-page .approach-bottom-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us-page .contact-strip {
background: linear-gradient(to top, #AB7A3E 0%, rgba(171, 122, 62, 0.72) 100%);
padding: 64px 0;
}

.about-us-page .contact-strip-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}

.about-us-page .contact-strip-heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #fff;
margin: 0 0 12px;
}

.about-us-page .contact-strip-desc {
font-size: 13px;
line-height: 1.9;
color: rgba(255, 255, 255, 0.88);
margin: 0;
}

.about-us-page .contact-strip-details {
display: flex;
flex-direction: column;
gap: 20px;
}

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

.about-us-page .contact-strip-icon {
width: 40px;
height: 40px;
border-radius: 7px;
background: rgba(255, 255, 255, 0.18);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}

.about-us-page .contact-strip-icon svg {
width: 20px;
height: 20px;
fill: #fff;
}

.about-us-page .contact-strip-item-label {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
line-height: 1.4;
margin: 0 0 4px;
}

.about-us-page .contact-strip-item-value {
font-size: 13px;
font-weight: 700;
color: #fff;
line-height: 1.4;
margin: 0;
}

.about-us-page .contact-strip-cta {
margin-top: 32px;
display: inline-block;
background: #fff;
color: #AB7A3E;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
padding: 12px 32px;
border-radius: 7px;
text-decoration: none;
border: 2px solid #fff;
transition: background 0.45s ease-out, color 0.4s ease-out, transform 0.4s ease-out, box-shadow 0.45s ease-out;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
}

.about-us-page .contact-strip-cta:hover {
background: transparent;
color: #fff;
transform: scale(1.04);
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

@media (max-width: 1024px) {
.about-us-page .opener-headline {
font-size: 37px;
}

.about-us-page .opener-headline-sub {
font-size: 27px;
}

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

.about-us-page .story-body {
grid-template-columns: 1fr;
}

.about-us-page .team-inner {
grid-template-columns: 1fr;
gap: 32px;
}

.about-us-page .team-portrait-col {
flex-direction: row;
align-items: center;
gap: 20px;
}

.about-us-page .team-portrait-wrap {
max-width: 160px;
}

.about-us-page .approach-top {
grid-template-columns: 1fr;
}

.about-us-page .approach-heading-col {
grid-column: 1;
}

.about-us-page .approach-cards {
grid-template-columns: 1fr 1fr;
}

.about-us-page .approach-bottom-img {
grid-template-columns: 1fr;
}

.about-us-page .contact-strip-inner {
grid-template-columns: 1fr;
gap: 32px;
}
}

@media (max-width: 640px) {
.about-us-page .opener-headline {
font-size: 27px;
}

.about-us-page .opener-headline-sub {
font-size: 27px;
}

.about-us-page .story-heading,
.about-us-page .team-heading,
.about-us-page .approach-heading,
.about-us-page .contact-strip-heading {
font-size: 27px;
}

.about-us-page .story-stat-row {
flex-direction: column;
}

.about-us-page .approach-cards {
grid-template-columns: 1fr;
}

.about-us-page .team-portrait-col {
flex-direction: column;
align-items: flex-start;
}

.about-us-page .au-block {
padding: 0 20px;
}

.about-us-page .opener-inner {
padding: 0 20px;
}

.about-us-page .au-divider-double,
.about-us-page .au-divider-alt,
.about-us-page .au-divider-spaced {
padding: 0 20px;
}
}

.sponsorship {
background: #fff;
overflow-x: clip;
}

.sponsorship .strip {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.sponsorship .title-band {
padding: 64px 0 32px;
background: #fff;
}

.sponsorship .title-band .strip {
display: flex;
flex-direction: row;
align-items: center;
gap: 64px;
}

.sponsorship .title-band__text {
flex: 1 1 0;
min-width: 0;
}

.sponsorship .title-band__eyebrow {
display: inline-block;
font-size: 13px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #AB7A3E;
margin-bottom: 20px;
}

.sponsorship .title-band__heading {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
font-weight: 900;
color: #1a1208;
margin: 0 0 20px;
}

.sponsorship .title-band__desc {
font-size: 13px;
line-height: 1.9;
color: #3a2e1e;
margin: 0 0 32px;
max-width: 520px;
}

.sponsorship .title-band__actions {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
}

.sponsorship .btn-primary {
display: inline-block;
padding: 12px 32px;
background: #AB7A3E;
color: #fff;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.04em;
border-radius: 7px;
text-decoration: none;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
transition: background-color 0.45s ease-out, transform 0.25s ease-out;
}

.sponsorship .btn-primary:hover {
background: #8a5e28;
transform: scale(1.04);
}

.sponsorship .btn-primary:active {
box-shadow: inset 0 3px 5px 0 rgba(171, 122, 62, 0.18);
}

.sponsorship .btn-outline {
display: inline-block;
padding: 12px 32px;
background: transparent;
color: #AB7A3E;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.04em;
border-radius: 7px;
border: 2px solid #AB7A3E;
text-decoration: none;
transition: background-color 0.4s ease-out, color 0.4s ease-out, transform 0.25s ease-out;
}

.sponsorship .btn-outline:hover {
background: #AB7A3E;
color: #fff;
transform: scale(1.04);
}

.sponsorship .title-band__image-col {
flex: 0 0 340px;
position: relative;
}

.sponsorship .title-band__image-wrap {
width: 340px;
height: 240px;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
position: relative;
}

.sponsorship .title-band__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%) contrast(1.1);
display: block;
}

.sponsorship .title-band__image-wrap::after {
content: "";
position: absolute;
inset: 0;
background: rgba(171, 122, 62, 0.28);
border-radius: 13px;
pointer-events: none;
}

.sponsorship .title-band__deco {
position: absolute;
bottom: -20px;
right: -20px;
width: 80px;
height: 80px;
border-radius: 40px;
background: rgba(171, 122, 62, 0.12);
pointer-events: none;
z-index: 0;
}

.sponsorship .title-band__deco-sm {
position: absolute;
top: -12px;
right: 40px;
width: 28px;
height: 28px;
border-radius: 40px;
background: rgba(207, 173, 154, 0.22);
pointer-events: none;
z-index: 0;
}

.sponsorship .divider-curve {
width: 100%;
line-height: 0;
overflow: hidden;
}

.sponsorship .divider-curve svg {
display: block;
width: 100%;
}

.sponsorship .tiers-band {
padding: 64px 0;
background: linear-gradient(0deg, #fff 0%, #f5ede3 100%);
position: relative;
}

.sponsorship .tiers-band__geo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}

.sponsorship .tiers-band__geo-shape1 {
position: absolute;
top: -60px;
left: -80px;
width: 320px;
height: 320px;
border-radius: 40px;
background: rgba(171, 122, 62, 0.04);
transform: rotate(22deg);
}

.sponsorship .tiers-band__geo-shape2 {
position: absolute;
bottom: -40px;
right: -60px;
width: 200px;
height: 200px;
border-radius: 40px;
background: rgba(207, 173, 154, 0.07);
transform: rotate(-15deg);
}

.sponsorship .tiers-band__label {
font-size: 13px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #AB7A3E;
margin-bottom: 8px;
}

.sponsorship .tiers-band__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a1208;
margin: 0 0 12px;
}

.sponsorship .tiers-band__sub {
font-size: 13px;
line-height: 1.9;
color: #4a3a24;
margin: 0 0 64px;
max-width: 560px;
}

.sponsorship .tiers-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}

.sponsorship .tier-card {
background: #fff;
border-radius: 13px;
padding: 32px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
position: relative;
transition: transform 0.45s ease-out, box-shadow 0.45s ease-out;
border-top: 4px solid #CFAD9A;
}

.sponsorship .tier-card.featured {
border-top-color: #AB7A3E;
}

.sponsorship .tier-card:hover {
transform: translateY(-4px) rotate(0.5deg);
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.sponsorship .tier-card__name {
font-size: 13px;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 700;
color: #AB7A3E;
margin-bottom: 8px;
}

.sponsorship .tier-card__price {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
color: #1a1208;
letter-spacing: -0.02em;
margin-bottom: 4px;
}

.sponsorship .tier-card__period {
font-size: 13px;
line-height: 1.4;
color: #8a7060;
margin-bottom: 20px;
}

.sponsorship .tier-card__divider {
width: 40px;
height: 2px;
background: #CFAD9A;
margin-bottom: 20px;
border-radius: 3px;
}

.sponsorship .tier-card.featured .tier-card__divider {
background: #AB7A3E;
}

.sponsorship .tier-feature-list {
list-style: none;
padding: 0;
margin: 0 0 32px;
}

.sponsorship .tier-feature-list li {
font-size: 13px;
line-height: 1.6;
color: #3a2e1e;
padding: 8px 0;
border-bottom: 1px solid rgba(207, 173, 154, 0.3);
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.sponsorship .tier-feature-list li:last-child {
border-bottom: none;
}

.sponsorship .tier-feature-list li .check-mark {
flex: 0 0 16px;
width: 16px;
height: 16px;
border-radius: 40px;
background: #AB7A3E;
display: flex;
align-items: center;
justify-content: center;
}

.sponsorship .tier-feature-list li .check-mark svg {
width: 9px;
height: 9px;
}

.sponsorship .tier-feature-list li .check-mark.muted {
background: #e8ddd4;
}

.sponsorship .tier-card__cta {
display: block;
text-align: center;
padding: 12px 20px;
border-radius: 7px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-decoration: none;
transition: background-color 0.4s ease-out, color 0.4s ease-out, transform 0.25s ease-out;
border: 2px solid #AB7A3E;
color: #AB7A3E;
background: transparent;
}

.sponsorship .tier-card__cta:hover {
background: #AB7A3E;
color: #fff;
transform: scale(1.03);
}

.sponsorship .tier-card__cta.filled {
background: #AB7A3E;
color: #fff;
}

.sponsorship .tier-card__cta.filled:hover {
background: #8a5e28;
}

.sponsorship .tier-card__badge {
position: absolute;
top: -1px;
right: 24px;
background: #AB7A3E;
color: #fff;
font-size: 13px;
font-weight: 700;
padding: 4px 12px;
border-radius: 0 0 7px 7px;
letter-spacing: 0.06em;
}

.sponsorship .divider-line-pair {
width: 100%;
display: flex;
flex-direction: column;
gap: 4px;
padding: 0;
}

.sponsorship .divider-line-pair span {
display: block;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #CFAD9A 30%, #AB7A3E 60%, transparent 100%);
opacity: 0.4;
}

.sponsorship .value-band {
padding: 64px 0;
background: #fff;
}

.sponsorship .value-band .strip {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}

.sponsorship .value-band__intro {
grid-column: 1 / -1;
}

.sponsorship .value-band__intro-heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a1208;
margin: 0 0 12px;
}

.sponsorship .value-band__intro-text {
font-size: 13px;
line-height: 1.9;
color: #4a3a24;
margin: 0;
max-width: 700px;
}

.sponsorship .value-numbered-list {
list-style: none;
padding: 0;
margin: 0;
}

.sponsorship .value-numbered-list li {
position: relative;
padding: 20px 0 20px 64px;
border-bottom: 1px solid rgba(207, 173, 154, 0.25);
}

.sponsorship .value-numbered-list li:last-child {
border-bottom: none;
}

.sponsorship .value-numbered-list li .num {
position: absolute;
left: 0;
top: 16px;
font-size: 37px;
line-height: 1.2;
font-weight: 900;
color: rgba(171, 122, 62, 0.12);
letter-spacing: -0.04em;
}

.sponsorship .value-numbered-list li .item-title {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #1a1208;
margin-bottom: 4px;
}

.sponsorship .value-numbered-list li .item-desc {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
}

.sponsorship .value-band__aside {
padding-top: 8px;
}

.sponsorship .value-stat-block {
background: linear-gradient(0deg, #fff 0%, #f5ede3 100%);
border-radius: 13px;
padding: 32px;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
margin-bottom: 32px;
}

.sponsorship .value-stat-block__num {
font-size: 52px;
line-height: 1.2;
font-weight: 900;
color: #AB7A3E;
letter-spacing: -0.04em;
}

.sponsorship .value-stat-block__label {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
margin-top: 4px;
}

.sponsorship .value-dots-group {
display: flex;
flex-direction: row;
gap: 8px;
align-items: flex-end;
margin-top: 20px;
}

.sponsorship .value-dots-group span {
display: block;
background: #CFAD9A;
border-radius: 40px;
}

.sponsorship .value-dots-group span:nth-child(1) {
width: 8px;
height: 8px;
}

.sponsorship .value-dots-group span:nth-child(2) {
width: 14px;
height: 14px;
background: #AB7A3E;
}

.sponsorship .value-dots-group span:nth-child(3) {
width: 22px;
height: 22px;
opacity: 0.5;
}

.sponsorship .value-dots-group span:nth-child(4) {
width: 10px;
height: 10px;
}

.sponsorship .value-quote {
border-radius: 13px;
background: #fff;
border-top: 4px solid #AB7A3E;
padding: 32px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.sponsorship .value-quote__text {
font-size: 13px;
line-height: 1.9;
color: #3a2e1e;
font-style: italic;
margin: 0 0 12px;
}

.sponsorship .value-quote__author {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #AB7A3E;
}

.sponsorship .divider-accent {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 0 32px;
max-width: 1320px;
margin: 0 auto;
}

.sponsorship .divider-accent__line {
flex: 1;
height: 1px;
background: #CFAD9A;
opacity: 0.5;
}

.sponsorship .divider-accent__dot {
width: 8px;
height: 8px;
border-radius: 40px;
background: #AB7A3E;
opacity: 0.6;
}

.sponsorship .process-band {
padding: 64px 0;
background: linear-gradient(0deg, #f5ede3 0%, #fff 100%);
position: relative;
}

.sponsorship .process-band__geo {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.sponsorship .process-band__geo-tri {
position: absolute;
top: 40px;
right: 80px;
width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 100px solid rgba(171, 122, 62, 0.04);
}

.sponsorship .process-band__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a1208;
margin: 0 0 8px;
}

.sponsorship .process-band__sub {
font-size: 13px;
line-height: 1.9;
color: #4a3a24;
margin: 0 0 64px;
max-width: 500px;
}

.sponsorship .process-steps {
display: flex;
flex-direction: column;
gap: 4px;
}

.sponsorship .process-step {
display: grid;
grid-template-columns: 80px 1fr;
gap: 32px;
align-items: center;
padding: 20px 32px;
border-radius: 7px;
background: transparent;
transition: background-color 0.5s ease-out;
}

.sponsorship .process-step:hover {
background: rgba(207, 173, 154, 0.15);
}

.sponsorship .process-step__num {
font-size: 52px;
line-height: 1.2;
font-weight: 900;
color: rgba(171, 122, 62, 0.15);
letter-spacing: -0.04em;
text-align: right;
}

.sponsorship .process-step__body {
border-left: 2px solid rgba(207, 173, 154, 0.4);
padding-left: 32px;
}

.sponsorship .process-step__title {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #1a1208;
margin-bottom: 4px;
}

.sponsorship .process-step__text {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
}

.sponsorship .process-band__contact {
margin-top: 64px;
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
padding: 32px;
background: #fff;
border-radius: 13px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
flex-wrap: wrap;
}

.sponsorship .process-band__contact-text {
flex: 1 1 300px;
}

.sponsorship .process-band__contact-heading {
font-size: 27px;
line-height: 1.2;
font-weight: 900;
color: #1a1208;
margin: 0 0 8px;
letter-spacing: -0.01em;
}

.sponsorship .process-band__contact-desc {
font-size: 13px;
line-height: 1.6;
color: #4a3a24;
margin: 0;
}

.sponsorship .process-band__contact-actions {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
align-items: center;
}

@media (max-width: 1024px) {
.sponsorship .title-band .strip {
gap: 32px;
}

.sponsorship .title-band__image-col {
flex: 0 0 260px;
}

.sponsorship .title-band__image-wrap {
width: 260px;
height: 200px;
}

.sponsorship .tiers-grid {
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.sponsorship .value-band .strip {
grid-template-columns: 1fr;
gap: 32px;
}

.sponsorship .value-band__intro {
grid-column: 1 / -1;
}
}

@media (max-width: 640px) {
.sponsorship .title-band {
padding: 32px 0 20px;
}

.sponsorship .title-band .strip {
flex-direction: column;
gap: 32px;
}

.sponsorship .title-band__image-col {
flex: 0 0 auto;
width: 100%;
}

.sponsorship .title-band__image-wrap {
width: 100%;
height: 200px;
}

.sponsorship .title-band__heading {
font-size: 37px;
}

.sponsorship .tiers-grid {
grid-template-columns: 1fr;
}

.sponsorship .tiers-band {
padding: 32px 0;
}

.sponsorship .value-band {
padding: 32px 0;
}

.sponsorship .process-band {
padding: 32px 0;
}

.sponsorship .process-step {
grid-template-columns: 48px 1fr;
gap: 12px;
padding: 12px 8px;
}

.sponsorship .process-step__num {
font-size: 37px;
}

.sponsorship .process-step__body {
padding-left: 20px;
}

.sponsorship .process-band__contact {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 20px;
}
}

.first {
background: #FFFFFF;
overflow-x: clip;
position: relative;
}

.first .first__container {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.first .page-divider {
position: relative;
height: 32px;
overflow: hidden;
}

.first .page-divider svg {
width: 100%;
height: 100%;
}

.first .accent-bar {
width: 48px;
height: 4px;
background: #AB7A3E;
border-radius: 3px;
margin-bottom: 12px;
}

.first .title-block {
padding: 80px 0 64px;
position: relative;
background: linear-gradient(to bottom, #f5ede0, #FFFFFF);
}

.first .title-block__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 280px 1fr;
gap: 64px;
align-items: end;
}

.first .title-block__image-column {
position: relative;
}

.first .title-block__image-frame {
width: 100%;
aspect-ratio: 7/9;
overflow: hidden;
border-radius: 7px;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
position: relative;
}

.first .title-block__image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.first .title-block__geo-shape {
position: absolute;
width: 60px;
height: 60px;
top: -20px;
right: -20px;
opacity: 0.12;
background: #AB7A3E;
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
pointer-events: none;
}

.first .title-block__geo-shape-2 {
position: absolute;
width: 40px;
height: 40px;
bottom: -12px;
left: -12px;
opacity: 0.10;
background: #CFAD9A;
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
pointer-events: none;
}

.first .title-block__text-column {
padding-bottom: 8px;
}

.first .title-block__label {
font-size: 13px;
line-height: 1.4;
color: #AB7A3E;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 20px;
display: block;
}

.first .title-block__heading {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
font-weight: 900;
color: #1a0e04;
margin: 0 0 20px;
}

.first .title-block__heading em {
font-style: normal;
color: #AB7A3E;
background: linear-gradient(to bottom, #AB7A3E, #CFAD9A);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.first .title-block__subtext {
font-size: 27px;
line-height: 1.4;
color: #3d2b16;
max-width: 560px;
margin: 0 0 32px;
}

.first .title-block__meta {
font-size: 13px;
line-height: 1.6;
color: #7a5c3a;
}

.first .title-block__corner-accent {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 80px 80px 0;
border-color: transparent rgba(171, 122, 62, 0.10) transparent transparent;
pointer-events: none;
}

.first .title-block__corner-accent-bl {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 0 0 60px;
border-color: transparent transparent transparent rgba(207, 173, 154, 0.10);
pointer-events: none;
}

.first .audience {
padding: 64px 0;
background: #FFFFFF;
position: relative;
}

.first .audience__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: start;
}

.first .audience__lead {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
margin-bottom: 32px;
}

.first .audience__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a0e04;
margin: 0;
}

.first .audience__intro {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
align-self: end;
}

.first .audience-card {
background: linear-gradient(to bottom, #f9f2e8, #FFFFFF);
border-radius: 13px;
padding: 32px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
position: relative;
overflow: hidden;
}

.first .audience-card__number {
font-size: 52px;
line-height: 1.2;
font-weight: 900;
color: #AB7A3E;
opacity: 0.15;
position: absolute;
top: 12px;
right: 20px;
letter-spacing: -0.04em;
pointer-events: none;
}

.first .audience-card__heading {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #1a0e04;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 12px;
}

.first .audience-card__text {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .relationships {
padding: 64px 0;
background: linear-gradient(to bottom, #f0e6d6, #FFFFFF);
position: relative;
}

.first .relationships__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.first .relationships__top {
display: grid;
grid-template-columns: 1fr 340px;
gap: 64px;
align-items: start;
margin-bottom: 48px;
}

.first .relationships__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a0e04;
margin: 0 0 20px;
}

.first .relationships__body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.first .relationships__paragraph {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .relationships__image-frame {
width: 100%;
aspect-ratio: 7/9;
overflow: hidden;
border-radius: 7px;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.first .relationships__image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.first .relationships__profiles {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.first .profile-item {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
}

.first .profile-item__portrait {
width: 80px;
flex-shrink: 0;
aspect-ratio: 7/9;
overflow: hidden;
border-radius: 0;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.first .profile-item__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.first .profile-item__text {
flex: 1;
}

.first .profile-item__name {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #1a0e04;
margin: 0 0 4px;
}

.first .profile-item__role {
font-size: 13px;
line-height: 1.4;
color: #AB7A3E;
margin: 0 0 8px;
}

.first .profile-item__quote {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .differentiator {
padding: 64px 0;
background: #FFFFFF;
position: relative;
}

.first .differentiator__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 420px 1fr;
gap: 64px;
align-items: center;
}

.first .differentiator__image-frame {
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 13px;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.first .differentiator__image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.first .differentiator__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a0e04;
margin: 0 0 20px;
}

.first .differentiator__lead {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0 0 32px;
}

.first .diff-points {
display: flex;
flex-direction: column;
gap: 20px;
}

.first .diff-point {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
}

.first .diff-point__number {
font-size: 27px;
line-height: 1.2;
font-weight: 900;
color: #AB7A3E;
opacity: 0.30;
flex-shrink: 0;
width: 32px;
text-align: right;
letter-spacing: -0.03em;
}

.first .diff-point__body {
flex: 1;
}

.first .diff-point__heading {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #1a0e04;
margin: 0 0 4px;
}

.first .diff-point__text {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .problem {
padding: 64px 0;
background: linear-gradient(to bottom, #f0e6d6, #FFFFFF);
position: relative;
}

.first .problem__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.first .problem__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}

.first .problem__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a0e04;
margin: 0 0 20px;
}

.first .problem__description {
font-size: 27px;
line-height: 1.4;
color: #3d2b16;
margin: 0 0 20px;
}

.first .problem__detail {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .problem__visual {
position: relative;
}

.first .problem__image-frame {
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 13px;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.first .problem__image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.first .problem__corner-accent {
position: absolute;
bottom: -12px;
right: -12px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 48px 48px;
border-color: transparent transparent rgba(171, 122, 62, 0.15) transparent;
pointer-events: none;
}

.first .situations {
padding: 64px 0;
background: #FFFFFF;
position: relative;
}

.first .situations__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.first .situations__header {
margin-bottom: 48px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
}

.first .situations__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a0e04;
margin: 0;
}

.first .situations__intro {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
align-self: end;
}

.first .situations__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
}

.first .situation-item {
padding: 32px 20px;
border-radius: 13px;
position: relative;
transition: box-shadow 0.45s ease-out, transform 0.35s ease-out;
background: linear-gradient(to bottom, #f9f2e8, #FFFFFF);
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
cursor: default;
}

.first .situation-item:hover {
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
transform: translateY(-4px);
}

.first .situation-item__number {
font-size: 52px;
line-height: 1.2;
font-weight: 900;
color: #CFAD9A;
opacity: 0.40;
letter-spacing: -0.04em;
display: block;
margin-bottom: 8px;
}

.first .situation-item__heading {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #1a0e04;
margin: 0 0 8px;
}

.first .situation-item__text {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .example {
padding: 64px 0 80px;
background: linear-gradient(to bottom, #f0e6d6, #FFFFFF);
position: relative;
}

.first .example__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
}

.first .example__layout {
display: grid;
grid-template-columns: 1fr 380px;
gap: 64px;
align-items: start;
}

.first .example__heading {
font-size: 37px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.02em;
color: #1a0e04;
margin: 0 0 20px;
}

.first .example__summary {
font-size: 27px;
line-height: 1.4;
color: #3d2b16;
margin: 0 0 20px;
}

.first .example__body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.first .example__paragraph {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .example__sidebar {
display: flex;
flex-direction: column;
gap: 20px;
}

.first .example__image-frame {
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 13px;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.first .example__image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.first .example__detail-card {
background: #FFFFFF;
border-radius: 13px;
padding: 32px;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.first .example__detail-heading {
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #AB7A3E;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 12px;
}

.first .example__detail-text {
font-size: 13px;
line-height: 1.9;
color: #3d2b16;
margin: 0;
}

.first .bg-spot {
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
background: radial-gradient(circle at center, rgba(207, 173, 154, 0.18) 0%, transparent 70%);
pointer-events: none;
animation: spot-drift 12s linear infinite;
top: 0;
left: 0;
}

@keyframes spot-drift {
0% {
transform: translate(0, 0);
}

25% {
transform: translate(80px, 40px);
}

50% {
transform: translate(40px, 80px);
}

75% {
transform: translate(-40px, 40px);
}

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

@property --gradient-angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}

.first .animated-gradient-block {
background: linear-gradient(var(--gradient-angle), #AB7A3E 0%, #CFAD9A 50%, #f9f2e8 100%);
animation: gradient-rotate 8s linear infinite;
border-radius: 13px;
padding: 32px;
color: #FFFFFF;
}

@keyframes gradient-rotate {
0% {
--gradient-angle: 0deg;
}

100% {
--gradient-angle: 360deg;
}
}

.first .divider-double-wave {
width: 100%;
line-height: 0;
overflow: hidden;
}

.first .divider-double-wave svg {
display: block;
width: 100%;
}

.first .btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 32px;
background: #AB7A3E;
color: #FFFFFF;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
border-radius: 7px;
border: 2px solid #AB7A3E;
cursor: pointer;
text-decoration: none;
transition: background-color 0.45s ease-out, transform 0.25s ease-out, box-shadow 0.45s ease-out;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
letter-spacing: 0.04em;
}

.first .btn-primary:hover {
background: #8a6030;
border-color: #8a6030;
transform: scale(1.04);
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
}

.first .btn-primary:active {
transform: scale(0.98);
box-shadow: inset 0 2px 8px 0 rgba(171, 122, 62, 0.20);
}

.first .btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 32px;
background: transparent;
color: #AB7A3E;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
border-radius: 7px;
border: 2px solid #AB7A3E;
cursor: pointer;
text-decoration: none;
transition: background-color 0.40s ease-out, color 0.40s ease-out, transform 0.25s ease-out;
letter-spacing: 0.04em;
}

.first .btn-outline:hover {
background: #AB7A3E;
color: #FFFFFF;
transform: scale(1.04);
}

.first .btn-outline:active {
box-shadow: inset 0 2px 6px 0 rgba(171, 122, 62, 0.20);
}

@media (max-width: 1024px) {
.first .title-block__inner {
grid-template-columns: 200px 1fr;
gap: 32px;
}

.first .title-block__heading {
font-size: 37px;
}

.first .audience__inner {
grid-template-columns: 1fr;
}

.first .audience__lead {
grid-template-columns: 1fr;
gap: 20px;
}

.first .relationships__top {
grid-template-columns: 1fr;
}

.first .relationships__profiles {
grid-template-columns: 1fr;
}

.first .differentiator__inner {
grid-template-columns: 1fr;
}

.first .problem__grid {
grid-template-columns: 1fr;
}

.first .situations__grid {
grid-template-columns: 1fr 1fr;
}

.first .situations__header {
grid-template-columns: 1fr;
gap: 20px;
}

.first .example__layout {
grid-template-columns: 1fr;
}

.first .example__body {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
.first .title-block__inner {
grid-template-columns: 1fr;
}

.first .title-block__image-column {
display: none;
}

.first .title-block__heading {
font-size: 37px;
}

.first .audience-card {
padding: 20px;
}

.first .situations__grid {
grid-template-columns: 1fr;
}

.first .relationships__body {
grid-template-columns: 1fr;
}

.first .first__container {
padding: 0 20px;
}

.first .title-block__inner,
.first .audience__inner,
.first .relationships__inner,
.first .differentiator__inner,
.first .problem__inner,
.first .situations__inner,
.first .example__inner {
padding: 0 20px;
}
}

.success-page {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 64px 20px;
background: linear-gradient(to top, #CFAD9A22, #FFFFFF);
}

.success-page .success-card {
max-width: 560px;
width: 100%;
background: #FFFFFF;
border-radius: 13px;
padding: 64px 32px;
box-shadow: 0 10px 44px 0 rgba(171, 122, 62, 0.13);
text-align: center;
}

.success-page .success-card .icon-wrapper {
width: 72px;
height: 72px;
margin: 0 auto 32px;
border-radius: 40px;
background: linear-gradient(to top, #AB7A3E, #CFAD9A);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.success-page .success-card .icon-wrapper svg {
width: 32px;
height: 32px;
display: block;
}

.success-page .success-card .success-heading {
font-size: 37px;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 900;
color: #1b1410;
margin: 0 0 12px;
}

.success-page .success-card .success-subtext {
font-size: 13px;
line-height: 1.6;
color: #4a3928;
margin: 0 0 32px;
}

.success-page .success-card .divider {
width: 48px;
height: 3px;
border-radius: 3px;
background: linear-gradient(to top, #AB7A3E, #CFAD9A);
margin: 0 auto 32px;
}

.success-page .success-card .detail-text {
font-size: 13px;
line-height: 1.9;
color: #6b5540;
margin: 0 0 32px;
}

.success-page .success-card .back-button {
display: inline-block;
padding: 12px 32px;
background: #AB7A3E;
color: #FFFFFF;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.03em;
border-radius: 7px;
text-decoration: none;
border: 2px solid #AB7A3E;
transition: background-color 0.45s ease-out, transform 0.25s ease-out, box-shadow 0.4s ease-out;
box-shadow: 0 3px 5px 0 rgba(171, 122, 62, 0.08);
}

.success-page .success-card .back-button:hover {
background: #8a6030;
border-color: #8a6030;
transform: scale(1.04);
box-shadow: 0 5px 28px 0 rgba(171, 122, 62, 0.08);
}

.success-page .success-card .back-button:active {
transform: scale(0.98);
box-shadow: inset 0 2px 6px 0 rgba(171, 122, 62, 0.18);
}

.success-page .success-card .back-button:focus-visible {
outline: 2px solid #AB7A3E;
outline-offset: 4px;
}

@media (max-width: 640px) {
.success-page {
padding: 32px 12px;
}

.success-page .success-card {
padding: 32px 20px;
}

.success-page .success-card .success-heading {
font-size: 27px;
}
}