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

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

.pg-head {
border-bottom: 1px solid #E5C6BD;
background: #F9F4F3;
position: relative;
z-index: 100;
}

.pg-head__top {
max-width: 1280px;
margin: 0 auto;
padding: 40px 40px 16px 40px;
display: flex;
align-items: center;
gap: 16px;
}

.brand-unit {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}

.brand-unit__frame {
border: 1px solid #E5C6BD;
border-radius: 26px;
padding: 8px 16px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
}

.brand-unit__frame img {
width: 44px;
height: 44px;
object-fit: contain;
display: block;
}

.brand-unit__name {
font-size: 17px;
font-weight: 700;
color: #2a1f14;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.15;
}

.brand-unit__tag {
font-size: 15px;
font-weight: 400;
color: #7a5c3a;
line-height: 1.4;
margin-left: 16px;
border-left: none;
padding-left: 16px;
position: relative;
}

.brand-unit__tag::before {
content: '';
display: inline-block;
width: 2px;
height: 28px;
background: #E5C6BD;
border-radius: 2px;
vertical-align: middle;
margin-right: 16px;
}

.pg-head__bottom {
max-width: 1280px;
margin: 0 auto;
padding: 0 40px 0 40px;
}

.site-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: stretch;
}

.site-menu__item {
display: flex;
}

.site-menu__link {
display: flex;
align-items: center;
gap: 8px;
padding: 16px 16px;
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
color: #2a1f14;
text-decoration: none;
border-radius: 2px 2px 0 0;
border-bottom: 2px solid transparent;
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
line-height: 1.15;
min-height: 44px;
}

.site-menu__link:hover {
color: #C7894A;
border-bottom-color: #C7894A;
background: rgba(199, 137, 74, 0.06);
}

.site-menu__link:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
}

.site-menu__link i {
font-size: 17px;
color: #C7894A;
flex-shrink: 0;
}

@media (max-width: 768px) {
.pg-head__top {
padding: 16px 16px 8px 16px;
flex-wrap: wrap;
}

.brand-unit__tag {
margin-left: 8px;
padding-left: 8px;
font-size: 15px;
}

.pg-head__bottom {
padding: 0 8px;
}

.site-menu {
gap: 4px;
}

.site-menu__link {
padding: 16px 8px;
font-size: 15px;
}
}

@media (max-width: 480px) {
.pg-head__top {
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 16px 16px 8px 16px;
}

.brand-unit {
flex-direction: row;
align-items: center;
}

.brand-unit__tag {
font-size: 15px;
}

.site-menu {
flex-direction: column;
gap: 4px;
}

.site-menu__link {
border-radius: 2px;
border-bottom: none;
border-left: 2px solid transparent;
padding: 16px;
}

.site-menu__link:hover {
border-bottom-color: transparent;
border-left-color: #C7894A;
}
}

.pg-foot {
background: #2a1f14;
color: #E5C6BD;
font-family: 'Inconsolata', monospace;
}

.pg-foot__opener {
max-width: 1280px;
margin: 0 auto;
padding: 40px 40px 16px 40px;
display: flex;
align-items: center;
gap: 16px;
border-bottom: 1px solid rgba(229, 198, 189, 0.15);
}

.pg-foot__logo-frame {
border: 1px solid rgba(229, 198, 189, 0.3);
border-radius: 26px;
padding: 8px 16px;
background: rgba(255, 255, 255, 0.07);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
}

.pg-foot__logo-frame img {
width: 44px;
height: 44px;
object-fit: contain;
display: block;
}

.pg-foot__brand-name {
font-size: 17px;
font-weight: 700;
color: #F9F4F3;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.15;
}

.pg-foot__brand-sub {
font-size: 15px;
color: #E5C6BD;
line-height: 1.4;
opacity: 0.7;
}

.pg-foot__grid {
max-width: 1280px;
margin: 0 auto;
padding: 40px 40px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}

.foot-col__heading {
font-size: 15px;
font-weight: 700;
color: #C7894A;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 1.15;
margin: 0 0 16px 0;
display: flex;
align-items: center;
gap: 8px;
}

.foot-col__heading i {
font-size: 17px;
}

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

.foot-col__links a {
font-size: 15px;
color: #E5C6BD;
text-decoration: none;
line-height: 1.65;
display: inline-flex;
align-items: center;
gap: 8px;
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.foot-col__links a:hover {
color: #C7894A;
}

.foot-col__links a:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
border-radius: 2px;
}

.foot-col__links a i {
font-size: 15px;
opacity: 0.6;
flex-shrink: 0;
}

.foot-col__addr {
font-size: 15px;
color: #E5C6BD;
line-height: 1.65;
font-style: normal;
}

.foot-col__addr p {
margin: 0 0 8px 0;
}

.foot-col__addr a {
color: #E5C6BD;
text-decoration: none;
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-flex;
align-items: center;
gap: 8px;
}

.foot-col__addr a:hover {
color: #C7894A;
}

.foot-col__addr a:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
border-radius: 2px;
}

.foot-col__addr i {
font-size: 15px;
opacity: 0.6;
flex-shrink: 0;
}

.pg-foot__bottom {
max-width: 1280px;
margin: 0 auto;
padding: 16px 40px 40px 40px;
border-top: 1px solid rgba(229, 198, 189, 0.15);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

.pg-foot__copy {
font-size: 15px;
color: #E5C6BD;
opacity: 0.5;
line-height: 1.4;
}

.pg-foot__legal {
display: flex;
gap: 16px;
flex-wrap: wrap;
}

.pg-foot__legal a {
font-size: 15px;
color: #E5C6BD;
text-decoration: none;
opacity: 0.5;
line-height: 1.4;
transition: opacity 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.pg-foot__legal a:hover {
opacity: 1;
color: #C7894A;
}

.pg-foot__legal a:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
border-radius: 2px;
opacity: 1;
}

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

.pg-foot__opener {
padding: 40px 16px 16px 16px;
}

.pg-foot__bottom {
padding: 16px 16px 40px 16px;
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 480px) {
.pg-foot__grid {
grid-template-columns: 1fr;
gap: 40px;
}
}

.ck-notice {
position: fixed;
top: 16px;
right: 16px;
width: 360px;
max-width: calc(100vw - 32px);
background: #fff;
border: 1px solid #E5C6BD;
border-radius: 26px;
padding: 40px;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
z-index: 4000;
font-family: 'Inconsolata', monospace;
}

.ck-notice__icon {
width: 40px;
height: 40px;
margin: 0 0 16px 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(199, 137, 74, 0.08);
border-radius: 42px;
}

.ck-notice__icon i {
font-size: 21px;
color: #C7894A;
}

.ck-notice__body {
font-size: 15px;
color: #2a1f14;
line-height: 1.65;
margin: 0 0 16px 0;
}

.ck-notice__body a {
color: #C7894A;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ck-notice__body a:hover {
color: #2a1f14;
}

.ck-notice__body a:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
border-radius: 2px;
}

.ck-notice__uses {
list-style: none;
margin: 8px 0 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px;
}

.ck-notice__uses li {
font-size: 15px;
color: #7a5c3a;
line-height: 1.4;
display: flex;
align-items: center;
gap: 8px;
}

.ck-notice__uses li i {
font-size: 15px;
color: #C7894A;
flex-shrink: 0;
}

.ck-notice__optout {
display: flex;
align-items: center;
gap: 8px;
margin: 16px 0;
padding: 16px;
background: #F9F4F3;
border-radius: 2px;
}

.ck-notice__optout label {
font-size: 15px;
color: #2a1f14;
line-height: 1.4;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}

.ck-notice__optout input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #C7894A;
cursor: pointer;
flex-shrink: 0;
}

.ck-notice__optout input[type="checkbox"]:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
}

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

.ck-btn-accept {
flex: 1;
padding: 16px;
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
color: #F9F4F3;
background: #2a1f14;
border: 2px solid #2a1f14;
border-radius: 2px;
cursor: pointer;
min-height: 44px;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
line-height: 1.15;
}

.ck-btn-accept:hover {
background: #C7894A;
border-color: #C7894A;
}

.ck-btn-accept:active {
box-shadow: inset 0 2px 4px rgba(199, 137, 74, 0.3);
}

.ck-btn-accept:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
}

.ck-btn-decline {
flex: 1;
padding: 16px;
font-family: 'Inconsolata', monospace;
font-size: 15px;
font-weight: 700;
color: #2a1f14;
background: transparent;
border: 2px solid #E5C6BD;
border-radius: 2px;
cursor: pointer;
min-height: 44px;
transition: border-color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
line-height: 1.15;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}

.ck-btn-decline:hover {
border-color: #C7894A;
color: #C7894A;
}

.ck-btn-decline:active {
box-shadow: inset 0 2px 4px rgba(199, 137, 74, 0.15);
}

.ck-btn-decline:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 2px;
}

.legal-block {
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
}

.legal-block p {
font-size: 17px;
line-height: 1.85;
color: #2a2018;
margin-top: 0;
margin-bottom: 16px;
}

.legal-block ul,
.legal-block ol {
font-size: 17px;
line-height: 1.85;
color: #2a2018;
padding-left: 40px;
margin-top: 0;
margin-bottom: 16px;
}

.legal-block li {
margin-bottom: 8px;
}

.legal-block li:last-child {
margin-bottom: 0;
}

.legal-block ul li::marker {
color: #C7894A;
}

.legal-block ol li::marker {
color: #C7894A;
font-weight: 600;
}

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

.legal-block a {
color: #9a5e28;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), text-decoration-color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.legal-block a:hover {
color: #C7894A;
text-decoration-color: #E5C6BD;
}

.legal-block a:active {
color: #7a4a1e;
}

.legal-block hr {
border: none;
border-top: 1px solid #E5C6BD;
margin-top: 40px;
margin-bottom: 40px;
}

.legal-block div {
margin-bottom: 16px;
}

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

.legal-block p,
.legal-block ul,
.legal-block ol {
font-size: 15px;
}

.legal-block ul,
.legal-block ol {
padding-left: 16px;
}
}

@media (max-width: 480px) {
.legal-block {
padding: 40px 8px;
}

.legal-block hr {
margin-top: 16px;
margin-bottom: 16px;
}
}

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

.cd-det .pg-reveal {
opacity: 0;
transform: translateY(32px);
animation: cd-slideup 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.cd-det .pg-reveal:nth-child(1) {
animation-delay: 0.05s;
}

.cd-det .pg-reveal:nth-child(2) {
animation-delay: 0.13s;
}

.cd-det .pg-reveal:nth-child(3) {
animation-delay: 0.21s;
}

.cd-det .pg-reveal:nth-child(4) {
animation-delay: 0.29s;
}

@keyframes cd-slideup {
to {
opacity: 1;
transform: translateY(0);
}
}

.cd-det .bento-row {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
gap: 40px;
align-items: stretch;
}

.cd-det .bento-img-cell {
position: relative;
border-radius: 26px;
overflow: hidden;
min-height: 420px;
}

.cd-det .bento-img-cell img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}

.cd-det .bento-img-cell::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, transparent 40%, #fff 100%);
pointer-events: none;
}

.cd-det .bento-img-cell .corner-lines {
position: absolute;
top: 16px;
left: 16px;
width: 40px;
height: 40px;
pointer-events: none;
z-index: 2;
}

.cd-det .bento-img-cell .corner-lines::before,
.cd-det .bento-img-cell .corner-lines::after {
content: "";
position: absolute;
background: #C7894A;
}

.cd-det .bento-img-cell .corner-lines::before {
top: 0;
left: 0;
width: 28px;
height: 2px;
}

.cd-det .bento-img-cell .corner-lines::after {
top: 0;
left: 0;
width: 2px;
height: 28px;
}

.cd-det .bento-txt-cell {
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
padding: 40px;
background: #F9F4F3;
border-radius: 26px;
position: relative;
}

.cd-det .bento-txt-cell .accent-bar {
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
width: 3px;
background: linear-gradient(to bottom, #C7894A, #E5C6BD);
border-radius: 2px;
}

.cd-det .bento-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1px solid #E5C6BD;
border-radius: 2px;
padding: 4px 16px;
font-size: 15px;
color: #5a3a1a;
font-weight: 600;
width: fit-content;
}

.cd-det .bento-h1 {
font-size: 51px;
line-height: 1.15;
color: #1e1108;
font-weight: 300;
letter-spacing: 0;
margin: 0;
}

.cd-det .bento-h1 .accent-word {
color: #C7894A;
font-weight: 700;
}

.cd-det .bento-sub {
font-size: 17px;
line-height: 1.65;
color: #3d2910;
margin: 0;
}

.cd-det .bento-meta {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
align-items: center;
}

.cd-det .bento-meta-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #5a3a1a;
}

.cd-det .bento-meta-item .pe-7s-date,
.cd-det .bento-meta-item .pe-7s-look,
.cd-det .bento-meta-item .pe-7s-users {
color: #C7894A;
font-size: 17px;
}

.cd-det .bento-price-row {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 16px;
flex-wrap: wrap;
}

.cd-det .price-num {
font-size: 37px;
line-height: 1.15;
color: #1e1108;
font-weight: 700;
}

.cd-det .price-note {
font-size: 15px;
color: #7a5530;
line-height: 1.65;
}

.cd-det .btn-enroll {
display: inline-block;
background: #1e1108;
color: #F9F4F3;
font-size: 17px;
font-weight: 600;
padding: 16px 40px;
border-radius: 42px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
width: fit-content;
}

.cd-det .btn-enroll::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background: #C7894A;
transition: width 0.6s linear;
z-index: 0;
border-radius: 42px;
}

.cd-det .btn-enroll:active::before {
width: 100%;
}

.cd-det .btn-enroll span {
position: relative;
z-index: 1;
}

.cd-det .btn-enroll:hover {
transform: scale(1.04);
background: #3d2910;
}

.cd-det .btn-enroll:focus-visible {
outline: 3px solid #C7894A;
outline-offset: 4px;
}

.cd-det .desc-sec {
background: #fff;
padding: 80px 40px;
max-width: 1280px;
margin: 0 auto;
}

.cd-det .desc-grid {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 40px;
}

.cd-det .desc-body {
padding-right: 40px;
border-right: 1px solid #E5C6BD;
}

.cd-det .desc-body .sec-label {
font-size: 15px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #C7894A;
margin: 0 0 16px;
}

.cd-det .desc-body .sec-heading {
font-size: 37px;
line-height: 1.15;
color: #1e1108;
font-weight: 300;
margin: 0 0 16px;
}

.cd-det .desc-body .desc-text {
font-size: 17px;
line-height: 1.65;
color: #2c1a08;
text-indent: 1.5em;
margin: 0;
}

.cd-det .desc-body .desc-text+.desc-text {
margin-top: 0;
}

.cd-det .user-card {
background: #F9F4F3;
border-radius: 26px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 16px;
align-self: start;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
}

.cd-det .user-card .uc-label {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #C7894A;
}

.cd-det .user-card .uc-format {
font-size: 21px;
font-weight: 600;
color: #1e1108;
line-height: 1.4;
}

.cd-det .user-card .uc-divider {
height: 1px;
background: #E5C6BD;
border: none;
margin: 0;
}

.cd-det .user-card .uc-note {
font-size: 15px;
line-height: 1.65;
color: #3d2910;
}

.cd-det .user-card .uc-price {
font-size: 37px;
font-weight: 700;
color: #1e1108;
line-height: 1.15;
}

.cd-det .user-card .uc-price-note {
font-size: 15px;
color: #7a5530;
}

.cd-det .user-card .btn-enroll-sm {
display: inline-block;
background: #C7894A;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 16px 40px;
border-radius: 42px;
border: none;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
}

.cd-det .user-card .btn-enroll-sm:hover {
background: #a86930;
transform: scale(1.03);
}

.cd-det .user-card .btn-enroll-sm:focus-visible {
outline: 3px solid #1e1108;
outline-offset: 4px;
}

.cd-det .prog-sec {
background: #F9F4F3;
padding: 80px 40px;
}

.cd-det .prog-inner {
max-width: 1280px;
margin: 0 auto;
}

.cd-det .prog-head {
text-align: center;
margin-bottom: 40px;
}

.cd-det .prog-head .ph-label {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #C7894A;
display: block;
margin-bottom: 8px;
}

.cd-det .prog-head .ph-title {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #1e1108;
margin: 0;
}

.cd-det .prog-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 16px 0 40px;
}

.cd-det .prog-divider .pd-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #C7894A;
display: inline-block;
}

.cd-det .prog-divider .pd-line {
width: 80px;
height: 1px;
background: #C7894A;
display: inline-block;
}

.cd-det .prog-content {
font-size: 17px;
line-height: 1.65;
color: #2c1a08;
}

.cd-det .prog-content h2 {
font-size: 21px;
font-weight: 600;
color: #1e1108;
margin: 40px 0 8px;
}

.cd-det .prog-content h3 {
font-size: 17px;
font-weight: 700;
color: #C7894A;
margin: 16px 0 4px;
}

.cd-det .prog-content p {
margin: 0 0 8px;
}

.cd-det .prog-content ol {
padding-left: 0;
list-style: none;
counter-reset: prog-counter;
display: flex;
flex-direction: column;
gap: 16px;
}

.cd-det .prog-content ol li {
counter-increment: prog-counter;
display: grid;
grid-template-columns: 40px 1fr;
gap: 16px;
align-items: start;
background: #fff;
border-radius: 26px;
padding: 16px;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
}

.cd-det .prog-content ol li::before {
content: counter(prog-counter);
font-size: 21px;
font-weight: 700;
color: #C7894A;
line-height: 1.15;
text-align: center;
}

.cd-det .prog-content strong {
color: #1e1108;
font-weight: 700;
}

.cd-det .prog-content dl {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 8px 16px;
}

.cd-det .prog-content dt {
font-weight: 700;
color: #C7894A;
}

.cd-det .prog-content dd {
margin: 0;
color: #2c1a08;
}

.cd-det .prog-content blockquote {
border-top: 2px solid #C7894A;
border-bottom: 2px solid #E5C6BD;
padding: 16px 40px;
margin: 16px 0;
color: #3d2910;
font-style: italic;
}

.cd-det .cta-strip {
background: #1e1108;
padding: 80px 40px;
}

.cd-det .cta-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
align-items: center;
}

.cd-det .cta-narrow-label {
display: flex;
flex-direction: column;
gap: 8px;
}

.cd-det .cta-narrow-label .cn-icon {
color: #C7894A;
font-size: 37px;
}

.cd-det .cta-narrow-label .cn-txt {
font-size: 15px;
color: #E5C6BD;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.cd-det .cta-wide-text {
grid-column: span 2;
}

.cd-det .cta-wide-text .cw-heading {
font-size: 37px;
line-height: 1.15;
color: #F9F4F3;
font-weight: 300;
margin: 0 0 16px;
}

.cd-det .cta-wide-text .cw-body {
font-size: 17px;
line-height: 1.65;
color: #E5C6BD;
margin: 0;
}

.cd-det .cta-action {
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-end;
}

.cd-det .cta-action .btn-light {
display: inline-block;
background: #F9F4F3;
color: #1e1108;
font-size: 17px;
font-weight: 700;
padding: 16px 40px;
border-radius: 42px;
border: none;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: background 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
white-space: nowrap;
}

.cd-det .cta-action .btn-light::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background: #C7894A;
transition: width 0.6s linear;
z-index: 0;
border-radius: 42px;
}

.cd-det .cta-action .btn-light:active::before {
width: 100%;
}

.cd-det .cta-action .btn-light span {
position: relative;
z-index: 1;
}

.cd-det .cta-action .btn-light:hover {
background: #E5C6BD;
transform: scale(1.04);
}

.cd-det .cta-action .btn-light:focus-visible {
outline: 3px solid #C7894A;
outline-offset: 4px;
}

.cd-det .cta-action .ca-contact {
font-size: 15px;
color: #E5C6BD;
text-align: right;
}

.cd-det .cta-action .ca-contact a {
color: #C7894A;
text-decoration: none;
font-weight: 600;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cd-det .cta-action .ca-contact a:hover {
color: #F9F4F3;
}

@media (max-width: 1280px) {
.cd-det .bento-row {
padding: 80px 40px;
}

.cd-det .cta-inner {
grid-template-columns: 1fr 1fr;
}

.cd-det .cta-wide-text {
grid-column: span 1;
}
}

@media (max-width: 768px) {
.cd-det .bento-row {
grid-template-columns: 1fr;
padding: 40px 16px;
}

.cd-det .bento-img-cell {
min-height: 260px;
}

.cd-det .bento-txt-cell {
padding: 40px 16px 40px 24px;
}

.cd-det .bento-h1 {
font-size: 37px;
}

.cd-det .desc-sec {
padding: 40px 16px;
}

.cd-det .desc-grid {
grid-template-columns: 1fr;
}

.cd-det .desc-body {
padding-right: 0;
border-right: none;
border-bottom: 1px solid #E5C6BD;
padding-bottom: 40px;
}

.cd-det .prog-sec {
padding: 40px 16px;
}

.cd-det .prog-content ol li {
grid-template-columns: 32px 1fr;
}

.cd-det .cta-strip {
padding: 40px 16px;
}

.cd-det .cta-inner {
grid-template-columns: 1fr;
}

.cd-det .cta-wide-text {
grid-column: span 1;
}

.cd-det .cta-action {
align-items: flex-start;
}

.cd-det .cta-action .ca-contact {
text-align: left;
}
}

@media (max-width: 480px) {
.cd-det .bento-h1 {
font-size: 37px;
}

.cd-det .price-num,
.cd-det .user-card .uc-price {
font-size: 21px;
}

.cd-det .prog-content dl {
grid-template-columns: 1fr;
}

.cd-det .bento-meta {
flex-direction: column;
align-items: flex-start;
}
}

.cont-us {
background: #F9F4F3;
overflow-x: clip;
}

.cont-us .pg-strip {
width: 100%;
height: 4px;
background: linear-gradient(to right, #C7894A, #E5C6BD);
}

.cont-us .reach-blk {
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}

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

.cont-us .reach-img-strip {
width: 100%;
height: 180px;
overflow: hidden;
border-radius: 2px;
margin-bottom: 40px;
position: relative;
}

.cont-us .reach-img-strip::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(199, 137, 74, 0.18), rgba(229, 198, 189, 0.32));
mix-blend-mode: multiply;
pointer-events: none;
}

.cont-us .reach-img-strip img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
display: block;
filter: grayscale(60%) contrast(1.05);
}

.cont-us .reach-img-strip .grain-lay {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");
background-size: 180px 180px;
pointer-events: none;
z-index: 1;
}

.cont-us .deco-band {
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 180px;
background: linear-gradient(to bottom, #C7894A, #E5C6BD);
border-radius: 2px;
}

.cont-us .reach-caption {
display: block;
font-size: 15px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #C7894A;
margin-bottom: 16px;
line-height: 1.4;
border-bottom: 1px solid #C7894A;
padding-bottom: 8px;
width: fit-content;
}

.cont-us .reach-head {
font-size: 51px;
font-weight: 300;
line-height: 1.15;
color: #1e1410;
margin: 0 0 16px 0;
letter-spacing: -0.01em;
}

.cont-us .reach-sub {
font-size: 17px;
line-height: 1.65;
color: #3a2e26;
margin: 0 0 40px 0;
}

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

.cont-us .info-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #fff;
border-radius: 26px;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
transition: box-shadow 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cont-us .info-list li:hover {
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
transform: translateY(-2px);
}

.cont-us .info-ico {
width: 40px;
height: 40px;
background: linear-gradient(to bottom, #C7894A, #E5C6BD);
border-radius: 42px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.cont-us .info-ico span {
font-size: 21px;
color: #fff;
}

.cont-us .info-txt {
display: flex;
flex-direction: column;
gap: 4px;
}

.cont-us .info-lbl {
font-size: 15px;
font-weight: 700;
color: #1e1410;
line-height: 1.4;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.cont-us .info-val {
font-size: 17px;
color: #3a2e26;
line-height: 1.4;
}

.cont-us .info-val a {
color: #C7894A;
text-decoration: none;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cont-us .info-val a:hover {
color: #1e1410;
}

.cont-us .reach-right {
background: #fff;
border-radius: 42px;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
padding: 40px;
position: relative;
overflow: hidden;
}

.cont-us .reach-right::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(to right, #C7894A, #E5C6BD);
border-radius: 42px 42px 0 0;
}

.cont-us .form-head {
font-size: 37px;
font-weight: 300;
color: #1e1410;
margin: 0 0 8px 0;
line-height: 1.15;
text-align: center;
}

.cont-us .form-sub {
font-size: 15px;
color: #6b5a4e;
line-height: 1.65;
margin: 0 0 40px 0;
text-align: left;
}

.cont-us .cf {
display: flex;
flex-direction: column;
gap: 16px;
}

.cont-us .cf-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.cont-us .cf-field {
display: flex;
flex-direction: column;
gap: 8px;
}

.cont-us .cf-field.full {
grid-column: 1 / -1;
}

.cont-us .cf-lbl {
font-size: 15px;
font-weight: 700;
color: #1e1410;
line-height: 1.4;
letter-spacing: 0.03em;
}

.cont-us .cf-lbl .req {
color: #C7894A;
margin-left: 2px;
}

.cont-us .cf-inp {
width: 100%;
padding: 16px;
border: 1.5px solid #E5C6BD;
border-radius: 26px;
font-size: 17px;
color: #1e1410;
background: #F9F4F3;
outline: none;
transition: border-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}

.cont-us .cf-inp::placeholder {
color: rgba(30, 20, 16, 0.38);
}

.cont-us .cf-inp:focus {
border-color: #C7894A;
box-shadow: 0 0 0 3px rgba(199, 137, 74, 0.13), inset 0 1px 3px rgba(199, 137, 74, 0.08);
background: #fff;
}

.cont-us .cf-inp:hover:not(:focus) {
border-color: #C7894A;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
}

.cont-us .cf-sel {
width: 100%;
padding: 16px;
border: 1.5px solid #E5C6BD;
border-radius: 26px;
font-size: 17px;
color: #1e1410;
background: #F9F4F3;
outline: none;
cursor: pointer;
transition: border-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23C7894A' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
}

.cont-us .cf-sel:focus {
border-color: #C7894A;
box-shadow: 0 0 0 3px rgba(199, 137, 74, 0.13), inset 0 1px 3px rgba(199, 137, 74, 0.08);
background-color: #fff;
}

.cont-us .cf-sel:hover:not(:focus) {
border-color: #C7894A;
}

.cont-us .cf-area {
resize: vertical;
min-height: 120px;
}

.cont-us .cf-check-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #F9F4F3;
border-radius: 26px;
}

.cont-us .cf-chk {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px;
accent-color: #C7894A;
cursor: pointer;
}

.cont-us .cf-chk-txt {
font-size: 15px;
color: #3a2e26;
line-height: 1.65;
}

.cont-us .cf-chk-txt a {
color: #C7894A;
text-decoration: underline;
text-underline-offset: 2px;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cont-us .cf-chk-txt a:hover {
color: #1e1410;
}

.cont-us .cf-submit {
width: 100%;
padding: 16px 40px;
background: #1e1410;
color: #F9F4F3;
font-size: 17px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
border: none;
border-radius: 26px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
}

.cont-us .cf-submit:hover {
background: #C7894A;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
transform: translateY(-2px);
}

.cont-us .cf-submit:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 3px;
}

.cont-us .cf-submit:active {
transform: translateY(0);
box-shadow: inset 0 2px 6px rgba(199, 137, 74, 0.18);
}

.cont-us .cf-submit .btn-fill {
position: absolute;
inset: 0;
background: #C7894A;
transform: scaleX(0);
transform-origin: left;
z-index: 0;
border-radius: 26px;
}

.cont-us .cf-submit span {
position: relative;
z-index: 1;
}

.cont-us .cf-submit:hover .btn-fill {
transform: scaleX(1);
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cont-us .divider-thick {
width: 100%;
height: 4px;
background: linear-gradient(to right, #E5C6BD, #C7894A, #E5C6BD);
border: none;
margin: 0;
}

.cont-us .hrs-blk {
background: #1e1410;
padding: 80px 40px;
position: relative;
overflow: hidden;
}

.cont-us .hrs-blk::before {
content: "";
position: absolute;
top: -60px;
right: -60px;
width: 320px;
height: 320px;
border: 1px solid rgba(199, 137, 74, 0.12);
border-radius: 42px;
pointer-events: none;
}

.cont-us .hrs-blk::after {
content: "";
position: absolute;
top: -40px;
right: -40px;
width: 280px;
height: 280px;
border: 1px solid rgba(229, 198, 189, 0.08);
border-radius: 42px;
pointer-events: none;
}

.cont-us .hrs-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 80px;
align-items: start;
}

.cont-us .hrs-left-col {
display: flex;
flex-direction: column;
gap: 16px;
}

.cont-us .hrs-caption {
display: block;
font-size: 15px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #E5C6BD;
line-height: 1.4;
border-bottom: 1px solid rgba(229, 198, 189, 0.3);
padding-bottom: 8px;
width: fit-content;
}

.cont-us .hrs-head {
font-size: 51px;
font-weight: 300;
color: #F9F4F3;
line-height: 1.15;
margin: 0;
}

.cont-us .hrs-para {
font-size: 17px;
color: rgba(249, 244, 243, 0.75);
line-height: 1.65;
margin: 0;
}

.cont-us .hrs-para+.hrs-para {
text-indent: 1.2em;
}

.cont-us .hrs-right-col {
display: flex;
flex-direction: column;
gap: 8px;
}

.cont-us .hrs-row {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
padding: 16px;
border-radius: 26px;
transition: background 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cont-us .hrs-row:hover {
background: rgba(199, 137, 74, 0.08);
box-shadow: inset 0 0 0 1px rgba(199, 137, 74, 0.18), 0 0 12px 0 rgba(199, 137, 74, 0.10);
}

.cont-us .hrs-day {
font-size: 17px;
font-weight: 700;
color: #F9F4F3;
line-height: 1.4;
}

.cont-us .hrs-time {
font-size: 17px;
color: #C7894A;
line-height: 1.4;
font-weight: 400;
}

.cont-us .hrs-row.closed .hrs-time {
color: rgba(249, 244, 243, 0.38);
}

.cont-us .hrs-sep {
height: 1px;
background: rgba(229, 198, 189, 0.12);
margin: 4px 16px;
border: none;
}

.cont-us .hrs-num-list {
list-style: none;
padding: 0;
margin: 40px 0 0 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.cont-us .hrs-num-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.cont-us .hrs-num {
font-size: 37px;
font-weight: 700;
color: #C7894A;
line-height: 1.15;
min-width: 40px;
flex-shrink: 0;
}

.cont-us .hrs-num-txt {
font-size: 15px;
color: rgba(249, 244, 243, 0.75);
line-height: 1.65;
padding-top: 8px;
}

@keyframes load-appear {
from {
opacity: 0;
transform: rotate(-1.5deg) translateY(24px);
}

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

.cont-us .reach-blk {
animation: load-appear 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.cont-us .hrs-blk {
animation: load-appear 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0.08s both;
}

@media (max-width: 1280px) {
.cont-us .reach-blk {
gap: 40px;
padding: 80px 40px;
}

.cont-us .hrs-inner {
gap: 40px;
}
}

@media (max-width: 768px) {
.cont-us .reach-blk {
grid-template-columns: 1fr;
padding: 40px 16px;
gap: 40px;
}

.cont-us .reach-head {
font-size: 37px;
}

.cont-us .cf-row {
grid-template-columns: 1fr;
}

.cont-us .hrs-inner {
grid-template-columns: 1fr;
gap: 40px;
}

.cont-us .hrs-blk {
padding: 40px 16px;
}

.cont-us .hrs-head {
font-size: 37px;
}
}

@media (max-width: 480px) {
.cont-us .reach-right {
padding: 16px;
}

.cont-us .form-head {
font-size: 21px;
}

.cont-us .reach-head {
font-size: 21px;
}

.cont-us .hrs-head {
font-size: 21px;
}

.cont-us .hrs-num {
font-size: 21px;
}
}

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

.rt-pg .ed-col {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
padding-right: 80px;
}

.rt-pg .blk-title {
background: #F9F4F3;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}

.rt-pg .blk-title .ed-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}

.rt-pg .title-bracket-box {
position: relative;
padding: 40px;
max-width: 780px;
width: 100%;
}

.rt-pg .title-bracket-box::before,
.rt-pg .title-bracket-box::after {
content: "";
position: absolute;
width: 28px;
height: 28px;
border-color: #C7894A;
border-style: solid;
}

.rt-pg .title-bracket-box::before {
top: 0;
left: 0;
border-width: 2px 0 0 2px;
border-radius: 2px 0 0 0;
}

.rt-pg .title-bracket-box::after {
bottom: 0;
right: 0;
border-width: 0 2px 2px 0;
border-radius: 0 0 2px 0;
}

.rt-pg .title-bracket-box .t-manifesto {
font-size: 51px;
line-height: 1.15;
font-weight: 300;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #2a1f17;
text-align: center;
margin: 0;
}

.rt-pg .title-bracket-box .t-manifesto span {
color: #C7894A;
font-weight: 600;
}

.rt-pg .title-sub {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
max-width: 560px;
text-align: left;
margin: 0;
}

.rt-pg .title-img-row {
display: flex;
flex-direction: row;
gap: 40px;
width: 100%;
align-items: flex-start;
}

.rt-pg .title-img-frame {
position: relative;
flex: 0 0 340px;
border-radius: 26px;
overflow: hidden;
filter: grayscale(60%) saturate(0.7);
}

.rt-pg .title-img-frame img {
width: 340px;
height: 280px;
object-fit: cover;
object-position: center 30%;
display: block;
border-radius: 26px;
}

.rt-pg .title-img-frame .img-corner-tl,
.rt-pg .title-img-frame .img-corner-br {
position: absolute;
width: 20px;
height: 20px;
border-color: #C7894A;
border-style: solid;
pointer-events: none;
}

.rt-pg .title-img-frame .img-corner-tl {
top: 8px;
left: 8px;
border-width: 2px 0 0 2px;
border-radius: 2px 0 0 0;
}

.rt-pg .title-img-frame .img-corner-br {
bottom: 8px;
right: 8px;
border-width: 0 2px 2px 0;
border-radius: 0 0 2px 0;
}

.rt-pg .title-aside {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 16px;
}

.rt-pg .title-aside .t-label {
font-size: 15px;
line-height: 1.4;
color: #C7894A;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.rt-pg .title-aside .t-body {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
}

.rt-pg .title-cta {
display: inline-block;
background: #2a1f17;
color: #F9F4F3;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 16px 40px;
border-radius: 2px;
text-decoration: none;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
align-self: flex-start;
}

.rt-pg .title-cta::before {
content: "";
position: absolute;
inset: 0;
background: #C7894A;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0;
}

.rt-pg .title-cta:hover::before {
transform: scaleX(1);
}

.rt-pg .title-cta span {
position: relative;
z-index: 1;
}

.rt-pg .blk-objection {
padding-top: 80px;
padding-bottom: 80px;
background: #fff;
animation: blurFadeIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes blurFadeIn {
from {
opacity: 0;
filter: blur(8px);
transform: translateY(16px);
}

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

.rt-pg .blk-objection .ed-col {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start;
}

.rt-pg .obj-left {
flex: 0 0 320px;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .obj-img {
width: 320px;
height: 260px;
object-fit: cover;
object-position: center 20%;
border-radius: 42px;
display: block;
}

.rt-pg .obj-num {
font-size: 68px;
line-height: 1.15;
font-weight: 700;
color: #E5C6BD;
display: block;
letter-spacing: -0.02em;
}

.rt-pg .obj-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .obj-right .sec-head {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #2a1f17;
margin: 0;
letter-spacing: 0.02em;
}

.rt-pg .obj-right .sec-head strong {
font-weight: 700;
color: #C7894A;
}

.rt-pg .obj-right .para {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
text-indent: 1.5em;
}

.rt-pg .obj-right .para-lead {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
font-weight: 600;
text-indent: 0;
}

.rt-pg .blk-approach {
background: #F9F4F3;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}

.rt-pg .blk-approach .noise-layer {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
pointer-events: none;
border-radius: 0;
}

.rt-pg .blk-approach .ed-col {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 40px;
}

.rt-pg .approach-head {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #2a1f17;
margin: 0;
text-align: center;
letter-spacing: 0.02em;
}

.rt-pg .approach-head em {
font-style: normal;
color: #C7894A;
font-weight: 600;
}

.rt-pg .approach-grid {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
gap: 16px;
align-items: stretch;
}

.rt-pg .ap-card {
background: #fff;
border-radius: 26px;
padding: 40px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
overflow: hidden;
transition: box-shadow 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt-pg .ap-card:hover {
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
transform: translateY(-4px);
}

.rt-pg .ap-card::after {
content: "";
position: absolute;
inset: 0;
background: repeating-linear-gradient(135deg,
transparent,
transparent 18px,
rgba(199, 137, 74, 0.07) 18px,
rgba(199, 137, 74, 0.07) 20px);
opacity: 0;
transition: opacity 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none;
border-radius: 26px;
}

.rt-pg .ap-card:hover::after {
opacity: 1;
}

.rt-pg .ap-card .ap-icon {
font-size: 21px;
color: #C7894A;
}

.rt-pg .ap-card .ap-label {
font-size: 15px;
font-weight: 700;
color: #2a1f17;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.rt-pg .ap-card .ap-text {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
}

.rt-pg .ap-card-wide {
grid-column: span 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .ap-card-wide .ap-img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center 40%;
border-radius: 16px;
}

.rt-pg .blk-outcome {
padding-top: 80px;
padding-bottom: 80px;
background: #2a1f17;
}

.rt-pg .blk-outcome .ed-col {
display: flex;
flex-direction: column;
gap: 40px;
}

.rt-pg .outcome-head {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #F9F4F3;
margin: 0;
text-align: center;
letter-spacing: 0.02em;
}

.rt-pg .outcome-head strong {
color: #C7894A;
font-weight: 700;
}

.rt-pg .outcome-compare {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.rt-pg .cmp-card {
border-radius: 26px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .cmp-card.before {
background: rgba(229, 198, 189, 0.08);
border: 2px solid rgba(229, 198, 189, 0.18);
}

.rt-pg .cmp-card.after {
background: rgba(199, 137, 74, 0.12);
border: 2px solid rgba(199, 137, 74, 0.30);
}

.rt-pg .cmp-label {
font-size: 15px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.rt-pg .cmp-card.before .cmp-label {
color: #E5C6BD;
}

.rt-pg .cmp-card.after .cmp-label {
color: #C7894A;
}

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

.rt-pg .cmp-list li {
font-size: 17px;
line-height: 1.65;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}

.rt-pg .cmp-card.before .cmp-list li {
color: rgba(249, 244, 243, 0.7);
}

.rt-pg .cmp-card.after .cmp-list li {
color: #F9F4F3;
}

.rt-pg .cmp-num {
font-size: 21px;
font-weight: 700;
min-width: 28px;
line-height: 1.4;
}

.rt-pg .cmp-card.before .cmp-num {
color: rgba(229, 198, 189, 0.5);
}

.rt-pg .cmp-card.after .cmp-num {
color: #C7894A;
}

.rt-pg .outcome-body {
font-size: 17px;
line-height: 1.65;
color: rgba(249, 244, 243, 0.8);
margin: 0;
max-width: 640px;
align-self: center;
text-align: left;
}

.rt-pg .blk-who {
padding-top: 80px;
padding-bottom: 80px;
background: #fff;
}

.rt-pg .blk-who .ed-col {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start;
}

.rt-pg .who-text {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .who-head {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #2a1f17;
margin: 0;
letter-spacing: 0.02em;
}

.rt-pg .who-head strong {
font-weight: 700;
color: #C7894A;
}

.rt-pg .who-para {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
text-indent: 1.5em;
}

.rt-pg .who-para-lead {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
font-weight: 600;
}

.rt-pg .who-cases {
flex: 0 0 340px;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .case-item {
background: #F9F4F3;
border-radius: 26px;
padding: 16px 40px;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
transition: box-shadow 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.rt-pg .case-item:hover {
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
transform: translateX(4px);
}

.rt-pg .case-n {
font-size: 37px;
font-weight: 700;
color: #E5C6BD;
line-height: 1.15;
min-width: 40px;
}

.rt-pg .case-desc {
font-size: 15px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
padding-top: 8px;
}

.rt-pg .blk-adapt {
padding-top: 80px;
padding-bottom: 80px;
background: #F9F4F3;
}

.rt-pg .blk-adapt .ed-col {
display: flex;
flex-direction: column;
gap: 40px;
}

.rt-pg .adapt-head {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #2a1f17;
margin: 0;
text-align: center;
letter-spacing: 0.02em;
}

.rt-pg .adapt-head em {
font-style: normal;
color: #C7894A;
font-weight: 600;
}

.rt-pg .adapt-annot-row {
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
}

.rt-pg .adapt-img-wrap {
position: relative;
flex: 0 0 420px;
border-radius: 26px;
overflow: hidden;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
}

.rt-pg .adapt-img-wrap img {
width: 420px;
height: 360px;
object-fit: cover;
object-position: center 25%;
display: block;
border-radius: 26px;
}

.rt-pg .adapt-annots {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 8px;
}

.rt-pg .annot-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #fff;
border-radius: 26px;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
transition: box-shadow 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt-pg .annot-item:hover {
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
transform: translateY(-2px);
}

.rt-pg .annot-num {
font-size: 37px;
font-weight: 700;
color: #C7894A;
line-height: 1.15;
min-width: 48px;
text-align: right;
}

.rt-pg .annot-body {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
}

.rt-pg .annot-body .a-label {
font-size: 15px;
font-weight: 700;
color: #2a1f17;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.rt-pg .annot-body .a-text {
font-size: 15px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
}

.rt-pg .adapt-foot {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
max-width: 640px;
align-self: center;
text-align: left;
text-indent: 1.5em;
}

.rt-pg .blk-context {
padding-top: 80px;
padding-bottom: 80px;
background: #fff;
}

.rt-pg .blk-context .ed-col {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start;
}

.rt-pg .ctx-imgs {
flex: 0 0 300px;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .ctx-img-top {
width: 300px;
height: 200px;
object-fit: cover;
object-position: center 35%;
border-radius: 26px;
display: block;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
}

.rt-pg .ctx-img-bot {
width: 300px;
height: 140px;
object-fit: cover;
object-position: center 60%;
border-radius: 26px;
display: block;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
}

.rt-pg .ctx-text {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.rt-pg .ctx-head {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #2a1f17;
margin: 0;
letter-spacing: 0.02em;
}

.rt-pg .ctx-head strong {
font-weight: 700;
color: #C7894A;
}

.rt-pg .ctx-para {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
text-indent: 1.5em;
}

.rt-pg .ctx-para-lead {
font-size: 17px;
line-height: 1.65;
color: #3d2f24;
margin: 0;
font-weight: 600;
}

.rt-pg .ctx-rating {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
background: #F9F4F3;
border-radius: 26px;
padding: 16px 40px;
margin-top: 8px;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
}

.rt-pg .ctx-rating .r-val {
font-size: 51px;
font-weight: 700;
color: #C7894A;
line-height: 1.15;
}

.rt-pg .ctx-rating .r-info {
display: flex;
flex-direction: column;
gap: 4px;
}

.rt-pg .ctx-rating .r-stars {
display: flex;
flex-direction: row;
gap: 4px;
}

.rt-pg .ctx-rating .r-stars .star {
width: 16px;
height: 16px;
}

.rt-pg .ctx-rating .r-count {
font-size: 15px;
color: #3d2f24;
line-height: 1.4;
}

.rt-pg .ctx-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: #C7894A;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 16px 40px;
border-radius: 2px;
text-decoration: none;
align-self: flex-start;
position: relative;
overflow: hidden;
transition: background 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt-pg .ctx-link:hover {
background: #2a1f17;
transform: translateY(-2px);
}

@media (max-width: 1280px) {
.rt-pg .ed-col {
padding-left: 40px;
padding-right: 40px;
}
}

@media (max-width: 768px) {
.rt-pg .ed-col {
padding-left: 16px;
padding-right: 16px;
}

.rt-pg .title-bracket-box .t-manifesto {
font-size: 37px;
}

.rt-pg .title-img-row {
flex-direction: column;
}

.rt-pg .title-img-frame {
flex: none;
width: 100%;
}

.rt-pg .title-img-frame img {
width: 100%;
height: 220px;
}

.rt-pg .blk-objection .ed-col {
flex-direction: column;
}

.rt-pg .obj-left {
flex: none;
width: 100%;
}

.rt-pg .obj-img {
width: 100%;
height: 200px;
}

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

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

.rt-pg .blk-who .ed-col {
flex-direction: column;
}

.rt-pg .who-cases {
flex: none;
width: 100%;
}

.rt-pg .adapt-annot-row {
flex-direction: column;
}

.rt-pg .adapt-img-wrap {
flex: none;
width: 100%;
}

.rt-pg .adapt-img-wrap img {
width: 100%;
height: 260px;
}

.rt-pg .blk-context .ed-col {
flex-direction: column;
}

.rt-pg .ctx-imgs {
flex: none;
width: 100%;
}

.rt-pg .ctx-img-top,
.rt-pg .ctx-img-bot {
width: 100%;
}
}

@media (max-width: 480px) {
.rt-pg .title-bracket-box .t-manifesto {
font-size: 21px;
}

.rt-pg .blk-title {
padding-top: 40px;
padding-bottom: 40px;
}

.rt-pg .blk-objection,
.rt-pg .blk-approach,
.rt-pg .blk-outcome,
.rt-pg .blk-who,
.rt-pg .blk-adapt,
.rt-pg .blk-context {
padding-top: 40px;
padding-bottom: 40px;
}

.rt-pg .obj-right .sec-head,
.rt-pg .approach-head,
.rt-pg .outcome-head,
.rt-pg .who-head,
.rt-pg .adapt-head,
.rt-pg .ctx-head {
font-size: 21px;
}

.rt-pg .ctx-rating .r-val {
font-size: 37px;
}
}

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

.abt-us .dec-lines {
position: absolute;
top: 16px;
right: 16px;
display: flex;
flex-direction: column;
gap: 4px;
pointer-events: none;
}

.abt-us .dec-lines span {
display: block;
height: 1px;
background: rgba(199, 137, 74, 0.18);
}

.abt-us .dec-lines span:nth-child(1) {
width: 48px;
}

.abt-us .dec-lines span:nth-child(2) {
width: 32px;
}

.abt-us .dec-lines span:nth-child(3) {
width: 20px;
}

.abt-us .title-blk {
position: relative;
background: #2a1f17;
padding: 80px 40px;
overflow: hidden;
}

.abt-us .title-blk .grid-bg {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(199, 137, 74, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(199, 137, 74, 0.06) 1px, transparent 1px);
background-size: 48px 48px;
pointer-events: none;
}

.abt-us .title-blk .img-wrap {
position: relative;
width: 100%;
max-width: 900px;
margin: 0 auto 40px;
border-radius: 26px;
overflow: hidden;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
}

.abt-us .title-blk .img-wrap img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center 30%;
display: block;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abt-us .title-blk .img-wrap:hover img {
transform: translateX(-16px);
}

.abt-us .title-blk .img-wrap .vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 40%, rgba(42, 31, 23, 0.72) 100%);
pointer-events: none;
}

.abt-us .title-blk .txt-zone {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
text-align: center;
}

.abt-us .title-blk .txt-zone .eyebrow {
display: inline-block;
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #C7894A;
margin-bottom: 16px;
border-bottom: 1px solid rgba(199, 137, 74, 0.3);
padding-bottom: 8px;
}

.abt-us .title-blk .txt-zone h1 {
font-size: 51px;
line-height: 1.15;
font-weight: 300;
color: #F9F4F3;
margin: 0 0 16px;
letter-spacing: 0.04em;
}

.abt-us .title-blk .txt-zone .sub-h {
font-size: 21px;
line-height: 1.65;
font-weight: 600;
color: #E5C6BD;
margin: 0 0 16px;
text-align: left;
}

.abt-us .title-blk .txt-zone .desc {
font-size: 17px;
line-height: 1.65;
color: rgba(249, 244, 243, 0.75);
text-align: left;
text-indent: 2em;
margin: 0;
}

.abt-us .about-body {
background: #F9F4F3;
padding: 80px 40px;
}

.abt-us .about-body .inner-max {
max-width: 1280px;
margin: 0 auto;
}

.abt-us .about-body .divider-part {
width: 120px;
height: 1px;
background: rgba(199, 137, 74, 0.35);
margin: 0 0 40px;
}

.abt-us .about-body .three-col {
display: grid;
grid-template-columns: 1fr 1.4fr 1.9fr;
gap: 16px;
margin-bottom: 80px;
}

.abt-us .about-body .col-card {
position: relative;
background: #fff;
border-radius: 26px;
padding: 40px 16px 40px 16px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
overflow: hidden;
transition: box-shadow 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abt-us .about-body .col-card:hover {
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
transform: translateY(-4px) rotate(0.5deg);
}

.abt-us .about-body .col-card .card-icon-big {
font-size: 51px;
color: rgba(199, 137, 74, 0.15);
display: block;
margin-bottom: 16px;
}

.abt-us .about-body .col-card h4 {
font-size: 17px;
line-height: 1.4;
font-weight: 700;
color: #2a1f17;
margin: 0 0 8px;
}

.abt-us .about-body .col-card p {
font-size: 15px;
line-height: 1.65;
color: #4a3828;
margin: 0;
}

.abt-us .about-body .col-card .num-anchor {
font-size: 68px;
line-height: 1.15;
font-weight: 700;
color: rgba(199, 137, 74, 0.12);
position: absolute;
bottom: 8px;
right: 16px;
pointer-events: none;
letter-spacing: -0.04em;
}

.abt-us .about-body .dense-open {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 80px;
align-items: start;
}

.abt-us .about-body .dense-side {
background: #2a1f17;
border-radius: 26px;
padding: 40px;
position: relative;
overflow: hidden;
}

.abt-us .about-body .dense-side .dec-lines {
top: 16px;
right: 16px;
}

.abt-us .about-body .dense-side .dec-lines span {
background: rgba(199, 137, 74, 0.25);
}

.abt-us .about-body .dense-side h3 {
font-size: 21px;
line-height: 1.4;
font-weight: 300;
color: #E5C6BD;
margin: 0 0 16px;
letter-spacing: 0.06em;
text-align: center;
}

.abt-us .about-body .dense-side .metric-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-us .about-body .dense-side .metric-list li {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 8px 16px;
background: rgba(199, 137, 74, 0.08);
border-radius: 2px;
}

.abt-us .about-body .dense-side .metric-list li .m-num {
font-size: 37px;
line-height: 1.15;
font-weight: 700;
color: #C7894A;
min-width: 64px;
text-align: right;
flex-shrink: 0;
}

.abt-us .about-body .dense-side .metric-list li .m-label {
font-size: 15px;
line-height: 1.4;
color: rgba(249, 244, 243, 0.8);
}

.abt-us .about-body .open-side {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-us .about-body .open-side h3 {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #2a1f17;
margin: 0;
letter-spacing: 0.03em;
}

.abt-us .about-body .open-side p {
font-size: 17px;
line-height: 1.65;
color: #4a3828;
margin: 0;
text-indent: 2em;
}

.abt-us .about-body .open-side p+p {
margin-top: 0;
}

.abt-us .about-body .speech-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 80px;
}

.abt-us .about-body .bubble-card {
background: #fff;
border-radius: 42px 42px 42px 2px;
padding: 40px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
position: relative;
transition: transform 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.abt-us .about-body .bubble-card:hover {
transform: rotate(-1deg) scale(1.01);
}

.abt-us .about-body .bubble-card .quote-text {
font-size: 17px;
line-height: 1.65;
color: #2a1f17;
margin: 0 0 16px;
}

.abt-us .about-body .bubble-card .quote-author {
font-size: 15px;
line-height: 1.4;
color: #C7894A;
font-weight: 700;
}

.abt-us .about-body .bubble-card .quote-role {
font-size: 15px;
line-height: 1.4;
color: #7a5c44;
}

.abt-us .about-body .frosted-strip {
border-radius: 26px;
background: rgba(229, 198, 189, 0.25);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(199, 137, 74, 0.18);
padding: 40px;
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
margin-bottom: 80px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
}

.abt-us .about-body .frosted-strip .icon-anchor {
font-size: 68px;
color: #C7894A;
flex-shrink: 0;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abt-us .about-body .frosted-strip:hover .icon-anchor {
transform: rotate(12deg);
}

.abt-us .about-body .frosted-strip .frosted-txt h4 {
font-size: 21px;
line-height: 1.4;
font-weight: 600;
color: #2a1f17;
margin: 0 0 8px;
}

.abt-us .about-body .frosted-strip .frosted-txt p {
font-size: 17px;
line-height: 1.65;
color: #4a3828;
margin: 0;
}

.abt-us .about-body .img-pair {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 16px;
}

.abt-us .about-body .img-pair .img-item {
border-radius: 26px;
overflow: hidden;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
position: relative;
}

.abt-us .about-body .img-pair .img-item img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abt-us .about-body .img-pair .img-item:hover img {
transform: translateY(-12px);
}

.abt-us .about-body .img-pair .img-item .img-cap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(42, 31, 23, 0.85), transparent);
padding: 16px;
border-radius: 0 0 26px 26px;
}

.abt-us .about-body .img-pair .img-item .img-cap p {
font-size: 15px;
line-height: 1.4;
color: #F9F4F3;
margin: 0;
text-indent: 0;
}

.abt-us .type-anim {
display: inline-block;
overflow: hidden;
white-space: nowrap;
border-right: 2px solid #C7894A;
animation: type-cursor 0.9s steps(1) infinite, type-reveal 2.4s steps(28, end) both;
max-width: 100%;
}

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

to {
width: 100%;
}
}

@keyframes type-cursor {

0%,
100% {
border-color: #C7894A;
}

50% {
border-color: transparent;
}
}

@media (max-width: 1280px) {
.abt-us .about-body .three-col {
grid-template-columns: 1fr 1fr;
}

.abt-us .about-body .three-col .col-card:last-child {
grid-column: 1 / -1;
}
}

@media (max-width: 768px) {
.abt-us .title-blk {
padding: 40px 16px;
}

.abt-us .title-blk .img-wrap img {
height: 240px;
}

.abt-us .title-blk .txt-zone h1 {
font-size: 37px;
}

.abt-us .about-body {
padding: 40px 16px;
}

.abt-us .about-body .three-col {
grid-template-columns: 1fr;
}

.abt-us .about-body .three-col .col-card:last-child {
grid-column: auto;
}

.abt-us .about-body .dense-open {
grid-template-columns: 1fr;
}

.abt-us .about-body .speech-row {
grid-template-columns: 1fr;
}

.abt-us .about-body .frosted-strip {
flex-direction: column;
gap: 16px;
}

.abt-us .about-body .img-pair {
grid-template-columns: 1fr;
}
}

@media (max-width: 480px) {
.abt-us .title-blk .txt-zone h1 {
font-size: 21px;
}

.abt-us .title-blk .txt-zone .sub-h {
font-size: 17px;
}

.abt-us .about-body .open-side h3 {
font-size: 21px;
}

.abt-us .about-body .dense-side .metric-list li .m-num {
font-size: 21px;
min-width: 40px;
}
}

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

.wbnrs-pg .lead-band {
padding: 80px 16px;
background: linear-gradient(to bottom, #C7894A, #E5C6BD);
position: relative;
text-align: center;
}

.wbnrs-pg .lead-band__curves {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}

.wbnrs-pg .lead-band__curves svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.18;
}

.wbnrs-pg .lead-band__inner {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.wbnrs-pg .lead-band__label {
font-size: 15px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #fff;
margin-bottom: 16px;
display: block;
opacity: 0.85;
}

.wbnrs-pg .lead-band__h1 {
font-size: 51px;
line-height: 1.15;
color: #fff;
font-weight: 300;
margin: 0 auto 16px;
max-width: 820px;
}

.wbnrs-pg .lead-band__desc {
font-size: 17px;
line-height: 1.65;
color: #fff;
max-width: 580px;
margin: 0 auto 40px;
opacity: 0.92;
text-align: left;
}

.wbnrs-pg .lead-band__actions {
display: flex;
flex-direction: row;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}

.wbnrs-pg .btn-primary {
display: inline-block;
padding: 16px 40px;
background: #1a0f00;
color: #fff;
font-size: 15px;
border-radius: 2px;
text-decoration: none;
font-weight: 600;
border: 2px solid transparent;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
cursor: pointer;
}

.wbnrs-pg .btn-primary:hover {
background: #2a1500;
}

.wbnrs-pg .btn-primary:focus-visible {
outline: 3px solid #fff;
outline-offset: 3px;
}

.wbnrs-pg .btn-outline {
display: inline-block;
padding: 16px 40px;
background: transparent;
color: #fff;
font-size: 15px;
border-radius: 2px;
text-decoration: none;
font-weight: 600;
border: 2px solid #fff;
transition: background 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
cursor: pointer;
}

.wbnrs-pg .btn-outline:hover {
background: #fff;
color: #C7894A;
}

.wbnrs-pg .btn-outline:focus-visible {
outline: 3px solid #fff;
outline-offset: 3px;
}

.wbnrs-pg .divider-a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 0;
}

.wbnrs-pg .divider-a__line {
width: 48px;
height: 2px;
background: #E5C6BD;
border-radius: 2px;
}

.wbnrs-pg .divider-a__shape {
width: 8px;
height: 8px;
border-radius: 2px;
background: #C7894A;
transform: rotate(45deg);
}

.wbnrs-pg .webinar-list-sec {
padding: 80px 16px;
background: #F9F4F3;
}

.wbnrs-pg .webinar-list-sec__inner {
max-width: 1280px;
margin: 0 auto;
}

.wbnrs-pg .webinar-list-sec__head {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 16px;
flex-wrap: wrap;
}

.wbnrs-pg .webinar-list-sec__h2 {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #1a0f00;
margin: 0;
max-width: 480px;
}

.wbnrs-pg .webinar-list-sec__sub {
font-size: 15px;
line-height: 1.65;
color: #5a3a1a;
max-width: 340px;
text-align: right;
}

.wbnrs-pg .wbn-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

.wbnrs-pg .wbn-card {
background: #fff;
border-radius: 26px;
padding: 40px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
position: relative;
transition: box-shadow 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
overflow: hidden;
}

.wbnrs-pg .wbn-card::after {
content: '';
position: absolute;
inset: 0;
border-radius: 26px;
border: 2px solid transparent;
transition: border-color 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none;
}

.wbnrs-pg .wbn-card:hover {
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
}

.wbnrs-pg .wbn-card:hover::after {
border-color: #C7894A;
}

.wbnrs-pg .wbn-card__icon {
width: 48px;
height: 48px;
margin-bottom: 16px;
color: #C7894A;
position: relative;
}

.wbnrs-pg .wbn-card__icon .pe-7s-graph1,
.wbnrs-pg .wbn-card__icon .pe-7s-settings,
.wbnrs-pg .wbn-card__icon .pe-7s-loop,
.wbnrs-pg .wbn-card__icon .pe-7s-shield,
.wbnrs-pg .wbn-card__icon .pe-7s-tools,
.wbnrs-pg .wbn-card__icon .pe-7s-config {
font-size: 40px;
line-height: 1;
color: #C7894A;
display: block;
}

.wbnrs-pg .wbn-card__num {
font-size: 51px;
line-height: 1.15;
font-weight: 700;
color: #E5C6BD;
position: absolute;
top: 16px;
right: 40px;
pointer-events: none;
}

.wbnrs-pg .wbn-card__tag {
font-size: 15px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #C7894A;
margin-bottom: 8px;
display: block;
}

.wbnrs-pg .wbn-card__h3 {
font-size: 21px;
line-height: 1.4;
font-weight: 600;
color: #1a0f00;
margin: 0 0 16px;
}

.wbnrs-pg .wbn-card__body {
font-size: 15px;
line-height: 1.65;
color: #5a3a1a;
margin: 0;
}

.wbnrs-pg .wbn-card--featured {
grid-column: span 2;
background: linear-gradient(to bottom, #C7894A, #E5C6BD);
}

.wbnrs-pg .wbn-card--featured .wbn-card__tag {
color: #fff;
opacity: 0.8;
}

.wbnrs-pg .wbn-card--featured .wbn-card__h3 {
color: #fff;
font-size: 37px;
line-height: 1.15;
font-weight: 300;
}

.wbnrs-pg .wbn-card--featured .wbn-card__body {
color: #fff;
opacity: 0.9;
}

.wbnrs-pg .wbn-card--featured .wbn-card__num {
color: rgba(255, 255, 255, 0.15);
}

.wbnrs-pg .wbn-card--featured::after {
border-color: transparent;
}

.wbnrs-pg .wbn-card--featured:hover::after {
border-color: rgba(255, 255, 255, 0.4);
}

.wbnrs-pg .img-process-sec {
padding: 80px 16px 40px;
background: #fff;
}

.wbnrs-pg .img-process-sec__inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}

.wbnrs-pg .img-process-sec__img-wrap {
border-radius: 42px;
overflow: hidden;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
position: relative;
}

.wbnrs-pg .img-process-sec__img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center 30%;
display: block;
filter: brightness(0.88);
transition: filter 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wbnrs-pg .img-process-sec__img-wrap:hover .img-process-sec__img {
filter: brightness(1.05);
}

.wbnrs-pg .img-process-sec__txt {
display: flex;
flex-direction: column;
gap: 16px;
}

.wbnrs-pg .img-process-sec__h2 {
font-size: 37px;
line-height: 1.15;
font-weight: 300;
color: #1a0f00;
margin: 0;
}

.wbnrs-pg .img-process-sec__steps {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.wbnrs-pg .img-process-sec__step {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.wbnrs-pg .step-num {
font-size: 37px;
line-height: 1.15;
font-weight: 700;
color: #C7894A;
min-width: 40px;
flex-shrink: 0;
}

.wbnrs-pg .step-desc {
display: flex;
flex-direction: column;
gap: 4px;
}

.wbnrs-pg .step-desc__h4 {
font-size: 17px;
line-height: 1.4;
font-weight: 600;
color: #1a0f00;
margin: 0;
}

.wbnrs-pg .step-desc__p {
font-size: 15px;
line-height: 1.65;
color: #5a3a1a;
margin: 0;
}

.wbnrs-pg .quote-sec {
padding: 80px 16px;
background: #1a0f00;
position: relative;
}

.wbnrs-pg .quote-sec__inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
align-items: start;
}

.wbnrs-pg .quote-block {
background: rgba(199, 137, 74, 0.08);
border-radius: 26px;
padding: 40px;
position: relative;
transition: background 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wbnrs-pg .quote-block:hover {
background: rgba(199, 137, 74, 0.16);
}

.wbnrs-pg .quote-block__mark {
font-size: 68px;
line-height: 1.15;
color: #C7894A;
font-weight: 700;
display: block;
margin-bottom: 8px;
opacity: 0.5;
}

.wbnrs-pg .quote-block__text {
font-size: 17px;
line-height: 1.65;
color: #E5C6BD;
margin: 0 0 16px;
}

.wbnrs-pg .quote-block__accent {
color: #C7894A;
font-weight: 600;
}

.wbnrs-pg .quote-block__author {
font-size: 15px;
color: rgba(229, 198, 189, 0.6);
margin: 0;
}

.wbnrs-pg .quote-block__author strong {
color: #E5C6BD;
display: block;
}

.wbnrs-pg .quote-sec__aside {
display: flex;
flex-direction: column;
gap: 40px;
}

.wbnrs-pg .aside-stat {
display: flex;
flex-direction: column;
gap: 4px;
}

.wbnrs-pg .aside-stat__val {
font-size: 51px;
line-height: 1.15;
font-weight: 700;
color: #C7894A;
}

.wbnrs-pg .aside-stat__label {
font-size: 15px;
line-height: 1.65;
color: #E5C6BD;
opacity: 0.75;
}

.wbnrs-pg .aside-divider {
width: 40px;
height: 2px;
background: rgba(199, 137, 74, 0.3);
border-radius: 2px;
}

.wbnrs-pg .divider-b {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 0;
}

.wbnrs-pg .divider-b__line {
width: 32px;
height: 1px;
background: #C7894A;
opacity: 0.4;
}

.wbnrs-pg .divider-b__dot {
width: 6px;
height: 6px;
border-radius: 2px;
background: #C7894A;
opacity: 0.7;
transform: rotate(45deg);
}

@media (max-width: 1280px) {
.wbnrs-pg .wbn-grid {
grid-template-columns: repeat(2, 1fr);
}

.wbnrs-pg .wbn-card--featured {
grid-column: span 2;
}
}

@media (max-width: 768px) {
.wbnrs-pg .lead-band__h1 {
font-size: 37px;
}

.wbnrs-pg .wbn-grid {
grid-template-columns: 1fr;
}

.wbnrs-pg .wbn-card--featured {
grid-column: span 1;
}

.wbnrs-pg .wbn-card--featured .wbn-card__h3 {
font-size: 21px;
}

.wbnrs-pg .img-process-sec__inner {
grid-template-columns: 1fr;
}

.wbnrs-pg .img-process-sec__img {
height: 280px;
}

.wbnrs-pg .quote-sec__inner {
grid-template-columns: 1fr;
}

.wbnrs-pg .webinar-list-sec__head {
flex-direction: column;
align-items: flex-start;
}

.wbnrs-pg .webinar-list-sec__sub {
text-align: left;
}

.wbnrs-pg .lead-band__actions {
flex-direction: column;
align-items: center;
}
}

@media (max-width: 480px) {
.wbnrs-pg .lead-band {
padding: 40px 16px;
}

.wbnrs-pg .lead-band__h1 {
font-size: 21px;
}

.wbnrs-pg .webinar-list-sec {
padding: 40px 16px;
}

.wbnrs-pg .wbn-card {
padding: 16px;
}

.wbnrs-pg .img-process-sec {
padding: 40px 16px;
}

.wbnrs-pg .quote-sec {
padding: 40px 16px;
}

.wbnrs-pg .quote-block {
padding: 16px;
}

.wbnrs-pg .aside-stat__val {
font-size: 37px;
}
}

.cch-pg {
background: #F9F4F3;
overflow-x: clip;
}

.cch-pg .aurora-bg {
position: relative;
background: linear-gradient(180deg, #C7894A 0%, #E5C6BD 100%);
padding: 80px 40px;
overflow: hidden;
}

.cch-pg .aurora-bg::before,
.cch-pg .aurora-bg::after {
content: '';
position: absolute;
border-radius: 42px;
pointer-events: none;
animation: aurora-shift 8s ease-in-out infinite alternate;
}

.cch-pg .aurora-bg::before {
width: 500px;
height: 300px;
background: rgba(229, 198, 189, 0.35);
top: -80px;
left: -100px;
animation-delay: 0s;
}

.cch-pg .aurora-bg::after {
width: 400px;
height: 250px;
background: rgba(249, 244, 243, 0.18);
bottom: -60px;
right: -80px;
animation-delay: -4s;
}

@keyframes aurora-shift {
0% {
transform: translate(0, 0) scale(1);
opacity: 0.6;
}

100% {
transform: translate(40px, 20px) scale(1.15);
opacity: 1;
}
}

.cch-pg .aurora-inner {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.cch-pg .pg-label {
display: inline-block;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #F9F4F3;
background: rgba(249, 244, 243, 0.15);
border-radius: 2px;
padding: 4px 16px;
margin-bottom: 16px;
}

.cch-pg .pg-h1 {
font-size: 51px;
font-weight: 300;
line-height: 1.15;
color: #fff;
letter-spacing: 0.04em;
text-align: center;
margin: 0 0 16px;
}

.cch-pg .pg-sub {
font-size: 17px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.88);
text-align: left;
max-width: 560px;
margin: 0 auto 0 0;
}

.cch-pg .divider-dot {
display: flex;
align-items: center;
gap: 8px;
margin: 40px 0;
}

.cch-pg .divider-dot .d-line {
flex: 1;
height: 1px;
background: #C7894A;
opacity: 0.3;
}

.cch-pg .divider-dot .d-dot {
width: 5px;
height: 5px;
border-radius: 50%;
background: #C7894A;
opacity: 0.5;
flex-shrink: 0;
}

.cch-pg .cards-strip {
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
}

.cch-pg .strip-head {
margin-bottom: 40px;
}

.cch-pg .strip-h2 {
font-size: 37px;
font-weight: 300;
line-height: 1.15;
color: #2a1a0e;
letter-spacing: 0.03em;
text-align: center;
margin: 0 0 8px;
}

.cch-pg .strip-desc {
font-size: 17px;
line-height: 1.65;
color: #4a3020;
text-align: left;
max-width: 620px;
}

.cch-pg .card-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}

.cch-pg .coach-card {
background: #fff;
border-radius: 26px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
}

.cch-pg .coach-card:hover {
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
transform: translateY(-4px);
}

.cch-pg .card-img-wrap {
width: 100%;
height: 240px;
overflow: hidden;
flex-shrink: 0;
}

.cch-pg .card-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}

.cch-pg .card-img-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(180deg, #E5C6BD 0%, #C7894A 100%);
display: flex;
align-items: center;
justify-content: center;
}

.cch-pg .card-img-placeholder .pe-7s-display2 {
font-size: 68px;
color: rgba(255, 255, 255, 0.5);
}

.cch-pg .card-badge {
position: absolute;
top: 16px;
left: 16px;
background: #C7894A;
color: #fff;
font-size: 15px;
font-weight: 600;
border-radius: 2px;
padding: 4px 8px;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.cch-pg .card-body {
padding: 40px;
display: flex;
flex-direction: column;
flex: 1;
gap: 16px;
}

.cch-pg .card-user-tag {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #C7894A;
font-weight: 600;
letter-spacing: 0.05em;
}

.cch-pg .card-user-tag .pe-7s-user {
font-size: 17px;
}

.cch-pg .card-title {
font-size: 21px;
font-weight: 700;
line-height: 1.4;
color: #2a1a0e;
margin: 0;
}

.cch-pg .card-desc {
font-size: 15px;
line-height: 1.65;
color: #4a3020;
margin: 0;
}

.cch-pg .card-price-row {
display: flex;
align-items: flex-end;
gap: 8px;
margin-top: auto;
}

.cch-pg .card-price {
font-size: 37px;
font-weight: 700;
color: #C7894A;
line-height: 1.15;
}

.cch-pg .card-price-note {
font-size: 15px;
color: #7a5535;
line-height: 1.65;
padding-bottom: 4px;
}

.cch-pg .card-cta {
display: inline-block;
background: #2a1a0e;
color: #F9F4F3;
font-size: 15px;
font-weight: 600;
border-radius: 42px;
padding: 16px 40px;
text-decoration: none;
text-align: center;
letter-spacing: 0.04em;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
position: relative;
overflow: hidden;
cursor: pointer;
border: none;
}

.cch-pg .card-cta:hover {
background: #C7894A;
transform: scale(1.04);
}

.cch-pg .card-cta:active {
box-shadow: inset 0 2px 2px 0 rgba(199, 137, 74, 0.18);
transform: scale(0.98);
}

.cch-pg .card-cta:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 3px;
}

.cch-pg .info-mosaic {
background: #2a1a0e;
padding: 80px 40px;
}

.cch-pg .mosaic-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}

.cch-pg .mosaic-img-col {
position: relative;
}

.cch-pg .mosaic-img-wrap {
border-radius: 26px;
overflow: hidden;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
}

.cch-pg .mosaic-img-wrap img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center 20%;
display: block;
filter: blur(0px);
}

.cch-pg .mosaic-blur-fg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(0deg, rgba(42, 26, 14, 0.7) 0%, transparent 100%);
border-radius: 0 0 26px 26px;
pointer-events: none;
}

.cch-pg .mosaic-txt-col {
display: flex;
flex-direction: column;
gap: 16px;
}

.cch-pg .mosaic-kicker {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #C7894A;
}

.cch-pg .mosaic-h2 {
font-size: 37px;
font-weight: 300;
line-height: 1.15;
color: #F9F4F3;
letter-spacing: 0.03em;
margin: 0;
}

.cch-pg .mosaic-p {
font-size: 17px;
line-height: 1.65;
color: rgba(249, 244, 243, 0.78);
margin: 0;
text-indent: 1.5em;
}

.cch-pg .mosaic-p:first-of-type {
text-indent: 0;
}

.cch-pg .mosaic-stat-row {
display: flex;
flex-direction: row;
gap: 40px;
margin-top: 8px;
}

.cch-pg .mosaic-stat {
display: flex;
flex-direction: column;
gap: 4px;
}

.cch-pg .stat-num {
font-size: 51px;
font-weight: 700;
color: #C7894A;
line-height: 1.15;
}

.cch-pg .stat-lbl {
font-size: 15px;
color: rgba(249, 244, 243, 0.65);
line-height: 1.4;
}

.cch-pg .bracket-block {
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
}

.cch-pg .bracket-inner {
position: relative;
padding: 40px 80px;
background: #fff;
border-radius: 42px;
box-shadow: 0 2px 2px 0 rgba(199, 137, 74, 0.07);
}

.cch-pg .bracket-inner::before,
.cch-pg .bracket-inner::after {
content: '';
position: absolute;
top: 16px;
bottom: 16px;
width: 24px;
border-top: 3px solid #C7894A;
border-bottom: 3px solid #C7894A;
opacity: 0.4;
}

.cch-pg .bracket-inner::before {
left: 24px;
border-left: 3px solid #C7894A;
}

.cch-pg .bracket-inner::after {
right: 24px;
border-right: 3px solid #C7894A;
}

.cch-pg .bracket-h3 {
font-size: 37px;
font-weight: 300;
line-height: 1.15;
color: #2a1a0e;
text-align: center;
letter-spacing: 0.04em;
margin: 0 0 16px;
}

.cch-pg .bracket-lead {
font-size: 17px;
line-height: 1.65;
color: #4a3020;
text-align: left;
max-width: 700px;
margin: 0 auto 40px;
}

.cch-pg .steps-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.cch-pg .step-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.cch-pg .step-num {
font-size: 51px;
font-weight: 700;
color: #C7894A;
line-height: 1.15;
flex-shrink: 0;
width: 56px;
text-align: right;
opacity: 0.7;
}

.cch-pg .step-txt {
padding-top: 8px;
}

.cch-pg .step-txt h4 {
font-size: 17px;
font-weight: 700;
color: #2a1a0e;
margin: 0 0 4px;
line-height: 1.4;
}

.cch-pg .step-txt p {
font-size: 15px;
line-height: 1.65;
color: #4a3020;
margin: 0;
}

.cch-pg .contact-strip {
background: linear-gradient(180deg, #E5C6BD 0%, #F9F4F3 100%);
padding: 80px 40px;
}

.cch-pg .contact-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
}

.cch-pg .contact-txt {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.cch-pg .contact-h2 {
font-size: 37px;
font-weight: 300;
line-height: 1.15;
color: #2a1a0e;
letter-spacing: 0.03em;
margin: 0;
}

.cch-pg .contact-p {
font-size: 17px;
line-height: 1.65;
color: #4a3020;
margin: 0;
}

.cch-pg .contact-form-col {
flex: 1;
background: #fff;
border-radius: 26px;
padding: 40px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
display: flex;
flex-direction: column;
gap: 16px;
}

.cch-pg .form-field {
display: flex;
flex-direction: column;
gap: 4px;
}

.cch-pg .form-field label {
font-size: 15px;
font-weight: 600;
color: #2a1a0e;
}

.cch-pg .form-field input,
.cch-pg .form-field textarea {
border: 1.5px solid #E5C6BD;
border-radius: 2px;
padding: 8px 16px;
font-size: 15px;
color: #2a1a0e;
background: #F9F4F3;
outline: none;
transition: border-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cch-pg .form-field input::placeholder,
.cch-pg .form-field textarea::placeholder {
color: rgba(42, 26, 14, 0.35);
}

.cch-pg .form-field input:focus,
.cch-pg .form-field textarea:focus {
border-color: #C7894A;
}

.cch-pg .form-field textarea {
resize: vertical;
min-height: 80px;
}

.cch-pg .form-submit {
background: #2a1a0e;
color: #F9F4F3;
font-size: 15px;
font-weight: 600;
border-radius: 42px;
padding: 16px 40px;
border: none;
cursor: pointer;
letter-spacing: 0.04em;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
align-self: flex-start;
}

.cch-pg .form-submit:hover {
background: #C7894A;
transform: scale(1.04);
}

.cch-pg .form-submit:active {
box-shadow: inset 0 2px 2px 0 rgba(199, 137, 74, 0.18);
transform: scale(0.98);
}

.cch-pg .form-submit:focus-visible {
outline: 2px solid #C7894A;
outline-offset: 3px;
}

@media (max-width: 1280px) {
.cch-pg .card-grid {
gap: 40px;
}
}

@media (max-width: 768px) {
.cch-pg .pg-h1 {
font-size: 37px;
}

.cch-pg .card-grid {
grid-template-columns: 1fr;
}

.cch-pg .mosaic-inner {
grid-template-columns: 1fr;
}

.cch-pg .mosaic-img-wrap img {
height: 280px;
}

.cch-pg .contact-inner {
flex-direction: column;
}

.cch-pg .bracket-inner {
padding: 40px 40px;
}

.cch-pg .bracket-inner::before,
.cch-pg .bracket-inner::after {
display: none;
}

.cch-pg .mosaic-stat-row {
gap: 16px;
}
}

@media (max-width: 480px) {
.cch-pg .aurora-bg {
padding: 40px 16px;
}

.cch-pg .cards-strip {
padding: 40px 16px;
}

.cch-pg .info-mosaic {
padding: 40px 16px;
}

.cch-pg .bracket-block {
padding: 40px 16px;
}

.cch-pg .contact-strip {
padding: 40px 16px;
}

.cch-pg .pg-h1 {
font-size: 37px;
}

.cch-pg .strip-h2,
.cch-pg .mosaic-h2,
.cch-pg .bracket-h3,
.cch-pg .contact-h2 {
font-size: 21px;
}

.cch-pg .card-body {
padding: 16px;
}

.cch-pg .bracket-inner {
padding: 16px;
}

.cch-pg .contact-form-col {
padding: 16px;
}

.cch-pg .mosaic-stat-row {
flex-direction: column;
gap: 16px;
}
}

.success-pg {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 16px;
background: #F9F4F3;
}

.success-pg .success-card {
background: #fff;
border-radius: 42px;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
padding: 80px 80px;
max-width: 560px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

.success-pg .success-card__icon-wrap {
width: 72px;
height: 72px;
border-radius: 26px;
background: linear-gradient(180deg, #C7894A 0%, #E5C6BD 100%);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
}

.success-pg .success-card__icon-wrap svg {
display: block;
}

.success-pg .success-card__heading {
font-size: 37px;
line-height: 1.15;
font-weight: 700;
color: #1b1206;
margin: 0 0 16px;
letter-spacing: -0.01em;
}

.success-pg .success-card__sub {
font-size: 17px;
line-height: 1.65;
color: #3d2e1a;
margin: 0 0 40px;
}

.success-pg .success-card__divider {
width: 48px;
height: 2px;
background: linear-gradient(180deg, #C7894A 0%, #E5C6BD 100%);
border-radius: 2px;
margin-bottom: 40px;
}

.success-pg .success-card__detail {
font-size: 15px;
line-height: 1.85;
color: #5a4530;
margin: 0 0 40px;
}

.success-pg .success-card__btn {
display: inline-block;
padding: 16px 40px;
background: #1b1206;
color: #F9F4F3;
font-size: 15px;
font-weight: 600;
border-radius: 26px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 6px 28px 0 rgba(199, 137, 74, 0.10);
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
letter-spacing: 0.02em;
position: relative;
overflow: hidden;
}

.success-pg .success-card__btn:hover {
background: #C7894A;
box-shadow: 0 12px 48px 0 rgba(199, 137, 74, 0.10);
transform: translateY(-2px);
}

.success-pg .success-card__btn:focus-visible {
outline: 3px solid #C7894A;
outline-offset: 4px;
}

.success-pg .success-card__btn:active {
transform: translateY(0);
box-shadow: inset 0 2px 2px 0 rgba(199, 137, 74, 0.07);
background: #a06a35;
}

@media (max-width: 768px) {
.success-pg .success-card {
padding: 40px 16px;
}

.success-pg .success-card__heading {
font-size: 21px;
}
}