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

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

body {
margin: 0;
-webkit-text-size-adjust: 100%;
}

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

::selection {
background-color: #D0AC5A;
color: #1a0e00;
}

.site-header {
background: linear-gradient(160deg, #EEEFE9 0%, #E4DCBB 55%, #D0AC5A22 100%);
border-bottom: 1px solid #D0AC5A;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
position: relative;
}

.site-header-plate {
max-width: 1320px;
margin: 0 auto;
padding: 40px 40px 0 40px;
}

.site-header-top-pod {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
padding-bottom: 24px;
}

.brand-pod {
display: flex;
align-items: center;
gap: 24px;
flex-shrink: 0;
}

.brand-logo-cell {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: 0 0 0 2px #D0AC5A, -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
flex-shrink: 0;
}

.brand-logo-cell img {
width: 60px;
height: 60px;
object-fit: contain;
display: block;
}

.brand-name-cell {
display: flex;
flex-direction: column;
gap: 4px;
}

.brand-name-text {
font-family: 'EB Garamond', serif;
font-size: 36px;
font-weight: 700;
line-height: 1.15;
color: #2a1a00;
letter-spacing: 0;
text-decoration: none;
display: block;
}

.brand-descriptor-text {
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #5a3e10;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.trust-badge-cell {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
flex-shrink: 0;
}

.trust-badge-pod {
display: flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1px solid #D0AC5A;
border-radius: 3px;
padding: 8px 12px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
}

.trust-badge-stars {
display: flex;
gap: 4px;
align-items: center;
}

.trust-star-shape {
width: 14px;
height: 14px;
display: inline-block;
}

.trust-badge-label {
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 600;
color: #2a1a00;
line-height: 1.15;
}

.trust-badge-sub {
font-family: 'EB Garamond', serif;
font-size: 14px;
color: #5a3e10;
line-height: 1.7;
}

.site-menu-deck {
border-top: 1px solid rgba(208, 172, 90, 0.35);
padding: 12px 0;
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
}

.site-menu-link {
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 500;
line-height: 1.7;
color: #2a1a00;
text-decoration: none;
padding: 8px 12px;
border-radius: 3px;
border: 1px solid transparent;
transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.site-menu-link:hover {
background-color: #D0AC5A;
border-color: #D0AC5A;
color: #fff;
}

.site-menu-link:focus {
border-bottom: 4px solid #D0AC5A;
}

.site-menu-link-active {
background: #2a1a00;
color: #E4DCBB;
border-color: #2a1a00;
}

.site-menu-link-active:hover {
background: #3d2600;
border-color: #3d2600;
color: #E4DCBB;
}

.site-footer {
background: linear-gradient(170deg, #2a1a00 0%, #1e1200 100%);
border-top: 2px solid #D0AC5A;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
}

.site-footer-plate {
max-width: 1320px;
margin: 0 auto;
padding: 80px 40px 40px 40px;
}

.site-footer-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(208, 172, 90, 0.25);
}

.footer-about-cell {
display: flex;
flex-direction: column;
gap: 24px;
}

.footer-logo-cell {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: 0 0 0 2px #D0AC5A, -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
flex-shrink: 0;
}

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

.footer-about-text {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: #E4DCBB;
margin: 0;
}

.footer-quick-cell {
display: flex;
flex-direction: column;
gap: 24px;
}

.footer-column-heading {
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #D0AC5A;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0;
padding-bottom: 12px;
border-bottom: 1px solid rgba(208, 172, 90, 0.25);
}

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

.footer-link-list li a {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: #E4DCBB;
text-decoration: none;
transition: color 0.25s ease-in-out;
}

.footer-link-list li a:hover {
color: #D0AC5A;
}

.footer-contact-cell {
display: flex;
flex-direction: column;
gap: 24px;
}

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

.footer-contact-list li {
display: flex;
flex-direction: column;
gap: 4px;
}

.footer-contact-label {
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 600;
line-height: 1.15;
color: #D0AC5A;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.footer-contact-value {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: #E4DCBB;
text-decoration: none;
transition: color 0.25s ease-in-out;
}

a.footer-contact-value:hover {
color: #D0AC5A;
}

.site-footer-bottom {
padding-top: 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}

.footer-copyright-text {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: rgba(228, 220, 187, 0.6);
margin: 0;
}

.footer-legal-links {
display: flex;
gap: 24px;
flex-wrap: wrap;
}

.footer-legal-links a {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: rgba(228, 220, 187, 0.6);
text-decoration: none;
transition: color 0.28s ease-in-out;
}

.footer-legal-links a:hover {
color: #D0AC5A;
}

.consent-drawer {
position: fixed;
bottom: 24px;
left: 24px;
width: 420px;
max-width: calc(100vw - 48px);
background: #fff;
border: 1px solid #D0AC5A;
border-radius: 3px;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
z-index: 4000;
display: none;
overflow: hidden;
}

.consent-drawer-visible {
display: block;
}

.consent-drawer-animate-in {
animation: consent-slide-in 0.18s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.consent-drawer-animate-out {
animation: consent-slide-out 0.18s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes consent-slide-in {
from {
transform: translateY(-24px);
opacity: 0;
}

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

@keyframes consent-slide-out {
from {
transform: translateY(0);
opacity: 1;
}

to {
transform: translateY(-24px);
opacity: 0;
}
}

.consent-drawer-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}

.consent-description-text {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: #2a1a00;
margin: 0;
}

.consent-toggles-deck {
display: flex;
flex-direction: column;
gap: 8px;
}

.consent-toggle-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 8px 12px;
background: #EEEFE9;
border-radius: 3px;
}

.consent-toggle-label-text {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: #2a1a00;
font-weight: 500;
}

.consent-toggle-switch {
position: relative;
width: 40px;
height: 24px;
flex-shrink: 0;
}

.consent-toggle-switch input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}

.consent-toggle-track {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ccc;
border-radius: 28px;
cursor: pointer;
transition: background-color 0.25s ease-in-out;
}

.consent-toggle-switch input:checked+.consent-toggle-track {
background: #D0AC5A;
}

.consent-toggle-track::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background: #fff;
border-radius: 28px;
top: 3px;
left: 3px;
transition: transform 0.25s ease-in-out;
}

.consent-toggle-switch input:checked+.consent-toggle-track::after {
transform: translateX(16px);
}

.consent-actions-pod {
display: flex;
gap: 8px;
flex-wrap: wrap;
}

.consent-accept-button {
flex: 1;
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 600;
line-height: 1.15;
color: #EEEFE9;
background: #2a1a00;
border: 1px solid #2a1a00;
border-radius: 3px;
padding: 12px 24px;
cursor: pointer;
min-height: 44px;
transition: filter 0.25s ease-in-out, background-color 0.25s ease-in-out;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.consent-accept-button:hover {
filter: brightness(1.25);
}

.consent-accept-button:focus {
border-bottom: 4px solid #D0AC5A;
}

.consent-decline-button {
flex: 1;
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 500;
line-height: 1.15;
color: #2a1a00;
background: transparent;
border: 1px solid #2a1a00;
border-radius: 3px;
padding: 12px 24px;
cursor: pointer;
min-height: 44px;
transition: background-color 0.28s ease-in-out, color 0.28s ease-in-out;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.consent-decline-button:hover {
background: #EEEFE9;
}

.consent-decline-button:focus {
border-bottom: 4px solid #D0AC5A;
}

.preference-tab-trigger {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #2a1a00;
color: #E4DCBB;
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 500;
line-height: 1.15;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 12px 8px;
border-radius: 0 3px 3px 0;
cursor: pointer;
z-index: 3900;
border: none;
writing-mode: vertical-rl;
min-height: 44px;
min-width: 44px;
display: none;
transition: filter 0.25s ease-in-out;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
}

.preference-tab-trigger:hover {
filter: brightness(1.3);
}

.preference-tab-trigger:focus {
border-bottom: 4px solid #D0AC5A;
}

.preference-tab-trigger-visible {
display: flex;
align-items: center;
justify-content: center;
}

.preference-panel {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 340px;
max-width: 90vw;
background: #fff;
border-right: 2px solid #D0AC5A;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
z-index: 3950;
display: none;
flex-direction: column;
gap: 24px;
padding: 40px 24px;
overflow-y: auto;
}

.preference-panel-open {
display: flex;
}

.preference-panel-heading {
font-family: 'EB Garamond', serif;
font-size: 36px;
font-weight: 700;
line-height: 1.15;
color: #2a1a00;
margin: 0;
}

.preference-panel-desc {
font-family: 'EB Garamond', serif;
font-size: 14px;
line-height: 1.7;
color: #5a3e10;
margin: 0;
}

.preference-panel-toggles {
display: flex;
flex-direction: column;
gap: 8px;
}

.preference-panel-save-button {
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 600;
line-height: 1.15;
color: #EEEFE9;
background: #2a1a00;
border: 1px solid #2a1a00;
border-radius: 3px;
padding: 12px 24px;
cursor: pointer;
min-height: 44px;
transition: filter 0.25s ease-in-out;
letter-spacing: 0.06em;
text-transform: uppercase;
width: 100%;
}

.preference-panel-save-button:hover {
filter: brightness(1.25);
}

.preference-panel-save-button:focus {
border-bottom: 4px solid #D0AC5A;
}

.preference-panel-close-button {
font-family: 'EB Garamond', serif;
font-size: 14px;
font-weight: 500;
line-height: 1.15;
color: #2a1a00;
background: transparent;
border: 1px solid #2a1a00;
border-radius: 3px;
padding: 12px 24px;
cursor: pointer;
min-height: 44px;
transition: background-color 0.28s ease-in-out;
letter-spacing: 0.06em;
text-transform: uppercase;
width: 100%;
}

.preference-panel-close-button:hover {
background: #EEEFE9;
}

.preference-panel-close-button:focus {
border-bottom: 4px solid #D0AC5A;
}

@media (max-width: 768px) {
.site-header-plate {
padding: 24px 24px 0 24px;
}

.site-header-top-pod {
flex-direction: column;
gap: 24px;
}

.trust-badge-cell {
align-items: flex-start;
}

.site-footer-grid {
grid-template-columns: 1fr;
gap: 40px;
}

.site-footer-plate {
padding: 40px 24px 24px 24px;
}

.site-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 390px) {
.brand-name-text {
font-size: 36px;
}

.site-menu-link {
font-size: 14px;
padding: 8px 8px;
}

.consent-drawer {
left: 12px;
bottom: 12px;
width: calc(100vw - 24px);
max-width: calc(100vw - 24px);
}

.site-footer-plate {
padding: 40px 12px 24px 12px;
}
}

.learning-tips-page {
background: #ffffff;
overflow-x: clip;
}

.learning-tips-page * {
box-sizing: border-box;
}

.learning-tips-page .tips-schema {
display: none;
}

.learning-tips-page .tips-panoramic {
position: relative;
padding: 80px 40px;
background: radial-gradient(circle at top left, #E4DCBB 0%, #EEEFE9 40%, #ffffff 75%);
overflow: hidden;
}

.learning-tips-page .tips-panoramic-frame-top {
position: absolute;
top: 16px;
left: 16px;
right: 16px;
height: 1px;
background: linear-gradient(90deg, #D0AC5A 0%, transparent 100%);
pointer-events: none;
}

.learning-tips-page .tips-panoramic-frame-left {
position: absolute;
top: 16px;
left: 16px;
width: 1px;
height: calc(100% - 32px);
background: linear-gradient(180deg, #D0AC5A 0%, transparent 100%);
pointer-events: none;
}

.learning-tips-page .tips-panoramic-frame-bottom {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #D0AC5A 100%);
pointer-events: none;
}

.learning-tips-page .tips-panoramic-frame-right {
position: absolute;
top: 16px;
right: 16px;
width: 1px;
height: calc(100% - 32px);
background: linear-gradient(180deg, transparent 0%, #D0AC5A 100%);
pointer-events: none;
}

.learning-tips-page .tips-panoramic-grid {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 80px;
}

.learning-tips-page .tips-panoramic-text {
flex: 1 1 0;
min-width: 0;
}

.learning-tips-page .tips-panoramic-eyebrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-bottom: 24px;
}

.learning-tips-page .tips-eyebrow-circle {
width: 8px;
height: 8px;
border-radius: 28px;
background: #D0AC5A;
flex-shrink: 0;
}

.learning-tips-page .tips-eyebrow-label {
font-size: 14px;
line-height: 1.7;
color: #5a4a1a;
text-transform: uppercase;
letter-spacing: 0.12em;
}

.learning-tips-page .tips-panoramic-problem {
font-size: 50px;
line-height: 1.15;
color: #1b1509;
font-weight: 800;
margin: 0 0 12px 0;
letter-spacing: -0.01em;
}

.learning-tips-page .tips-panoramic-solution {
font-size: 36px;
line-height: 1.15;
color: #D0AC5A;
font-weight: 400;
margin: 0 0 24px 0;
}

.learning-tips-page .tips-panoramic-description {
font-size: 14px;
line-height: 1.7;
color: #3a2e10;
margin: 0 0 40px 0;
max-width: 480px;
}

.learning-tips-page .tips-panoramic-description::first-letter {
font-size: 36px;
line-height: 1.15;
float: left;
margin-right: 8px;
color: #D0AC5A;
font-weight: 700;
}

.learning-tips-page .tips-panoramic-cta {
display: inline-block;
padding: 12px 40px;
background: #1b1509;
color: #E4DCBB;
font-size: 14px;
line-height: 1.7;
border-radius: 3px;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
transition: brightness 0.28s ease-in-out;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
}

.learning-tips-page .tips-panoramic-cta:hover {
filter: brightness(1.25);
}

.learning-tips-page .tips-panoramic-image-column {
flex: 0 0 420px;
position: relative;
border-radius: 28px;
overflow: hidden;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
}

.learning-tips-page .tips-panoramic-image-column img {
display: block;
width: 420px;
height: 340px;
object-fit: cover;
transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.learning-tips-page .tips-panoramic-image-column:hover img {
transform: scale(1.04);
}

.learning-tips-page .tips-panoramic-image-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 60%;
background: linear-gradient(90deg, transparent 0%, rgba(238, 239, 233, 0.7) 100%);
pointer-events: none;
}

.learning-tips-page .tips-divider {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
padding: 40px 0 0 0;
}

.learning-tips-page .tips-divider-line {
flex: 1 1 0;
height: 1px;
background: linear-gradient(90deg, transparent, #D0AC5A, transparent);
max-width: 400px;
}

.learning-tips-page .tips-divider-triangles {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
}

.learning-tips-page .tips-editorial-strip {
background: #ffffff;
padding: 80px 40px;
position: relative;
}

.learning-tips-page .tips-editorial-strip::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(180deg, #EEEFE9 0%, transparent 100%);
pointer-events: none;
}

.learning-tips-page .tips-editorial-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 340px;
gap: 80px;
align-items: start;
position: relative;
}

.learning-tips-page .tips-editorial-main h2 {
font-size: 36px;
line-height: 1.15;
color: #1b1509;
font-weight: 700;
margin: 0 0 24px 0;
}

.learning-tips-page .tips-editorial-main .tips-gradient-underline {
display: inline;
text-decoration: none;
background: linear-gradient(120deg, #D0AC5A, #E4DCBB);
background-size: 100% 3px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-bottom: 4px;
}

.learning-tips-page .tips-editorial-body p {
font-size: 14px;
line-height: 1.7;
color: #2c2208;
margin: 0 0 24px 0;
}

.learning-tips-page .tips-editorial-body p:first-of-type::first-letter {
font-size: 36px;
line-height: 1.15;
float: left;
margin-right: 8px;
color: #D0AC5A;
font-weight: 700;
}

.learning-tips-page .tips-editorial-body a {
color: #2c2208;
text-decoration: none;
border-radius: 3px;
padding: 0 4px;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
}

.learning-tips-page .tips-editorial-body a:hover {
background: #E4DCBB;
color: #1b1509;
}

.learning-tips-page .tips-sidebar {
display: flex;
flex-direction: column;
gap: 24px;
}

.learning-tips-page .tips-sidebar-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.learning-tips-page .tips-metric-card {
background: #EEEFE9;
border-radius: 28px;
padding: 24px;
text-align: center;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.learning-tips-page .tips-metric-card:hover {
transform: scale(1.04);
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
}

.learning-tips-page .tips-metric-number {
font-size: 36px;
line-height: 1.15;
color: #D0AC5A;
font-weight: 800;
display: block;
}

.learning-tips-page .tips-metric-label {
font-size: 14px;
line-height: 1.7;
color: #3a2e10;
}

.learning-tips-page .tips-checklist-panel {
background: #1b1509;
border-radius: 28px;
padding: 24px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
}

.learning-tips-page .tips-checklist-panel h4 {
font-size: 14px;
line-height: 1.7;
color: #E4DCBB;
font-weight: 700;
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.learning-tips-page .tips-checklist-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.learning-tips-page .tips-checklist-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}

.learning-tips-page .tips-checklist-icon {
flex-shrink: 0;
margin-top: 2px;
}

.learning-tips-page .tips-checklist-text {
font-size: 14px;
line-height: 1.7;
color: #E4DCBB;
}

.learning-tips-page .tips-divider-b {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
padding: 0 0 40px 0;
}

.learning-tips-page .tips-divider-b .tips-divider-line {
background: linear-gradient(90deg, transparent, #D0AC5A, transparent);
}

.learning-tips-page .tips-chart-section {
background: linear-gradient(180deg, #E4DCBB 0%, #ffffff 100%);
padding: 80px 40px;
}

.learning-tips-page .tips-chart-inner {
max-width: 1320px;
margin: 0 auto;
}

.learning-tips-page .tips-chart-header {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 24px;
}

.learning-tips-page .tips-chart-header h2 {
font-size: 36px;
line-height: 1.15;
color: #1b1509;
font-weight: 700;
margin: 0;
max-width: 560px;
}

.learning-tips-page .tips-chart-subtitle {
font-size: 14px;
line-height: 1.7;
color: #3a2e10;
max-width: 320px;
text-align: right;
}

.learning-tips-page .tips-chart-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}

.learning-tips-page .tips-chart-block {
background: #ffffff;
border-radius: 28px;
padding: 24px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
}

.learning-tips-page .tips-chart-block h5 {
font-size: 14px;
line-height: 1.7;
color: #1b1509;
font-weight: 700;
margin: 0 0 24px 0;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.learning-tips-page .tips-chart-block table {
width: 100%;
}

.learning-tips-page .tips-chart-block table caption {
font-size: 14px;
line-height: 1.7;
color: #5a4a1a;
text-align: left;
margin-bottom: 8px;
}

.learning-tips-page .tips-chart-block td {
font-size: 14px;
line-height: 1.7;
color: #2c2208;
}

.learning-tips-page .tips-bar-chart-table {
--color: #D0AC5A;
--labels-size: 120px;
height: 220px;
}

.learning-tips-page .tips-column-chart-table {
--color: #5a4a1a;
--labels-size: 40px;
height: 200px;
}

.learning-tips-page .tips-chart-explainer {
background: #EEEFE9;
border-radius: 28px;
padding: 24px;
}

.learning-tips-page .tips-chart-explainer p {
font-size: 14px;
line-height: 1.7;
color: #2c2208;
margin: 0 0 12px 0;
}

.learning-tips-page .tips-chart-explainer p:last-child {
margin-bottom: 0;
}

.learning-tips-page .tips-chart-explainer h5 {
font-size: 14px;
line-height: 1.7;
color: #1b1509;
font-weight: 700;
margin: 0 0 12px 0;
}

.learning-tips-page .tips-decorative-lines {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 120px;
pointer-events: none;
overflow: hidden;
}

.learning-tips-page .tips-divider-c {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
padding: 40px 0;
}

.learning-tips-page .tips-divider-c .tips-divider-line {
background: linear-gradient(90deg, transparent, #5a4a1a, transparent);
}

.learning-tips-page .tips-advice-section {
background: #ffffff;
padding: 80px 40px;
position: relative;
}

.learning-tips-page .tips-advice-section::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(180deg, #E4DCBB 0%, transparent 100%);
pointer-events: none;
}

.learning-tips-page .tips-advice-inner {
max-width: 1320px;
margin: 0 auto;
position: relative;
}

.learning-tips-page .tips-advice-top {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 80px;
margin-bottom: 40px;
}

.learning-tips-page .tips-advice-heading-col {
flex: 0 0 380px;
}

.learning-tips-page .tips-advice-heading-col h2 {
font-size: 36px;
line-height: 1.15;
color: #1b1509;
font-weight: 700;
margin: 0 0 24px 0;
}

.learning-tips-page .tips-advice-heading-col p {
font-size: 14px;
line-height: 1.7;
color: #3a2e10;
margin: 0;
}

.learning-tips-page .tips-advice-image-col {
flex: 1 1 0;
min-width: 0;
border-radius: 28px;
overflow: hidden;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
}

.learning-tips-page .tips-advice-image-col img {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.learning-tips-page .tips-advice-image-col:hover img {
transform: scale(1.04);
}

.learning-tips-page .tips-advice-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.learning-tips-page .tips-advice-card {
background: #EEEFE9;
border-radius: 28px;
padding: 24px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.28s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}

.learning-tips-page .tips-advice-card:hover {
transform: scale(1.03);
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
padding-bottom: 40px;
}

.learning-tips-page .tips-advice-card-number {
font-size: 50px;
line-height: 1.15;
color: #E4DCBB;
font-weight: 800;
display: block;
margin-bottom: 8px;
}

.learning-tips-page .tips-advice-card h4 {
font-size: 14px;
line-height: 1.7;
color: #1b1509;
font-weight: 700;
margin: 0 0 8px 0;
}

.learning-tips-page .tips-advice-card p {
font-size: 14px;
line-height: 1.7;
color: #3a2e10;
margin: 0;
}

.learning-tips-page .tips-slide-in {
opacity: 0;
transform: translateX(-32px);
animation: tipsSlideInLeft 0.55s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.learning-tips-page .tips-slide-in-right {
opacity: 0;
transform: translateX(32px);
animation: tipsSlideInRight 0.55s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.learning-tips-page .tips-slide-in-up {
opacity: 0;
transform: translateY(24px);
animation: tipsSlideInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.learning-tips-page .tips-delay-1 {
animation-delay: 0.1s;
}

.learning-tips-page .tips-delay-2 {
animation-delay: 0.22s;
}

.learning-tips-page .tips-delay-3 {
animation-delay: 0.34s;
}

.learning-tips-page .tips-delay-4 {
animation-delay: 0.46s;
}

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

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

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

@media (max-width: 1280px) {
.learning-tips-page .tips-panoramic-image-column {
flex: 0 0 320px;
}

.learning-tips-page .tips-panoramic-image-column img {
width: 320px;
height: 260px;
}

.learning-tips-page .tips-editorial-inner {
grid-template-columns: 1fr 280px;
gap: 40px;
}

.learning-tips-page .tips-advice-heading-col {
flex: 0 0 280px;
}
}

@media (max-width: 768px) {
.learning-tips-page .tips-panoramic {
padding: 40px 24px;
}

.learning-tips-page .tips-panoramic-grid {
flex-direction: column;
gap: 40px;
}

.learning-tips-page .tips-panoramic-image-column {
flex: none;
width: 100%;
}

.learning-tips-page .tips-panoramic-image-column img {
width: 100%;
height: 220px;
}

.learning-tips-page .tips-panoramic-problem {
font-size: 36px;
}

.learning-tips-page .tips-panoramic-solution {
font-size: 36px;
}

.learning-tips-page .tips-editorial-strip {
padding: 40px 24px;
}

.learning-tips-page .tips-editorial-inner {
grid-template-columns: 1fr;
gap: 40px;
}

.learning-tips-page .tips-chart-section {
padding: 40px 24px;
}

.learning-tips-page .tips-chart-header {
flex-direction: column;
align-items: flex-start;
}

.learning-tips-page .tips-chart-subtitle {
text-align: left;
}

.learning-tips-page .tips-chart-layout {
grid-template-columns: 1fr;
gap: 24px;
}

.learning-tips-page .tips-advice-section {
padding: 40px 24px;
}

.learning-tips-page .tips-advice-top {
flex-direction: column;
gap: 24px;
}

.learning-tips-page .tips-advice-heading-col {
flex: none;
width: 100%;
}

.learning-tips-page .tips-advice-cards {
grid-template-columns: 1fr;
gap: 12px;
}

.learning-tips-page .tips-sidebar-grid {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 390px) {
.learning-tips-page .tips-panoramic-problem {
font-size: 36px;
}

.learning-tips-page .tips-sidebar-grid {
grid-template-columns: 1fr;
}

.learning-tips-page .tips-chart-header h2 {
font-size: 36px;
}
}

.not-found-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 24px;
background: #EEEFE9;
position: relative;
overflow: hidden;
}

.not-found-page .not-found-decorative-circle {
background: radial-gradient(circle at top left, rgba(208, 172, 90, 0.18), transparent 70%);
border-radius: 28px;
height: 340px;
pointer-events: none;
position: absolute;
top: -80px;
left: -80px;
width: 340px;
}

.not-found-page .not-found-decorative-circle-secondary {
background: radial-gradient(circle at top left, rgba(228, 220, 187, 0.22), transparent 65%);
border-radius: 28px;
height: 220px;
pointer-events: none;
position: absolute;
bottom: -40px;
right: -40px;
width: 220px;
}

.not-found-page .not-found-inner-wrapper {
align-items: center;
display: flex;
flex-direction: column;
gap: 40px;
max-width: 640px;
text-align: center;
width: 100%;
z-index: 1;
}

.not-found-page .not-found-code-display {
align-items: flex-end;
display: flex;
flex-direction: row;
gap: 8px;
justify-content: center;
line-height: 1.15;
}

.not-found-page .not-found-code-display .not-found-digit {
color: #2a2218;
font-size: 66px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1.15;
}

.not-found-page .not-found-code-display .not-found-digit-accent {
background: radial-gradient(circle at top left, #D0AC5A, #b8893a);
-webkit-background-clip: text;
background-clip: text;
font-size: 66px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1.15;
-webkit-text-fill-color: transparent;
}

.not-found-page .not-found-divider-bar {
background: linear-gradient(90deg, transparent, #D0AC5A 30%, #E4DCBB 70%, transparent);
border-radius: 3px;
height: 2px;
width: 80px;
}

.not-found-page .not-found-heading {
color: #2a2218;
font-size: 36px;
font-weight: 800;
letter-spacing: -0.5px;
line-height: 1.15;
margin: 0;
}

.not-found-page .not-found-description {
color: #4a3f2e;
font-size: 14px;
line-height: 1.7;
margin: 0;
max-width: 480px;
}

.not-found-page .not-found-action-group {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}

.not-found-page .not-found-primary-action {
background: #2a2218;
border: 2px solid #2a2218;
border-radius: 3px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
color: #EEEFE9;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
padding: 12px 24px;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.28s ease-in-out, border-color 0.28s ease-in-out, box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.not-found-page .not-found-primary-action:hover {
background: #3d2f18;
border-color: #3d2f18;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
filter: brightness(1.12);
}

.not-found-page .not-found-primary-action:focus {
outline: 2px solid #D0AC5A;
outline-offset: 3px;
}

.not-found-page .not-found-secondary-action {
background: transparent;
border: 2px solid #D0AC5A;
border-radius: 3px;
color: #2a2218;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.04em;
padding: 12px 24px;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.32s ease-in-out, color 0.32s ease-in-out;
}

.not-found-page .not-found-secondary-action:hover {
background: #D0AC5A;
color: #2a2218;
filter: brightness(1.08);
}

.not-found-page .not-found-secondary-action:focus {
outline: 2px solid #2a2218;
outline-offset: 3px;
}

.not-found-page .not-found-nav-hint {
border-top: 1px solid rgba(208, 172, 90, 0.28);
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 24px;
width: 100%;
}

.not-found-page .not-found-nav-hint .not-found-hint-label {
color: #7a6a4e;
font-size: 14px;
line-height: 1.7;
margin: 0;
text-align: center;
}

.not-found-page .not-found-nav-links {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}

.not-found-page .not-found-nav-links li {
display: inline-block;
}

.not-found-page .not-found-nav-links li a {
border-radius: 28px;
color: #2a2218;
font-size: 14px;
line-height: 1.7;
padding: 4px 12px;
text-decoration: none;
transition: background-color 0.26s ease-in-out, color 0.26s ease-in-out;
}

.not-found-page .not-found-nav-links li a:hover {
background: rgba(208, 172, 90, 0.18);
color: #2a2218;
}

.not-found-page .not-found-nav-links li a:focus {
outline: 2px solid #D0AC5A;
outline-offset: 2px;
}

@media (max-width: 768px) {
.not-found-page {
padding: 80px 24px;
}

.not-found-page .not-found-code-display .not-found-digit,
.not-found-page .not-found-code-display .not-found-digit-accent {
font-size: 50px;
}

.not-found-page .not-found-heading {
font-size: 36px;
}
}

@media (max-width: 390px) {
.not-found-page {
padding: 40px 12px;
}

.not-found-page .not-found-code-display .not-found-digit,
.not-found-page .not-found-code-display .not-found-digit-accent {
font-size: 36px;
}

.not-found-page .not-found-heading {
font-size: 36px;
}

.not-found-page .not-found-action-group {
flex-direction: column;
width: 100%;
}

.not-found-page .not-found-primary-action,
.not-found-page .not-found-secondary-action {
text-align: center;
width: 100%;
}
}

.legal-body {
max-width: 1320px;
margin: 0 auto;
padding: 80px 40px;
color: #2a2218;
line-height: 1.7;
font-size: 14px;
}

.legal-body ul,
.legal-body ol {
margin: 24px 0;
padding-left: 40px;
}

.legal-body ul ul,
.legal-body ol ol,
.legal-body ul ol,
.legal-body ol ul {
margin: 8px 0;
}

.legal-body ul {
list-style: none;
padding-left: 24px;
}

.legal-body ul li {
position: relative;
padding-left: 24px;
}

.legal-body ul li::before {
background-color: #D0AC5A;
border-radius: 50%;
content: "";
height: 6px;
left: 0;
position: absolute;
top: 10px;
width: 6px;
}

.legal-body ol {
list-style: decimal;
}

.legal-body ol li {
padding-left: 8px;
}

.legal-body li {
margin: 8px 0;
font-size: 14px;
line-height: 1.7;
color: #2a2218;
}

.legal-body strong,
.legal-body b {
font-weight: 700;
color: #1e1608;
}

.legal-body em,
.legal-body i {
font-style: italic;
color: #3d2e10;
}

.legal-body a {
color: #8a6a1f;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.28s ease-in-out, text-decoration-color 0.28s ease-in-out;
}

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

.legal-body a:visited {
color: #6b5118;
}

.legal-body table {
border-collapse: collapse;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
font-size: 14px;
line-height: 1.7;
margin: 40px 0;
overflow: hidden;
width: 100%;
border-radius: 3px;
}

.legal-body thead {
background: linear-gradient(135deg, #D0AC5A 0%, #E4DCBB 100%);
}

.legal-body thead tr {
border-bottom: none;
}

.legal-body tbody tr {
border-bottom: 1px solid #E4DCBB;
transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

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

.legal-body tbody tr:nth-child(even) {
background-color: #EEEFE9;
}

.legal-body tbody tr:hover {
background-color: #E4DCBB;
}

.legal-body th {
color: #1e1608;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
padding: 12px 24px;
text-align: left;
text-transform: uppercase;
}

.legal-body td {
color: #2a2218;
font-size: 14px;
line-height: 1.7;
padding: 12px 24px;
vertical-align: top;
}

.legal-body hr {
background: linear-gradient(90deg, #D0AC5A, #E4DCBB, transparent);
border: none;
height: 1px;
margin: 40px 0;
}

.legal-body div {
line-height: 1.7;
}

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

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

.legal-body th,
.legal-body td {
padding: 12px;
min-width: 140px;
}

.legal-body ul,
.legal-body ol {
padding-left: 24px;
}
}

@media (max-width: 390px) {
.legal-body {
padding: 24px 12px;
}

.legal-body th,
.legal-body td {
padding: 8px;
min-width: 120px;
}

.legal-body ul li {
padding-left: 16px;
}
}

.statistics-page {
background-color: #ffffff;
overflow-x: clip;
position: relative;
}

.statistics-page .schema-data {
display: none;
}

.statistics-page .page-lead {
max-width: 1320px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: end;
}

.statistics-page .page-lead-label {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 24px;
}

.statistics-page .page-lead-label .dot-swatch {
width: 10px;
height: 10px;
border-radius: 50%;
background: #D0AC5A;
flex-shrink: 0;
}

.statistics-page .page-lead-label span {
font-size: 14px;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #3a3020;
}

.statistics-page .page-lead-text h1 {
font-size: 66px;
line-height: 1.15;
color: #1e1a12;
margin: 0 0 24px 0;
font-weight: 800;
}

.statistics-page .page-lead-text h1 .gradient-word {
background: radial-gradient(circle at top left, #D0AC5A, transparent 140%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.statistics-page .page-lead-text p {
font-size: 14px;
line-height: 1.7;
color: #3a3020;
margin: 0;
max-width: 480px;
}

.statistics-page .page-lead-text p::first-letter {
font-size: 36px;
line-height: 1.15;
float: left;
margin-right: 8px;
margin-top: 4px;
color: #D0AC5A;
font-weight: 800;
}

.statistics-page .page-lead-right {
display: flex;
flex-direction: column;
gap: 24px;
padding-bottom: 8px;
}

.statistics-page .page-lead-stat {
display: flex;
flex-direction: column;
gap: 4px;
border-top: 1px solid #E4DCBB;
padding-top: 24px;
}

.statistics-page .page-lead-stat .stat-number {
font-size: 50px;
line-height: 1.15;
font-weight: 800;
color: #1e1a12;
}

.statistics-page .page-lead-stat .stat-number .stat-unit {
font-size: 36px;
color: #D0AC5A;
}

.statistics-page .page-lead-stat .stat-description {
font-size: 14px;
line-height: 1.7;
color: #5a4e38;
}

.statistics-page .page-lead-decorative {
position: absolute;
top: 40px;
right: 0;
pointer-events: none;
overflow: hidden;
width: 220px;
height: 220px;
}

.statistics-page .page-lead-decorative .rect-ring {
position: absolute;
border: 1px solid #D0AC5A;
border-radius: 3px;
}

.statistics-page .page-lead-decorative .rect-ring:nth-child(1) {
width: 60px;
height: 60px;
top: 20px;
right: 20px;
opacity: 0.35;
}

.statistics-page .page-lead-decorative .rect-ring:nth-child(2) {
width: 90px;
height: 90px;
top: 10px;
right: 10px;
opacity: 0.22;
}

.statistics-page .page-lead-decorative .rect-ring:nth-child(3) {
width: 120px;
height: 120px;
top: 0;
right: 0;
opacity: 0.12;
}

.statistics-page .page-lead-decorative .rect-ring:nth-child(4) {
width: 150px;
height: 150px;
top: -10px;
right: -10px;
opacity: 0.07;
}

.statistics-page .metrics-band {
background: #1e1a12;
padding: 80px 40px;
position: relative;
overflow: hidden;
}

.statistics-page .metrics-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at top left, rgba(208, 172, 90, 0.18), transparent 55%);
pointer-events: none;
}

.statistics-page .metrics-band-zigzag {
position: absolute;
bottom: 0;
right: 0;
width: 300px;
height: 180px;
pointer-events: none;
opacity: 0.06;
}

.statistics-page .metrics-band-inner {
max-width: 1320px;
margin: 0 auto;
position: relative;
}

.statistics-page .metrics-band-header {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 40px;
}

.statistics-page .metrics-band-header h2 {
font-size: 36px;
line-height: 1.15;
color: #E4DCBB;
margin: 0;
font-weight: 700;
max-width: 520px;
}

.statistics-page .metrics-band-header h2 .gradient-underline {
position: relative;
display: inline;
}

.statistics-page .metrics-band-header h2 .gradient-underline::after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background: radial-gradient(circle at top left, #D0AC5A, transparent 140%);
border-radius: 3px;
}

.statistics-page .metrics-band-header p {
font-size: 14px;
line-height: 1.7;
color: #a09070;
max-width: 360px;
margin: 0;
}

.statistics-page .metrics-chart-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}

.statistics-page .chart-panel {
background: rgba(228, 220, 187, 0.06);
border: 1px solid rgba(208, 172, 90, 0.18);
border-radius: 3px;
padding: 24px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
}

.statistics-page .chart-panel h4 {
font-size: 14px;
line-height: 1.15;
color: #E4DCBB;
margin: 0 0 24px 0;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
}

.statistics-page .chart-panel .charts-css {
--color-1: rgba(208, 172, 90, 0.85);
--color-2: rgba(228, 220, 187, 0.5);
--color-3: rgba(208, 172, 90, 0.5);
--color-4: rgba(228, 220, 187, 0.7);
height: 180px;
}

.statistics-page .chart-panel .charts-css.bar {
--labels-size: 80px;
}

.statistics-page .chart-panel .charts-css td {
color: #E4DCBB;
font-size: 14px;
}

.statistics-page .chart-panel .charts-css th {
color: #a09070;
font-size: 14px;
}

.statistics-page .image-editorial {
padding: 80px 40px;
background: #EEEFE9;
position: relative;
}

.statistics-page .image-editorial-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 420px 1fr;
gap: 80px;
align-items: start;
}

.statistics-page .image-editorial-photo {
position: relative;
border-radius: 3px;
overflow: hidden;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
}

.statistics-page .image-editorial-photo img {
width: 100%;
height: 520px;
object-fit: cover;
display: block;
transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.statistics-page .image-editorial-photo:hover img {
transform: scale(1.04);
}

.statistics-page .image-editorial-photo .photo-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(30, 26, 18, 0.88);
color: #E4DCBB;
font-size: 14px;
line-height: 1.7;
padding: 24px;
transform: translateY(100%);
transition: transform 0.35s ease-in-out;
}

.statistics-page .image-editorial-photo:hover .photo-caption {
transform: translateY(0);
}

.statistics-page .image-editorial-text {
padding-top: 8px;
}

.statistics-page .image-editorial-text h2 {
font-size: 50px;
line-height: 1.15;
color: #1e1a12;
margin: 0 0 24px 0;
font-weight: 800;
}

.statistics-page .image-editorial-text .editorial-body p {
font-size: 14px;
line-height: 1.7;
color: #3a3020;
margin: 0 0 24px 0;
}

.statistics-page .image-editorial-text .editorial-body p:first-child::first-letter {
font-size: 36px;
line-height: 1.15;
float: left;
margin-right: 8px;
margin-top: 4px;
color: #D0AC5A;
font-weight: 800;
}

.statistics-page .editorial-data-row {
display: flex;
flex-direction: row;
gap: 24px;
margin-top: 40px;
}

.statistics-page .editorial-data-item {
flex: 1;
background: #ffffff;
border-radius: 3px;
padding: 24px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
transition: box-shadow 0.28s ease-in-out;
}

.statistics-page .editorial-data-item:hover {
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
}

.statistics-page .editorial-data-item .data-value {
font-size: 36px;
line-height: 1.15;
font-weight: 800;
color: #1e1a12;
}

.statistics-page .editorial-data-item .data-label {
font-size: 14px;
line-height: 1.7;
color: #5a4e38;
margin-top: 4px;
}

.statistics-page .breakdown-section {
padding: 80px 40px;
background: #ffffff;
animation: background-shift 8s ease-in-out infinite alternate;
}

@keyframes background-shift {
0% {
background-color: #ffffff;
}

100% {
background-color: #fdf9f2;
}
}

.statistics-page .breakdown-inner {
max-width: 760px;
margin: 0 auto;
}

.statistics-page .breakdown-inner h2 {
font-size: 50px;
line-height: 1.15;
color: #1e1a12;
margin: 0 0 8px 0;
font-weight: 800;
text-align: center;
}

.statistics-page .breakdown-inner .breakdown-lead {
font-size: 14px;
line-height: 1.7;
color: #5a4e38;
text-align: center;
margin: 0 0 40px 0;
}

.statistics-page .breakdown-table-wrapper {
overflow: hidden;
border-radius: 3px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
border: 1px solid #E4DCBB;
}

.statistics-page .breakdown-table {
width: 100%;
border-collapse: collapse;
}

.statistics-page .breakdown-table thead th {
background: #1e1a12;
color: #E4DCBB;
font-size: 14px;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: 0.09em;
padding: 12px 24px;
text-align: left;
font-weight: 600;
}

.statistics-page .breakdown-table tbody tr {
border-bottom: 1px solid #E4DCBB;
transition: background-color 0.25s ease-in-out;
}

.statistics-page .breakdown-table tbody tr:last-child {
border-bottom: none;
}

.statistics-page .breakdown-table tbody tr:hover {
background-color: #EEEFE9;
}

.statistics-page .breakdown-table tbody td {
padding: 12px 24px;
font-size: 14px;
line-height: 1.7;
color: #1e1a12;
}

.statistics-page .breakdown-table tbody td .category-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 8px;
vertical-align: middle;
}

.statistics-page .breakdown-table tbody td .bar-fill {
display: block;
height: 6px;
border-radius: 3px;
background: radial-gradient(circle at top left, #D0AC5A, #E4DCBB 140%);
transition: width 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.statistics-page .breakdown-table tbody td.td-muted {
color: #5a4e38;
}

.statistics-page .breakdown-cards-mobile {
display: none;
flex-direction: column;
gap: 12px;
}

.statistics-page .breakdown-card-mobile {
background: #ffffff;
border: 1px solid #E4DCBB;
border-radius: 3px;
padding: 24px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
}

.statistics-page .breakdown-card-mobile .card-category {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.15;
font-weight: 700;
color: #1e1a12;
margin-bottom: 8px;
}

.statistics-page .breakdown-card-mobile .card-row {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 14px;
line-height: 1.7;
color: #5a4e38;
}

.statistics-page .breakdown-card-mobile .card-bar {
height: 6px;
border-radius: 3px;
background: radial-gradient(circle at top left, #D0AC5A, #E4DCBB 140%);
margin-top: 8px;
}

.statistics-page .second-image-section {
padding: 80px 40px;
background: #E4DCBB;
position: relative;
overflow: hidden;
}

.statistics-page .second-image-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 380px;
gap: 80px;
align-items: center;
}

.statistics-page .second-image-text h3 {
font-size: 36px;
line-height: 1.15;
color: #1e1a12;
margin: 0 0 24px 0;
font-weight: 700;
}

.statistics-page .second-image-text p {
font-size: 14px;
line-height: 1.7;
color: #3a3020;
margin: 0 0 24px 0;
}

.statistics-page .second-image-text p:first-of-type::first-letter {
font-size: 36px;
line-height: 1.15;
float: left;
margin-right: 8px;
margin-top: 4px;
color: #1e1a12;
font-weight: 800;
}

.statistics-page .second-image-text .link-pill {
display: inline-block;
font-size: 14px;
line-height: 1.15;
color: #1e1a12;
text-decoration: none;
font-weight: 700;
padding: 12px 24px;
background: #1e1a12;
color: #E4DCBB;
border-radius: 28px;
transition: filter 0.27s ease-in-out;
}

.statistics-page .second-image-text .link-pill:hover {
filter: brightness(1.18);
}

.statistics-page .second-image-photo {
position: relative;
border-radius: 28px;
overflow: hidden;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
}

.statistics-page .second-image-photo img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.statistics-page .second-image-photo:hover img {
transform: scale(1.05);
}

.statistics-page .second-image-photo .photo-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(30, 26, 18, 0.88);
color: #E4DCBB;
font-size: 14px;
line-height: 1.7;
padding: 24px;
transform: translateY(100%);
transition: transform 0.32s ease-in-out;
}

.statistics-page .second-image-photo:hover .photo-caption {
transform: translateY(0);
}

.statistics-page .second-image-decorative {
position: absolute;
bottom: 0;
left: 0;
width: 200px;
height: 200px;
pointer-events: none;
overflow: hidden;
}

.statistics-page .second-image-decorative .rect-ring {
position: absolute;
border: 1px solid #D0AC5A;
border-radius: 3px;
}

.statistics-page .second-image-decorative .rect-ring:nth-child(1) {
width: 50px;
height: 50px;
bottom: 20px;
left: 20px;
opacity: 0.4;
}

.statistics-page .second-image-decorative .rect-ring:nth-child(2) {
width: 80px;
height: 80px;
bottom: 10px;
left: 10px;
opacity: 0.22;
}

.statistics-page .second-image-decorative .rect-ring:nth-child(3) {
width: 110px;
height: 110px;
bottom: 0;
left: 0;
opacity: 0.12;
}

@media (max-width: 1280px) {
.statistics-page .page-lead {
gap: 40px;
padding: 80px 24px;
}

.statistics-page .metrics-band {
padding: 80px 24px;
}

.statistics-page .image-editorial {
padding: 80px 24px;
}

.statistics-page .image-editorial-inner {
grid-template-columns: 340px 1fr;
gap: 40px;
}

.statistics-page .breakdown-section {
padding: 80px 24px;
}

.statistics-page .second-image-section {
padding: 80px 24px;
}
}

@media (max-width: 768px) {
.statistics-page .page-lead {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 24px;
}

.statistics-page .page-lead-text h1 {
font-size: 50px;
}

.statistics-page .page-lead-decorative {
display: none;
}

.statistics-page .metrics-band-header {
flex-direction: column;
align-items: flex-start;
}

.statistics-page .metrics-chart-grid {
grid-template-columns: 1fr;
gap: 24px;
}

.statistics-page .image-editorial-inner {
grid-template-columns: 1fr;
gap: 40px;
}

.statistics-page .image-editorial-photo img {
height: 320px;
}

.statistics-page .editorial-data-row {
flex-direction: column;
gap: 12px;
}

.statistics-page .breakdown-table-wrapper {
display: none;
}

.statistics-page .breakdown-cards-mobile {
display: flex;
}

.statistics-page .second-image-inner {
grid-template-columns: 1fr;
gap: 40px;
}

.statistics-page .second-image-photo img {
height: 280px;
}
}

@media (max-width: 390px) {
.statistics-page .page-lead-text h1 {
font-size: 36px;
}

.statistics-page .page-lead {
padding: 40px 12px;
}

.statistics-page .metrics-band {
padding: 40px 12px;
}

.statistics-page .image-editorial {
padding: 40px 12px;
}

.statistics-page .breakdown-section {
padding: 40px 12px;
}

.statistics-page .second-image-section {
padding: 40px 12px;
}

.statistics-page .metrics-band-header h2 {
font-size: 36px;
}
}

.about-us-page {
background-color: #EEEFE9;
overflow-x: clip;
position: relative;
}

.about-us-page .split-entry {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 560px;
position: relative;
}

.about-us-page .split-entry-left {
background-color: #1a1100;
background-image:
linear-gradient(rgba(208, 172, 90, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(208, 172, 90, 0.06) 1px, transparent 1px);
background-size: 48px 48px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 40px 80px 80px;
position: relative;
}

.about-us-page .split-entry-left::after {
background: linear-gradient(135deg, rgba(208, 172, 90, 0.18) 0%, transparent 60%);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}

.about-us-page .split-entry-heading {
color: #E4DCBB;
font-size: 66px;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.15;
margin: 0;
position: relative;
z-index: 1;
}

.about-us-page .split-entry-heading span {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
background-image: radial-gradient(circle at top left, #D0AC5A, #E4DCBB 70%);
display: block;
}

.about-us-page .split-entry-accent-dots {
display: flex;
flex-direction: row;
gap: 8px;
margin-top: 24px;
position: relative;
z-index: 1;
}

.about-us-page .split-entry-accent-dots span {
background-color: #D0AC5A;
border-radius: 50%;
display: block;
height: 6px;
opacity: 0.7;
width: 6px;
}

.about-us-page .split-entry-accent-dots span:nth-child(2) {
opacity: 0.45;
}

.about-us-page .split-entry-accent-dots span:nth-child(3) {
opacity: 0.25;
}

.about-us-page .split-entry-right {
overflow: hidden;
position: relative;
}

.about-us-page .split-entry-right::after {
background: linear-gradient(to right, #1a1100 0%, transparent 30%);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 50%;
z-index: 1;
}

.about-us-page .split-entry-image {
display: block;
filter: grayscale(15%) contrast(1.05);
height: 100%;
object-fit: cover;
transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.about-us-page .split-entry-right:hover .split-entry-image {
transform: scale(1.04);
}

.about-us-page .split-entry-grain {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
bottom: 0;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.about-us-page .typewriter-line {
animation: typewriter-reveal 2.2s steps(28, end) 0.4s both;
border-right: 2px solid #D0AC5A;
color: #D0AC5A;
font-size: 14px;
letter-spacing: 0.12em;
line-height: 1.7;
margin-bottom: 24px;
overflow: hidden;
position: relative;
text-transform: uppercase;
white-space: nowrap;
width: 0;
z-index: 1;
}

@keyframes typewriter-reveal {
from {
width: 0;
}

to {
width: 100%;
}
}

.about-us-page .about-body-section {
max-width: 1320px;
margin: 0 auto;
padding: 80px 40px;
position: relative;
}

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

.about-us-page .about-body-primary {
display: flex;
flex-direction: column;
gap: 40px;
}

.about-us-page .about-text-block {
position: relative;
}

.about-us-page .about-text-block::before {
background: linear-gradient(90deg, #D0AC5A, transparent);
content: "";
display: block;
height: 2px;
margin-bottom: 24px;
width: 80px;
}

.about-us-page .about-section-label {
color: #8a7040;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.7;
margin-bottom: 12px;
text-transform: uppercase;
}

.about-us-page .about-section-heading {
font-size: 36px;
font-weight: 700;
line-height: 1.15;
margin: 0 0 24px;
color: #1a1100;
}

.about-us-page .about-section-heading .gradient-underline {
background-image: radial-gradient(circle at top left, #D0AC5A, #E4DCBB 80%);
background-repeat: no-repeat;
background-size: 100% 3px;
background-position: 0 100%;
padding-bottom: 4px;
}

.about-us-page .about-paragraph {
color: #2c2410;
font-size: 14px;
line-height: 1.7;
margin: 0 0 12px;
}

.about-us-page .about-paragraph:first-of-type::first-letter {
color: #D0AC5A;
float: left;
font-size: 50px;
font-weight: 800;
line-height: 1;
margin-right: 8px;
margin-top: 4px;
}

.about-us-page .about-paragraph a {
border-radius: 3px;
color: #7a5e1a;
padding: 0 4px;
text-decoration: none;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

.about-us-page .about-paragraph a:hover {
background-color: #D0AC5A;
color: #1a1100;
}

.about-us-page .dashed-connector {
border-top: 1.5px dashed #D0AC5A;
margin: 8px 0;
opacity: 0.5;
width: 100%;
}

.about-us-page .metrics-row {
display: grid;
gap: 24px;
grid-template-columns: repeat(3, 1fr);
margin-top: 8px;
}

.about-us-page .metric-item {
background-color: #fff;
border-radius: 3px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
overflow: hidden;
padding: 24px;
position: relative;
}

.about-us-page .metric-item::before {
background: linear-gradient(90deg, #D0AC5A 0%, transparent 100%);
content: "";
display: block;
height: 3px;
left: 0;
position: absolute;
top: 0;
width: 0;
animation: fill-left-right 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.8s forwards;
}

@keyframes fill-left-right {
from {
width: 0;
}

to {
width: 100%;
}
}

.about-us-page .metric-number {
color: #1a1100;
font-size: 36px;
font-weight: 800;
line-height: 1.15;
}

.about-us-page .metric-description {
color: #5a4a20;
font-size: 14px;
line-height: 1.7;
margin-top: 8px;
}

.about-us-page .about-body-sidebar {
display: flex;
flex-direction: column;
gap: 24px;
}

.about-us-page .sidebar-image-card {
border-radius: 3px;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
overflow: hidden;
position: relative;
}

.about-us-page .sidebar-image-card img {
display: block;
height: 220px;
object-fit: cover;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.about-us-page .sidebar-image-card:hover img {
transform: scale(1.05);
}

.about-us-page .sidebar-image-card::after {
background: linear-gradient(to top, rgba(26, 17, 0, 0.45) 0%, transparent 60%);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}

.about-us-page .status-indicator-block {
background-color: #fff;
border-radius: 3px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
padding: 24px;
}

.about-us-page .status-indicator-label {
color: #5a4a20;
font-size: 14px;
font-weight: 600;
line-height: 1.7;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.about-us-page .status-bar-track {
background-color: #E4DCBB;
border-radius: 3px;
height: 10px;
margin-bottom: 8px;
overflow: hidden;
position: relative;
box-shadow: inset 0 2px 4px rgba(208, 172, 90, 0.18);
}

.about-us-page .status-bar-fill {
border-radius: 3px;
height: 100%;
animation: fill-left-right 1s cubic-bezier(0.4, 0, 0.2, 1) 1s both;
}

.about-us-page .status-bar-fill.level-high {
background: linear-gradient(90deg, #D0AC5A, #b8902a);
width: 88%;
}

.about-us-page .status-bar-fill.level-medium {
background: linear-gradient(90deg, #c8c060, #D0AC5A);
width: 64%;
}

.about-us-page .status-bar-fill.level-low {
background: linear-gradient(90deg, #e0d8a0, #c8c060);
width: 38%;
}

.about-us-page .status-bar-row {
margin-bottom: 12px;
}

.about-us-page .status-bar-row-label {
color: #2c2410;
display: flex;
flex-direction: row;
font-size: 14px;
justify-content: space-between;
line-height: 1.7;
margin-bottom: 4px;
}

.about-us-page .team-block {
background-color: #2c2410;
border-radius: 28px;
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
margin-top: 40px;
overflow: hidden;
padding: 40px;
position: relative;
}

.about-us-page .team-block::before {
background: radial-gradient(circle at top left, rgba(208, 172, 90, 0.18) 0%, transparent 55%);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}

.about-us-page .team-block-entry-marker {
align-items: center;
display: flex;
flex-direction: row;
gap: 12px;
margin-bottom: 24px;
position: relative;
z-index: 1;
}

.about-us-page .team-block-entry-marker .marker-dot {
background-color: #D0AC5A;
border-radius: 50%;
flex-shrink: 0;
height: 12px;
width: 12px;
}

.about-us-page .team-block-entry-marker .marker-line {
background: linear-gradient(90deg, #D0AC5A, transparent);
flex: 1;
height: 1px;
}

.about-us-page .team-block-entry-marker .marker-label {
color: #D0AC5A;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.about-us-page .team-heading {
color: #E4DCBB;
font-size: 36px;
font-weight: 700;
line-height: 1.15;
margin: 0 0 24px;
position: relative;
z-index: 1;
}

.about-us-page .team-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(3, 1fr);
position: relative;
z-index: 1;
}

.about-us-page .team-member-card {
background-color: rgba(228, 220, 187, 0.07);
border-radius: 3px;
padding: 24px;
transition: background-color 0.28s ease-in-out;
}

.about-us-page .team-member-card:hover {
background-color: rgba(228, 220, 187, 0.14);
}

.about-us-page .team-member-image-wrap {
border-radius: 3px;
height: 160px;
margin-bottom: 12px;
overflow: hidden;
width: 100%;
}

.about-us-page .team-member-image-wrap img {
display: block;
height: 100%;
object-fit: cover;
transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.about-us-page .team-member-card:hover .team-member-image-wrap img {
transform: scale(1.06);
}

.about-us-page .team-member-name {
color: #E4DCBB;
font-size: 14px;
font-weight: 700;
line-height: 1.7;
margin: 0 0 4px;
}

.about-us-page .team-member-role {
color: #D0AC5A;
font-size: 14px;
line-height: 1.7;
margin: 0 0 8px;
}

.about-us-page .team-member-bio {
color: #b8a880;
font-size: 14px;
line-height: 1.7;
margin: 0;
}

.about-us-page .team-block-exit-marker {
align-items: center;
display: flex;
flex-direction: row;
gap: 12px;
margin-top: 24px;
position: relative;
z-index: 1;
}

.about-us-page .team-block-exit-marker .exit-line {
background: linear-gradient(90deg, transparent, #D0AC5A);
flex: 1;
height: 1px;
}

.about-us-page .team-block-exit-marker .exit-dot {
background-color: #D0AC5A;
border-radius: 50%;
flex-shrink: 0;
height: 12px;
width: 12px;
}

.about-us-page .team-block-exit-marker .exit-label {
color: #D0AC5A;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.about-us-page .accent-dots-row {
display: flex;
flex-direction: row;
gap: 8px;
justify-content: center;
margin: 40px 0;
}

.about-us-page .accent-dots-row span {
background-color: #D0AC5A;
border-radius: 50%;
display: block;
height: 5px;
opacity: 0.4;
width: 5px;
}

.about-us-page .accent-dots-row span:nth-child(3) {
opacity: 0.8;
}

.about-us-page .charts-block {
background-color: #fff;
border-radius: 28px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
margin-top: 40px;
padding: 40px;
position: relative;
}

.about-us-page .charts-block-label {
color: #8a7040;
font-size: 14px;
letter-spacing: 0.1em;
margin-bottom: 8px;
text-transform: uppercase;
}

.about-us-page .charts-block-heading {
color: #1a1100;
font-size: 36px;
font-weight: 700;
line-height: 1.15;
margin: 0 0 24px;
}

.about-us-page .charts-wrapper {
overflow: hidden;
}

.about-us-page .charts-wrapper .charts.bar {
--color: #D0AC5A;
--labels-size: 140px;
height: 240px;
}

.about-us-page .charts-wrapper td {
color: #2c2410;
font-size: 14px;
}

.about-us-page .charts-wrapper th {
color: #5a4a20;
font-size: 14px;
}

@media (max-width: 1280px) {
.about-us-page .split-entry {
grid-template-columns: 1fr 1fr;
}

.about-us-page .split-entry-left {
padding: 80px 24px 80px 40px;
}

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

.about-us-page .team-grid {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 768px) {
.about-us-page .split-entry {
grid-template-columns: 1fr;
}

.about-us-page .split-entry-right {
height: 280px;
}

.about-us-page .split-entry-right::after {
background: linear-gradient(to bottom, #1a1100 0%, transparent 40%);
width: 100%;
}

.about-us-page .split-entry-left {
padding: 40px 24px;
}

.about-us-page .split-entry-heading {
font-size: 50px;
}

.about-us-page .about-body-section {
padding: 40px 24px;
}

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

.about-us-page .metrics-row {
grid-template-columns: 1fr;
}

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

.about-us-page .team-block {
padding: 24px;
}

.about-us-page .charts-block {
padding: 24px;
}
}

@media (max-width: 390px) {
.about-us-page .split-entry-heading {
font-size: 36px;
}

.about-us-page .typewriter-line {
font-size: 14px;
}

.about-us-page .about-body-section {
padding: 24px 12px;
}

.about-us-page .team-block {
border-radius: 3px;
padding: 24px 12px;
}
}

.contact-us-page {
background-color: #EEEFE9;
overflow-x: clip;
position: relative;
}

.contact-us-page .greeting-panel {
background: radial-gradient(circle at 0% 0%, #D0AC5A 0%, #E4DCBB 45%, #EEEFE9 100%);
padding: 80px 24px;
position: relative;
overflow: hidden;
}

.contact-us-page .greeting-panel::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, #D0AC5A 0%, #E4DCBB 100%);
}

.contact-us-page .greeting-panel-abbreviation {
color: #D0AC5A;
font-size: 66px;
font-weight: 900;
letter-spacing: 0.18em;
line-height: 1.15;
opacity: 0.13;
pointer-events: none;
position: absolute;
right: 40px;
text-transform: uppercase;
top: 40px;
user-select: none;
}

.contact-us-page .greeting-panel-inner {
margin: 0 auto;
max-width: 1320px;
position: relative;
}

.contact-us-page .greeting-panel-label {
color: #5a4a1e;
font-size: 14px;
letter-spacing: 0.14em;
line-height: 1.7;
margin-bottom: 12px;
text-transform: uppercase;
}

.contact-us-page .greeting-panel-heading {
clip-path: inset(0 100% 0 0);
animation: reveal-heading 0.38s cubic-bezier(0.4, 0, 0.2, 1) 0.08s forwards;
color: #1a0e00;
font-size: 50px;
font-weight: 800;
line-height: 1.15;
margin-bottom: 24px;
max-width: 680px;
}

@keyframes reveal-heading {
to {
clip-path: inset(0 0% 0 0);
}
}

.contact-us-page .greeting-panel-subtext {
color: #2e2200;
font-size: 14px;
line-height: 1.7;
max-width: 520px;
}

.contact-us-page .greeting-panel-subtext::first-letter {
color: #D0AC5A;
float: left;
font-size: 36px;
font-weight: 900;
line-height: 1.15;
margin-right: 8px;
margin-top: 4px;
}

.contact-us-page .greeting-panel-counter-row {
align-items: center;
display: flex;
flex-direction: row;
gap: 40px;
margin-top: 40px;
}

.contact-us-page .greeting-panel-counter-item {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 4px;
}

.contact-us-page .greeting-panel-counter-number {
color: #2e2200;
font-size: 36px;
font-weight: 900;
line-height: 1.15;
}

.contact-us-page .greeting-panel-counter-desc {
color: #5a4a1e;
font-size: 14px;
line-height: 1.7;
}

.contact-us-page .greeting-panel-contact-strip {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
margin-top: 40px;
}

.contact-us-page .greeting-panel-contact-item {
align-items: center;
background-color: rgba(208, 172, 90, 0.12);
border: 1px solid rgba(208, 172, 90, 0.28);
border-radius: 3px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
display: flex;
flex-direction: row;
gap: 8px;
padding: 12px 24px;
}

.contact-us-page .greeting-panel-contact-item-icon {
flex-shrink: 0;
height: 18px;
width: 18px;
}

.contact-us-page .greeting-panel-contact-item-icon svg {
display: block;
height: 100%;
width: 100%;
}

.contact-us-page .greeting-panel-contact-label {
color: #5a4a1e;
font-size: 14px;
line-height: 1.7;
}

.contact-us-page .greeting-panel-contact-link {
border-radius: 3px;
color: #2e2200;
font-size: 14px;
font-weight: 700;
line-height: 1.7;
text-decoration: none;
transition: background-color 0.28s ease-in-out, padding 0.28s ease-in-out;
}

.contact-us-page .greeting-panel-contact-link:hover {
background-color: rgba(208, 172, 90, 0.22);
border-radius: 3px;
padding: 0 4px;
}

.contact-us-page .form-panel {
background-color: #fff;
padding: 80px 24px;
position: relative;
}

.contact-us-page .form-panel::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, #E4DCBB 0%, #D0AC5A 100%);
}

.contact-us-page .form-panel-inner {
display: grid;
gap: 80px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1320px;
}

.contact-us-page .form-panel-description {
align-self: start;
position: relative;
}

.contact-us-page .form-panel-description-abbreviation {
color: #E4DCBB;
font-size: 66px;
font-weight: 900;
left: -12px;
line-height: 1.15;
opacity: 0.5;
pointer-events: none;
position: absolute;
text-transform: uppercase;
top: -24px;
user-select: none;
z-index: 0;
}

.contact-us-page .form-panel-description-content {
position: relative;
z-index: 1;
}

.contact-us-page .form-panel-heading {
color: #1a0e00;
font-size: 36px;
font-weight: 800;
line-height: 1.15;
margin-bottom: 24px;
}

.contact-us-page .form-panel-heading-underline {
background: linear-gradient(120deg, #D0AC5A, #E4DCBB);
display: inline;
text-decoration: underline;
text-decoration-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.contact-us-page .form-panel-body-text {
color: #2e2200;
font-size: 14px;
line-height: 1.7;
margin-bottom: 24px;
}

.contact-us-page .form-panel-body-text::first-letter {
color: #D0AC5A;
float: left;
font-size: 36px;
font-weight: 900;
line-height: 1.15;
margin-right: 8px;
margin-top: 4px;
}

.contact-us-page .form-panel-body-text-secondary {
color: #5a4a1e;
font-size: 14px;
line-height: 1.7;
margin-bottom: 24px;
}

.contact-us-page .form-panel-stats-grid {
border-top: 1px solid rgba(208, 172, 90, 0.25);
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
margin-top: 40px;
padding-top: 40px;
}

.contact-us-page .form-panel-stat {
display: flex;
flex-direction: column;
gap: 4px;
}

.contact-us-page .form-panel-stat-number {
color: #D0AC5A;
font-size: 36px;
font-weight: 900;
line-height: 1.15;
}

.contact-us-page .form-panel-stat-text {
color: #5a4a1e;
font-size: 14px;
line-height: 1.7;
}

.contact-us-page .form-panel-stat-link {
border-radius: 3px;
color: #2e2200;
font-size: 14px;
font-weight: 600;
line-height: 1.7;
text-decoration: underline;
text-decoration-color: #D0AC5A;
transition: background-color 0.26s cubic-bezier(0.4, 0, 0.2, 1), padding 0.26s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-us-page .form-panel-stat-link:hover {
background-color: rgba(208, 172, 90, 0.18);
padding: 0 4px;
}

.contact-us-page .contact-form {
background-color: #EEEFE9;
border-radius: 28px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08), -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
padding: 40px;
}

.contact-us-page .contact-form-group {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 24px;
}

.contact-us-page .contact-form-row {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
margin-bottom: 24px;
}

.contact-us-page .contact-form-row .contact-form-group {
margin-bottom: 0;
}

.contact-us-page .contact-form-label {
color: #2e2200;
font-size: 14px;
font-weight: 700;
line-height: 1.7;
}

.contact-us-page .contact-form-input {
background-color: #fff;
border: 1px solid rgba(208, 172, 90, 0.35);
border-radius: 3px;
box-shadow: inset -1px 3px 2px 0 rgba(208, 172, 90, 0.06);
color: #2e2200;
font-size: 14px;
line-height: 1.7;
outline: none;
padding: 12px;
transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
width: 100%;
}

.contact-us-page .contact-form-input::placeholder {
color: rgba(46, 34, 0, 0.38);
}

.contact-us-page .contact-form-input:focus {
border-color: #D0AC5A;
box-shadow: inset -1px 3px 2px 0 rgba(208, 172, 90, 0.1), 0 0 0 3px rgba(208, 172, 90, 0.16);
}

.contact-us-page .contact-form-checkboxes-heading {
color: #2e2200;
font-size: 14px;
font-weight: 700;
line-height: 1.7;
margin-bottom: 12px;
}

.contact-us-page .contact-form-checkboxes-grid {
display: grid;
gap: 8px;
grid-template-columns: 1fr 1fr;
margin-bottom: 24px;
}

.contact-us-page .contact-form-checkbox-item {
align-items: center;
display: flex;
flex-direction: row;
gap: 8px;
}

.contact-us-page .contact-form-checkbox-input {
accent-color: #D0AC5A;
cursor: pointer;
flex-shrink: 0;
height: 18px;
width: 18px;
}

.contact-us-page .contact-form-checkbox-label {
color: #2e2200;
cursor: pointer;
font-size: 14px;
line-height: 1.7;
}

.contact-us-page .contact-form-privacy-row {
align-items: flex-start;
display: flex;
flex-direction: row;
gap: 8px;
margin-bottom: 24px;
}

.contact-us-page .contact-form-privacy-checkbox {
accent-color: #D0AC5A;
cursor: pointer;
flex-shrink: 0;
height: 18px;
margin-top: 4px;
width: 18px;
}

.contact-us-page .contact-form-privacy-text {
color: #5a4a1e;
font-size: 14px;
line-height: 1.7;
}

.contact-us-page .contact-form-privacy-link {
border-radius: 3px;
color: #2e2200;
font-weight: 700;
text-decoration: underline;
text-decoration-color: #D0AC5A;
transition: background-color 0.28s ease-in-out, padding 0.28s ease-in-out;
}

.contact-us-page .contact-form-privacy-link:hover {
background-color: rgba(208, 172, 90, 0.2);
padding: 0 4px;
}

.contact-us-page .contact-form-submit {
background-color: #2e2200;
border: none;
border-radius: 3px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
color: #E4DCBB;
cursor: pointer;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.7;
padding: 12px 40px;
text-transform: uppercase;
transition: filter 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.contact-us-page .contact-form-submit:hover {
box-shadow: -1px 10px 52px 0 rgba(208, 172, 90, 0.13);
filter: brightness(1.22);
}

.contact-us-page .contact-form-submit:focus {
outline: 3px solid #D0AC5A;
outline-offset: 3px;
}

.contact-us-page .contact-form-submit:active {
filter: brightness(0.92);
}

@media (max-width: 1280px) {
.contact-us-page .form-panel-inner {
gap: 40px;
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 768px) {
.contact-us-page .greeting-panel {
padding: 40px 24px;
}

.contact-us-page .greeting-panel-heading {
font-size: 36px;
}

.contact-us-page .greeting-panel-counter-row {
flex-wrap: wrap;
gap: 24px;
}

.contact-us-page .greeting-panel-contact-strip {
flex-direction: column;
gap: 12px;
}

.contact-us-page .form-panel {
padding: 40px 24px;
}

.contact-us-page .form-panel-inner {
grid-template-columns: 1fr;
gap: 40px;
}

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

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

.contact-us-page .contact-form-row {
grid-template-columns: 1fr;
gap: 12px;
}

.contact-us-page .contact-form-checkboxes-grid {
grid-template-columns: 1fr;
}

.contact-us-page .greeting-panel-abbreviation {
font-size: 36px;
opacity: 0.08;
right: 12px;
top: 12px;
}
}

@media (max-width: 390px) {
.contact-us-page .greeting-panel-heading {
font-size: 36px;
}

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

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

.root {
background: #EEEFE9;
overflow-x: clip;
position: relative;
}

.root .editorial-column {
margin-left: auto;
margin-right: auto;
max-width: 1320px;
padding-left: 80px;
padding-right: 80px;
}

.root .blur-load {
animation: blur-to-sharp 0.7s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes blur-to-sharp {
from {
filter: blur(8px);
opacity: 0;
}

to {
filter: blur(0);
opacity: 1;
}
}

.root .blur-load-delay {
animation: blur-to-sharp 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.2s both;
}

.root .grain-title-block {
background-color: #2a2318;
position: relative;
}

.root .grain-overlay {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");
inset: 0;
pointer-events: none;
position: absolute;
z-index: 0;
}

.root .grain-title-block .reading-flow-arrow {
bottom: 40px;
opacity: 0.18;
pointer-events: none;
position: absolute;
right: 80px;
}

.root .grain-title-block .reading-flow-arrow svg {
display: block;
}

.root .title-asymmetric-grid {
align-items: stretch;
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
z-index: 1;
}

.root .title-image-zone {
overflow: hidden;
position: relative;
}

.root .title-image-zone img {
display: block;
height: 100%;
object-fit: cover;
transform-origin: center center;
transition: transform 6s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.root .title-image-zone:hover img {
transform: scale(1.06);
}

.root .title-vignette {
background: radial-gradient(circle at 50% 50%, transparent 30%, rgba(42, 35, 24, 0.72) 100%);
inset: 0;
pointer-events: none;
position: absolute;
z-index: 1;
}

.root .title-text-zone {
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 40px 80px 80px;
}

.root .title-eyebrow {
color: #D0AC5A;
font-size: 14px;
letter-spacing: 0.18em;
margin-bottom: 24px;
text-transform: uppercase;
}

.root .title-heading {
color: #EEEFE9;
font-size: 66px;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.15;
margin-bottom: 24px;
}

.root .title-heading .punctuation-accent {
color: #D0AC5A;
}

.root .title-subtext {
color: #E4DCBB;
font-size: 14px;
line-height: 1.7;
margin-bottom: 40px;
max-width: 420px;
}

.root .title-cta-group {
align-items: center;
display: flex;
flex-direction: row;
gap: 24px;
}

.root .button-primary {
background: #D0AC5A;
border: none;
border-radius: 3px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.13);
color: #2a2318;
cursor: pointer;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.06em;
padding: 12px 40px;
text-transform: uppercase;
transition: brightness 0.28s ease-in-out;
}

.root .button-primary:hover {
filter: brightness(1.12);
}

.root .button-primary:focus-visible {
outline: 3px solid #D0AC5A !important;
outline-offset: 3px !important;
}

.root .button-ghost {
background: transparent;
border: 1.5px solid rgba(228, 220, 187, 0.45);
border-radius: 3px;
color: #E4DCBB;
cursor: pointer;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.05em;
padding: 12px 24px;
text-transform: uppercase;
transition: border-color 0.32s ease-in-out, color 0.32s ease-in-out;
}

.root .button-ghost:hover {
border-color: #D0AC5A;
color: #D0AC5A;
}

.root .button-ghost:focus-visible {
outline: 3px solid #D0AC5A !important;
outline-offset: 3px !important;
}

.root .team-block {
background: #fff;
padding: 80px 0;
}

.root .team-block .editorial-column {
display: grid;
gap: 80px;
grid-template-columns: 5fr 7fr;
}

.root .team-label {
color: #D0AC5A;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.16em;
margin-bottom: 24px;
text-transform: uppercase;
}

.root .team-heading {
font-size: 36px;
font-weight: 800;
line-height: 1.15;
margin-bottom: 24px;
color: #2a2318;
}

.root .team-heading .gradient-underline {
display: inline;
position: relative;
text-decoration: none;
}

.root .team-heading .gradient-underline::after {
background: linear-gradient(135deg, #D0AC5A, #E4DCBB);
bottom: -4px;
content: "";
display: block;
height: 3px;
left: 0;
position: absolute;
width: 100%;
}

.root .team-body-text {
color: #3a3020;
font-size: 14px;
line-height: 1.7;
}

.root .team-body-text p:first-child::first-letter {
color: #D0AC5A;
float: left;
font-size: 50px;
font-weight: 800;
line-height: 1;
margin-right: 8px;
margin-top: 4px;
}

.root .team-body-text p {
margin-bottom: 24px;
}

.root .team-body-text p:last-child {
margin-bottom: 0;
}

.root .team-image-stack {
display: grid;
gap: 12px;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
}

.root .team-image-frame {
border-radius: 3px;
overflow: hidden;
position: relative;
}

.root .team-image-frame.wide-frame {
grid-column: 1 / 3;
}

.root .team-image-frame img {
display: block;
height: 260px;
object-fit: cover;
transition: transform 5.5s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.root .team-image-frame.wide-frame img {
height: 200px;
}

.root .team-image-frame:hover img {
transform: scale(1.05);
}

.root .metrics-block {
background: #2a2318;
padding: 80px 0;
position: relative;
}

.root .metrics-block .diagonal-accent {
background: linear-gradient(135deg, #D0AC5A 0%, transparent 60%);
height: 100%;
left: 0;
opacity: 0.07;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}

.root .metrics-block .editorial-column {
position: relative;
z-index: 1;
}

.root .metrics-top-row {
align-items: flex-end;
display: flex;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}

.root .metrics-heading-area {
flex: 1;
}

.root .metrics-heading {
color: #E4DCBB;
font-size: 36px;
font-weight: 800;
line-height: 1.15;
margin-bottom: 12px;
}

.root .metrics-subtext {
color: rgba(228, 220, 187, 0.6);
font-size: 14px;
line-height: 1.7;
max-width: 380px;
}

.root .metrics-grid {
display: grid;
gap: 12px;
grid-template-columns: repeat(4, 1fr);
}

.root .metric-card {
background: rgba(228, 220, 187, 0.06);
border: 1px solid rgba(208, 172, 90, 0.18);
border-radius: 3px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
padding: 40px 24px;
text-align: center;
transition: background 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

.root .metric-card:hover {
background: rgba(208, 172, 90, 0.1);
border-color: rgba(208, 172, 90, 0.4);
}

.root .metric-number {
color: #D0AC5A;
display: block;
font-size: 50px;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.15;
margin-bottom: 8px;
}

.root .metric-label {
color: #E4DCBB;
font-size: 14px;
line-height: 1.7;
opacity: 0.75;
}

.root .metrics-chart-row {
margin-top: 40px;
}

.root .chart-label-row {
align-items: center;
display: flex;
flex-direction: row;
gap: 24px;
margin-bottom: 24px;
}

.root .chart-label-heading {
color: #E4DCBB;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.root .chart-divider {
background: rgba(208, 172, 90, 0.2);
flex: 1;
height: 1px;
}

.root .bar-visual-list {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}

.root .bar-visual-item {
align-items: center;
display: flex;
flex-direction: row;
gap: 12px;
}

.root .bar-visual-label {
color: rgba(228, 220, 187, 0.7);
font-size: 14px;
min-width: 160px;
text-align: right;
}

.root .bar-visual-track {
background: rgba(228, 220, 187, 0.08);
border-radius: 3px;
flex: 1;
height: 8px;
overflow: hidden;
}

.root .bar-visual-fill {
background: linear-gradient(135deg, #D0AC5A, #E4DCBB);
border-radius: 3px;
height: 100%;
transition: width 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}

.root .bar-visual-value {
color: #D0AC5A;
font-size: 14px;
font-weight: 700;
min-width: 40px;
}

.root .conditions-block {
background: #EEEFE9;
padding: 80px 0;
}

.root .conditions-block .editorial-column {
display: grid;
gap: 80px;
grid-template-columns: 7fr 5fr;
}

.root .conditions-text-side {
display: flex;
flex-direction: column;
}

.root .conditions-label {
color: #D0AC5A;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.16em;
margin-bottom: 24px;
text-transform: uppercase;
}

.root .conditions-heading {
color: #2a2318;
font-size: 36px;
font-weight: 800;
line-height: 1.15;
margin-bottom: 24px;
}

.root .conditions-body {
color: #3a3020;
font-size: 14px;
line-height: 1.7;
margin-bottom: 40px;
}

.root .conditions-body p {
margin-bottom: 24px;
}

.root .conditions-body p:first-child::first-letter {
color: #D0AC5A;
float: left;
font-size: 50px;
font-weight: 800;
line-height: 1;
margin-right: 8px;
margin-top: 4px;
}

.root .conditions-list {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}

.root .conditions-list-item {
align-items: flex-start;
background: #fff;
border-radius: 3px;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
display: flex;
flex-direction: row;
gap: 12px;
padding: 24px;
transition: box-shadow 0.28s ease-in-out;
}

.root .conditions-list-item:hover {
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.13);
}

.root .conditions-list-marker {
background: #D0AC5A;
border-radius: 3px;
flex-shrink: 0;
height: 8px;
margin-top: 8px;
width: 8px;
}

.root .conditions-list-text {
color: #3a3020;
font-size: 14px;
line-height: 1.7;
}

.root .conditions-image-side {
display: flex;
flex-direction: column;
gap: 12px;
}

.root .conditions-image-frame {
border-radius: 3px;
flex: 1;
overflow: hidden;
}

.root .conditions-image-frame img {
display: block;
height: 100%;
min-height: 220px;
object-fit: cover;
transition: transform 5s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.root .conditions-image-frame:hover img {
transform: scale(1.05);
}

.root .gap-block {
background: #fff;
padding: 80px 0;
position: relative;
}

.root .gap-block .diagonal-bg {
background: linear-gradient(160deg, #E4DCBB 0%, transparent 45%);
inset: 0;
pointer-events: none;
position: absolute;
z-index: 0;
}

.root .gap-block .editorial-column {
position: relative;
z-index: 1;
}

.root .gap-centered {
margin-left: auto;
margin-right: auto;
max-width: 780px;
text-align: center;
}

.root .gap-label {
color: #D0AC5A;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.16em;
margin-bottom: 24px;
text-transform: uppercase;
}

.root .gap-heading {
color: #2a2318;
font-size: 50px;
font-weight: 800;
line-height: 1.15;
margin-bottom: 24px;
}

.root .gap-body {
color: #3a3020;
font-size: 14px;
line-height: 1.7;
margin-bottom: 40px;
text-align: left;
}

.root .gap-body p {
margin-bottom: 24px;
}

.root .gap-body p:first-child::first-letter {
color: #D0AC5A;
float: left;
font-size: 50px;
font-weight: 800;
line-height: 1;
margin-right: 8px;
margin-top: 4px;
}

.root .gap-image-row {
display: grid;
gap: 12px;
grid-template-columns: 1fr 1fr;
margin-bottom: 40px;
}

.root .gap-image-frame {
border-radius: 3px;
overflow: hidden;
}

.root .gap-image-frame img {
display: block;
height: 280px;
object-fit: cover;
transition: transform 5.8s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}

.root .gap-image-frame:hover img {
transform: scale(1.05);
}

.root .gap-cta-row {
align-items: center;
display: flex;
flex-direction: row;
gap: 24px;
justify-content: center;
}

.root .button-dark {
background: #2a2318;
border: none;
border-radius: 3px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
color: #E4DCBB;
cursor: pointer;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.06em;
padding: 12px 40px;
text-transform: uppercase;
transition: filter 0.26s ease-in-out;
}

.root .button-dark:hover {
filter: brightness(1.18);
}

.root .button-dark:focus-visible {
outline: 3px solid #D0AC5A !important;
outline-offset: 3px !important;
}

.root .decorative-circles {
pointer-events: none;
position: absolute;
}

.root .circle-stack {
height: 340px;
position: relative;
width: 340px;
}

.root .circle-stack .ring {
border-radius: 28px;
border-style: solid;
border-width: 1px;
position: absolute;
}

.root .circle-stack .ring-one {
border-color: rgba(208, 172, 90, 0.12);
height: 200px;
left: 0;
top: 0;
width: 200px;
}

.root .circle-stack .ring-two {
border-color: rgba(208, 172, 90, 0.08);
height: 280px;
left: 30px;
top: 30px;
width: 280px;
}

.root .circle-stack .ring-three {
border-color: rgba(208, 172, 90, 0.05);
height: 340px;
left: 60px;
top: 60px;
width: 340px;
}

.root a.content-link {
background: transparent;
border-radius: 28px;
color: #2a2318;
padding: 4px 8px;
text-decoration: underline;
text-decoration-color: #D0AC5A;
transition: background 0.27s ease-in-out, color 0.27s ease-in-out;
}

.root a.content-link:hover {
background: #D0AC5A;
color: #2a2318;
text-decoration: none;
}

.root .hover-word-underline-group .word-unit {
display: inline-block;
position: relative;
}

.root .hover-word-underline-group:hover .word-unit:nth-child(1)::after {
width: 100%;
}

.root .hover-word-underline-group:hover .word-unit:nth-child(2)::after {
transition-delay: 0.1s;
width: 100%;
}

.root .hover-word-underline-group:hover .word-unit:nth-child(3)::after {
transition-delay: 0.2s;
width: 100%;
}

.root .hover-word-underline-group:hover .word-unit:nth-child(4)::after {
transition-delay: 0.3s;
width: 100%;
}

.root .word-unit::after {
background: linear-gradient(135deg, #D0AC5A, #E4DCBB);
bottom: -2px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
width: 0;
}

@media (max-width: 1280px) {
.root .editorial-column {
padding-left: 40px;
padding-right: 40px;
}

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

.root .metrics-top-row {
flex-direction: column;
gap: 24px;
}

.root .title-text-zone {
padding: 80px 40px;
}
}

@media (max-width: 768px) {
.root .editorial-column {
padding-left: 24px;
padding-right: 24px;
}

.root .title-asymmetric-grid {
grid-template-columns: 1fr;
}

.root .title-image-zone {
height: 280px;
}

.root .title-text-zone {
padding: 40px 24px;
}

.root .title-heading {
font-size: 36px;
}

.root .team-block .editorial-column {
grid-template-columns: 1fr;
gap: 40px;
}

.root .team-image-stack {
grid-template-columns: 1fr;
}

.root .team-image-frame.wide-frame {
grid-column: auto;
}

.root .metrics-grid {
grid-template-columns: 1fr 1fr;
}

.root .conditions-block .editorial-column {
grid-template-columns: 1fr;
gap: 40px;
}

.root .gap-heading {
font-size: 36px;
}

.root .gap-image-row {
grid-template-columns: 1fr;
}

.root .gap-cta-row {
flex-direction: column;
}

.root .title-cta-group {
flex-direction: column;
align-items: flex-start;
}

.root .bar-visual-label {
min-width: 110px;
}
}

@media (max-width: 390px) {
.root .title-heading {
font-size: 36px;
}

.root .metrics-grid {
grid-template-columns: 1fr;
}

.root .metric-number {
font-size: 36px;
}

.root .gap-heading {
font-size: 36px;
}

.root .editorial-column {
padding-left: 12px;
padding-right: 12px;
}
}

.form-success-page {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 24px;
background: #EEEFE9;
}

.form-success-page .success-wrapper {
background: #ffffff;
border-radius: 28px;
box-shadow: -1px 7px 28px 0 rgba(208, 172, 90, 0.08);
max-width: 560px;
padding: 80px 40px;
text-align: center;
width: 100%;
}

.form-success-page .success-icon-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}

.form-success-page .success-icon-shape {
width: 72px;
height: 72px;
border-radius: 28px;
background: linear-gradient(circle at top left, #D0AC5A, transparent);
background-color: #E4DCBB;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08), inset 0 1px 4px 0 rgba(208, 172, 90, 0.18);
}

.form-success-page .success-icon-shape svg {
display: block;
}

.form-success-page .success-heading {
font-size: 36px;
line-height: 1.15;
color: #1b1b17;
margin: 0 0 24px 0;
letter-spacing: -0.01em;
}

.form-success-page .success-description {
font-size: 14px;
line-height: 1.7;
color: #3a3a30;
margin: 0 0 40px 0;
}

.form-success-page .success-divider {
width: 48px;
height: 3px;
border-radius: 3px;
background: linear-gradient(circle at top left, #D0AC5A, #E4DCBB);
margin: 0 auto 40px auto;
}

.form-success-page .success-return-link {
display: inline-block;
background: #1b1b17;
color: #E4DCBB;
font-size: 14px;
line-height: 1.15;
padding: 12px 40px;
border-radius: 3px;
text-decoration: none;
transition: brightness 0.28s ease-in-out;
box-shadow: -1px 3px 2px 0 rgba(208, 172, 90, 0.08);
}

.form-success-page .success-return-link:hover {
filter: brightness(1.25);
}

.form-success-page .success-return-link:focus {
outline: 2px solid #D0AC5A;
outline-offset: 3px;
}

@media (max-width: 768px) {
.form-success-page {
padding: 40px 24px;
}

.form-success-page .success-wrapper {
padding: 40px 24px;
}

.form-success-page .success-heading {
font-size: 36px;
}
}

@media (max-width: 390px) {
.form-success-page .success-wrapper {
padding: 40px 12px;
}
}