.copy-email-wrapper {
position:relative;
display:inline-flex;
align-items:center;
margin-left:20px
}

.btn-copy-transparent {
display:flex;
align-items:center;
justify-content:center;
padding:12px 14px!important;
background:#ffffff0d!important;
border:1px solid #00000026!important;
border-radius:8px!important;
opacity:.6!important;
cursor:pointer;
transition:all .2s ease-in-out!important
}

.btn-copy-transparent:hover {
opacity:1!important;
background:#00000008!important;
border-color:#0000004d!important
}

.btn-copy-transparent i {
font-size:1.25rem!important;
color:#f5f5f5!important
}

.copy-tooltip {
position:absolute;
bottom:130%;
left:50%;
transform:translateX(-50%) translateY(8px);
background-color:#222!important;
color:#fff!important;
text-align:center;
padding:6px 12px!important;
border-radius:6px!important;
font-size:13px!important;
white-space:nowrap;
opacity:0;
pointer-events:none;
transition:opacity .25s ease,transform .25s ease!important;
z-index:99;
box-shadow:0 4px 12px #0000001a!important
}

.copy-tooltip::after {
content:"";
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%);
border-width:5px;
border-style:solid;
border-color:#222 transparent transparent!important
}

.copy-email-wrapper.show-tooltip .copy-tooltip {
opacity:1;
transform:translateX(-50%) translateY(0)
}

.design-home-block {
background:var(--color-gray);
margin-top:40px
}

.design-home-block__inner {
background:var(--color-white);
border-radius:var(--radius-card);
padding:48px;
border:1px solid #d6a77a26;
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:40px;
align-items:center
}

.design-home-block__content {
display:flow;
flex-direction:column
}

.design-home-block__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.6rem;
color:var(--color-black);
margin:16px 0 12px;
line-height:1.3
}

.design-home-block__title span {
color:var(--color-beige)
}

.design-home-block__text {
font-family:var(--font-body);
color:var(--color-text-light);
line-height:1.7;
margin-bottom:24px;
font-size:.95rem
}

.design-home-block__visual {
position:relative;
display:flex;
align-items:center;
justify-content:center
}

.design-home-block__image {
width:100%;
height:260px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
border-radius:var(--radius-photo);
border:1px dashed #d6a77a4d;
display:flex;
align-items:center;
justify-content:center
}

.design-home-block__badge {
position:absolute;
bottom:-10px;
right:-10px;
width:60px;
height:60px;
background:var(--color-beige);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:var(--shadow-md)
}

.design-home-block__badge i {
font-size:1.5rem;
color:var(--color-black)
}

@media (max-width: 992px) {
.design-home-block__inner {
grid-template-columns:1fr;
gap:30px;
padding:36px
}

.design-home-block__image {
height:220px
}

.design-home-block__badge {
width:50px;
height:50px;
bottom:-8px;
right:-8px
}

.design-home-block__badge i {
font-size:1.3rem
}
}

@media (max-width: 768px) {
.design-home-block__inner {
padding:24px;
gap:24px
}

.design-home-block__title {
font-size:1.3rem;
margin:12px 0 10px
}

.design-home-block__text {
font-size:.9rem;
margin-bottom:20px
}

.design-home-block__image {
height:180px
}

.design-home-block__badge {
width:44px;
height:44px;
bottom:-6px;
right:-6px
}

.design-home-block__badge i {
font-size:1.1rem
}

.design-home-block .project-card__btn {
width:100%;
justify-content:center
}
}

@media (max-width: 480px) {
.design-home-block__inner {
padding:20px;
gap:20px;
border-radius:var(--radius-small)
}

.design-home-block__title {
font-size:1.1rem
}

.design-home-block__text {
font-size:.85rem
}

.design-home-block__image {
height:150px;
border-radius:var(--radius-small)
}

.design-home-block__badge {
width:38px;
height:38px;
bottom:-4px;
right:-4px
}

.design-home-block__badge i {
font-size:.9rem
}
}

.design-gallery__grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:16px
}

.design-gallery__item {
position:relative!important;
border-radius:var(--radius-card);
overflow:hidden;
aspect-ratio:3 / 3;
background:#e8e4df;
display:flex;
align-items:center;
justify-content:center;
border:2px solid #d4c3ad
}

.design-gallery__img {
width:100%;
height:100%;
object-fit:cover
}

.design-gallery__bottom-content {
position:absolute!important;
bottom:0!important;
left:0!important;
right:0!important;
padding:24px 16px 16px;
display:flex!important;
justify-content:space-between!important;
align-items:flex-end!important;
z-index:10!important;
background:linear-gradient(to top,#000000b3 0%,#0006 60%,#0000 100%);
opacity:1!important;
visibility:visible!important;
transform:none!important;
animation:none!important
}

.design-gallery__text-block {
text-align:left;
font-family:sans-serif;
color:#fff
}

.design-gallery__stage {
display:block;
font-size:.75rem;
color:#ffffffb3;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:2px
}

.design-gallery__title {
margin:0;
font-size:1.1rem;
color:#fff;
font-weight:700
}

.design-gallery__step-badge {
display:flex!important;
background:#ffffffab;
backdrop-filter:blur(4px);
padding:6px 12px;
border-radius:20px;
align-items:center;
gap:6px;
font-family:sans-serif;
font-size:.85rem;
font-weight:700;
color:#333;
box-shadow:0 2px 8px #0003;
flex-shrink:0;
margin-left:12px
}

.design-gallery__step-badge i {
color:#4b4b4b!important;
font-size:1rem
}

.design-hero {
position:relative;
width:100%;
overflow:hidden;
min-height:70vh;
display:flex;
align-items:center
}

.design-hero__bg {
position:absolute;
inset:0;
background-size:cover;
background-position:center;
z-index:0
}

.design-hero__overlay {
position:absolute;
inset:0;
background:#0f0f0f99;
z-index:1
}

.design-hero__content {
position:relative;
z-index:10;
padding:160px 0 100px;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px
}

.design-hero__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(2rem,4vw,3rem);
color:var(--color-white);
line-height:1.2;
max-width:600px
}

.design-hero__title span {
color:var(--color-beige)
}

.design-hero__subtitle {
font-family:var(--font-body);
font-weight:300;
font-size:clamp(1rem,1.5vw,1.2rem);
color:#ffffffd9;
max-width:500px;
line-height:1.6
}

.design-intro__text {
font-family:var(--font-body);
font-size:1.05rem;
color:var(--color-text-light);
line-height:1.8
}

.design-features__grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:24px
}

.design-feature-card {
background:var(--color-white);
padding:32px;
border-radius:var(--radius-card);
border:1px solid #d6a77a26;
transition:var(--transition-normal)
}

.design-feature-card:hover {
transform:translateY(-4px);
box-shadow:var(--shadow-hover);
border-color:var(--color-beige)
}

.design-feature-card__icon {
width:56px;
height:56px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:1.5rem;
margin-bottom:20px
}

.design-feature-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
color:var(--color-black);
margin-bottom:12px
}

.design-feature-card__text {
font-family:var(--font-body);
font-size:.9rem;
color:var(--color-text-light);
line-height:1.7
}

.design-check-item {
transition:var(--transition-normal)
}

.design-check-item:hover {
border-color:#d6a77a4d;
transform:translateY(-2px)
}

.design-birth__flow {
gap:12px
}

.design-birth__step {
transition:var(--transition-normal)
}

.design-birth__step:hover {
transform:translateY(-3px);
box-shadow:var(--shadow-md)
}

.design-gallery__grid {
gap:16px
}

.design-gallery__item {
background:linear-gradient(135deg,#f5f3f0 0%,#e8e4df 100%);
display:flex;
align-items:center;
justify-content:center;
transition:var(--transition-normal)
}

.design-gallery__item:hover {
transform:scale(1.02);
box-shadow:var(--shadow-md)
}

.design-result__box {
transition:var(--transition-normal)
}

.design-result__box:hover {
border-color:var(--color-beige);
box-shadow:var(--shadow-hover)
}

.design-result__box ul li:last-child {
border-bottom:none
}

.design-cta__inner {
transition:var(--transition-normal)
}

.design-cta__inner:hover {
transform:translateY(-4px);
box-shadow:var(--shadow-lg)
}

@media (max-width: 768px) {
.design-hero__content {
padding:120px 0 60px;
align-items:center;
text-align:center
}

.design-hero__title,.design-hero__subtitle {
text-align:center;
max-width:100%
}

.design-features__grid {
grid-template-columns:1fr
}

.design-birth__flow {
flex-direction:column
}

.design-birth__flow .ph-arrow-right {
transform:rotate(90deg);
margin:8px 0
}

.design-gallery__grid {
grid-template-columns:1fr
}

.design-result__box {
padding:32px 24px
}

.design-result__box ul {
grid-template-columns:1fr
}
}

@media (max-width: 480px) {
.design-hero__content {
padding:100px 0 50px
}

.design-hero__title {
font-size:1.8rem
}

.design-feature-card {
padding:24px
}

.design-check-item {
padding:16px
}
}

.materials-hero {
position:relative;
width:100%;
overflow:hidden;
margin-top:60px
}

.materials-hero .hero-background {
position:absolute;
inset:0;
background-size:cover;
background-position:center;
z-index:0
}

.materials-hero .hero-background::after {
content:'';
position:absolute;
inset:0;
background-color:#00000080;
z-index:1
}

.materials-hero__content {
position:relative;
z-index:10;
max-width:var(--container-max);
margin:0 auto;
padding:260px var(--container-padding) 100px;
width:100%
}

.materials-hero__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(2.5rem,5vw,3.5rem);
color:var(--color-white);
line-height:1.1;
margin-bottom:24px
}

.materials-hero__title span {
color:var(--color-beige);
display:block
}

.materials-hero__subtitle {
font-family:var(--font-body);
font-weight:300;
font-size:clamp(1rem,1.8vw,1.25rem);
line-height:1.7;
max-width:600px;
color:#fffc
}

.materials-intro__inner {
max-width:900px;
margin:0 auto;
text-align:center
}

.materials-intro__text p {
font-family:var(--font-body);
font-size:1.05rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:20px
}

.category-header h3 {
display:flex;
align-items:center;
gap:12px;
margin-bottom:8px
}

.category-header h3 span {
display:flex;
align-items:center;
justify-content:center
}

.materials-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px
}

.material-card {
background:var(--color-white);
border-radius:var(--radius-card);
overflow:hidden;
border:1px solid #d6a77a26;
transition:all var(--transition-normal);
display:flex;
flex-direction:column;
height:100%
}

.material-card:hover {
transform:translateY(-6px);
box-shadow:var(--shadow-hover);
border-color:var(--color-beige)
}

.material-card__image {
width:100%;
height:200px;
overflow:hidden
}

.material-card__image .image-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-slow)
}

.material-card:hover .material-card__image .image-placeholder {
transform:scale(1.05)
}

.material-card__body {
padding:20px;
display:flex;
flex-direction:column;
flex:1
}

.material-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.15rem;
color:var(--color-black);
margin-bottom:8px
}

.material-card__desc {
font-family:var(--font-body);
font-size:.88rem;
color:var(--color-text-light);
line-height:1.6;
margin-bottom:12px;
flex:1
}

.material-card__usage {
list-style:none;
padding:0;
margin:0 0 16px;
display:flex;
flex-wrap:wrap;
gap:8px
}

.material-card__usage li {
font-family:var(--font-body);
font-size:.75rem;
color:var(--color-text);
background:var(--color-gray);
padding:4px 10px;
border-radius:50px;
display:flex;
align-items:center;
gap:4px
}

.material-card__usage li i {
color:var(--color-beige);
font-size:.8rem
}

.material-card__link {
display:inline-flex;
align-items:center;
gap:6px;
font-family:var(--font-heading);
font-weight:600;
font-size:.85rem;
color:var(--color-beige-dark);
transition:all var(--transition-fast)
}

.material-card__link:hover {
color:var(--color-beige);
gap:10px
}

.material-card__link i {
transition:transform var(--transition-fast)
}

.material-card__link:hover i {
transform:translateX(3px)
}

.materials-full-list__grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:40px
}

.materials-full-list__category h4 {
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
color:var(--color-black);
margin-bottom:16px;
display:flex;
align-items:center;
gap:8px;
padding-bottom:10px;
border-bottom:2px solid var(--color-gray-dark)
}

.materials-full-list__category h4 i {
color:var(--color-beige)
}

.materials-full-list__category ul {
list-style:none;
padding:0;
margin:0
}

.materials-full-list__category ul li {
margin-bottom:10px
}

.materials-full-list__category ul li a {
font-family:var(--font-body);
font-size:.95rem;
color:var(--color-text-light);
text-decoration:none;
transition:all var(--transition-fast);
display:inline-block;
position:relative;
padding-left:15px
}

.materials-full-list__category ul li a::before {
content:'';
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:6px;
height:6px;
background:var(--color-beige);
border-radius:50%;
opacity:.5
}

.materials-full-list__category ul li a:hover {
color:var(--color-beige-dark);
transform:translateX(5px)
}

.materials-cta__inner {
padding:60px 40px;
border-radius:var(--radius-card);
background:#ffffff0d;
border:1px solid #ffffff1a;
backdrop-filter:blur(10px)
}

@media (max-width: 992px) {
.materials-grid {
grid-template-columns:repeat(2,1fr)
}

.materials-hero__content {
padding-top:200px
}
}

@media (max-width: 768px) {
.materials-grid {
grid-template-columns:1fr;
gap:20px
}

.materials-hero__content {
padding-top:180px;
padding-bottom:60px
}

.materials-hero__title {
font-size:2rem
}

.materials-full-list__grid {
grid-template-columns:1fr;
gap:30px
}

.materials-cta__inner {
padding:40px 20px
}
}

.material-card {
background:var(--color-white);
border-radius:var(--radius-card);
overflow:hidden;
border:1px solid #d6a77a26;
transition:all var(--transition-normal);
display:flex;
flex-direction:column;
height:100%
}

.material-card-link {
display:block;
text-decoration:none;
color:inherit;
flex:1
}

.material-card-link:hover {
box-shadow:var(--shadow-hover)
}

.material-card-link:hover .material-card {
border-color:var(--color-beige)
}

.material-card__image {
width:100%;
height:200px;
overflow:hidden
}

.material-card__image .image-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-slow)
}

.material-card-link:hover .material-card__image .image-placeholder {
transform:scale(1.05)
}

.material-card__body {
padding:20px;
display:flex;
flex-direction:column;
flex:1
}

.material-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.15rem;
color:var(--color-black);
margin-bottom:8px
}

.material-card__desc {
font-family:var(--font-body);
font-size:.88rem;
color:var(--color-text-light);
line-height:1.6;
margin-bottom:12px;
flex:1
}

.material-card__usage {
list-style:none;
padding:0;
margin:0 0 16px;
display:flex;
flex-wrap:wrap;
gap:8px
}

.material-card__usage li {
font-family:var(--font-body);
font-size:.75rem;
color:var(--color-text);
background:var(--color-gray);
padding:4px 10px;
border-radius:50px;
display:flex;
align-items:center;
gap:4px
}

.material-card__usage li i {
color:var(--color-beige);
font-size:.8rem
}

.material-card__link {
display:inline-flex;
align-items:center;
gap:6px;
font-family:var(--font-heading);
font-weight:600;
font-size:.85rem;
color:var(--color-beige-dark);
transition:all var(--transition-fast)
}

.material-card__link i {
transition:transform var(--transition-fast)
}

.material-card__link:hover {
color:var(--color-beige)
}

.material-card__link:hover i {
transform:translateX(3px)
}

@media (max-width: 992px) {
.materials-grid {
grid-template-columns:repeat(2,1fr)
}

.materials-hero__content {
padding-top:200px
}
}

@media (max-width: 768px) {
.materials-grid {
grid-template-columns:1fr;
gap:20px
}

.materials-hero__content {
padding-top:180px;
padding-bottom:60px
}

.materials-hero__title {
font-size:2rem
}

.materials-full-list__grid {
grid-template-columns:1fr;
gap:30px
}

.materials-cta__inner {
padding:40px 20px
}
}

.price-info {
padding:60px 0;
background:var(--color-white)
}

.price-info__inner {
max-width:900px;
margin:0 auto;
display:flex;
align-items:flex-start;
gap:24px;
padding:32px 40px;
border-radius:var(--radius-card);
background:var(--color-gray);
border:1px solid var(--color-gray-dark)
}

.price-info__icon {
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:1.3rem;
flex-shrink:0;
margin-top:4px
}

.price-info__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.15rem;
color:var(--color-black);
margin-bottom:8px
}

.price-info__text {
font-family:var(--font-body);
font-weight:400;
font-size:.92rem;
color:var(--color-text-light);
line-height:1.7
}

.price-filters {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px
}

.price-filter-btn {
font-family:var(--font-heading);
font-weight:500;
font-size:.82rem;
color:var(--color-text-light);
padding:10px 22px;
border-radius:50px;
background:var(--color-white);
border:1.5px solid var(--color-gray-dark);
cursor:pointer;
transition:all var(--transition-normal);
white-space:nowrap
}

.price-filter-btn:hover {
color:var(--color-beige-dark);
border-color:var(--color-beige);
background:#d6a77a0f
}

.price-filter-btn.active {
color:var(--color-beige-dark);
background:#d6a77a1f;
border-color:var(--color-beige);
font-weight:600
}

.price-cards-wrapper {
display:flex;
flex-direction:column;
gap:32px
}

.price-card {
border-radius:var(--radius-card);
overflow:hidden;
background:var(--color-white);
border:1px solid #d6a77a30;
transition:all var(--transition-normal)
}

.price-card:hover {
box-shadow:var(--shadow-hover);
border-color:#d6a77a33;
transform:translateY(-2px)
}

.price-card.hidden {
display:none
}

.price-card__inner {
display:grid;
grid-template-columns:1fr 1.1fr;
gap:0
}

.price-card__left {
background:var(--color-gray);
padding:0;
display:flex;
flex-direction:column
}

.price-card__image {
width:100%;
height:100%;
flex:1;
min-height:420px;
overflow:hidden;
position:relative
}

.price-card__image .image-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-slow)
}

.price-card:hover .price-card__image .image-placeholder {
transform:scale(1.04)
}

.price-card__badge {
position:absolute;
top:16px;
left:16px;
padding:6px 16px;
border-radius:50px;
background:#ffffffeb;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-family:var(--font-heading);
font-weight:600;
font-size:.72rem;
letter-spacing:.04em;
text-transform:uppercase;
color:var(--color-beige-dark);
z-index:2;
display:flex;
align-items:center;
gap:6px
}

.price-card__specs {
display:flex;
flex-direction:column;
gap:12px;
padding:20px 24px;
flex-shrink:0
}

.price-card__spec {
display:flex;
align-items:center;
gap:10px;
font-family:var(--font-body);
font-weight:600;
font-size:.82rem;
color:var(--color-text-light)
}

.price-card__spec i {
width:32px;
height:32px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:.9rem;
flex-shrink:0
}

.price-card__right {
background-color:#cda97a0a;
padding:32px 32px 32px 28px;
display:flex;
flex-direction:column;
gap:18px
}

.price-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.2rem;
color:var(--color-black);
line-height:1.3;
margin-bottom:2px
}

.price-card__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:var(--color-text-light);
line-height:1.7;
margin-bottom:4px
}

.price-card__tags {
display:flex;
flex-wrap:wrap;
gap:6px
}

.price-tag {
display:inline-flex;
align-items:center;
padding:5px 12px;
border-radius:50px;
font-family:var(--font-body);
font-weight:500;
font-size:.72rem;
color:var(--color-beige-dark);
border:1.5px solid #d6a77a4d;
background:#d6a77a0f;
white-space:nowrap;
transition:all var(--transition-normal)
}

.price-card:hover .price-tag {
border-color:#d6a77a80;
background:#d6a77a1a
}

.price-card__works {
padding:0
}

.price-card__works h4 {
font-family:var(--font-heading);
font-weight:600;
font-size:.78rem;
letter-spacing:.04em;
text-transform:uppercase;
color:var(--color-text-muted);
margin-bottom:8px
}

.price-card__works ul {
list-style:none;
padding:0;
margin:0
}

.price-card__works ul li {
display:flex;
align-items:center;
gap:8px;
padding:4px 0;
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:var(--color-text)
}

.price-card__works ul li i {
color:var(--color-beige);
font-size:.85rem;
flex-shrink:0
}

.price-card__cost {
margin-top:auto;
padding-top:18px;
border-top:1px solid var(--color-gray-dark)
}

.cost-row {
display:flex;
align-items:center;
justify-content:space-between;
padding:5px 0
}

.cost-label {
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:var(--color-text-light)
}

.cost-value {
font-family:var(--font-heading);
font-weight:600;
font-size:.88rem;
color:var(--color-text)
}

.cost-total {
margin-top:10px;
padding-top:12px;
border-top:1px dashed var(--color-gray-dark)
}

.cost-total .cost-label {
font-family:var(--font-heading);
font-weight:700;
font-size:.9rem;
color:var(--color-black)
}

.cost-total-value {
font-family:var(--font-heading);
font-weight:800;
font-size:1.15rem;
color:var(--color-beige-dark)!important;
background:#d6a77a1a;
padding:4px 16px;
border-radius:50px
}

.price-card__btn {
width:100%;
margin-top:18px;
padding:14px 20px;
font-size:.88rem;
justify-content:center
}

.price-order {
padding:100px 0;
background:var(--color-black);
color:var(--color-white);
position:relative;
overflow:hidden
}

.price-order::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(/images/footer_img.webp) center center / cover no-repeat;
opacity:.1
}

.price-order__inner {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
position:relative;
z-index:1
}

.price-order__content {
padding:20px 0
}

.price-order__content .badge-outline {
color:var(--color-beige);
border-color:#d6a77a66
}

.price-order__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.8rem,3vw,2.4rem);
color:var(--color-white);
line-height:1.2;
margin-top:16px;
margin-bottom:16px
}

.price-order__text {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:#fff9;
line-height:1.7
}

.price-order__form {
background:#ffffff0a;
border:1px solid #ffffff14;
border-radius:var(--radius-card);
padding:40px;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px)
}

.price-order__form .form-group label {
color:#ffffffb3
}

.price-order__form .form-group input {
background:#ffffff0f;
border:1.5px solid #ffffff1a;
color:var(--color-white)
}

.price-order__form .form-group input::placeholder {
color:#ffffff4d
}

.price-order__form .form-group input:focus {
border-color:var(--color-beige);
background:#ffffff1a;
box-shadow:0 0 0 4px #d6a77a1a
}

.price-order__btn {
width:100%;
padding:16px;
font-size:.95rem;
margin-top:8px
}

.price-order__form .form-note {
color:#fff6;
text-align:center;
margin-top:12px;
font-size:.78rem
}

.price-faq-list {
max-width:900px;
margin:0 auto
}

.price-faq-item {
border:1px solid #d6a77a1a;
border-radius:var(--radius-card);
background:var(--color-white);
margin-bottom:12px;
overflow:hidden;
transition:all var(--transition-normal)
}

.price-faq-item:hover {
border-color:#d6a77a33
}

.price-faq-item.active {
border-color:#d6a77a4d
}

.price-faq-question {
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
padding:22px 28px;
background:none;
border:none;
cursor:pointer;
font-family:var(--font-heading);
font-weight:600;
font-size:.95rem;
color:var(--color-black);
text-align:left;
gap:16px;
transition:all var(--transition-normal)
}

.price-faq-question:hover {
color:var(--color-beige-dark)
}

.price-faq-question__icon {
font-size:1.2rem;
color:var(--color-beige);
transition:transform var(--transition-normal);
flex-shrink:0
}

.price-faq-item.active .price-faq-question__icon {
transform:rotate(180deg)
}

.price-faq-answer {
max-height:0;
overflow:hidden;
transition:max-height .4s ease
}

.price-faq-item.active .price-faq-answer {
max-height:400px
}

.price-faq-answer p {
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text-light);
line-height:1.8;
padding:0 28px 22px
}

@media (max-width: 992px) {
.price-card__inner {
grid-template-columns:1fr
}

.price-card__left {
padding:0
}

.price-card__image {
min-height:280px;
max-height:320px
}

.price-card__specs {
flex-direction:row;
flex-wrap:wrap;
gap:10px;
padding:16px 20px
}

.price-card__spec {
flex:0 0 auto
}

.price-card__right {
padding:24px
}

.price-order__inner {
grid-template-columns:1fr;
gap:40px
}

.price-info__inner {
flex-direction:column;
padding:24px
}

.price-info__icon {
margin-bottom:4px
}
}

@media (max-width: 768px) {
.price-card__title {
font-size:1.05rem
}

.price-card__right {
padding:20px
}

.price-card__tags {
gap:5px
}

.price-tag {
font-size:.68rem;
padding:4px 10px
}

.price-card__cost {
margin-top:14px;
padding-top:14px
}

.cost-value {
font-size:.82rem
}

.cost-total-value {
font-size:1rem;
padding:4px 12px
}

.price-order__form {
padding:28px
}

.price-faq-question {
padding:18px 20px;
font-size:.88rem
}

.price-faq-answer p {
padding:0 20px 18px;
font-size:.85rem
}

.price-filters {
gap:6px
}

.price-filter-btn {
font-size:.78rem;
padding:8px 16px
}
}

@media (max-width: 480px) {
.price-card__image {
min-height:220px;
max-height:260px
}

.price-card__specs {
gap:8px
}

.price-card__spec {
font-size:.76rem;
gap:8px
}

.price-card__spec i {
width:28px;
height:28px;
font-size:.8rem
}

.price-card__right {
padding:16px
}

.price-card__title {
font-size:.98rem
}

.price-card__desc {
font-size:.82rem
}

.price-card__works h4 {
font-size:.72rem
}

.price-card__works ul li {
font-size:.78rem;
gap:6px
}

.price-card__btn {
font-size:.82rem;
padding:12px 16px
}

.price-order__form {
padding:24px 20px
}

.price-order__title {
font-size:1.5rem
}

.price-order__text {
font-size:.88rem
}
}

.service-hero {
position:relative;
width:100%;
margin-bottom:40px
}

.service-hero .hero-background {
position:absolute;
inset:0;
background-size:cover;
background-position:center;
z-index:-1
}

.service-hero .hero-background::after {
content:'';
position:absolute;
inset:0;
background:#0f0f0f8c;
z-index:0
}

.service-content {
padding:20px 0 80px
}

.service-block {
margin-bottom:56px
}

.service-block__inner {
max-width:1220px;
margin:0 auto
}

.service-text {
font-family:var(--font-body);
font-size:.95rem;
line-height:1.75;
color:var(--color-text-light);
margin-bottom:16px
}

.service-text:last-child {
margin-bottom:0
}

.service-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
margin-top:24px
}

.service-column h3 {
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
color:var(--color-black);
margin-bottom:16px;
display:flex;
align-items:center;
gap:10px
}

.service-column h3::before {
content:'';
width:4px;
height:20px;
background:var(--color-beige);
border-radius:2px;
display:inline-block
}

.service-column ul li i {
margin-right:2px
}

.service-list {
list-style:none;
padding:0
}

.service-list li {
display:flex;
align-items:flex-start;
gap:10px;
padding:8px 0;
font-family:var(--font-body);
font-size:.9rem;
color:var(--color-text);
line-height:1.6
}

.service-list li i {
color:var(--color-beige);
margin-top:4px;
flex-shrink:0
}

.stages-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:24px;
margin-top:32px
}

.stage-card {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:24px;
position:relative;
transition:transform var(--transition-normal)
}

.stage-card:hover {
transform:translateY(-4px)
}

.stage-num {
font-family:var(--font-heading);
font-weight:800;
font-size:.75rem;
color:var(--color-beige-dark);
background:#d6a77a1f;
padding:4px 10px;
border-radius:50px;
display:inline-block;
margin-bottom:12px
}

.stage-card h4 {
font-family:var(--font-heading);
font-weight:700;
font-size:1rem;
color:var(--color-black);
margin-bottom:8px
}

.stage-card p {
font-family:var(--font-body);
font-size:.85rem;
color:var(--color-text-light);
line-height:1.6
}

.tech-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:32px;
margin-top:24px
}

.tech-column h3 {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
margin-bottom:14px
}

.tech-column ul {
list-style:none;
padding:0;
margin:0
}

.tech-column ul li {
padding:6px 0;
font-family:var(--font-body);
font-size:.9rem;
color:var(--color-text);
border-bottom:1px solid #0000000f
}

.tech-column ul li:last-child {
border-bottom:none
}

@media (max-width: 768px) {
.service-grid {
grid-template-columns:1fr;
gap:24px
}

.tech-grid {
grid-template-columns:1fr;
gap:24px
}
}

.service-faq .faq-item {
border:1px solid #d6a77a26;
border-radius:var(--radius-card);
margin-bottom:12px;
background:var(--color-gray);
overflow:hidden
}

.service-faq .faq-question {
width:100%;
padding:18px 20px;
background:none;
border:none;
display:flex;
align-items:center;
justify-content:space-between;
font-family:var(--font-heading);
font-weight:600;
font-size:.95rem;
color:var(--color-black);
cursor:pointer;
text-align:left
}

.service-faq .faq-question i {
transition:transform var(--transition-normal)
}

.service-faq .faq-item.active .faq-question i {
transform:rotate(180deg)
}

.service-faq .faq-answer {
max-height:0;
overflow:hidden;
transition:max-height .3s ease
}

.service-faq .faq-item.active .faq-answer {
max-height:300px
}

.service-faq .faq-answer p {
padding:0 20px 18px;
font-family:var(--font-body);
font-size:.9rem;
color:var(--color-text-light);
line-height:1.7
}

.flat-form {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:32px;
margin-top:32px
}

.form-row {
display:flex;
gap:12px;
flex-wrap:wrap;
align-items:center
}

.flat-form input {
flex:1;
min-width:180px;
padding:14px 16px;
border-radius:var(--radius-small);
border:1.5px solid transparent;
background:var(--color-white);
font-family:var(--font-body);
font-size:.9rem;
color:var(--color-text);
transition:border-color var(--transition-fast)
}

.flat-form input:focus {
border-color:var(--color-beige);
outline:none
}

.flat-form button {
padding:14px 28px;
background:var(--color-beige);
color:var(--color-black);
border:none;
border-radius:var(--radius-button_call);
font-family:var(--font-heading);
font-weight:600;
font-size:.9rem;
cursor:pointer;
transition:all var(--transition-normal);
white-space:nowrap
}

.flat-form button:hover {
background:var(--color-beige-dark);
color:var(--color-white);
transform:translateY(-2px)
}

.form-note {
text-align:center;
margin-top:16px;
font-family:var(--font-body);
font-size:.78rem;
color:var(--color-text-muted)
}

@media (max-width: 992px) {
.service-grid {
grid-template-columns:1fr;
gap:24px
}

.flat-form .form-row {
flex-direction:column
}

.flat-form input,.flat-form button {
width:100%
}
}

@media (max-width: 768px) {
.service-block {
margin-left:20px;
margin-right:20px
}
}

.project-hero {
width:100%;
overflow:hidden;
position:relative;
margin-top:60px
}

.project-hero::after {
content:'';
position:absolute;
inset:0;
background-color:#00000059;
z-index:1
}

.project-hero__image {
width:100%;
height:clamp(320px,50vh,560px);
background:linear-gradient(135deg,#D6A77A 0%,#B8895A 40%,#8B6914 100%);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
position:relative
}

.project-page-title-section {
padding:48px 0 24px
}

.project-page-title__inner {
text-align:center
}

.project-page-badge {
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
padding:6px 18px;
border-radius:50px;
font-family:var(--font-heading);
font-weight:600;
font-size:.72rem;
letter-spacing:.08em;
text-transform:uppercase;
background:transparent;
color:var(--color-beige);
border:1.5px solid #d6a77a73;
margin-bottom:18px
}

.project-page-title__heading {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.6rem,3.2vw,2.4rem);
color:var(--color-black);
line-height:1.2;
margin-bottom:16px
}

.project-page-meta {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:12px
}

.project-page-meta span {
display:inline-flex;
align-items:center;
gap:6px;
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text-light)
}

.project-page-meta span i {
color:var(--color-beige);
font-size:.9rem
}

.project-page-content {
padding:0 0 48px
}

.project-page-block {
margin-bottom:48px
}

.project-page-block__label {
display:inline-flex;
align-items:center;
gap:8px;
font-family:var(--font-heading);
font-weight:600;
font-size:.7rem;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--color-beige-dark);
margin-bottom:14px
}

.project-page-block__label i {
font-size:1rem;
color:var(--color-beige)
}

.project-page-block__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.2rem,2vw,1.7rem);
color:var(--color-black);
line-height:1.3;
margin-bottom:16px
}

.project-page-block p {
font-family:var(--font-body);
font-weight:400;
font-size:.92rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:12px
}

.project-page-block p:last-child {
margin-bottom:0
}

.project-page-block--with-image {
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:start;
margin-bottom:48px
}

.project-page-block--with-image .project-page-block__text {
padding-top:4px
}

.project-page-block--with-image .project-page-block__image {
border-radius:var(--radius-photo);
overflow:hidden;
height:400px
}

.project-page-image {
width:100%;
height:100%;
background:linear-gradient(135deg,#D6A77A 0%,#B8895A 50%,#8B6914 100%);
background-position:center center;
background-size:cover;
background-repeat:no-repeat
}

.project-page-block__image--right {
order:2
}

.project-page-gallery {
padding:40px 0
}

.project-page-gallery__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.2rem,2vw,1.6rem);
color:var(--color-black);
margin-bottom:24px;
text-align:center
}

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

.project-page-gallery__item {
border-radius:var(--radius-card);
overflow:hidden;
aspect-ratio:4 / 3
}

.project-page-gallery__item .project-page-image {
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
color:#fff3;
font-size:2rem
}

.project-page-gallery__item img {
width:100%;
height:100%;
object-fit:cover;
display:block
}

.project-page-results {
list-style:none;
padding:0
}

.project-page-results li {
display:flex;
align-items:flex-start;
gap:12px;
padding:14px 0;
border-bottom:1px solid var(--color-gray-dark);
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text-light);
line-height:1.7
}

.project-page-results li:last-child {
border-bottom:none
}

.project-page-results li i {
color:var(--color-beige);
font-size:1.15rem;
margin-top:2px;
flex-shrink:0
}

.project-page-results li strong {
color:var(--color-black);
font-weight:600
}

.project-page-quote {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:36px;
margin:48px 0;
position:relative;
border-left:4px solid var(--color-beige)
}

.project-page-quote__icon {
font-size:2rem;
color:var(--color-beige);
margin-bottom:12px;
display:block
}

.project-page-quote__text {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text);
line-height:1.8;
font-style:italic;
margin-bottom:16px
}

.project-page-quote__author {
font-family:var(--font-heading);
font-weight:600;
font-size:.85rem;
color:var(--color-beige-dark)
}

.project-page-video {
margin:40px 0
}

.project-page-video iframe {
width:100%;
height:540px;
border-radius:var(--radius-card);
border:none;
display:block
}

.project-page-media {
margin:40px 0
}

.project-page-media-card {
display:flex;
align-items:center;
justify-content:center;
min-height:180px;
padding:32px 24px;
border-radius:var(--radius-card);
overflow:hidden;
text-decoration:none;
transition:all var(--transition-normal);
position:relative;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
border:1.5px solid #d6a77a33
}

.project-page-media-card:hover {
transform:translateY(-4px);
box-shadow:var(--shadow-lg);
border-color:#d6a77a80
}

.project-page-media-card__content {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
height:100%
}

.project-page-media-card__icon {
width:64px;
height:64px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:12px;
background:#ffffff26;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
transition:all var(--transition-normal)
}

.project-page-media-card:hover .project-page-media-card__icon {
background:#ffffff4d;
transform:scale(1.1) rotate(15deg)
}

.project-page-media-card__icon i {
font-size:1.8rem;
color:var(--color-white)
}

.project-page-media-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1rem;
color:var(--color-white);
margin:0 0 4px
}

.project-page-media-card__subtitle {
font-family:var(--font-body);
font-weight:400;
font-size:.78rem;
color:#fff9;
margin:0
}

.project-page-cta {
padding:40px 0 20px;
text-align:center
}

.btn-back-bottom {
display:inline-flex;
align-items:center;
gap:10px;
padding:16px 36px;
border-radius:var(--radius-button_call);
background:var(--color-beige);
color:var(--color-black);
font-family:var(--font-heading);
font-weight:600;
font-size:.9rem;
letter-spacing:.02em;
text-decoration:none;
transition:all var(--transition-normal);
box-shadow:0 4px 16px #d6a77a4d
}

.btn-back-bottom:hover {
background:var(--color-beige-dark);
color:var(--color-white);
transform:translateY(-2px);
box-shadow:0 6px 24px #d6a77a66
}

.btn-back-bottom i {
font-size:1.1rem;
transition:transform var(--transition-normal)
}

.btn-back-bottom:hover i {
transform:translateX(-3px)
}

.project-fade-in {
opacity:0;
transform:translateY(24px);
transition:opacity .5s ease,transform .5s ease
}

.project-fade-in.visible {
opacity:1;
transform:translateY(0)
}

@media (max-width: 992px) {
.project-page-block--with-image {
grid-template-columns:1fr;
gap:24px
}

.project-page-block--with-image .project-page-block__image {
order:-1;
height:300px
}

.project-page-block--with-image .project-page-block__text {
order:1
}

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

.project-page-gallery__grid .project-page-gallery__item:nth-child(3) {
grid-column:1 / -1;
aspect-ratio:16 / 9
}

.project-page-video iframe {
height:400px
}
}

@media (max-width: 768px) {
.project-hero {
margin-top:56px
}

.project-hero__image {
height:clamp(240px,40vh,380px)
}

.project-page-title-section {
padding:28px 0 18px
}

.project-page-block {
margin-bottom:36px
}

.project-page-block--with-image {
gap:20px;
margin-bottom:36px
}

.project-page-block--with-image .project-page-block__image {
height:240px
}

.project-page-gallery__grid {
grid-template-columns:1fr 1fr;
gap:10px
}

.project-page-gallery__grid .project-page-gallery__item:nth-child(3) {
grid-column:1 / -1;
aspect-ratio:4 / 3
}

.project-page-quote {
padding:24px;
margin:32px 0
}

.project-page-video iframe {
height:300px
}

.project-page-media-card {
min-height:150px;
padding:24px 20px
}

.project-page-media-card__icon {
width:52px;
height:52px
}

.project-page-media-card__icon i {
font-size:1.5rem
}

.project-page-cta {
padding:32px 0 16px
}

.btn-back-bottom {
padding:14px 28px;
font-size:.85rem
}
}

@media (max-width: 480px) {
.project-hero__image {
height:220px
}

.project-page-title__heading {
font-size:1.4rem
}

.project-page-block--with-image .project-page-block__image {
height:200px
}

.project-page-gallery__grid {
grid-template-columns:1fr
}

.project-page-gallery__grid .project-page-gallery__item:nth-child(3) {
grid-column:auto;
aspect-ratio:4 / 3
}

.project-page-quote {
padding:20px
}

.project-page-quote__text {
font-size:.88rem
}

.project-page-video iframe {
height:220px
}

.btn-back-bottom {
padding:12px 24px;
font-size:.82rem;
width:100%;
justify-content:center
}
}

.project-page-block__columns {
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:16px
}

.project-page-block__column p {
margin-bottom:12px
}

.project-page-block__column .project-page-results {
margin:0
}

@media (max-width: 768px) {
.project-page-block__columns {
grid-template-columns:1fr;
gap:20px
}
}

.projects-hero__content {
position:relative;
z-index:10;
max-width:var(--container-max);
margin:0 auto;
padding:280px var(--container-padding) 120px;
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start
}

.projects-hero__content > .badge-outline {
margin-bottom:24px
}

.projects-hero__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(2.5rem,5vw,3.2rem);
color:var(--color-white);
line-height:1.1;
margin-bottom:24px;
max-width:700px
}

.projects-hero__title span {
color:var(--color-beige)
}

.projects-hero__subtitle {
font-family:var(--font-body);
font-weight:300;
font-size:clamp(1rem,1.8vw,1.2rem);
line-height:1.7;
margin-bottom:40px;
max-width:560px;
color:#ffffffb3
}

.projects-hero__actions {
display:flex;
align-items:center;
gap:16px
}

.projects-filter-section {
background:#cda97a38;
border-bottom:1px solid var(--color-gray-dark);
position:sticky;
top:60px;
z-index:50;
transition:top .3s ease
}

.projects-filter-nav {
display:flex;
align-items:center;
justify-content:center;
gap:8px;
padding:16px 0;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none
}

.projects-filter-nav::-webkit-scrollbar {
display:none
}

.projects-filter-link {
font-family:var(--font-heading);
font-weight:500;
font-size:.85rem;
color:var(--color-text-light);
padding:8px 20px;
border-radius:50px;
white-space:nowrap;
transition:all var(--transition-normal);
position:relative;
text-decoration:none
}

.projects-filter-link:hover {
color:var(--color-beige-dark);
background:#d6a77a14
}

.projects-filter-link.active {
color:var(--color-beige-dark);
background:#d6a77a1f;
font-weight:600
}

.projects-filter-link.active::after {
content:'';
position:absolute;
bottom:4px;
left:50%;
transform:translateX(-50%);
width:16px;
height:2px;
background:var(--color-beige-dark);
border-radius:50px
}

.projects-stats {
background:var(--color-black);
color:var(--color-white)
}

.projects-stats-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:32px
}

.stat-item {
text-align:center;
padding:24px 16px;
border-radius:var(--radius-card);
background:#ffffff0a;
border:1px solid #ffffff0f;
transition:all var(--transition-normal)
}

.stat-item:hover {
background:#ffffff12;
transform:translateY(-2px)
}

.stat-item__number {
display:block;
font-family:var(--font-heading);
font-weight:800;
font-size:2rem;
color:var(--color-beige);
margin-bottom:8px
}

.stat-item__label {
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:#fff9;
line-height:1.4
}

.projects-category {
background:var(--color-white)
}

.projects-category .section-header {
margin-bottom:48px
}

.projects-category .section-subtitle {
margin:0 auto
}

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

.project-card-large {
border-radius:var(--radius-card);
overflow:hidden;
background:var(--color-white);
border:1px solid #d6a77a14;
transition:all var(--transition-normal)
}

.project-card-large:hover {
transform:translateY(-4px);
box-shadow:var(--shadow-hover);
border-color:#d6a77a33
}

.project-card-large__link {
display:flex;
flex-direction:column;
text-decoration:none;
color:inherit;
height:100%
}

.project-card-large__image {
width:100%;
height:240px;
overflow:hidden;
position:relative
}

.project-card-large__image .image-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-slow)
}

.project-card-large:hover .project-card-large__image .image-placeholder {
transform:scale(1.05)
}

.project-card-large__tag {
position:absolute;
top:16px;
left:16px;
padding:6px 14px;
border-radius:50px;
background:#ffffffe6;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-family:var(--font-body);
font-weight:500;
font-size:.72rem;
color:var(--color-text);
display:flex;
align-items:center;
gap:6px;
z-index:2
}

.project-card-large__tag i {
font-size:.8rem;
color:var(--color-beige)
}

.project-card-large__content {
padding:24px;
flex:1;
display:flex;
flex-direction:column
}

.project-card-large__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
margin-bottom:10px;
line-height:1.3
}

.project-card-large__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text-light);
line-height:1.7;
flex:1;
margin-bottom:16px
}

.project-card-large__meta {
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap;
padding-top:16px;
border-top:1px solid var(--color-gray-dark)
}

.project-card-large__meta span {
display:flex;
align-items:center;
gap:6px;
font-family:var(--font-body);
font-weight:500;
font-size:.78rem;
color:var(--color-text-muted)
}

.project-card-large__meta span i {
font-size:.85rem;
color:var(--color-beige)
}

.project-card-large__meta span:last-child i {
transition:transform var(--transition-normal)
}

.project-card-large:hover .project-card-large__meta span:last-child i {
transform:translateX(4px)
}

.projects-seo {
background:var(--color-gray)
}

.projects-seo__content {
max-width:860px;
margin:0 auto
}

.projects-seo__content .section-header {
margin-bottom:32px
}

.projects-seo__text {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text-light);
line-height:1.9;
margin-bottom:20px
}

.projects-seo__text:last-child {
margin-bottom:0
}

.projects-seo__text strong {
color:var(--color-black);
font-weight:600
}

.projects-cta-section {
background:var(--color-white)
}

.projects-cta-block {
max-width:800px;
margin:0 auto;
text-align:center;
padding:64px 40px;
border-radius:var(--radius-card);
background:var(--color-gray);
border:1px solid var(--color-gray-dark)
}

.projects-cta-block__icon {
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:2rem;
margin:0 auto 24px
}

.projects-cta-block__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.5rem,2.5vw,2rem);
color:var(--color-black);
margin-bottom:16px;
line-height:1.3
}

.projects-cta-block__text {
font-family:var(--font-body);
font-weight:400;
font-size:1rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:32px;
max-width:600px;
margin-left:auto;
margin-right:auto
}

.projects-cta-block__buttons {
display:flex;
align-items:center;
justify-content:center;
gap:16px;
flex-wrap:wrap
}

@media (max-width: 992px) {
.projects-stats-grid {
grid-template-columns:repeat(2,1fr)
}

.projects-grid {
grid-template-columns:repeat(2,1fr);
gap:20px
}

.projects-hero__content {
padding:220px var(--container-padding) 80px
}

.projects-cta-block {
padding:48px 30px
}
}

@media (max-width: 768px) {
.projects-hero__content {
padding:180px var(--container-padding) 60px
}

.projects-hero__title {
font-size:2rem
}

.projects-hero__subtitle {
font-size:.92rem;
margin-bottom:28px
}

.projects-filter-section {
top:56px
}

.projects-filter-nav {
justify-content:flex-start;
padding:12px 16px;
gap:6px
}

.projects-filter-link {
font-size:.8rem;
padding:6px 14px
}

.projects-stats-grid {
grid-template-columns:repeat(2,1fr);
gap:16px
}

.stat-item__number {
font-size:1.6rem
}

.stat-item__label {
font-size:.75rem
}

.projects-grid {
grid-template-columns:1fr;
gap:16px
}

.project-card-large__image {
height:200px
}

.project-card-large__content {
padding:20px
}

.project-card-large__title {
font-size:1rem
}

.project-card-large__desc {
font-size:.82rem
}

.project-card-large__meta {
gap:12px
}

.project-card-large__meta span {
font-size:.72rem
}

.projects-seo__text {
font-size:.88rem
}

.projects-cta-block {
padding:36px 20px
}

.projects-cta-block__title {
font-size:1.4rem
}

.projects-cta-block__text {
font-size:.88rem
}

.projects-cta-block__buttons {
flex-direction:column
}

.projects-cta-block__buttons .btn {
width:100%;
justify-content:center
}
}

@media (max-width: 480px) {
.projects-hero__content {
padding:140px var(--container-padding) 40px
}

.projects-hero__title {
font-size:1.6rem
}

.projects-hero__subtitle {
font-size:.85rem
}

.projects-filter-link {
font-size:.75rem;
padding:5px 12px
}

.projects-stats-grid {
grid-template-columns:1fr 1fr;
gap:10px
}

.stat-item {
padding:16px 8px
}

.stat-item__number {
font-size:1.4rem;
margin-bottom:4px
}

.stat-item__label {
font-size:.68rem
}

.project-card-large__image {
height:180px
}

.project-card-large__content {
padding:16px
}

.project-card-large__meta span {
font-size:.68rem
}

.projects-cta-block {
padding:28px 16px
}

.projects-cta-block__icon {
width:56px;
height:56px;
font-size:1.6rem
}
}

.services-hero {
position:relative;
width:100%;
min-height:100vh;
overflow:hidden
}

.services-hero__background {
position:absolute;
inset:0;
background:url(/assets/images/hero_image.webp) center center / cover no-repeat;
z-index:0
}

.services-hero__background::after {
content:'';
position:absolute;
inset:0;
background-color:#00000054;
z-index:0
}

.services-hero__content {
position:relative;
z-index:10;
max-width:var(--container-max);
margin:0 auto;
padding:260px var(--container-padding) 100px;
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start
}

.services-hero__content > .badge-outline {
margin-bottom:20px
}

.services-hero__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(2.5rem,5vw,3.2rem);
color:var(--color-white);
line-height:1.1;
margin-bottom:24px;
max-width:700px
}

.services-hero__title span {
color:var(--color-beige)
}

.services-hero__subtitle {
font-family:var(--font-body);
font-weight:300;
font-size:clamp(1rem,1.8vw,1.25rem);
line-height:1.7;
margin-bottom:40px;
max-width:560px;
color:#ffffffb3
}

.services-hero__actions {
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap
}

.services-intro {
background:var(--color-white)
}

.services-intro__content {
max-width:900px;
margin:0 auto
}

.services-intro__text {
font-family:var(--font-body);
font-weight:400;
font-size:1rem;
color:var(--color-text-light);
line-height:1.9;
margin-bottom:20px
}

.services-intro__text:last-child {
margin-bottom:0
}

.services-intro__text strong {
color:var(--color-black);
font-weight:600
}

.services-section {
background:var(--color-gray)
}

.services-section .section-header {
margin-bottom:50px
}

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

.service-card {
display:flex;
flex-direction:column;
border-radius:var(--radius-card);
background:var(--color-white);
overflow:hidden;
transition:all var(--transition-normal);
text-decoration:none;
color:inherit;
position:relative;
border:1px solid transparent
}

.service-card:hover {
transform:translateY(-6px);
box-shadow:var(--shadow-hover);
border-color:#d6a77a4d
}

.service-card__icon-wrap {
width:100%;
height:180px;
overflow:hidden;
position:relative;
background:linear-gradient(135deg,var(--color-black) 0%,var(--color-black-light) 100%)
}

.service-card__icon-wrap::after {
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 40%,#0f0f0fcc 100%);
z-index:1
}

.service-card__icon {
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:3.5rem;
color:var(--color-beige);
position:relative;
z-index:2;
transition:all var(--transition-normal)
}

.service-card:hover .service-card__icon {
transform:scale(1.1);
color:var(--color-beige-light)
}

.service-card__body {
padding:28px 28px 16px;
flex:1;
display:flex;
flex-direction:column
}

.service-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
color:var(--color-black);
margin-bottom:12px;
line-height:1.3
}

.service-card__text {
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:var(--color-text-light);
line-height:1.7;
flex:1
}

.service-card__footer {
padding:0 28px 24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px
}

.service-card__label {
font-family:var(--font-body);
font-weight:500;
font-size:.85rem;
color:var(--color-beige-dark);
transition:color var(--transition-normal)
}

.service-card:hover .service-card__label {
color:var(--color-beige)
}

.service-card__footer i {
font-size:1.1rem;
color:var(--color-beige-dark);
transition:all var(--transition-normal)
}

.service-card:hover .service-card__footer i {
transform:translateX(4px);
color:var(--color-beige)
}

.services-cta-section {
background:var(--color-white);
padding:100px 0
}

.services-cta-block {
max-width:800px;
margin:0 auto;
text-align:center;
padding:60px 40px;
border-radius:var(--radius-card);
background:var(--color-gray);
border:1px solid var(--color-gray-dark)
}

.services-cta-block__icon {
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:2rem;
margin:0 auto 24px
}

.services-cta-block__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.5rem,2.5vw,2rem);
color:var(--color-black);
margin-bottom:16px;
line-height:1.3
}

.services-cta-block__text {
font-family:var(--font-body);
font-weight:400;
font-size:1rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:32px;
max-width:600px;
margin-left:auto;
margin-right:auto
}

.services-cta-block__buttons {
display:flex;
align-items:center;
justify-content:center;
gap:16px;
flex-wrap:wrap
}

@media (max-width: 992px) {
.services-grid {
grid-template-columns:repeat(2,1fr);
gap:20px
}

.services-hero__content {
padding:200px var(--container-padding) 80px
}

.services-cta-block {
padding:48px 30px
}
}

@media (max-width: 768px) {
.services-hero__content {
padding:160px var(--container-padding) 60px
}

.services-hero__title {
font-size:2rem
}

.services-hero__subtitle {
font-size:.95rem;
margin-bottom:28px
}

.services-hero__actions {
flex-direction:column;
align-items:flex-start;
gap:12px
}

.services-hero__actions .btn {
width:100%;
justify-content:center
}

.services-grid {
grid-template-columns:1fr;
gap:16px
}

.service-card__icon-wrap {
height:160px
}

.service-card__body {
padding:20px 20px 12px
}

.service-card__title {
font-size:1rem;
margin-bottom:8px
}

.service-card__text {
font-size:.85rem
}

.service-card__footer {
padding:0 20px 18px
}

.services-intro__text {
font-size:.92rem
}

.services-cta-block {
padding:36px 20px
}

.services-cta-block__title {
font-size:1.4rem
}

.services-cta-block__text {
font-size:.9rem
}

.services-cta-block__buttons {
flex-direction:column
}

.services-cta-block__buttons .btn {
width:100%;
justify-content:center
}
}

@media (max-width: 480px) {
.services-hero__content {
padding:120px var(--container-padding) 40px
}

.services-hero__title {
font-size:1.6rem
}

.services-hero__subtitle {
font-size:.88rem
}

.services-grid {
gap:12px
}

.service-card__icon-wrap {
height:140px
}

.service-card__icon {
font-size:2.8rem
}

.service-card__body {
padding:16px 16px 10px
}

.service-card__footer {
padding:0 16px 16px
}

.services-cta-block {
padding:28px 16px
}

.services-cta-block__icon {
width:56px;
height:56px;
font-size:1.6rem
}
}

.hero--about,.hero--contacts {
min-height:70vh
}

.hero__content--about {
display:flex;
flex-direction:column;
align-items:flex-start
}

.hero__title--large {
font-size:clamp(2.2rem,4.5vw,3.2rem)
}

.hero__actions .btn-primary {
font-size:1rem;
padding:18px 36px
}

.about-stats {
padding:80px 0;
background:var(--color-black);
color:var(--color-white)
}

.stats-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:32px
}

.stat-card {
text-align:center;
padding:32px 16px;
border-radius:var(--radius-card);
background:#ffffff0d;
border:1px solid #ffffff14;
transition:all var(--transition-normal)
}

.stat-card:hover {
background:#ffffff14;
transform:translateY(-4px)
}

.stat-card__number {
font-family:var(--font-heading);
font-weight:800;
font-size:2.4rem;
color:var(--color-beige);
margin-bottom:8px
}

.stat-card__label {
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:#fff9;
line-height:1.4
}

.about-story {
padding:100px 0
}

.about-story__grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:start
}

.about-story__image {
border-radius:var(--radius-photo);
overflow:hidden
}

.about-story__image .image-placeholder {
width:100%;
height:500px;
object-fit:cover;
border-radius:var(--radius-photo)
}

.about-story__content {
padding:0
}

.about-story__content .section-title {
font-size:2rem;
margin-bottom:24px
}

.about-story__content .text-block {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:16px
}

.about-story__content .text-block strong {
color:var(--color-black)
}

.about-values {
padding:100px 0
}

.values-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px
}

.value-card {
background:var(--color-white);
border-radius:var(--radius-card);
padding:36px;
border:1px solid #d6a77a1a;
transition:all var(--transition-normal)
}

.value-card:hover {
border-color:var(--color-beige);
box-shadow:var(--shadow-md);
transform:translateY(-4px)
}

.value-card__icon {
width:64px;
height:64px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:1.6rem;
margin-bottom:20px
}

.value-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.15rem;
color:var(--color-black);
margin-bottom:12px
}

.value-card__text {
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text-light);
line-height:1.7
}

.about-partners {
padding:100px 0
}

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

.partner-card {
background:var(--color-white);
border-radius:var(--radius-card);
padding:32px;
text-align:center;
border:1px solid #d6a77a14;
transition:all var(--transition-normal)
}

.partner-card:hover {
border-color:var(--color-beige);
box-shadow:var(--shadow-md);
transform:translateY(-4px)
}

.partner-card__icon {
width:64px;
height:64px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.6rem;
margin:0 auto 16px
}

.partner-card__name {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
margin-bottom:8px
}

.partner-card__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text-light);
line-height:1.5
}

.partners-cta {
text-align:center
}

.partners-cta__text {
font-family:var(--font-body);
color:var(--color-text-light);
font-size:.92rem;
margin-bottom:20px
}

.about-manufacturers {
padding:100px 0
}

.manufacturers-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px
}

.manufacturer-card {
background:var(--color-white);
border-radius:var(--radius-card);
padding:36px;
border:1px solid #d6a77a14;
transition:all var(--transition-normal)
}

.manufacturer-card:hover {
border-color:var(--color-beige);
box-shadow:var(--shadow-md);
transform:translateY(-4px)
}

.manufacturer-card__header {
display:flex;
align-items:center;
gap:16px;
margin-bottom:16px
}

.manufacturer-card__icon {
width:52px;
height:52px;
border-radius:var(--radius-xs);
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.3rem;
flex-shrink:0
}

.manufacturer-card__name {
font-family:var(--font-heading);
font-weight:700;
font-size:1.15rem;
color:var(--color-black)
}

.manufacturer-card__text {
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text-light);
line-height:1.7;
margin-bottom:16px
}

.manufacturer-card__features {
list-style:none;
padding:0
}

.manufacturer-card__features li {
display:flex;
align-items:center;
gap:8px;
padding:6px 0;
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text)
}

.manufacturer-card__features li i {
color:var(--color-beige);
font-size:.9rem;
flex-shrink:0
}

.about-team {
padding:100px 0
}

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

.team-card {
background:var(--color-white);
border-radius:var(--radius-card);
overflow:hidden;
border:1px solid #d6a77a14;
transition:all var(--transition-normal)
}

.team-card:hover {
border-color:var(--color-beige);
box-shadow:var(--shadow-md);
transform:translateY(-4px)
}

.team-card__photo {
width:100%;
height:260px;
overflow:hidden
}

.team-card__photo .image-placeholder {
width:100%;
height:100%;
background:linear-gradient(135deg,#D6A77A 0%,#B8895A 50%,#8B6914 100%)
}

.team-card__name {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
padding:20px 20px 4px
}

.team-card__role {
font-family:var(--font-body);
font-weight:500;
font-size:.8rem;
color:var(--color-beige-dark);
padding:0 20px;
margin-bottom:8px
}

.team-card__bio {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text-light);
line-height:1.6;
padding:0 20px 20px
}

.about-guarantees {
padding:100px 0
}

.guarantees-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px
}

.guarantee-item {
background:var(--color-white);
border-radius:var(--radius-card);
padding:32px;
border:1px solid #d6a77a14;
transition:all var(--transition-normal)
}

.guarantee-item:hover {
border-color:var(--color-beige);
box-shadow:var(--shadow-md);
transform:translateY(-4px)
}

.guarantee-item__icon {
width:56px;
height:56px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.4rem;
margin-bottom:16px
}

.guarantee-item__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
margin-bottom:12px
}

.guarantee-item__text {
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text-light);
line-height:1.7
}

.about-careers {
padding:100px 0
}

.careers-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:start
}

.careers-text {
font-family:var(--font-body);
color:#ffffffb3;
font-size:.95rem;
line-height:1.8;
margin-bottom:32px
}

.career-item {
backdrop-filter:blur(var(--glass-blur));
background-color:#cda97a30;
border:1px solid #ffffff14;
border-radius:var(--radius-card);
padding:24px;
margin-bottom:16px;
transition:all var(--transition-normal)
}

.career-item:hover {
border-color:#d6a77a4d;
background:#ffffff0f
}

.career-item__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1rem;
color:var(--color-white);
margin-bottom:8px
}

.career-item__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:#ffffff80;
line-height:1.6
}

.about-faq {
padding:100px 0
}

.faq-list {
max-width:900px;
margin:0 auto
}

.faq-item {
margin-bottom:12px;
border:1px solid #d6a77a1a;
border-radius:var(--radius-card);
background:var(--color-white);
overflow:hidden;
transition:all var(--transition-normal)
}

.faq-item:hover {
border-color:#d6a77a40
}

.faq-question {
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
padding:24px 28px;
background:none;
border:none;
cursor:pointer;
font-family:var(--font-heading);
font-weight:600;
font-size:1rem;
color:var(--color-black);
text-align:left;
transition:all var(--transition-normal);
gap:16px
}

.faq-question:hover {
color:var(--color-beige-dark)
}

.faq-question__text {
flex:1
}

.faq-question__icon {
font-size:1.2rem;
color:var(--color-beige);
transition:transform var(--transition-normal);
flex-shrink:0
}

.faq-item.active .faq-question__icon {
transform:rotate(180deg)
}

.faq-answer {
max-height:0;
overflow:hidden;
transition:max-height .4s ease,padding .3s ease
}

.faq-item.active .faq-answer {
max-height:500px
}

.faq-answer p {
font-family:var(--font-body);
font-weight:400;
font-size:.92rem;
color:var(--color-text-light);
line-height:1.8;
padding:0 28px 24px
}

.about-cta {
padding:100px 0
}

.contacts-info {
padding:100px 0
}

.contacts-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px
}

.contact-card {
background:var(--color-white);
border-radius:var(--radius-card);
padding:36px;
text-align:center;
border:1px solid #d6a77a14;
transition:all var(--transition-normal)
}

.contact-card:hover {
border-color:var(--color-beige);
box-shadow:var(--shadow-md);
transform:translateY(-4px)
}

.contact-card__icon {
width:64px;
height:64px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.6rem;
margin:0 auto 20px
}

.contact-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
margin-bottom:12px
}

.contact-card__value {
display:block;
font-family:var(--font-body);
font-weight:500;
font-size:1.1rem;
color:var(--color-beige-dark);
text-decoration:none;
margin-bottom:8px;
transition:color var(--transition-normal)
}

.contact-card__value:hover {
color:var(--color-beige)
}

.contact-card__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text-muted)
}

.contacts-specialist {
padding:100px 0
}

.specialist-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:start
}

.specialist-text {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:20px
}

.specialist-list {
list-style:none;
padding:0;
margin-bottom:24px
}

.specialist-list li {
display:flex;
align-items:flex-start;
gap:4px;
padding:8px 0;
font-family:var(--font-body);
font-weight:400;
font-size:.92rem;
color:var(--color-text)
}

.specialist-form {
background:var(--color-white);
border-radius:var(--radius-card);
padding:40px;
box-shadow:var(--shadow-sm)
}

.specialist-form__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.2rem;
color:var(--color-black);
margin-bottom:24px
}

.contacts-consultation {
padding:100px 0
}

.consultation-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center
}

.consultation-list {
list-style:none;
padding:0;
margin-top:24px
}

.consultation-list li {
display:flex;
gap:16px;
padding:16px 0;
border-bottom:1px solid var(--color-gray-dark)
}

.consultation-list li:last-child {
border-bottom:none
}

.consultation-list__icon {
width:44px;
height:44px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.1rem;
flex-shrink:0
}

.consultation-list strong {
font-family:var(--font-heading);
font-weight:600;
font-size:.95rem;
color:var(--color-black);
display:block
}

.consultation-list p {
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:var(--color-text-light);
margin-top:4px
}

.consultation-right__image {
border-radius:var(--radius-card);
overflow:hidden
}

.consultation-right__image .image-placeholder {
width:100%;
height:500px;
object-fit:cover;
border-radius:var(--radius-card)
}

.contacts-map {
padding:100px 0 80px
}

.contacts-map__wrapper {
border-radius:var(--radius-card);
overflow:hidden;
height:450px;
position:relative;
border:1px solid #d6a77a1a
}

.contacts-cta-final {
padding:100px 0
}

.contacts-cta-final__inner {
background:linear-gradient(135deg,var(--color-black) 0%,#1A1A1A 100%);
border-radius:var(--radius-card);
padding:60px;
text-align:center;
position:relative;
overflow:hidden
}

.contacts-cta-final__socials .hero__social-link {
background:#ffffff1a;
border-color:#ffffff26
}

.contacts-cta-final__socials .hero__social-link:hover {
background:var(--color-beige);
color:var(--color-black);
border-color:var(--color-beige);
transform:translateY(-3px)
}

@media (max-width: 1200px) {
.stats-grid {
grid-template-columns:repeat(2,1fr)
}

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

.manufacturers-grid {
grid-template-columns:1fr
}

.partners-grid {
grid-template-columns:repeat(2,1fr)
}
}

@media (max-width: 992px) {
.about-story__grid,.careers-grid,.specialist-grid,.consultation-grid {
grid-template-columns:1fr;
gap:40px
}

.about-story__image .image-placeholder {
height:350px
}

.consultation-right__image .image-placeholder {
height:350px
}

.values-grid {
grid-template-columns:1fr
}

.guarantees-grid {
grid-template-columns:1fr
}

.contacts-grid {
grid-template-columns:repeat(2,1fr)
}

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

@media (max-width: 768px) {
.stats-grid {
grid-template-columns:repeat(2,1fr);
gap:16px
}

.stat-card {
padding:24px 12px
}

.stat-card__number {
font-size:1.8rem
}

.stat-card__label {
font-size:.8rem
}

.about-story__grid,.careers-grid,.specialist-grid,.consultation-grid {
gap:30px
}

.about-story__image .image-placeholder,.consultation-right__image .image-placeholder {
height:280px
}

.partners-grid {
grid-template-columns:1fr
}

.team-grid {
grid-template-columns:1fr
}

.team-card__photo {
height:240px
}

.contacts-grid {
grid-template-columns:1fr
}

.section-header {
margin-bottom:40px
}

.section-title {
font-size:1.6rem
}

.faq-question {
padding:20px;
font-size:.92rem
}

.faq-answer p {
padding:0 20px 20px;
font-size:.88rem
}

.specialist-form {
padding:28px
}

.consultation-left,.specialist-left {
order:1
}

.consultation-right,.specialist-right {
order:2
}

.contacts-cta-final__inner {
padding:40px 24px
}

.about-cta__inner {
padding:40px 24px
}
}

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

.stat-card {
padding:20px 10px
}

.stat-card__number {
font-size:1.5rem
}

.stat-card__label {
font-size:.72rem
}

.section-title {
font-size:1.4rem
}

.consultation-list li {
flex-direction:column;
gap:8px
}

.consultation-list__icon {
width:36px;
height:36px;
font-size:.95rem
}

.contacts-map__wrapper {
height:300px
}

.hero__title--large {
font-size:1.8rem
}

.contacts-grid {
grid-template-columns:1fr
}
}

.input-notification {
position:absolute;
top:-42px;
left:50%;
transform:translateX(-50%) translateY(6px);
background:#1e1e1e;
color:#f5f5f5;
padding:7px 14px;
border-radius:8px;
font-size:13px;
line-height:1.3;
white-space:nowrap;
box-shadow:0 4px 14px #0000004d;
z-index:15;
opacity:0;
pointer-events:none;
transition:all .25s cubic-bezier(0.4,0,0.2,1)
}

.input-notification::after {
content:'';
position:absolute;
bottom:-6px;
left:50%;
transform:translateX(-50%) rotate(45deg);
width:12px;
height:12px;
background:#1e1e1e;
border-radius:0 0 3px 0
}

.input-notification.show {
opacity:1;
transform:translateX(-50%) translateY(0)
}

.form-group.has-error input,.form-group.has-error select {
border-color:#e63946!important;
box-shadow:0 0 0 2px #e6394626
}

:root {
--color-beige:#D6A77A;
--color-beige-light:#E8C9A8;
--color-beige-dark:#B8895A;
--color-black:#0F0F0F;
--color-black-light:#1A1A1A;
--color-white:#FFF;
--color-gray:#F5F3F0;
--color-gray-dark:#E8E4DF;
--color-text:#2C2C2C;
--color-text-light:#6B6B6B;
--color-text-muted:#999;
--font-heading:Montserrat,sans-serif;
--font-body:Manrope,sans-serif;
--radius-photo:24px;
--radius-card:20px;
--radius-button:14px;
--radius-button_call:24px;
--radius-small:12px;
--radius-xs:8px;
--glass-bg:#ffffff1a;
--glass-border:#ffffff26;
--glass-blur:8px;
--glass-bg-dark:#0f0f0f14;
--overlay-dark:#0f0f0f33;
--overlay-medium:#0f0f0f59;
--shadow-sm:0 2px 8px #0000000f;
--shadow-md:0 4px 20px #00000014;
--shadow-lg:0 8px 40px #0000001f;
--shadow-hover:0 12px 48px #00000026;
--transition-fast:.2s ease;
--transition-normal:.3s ease;
--transition-slow:.5s ease;
--container-max:1280px;
--container-padding:24px
}

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

html {
scroll-behavior:smooth;
font-size:16px;
overflow-x:hidden;
width:100%
}

body {
font-family:var(--font-body);
font-weight:400;
color:var(--color-text);
background-color:var(--color-white);
line-height:1.6;
overflow-x:hidden;
overflow-y:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
width:100%;
max-width:100vw;
padding-top:0;
transition:padding-top .3s ease
}

img {
max-width:100%;
height:auto;
display:block
}

a {
text-decoration:none;
color:inherit;
transition:var(--transition-normal)
}

ul,ol {
list-style:none
}

button {
border:none;
background:none;
cursor:pointer;
font-family:inherit;
transition:var(--transition-normal)
}

input,select,textarea {
font-family:inherit;
border:none;
outline:none
}

.container {
max-width:var(--container-max);
margin:0 auto;
padding:0 var(--container-padding);
width:100%
}

.section-padding {
padding:40px 0
}

.section-title {
font-family:var(--font-heading);
font-weight:700;
font-size:2.2rem;
color:var(--color-black);
margin-bottom:16px;
line-height:1.2
}

.section-subtitle {
font-family:var(--font-body);
font-weight:400;
font-size:1.05rem;
color:var(--color-text-light);
line-height:1.7;
max-width:600px
}

.section-header {
text-align:center;
margin-bottom:60px
}

.section-header .section-subtitle {
margin:0 auto
}

.badge {
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 16px;
border-radius:50px;
font-family:var(--font-heading);
font-weight:600;
font-size:.75rem;
letter-spacing:.05em;
text-transform:uppercase;
background:#d6a77a1f;
color:var(--color-beige-dark);
border:1px solid #d6a77a40
}

.badge-outline {
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 16px;
border-radius:50px;
font-family:var(--font-heading);
font-weight:600;
font-size:.75rem;
letter-spacing:.05em;
text-transform:uppercase;
background:transparent;
color:var(--color-beige);
border:1px solid #d6a77a66
}

.btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:14px 28px;
border-radius:var(--radius-button);
font-family:var(--font-heading);
font-weight:600;
font-size:.9rem;
letter-spacing:.02em;
transition:all var(--transition-normal);
cursor:pointer;
white-space:nowrap
}

.btn-primary {
background:var(--color-beige);
color:var(--color-black);
box-shadow:0 4px 16px #d6a77a4d
}

.btn-primary:hover {
background:var(--color-beige-dark);
box-shadow:0 6px 24px #d6a77a66;
transform:translateY(-2px)
}

.btn-outline {
background:transparent;
color:var(--color-black);
border:1.5px solid #0f0f0f33
}

.btn-outline:hover {
border-color:var(--color-beige);
color:var(--color-beige-dark);
background:#d6a77a0f
}

.btn-white {
background:#ffffffe6;
color:var(--color-black);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px)
}

.btn-white:hover {
background:var(--color-white);
transform:translateY(-2px);
box-shadow:0 8px 30px #00000026
}

.btn-arrow {
position:relative;
padding-right:40px
}

.btn-arrow i {
position:absolute;
right:14px;
transition:transform var(--transition-normal)
}

.btn-arrow:hover i {
transform:translateX(4px)
}

.header {
position:relative;
width:100%
}

.hero-background-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100vh;
background:linear-gradient(135deg,#0f0f0f73 0%,#0f0f0f26 100%);
z-index:-1;
pointer-events:none
}

.hero-background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(/assets/images/hero_image.webp) center center / cover no-repeat;
z-index:-1;
transition:opacity .3s ease;
background-size:cover;
background-position:top
}

.hero-background::after {
content:'';
position:absolute;
inset:0;
background-color:#00000054
}

.hero-content {
position:relative;
z-index:10;
width:100%
}

.header__nav {
position:relative;
z-index:10;
display:flex;
align-items:center;
justify-content:space-between;
padding:20px 0;
max-width:var(--container-max);
margin:0 auto;
padding-left:var(--container-padding);
padding-right:var(--container-padding);
transition:all var(--transition-normal);
width:100%;
overflow:hidden
}

.header__logo {
display:flex;
flex-direction:column;
gap:2px;
flex-shrink:0
}

.header__logo-brand-rus {
font-size:1.28rem;
margin-top:-14px
}

.header__logo-brand {
font-family:'Montserrat',sans-serif;
font-weight:500;
font-size:1.5rem;
color:var(--color-white);
letter-spacing:.05em;
transition:color var(--transition-normal)
}

.header__logo-brand span {
color:var(--color-beige)
}

.header__logo-tagline {
font-family:var(--font-body);
font-weight:300;
font-size:.7rem;
letter-spacing:.17em;
transition:color var(--transition-normal);
margin-top:-7px;
text-align:center;
color:var(--color-beige)
}

.header__nav-center {
display:flex;
align-items:center;
flex-shrink:0
}

.header__nav-list {
display:flex;
align-items:center;
gap:4px;
padding:8px 20px;
border-radius:50px;
background:var(--glass-bg);
backdrop-filter:blur(var(--glass-blur));
-webkit-backdrop-filter:blur(var(--glass-blur));
border:1px solid var(--glass-border);
transition:all var(--transition-normal)
}

.header__nav-link {
font-family:var(--font-body);
font-weight:500;
font-size:.85rem;
color:#ffffffd9;
padding:8px 16px;
border-radius:50px;
transition:all var(--transition-normal);
white-space:nowrap;
position:relative
}

.header__nav-link:hover {
color:var(--color-white);
background:#ffffff1f
}

.header__nav-link.active::after {
content:'';
position:absolute;
bottom:4px;
left:50%;
transform:translateX(-50%);
width:20px;
height:3px;
background:#ffffff80;
border-radius:50px
}

.header__nav-right {
display:flex;
align-items:center;
gap:16px;
flex-shrink:0
}

.header__phone {
display:flex;
align-items:center;
gap:8px;
color:var(--color-white);
font-family:var(--font-body);
font-weight:500;
font-size:.9rem;
transition:color var(--transition-normal);
white-space:nowrap
}

.header__phone-icon {
width:36px;
height:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff1a;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid #ffffff26;
color:var(--color-white);
font-size:1rem;
transition:all var(--transition-normal);
border:1px solid var(--color-beige);
flex-shrink:0
}

.header__phone-icon i {
color:var(--color-beige)
}

.header__phone-icon:hover {
background:#fff3
}

.btn-glass {
background:#ffffffb3;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid #ffffff26;
color:var(--color-black);
padding:12px 24px;
border-radius:var(--radius-button_call);
display:inline-flex;
align-items:center;
gap:8px;
font-family:var(--font-heading);
font-weight:600;
font-size:.9rem;
transition:all var(--transition-normal);
white-space:nowrap
}

.btn-glass:hover {
background:#cda97ab3;
transform:translateY(-1px);
color:var(--color-white)
}

.hero__content {
max-width:var(--container-max);
margin:0 auto;
padding:260px var(--container-padding) 100px;
width:100%
}

.hero__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(2.5rem,5vw,3rem);
color:var(--color-white);
line-height:1.1;
margin-bottom:20px;
max-width:900px
}

.hero__title span {
color:var(--color-beige)
}

.hero__subtitle {
font-family:var(--font-body);
font-weight:300;
font-size:clamp(1rem,1.8vw,1.2rem);
line-height:1.7;
margin-bottom:36px;
max-width:720px;
color:var(--color-beige)
}

.hero__actions {
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap
}

.hero__socials {
display:flex;
gap:12px;
margin-left:auto
}

.hero__social-link {
width:44px;
height:44px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff1a;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid #ffffff26;
color:var(--color-white);
font-size:1.2rem;
transition:all var(--transition-normal)
}

.hero__social-link:hover {
background:#fff3;
transform:translateY(-3px)
}

.header--sticky {
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;
background:#fffffff2;
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-bottom:1px solid #0000000f;
box-shadow:0 4px 30px #0000000f;
animation:headerSlideDown .4s ease;
overflow-x:hidden
}

@keyframes headerSlideDown {
from {
opacity:0;
transform:translateY(-100%)
}

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

.header--sticky .header__nav {
padding:12px 0;
max-width:var(--container-max);
margin:0 auto;
padding-left:var(--container-padding);
padding-right:var(--container-padding)
}

.header--sticky .header__nav-link {
color:var(--color-text)
}

.header--sticky .header__nav-link:hover {
color:var(--color-beige-dark);
background:#d6a77a1a
}

.header--sticky .header__logo-brand {
color:var(--color-black)
}

.header--sticky .header__logo-tagline {
color:var(--color-text-light)
}

.header--sticky .header__phone {
color:var(--color-black)
}

.header--sticky .header__phone-icon {
background:#d6a77a1a;
border-color:#d6a77a33;
color:var(--color-beige-dark)
}

.header--sticky .btn-glass {
background:var(--color-beige);
color:var(--color-black);
border:none;
backdrop-filter:none;
-webkit-backdrop-filter:none
}

.header--sticky .btn-glass:hover {
background:var(--color-beige-dark)
}

.header__mobile-toggle {
display:none;
width:40px;
height:40px;
border-radius:var(--radius-xs);
align-items:center;
justify-content:center;
color:var(--color-white);
font-size:1.5rem;
background:#ffffff1a;
backdrop-filter:blur(10px);
border:1px solid #ffffff26;
flex-shrink:0
}

.header--sticky .header__mobile-toggle {
color:var(--color-black);
background:#0000000d;
border-color:#00000014
}

.about-section {
padding:50px 0;
background:var(--color-white)
}

.about-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center
}

.about-image {
border-radius:var(--radius-photo);
overflow:hidden;
position:relative
}

.about-image img,.about-image .image-placeholder {
width:100%;
height:480px;
object-fit:cover;
border-radius:var(--radius-photo)
}

.image-placeholder {
background:linear-gradient(135deg,#D6A77A 0%,#B8895A 50%,#8B6914 100%);
display:flex;
align-items:center;
justify-content:center;
color:#ffffff4d;
font-size:3rem
}

.about-content {
padding:20px 0
}

.about-content .section-title {
font-size:2rem;
margin-bottom:24px
}

.about-content .text-block {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:16px
}

.founder-section {
padding:80px 0;
background:var(--color-gray)
}

.founder-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center
}

.founder-content {
order:1
}

.founder-image {
order:2;
border-radius:var(--radius-photo);
overflow:hidden
}

.founder-image img,.founder-image .image-placeholder {
width:100%;
height:450px;
object-fit:cover;
border-radius:var(--radius-photo)
}

.founder-content .section-title {
font-size:2rem;
margin-bottom:24px
}

.founder-content .text-block {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:16px
}

.advantages-section {
padding:100px 0;
position:relative;
overflow:hidden;
background-color:#000
}

.advantages-section::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(/assets/images/advantages-section.webp) center center / cover no-repeat;
opacity:.78
}

.advantages-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
position:relative;
z-index:1
}

.advantage-card {
background:#34343499;
backdrop-filter:blur(var(--glass-blur));
-webkit-backdrop-filter:blur(var(--glass-blur));
border:1px solid #ffffff1f;
border-radius:var(--radius-card);
padding:40px;
transition:all var(--transition-normal)
}

.advantage-card:hover {
background:#34343466;
transform:translateY(-4px);
box-shadow:0 20px 60px #00000026
}

.advantage-card__number {
display:inline-flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
border-radius:50%;
background:#d6a77a33;
color:var(--color-beige);
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
margin-bottom:20px
}

.advantage-card__label {
font-family:var(--font-heading);
font-weight:600;
font-size:.75rem;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--color-beige);
margin-bottom:12px
}

.advantage-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.4rem;
color:var(--color-white);
margin-bottom:16px;
line-height:1.3
}

.advantage-card__text {
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:#ffffffb3;
line-height:1.7
}

.directions-section {
padding:59px 0 0;
background:var(--color-white)
}

.directions-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px
}

.direction-card {
border-radius:var(--radius-card);
overflow:hidden;
background:var(--color-gray);
transition:all var(--transition-normal)
}

.direction-card:hover {
transform:translateY(-6px);
box-shadow:var(--shadow-hover)
}

.direction-card__image {
width:100%;
height:220px;
overflow:hidden
}

.direction-card__image img,.direction-card__image .image-placeholder {
width:100%;
height:100%;
object-fit:cover;
transition:transform var(--transition-slow)
}

.direction-card:hover .direction-card__image img,.direction-card:hover .direction-card__image .image-placeholder {
transform:scale(1.05)
}

.direction-card__content {
padding:24px
}

.direction-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
color:var(--color-black);
margin-bottom:12px
}

.direction-card__text {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text-light);
line-height:1.7
}

.why-section {
padding:59px 0;
background:var(--color-white)
}

.why-grid {
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
margin-bottom:40px
}

.why-card {
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
padding:32px 16px;
border-radius:var(--radius-card);
background:var(--color-gray);
border:1px solid transparent;
transition:all var(--transition-normal)
}

.why-card:hover {
border-color:#d6a77a4d;
background:#d6a77a0d;
transform:translateY(-4px);
box-shadow:var(--shadow-md)
}

.why-card__icon {
width:56px;
height:56px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:1.5rem;
color:var(--color-beige-dark);
border:1.5px solid #d6a77a4d;
margin-bottom:16px;
transition:all var(--transition-normal)
}

.why-card:hover .why-card__icon {
background:var(--color-beige);
color:var(--color-white);
border-color:var(--color-beige)
}

.why-card__title {
font-family:var(--font-heading);
font-weight:600;
font-size:.85rem;
color:var(--color-black)
}

.why-bonus {
display:flex;
align-items:center;
justify-content:center;
gap:12px;
padding:20px;
border-radius:var(--radius-card);
background:var(--color-gray);
border:1px dashed #d6a77a4d
}

.why-bonus i {
font-size:1.5rem;
color:var(--color-beige)
}

.why-bonus span {
font-family:var(--font-body);
font-weight:500;
font-size:.95rem;
color:var(--color-text)
}

.projects-section {
padding:55px 0;
padding-bottom:10px;
background:var(--color-gray)
}

.projects-header {
display:flex;
align-items:flex-end;
justify-content:space-between;
margin-bottom:40px
}

.projects-header__controls {
display:flex;
align-items:center;
gap:12px
}

.projects-header__hint {
display:flex;
align-items:center;
gap:8px;
font-family:var(--font-body);
font-weight:400;
font-size:.8rem;
color:var(--color-text-muted);
margin-right:12px
}

.projects-header__hint i {
font-size:1.2rem;
color:var(--color-beige)
}

.projects-header__buttons {
display:flex;
gap:8px
}

.slider-btn {
width:44px;
height:44px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
border:1.5px solid #0f0f0f26;
color:var(--color-black);
font-size:1.1rem;
transition:all var(--transition-normal);
background:var(--color-white)
}

.slider-btn:hover {
border-color:var(--color-beige);
color:var(--color-beige-dark);
background:#d6a77a14
}

.projects-swiper {
padding-bottom:40px!important
}

.project-card {
border-radius:var(--radius-card);
overflow:hidden;
background:var(--color-white);
transition:all var(--transition-normal)
}

.project-card:hover {
transform:translateY(-6px);
box-shadow:var(--shadow-hover)
}

.project-card__image {
width:100%;
height:240px;
overflow:hidden;
position:relative
}

.project-card__image img,.project-card__image .image-placeholder {
width:100%;
height:100%;
object-fit:cover;
transition:transform var(--transition-slow)
}

.project-card:hover .project-card__image img,.project-card:hover .project-card__image .image-placeholder {
transform:scale(1.05)
}

.project-card__tag {
position:absolute;
top:16px;
left:16px;
padding:6px 14px;
border-radius:50px;
background:#ffffffe6;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-family:var(--font-body);
font-weight:500;
font-size:.75rem;
color:var(--color-text);
display:flex;
align-items:center;
gap:6px
}

.project-card__tag i {
font-size:.8rem;
color:var(--color-beige)
}

.project-card__content {
padding:24px;
min-height:230px;
display:flex;
flex-direction:column
}

.project-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
color:var(--color-black);
margin-bottom:8px
}

.project-card__review {
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:var(--color-text-light);
line-height:1.6;
margin-bottom:20px
}

.project-card__btn {
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 20px;
border-radius:50px;
background:var(--color-gray);
color:var(--color-text);
font-family:var(--font-body);
font-weight:500;
font-size:.82rem;
transition:all var(--transition-normal);
margin-top:auto
}

.project-card__btn:hover {
background:var(--color-beige);
color:var(--color-black)
}

.project-card__btn i {
transition:transform var(--transition-normal)
}

.project-card__btn:hover i {
transform:translateX(3px)
}

.swiper-pagination {
position:relative!important;
margin-top:20px!important
}

.swiper-pagination-bullet {
width:8px;
height:8px;
background:var(--color-gray-dark);
opacity:1;
transition:all var(--transition-normal)
}

.swiper-pagination-bullet-active {
width:24px;
border-radius:4px;
background:var(--color-beige)
}

.process-section {
padding:59px 0;
background:var(--color-white)
}

.process-timeline {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:0;
position:relative;
margin-top:60px
}

.process-timeline::before {
content:'';
position:absolute;
top:32px;
left:12.5%;
width:75%;
height:2px;
background:linear-gradient(90deg,var(--color-beige),var(--color-beige-light),var(--color-beige));
z-index:0
}

.process-step {
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
position:relative;
z-index:1;
padding:0 16px
}

.process-step__number {
width:64px;
height:64px;
border-radius:50%;
background:var(--color-white);
border:2px solid var(--color-beige);
display:flex;
align-items:center;
justify-content:center;
font-family:var(--font-heading);
font-weight:700;
font-size:1.2rem;
color:var(--color-beige-dark);
margin-bottom:24px;
transition:all var(--transition-normal)
}

.process-step:hover .process-step__number {
background:var(--color-beige);
color:var(--color-white);
transform:scale(1.1);
box-shadow:0 8px 30px #d6a77a4d
}

.process-step__icon {
width:48px;
height:48px;
border-radius:var(--radius-xs);
display:flex;
align-items:center;
justify-content:center;
font-size:1.3rem;
color:var(--color-beige-dark);
border:1px solid #d6a77a33;
margin-bottom:16px;
background:#d6a77a0f
}

.process-step__title {
font-family:var(--font-heading);
font-weight:700;
font-size:.9rem;
color:var(--color-black);
margin-bottom:12px;
line-height:1.3
}

.process-step__text {
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:var(--color-text-light);
line-height:1.7
}

.process-divider {
display:flex;
align-items:center;
justify-content:center;
margin:60px 0 0;
gap:16px
}

.process-divider__line {
width:60px;
height:1px;
background:var(--color-gray-dark)
}

.process-divider__icon {
color:var(--color-beige);
font-size:1.2rem
}

.process-divider__text {
font-family:var(--font-heading);
font-weight:600;
font-size:.7rem;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--color-text-muted);
text-align:center
}

.contact-section {
padding:100px 0;
background:var(--color-gray)
}

.contact-grid {
display:grid;
grid-template-columns:1fr 1.2fr;
gap:40px;
align-items:start
}

.contact-info {
background:var(--color-white);
border-radius:var(--radius-card);
overflow:hidden;
box-shadow:var(--shadow-sm)
}

.contact-info__image {
width:100%;
height:380px;
overflow:hidden
}

.contact-info__image img,.contact-info__image .image-placeholder {
width:100%;
height:100%;
object-fit:cover;
background-position:center 15%!important
}

.contact-info__content {
padding:32px
}

.contact-info__name {
font-family:var(--font-heading);
font-weight:700;
font-size:1.3rem;
color:var(--color-black);
margin-bottom:4px
}

.contact-info__role {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text-muted);
margin-bottom:16px
}

.contact-info__text {
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text-light);
line-height:1.7
}

.contact-form-wrapper {
background:var(--color-white);
border-radius:var(--radius-card);
padding:40px;
box-shadow:var(--shadow-sm)
}

.contact-form-wrapper__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.2rem;
color:var(--color-black);
margin-bottom:24px
}

.form-group {
margin-bottom:16px
}

.form-group label {
display:block;
font-family:var(--font-body);
font-weight:500;
font-size:.85rem;
color:var(--color-text);
margin-bottom:6px
}

.form-group input,.form-group select {
width:100%;
padding:14px 18px;
border-radius:var(--radius-small);
background:var(--color-gray);
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text);
border:1.5px solid transparent;
transition:all var(--transition-normal)
}

.form-group input::placeholder {
color:var(--color-text-muted)
}

.form-group input:focus,.form-group select:focus {
border-color:var(--color-beige);
background:var(--color-white);
box-shadow:0 0 0 4px #d6a77a1a
}

.form-group select {
appearance:none;
-webkit-appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 16px center;
padding-right:40px
}

.form-checkboxes {
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:24px
}

.form-checkbox {
display:flex!important;
align-items:center;
gap:10px;
cursor:pointer;
flex-wrap:nowrap
}

.form-checkbox input[type="checkbox"] {
display:none
}

.form-checkbox__check {
width:22px;
height:22px;
border-radius:6px;
border:1.5px solid #0f0f0f26;
display:flex;
align-items:center;
justify-content:center;
transition:all var(--transition-normal);
flex-shrink:0
}

.form-checkbox__check i {
font-size:.75rem;
color:var(--color-white);
opacity:0;
transition:opacity var(--transition-fast)
}

.form-checkbox input:checked + .form-checkbox__check {
background:var(--color-beige);
border-color:var(--color-beige)
}

.form-checkbox input:checked + .form-checkbox__check i {
opacity:1
}

.form-checkbox__label {
display:inline;
flex:1;
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text);
white-space:nowrap
}

.contact-form-wrapper .btn {
width:100%;
padding:16px;
font-size:1rem
}

.form-note {
text-align:center;
margin-top:12px;
font-family:var(--font-body);
font-weight:300;
font-size:.78rem;
color:var(--color-text-muted)
}

.footer {
background:var(--color-black);
color:var(--color-white);
padding:60px 0 30px;
position:relative;
overflow:hidden
}

.footer::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(/images/footer_img.webp) center center / cover no-repeat;
opacity:.18
}

.footer__grid {
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:40px;
position:relative;
z-index:1;
margin-bottom:40px
}

.footer__brand {
display:flex;
flex-direction:column;
gap:16px
}

.footer__logo {
font-family:'Montserrat',sans-serif;
font-weight:500;
font-size:1.5rem;
color:var(--color-white);
letter-spacing:.05em;
transition:color var(--transition-normal)
}

.footer__logo span {
color:var(--color-beige)
}

.footer__tagline {
font-family:var(--font-body);
font-weight:300;
font-size:.7rem;
letter-spacing:.17em;
transition:color var(--transition-normal);
margin-top:-7px;
padding-left:2px;
color:var(--color-beige)
}

.footer__slogan {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:#fff9;
line-height:1.6;
max-width:280px
}

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

.footer__contact-item {
display:flex;
align-items:center;
gap:14px
}

.footer__contact-icon {
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff0f;
border:1px solid #ffffff1a;
color:var(--color-beige);
font-size:1rem;
flex-shrink:0
}

.footer__contact-text {
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:#ffffffb3
}

.footer__contact-text a:hover {
color:var(--color-beige)
}

.footer__links {
display:flex;
flex-direction:column;
gap:16px;
align-items:flex-end
}

.footer__link {
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:#fff9;
display:flex;
align-items:center;
gap:8px;
transition:all var(--transition-normal)
}

.footer__link:hover {
color:var(--color-beige)
}

.footer__link i {
font-size:.8rem
}

.footer__socials {
display:flex;
gap:12px;
margin-top:8px
}

.footer__social-link {
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff0f;
border:1px solid #ffffff1a;
color:var(--color-white);
font-size:1.1rem;
transition:all var(--transition-normal)
}

.footer__social-link:hover {
background:var(--color-beige);
color:var(--color-black);
border-color:var(--color-beige);
transform:translateY(-3px)
}

.footer__bottom {
position:relative;
z-index:1;
padding-top:30px;
border-top:1px solid #ffffff14;
display:flex;
align-items:center;
justify-content:space-between
}

.footer__copyright {
font-family:var(--font-body);
font-weight:300;
font-size:.8rem;
color:#fff6
}

.fade-in {
opacity:0;
transform:translateY(30px);
transition:opacity .6s ease,transform .6s ease
}

.fade-in.visible {
opacity:1;
transform:translateY(0)
}

.fade-in-left {
opacity:0;
transform:translateX(-40px);
transition:opacity .6s ease,transform .6s ease
}

.fade-in-left.visible {
opacity:1;
transform:translateX(0)
}

.fade-in-right {
opacity:0;
transform:translateX(40px);
transition:opacity .6s ease,transform .6s ease
}

.fade-in-right.visible {
opacity:1;
transform:translateX(0)
}

.mobile-menu {
position:fixed;
top:0;
right:-100%;
width:100%;
max-width:400px;
height:100vh;
background:var(--color-white);
z-index:2000;
padding:80px 30px 30px;
transition:right .4s cubic-bezier(0.4,0,0.2,1);
box-shadow:-10px 0 40px #0000001a;
overflow-y:auto
}

.mobile-menu.active {
right:0
}

.mobile-menu__overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#00000080;
z-index:1999;
opacity:0;
visibility:hidden;
transition:all var(--transition-normal)
}

.mobile-menu__overlay.active {
opacity:1;
visibility:visible
}

.mobile-menu__close {
position:absolute;
top:20px;
right:20px;
width:44px;
height:44px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:var(--color-gray);
color:var(--color-black);
font-size:1.3rem
}

.mobile-menu__nav {
display:flex;
flex-direction:column;
gap:4px
}

.mobile-menu__link {
font-family:var(--font-heading);
font-weight:600;
font-size:1.1rem;
color:var(--color-black);
padding:14px 0;
border-bottom:1px solid var(--color-gray-dark);
display:block
}

.mobile-menu__link:hover {
color:var(--color-beige-dark)
}

.mobile-menu__cta {
margin-top:30px;
display:flex;
flex-direction:column;
gap:16px
}

.mobile-menu__phone {
display:flex;
align-items:center;
gap:12px;
font-family:var(--font-body);
font-weight:500;
font-size:1rem;
color:var(--color-black)
}

.mobile-menu__phone i {
font-size:1.3rem;
color:var(--color-beige)
}

.sticky-nav {
position:fixed;
top:0;
left:0;
width:100%;
max-width:100vw;
z-index:1000;
background:#ffffffd9;
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
border-bottom:1px solid #0000000f;
box-shadow:0 4px 20px #0000000a;
opacity:0;
transform:translateY(-100%);
pointer-events:none;
transition:opacity .4s ease,transform .4s ease;
overflow-x:hidden
}

.sticky-nav.visible {
opacity:1;
transform:translateY(0);
pointer-events:auto
}

.sticky-nav .header__nav {
padding:14px 0
}

.sticky-nav .header__nav-list {
background:#ffffffa6;
border-color:#00000014
}

.sticky-nav .header__nav-link {
position:relative;
color:var(--color-text)
}

.sticky-nav .header__nav-link:hover {
color:var(--color-beige-dark);
background:#d6a77a1f
}

.sticky-nav .header__nav-link.active::after {
content:'';
position:absolute;
bottom:4px;
left:50%;
transform:translateX(-50%);
width:20px;
height:3px;
background:var(--color-beige-dark);
border-radius:50px
}

.sticky-nav .header__logo-brand {
color:var(--color-black);
padding-top:.6rem
}

.sticky-nav .header__logo-tagline {
color:var(--color-text-light)
}

.sticky-nav .header__phone {
color:var(--color-black)
}

.sticky-nav .header__phone-icon {
background:#d6a77a1a;
border-color:#d6a77a33;
color:var(--color-beige-dark)
}

.sticky-nav .btn-glass {
background:#ffffffe6;
color:var(--color-black);
border:1px solid #00000014
}

.sticky-nav .btn-glass:hover {
background:var(--color-beige);
color:var(--color-black);
border-color:var(--color-beige)
}

.sticky-nav .header__mobile-toggle {
color:var(--color-black);
background:#0000000d;
border-color:#00000014
}

@media (max-width: 1200px) {
.directions-grid {
grid-template-columns:repeat(2,1fr)
}

.why-grid {
grid-template-columns:repeat(3,1fr)
}

.process-timeline {
grid-template-columns:repeat(2,1fr);
gap:40px
}

.process-timeline::before {
display:none
}
}

@media (max-width: 992px) {
.header__nav-center {
display:none
}

.header__mobile-toggle {
display:flex
}

.about-grid,.founder-grid,.contact-grid {
grid-template-columns:1fr;
gap:40px
}

.founder-content {
order:2
}

.founder-image {
order:1
}

.advantages-grid {
grid-template-columns:1fr
}

.footer__grid {
grid-template-columns:1fr;
gap:30px
}

.footer__links {
align-items:flex-start
}

.footer__bottom {
flex-direction:column;
gap:16px;
text-align:center
}

.projects-header {
flex-direction:column;
align-items:flex-start;
gap:16px
}
}

@media (max-width: 768px) {
:root {
--container-padding:16px
}

.header__logo-brand-rus {
font-size:.98rem;
margin-top:-11px
}

.founder-image .image-placeholder {
background-position:center 25%!important
}

.projects-section {
padding-bottom:10px!important
}

.directions-section {
padding-bottom:20px!important
}

.section-padding {
padding:60px 0
}

.section-title {
font-size:1.6rem
}

.header__nav {
padding:10px 12px;
gap:14px
}

.header__logo {
gap:0
}

.header__logo-brand {
font-size:1.15rem;
letter-spacing:.03em
}

.header__logo-tagline {
font-size:.58rem;
margin-top:-3px;
letter-spacing:.1em
}

.header__nav-right .btn-glass {
display:none!important
}

.header__phone {
gap:6px;
font-size:.75rem
}

.header__phone,.header__mobile-toggle {
display:flex!important
}

.header__phone-icon {
width:32px;
height:32px;
font-size:.9rem
}

.header__mobile-toggle {
width:36px;
height:36px;
font-size:1.3rem
}

.sticky-nav .header__nav {
gap:14px;
padding:10px 12px
}

.sticky-nav .header__logo-brand {
font-size:1.15rem
}

.sticky-nav .header__logo-tagline {
font-size:.58rem;
margin-top:-3px
}

.sticky-nav .header__nav-right .btn-glass {
display:none!important
}

.sticky-nav .header__phone {
gap:6px;
font-size:.75rem
}

.sticky-nav .header__phone-icon {
width:32px;
height:32px;
font-size:.9rem
}

.sticky-nav .header__mobile-toggle {
width:36px;
height:36px;
font-size:1.3rem
}

.hero__content {
padding:120px var(--container-padding) 60px
}

.hero__title {
font-size:1.8rem
}

.hero__subtitle {
font-size:.95rem;
margin-bottom:24px
}

.hero__actions {
flex-direction:column;
align-items:flex-start;
gap:16px
}

.hero__socials {
margin-left:0
}

.about-grid,.founder-grid {
gap:30px
}

.about-image img,.about-image .image-placeholder,.founder-image img,.founder-image .image-placeholder {
height:300px
}

.directions-grid {
grid-template-columns:1fr;
gap:16px
}

.direction-card__image {
height:180px
}

.why-grid {
grid-template-columns:repeat(2,1fr);
gap:12px
}

.why-card {
padding:24px 12px
}

.why-card__icon {
width:48px;
height:48px;
font-size:1.2rem;
margin-bottom:12px
}

.why-card__title {
font-size:.78rem
}

.process-timeline {
grid-template-columns:1fr;
gap:24px;
margin-top:40px
}

.process-step__number {
width:52px;
height:52px;
font-size:1rem
}

.process-step__icon {
width:40px;
height:40px;
font-size:1.1rem
}

.process-step__title {
font-size:.85rem
}

.process-step__text {
font-size:.78rem
}

.process-divider {
flex-wrap:wrap;
gap:8px;
margin:40px 0 0
}

.process-divider__text {
font-size:.65rem
}

.advantage-card {
padding:24px
}

.advantage-card__title {
font-size:1.2rem
}

.project-card__image {
height:200px
}

.project-card__content {
padding:16px;
display:block
}

.contact-form-wrapper {
padding:24px
}

.form-checkboxes {
grid-template-columns:1fr
}

.contact-info__image {
height:250px
}

.footer {
padding:40px 0 20px
}

.footer__grid {
gap:24px
}

.footer__logo {
font-size:1.155rem
}

.footer__tagline {
font-size:.54rem
}

.footer__slogan {
font-size:.8rem
}

.footer__contact-text {
font-size:.85rem
}

.footer__link {
font-size:.8rem
}

.footer__social-link {
width:36px;
height:36px;
font-size:1rem
}

.footer__bottom {
padding-top:20px
}

.footer__copyright {
font-size:.72rem
}

.mobile-menu {
padding:70px 20px 20px;
max-width:100%
}

.mobile-menu__link {
font-size:1rem;
padding:12px 0
}

.mobile-menu__cta .btn {
padding:12px 20px;
font-size:.85rem
}

.mobile-menu__phone {
font-size:.95rem
}

.sticky-nav {
width:100vw;
max-width:100vw
}

.hero__content {
padding:195px var(--container-padding) 40px;
justify-content:flex-start
}

.hero__title {
font-size:2rem
}
}

@media (max-width: 480px) {
:root {
--container-padding:12px
}

.section-title {
font-size:1.4rem
}

.hero__title {
font-size:1.5rem
}

.hero__subtitle {
font-size:.88rem
}

.btn {
padding:12px 20px;
font-size:.82rem
}

.why-grid {
grid-template-columns:1fr 1fr;
gap:10px
}

.why-card {
padding:20px 8px
}

.why-card__icon {
width:42px;
height:42px;
font-size:1.1rem
}

.why-card__title {
font-size:.72rem
}

.projects-header__hint {
display:none
}

.header__phone span {
display:none
}

.header__phone {
padding:0;
gap:0
}

.sticky-nav .header__phone span {
display:none!important
}

.sticky-nav .header__phone {
gap:0
}
}

.comment-toggle-btn {
display:inline-flex;
align-items:center;
gap:8px;
margin-top:10px;
padding:8px 16px;
font-family:var(--font-body);
font-size:.85rem;
font-weight:500;
color:var(--color-beige-dark);
background:#d6a77a14;
border:1px solid #d6a77a33;
border-radius:var(--radius-small);
cursor:pointer;
transition:all var(--transition-fast)
}

.comment-toggle-btn:hover {
background:#d6a77a26;
color:var(--color-beige);
transform:translateY(-1px)
}

.comment-toggle-btn i {
font-size:1rem
}

.comment-box {
margin-top:12px;
overflow:hidden;
max-height:0;
opacity:0;
transition:max-height .35s cubic-bezier(0.4,0,0.2,1),opacity .25s ease
}

.comment-box.visible {
max-height:250px;
opacity:1
}

.comment-textarea {
width:100%;
padding:12px 16px;
border-radius:var(--radius-small);
background:var(--color-gray);
font-family:var(--font-body);
font-size:.9rem;
color:var(--color-text);
border:1.5px solid transparent;
resize:vertical;
transition:all var(--transition-fast);
line-height:1.5
}

.comment-textarea:focus {
border-color:var(--color-beige);
background:var(--color-white);
box-shadow:0 0 0 4px #d6a77a1a
}

.comment-textarea::placeholder {
color:var(--color-text-muted)
}

@media (max-width: 768px) {
.comment-toggle-btn {
width:100%;
justify-content:center;
margin-top:12px
}

.comment-textarea {
min-height:80px
}
}

#comment {
width:100%;
box-sizing:border-box;
border:1px solid #cd0000;
border-radius:10px;
padding:12px;
height:126px;
resize:none
}

.page-hero-inner {
position:relative;
width:100%;
min-height:70vh;
overflow:hidden;
margin-top:60px
}

.page-hero-inner .hero-background {
position:absolute;
inset:0;
background-size:cover;
background-position:center;
z-index:0
}

.page-hero-inner .hero-background::before {
content:'';
position:absolute;
inset:0;
background:linear-gradient(135deg,#0f0f0f8c 0%,#0f0f0f40 100%);
z-index:1
}

.page-hero-inner .hero-background::after {
content:'';
position:absolute;
inset:0;
background:linear-gradient(0deg,#0f0f0f99 0%,transparent 50%);
z-index:1
}

.page-hero-content {
position:relative;
z-index:10;
max-width:var(--container-max);
margin:0 auto;
padding:240px var(--container-padding) 100px;
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start
}

.page-hero-content > .badge-outline {
margin-bottom:24px
}

.page-hero-title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(2.5rem,5vw,3.5rem);
color:var(--color-white);
line-height:1.1;
margin-bottom:24px;
max-width:700px
}

.page-hero-subtitle {
font-family:var(--font-body);
font-weight:300;
font-size:clamp(1rem,1.8vw,1.25rem);
line-height:1.7;
margin-bottom:40px;
max-width:560px;
color:var(--color-beige)
}

.page-hero-actions {
display:flex;
align-items:center;
gap:16px
}

.style-description-section {
padding:80px 0;
background:var(--color-white)
}

.style-description__inner {
max-width:900px;
margin:0 auto;
text-align:center
}

.style-description__icon {
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:2rem;
margin:0 auto 24px
}

.style-description__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.6rem,3vw,2.2rem);
color:var(--color-black);
margin-bottom:24px;
line-height:1.3
}

.style-description__text {
margin-bottom:48px
}

.style-description__text p {
font-family:var(--font-body);
font-size:.95rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:16px;
text-align:left
}

.style-description__text p:last-child {
margin-bottom:0
}

.style-description__features {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
text-align:left
}

.feature-item {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:24px;
transition:all var(--transition-normal);
border:1px solid transparent
}

.feature-item:hover {
border-color:#d6a77a4d;
transform:translateY(-4px);
box-shadow:var(--shadow-md)
}

.feature-item__icon {
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.3rem;
margin-bottom:16px
}

.feature-item__content h4 {
font-family:var(--font-heading);
font-weight:700;
font-size:.95rem;
color:var(--color-black);
margin-bottom:6px
}

.feature-item__content p {
font-family:var(--font-body);
font-size:.82rem;
color:var(--color-text-light);
line-height:1.6;
margin-bottom:0
}

.masonry-gallery {
columns:3;
column-gap:16px
}

.masonry-item {
break-inside:avoid;
margin-bottom:16px;
border-radius:var(--radius-card);
overflow:hidden;
cursor:pointer;
transition:all var(--transition-normal);
background:var(--color-white)
}

.masonry-item:hover {
transform:translateY(-4px);
box-shadow:var(--shadow-hover)
}

.masonry-item__image {
width:100%;
position:relative;
overflow:hidden
}

.masonry-item__image .image-placeholder {
width:100%;
height:100%;
min-height:200px;
display:flex;
align-items:center;
justify-content:center;
transition:transform var(--transition-slow)
}

.masonry-item:hover .masonry-item__image .image-placeholder {
transform:scale(1.03)
}

.masonry-item--wide .masonry-item__image .image-placeholder {
aspect-ratio:2 / 1
}

.masonry-item--tall .masonry-item__image .image-placeholder {
aspect-ratio:3 / 4
}

.style-cta-section {
padding:80px 0;
background:var(--color-white)
}

.style-cta__inner {
text-align:center;
padding:60px 40px;
border-radius:var(--radius-card);
background:var(--color-gray);
border:1px solid var(--color-gray-dark);
max-width:800px;
margin:0 auto
}

.style-cta__icon {
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:2rem;
margin:0 auto 24px
}

.style-cta__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.5rem,2.5vw,2rem);
color:var(--color-black);
margin-bottom:16px;
line-height:1.3
}

.style-cta__text {
font-family:var(--font-body);
font-size:.95rem;
color:var(--color-text-light);
line-height:1.7;
margin-bottom:32px;
max-width:600px;
margin-left:auto;
margin-right:auto
}

.design-categories-section {
padding:20px 0;
background:var(--color-white)
}

.design-category-block {
margin-bottom:80px
}

.design-category-block:last-child {
margin-bottom:0
}

.design-category-card {
border-radius:var(--radius-card);
overflow:hidden;
background:var(--color-white);
border:1px solid #d6a77a26;
transition:all var(--transition-normal)
}

.design-category-card:hover {
border-color:#d6a77a4d;
box-shadow:var(--shadow-hover)
}

.design-category-card__media {
overflow:hidden
}

.design-category-card__image {
width:100%;
height:300px;
overflow:hidden
}

.design-category-card__image .image-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-slow)
}

.design-category-card:hover .design-category-card__image .image-placeholder {
transform:scale(1.03)
}

.design-category-card__content {
padding:40px
}

.design-category-card__header {
display:flex;
align-items:center;
gap:20px;
margin-bottom:32px
}

.design-category-card__icon-wrap {
width:64px;
height:64px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:1.6rem;
flex-shrink:0
}

.design-category-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.5rem;
color:var(--color-black);
margin-bottom:4px;
text-transform:uppercase;
letter-spacing:.05em
}

.design-category-card__subtitle {
font-family:var(--font-body);
font-size:.88rem;
color:var(--color-text-light);
line-height:1.6
}

.design-category-card__styles {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:16px
}

.design-category-card__style-link {
display:flex;
align-items:center;
gap:16px;
padding:16px;
border-radius:var(--radius-card);
background:var(--color-gray);
text-decoration:none;
color:inherit;
transition:all var(--transition-normal);
border:1px solid transparent;
cursor:pointer
}

.design-category-card__style-link:hover {
background:#d6a77a14;
border-color:#d6a77a4d;
transform:translateY(-2px);
box-shadow:var(--shadow-sm)
}

.design-category-card__style-preview {
width:56px;
height:56px;
border-radius:var(--radius-small);
overflow:hidden;
flex-shrink:0
}

.design-category-card__style-preview .style-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-normal)
}

.design-category-card__style-link:hover .design-category-card__style-preview .style-placeholder {
transform:scale(1.1)
}

.design-category-card__style-name {
font-family:var(--font-heading);
font-weight:600;
font-size:.88rem;
color:var(--color-black);
display:flex;
align-items:center;
gap:8px
}

.design-category-card__style-name i {
font-size:.9rem;
color:var(--color-beige);
transition:transform var(--transition-fast)
}

.design-category-card__style-link:hover .design-category-card__style-name i {
transform:translateX(4px)
}

.hammamy-styles-section,.sauny-styles-section,.russkie-bani-styles-section {
padding:80px 0;
background:var(--color-white)
}

.style-block {
margin-bottom:24px;
border-radius:var(--radius-card);
overflow:hidden;
background:var(--color-white);
border:1px solid #d6a77a1f;
transition:all var(--transition-normal)
}

.style-block:hover {
border-color:#d6a77a4d;
box-shadow:var(--shadow-hover)
}

.style-block__link {
display:flex;
text-decoration:none;
color:inherit;
height:100%
}

.style-block__media {
width:45%;
min-height:280px;
overflow:hidden;
flex-shrink:0
}

.style-block__image {
width:100%;
height:100%;
overflow:hidden
}

.style-block__image .image-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-slow)
}

.style-block:hover .style-block__image .image-placeholder {
transform:scale(1.04)
}

.style-block__content {
padding:40px 32px;
display:flex;
flex-direction:column;
justify-content:center;
flex:1
}

.style-block__style-label {
font-family:var(--font-heading);
font-weight:600;
font-size:.7rem;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--color-beige);
margin-bottom:12px
}

.style-block__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.4rem;
color:var(--color-black);
margin-bottom:12px;
line-height:1.3
}

.style-block__desc {
font-family:var(--font-body);
font-size:.88rem;
color:var(--color-text-light);
line-height:1.7;
margin-bottom:20px;
flex:1
}

.style-block__arrow {
display:inline-flex;
align-items:center;
gap:8px;
font-family:var(--font-heading);
font-weight:600;
font-size:.85rem;
color:var(--color-beige-dark);
transition:all var(--transition-fast)
}

.style-block__arrow i {
transition:transform var(--transition-fast)
}

.style-block:hover .style-block__arrow {
color:var(--color-beige)
}

.style-block:hover .style-block__arrow i {
transform:translateX(4px)
}

.lightbox-overlay {
position:fixed;
inset:0;
background:#000000eb;
z-index:10000;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:opacity .3s ease,visibility .3s ease;
cursor:zoom-out
}

.lightbox-overlay.active {
opacity:1;
visibility:visible
}

.lightbox-overlay__content {
max-width:90vw;
max-height:90vh;
position:relative;
transform:scale(0.9);
transition:transform .3s ease
}

.lightbox-overlay.active .lightbox-overlay__content {
transform:scale(1)
}

.lightbox-overlay__image {
max-width:90vw;
max-height:85vh;
object-fit:contain;
border-radius:var(--radius-card);
display:block
}

.lightbox-overlay__caption {
position:absolute;
bottom:-40px;
left:50%;
transform:translateX(-50%);
color:#ffffffb3;
font-family:var(--font-body);
font-size:.85rem;
white-space:nowrap;
text-align:center
}

.lightbox-overlay__close {
position:absolute;
top:20px;
right:20px;
width:48px;
height:48px;
border-radius:50%;
background:#ffffff1a;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid #ffffff26;
display:flex;
align-items:center;
justify-content:center;
color:var(--color-white);
font-size:1.3rem;
cursor:pointer;
transition:all var(--transition-normal);
z-index:10001
}

.lightbox-overlay__close:hover {
background:#fff3;
transform:rotate(90deg)
}

.lightbox-overlay__nav {
position:absolute;
top:50%;
transform:translateY(-50%);
width:48px;
height:48px;
border-radius:50%;
background:#ffffff1a;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid #ffffff26;
display:flex;
align-items:center;
justify-content:center;
color:var(--color-white);
font-size:1.2rem;
cursor:pointer;
transition:all var(--transition-normal);
z-index:10001
}

.lightbox-overlay__nav:hover {
background:#fff3
}

.lightbox-overlay__prev {
left:20px
}

.lightbox-overlay__next {
right:20px
}

.lightbox-overlay__counter {
position:absolute;
top:20px;
left:20px;
color:#ffffff80;
font-family:var(--font-body);
font-size:.85rem;
z-index:10001
}

@media (max-width: 992px) {
.style-description__features {
grid-template-columns:repeat(2,1fr)
}

.masonry-gallery {
columns:2
}

.design-category-card__content {
padding:28px
}

.design-category-card__styles {
grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}

.style-block__media {
width:40%
}

.page-hero-content {
padding:200px var(--container-padding) 80px
}
}

@media (max-width: 768px) {
:root {
--container-padding:16px
}

.page-hero-content {
padding:160px var(--container-padding) 60px
}

.page-hero-title {
font-size:2rem
}

.page-hero-subtitle {
font-size:.95rem;
margin-bottom:28px
}

.style-description-section {
padding:60px 0
}

.style-description__features {
grid-template-columns:1fr;
gap:12px
}

.feature-item {
padding:20px
}

.masonry-gallery {
columns:1
}

.style-description__text p {
text-align:left
}

.design-category-block {
margin-bottom:40px
}

.design-category-card__image {
height:220px
}

.design-category-card__content {
padding:24px
}

.design-category-card__header {
gap:16px
}

.design-category-card__icon-wrap {
width:52px;
height:52px;
font-size:1.3rem
}

.design-category-card__title {
font-size:1.2rem
}

.design-category-card__styles {
grid-template-columns:1fr
}

.design-category-card__style-link {
padding:12px
}

.design-category-card__style-preview {
width:44px;
height:44px
}

.style-block__link {
flex-direction:column
}

.style-block__media {
width:100%;
min-height:200px
}

.style-block__content {
padding:24px 20px
}

.style-block__title {
font-size:1.15rem
}

.style-cta__inner {
padding:40px 24px
}

.lightbox-overlay__nav {
width:40px;
height:40px
}

.lightbox-overlay__prev {
left:10px
}

.lightbox-overlay__next {
right:10px
}

.lightbox-overlay__close {
width:40px;
height:40px;
top:12px;
right:12px
}
}

@media (max-width: 480px) {
.page-hero-content {
padding:130px var(--container-padding) 40px
}

.page-hero-title {
font-size:1.6rem
}

.page-hero-subtitle {
font-size:.88rem
}

.section-padding {
padding:40px 0
}

.style-description__title {
font-size:1.4rem
}

.style-cta__title {
font-size:1.3rem
}

.style-cta__text {
font-size:.88rem
}

.style-cta__inner {
padding:28px 16px
}

.lightbox-overlay__caption {
font-size:.75rem;
bottom:-30px
}
}

.equipment-hero {
position:relative;
width:100%;
overflow:hidden
}

.equipment-hero .hero-background {
position:absolute;
inset:0;
background-size:cover;
background-position:center;
z-index:0
}

.equipment-hero .hero-background::after {
content:'';
position:absolute;
inset:0;
background:linear-gradient(135deg,#0f0f0f99 0%,#0f0f0f4d 100%);
z-index:1
}

.equipment-hero .hero__content {
position:relative;
z-index:10;
max-width:var(--container-max);
margin:0 auto;
padding:260px var(--container-padding) 120px;
width:100%
}

.equipment-hero__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(2.2rem,4.5vw,3rem);
color:var(--color-white);
line-height:1.15;
margin-bottom:20px;
max-width:700px
}

.equipment-hero__title span {
color:var(--color-beige)
}

.equipment-hero__subtitle {
font-family:var(--font-body);
font-weight:300;
font-size:clamp(1rem,1.8vw,1.2rem);
line-height:1.7;
margin-bottom:36px;
max-width:560px;
color:#ffffffbf
}

.equipment-breadcrumb {
padding:16px 0 0
}

.equipment-breadcrumb__list {
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
list-style:none;
font-family:var(--font-body);
font-size:.82rem;
color:#ffffff80
}

.equipment-breadcrumb__list a {
color:#ffffff80;
transition:color var(--transition-fast)
}

.equipment-breadcrumb__list a:hover {
color:var(--color-beige)
}

.equipment-breadcrumb__separator {
font-size:.6rem;
color:#ffffff4d
}

.equipment-breadcrumb__current {
color:var(--color-beige)
}

.equipment-listing {
padding:40px 0;
background:var(--color-white)
}

.equipment-listing__header {
text-align:center;
margin-bottom:48px
}

.equipment-listing__header .badge-outline {
margin-bottom:16px
}

.equipment-listing__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.8rem,3vw,2.4rem);
color:var(--color-black);
line-height:1.2;
margin-bottom:16px
}

.equipment-listing__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text-light);
line-height:1.7;
max-width:640px;
margin:0 auto
}

.equipment-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px
}

.equipment-card {
display:flex;
flex-direction:column;
border-radius:var(--radius-card);
overflow:hidden;
background:var(--color-white);
border:1px solid #d6a77a1a;
transition:all var(--transition-normal);
text-decoration:none;
color:inherit;
position:relative
}

.equipment-card:hover {
transform:translateY(-6px);
box-shadow:var(--shadow-hover);
border-color:#d6a77a4d
}

.equipment-card__image {
width:100%;
height:200px;
overflow:hidden;
position:relative;
flex-shrink:0
}

.equipment-card__image .image-placeholder {
width:100%;
height:100%;
transition:transform var(--transition-slow)
}

.equipment-card:hover .equipment-card__image .image-placeholder {
transform:scale(1.05)
}

.equipment-card__image::after {
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 50%,#0f0f0f40 100%);
z-index:1;
pointer-events:none
}

.equipment-card__category {
position:absolute;
top:14px;
left:14px;
z-index:2;
padding:5px 14px;
border-radius:50px;
background:#ffffffeb;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-family:var(--font-body);
font-weight:500;
font-size:.68rem;
letter-spacing:.04em;
text-transform:uppercase;
color:var(--color-beige-dark);
display:flex;
align-items:center;
gap:5px
}

.equipment-card__category i {
font-size:.8rem;
color:var(--color-beige)
}

.equipment-card__body {
padding:24px;
flex:1;
display:flex;
flex-direction:column
}

.equipment-card__icon-wrap {
width:48px;
height:48px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.3rem;
margin-bottom:16px;
flex-shrink:0;
transition:all var(--transition-normal)
}

.equipment-card:hover .equipment-card__icon-wrap {
background:var(--color-beige);
color:var(--color-white)
}

.equipment-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.1rem;
color:var(--color-black);
margin-bottom:10px;
line-height:1.3
}

.equipment-card__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:var(--color-text-light);
line-height:1.6;
flex:1;
margin-bottom:20px
}

.equipment-card__footer {
display:flex;
align-items:center;
justify-content:space-between;
padding-top:16px;
border-top:1px solid var(--color-gray-dark)
}

.equipment-card__tagline {
font-family:var(--font-body);
font-weight:400;
font-size:.8rem;
color:var(--color-text-muted);
line-height:1.5;
flex:1
}

.equipment-card__arrow {
display:inline-flex;
align-items:center;
gap:6px;
font-family:var(--font-heading);
font-weight:600;
font-size:.82rem;
color:var(--color-beige-dark);
transition:all var(--transition-normal);
white-space:nowrap
}

.equipment-card:hover .equipment-card__arrow {
color:var(--color-beige);
gap:10px
}

.equipment-card__arrow i {
font-size:.9rem;
transition:transform var(--transition-normal)
}

.equipment-card:hover .equipment-card__arrow i {
transform:translateX(4px)
}

.equipment-content {
padding:40px 0 100px;
background:var(--color-white)
}

.equipment-content__inner {
margin:0 auto
}

.equipment-content__block {
margin-bottom:56px
}

.equipment-content__block:last-child {
margin-bottom:0
}

.equipment-content__badge {
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 16px;
border-radius:50px;
font-family:var(--font-heading);
font-weight:600;
font-size:.72rem;
letter-spacing:.05em;
text-transform:uppercase;
background:transparent;
color:var(--color-beige-dark);
border:1px solid #d6a77a66;
margin-bottom:16px
}

.equipment-content__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.4rem,2.5vw,1.8rem);
color:var(--color-black);
line-height:1.3;
margin-bottom:20px
}

.equipment-content__text {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:var(--color-text-light);
line-height:1.8;
margin-bottom:16px
}

.equipment-content__text:last-child {
margin-bottom:0
}

.equip-advantages {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin:24px 0
}

.equip-advantage-item {
display:flex;
align-items:center;
gap:10px;
font-family:var(--font-body);
font-weight:500;
font-size:.92rem;
color:var(--color-text)
}

.equip-advantage-item i {
width:28px;
height:28px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:.75rem;
flex-shrink:0
}

.equip-applications {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
margin-top:24px
}

.equip-app-card {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:24px;
display:flex;
align-items:flex-start;
gap:16px;
transition:all var(--transition-normal);
border:1px solid transparent
}

.equip-app-card:hover {
border-color:#d6a77a33;
box-shadow:var(--shadow-sm);
transform:translateY(-2px)
}

.equip-app-card__icon {
width:48px;
height:48px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1a;
color:var(--color-beige-dark);
font-size:1.2rem;
flex-shrink:0
}

.equip-app-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:.95rem;
color:var(--color-black);
margin-bottom:6px
}

.equip-app-card__desc {
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:var(--color-text-light);
line-height:1.6
}

.equip-solutions {
display:flex;
flex-direction:column;
gap:16px;
margin-top:24px
}

.equip-solution-card {
display:flex;
align-items:stretch;
background:var(--color-white);
border:1px solid #d6a77a1f;
border-radius:var(--radius-card);
overflow:hidden;
transition:all var(--transition-normal)
}

.equip-solution-card:hover {
border-color:#d6a77a4d;
box-shadow:var(--shadow-md);
transform:translateY(-2px)
}

.equip-solution-card__accent {
width:6px;
flex-shrink:0;
background:var(--color-beige)
}

.equip-solution-card__body {
padding:24px 28px;
flex:1;
display:flex;
align-items:center;
gap:24px
}

.equip-solution-card__number {
font-family:var(--font-heading);
font-weight:800;
font-size:1.8rem;
color:#d6a77a33;
flex-shrink:0;
min-width:48px
}

.equip-solution-card__content {
flex:1
}

.equip-solution-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1rem;
color:var(--color-black);
margin-bottom:6px
}

.equip-solution-card__features {
display:flex;
flex-wrap:wrap;
gap:6px
}

.equip-solution-card__feature {
display:inline-flex;
align-items:center;
gap:5px;
padding:4px 12px;
border-radius:50px;
background:var(--color-gray);
font-family:var(--font-body);
font-weight:400;
font-size:.78rem;
color:var(--color-text)
}

.equip-solution-card__feature i {
color:var(--color-beige);
font-size:.7rem
}

.equip-tech-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
margin-top:24px
}

.equip-tech-column {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:28px
}

.equip-tech-column__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
margin-bottom:16px;
display:flex;
align-items:center;
gap:10px
}

.equip-tech-column__title i {
color:var(--color-beige);
font-size:1.1rem
}

.equip-tech-column ul {
list-style:none;
padding:0;
margin:0
}

.equip-tech-column ul li {
display:flex;
align-items:center;
gap:10px;
padding:8px 0;
font-family:var(--font-body);
font-weight:400;
font-size:.9rem;
color:var(--color-text);
border-bottom:1px solid #0000000a
}

.equip-tech-column ul li:last-child {
border-bottom:none
}

.equip-tech-column ul li i {
color:var(--color-beige);
font-size:.8rem;
flex-shrink:0
}

.equip-integration {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:32px;
margin-top:24px
}

.equip-integration__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1.05rem;
color:var(--color-black);
margin-bottom:20px
}

.equip-integration__flow {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:0;
margin-bottom:20px
}

.equip-integration__step {
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
padding:16px 12px;
min-width:100px
}

.equip-integration__step-icon {
width:44px;
height:44px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#d6a77a1f;
color:var(--color-beige-dark);
font-size:1.1rem;
margin-bottom:8px
}

.equip-integration__step-text {
font-family:var(--font-body);
font-weight:500;
font-size:.78rem;
color:var(--color-text);
line-height:1.4
}

.equip-integration__arrow {
font-size:1.2rem;
color:var(--color-beige);
margin:0 4px;
align-self:center;
margin-bottom:20px
}

.equip-integration__items {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px
}

.equip-integration__item {
display:flex;
align-items:center;
gap:8px;
padding:10px 14px;
background:var(--color-white);
border-radius:var(--radius-small);
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:var(--color-text)
}

.equip-integration__item i {
color:var(--color-beige);
font-size:.85rem
}

.equip-scenarios {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
margin-top:24px
}

.equip-scenario-card {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:24px;
transition:all var(--transition-normal);
border:1px solid transparent
}

.equip-scenario-card:hover {
border-color:#d6a77a33;
box-shadow:var(--shadow-sm)
}

.equip-scenario-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1rem;
color:var(--color-black);
margin-bottom:12px;
display:flex;
align-items:center;
gap:10px
}

.equip-scenario-card__title i {
color:var(--color-beige)
}

.equip-scenario-card__params {
display:flex;
flex-direction:column;
gap:6px
}

.equip-scenario-card__param {
font-family:var(--font-body);
font-weight:400;
font-size:.82rem;
color:var(--color-text-light);
line-height:1.5
}

.equip-scenario-card__param strong {
color:var(--color-black);
font-weight:600
}

.equip-considerations {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
margin-top:24px
}

.equip-consideration {
background:var(--color-gray);
border-radius:var(--radius-card);
padding:28px
}

.equip-consideration__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1rem;
color:var(--color-black);
margin-bottom:16px;
display:flex;
align-items:center;
gap:10px
}

.equip-consideration__title i {
color:var(--color-beige)
}

.equip-consideration ul {
list-style:none;
padding:0;
margin:0
}

.equip-consideration ul li {
display:flex;
align-items:flex-start;
gap:8px;
padding:6px 0;
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:var(--color-text)
}

.equip-consideration ul li::before {
content:'';
width:6px;
height:6px;
border-radius:50%;
background:var(--color-beige);
flex-shrink:0;
margin-top:7px
}

.equip-errors {
display:flex;
flex-direction:column;
gap:16px;
margin-top:24px
}

.equip-error-card {
background:var(--color-white);
border:1px solid #d6a77a1a;
border-left:4px solid #e63946;
border-radius:var(--radius-card);
padding:24px 28px;
transition:all var(--transition-normal)
}

.equip-error-card:hover {
box-shadow:var(--shadow-sm)
}

.equip-error-card__number {
font-family:var(--font-heading);
font-weight:700;
font-size:.78rem;
letter-spacing:.06em;
text-transform:uppercase;
color:#e63946;
margin-bottom:8px
}

.equip-error-card__title {
font-family:var(--font-heading);
font-weight:700;
font-size:1rem;
color:var(--color-black);
margin-bottom:12px
}

.equip-error-card__consequence {
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:var(--color-text-light);
line-height:1.7
}

.equip-error-card__consequence strong {
color:var(--color-black);
font-weight:600
}

.equip-components {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-top:24px
}

.equip-component-item {
display:flex;
align-items:center;
gap:10px;
padding:14px 16px;
background:var(--color-gray);
border-radius:var(--radius-small);
font-family:var(--font-body);
font-weight:400;
font-size:.85rem;
color:var(--color-text)
}

.equip-component-item i {
color:var(--color-beige);
font-size:.9rem;
flex-shrink:0
}

.equip-faq-list {
margin-top:24px
}

.equip-faq-item {
border:1px solid #d6a77a1a;
border-radius:var(--radius-card);
background:var(--color-gray);
margin-bottom:10px;
overflow:hidden;
transition:all var(--transition-normal)
}

.equip-faq-item:hover {
border-color:#d6a77a33
}

.equip-faq-item.active {
border-color:#d6a77a4d
}

.equip-faq-question {
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
padding:20px 24px;
background:none;
border:none;
cursor:pointer;
font-family:var(--font-heading);
font-weight:600;
font-size:.92rem;
color:var(--color-black);
text-align:left;
gap:16px;
transition:all var(--transition-normal)
}

.equip-faq-question:hover {
color:var(--color-beige-dark)
}

.equip-faq-question__icon {
font-size:1.1rem;
color:var(--color-beige);
transition:transform var(--transition-normal);
flex-shrink:0
}

.equip-faq-item.active .equip-faq-question__icon {
transform:rotate(180deg)
}

.equip-faq-answer {
max-height:0;
overflow:hidden;
transition:max-height .4s ease
}

.equip-faq-item.active .equip-faq-answer {
max-height:400px
}

.equip-faq-answer p {
font-family:var(--font-body);
font-weight:400;
font-size:.88rem;
color:var(--color-text-light);
line-height:1.8;
padding:0 24px 20px
}

.equipment-cta {
padding:80px 0;
background:var(--color-black);
color:var(--color-white);
position:relative;
overflow:hidden
}

.equipment-cta::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(/images/footer_img.webp) center center / cover no-repeat;
opacity:.1
}

.equipment-cta__inner {
position:relative;
z-index:1;
max-width:800px;
margin:0 auto;
text-align:center
}

.equipment-cta__badge {
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 16px;
border-radius:50px;
font-family:var(--font-heading);
font-weight:600;
font-size:.72rem;
letter-spacing:.05em;
text-transform:uppercase;
background:transparent;
color:var(--color-beige);
border:1px solid #d6a77a66;
margin-bottom:20px
}

.equipment-cta__title {
font-family:var(--font-heading);
font-weight:700;
font-size:clamp(1.6rem,3vw,2.2rem);
color:var(--color-white);
line-height:1.2;
margin-bottom:16px
}

.equipment-cta__text {
font-family:var(--font-body);
font-weight:400;
font-size:.95rem;
color:#fff9;
line-height:1.7;
margin-bottom:32px;
max-width:560px;
margin-left:auto;
margin-right:auto
}

@media (max-width: 992px) {
.equipment-grid {
grid-template-columns:repeat(2,1fr)
}

.equip-advantages {
grid-template-columns:1fr
}

.equip-applications {
grid-template-columns:1fr
}

.equip-solution-card__body {
flex-direction:column;
align-items:flex-start;
gap:12px
}

.equip-tech-grid {
grid-template-columns:1fr
}

.equip-integration__flow {
flex-direction:column;
gap:0
}

.equip-integration__arrow {
transform:rotate(90deg);
margin:0
}

.equip-integration__items {
grid-template-columns:repeat(2,1fr)
}

.equip-scenarios {
grid-template-columns:1fr
}

.equip-considerations {
grid-template-columns:1fr
}

.equip-components {
grid-template-columns:repeat(2,1fr)
}
}

@media (max-width: 768px) {
.equipment-hero .hero__content {
padding:140px var(--container-padding) 80px
}

.equipment-grid {
grid-template-columns:1fr
}

.equipment-content__inner {
padding:0 4px
}

.equip-solution-card__accent {
width:4px
}

.equip-solution-card__body {
padding:18px 20px
}

.equip-solution-card__number {
font-size:1.4rem
}

.equip-integration__items {
grid-template-columns:1fr
}

.equip-components {
grid-template-columns:1fr
}

.equip-error-card {
padding:20px 22px
}
}

@media (max-width: 480px) {
.equipment-hero .hero__content {
padding:100px var(--container-padding) 60px
}

.equipment-card__body {
padding:18px
}

.equip-advantage-item {
font-size:.85rem
}

.equip-solution-card__title {
font-size:.92rem
}

.equip-tech-column {
padding:20px
}

.equip-integration {
padding:24px 20px
}
}