@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;500;700&display=swap');

body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
word-break: break-word;
overflow-wrap: anywhere;
}

.hd-strip {
height: 4px;
background: linear-gradient(90deg, #8B8B45 0%, #C8D2B0 60%, #8B8B45 100%);
width: 100%;
}

.hd-body {
background: #FDFDFC;
font-family: 'Bitter', Georgia, serif;
border-bottom: 1px solid rgba(139, 139, 69, 0.15);
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.hd-logo-row {
display: flex;
justify-content: center;
align-items: center;
padding: 24px 48px;
}

.hd-logo-box {
border-top: 2px solid rgba(139, 139, 69, 0.35);
border-bottom: 2px solid rgba(139, 139, 69, 0.35);
padding: 16px 24px;
border-radius: 0px 10px 0px 10px;
background: rgba(200, 210, 176, 0.12);
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08), inset 0 4px 10px rgba(139, 139, 69, 0.06);
display: flex;
align-items: center;
justify-content: center;
}

.hd-logo-box img {
width: 90px;
height: 90px;
object-fit: contain;
display: block;
}

.hd-trust-row {
display: flex;
justify-content: center;
align-items: center;
padding: 0 48px 8px;
}

.hd-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(200, 210, 176, 0.25);
border: 1px solid rgba(139, 139, 69, 0.22);
border-radius: 6px;
padding: 8px 16px;
font-family: 'Bitter', Georgia, serif;
font-size: 14px;
font-weight: 500;
color: #3a3a1a;
line-height: 1.4;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
}

.hd-badge-dot {
width: 8px;
height: 8px;
border-radius: 0px;
background: #8B8B45;
flex-shrink: 0;
transform: rotate(45deg);
}

.hd-nav-row {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 48px 24px;
flex-wrap: wrap;
gap: 8px;
}

.hd-nav-row a {
font-family: 'Bitter', Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #3a3a1a;
text-decoration: none;
padding: 8px 16px;
border-radius: 6px;
border: 1px solid transparent;
line-height: 1.4;
min-height: 44px;
display: inline-flex;
align-items: center;
transition: color 0.25s ease-out, background 0.2s ease-out, border-color 0.2s ease-out;
position: relative;
}

.hd-nav-row a:hover {
color: #8B8B45;
background: rgba(200, 210, 176, 0.18);
border-color: rgba(139, 139, 69, 0.2);
}

.hd-nav-row a:focus-visible {
outline: 2px solid #8B8B45;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.15);
}

.hd-nav-row a:active {
transform: scale(0.97);
}

.hd-nav-sep {
width: 4px;
height: 4px;
background: rgba(139, 139, 69, 0.4);
border-radius: 0px;
transform: rotate(45deg);
flex-shrink: 0;
}

ft-wrap {
display: block;
}

.ft-wrap {
font-family: 'Bitter', Georgia, serif;
background: #FDFDFC;
box-shadow: 2px -6px 22px -2px rgba(139, 139, 69, 0.09), inset 0 8px 10px rgba(200, 210, 176, 0.18);
border-top: 2px solid rgba(139, 139, 69, 0.18);
}

.ft-upper {
max-width: 1500px;
margin: 0 auto;
padding: 48px 48px 24px;
display: flex;
align-items: flex-start;
gap: 48px;
flex-wrap: wrap;
}

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

.ft-logo-box {
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 8px;
border-radius: 10px 0px 10px 0px;
background: rgba(200, 210, 176, 0.2);
border: 1px solid rgba(139, 139, 69, 0.2);
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
width: fit-content;
}

.ft-logo-box img {
width: 80px;
height: 80px;
object-fit: contain;
display: block;
}

.ft-tagline {
font-size: 14px;
color: #5a5a2a;
line-height: 1.6;
font-weight: 400;
max-width: 200px;
}

.ft-contact {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
min-width: 200px;
}

.ft-contact-label {
font-size: 14px;
font-weight: 700;
color: #3a3a1a;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0;
margin-bottom: 8px;
}

.ft-contact a,
.ft-contact span {
font-size: 14px;
color: #5a5a2a;
line-height: 1.6;
text-decoration: none;
display: block;
}

.ft-contact a:hover {
color: #8B8B45;
transition: color 0.2s ease-out;
}

.ft-contact a:focus-visible {
outline: 2px solid #8B8B45;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.15);
border-radius: 6px;
}

.ft-mid {
max-width: 1500px;
margin: 0 auto;
padding: 24px 48px;
border-top: 1px solid rgba(139, 139, 69, 0.12);
border-bottom: 1px solid rgba(139, 139, 69, 0.12);
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}

.ft-mid a {
font-size: 14px;
color: #5a5a2a;
text-decoration: none;
line-height: 1.4;
padding: 8px 0;
min-height: 44px;
display: inline-flex;
align-items: center;
transition: color 0.22s ease-out;
}

.ft-mid a:hover {
color: #8B8B45;
}

.ft-mid a:focus-visible {
outline: 2px solid #8B8B45;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.15);
border-radius: 6px;
}

.ft-mid-sep {
width: 3px;
height: 3px;
background: rgba(139, 139, 69, 0.35);
border-radius: 0px;
transform: rotate(45deg);
flex-shrink: 0;
}

.ft-lower {
max-width: 1500px;
margin: 0 auto;
padding: 16px 48px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}

.ft-copy {
font-size: 14px;
color: #7a7a4a;
line-height: 1.4;
}

.ft-neo-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #FDFDFC;
border-radius: 6px;
padding: 8px 16px;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08), inset 0 4px 10px rgba(200, 210, 176, 0.12), 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
font-size: 14px;
color: #5a5a2a;
font-weight: 500;
font-family: 'Bitter', Georgia, serif;
line-height: 1.4;
}

.ft-neo-dot {
width: 6px;
height: 6px;
background: #8B8B45;
border-radius: 0px;
transform: rotate(45deg);
flex-shrink: 0;
}

.ck-toast {
position: fixed;
top: 24px;
right: 24px;
z-index: 4000;
width: 320px;
background: #FDFDFC;
border-radius: 10px;
border: 1px solid rgba(139, 139, 69, 0.22);
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12), 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
padding: 24px;
font-family: 'Bitter', Georgia, serif;
display: none;
}

.ck-desc {
font-size: 14px;
color: #3a3a1a;
line-height: 1.6;
margin-bottom: 16px;
}

.ck-desc strong {
font-weight: 700;
color: #3a3a1a;
}

.ck-btns {
display: flex;
gap: 8px;
}

.ck-btn {
flex: 1;
font-family: 'Bitter', Georgia, serif;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
padding: 8px 16px;
border-radius: 6px;
cursor: pointer;
min-height: 44px;
border: 1px solid rgba(139, 139, 69, 0.4);
background: transparent;
color: #3a3a1a;
transition: background 0.25s ease-out, color 0.2s ease-out, transform 0.15s ease-out;
}

.ck-btn:hover {
background: rgba(139, 139, 69, 0.1);
color: #8B8B45;
}

.ck-btn:active {
transform: scale(0.97);
}

.ck-btn:focus-visible {
outline: 2px solid #8B8B45;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.15);
}

.ck-btn.accept {
background: rgba(139, 139, 69, 0.12);
color: #3a3a1a;
border-color: #8B8B45;
}

.ck-btn.accept:hover {
background: rgba(139, 139, 69, 0.22);
color: #3a3a1a;
}

.ck-policy-ref {
margin-top: 8px;
font-size: 14px;
color: #7a7a4a;
line-height: 1.4;
}

.ck-policy-ref a {
color: #8B8B45;
text-decoration: underline;
}

.ck-policy-ref a:focus-visible {
outline: 2px solid #8B8B45;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.15);
border-radius: 6px;
}

.pref-tab {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 3999;
background: #8B8B45;
color: #FDFDFC;
font-family: 'Bitter', Georgia, serif;
font-size: 14px;
font-weight: 500;
writing-mode: vertical-rl;
text-orientation: mixed;
padding: 16px 8px;
border-radius: 0px 6px 6px 0px;
cursor: pointer;
border: none;
line-height: 1.4;
min-height: 44px;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
transition: background 0.22s ease-out, color 0.2s ease-out;
display: none;
}

.pref-tab:hover {
background: #6d6d33;
}

.pref-tab:focus-visible {
outline: 2px solid #3a3a1a;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.2);
}

.pref-panel {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 4000;
width: 300px;
background: #FDFDFC;
border-radius: 0px 10px 10px 0px;
border: 1px solid rgba(139, 139, 69, 0.22);
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
padding: 24px;
font-family: 'Bitter', Georgia, serif;
display: none;
}

.pref-panel-title {
font-size: 18px;
font-weight: 700;
color: #3a3a1a;
line-height: 1.4;
margin-bottom: 16px;
}

.pref-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid rgba(139, 139, 69, 0.1);
}

.pref-item-label {
font-size: 14px;
color: #3a3a1a;
line-height: 1.4;
}

.pref-item-note {
font-size: 14px;
color: #7a7a4a;
line-height: 1.4;
}

.pref-toggle {
width: 36px;
height: 20px;
border-radius: 10px;
border: 1px solid rgba(139, 139, 69, 0.4);
background: transparent;
cursor: pointer;
position: relative;
transition: background 0.2s ease-out;
flex-shrink: 0;
}

.pref-toggle.on {
background: rgba(139, 139, 69, 0.3);
border-color: #8B8B45;
}

.pref-toggle:focus-visible {
outline: 2px solid #8B8B45;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.15);
}

.pref-save {
margin-top: 16px;
width: 100%;
font-family: 'Bitter', Georgia, serif;
font-size: 14px;
font-weight: 500;
padding: 8px 16px;
border-radius: 6px;
border: 1px solid #8B8B45;
background: rgba(139, 139, 69, 0.12);
color: #3a3a1a;
cursor: pointer;
min-height: 44px;
transition: background 0.22s ease-out, color 0.2s ease-out, transform 0.15s ease-out;
}

.pref-save:hover {
background: rgba(139, 139, 69, 0.22);
}

.pref-save:active {
transform: scale(0.97);
}

.pref-save:focus-visible {
outline: 2px solid #8B8B45;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(139, 139, 69, 0.15);
}

@media (max-width: 640px) {
.hd-logo-row {
padding: 16px 24px;
}

.hd-trust-row {
padding: 0 24px 8px;
}

.hd-nav-row {
padding: 8px 24px 16px;
gap: 8px;
}

.hd-nav-row a {
font-size: 14px;
padding: 8px;
}

.ft-upper {
padding: 24px 24px 16px;
flex-direction: column;
gap: 24px;
}

.ft-mid {
padding: 16px 24px;
}

.ft-lower {
padding: 16px 24px;
flex-direction: column;
align-items: flex-start;
}

.ck-toast {
width: calc(100vw - 48px);
right: 24px;
left: 24px;
top: 16px;
}

.pref-panel {
width: 260px;
}
}

.it-policy-details {
max-width: 1500px;
margin: 0 auto;
padding: 48px 24px;
}

.it-policy-details h1 {
font-size: 70px;
line-height: 1.2;
color: #2a2a1e;
padding-bottom: 24px;
border-bottom: 2px solid #C8D2B0;
margin-bottom: 48px;
margin-top: 0;
}

.it-policy-details h2 {
font-size: 24px;
line-height: 1.4;
color: #2a2a1e;
margin-top: 48px;
margin-bottom: 16px;
}

.it-policy-details h3 {
font-size: 18px;
line-height: 1.4;
color: #3a3a22;
margin-top: 24px;
margin-bottom: 16px;
}

.it-policy-details h4 {
font-size: 18px;
line-height: 1.6;
color: #3a3a22;
margin-top: 24px;
margin-bottom: 8px;
}

.it-policy-details h5 {
font-size: 14px;
line-height: 1.6;
color: #4a4a2a;
margin-top: 16px;
margin-bottom: 8px;
text-transform: uppercase;
}

.it-policy-details h6 {
font-size: 14px;
line-height: 1.6;
color: #6a6a3a;
margin-top: 16px;
margin-bottom: 8px;
}

.it-policy-details p {
font-size: 18px;
line-height: 1.9;
color: #333320;
margin-top: 0;
margin-bottom: 16px;
}

.it-policy-details ul {
font-size: 18px;
line-height: 1.9;
color: #333320;
padding-left: 24px;
margin-top: 0;
margin-bottom: 24px;
list-style: none;
}

.it-policy-details ol {
font-size: 18px;
line-height: 1.9;
color: #333320;
padding-left: 24px;
margin-top: 0;
margin-bottom: 24px;
list-style: decimal;
}

.it-policy-details ul li {
position: relative;
padding-left: 16px;
margin-bottom: 8px;
}

.it-policy-details ul li::before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 5px;
height: 5px;
background-color: #8B8B45;
border-radius: 0px;
transform: rotate(45deg);
}

.it-policy-details ol li {
padding-left: 8px;
margin-bottom: 8px;
}

.it-policy-details ol li::marker {
color: #8B8B45;
font-size: 14px;
}

.it-policy-details ul ul,
.it-policy-details ol ul,
.it-policy-details ul ol,
.it-policy-details ol ol {
margin-top: 8px;
margin-bottom: 8px;
}

.it-policy-details strong,
.it-policy-details b {
color: #2a2a1e;
font-weight: 700;
}

.it-policy-details hr {
border: none;
border-top: 1px solid #C8D2B0;
margin-top: 48px;
margin-bottom: 48px;
opacity: 0.7;
}

.it-policy-details div {
font-size: 18px;
line-height: 1.9;
color: #333320;
}

.it-policy-details div+div {
margin-top: 16px;
}

@media (max-width: 768px) {
.it-policy-details {
padding: 24px 16px;
}

.it-policy-details h1 {
font-size: 24px;
line-height: 1.2;
margin-bottom: 24px;
padding-bottom: 16px;
}

.it-policy-details h2 {
font-size: 18px;
margin-top: 24px;
}

.it-policy-details h3,
.it-policy-details h4 {
font-size: 14px;
margin-top: 16px;
}

.it-policy-details p,
.it-policy-details ul,
.it-policy-details ol,
.it-policy-details div {
font-size: 14px;
line-height: 1.6;
}

.it-policy-details ul li::before {
top: 9px;
}

.it-policy-details hr {
margin-top: 24px;
margin-bottom: 24px;
}
}

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

.bse .dot-border {
position: absolute;
top: 0;
right: 0;
width: 180px;
height: 100%;
pointer-events: none;
z-index: 0;
overflow: hidden;
}

.bse .dot-border::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle, #8B8B45 1.5px, transparent 1.5px),
radial-gradient(circle, #8B8B45 2.5px, transparent 2.5px),
radial-gradient(circle, #C8D2B0 1px, transparent 1px);
background-size: 22px 22px, 38px 38px, 15px 15px;
background-position: 0 0, 11px 11px, 5px 5px;
opacity: 0.18;
}

.bse .pg-title {
display: grid;
grid-template-columns: 320px 1fr;
align-items: stretch;
min-height: 0;
padding: 48px 48px 48px 48px;
gap: 48px;
background: #FDFDFC;
position: relative;
z-index: 1;
}

.bse .pg-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: radial-gradient(circle at top left, #8B8B45, transparent 70%);
opacity: 0.5;
}

.bse .pg-title .img-col {
position: relative;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
}

.bse .pg-title .img-col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.7) brightness(0.92);
transition: filter 0.25s ease-out;
}

.bse .pg-title .img-col::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at top left, rgba(139, 139, 69, 0.38), transparent 70%);
border-radius: 10px;
pointer-events: none;
}

.bse .pg-title .txt-col {
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
padding: 8px 0;
position: relative;
}

.bse .pg-title .txt-col .draw-line {
position: absolute;
bottom: -8px;
left: 0;
height: 2px;
width: 0;
background: #8B8B45;
animation: draw-underline 0.45s ease-out 0.2s forwards;
border-radius: 0;
}

@keyframes draw-underline {
to {
width: 72px;
}
}

.bse .pg-title .txt-col .pre-label {
font-size: 14px;
line-height: 1.4;
color: #8B8B45;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}

.bse .pg-title .txt-col h1 {
font-size: 70px;
line-height: 1.2;
font-weight: 900;
color: #2a2a20;
margin: 0;
padding: 0;
}

.bse .pg-title .txt-col .sub {
font-size: 18px;
line-height: 1.6;
color: #4a4a38;
margin: 0;
max-width: 540px;
}

.bse .pg-title .txt-col .act-lnk {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 18px;
line-height: 1.4;
color: #8B8B45;
font-weight: 700;
text-decoration: none;
border: 2px solid #8B8B45;
padding: 8px 24px;
border-radius: 6px;
width: fit-content;
background: transparent;
transition: background 0.22s ease-out, color 0.22s ease-out;
}

.bse .pg-title .txt-col .act-lnk:hover {
background: #8B8B45;
color: #FDFDFC;
}

.bse .pg-title .txt-col .act-lnk:active {
transform: scale(0.97);
}

.bse .pg-title .dir-deco {
position: absolute;
right: 48px;
top: 48px;
display: flex;
flex-direction: column;
gap: 8px;
opacity: 0.22;
pointer-events: none;
}

.bse .pg-title .dir-deco span {
display: block;
height: 2px;
background: #8B8B45;
border-radius: 0;
}

.bse .pg-title .dir-deco span:nth-child(1) {
width: 48px;
}

.bse .pg-title .dir-deco span:nth-child(2) {
width: 32px;
}

.bse .pg-title .dir-deco span:nth-child(3) {
width: 16px;
}

.bse .wave-div {
width: 100%;
overflow: hidden;
line-height: 0;
height: 48px;
}

.bse .wave-div svg {
display: block;
width: 100%;
height: 48px;
}

.bse .fit-sec {
padding: 48px 48px;
background: #f5f5ee;
position: relative;
z-index: 1;
}

.bse .fit-sec .fit-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.bse .fit-sec .fit-hd {
font-size: 24px;
line-height: 1.4;
font-weight: 900;
color: #2a2a20;
margin: 0 0 16px 0;
}

.bse .fit-sec .fit-img-wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.bse .fit-sec .fit-img-wrap img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
filter: saturate(0.8) brightness(0.95);
}

.bse .fit-sec .fit-txt {
display: flex;
flex-direction: column;
gap: 16px;
}

.bse .fit-sec .fit-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
border-radius: 6px;
background: #FDFDFC;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
transition: box-shadow 0.2s ease-out;
}

.bse .fit-sec .fit-item:hover {
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.bse .fit-sec .fit-num {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid #8B8B45;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: #8B8B45;
position: relative;
}

.bse .fit-sec .fit-num::before {
content: "";
position: absolute;
inset: -4px;
border-radius: 50%;
border: 1.5px solid transparent;
border-top-color: #8B8B45;
border-right-color: #C8D2B0;
pointer-events: none;
}

.bse .fit-sec .fit-item-txt h5 {
font-size: 14px;
line-height: 1.4;
font-weight: 700;
color: #2a2a20;
margin: 0 0 8px 0;
}

.bse .fit-sec .fit-item-txt p {
font-size: 14px;
line-height: 1.6;
color: #4a4a38;
margin: 0;
}

.bse .fit-sec .fit-item-txt .lead {
font-weight: 700;
color: #8B8B45;
}

.bse .fit-sec .blur-group .fit-item {
transition: filter 0.18s ease-out, box-shadow 0.18s ease-out;
}

.bse .fit-sec .blur-group:hover .fit-item {
filter: blur(1.5px);
opacity: 0.7;
}

.bse .fit-sec .blur-group:hover .fit-item:hover {
filter: none;
opacity: 1;
}

.bse .wave-div-2 {
width: 100%;
overflow: hidden;
line-height: 0;
height: 40px;
}

.bse .wave-div-2 svg {
display: block;
width: 100%;
height: 40px;
}

.bse .assoc-sec {
padding: 48px 48px;
background: #FDFDFC;
position: relative;
z-index: 1;
}

.bse .assoc-sec .assoc-inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
align-items: start;
}

.bse .assoc-sec .assoc-lft h2 {
font-size: 24px;
line-height: 1.4;
font-weight: 900;
color: #2a2a20;
margin: 0 0 16px 0;
}

.bse .assoc-sec .assoc-lft p {
font-size: 14px;
line-height: 1.6;
color: #4a4a38;
margin: 0;
}

.bse .assoc-sec .assoc-lft .lead {
font-weight: 700;
color: #8B8B45;
}

.bse .assoc-sec .assoc-img-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.bse .assoc-sec .assoc-img-card {
border-radius: 10px;
overflow: hidden;
position: relative;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.bse .assoc-sec .assoc-img-card img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
filter: saturate(0.75) brightness(0.93);
transition: filter 0.28s ease-out;
}

.bse .assoc-sec .assoc-img-card:hover img {
filter: saturate(1) brightness(1);
}

.bse .assoc-sec .assoc-img-card .card-tag {
position: absolute;
bottom: 8px;
left: 8px;
background: rgba(139, 139, 69, 0.88);
color: #FDFDFC;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
padding: 8px 16px;
border-radius: 6px;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}

.bse .assoc-sec .assoc-badges {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}

.bse .assoc-sec .assoc-badge {
font-size: 14px;
line-height: 1.4;
color: #2a2a20;
background: #C8D2B0;
border-radius: 6px;
padding: 8px 16px;
font-weight: 700;
}

.bse .assoc-sec .assoc-quote {
margin: 16px 0 0 0;
font-size: 18px;
line-height: 1.6;
color: #4a4a38;
font-style: italic;
}

.bse .assoc-sec .assoc-quote::before {
content: "\201C";
color: #8B8B45;
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 1;
margin-right: 4px;
}

.bse .assoc-sec .assoc-quote::after {
content: "\201D";
color: #8B8B45;
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 1;
margin-left: 4px;
}

.bse .wave-div-3 {
width: 100%;
overflow: hidden;
line-height: 0;
height: 44px;
}

.bse .wave-div-3 svg {
display: block;
width: 100%;
height: 44px;
}

.bse .proof-sec {
padding: 48px 48px;
background: #f0f0e6;
position: relative;
z-index: 1;
}

.bse .proof-sec::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at top left, rgba(139, 139, 69, 0.07), transparent 60%);
pointer-events: none;
}

.bse .proof-sec .proof-hd {
font-size: 24px;
line-height: 1.4;
font-weight: 900;
color: #2a2a20;
margin: 0 0 8px 0;
}

.bse .proof-sec .proof-sub {
font-size: 14px;
line-height: 1.6;
color: #4a4a38;
margin: 0 0 48px 0;
max-width: 560px;
}

.bse .proof-sec .proof-sub .lead {
font-weight: 700;
color: #8B8B45;
}

.bse .proof-sec .proof-cols {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
align-items: start;
}

.bse .proof-sec .proof-cols .proof-mid {
grid-row: 1;
position: relative;
top: -16px;
}

.bse .proof-sec .proof-card {
background: #FDFDFC;
border-radius: 10px;
padding: 24px;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
display: flex;
flex-direction: column;
gap: 16px;
transition: box-shadow 0.35s ease-out;
}

.bse .proof-sec .proof-card:hover {
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
}

.bse .proof-sec .proof-card .prf-name {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #2a2a20;
margin: 0;
}

.bse .proof-sec .proof-card .prf-role {
font-size: 14px;
line-height: 1.4;
color: #8B8B45;
font-weight: 700;
margin: 0;
}

.bse .proof-sec .proof-card .prf-sit {
font-size: 14px;
line-height: 1.6;
color: #4a4a38;
margin: 0;
}

.bse .proof-sec .proof-card .prf-sit .lead {
font-weight: 700;
color: #2a2a20;
}

.bse .proof-sec .proof-card .prf-out {
font-size: 14px;
line-height: 1.6;
color: #4a4a38;
margin: 0;
padding: 8px 16px;
border-left: 3px solid #8B8B45;
border-top: 1px solid #C8D2B0;
border-radius: 0 6px 6px 0;
background: rgba(200, 210, 176, 0.18);
}

.bse .proof-sec .proof-card .prf-tag {
display: inline-block;
font-size: 14px;
line-height: 1.4;
background: #8B8B45;
color: #FDFDFC;
border-radius: 6px;
padding: 8px 16px;
font-weight: 700;
width: fit-content;
}

.bse .proof-sec .proof-card .prf-img {
border-radius: 6px;
overflow: hidden;
}

.bse .proof-sec .proof-card .prf-img img {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
filter: saturate(0.7) brightness(0.95);
}

.bse .proof-sec .trust-strip {
margin-top: 48px;
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
padding: 24px;
background: #FDFDFC;
border-radius: 10px;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
flex-wrap: wrap;
}

.bse .proof-sec .trust-strip .trust-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1;
min-width: 140px;
}

.bse .proof-sec .trust-strip .trust-item .t-num {
font-size: 24px;
line-height: 1.2;
font-weight: 900;
color: #8B8B45;
}

.bse .proof-sec .trust-strip .trust-item .t-lbl {
font-size: 14px;
line-height: 1.4;
color: #4a4a38;
}

.bse .proof-sec .trust-strip .trust-div {
width: 1px;
height: 48px;
background: #C8D2B0;
flex-shrink: 0;
}

@media (max-width: 1024px) {
.bse .pg-title {
grid-template-columns: 240px 1fr;
padding: 48px 24px;
gap: 24px;
}

.bse .pg-title .txt-col h1 {
font-size: 48px;
}

.bse .fit-sec {
padding: 48px 24px;
}

.bse .assoc-sec {
padding: 48px 24px;
}

.bse .proof-sec {
padding: 48px 24px;
}

.bse .assoc-sec .assoc-inner {
grid-template-columns: 1fr;
gap: 24px;
}

.bse .proof-sec .proof-cols {
grid-template-columns: 1fr 1fr;
}

.bse .proof-sec .proof-cols .proof-mid {
top: 0;
}
}

@media (max-width: 768px) {
.bse .pg-title {
grid-template-columns: 1fr;
padding: 24px 16px;
gap: 16px;
}

.bse .pg-title .img-col {
height: 200px;
}

.bse .pg-title .txt-col h1 {
font-size: 24px;
}

.bse .fit-sec {
padding: 24px 16px;
}

.bse .fit-sec .fit-grid {
grid-template-columns: 1fr;
gap: 24px;
}

.bse .assoc-sec {
padding: 24px 16px;
}

.bse .assoc-sec .assoc-img-row {
grid-template-columns: 1fr;
}

.bse .proof-sec {
padding: 24px 16px;
}

.bse .proof-sec .proof-cols {
grid-template-columns: 1fr;
}

.bse .proof-sec .trust-strip {
flex-direction: column;
align-items: flex-start;
}

.bse .proof-sec .trust-strip .trust-div {
width: 48px;
height: 1px;
}

.bse .dot-border {
display: none;
}
}

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

.ct-us .pg-wrap {
max-width: 1500px;
margin: 0 auto;
padding: 0 24px;
}

.ct-us .reach-band {
padding: 48px 0 24px;
position: relative;
}

.ct-us .reach-band::after {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, transparent, #8B8B45 40%, #C8D2B0 70%, transparent);
margin-top: 48px;
}

.ct-us .reach-grid {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 48px;
align-items: start;
}

.ct-us .reach-left {
position: relative;
}

.ct-us .reach-blob {
position: absolute;
border-radius: 50%;
filter: blur(48px);
pointer-events: none;
z-index: 0;
}

.ct-us .reach-blob-a {
width: 320px;
height: 220px;
background: radial-gradient(circle at top left, rgba(139, 139, 69, 0.13), transparent 70%);
top: -48px;
left: -48px;
}

.ct-us .reach-blob-b {
width: 200px;
height: 200px;
background: radial-gradient(circle at top left, rgba(200, 210, 176, 0.18), transparent 70%);
top: 80px;
left: 120px;
}

.ct-us .reach-text {
position: relative;
z-index: 1;
}

.ct-us .reach-label {
display: inline-block;
background: #C8D2B0;
color: #3a3a1e;
font-size: 14px;
line-height: 1.4;
padding: 8px 16px;
border-radius: 6px;
margin-bottom: 24px;
font-weight: 700;
letter-spacing: 0.04em;
}

.ct-us .reach-h1 {
font-size: 70px;
line-height: 1.2;
font-weight: 900;
color: #1d1d0d;
margin: 0 0 24px;
}

.ct-us .reach-h1 .acc-mark {
color: #8B8B45;
}

.ct-us .reach-desc {
font-size: 18px;
line-height: 1.6;
color: #3a3a1e;
margin: 0 0 24px;
max-width: 540px;
}

.ct-us .reach-desc strong {
font-weight: 700;
color: #1d1d0d;
}

.ct-us .reach-thesis {
font-size: 18px;
line-height: 1.6;
color: #3a3a1e;
margin: 0 0 24px;
max-width: 540px;
}

.ct-us .reach-thesis strong {
font-weight: 700;
color: #1d1d0d;
}

.ct-us .reach-right {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 16px;
}

.ct-us .detail-card {
background: #FDFDFC;
border: 1.5px solid #C8D2B0;
border-radius: 10px;
padding: 24px;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
transition: box-shadow 0.22s ease-out, border-color 0.18s ease-out;
}

.ct-us .detail-card:hover {
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
border-color: #8B8B45;
}

.ct-us .detail-card .dc-icon {
width: 36px;
height: 36px;
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
}

.ct-us .detail-card .dc-lbl {
font-size: 14px;
font-weight: 700;
color: #8B8B45;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.ct-us .detail-card .dc-val {
font-size: 18px;
line-height: 1.4;
color: #1d1d0d;
word-break: break-word;
}

.ct-us .detail-card .dc-val a {
color: #1d1d0d;
text-decoration: none;
border-bottom: 1.5px solid #C8D2B0;
transition: border-color 0.2s ease-out, color 0.2s ease-out;
}

.ct-us .detail-card .dc-val a:hover {
color: #8B8B45;
border-color: #8B8B45;
}

.ct-us .zigzag-div {
width: 100%;
overflow: hidden;
line-height: 0;
margin: 0;
}

.ct-us .zigzag-div svg {
display: block;
width: 100%;
}

.ct-us .form-band {
padding: 48px 0;
background: linear-gradient(160deg, #f5f5ee 0%, #eef0e6 100%);
position: relative;
}

.ct-us .form-band::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at top left, rgba(139, 139, 69, 0.07), transparent 60%);
pointer-events: none;
}

.ct-us .form-grid {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 48px;
align-items: start;
position: relative;
z-index: 1;
}

.ct-us .form-side-l {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 8px;
}

.ct-us .form-side-r {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 8px;
}

.ct-us .step-chain {
display: flex;
flex-direction: column;
gap: 16px;
}

.ct-us .step-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
position: relative;
}

.ct-us .step-item::before {
content: '';
position: absolute;
left: 15px;
top: 32px;
bottom: -16px;
width: 2px;
background: linear-gradient(180deg, #8B8B45 0%, #C8D2B0 100%);
}

.ct-us .step-item:last-child::before {
display: none;
}

.ct-us .step-num {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 6px;
background: #8B8B45;
color: #FDFDFC;
font-size: 14px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
}

.ct-us .step-body {
flex: 1;
}

.ct-us .step-body .s-ttl {
font-size: 14px;
font-weight: 700;
color: #1d1d0d;
line-height: 1.4;
margin-bottom: 8px;
}

.ct-us .step-body .s-txt {
font-size: 14px;
line-height: 1.6;
color: #4a4a28;
}

.ct-us .side-quote {
border-left: 3px solid #8B8B45;
border-top: 1.5px solid #C8D2B0;
border-radius: 0px 6px 6px 0px;
padding: 16px 16px 16px 24px;
background: rgba(200, 210, 176, 0.18);
box-shadow: inset 4px 0 10px -4px rgba(139, 139, 69, 0.12);
}

.ct-us .side-quote .sq-mark {
font-size: 24px;
font-weight: 900;
color: #8B8B45;
line-height: 1.2;
margin-bottom: 8px;
}

.ct-us .side-quote .sq-txt {
font-size: 14px;
line-height: 1.6;
color: #3a3a1e;
font-style: italic;
}

.ct-us .side-hours {
background: #FDFDFC;
border-radius: 10px;
border: 1.5px solid #C8D2B0;
padding: 24px;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
}

.ct-us .side-hours .sh-ttl {
font-size: 14px;
font-weight: 700;
color: #8B8B45;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 16px;
}

.ct-us .side-hours .sh-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #e8ecd8;
font-size: 14px;
line-height: 1.4;
color: #3a3a1e;
}

.ct-us .side-hours .sh-row:last-child {
border-bottom: none;
}

.ct-us .side-hours .sh-row .day {
font-weight: 700;
color: #1d1d0d;
}

.ct-us .side-hours .sh-row .hrs {
color: #4a4a28;
}

.ct-us .form-center {
display: flex;
flex-direction: column;
gap: 0;
}

.ct-us .form-card {
background: #FDFDFC;
border-radius: 10px;
border: 1.5px solid #C8D2B0;
padding: 48px;
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
}

.ct-us .form-card .fc-ttl {
font-size: 24px;
font-weight: 900;
color: #1d1d0d;
line-height: 1.2;
margin-bottom: 8px;
}

.ct-us .form-card .fc-sub {
font-size: 14px;
line-height: 1.6;
color: #4a4a28;
margin-bottom: 24px;
}

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

.ct-us .f-row label {
font-size: 14px;
font-weight: 700;
color: #1d1d0d;
line-height: 1.4;
}

.ct-us .f-row input[type="text"],
.ct-us .f-row input[type="email"],
.ct-us .f-row select,
.ct-us .f-row textarea {
width: 100%;
padding: 16px;
border: 1.5px solid #C8D2B0;
border-radius: 6px;
font-size: 18px;
line-height: 1.4;
color: #1d1d0d;
background: #FDFDFC;
box-shadow: inset 4px 4px 10px -4px rgba(139, 139, 69, 0.08);
transition: border-color 0.25s ease-out, box-shadow 0.2s ease-out;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}

.ct-us .f-row input[type="text"]:focus,
.ct-us .f-row input[type="email"]:focus,
.ct-us .f-row select:focus,
.ct-us .f-row textarea:focus {
outline: none;
border-color: #8B8B45;
box-shadow: inset 4px 4px 10px -4px rgba(139, 139, 69, 0.12), 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.ct-us .f-row input::placeholder,
.ct-us .f-row textarea::placeholder {
color: #9a9a6a;
}

.ct-us .f-row .sel-wrap {
position: relative;
}

.ct-us .f-row .sel-wrap select {
padding-right: 48px;
cursor: pointer;
}

.ct-us .f-row .sel-wrap::after {
content: '';
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #8B8B45;
pointer-events: none;
}

.ct-us .f-row textarea {
resize: vertical;
min-height: 120px;
}

.ct-us .priv-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 24px;
padding: 16px;
background: rgba(200, 210, 176, 0.15);
border-radius: 6px;
border: 1px solid #C8D2B0;
}

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

.ct-us .priv-row .priv-txt {
font-size: 14px;
line-height: 1.6;
color: #3a3a1e;
}

.ct-us .priv-row .priv-txt a {
color: #8B8B45;
text-decoration: none;
border-bottom: 1px solid #C8D2B0;
transition: border-color 0.2s ease-out;
}

.ct-us .priv-row .priv-txt a:hover {
border-color: #8B8B45;
}

.ct-us .submit-btn {
display: inline-block;
padding: 16px 48px;
border: 2px solid #8B8B45;
border-radius: 6px;
background: transparent;
color: #8B8B45;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
cursor: pointer;
transition: background 0.22s ease-out, color 0.18s ease-out, transform 0.15s ease-out;
width: 100%;
}

.ct-us .submit-btn:hover {
background: #8B8B45;
color: #FDFDFC;
}

.ct-us .submit-btn:active {
transform: scale(0.97);
}

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

.ct-us .anchor-icon-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 24px 0 8px;
}

.ct-us .anchor-icon-wrap .ai-icon {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
}

.ct-us .anchor-icon-wrap .ai-lbl {
font-size: 14px;
font-weight: 700;
color: #8B8B45;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.ct-us .map-alt-band {
padding: 48px 0;
position: relative;
background: #FDFDFC;
}

.ct-us .map-alt-band::before {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, transparent, #C8D2B0 40%, #8B8B45 70%, transparent);
margin-bottom: 48px;
}

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

.ct-us .addr-feat {
grid-column: 1 / 2;
background: #8B8B45 !important;
border-radius: 10px;
padding: 48px 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
position: relative;
overflow: hidden;
}

.ct-us .addr-feat::after {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 160px;
height: 160px;
border-radius: 50%;
background: rgba(200, 210, 176, 0.15);
pointer-events: none;
}

.ct-us .addr-feat .af-lbl {
font-size: 14px;
font-weight: 700;
color: #C8D2B0;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.ct-us .addr-feat .af-addr {
font-size: 18px;
line-height: 1.6;
color: #FDFDFC;
font-weight: 700;
}

.ct-us .addr-feat .af-note {
font-size: 14px;
line-height: 1.6;
color: rgba(253, 253, 252, 0.8);
}

.ct-us .addr-mid {
grid-column: 2 / 3;
display: flex;
flex-direction: column;
gap: 24px;
}

.ct-us .addr-mid .am-card {
flex: 1;
background: #FDFDFC;
border: 1.5px solid #C8D2B0;
border-radius: 10px;
padding: 24px;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
display: flex;
flex-direction: column;
gap: 8px;
transition: box-shadow 0.22s ease-out;
}

.ct-us .addr-mid .am-card:hover {
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.ct-us .addr-mid .am-card .amc-lbl {
font-size: 14px;
font-weight: 700;
color: #8B8B45;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.ct-us .addr-mid .am-card .amc-val {
font-size: 18px;
line-height: 1.4;
color: #1d1d0d;
font-weight: 700;
}

.ct-us .addr-mid .am-card .amc-val a {
color: #1d1d0d;
text-decoration: none;
border-bottom: 1.5px solid #C8D2B0;
transition: color 0.2s ease-out, border-color 0.2s ease-out;
}

.ct-us .addr-mid .am-card .amc-val a:hover {
color: #8B8B45;
border-color: #8B8B45;
}

.ct-us .addr-right {
grid-column: 3 / 4;
background: linear-gradient(160deg, #eef0e6 0%, #f5f5ee 100%);
border-radius: 10px;
padding: 24px;
border: 1.5px solid #C8D2B0;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.ct-us .addr-right .ar-ttl {
font-size: 18px;
font-weight: 900;
color: #1d1d0d;
line-height: 1.2;
}

.ct-us .addr-right .ar-txt {
font-size: 14px;
line-height: 1.6;
color: #3a3a1e;
}

.ct-us .addr-right .ar-txt strong {
font-weight: 700;
color: #1d1d0d;
}

.ct-us .geo-row {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.ct-us .geo-tag {
display: inline-block;
background: #C8D2B0;
color: #3a3a1e;
font-size: 14px;
line-height: 1.4;
padding: 8px 16px;
border-radius: 6px;
font-weight: 700;
}

.ct-us .geo-tag.primary {
background: #8B8B45;
color: #FDFDFC;
}

.ct-us .sk-spinner-wrap {
display: flex;
align-items: center;
justify-content: center;
padding: 24px 0;
}

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

.ct-us .reach-right {
flex-direction: row;
flex-wrap: wrap;
}

.ct-us .detail-card {
flex: 1 1 calc(50% - 12px);
min-width: 200px;
}

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

.ct-us .form-side-l,
.ct-us .form-side-r {
display: none;
}

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

.ct-us .addr-feat {
grid-column: 1 / 3;
}

.ct-us .addr-mid {
grid-column: 1 / 2;
}

.ct-us .addr-right {
grid-column: 2 / 3;
}
}

@media (max-width: 768px) {
.ct-us .reach-h1 {
font-size: 24px;
}

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

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

.ct-us .addr-feat {
grid-column: 1 / 2;
}

.ct-us .addr-mid {
grid-column: 1 / 2;
}

.ct-us .addr-right {
grid-column: 1 / 2;
}

.ct-us .reach-right {
flex-direction: column;
}

.ct-us .detail-card {
flex: 1 1 100%;
}
}

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

.abt-pg .abt-wrap {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
}

.abt-pg .divider-dash {
border: none;
border-top: 1px dashed #C8D2B0;
margin: 0;
}

.abt-pg .sk-circle .sk-child::before {
background-color: #8B8B45;
}

.abt-pg .ttl-blk {
padding-top: 96px;
padding-bottom: 48px;
background-color: #FDFDFC;
position: relative;
}

.abt-pg .ttl-blk::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(0deg,
transparent,
transparent 39px,
rgba(139, 139, 69, 0.06) 39px,
rgba(139, 139, 69, 0.06) 40px),
repeating-linear-gradient(90deg,
transparent,
transparent 39px,
rgba(139, 139, 69, 0.06) 39px,
rgba(139, 139, 69, 0.06) 40px);
pointer-events: none;
}

.abt-pg .ttl-blk::after {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(-28deg,
transparent,
transparent 18px,
rgba(139, 139, 69, 0.04) 18px,
rgba(139, 139, 69, 0.04) 20px);
pointer-events: none;
}

.abt-pg .ttl-cols {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 48px;
position: relative;
z-index: 1;
}

.abt-pg .ttl-text {
flex: 1;
padding-bottom: 24px;
}

.abt-pg .ttl-label {
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
color: #8B8B45;
background-color: #C8D2B0;
padding: 8px 16px;
border-radius: 6px;
margin-bottom: 24px;
}

.abt-pg .ttl-h1 {
font-size: 70px;
font-weight: 900;
line-height: 1.2;
color: #1e1e1e;
margin-bottom: 24px;
}

.abt-pg .ttl-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: #8B8B45;
text-decoration: none;
border: 2px solid #8B8B45;
padding: 16px 24px;
border-radius: 6px;
background: transparent;
transition: background-color 0.22s ease-out, color 0.22s ease-out;
}

.abt-pg .ttl-link:hover {
background-color: #8B8B45;
color: #FDFDFC;
}

.abt-pg .ttl-link:active {
transform: scale(0.97);
}

.abt-pg .ttl-link .ico-default {
display: inline-block;
}

.abt-pg .ttl-link .ico-hover {
display: none;
}

.abt-pg .ttl-link:hover .ico-default {
display: none;
}

.abt-pg .ttl-link:hover .ico-hover {
display: inline-block;
}

.abt-pg .ttl-img-col {
flex: 0 0 520px;
position: relative;
}

.abt-pg .ttl-img-wrap {
width: 520px;
height: 580px;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
}

.abt-pg .ttl-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.72;
display: block;
max-width: 100%;
}

.abt-pg .ttl-arrow {
position: absolute;
bottom: -24px;
left: 50%;
transform: translateX(-50%);
width: 24px;
height: 24px;
opacity: 0.35;
}

.abt-pg .ttl-arrow svg {
width: 24px;
height: 24px;
}

.abt-pg .story-blk {
background-color: #fff;
padding-top: 48px;
padding-bottom: 48px;
}

.abt-pg .story-grid {
display: grid;
grid-template-columns: 280px 1fr;
gap: 48px;
align-items: start;
}

.abt-pg .story-aside {
display: flex;
flex-direction: column;
gap: 24px;
position: sticky;
top: 48px;
}

.abt-pg .story-stat {
border: 1px solid #C8D2B0;
border-radius: 10px;
padding: 24px;
background-color: #FDFDFC;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
position: relative;
}

.abt-pg .story-stat::before {
content: '';
position: absolute;
top: 6px;
left: 6px;
right: -6px;
bottom: -6px;
border: 1.5px solid #C8D2B0;
border-radius: 10px;
pointer-events: none;
z-index: 0;
}

.abt-pg .story-stat-num {
font-size: 70px;
font-weight: 900;
line-height: 1.2;
color: #8B8B45;
display: block;
position: relative;
z-index: 1;
}

.abt-pg .story-stat-lbl {
font-size: 14px;
line-height: 1.6;
color: #4a4a3a;
display: block;
position: relative;
z-index: 1;
}

.abt-pg .story-body {
display: flex;
flex-direction: column;
gap: 24px;
}

.abt-pg .story-h2 {
font-size: 24px;
font-weight: 900;
line-height: 1.2;
color: #1e1e1e;
margin-bottom: 8px;
}

.abt-pg .para-lead {
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #8B8B45;
display: block;
margin-bottom: 8px;
}

.abt-pg .story-para {
font-size: 18px;
line-height: 1.6;
color: #2e2e22;
}

.abt-pg .story-img-wrap {
width: 100%;
height: 320px;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.abt-pg .story-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
max-width: 100%;
}

.abt-pg .vals-blk {
background-color: #f5f5ee;
padding-top: 48px;
padding-bottom: 48px;
position: relative;
}

.abt-pg .vals-blk-inner {
background-color: #f5f5ee;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}

.abt-pg .vals-inner {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
}

.abt-pg .vals-cols {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start;
}

.abt-pg .vals-quote-col {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px;
}

.abt-pg .vals-h2 {
font-size: 24px;
font-weight: 900;
line-height: 1.2;
color: #1e1e1e;
}

.abt-pg .quote-block {
border-left: 4px solid #8B8B45;
border-bottom: 1px solid #C8D2B0;
padding: 24px;
background-color: #FDFDFC;
border-radius: 0px 10px 10px 0px;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
position: relative;
}

.abt-pg .quote-mark-open {
font-size: 70px;
font-weight: 900;
line-height: 1.2;
color: #8B8B45;
opacity: 0.25;
position: absolute;
top: 8px;
left: 16px;
pointer-events: none;
font-style: normal;
}

.abt-pg .quote-mark-close {
font-size: 70px;
font-weight: 900;
line-height: 1.2;
color: #8B8B45;
opacity: 0.25;
position: absolute;
bottom: -16px;
right: 16px;
pointer-events: none;
font-style: normal;
}

.abt-pg .quote-text {
font-size: 18px;
line-height: 1.9;
color: #2e2e22;
padding-top: 16px;
}

.abt-pg .quote-text .accent-phrase {
color: #8B8B45;
font-weight: 700;
}

.abt-pg .quote-attr {
font-size: 14px;
line-height: 1.4;
color: #6a6a52;
margin-top: 16px;
font-style: normal;
font-weight: 600;
}

.abt-pg .vals-list-col {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-pg .val-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 16px;
border-radius: 6px;
background-color: #FDFDFC;
border: 1px solid #C8D2B0;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
transition: box-shadow 0.25s ease-out, transform 0.18s ease-out;
}

.abt-pg .val-item:hover {
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
transform: translateY(-2px);
}

.abt-pg .val-icon {
flex: 0 0 40px;
width: 40px;
height: 40px;
border-radius: 6px;
background-color: #C8D2B0;
display: flex;
align-items: center;
justify-content: center;
}

.abt-pg .val-icon svg {
width: 20px;
height: 20px;
color: #8B8B45;
}

.abt-pg .val-txt {
flex: 1;
}

.abt-pg .val-name {
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #1e1e1e;
display: block;
margin-bottom: 8px;
}

.abt-pg .val-desc {
font-size: 14px;
line-height: 1.6;
color: #4a4a3a;
}

.abt-pg .team-blk {
background-color: #FDFDFC;
padding-top: 48px;
padding-bottom: 48px;
}

.abt-pg .team-top {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start;
margin-bottom: 48px;
}

.abt-pg .team-top-txt {
flex: 1;
}

.abt-pg .team-h2 {
font-size: 24px;
font-weight: 900;
line-height: 1.2;
color: #1e1e1e;
margin-bottom: 16px;
}

.abt-pg .team-para {
font-size: 18px;
line-height: 1.6;
color: #2e2e22;
}

.abt-pg .team-top-img {
flex: 0 0 360px;
}

.abt-pg .team-img-wrap {
width: 360px;
height: 280px;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
position: relative;
}

.abt-pg .team-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(circle at top left,
rgba(139, 139, 69, 0.18),
transparent 60%);
pointer-events: none;
}

.abt-pg .team-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
max-width: 100%;
}

.abt-pg .team-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.abt-pg .t-card {
border: 1px solid #C8D2B0;
border-radius: 10px;
padding: 24px;
background-color: #fff;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
position: relative;
transition: box-shadow 0.28s ease-out, transform 0.2s ease-out;
}

.abt-pg .t-card::before {
content: '';
position: absolute;
top: 8px;
left: 8px;
right: -8px;
bottom: -8px;
border: 1.5px solid rgba(139, 139, 69, 0.2);
border-radius: 10px;
pointer-events: none;
z-index: 0;
transition: opacity 0.28s ease-out;
}

.abt-pg .t-card:hover {
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
transform: translateY(-3px);
}

.abt-pg .t-card:hover::before {
opacity: 0;
}

.abt-pg .t-card-role {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
color: #8B8B45;
background-color: #C8D2B0;
display: inline-block;
padding: 8px 16px;
border-radius: 6px;
margin-bottom: 16px;
position: relative;
z-index: 1;
}

.abt-pg .t-card-name {
font-size: 18px;
font-weight: 900;
line-height: 1.2;
color: #1e1e1e;
display: block;
margin-bottom: 8px;
position: relative;
z-index: 1;
}

.abt-pg .t-card-bio {
font-size: 14px;
line-height: 1.6;
color: #4a4a3a;
position: relative;
z-index: 1;
}

.abt-pg .team-cta-row {
margin-top: 48px;
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}

.abt-pg .team-cta-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: #8B8B45;
text-decoration: none;
border: 2px solid #8B8B45;
padding: 16px 24px;
border-radius: 6px;
background: transparent;
transition: background-color 0.22s ease-out, color 0.22s ease-out;
}

.abt-pg .team-cta-link:hover {
background-color: #8B8B45;
color: #FDFDFC;
}

.abt-pg .team-cta-link:active {
transform: scale(0.97);
}

.abt-pg .team-cta-link .ico-default {
display: inline-block;
}

.abt-pg .team-cta-link .ico-hover {
display: none;
}

.abt-pg .team-cta-link:hover .ico-default {
display: none;
}

.abt-pg .team-cta-link:hover .ico-hover {
display: inline-block;
}

.abt-pg .team-cta-note {
font-size: 14px;
line-height: 1.6;
color: #6a6a52;
}

@keyframes splitOpen {
0% {
clip-path: inset(0 50% 0 50%);
opacity: 0;
}

100% {
clip-path: inset(0 0% 0 0%);
opacity: 1;
}
}

@keyframes fadeUp {
0% {
opacity: 0;
transform: translateY(24px);
}

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

.abt-pg .ttl-h1 {
animation: splitOpen 0.45s ease-out both;
}

.abt-pg .ttl-label {
animation: fadeUp 0.32s ease-out both;
animation-delay: 0.08s;
}

.abt-pg .ttl-link {
animation: fadeUp 0.38s ease-out both;
animation-delay: 0.18s;
}

.abt-pg .ttl-img-wrap {
animation: fadeUp 0.42s ease-out both;
animation-delay: 0.12s;
}

@media (max-width: 1024px) {
.abt-pg .abt-wrap {
padding-left: 24px;
padding-right: 24px;
}

.abt-pg .vals-inner {
padding-left: 24px;
padding-right: 24px;
}

.abt-pg .ttl-cols {
flex-direction: column;
align-items: flex-start;
}

.abt-pg .ttl-img-col {
flex: none;
width: 100%;
}

.abt-pg .ttl-img-wrap {
width: 100%;
height: 360px;
}

.abt-pg .story-grid {
grid-template-columns: 1fr;
}

.abt-pg .story-aside {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}

.abt-pg .vals-cols {
flex-direction: column;
}

.abt-pg .team-top {
flex-direction: column;
}

.abt-pg .team-top-img {
flex: none;
width: 100%;
}

.abt-pg .team-img-wrap {
width: 100%;
height: 240px;
}

.abt-pg .team-cards {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 640px) {
.abt-pg .abt-wrap {
padding-left: 16px;
padding-right: 16px;
}

.abt-pg .vals-inner {
padding-left: 16px;
padding-right: 16px;
}

.abt-pg .ttl-h1 {
font-size: 24px;
}

.abt-pg .team-cards {
grid-template-columns: 1fr;
}

.abt-pg .story-aside {
grid-template-columns: 1fr;
}

.abt-pg .team-cta-row {
flex-direction: column;
align-items: flex-start;
}

.abt-pg .ttl-blk {
padding-top: 48px;
}
}

.clr-pg {
max-width: 1500px;
margin: 0 auto;
overflow: hidden;
}

.clr-pg .cross-div {
display: flex;
align-items: center;
gap: 8px;
padding: 16px 0;
}

.clr-pg .cross-div span {
display: inline-block;
width: 10px;
height: 10px;
position: relative;
flex-shrink: 0;
}

.clr-pg .cross-div span::before,
.clr-pg .cross-div span::after {
content: '';
position: absolute;
background: #8B8B45;
border-radius: 0px;
}

.clr-pg .cross-div span::before {
width: 2px;
height: 10px;
left: 4px;
top: 0;
}

.clr-pg .cross-div span::after {
width: 10px;
height: 2px;
left: 0;
top: 4px;
}

.clr-pg .cross-div .cross-line {
flex: 1;
height: 1px;
background: repeating-linear-gradient(to right, #8B8B45 0, #8B8B45 6px, transparent 6px, transparent 14px);
}

.clr-pg .v-bar {
display: inline-block;
width: 3px;
background: #8B8B45;
border-radius: 0px;
align-self: stretch;
flex-shrink: 0;
}

.clr-pg .tag-pill {
display: inline-block;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
line-height: 1.2;
font-weight: 600;
background: #C8D2B0;
color: #3a3a1a;
}

.clr-pg .tag-sm {
display: inline-block;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
line-height: 1.2;
background: #8B8B45;
color: #FDFDFC;
font-weight: 600;
}

.clr-pg .outlined-shape {
position: absolute;
border: 2px solid rgba(139, 139, 69, 0.13);
border-radius: 10px;
pointer-events: none;
}

.clr-pg .shadow-pulse {
animation: shdpulse 2.6s ease-out infinite;
}

@keyframes shdpulse {
0% {
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
}

50% {
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.22);
}

100% {
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
}
}

.clr-pg .shadow-pulse-alt {
animation: shdpulse2 3.2s ease-out infinite;
}

@keyframes shdpulse2 {
0% {
box-shadow: 2px 6px 22px -2px rgba(200, 210, 176, 0.09);
}

55% {
box-shadow: 2px 12px 40px -2px rgba(200, 210, 176, 0.28);
}

100% {
box-shadow: 2px 6px 22px -2px rgba(200, 210, 176, 0.09);
}
}

.clr-pg .bento-top {
display: grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: auto auto;
gap: 16px;
padding: 48px 48px 48px 48px;
background: #FDFDFC;
position: relative;
overflow: hidden;
}

.clr-pg .bento-top .bt-img-cell {
grid-column: 1;
grid-row: 1 / 3;
position: relative;
border-radius: 10px;
overflow: hidden;
min-height: 480px;
}

.clr-pg .bento-top .bt-img-cell img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.25s ease-out, filter 0.25s ease-out;
}

.clr-pg .bento-top .bt-img-cell:hover img {
transform: scale(1.03);
filter: brightness(0.93);
}

.clr-pg .bento-top .bt-img-cell .img-fade {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 55%;
background: linear-gradient(to bottom, rgba(60, 60, 20, 0.55), transparent);
pointer-events: none;
border-radius: 10px 10px 0 0;
}

.clr-pg .bento-top .bt-img-cell .img-shape {
position: absolute;
bottom: 24px;
left: 24px;
width: 80px;
height: 80px;
border: 2px solid rgba(200, 210, 176, 0.35);
border-radius: 10px;
pointer-events: none;
}

.clr-pg .bento-top .bt-text-cell {
grid-column: 2;
grid-row: 1;
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
background: #C8D2B0;
border-radius: 10px;
justify-content: flex-start;
}

.clr-pg .bento-top .bt-desc-cell {
grid-column: 2;
grid-row: 2;
padding: 24px;
background: #FDFDFC;
border: 1px solid rgba(139, 139, 69, 0.18);
border-radius: 10px;
display: flex;
flex-direction: column;
gap: 8px;
}

.clr-pg .bento-top .bt-h1 {
font-size: 70px;
line-height: 1.2;
font-weight: 900;
color: #2a2a0e;
margin: 0;
letter-spacing: -1px;
}

.clr-pg .bento-top .bt-sub {
font-size: 18px;
line-height: 1.6;
color: #3a3a1a;
margin: 0;
}

.clr-pg .bento-top .bt-desc-cell p {
font-size: 14px;
line-height: 1.6;
color: #4a4a2a;
margin: 0;
}

.clr-pg .bento-top .bt-h1-wrap {
grid-column: 1;
grid-row: 1;
position: absolute;
top: 64px;
left: 64px;
right: calc(25% + 32px);
pointer-events: none;
z-index: 2;
}

.clr-pg .bento-top .bt-h1-wrap .bt-h1 {
color: #FDFDFC;
text-shadow: 0 2px 16px rgba(40, 40, 10, 0.4);
}

.clr-pg .bento-top .outlined-shape {
width: 180px;
height: 180px;
bottom: 60px;
right: calc(25% + 48px);
border-radius: 10px;
}

.clr-pg .metrics-row {
display: flex;
flex-direction: row;
align-items: stretch;
background: #2a2a0e;
border-radius: 10px;
overflow: hidden;
margin: 0 48px;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.12);
}

.clr-pg .metrics-row .met-item {
flex: 1;
padding: 24px 24px;
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
}

.clr-pg .metrics-row .met-item+.met-item::before {
content: '';
position: absolute;
left: 0;
top: 16px;
bottom: 16px;
width: 1px;
background: rgba(200, 210, 176, 0.25);
}

.clr-pg .metrics-row .met-num {
font-size: 70px;
line-height: 1.2;
font-weight: 900;
color: #C8D2B0;
margin: 0;
}

.clr-pg .metrics-row .met-label {
font-size: 14px;
line-height: 1.4;
color: rgba(200, 210, 176, 0.7);
margin: 0;
}

.clr-pg .metrics-row .met-desc {
font-size: 14px;
line-height: 1.6;
color: rgba(253, 253, 252, 0.6);
margin: 0;
}

.clr-pg .results-grid {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 24px;
padding: 48px;
background: #f5f5ee;
position: relative;
}

.clr-pg .results-grid .rg-left {
display: flex;
flex-direction: column;
gap: 24px;
}

.clr-pg .results-grid .rg-right {
display: flex;
flex-direction: column;
gap: 24px;
}

.clr-pg .rg-card {
background: #FDFDFC;
border-radius: 10px;
padding: 24px;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
display: flex;
flex-direction: column;
gap: 16px;
transition: box-shadow 0.2s ease-out;
}

.clr-pg .rg-card:hover {
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
}

.clr-pg .rg-card .card-head {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.clr-pg .rg-card .card-head-txt {
display: flex;
flex-direction: column;
gap: 8px;
}

.clr-pg .rg-card h4 {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #2a2a0e;
margin: 0;
}

.clr-pg .rg-card p {
font-size: 14px;
line-height: 1.6;
color: #4a4a2a;
margin: 0;
}

.clr-pg .rg-card .lead-label {
font-size: 14px;
line-height: 1.2;
font-weight: 700;
color: #8B8B45;
margin: 0;
}

.clr-pg .rg-card .quote-wrap {
font-size: 18px;
line-height: 1.6;
color: #3a3a1a;
font-style: italic;
padding: 16px;
background: #f5f5ee;
border-radius: 6px;
position: relative;
}

.clr-pg .rg-card .quote-wrap::before {
content: '\201C';
color: #8B8B45;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 1;
margin-right: 4px;
}

.clr-pg .rg-card .quote-wrap::after {
content: '\201D';
color: #8B8B45;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 1;
margin-left: 4px;
}

.clr-pg .rg-tall {
background: #FDFDFC;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 6px 22px -2px rgba(200, 210, 176, 0.09);
display: flex;
flex-direction: column;
min-height: 520px;
}

.clr-pg .rg-tall .tall-img {
flex: 1;
position: relative;
overflow: hidden;
min-height: 260px;
}

.clr-pg .rg-tall .tall-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.35s ease-out;
}

.clr-pg .rg-tall:hover .tall-img img {
transform: scale(1.04);
}

.clr-pg .rg-tall .tall-img .img-grid-ov {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(to right, rgba(139, 139, 69, 0.12) 0, rgba(139, 139, 69, 0.12) 1px, transparent 1px, transparent 32px), repeating-linear-gradient(to bottom, rgba(139, 139, 69, 0.12) 0, rgba(139, 139, 69, 0.12) 1px, transparent 1px, transparent 32px);
opacity: 0;
transition: opacity 0.28s ease-out;
pointer-events: none;
}

.clr-pg .rg-tall:hover .tall-img .img-grid-ov {
opacity: 1;
}

.clr-pg .rg-tall .tall-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
}

.clr-pg .rg-tall .tall-body h5 {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #2a2a0e;
margin: 0;
}

.clr-pg .rg-tall .tall-body p {
font-size: 14px;
line-height: 1.6;
color: #4a4a2a;
margin: 0;
}

.clr-pg .results-grid .outlined-shape {
width: 220px;
height: 220px;
top: 24px;
right: 24px;
pointer-events: none;
}

.clr-pg .split-bg {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 420px;
position: relative;
margin: 0 48px;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
}

.clr-pg .split-bg .split-left {
background: #8B8B45;
padding: 48px;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
}

.clr-pg .split-bg .split-right {
background: #2a2a0e;
padding: 48px;
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
position: relative;
overflow: hidden;
}

.clr-pg .split-bg .split-right .bg-outline {
position: absolute;
width: 260px;
height: 260px;
border: 2px solid rgba(200, 210, 176, 0.1);
border-radius: 10px;
bottom: -60px;
right: -60px;
pointer-events: none;
}

.clr-pg .split-bg .split-left h2 {
font-size: 24px;
line-height: 1.4;
font-weight: 900;
color: #FDFDFC;
margin: 0;
}

.clr-pg .split-bg .split-left p {
font-size: 14px;
line-height: 1.6;
color: rgba(253, 253, 252, 0.82);
margin: 0;
}

.clr-pg .split-bg .split-left .lead-label {
font-size: 14px;
font-weight: 700;
color: #C8D2B0;
margin: 0;
line-height: 1.2;
}

.clr-pg .split-bg .split-right .rev-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(200, 210, 176, 0.15);
}

.clr-pg .split-bg .split-right .rev-item:last-child {
border-bottom: none;
padding-bottom: 0;
}

.clr-pg .split-bg .split-right .rev-meta {
display: flex;
flex-direction: column;
gap: 8px;
}

.clr-pg .split-bg .split-right .rev-name {
font-size: 14px;
font-weight: 700;
color: #C8D2B0;
line-height: 1.2;
}

.clr-pg .split-bg .split-right .rev-txt {
font-size: 14px;
line-height: 1.6;
color: rgba(200, 210, 176, 0.7);
margin: 0;
}

.clr-pg .split-bg .split-right .rev-dots {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
}

.clr-pg .split-bg .split-right .rev-dot {
width: 8px;
height: 8px;
border-radius: 0px;
background: #8B8B45;
}

.clr-pg .split-bg .split-right .rev-dot-empty {
width: 8px;
height: 8px;
border-radius: 0px;
background: rgba(139, 139, 69, 0.3);
}

.clr-pg .img-feature {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 24px;
padding: 48px;
background: #FDFDFC;
position: relative;
}

.clr-pg .img-feature .if-img {
border-radius: 10px;
overflow: hidden;
position: relative;
min-height: 320px;
}

.clr-pg .img-feature .if-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease-out, filter 0.4s ease-out;
}

.clr-pg .img-feature .if-img:hover img {
transform: scale(1.05);
filter: brightness(0.9);
}

.clr-pg .img-feature .if-img .img-grid-ov {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(to right, rgba(139, 139, 69, 0.15) 0, rgba(139, 139, 69, 0.15) 1px, transparent 1px, transparent 28px), repeating-linear-gradient(to bottom, rgba(139, 139, 69, 0.15) 0, rgba(139, 139, 69, 0.15) 1px, transparent 1px, transparent 28px);
opacity: 0;
transition: opacity 0.22s ease-out;
pointer-events: none;
}

.clr-pg .img-feature .if-img:hover .img-grid-ov {
opacity: 1;
}

.clr-pg .img-feature .if-content {
display: flex;
flex-direction: column;
gap: 24px;
}

.clr-pg .img-feature .if-content h3 {
font-size: 24px;
line-height: 1.4;
font-weight: 900;
color: #2a2a0e;
margin: 0;
}

.clr-pg .img-feature .if-content p {
font-size: 14px;
line-height: 1.6;
color: #4a4a2a;
margin: 0;
}

.clr-pg .img-feature .if-content .lead-label {
font-size: 14px;
font-weight: 700;
color: #8B8B45;
line-height: 1.2;
}

.clr-pg .if-row {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap;
}

.clr-pg .if-stat {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
flex: 1;
min-width: 180px;
padding: 16px;
background: #f5f5ee;
border-radius: 6px;
}

.clr-pg .if-stat .stat-num {
font-size: 24px;
font-weight: 900;
color: #8B8B45;
line-height: 1.2;
}

.clr-pg .if-stat .stat-txt {
font-size: 14px;
line-height: 1.6;
color: #4a4a2a;
}

.clr-pg .if-vbar-block {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 16px;
padding: 16px;
border-radius: 6px;
background: #f5f5ee;
}

.clr-pg .if-vbar-block p {
font-size: 14px;
line-height: 1.6;
color: #4a4a2a;
margin: 0;
}

.clr-pg .sk-wrap {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}

.clr-pg .sk-circle {
width: 24px;
height: 24px;
}

.clr-pg .sk-circle .sk-child::before {
background-color: #8B8B45;
}

@media (max-width: 900px) {
.clr-pg .bento-top {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
padding: 24px;
}

.clr-pg .bento-top .bt-img-cell {
grid-column: 1;
grid-row: 1;
min-height: 260px;
}

.clr-pg .bento-top .bt-text-cell {
grid-column: 1;
grid-row: 2;
}

.clr-pg .bento-top .bt-desc-cell {
grid-column: 1;
grid-row: 3;
}

.clr-pg .bento-top .bt-h1-wrap {
position: static;
padding: 8px 0;
pointer-events: auto;
}

.clr-pg .bento-top .bt-h1 {
font-size: 24px;
color: #2a2a0e;
text-shadow: none;
}

.clr-pg .bento-top .bt-h1-wrap .bt-h1 {
color: #2a2a0e;
text-shadow: none;
}

.clr-pg .metrics-row {
flex-direction: column;
margin: 0 24px;
}

.clr-pg .metrics-row .met-item+.met-item::before {
width: 80%;
height: 1px;
top: 0;
left: 10%;
bottom: auto;
}

.clr-pg .results-grid {
grid-template-columns: 1fr;
padding: 24px;
}

.clr-pg .split-bg {
grid-template-columns: 1fr;
margin: 0 24px;
}

.clr-pg .img-feature {
grid-template-columns: 1fr;
padding: 24px;
}

.clr-pg .img-feature .if-img {
min-height: 220px;
}

.clr-pg .if-row {
flex-direction: column;
}
}

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

.suc-page .suc-wrap {
max-width: 1500px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}

.suc-page .suc-mark {
width: 64px;
height: 64px;
border-radius: 10px;
background: linear-gradient(circle at top left, #8B8B45, transparent 140%);
background-color: #C8D2B0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.suc-page .suc-mark .suc-icon {
width: 32px;
height: 32px;
display: block;
}

.suc-page .suc-mark .suc-icon svg {
width: 32px;
height: 32px;
display: block;
}

.suc-page .suc-card {
background: #ffffff;
border-radius: 10px;
padding: 48px;
max-width: 560px;
width: 100%;
box-shadow: 2px 12px 40px -2px rgba(139, 139, 69, 0.12);
border-top: 3px solid #8B8B45;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
}

.suc-page .suc-card .suc-label {
font-size: 14px;
font-weight: 700;
line-height: 1.2;
color: #8B8B45;
letter-spacing: 0;
text-transform: uppercase;
}

.suc-page .suc-card .suc-title {
font-size: 24px;
font-weight: 900;
line-height: 1.2;
color: #2a2a1e;
margin: 0;
}

.suc-page .suc-card .suc-body {
font-size: 18px;
line-height: 1.6;
color: #3d3d28;
margin: 0;
}

.suc-page .suc-card .suc-divider {
height: 1px;
background: #C8D2B0;
border: none;
border-radius: 0px;
margin: 8px 0;
}

.suc-page .suc-card .suc-note {
font-size: 14px;
line-height: 1.6;
color: #5a5a3a;
margin: 0;
}

.suc-page .suc-card .suc-note strong {
color: #2a2a1e;
font-weight: 700;
}

.suc-page .suc-actions {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
}

.suc-page .suc-actions .suc-btn {
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
padding: 16px 24px;
border-radius: 6px;
border: 2px solid #8B8B45;
color: #8B8B45;
background: transparent;
text-decoration: none;
cursor: pointer;
transition: background 0.22s ease-out, color 0.18s ease-out, box-shadow 0.25s ease-out;
box-shadow: 2px 2px 6px -2px rgba(139, 139, 69, 0.08);
}

.suc-page .suc-actions .suc-btn:hover {
background: #8B8B45;
color: #FDFDFC;
box-shadow: 2px 6px 22px -2px rgba(139, 139, 69, 0.09);
}

.suc-page .suc-actions .suc-btn:active {
transform: scale(0.97);
}

.suc-page .suc-actions .suc-btn:focus-visible {
outline: 3px solid #8B8B45;
outline-offset: 3px;
}

.suc-page .suc-tag {
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
padding: 8px 16px;
border-radius: 6px;
background: #C8D2B0;
color: #2a2a1e;
}

@media (max-width: 600px) {
.suc-page .suc-card {
padding: 24px;
}

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

.suc-page .suc-actions .suc-btn {
text-align: center;
}
}