/* ===================================
 СТРАНИЦА «ПРОЕКТЫ» — ФАКТУРА
=================================== */

.projects-page,
.projects-page * {
 box-sizing: border-box;
}

.projects-page {
 width: 100%;
 margin: 0;
 padding: 70px 5vw 90px;
 overflow: hidden;
 background:
 radial-gradient(
 circle at 85% 10%,
 rgba(200, 151, 82, 0.08),
 transparent 30%
 ),
 #0b0b0a;
 color: #f5efe7;
 font-family: Inter, Arial, sans-serif;
}

/* Первый экран без старого коллажа */
.projects-hero {
 width: 100%;
 max-width: 1440px;
 min-height: 520px;
 margin: 0 auto 75px;
 padding: 70px 6vw;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 position: relative;
 overflow: hidden;
 border: 1px solid rgba(200, 151, 82, 0.23);

 background:
 radial-gradient(
 circle at 78% 32%,
 rgba(200, 151, 82, 0.18),
 transparent 28%
 ),
 linear-gradient(
 135deg,
 #090908 0%,
 #18130f 52%,
 #080807 100%
 );
}

/* Декоративные вертикальные рейки */
.projects-hero::before {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 width: 52%;
 height: 100%;
 opacity: 0.42;
 background:
 repeating-linear-gradient(
 90deg,
 rgba(200, 151, 82, 0.12) 0,
 rgba(200, 151, 82, 0.12) 2px,
 transparent 2px,
 transparent 15px
 );
 pointer-events: none;
}

.projects-hero::after {
 content: "";
 position: absolute;
 inset: 0;
 background:
 linear-gradient(
 90deg,
 rgba(5, 5, 4, 0.92) 0%,
 rgba(5, 5, 4, 0.52) 55%,
 rgba(5, 5, 4, 0.15) 100%
 );
 pointer-events: none;
}

.projects-hero > * {
 position: relative;
 z-index: 2;
}

.projects-hero > span {
 display: block;
 margin: 0 0 22px;
 color: #c89752;
 font-size: 14px;
 font-weight: 700;
 letter-spacing: 6px;
 text-transform: uppercase;
}

.projects-hero h1 {
 max-width: 900px;
 margin: 0 0 28px;
 color: #ffffff !important;
 font-size: clamp(48px, 6vw, 86px);
 line-height: 0.98;
 font-weight: 600;
}

.projects-hero p {
 max-width: 760px;
 margin: 0;
 color: #cec4b9;
 font-size: 20px;
 line-height: 1.65;
}

/* Сетка проектов */
.projects-grid {
 width: 100%;
 max-width: 1440px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 28px;
}

.project-card {
 position: relative;
 overflow: hidden;
 min-height: 520px;
 background: #151311;
 border: 1px solid rgba(200, 151, 82, 0.2);
 transition:
 transform 0.3s ease,
 border-color 0.3s ease,
 box-shadow 0.3s ease;
}

.project-card:hover {
 transform: translateY(-7px);
 border-color: rgba(200, 151, 82, 0.7);
 box-shadow: 0 30px 65px rgba(0, 0, 0, 0.38);
}

.project-card img {
 display: block;
 width: 100%;
 height: 390px;
 object-fit: cover;
 background:
 radial-gradient(
 circle at 70% 20%,
 rgba(200, 151, 82, 0.18),
 transparent 30%
 ),
 linear-gradient(135deg, #2b2119, #0e0d0c);
 transition: transform 0.55s ease;
}

.project-card:hover img {
 transform: scale(1.045);
}

.project-info {
 min-height: 130px;
 padding: 28px 30px 30px;
 background: linear-gradient(180deg, #171412, #0e0d0c);
}

.project-info h3 {
 margin: 0 0 12px;
 color: #ffffff !important;
 font-size: 28px;
 line-height: 1.15;
}

.project-info h3::before {
 content: "—";
 margin-right: 12px;
 color: #c89752;
}

.project-info p {
 margin: 0;
 color: #bdb3a8;
 font-size: 16px;
 line-height: 1.5;
}

/* Планшет */
@media (max-width: 900px) {
 .projects-page {
 padding: 45px 20px 65px;
 }

 .projects-hero {
 min-height: 480px;
 margin-bottom: 45px;
 padding: 55px 25px;
 }

 .projects-hero::before {
 width: 75%;
 opacity: 0.25;
 }

 .projects-hero p {
 font-size: 17px;
 }

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

 .project-card {
 min-height: 0;
 }

 .project-card img {
 height: 330px;
 }
}

/* Телефон */
@media (max-width: 520px) {
 .projects-page {
 padding: 30px 14px 55px;
 }

 .projects-hero {
 min-height: 430px;
 padding: 45px 22px;
 }

 .projects-hero h1 {
 font-size: 42px;
 }

 .project-card img {
 height: 260px;
 }

 .project-info {
 padding: 24px 22px;
 }

 .project-info h3 {
 font-size: 24px;
 }
/* Главный экран ФАКТУРА */

.faktura-main-visual {
 width: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background: #080807;
}

.faktura-main-visual img {
 display: block;
 width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
}

.sitePage1-layout .main,
.sitePage1-layout .main-container,
.sitePage1-layout .tpl-content,
.sitePage1-layout .index-page-content {
 width: 100% !important;
 max-width: 100% !important;
 margin: 0 !important;
 padding: 0 !important;
}

@media (max-width: 700px) {
 .faktura-main-visual {
 overflow-x: auto;
 }

 .faktura-main-visual img {
 width: 1100px;
 max-width: none;
 }
}/* Убираем пустое пространство над главным баннером */

.sitePage1-layout .main {
 margin-top: 0 !important;
 padding-top: 0 !important;
}

.sitePage1-layout .main-container,
.sitePage1-layout .tpl-content,
.sitePage1-layout .page-content,
.sitePage1-layout .index-page-content {
 margin-top: 0 !important;
 padding-top: 0 !important;
}

.sitePage1-layout .faktura-main-visual {
 margin-top: 0 !important;
}

.sitePage1-layout .faktura-main-visual img {
 vertical-align: top !important;
}
 .sitePage1-layout .main {
 margin-top: 0 !important;
 padding-top: 0 !important;
}

.sitePage1-layout .main-container,
.sitePage1-layout .tpl-content,
.sitePage1-layout .page-content,
.sitePage1-layout .index-page-content {
 margin-top: 0 !important;
 padding-top: 0 !important;
}

.sitePage1-layout .faktura-main-visual {
 margin-top: 0 !important;
}

.sitePage1-layout .faktura-main-visual img {
 vertical-align: top !important;
}