/* Start:/local/assets/css/project-photo.css?178668214111485*/
/* Project photo page — modern grid
   Brand: #253243 / #c03a3a, site wrap 1280
*/

.project-photo-page {
    --pp-ink: #1c2430;
    --pp-muted: #5b6573;
    --pp-soft: #8b95a5;
    --pp-line: rgba(37, 50, 67, .08);
    --pp-surface: #ffffff;
    --pp-soft-bg: #f3f5f8;
    --pp-dark: #253243;
    --pp-red: #c03a3a;
    --pp-radius: 20px;
    --pp-radius-sm: 14px;
    --pp-gap: 20px;
    --pp-gap-lg: 32px;
    --pp-shadow: 0 18px 40px -28px rgba(28, 36, 48, .45);
    background:
        radial-gradient(900px 420px at 12% -10%, rgba(192, 58, 58, .07), transparent 55%),
        radial-gradient(700px 380px at 100% 8%, rgba(37, 50, 67, .06), transparent 50%),
        #fff;
    padding: 20px 0 80px;
    color: var(--pp-ink);
}

.project-photo-page__inner {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--pp-gap);
    row-gap: var(--pp-gap-lg);
}

.project-photo-page__inner > * {
    grid-column: 1 / -1;
}

.pp-grid {
    display: grid;
    gap: var(--pp-gap);
}
.pp-grid--main {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
}
.pp-grid--specs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pp-grid--photos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pp-grid--services {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pp-grid--bottom {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: stretch;
}

.pp-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(192, 58, 58, .1);
    color: var(--pp-red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.pp-title {
    margin: 0 0 18px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.25;
}
.pp-link {
    font-size: 14px;
    font-weight: 600;
    color: var(--pp-red);
    text-decoration: none;
}
.pp-link:hover {
    opacity: .85;
}

/* Hero */
.pp-hero {
    display: grid;
    gap: 18px;
}
.pp-hero__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    font-size: 13px;
    color: var(--pp-soft);
}
.pp-hero__breadcrumb a {
    color: var(--pp-muted);
    text-decoration: none;
    transition: color .2s;
}
.pp-hero__breadcrumb a:hover {
    color: var(--pp-red);
}
.pp-hero__sep {
    opacity: .5;
}
.pp-hero__head {
    max-width: 960px;
}
.pp-hero__title {
    margin: 0;
    font-size: clamp(26px, 3.4vw, 42px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.03em;
}
.pp-hero__figure {
    margin: 0;
    position: relative;
}
.pp-hero__stage {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 320px;
    border-radius: calc(var(--pp-radius) + 4px);
    overflow: hidden;
    background:
        linear-gradient(160deg, #1a2433 0%, #253243 45%, #2f4056 100%);
    box-shadow: var(--pp-shadow);
}
.pp-hero__stage::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 38%;
    background: linear-gradient(to top, rgba(0, 0, 0, .35), transparent);
    pointer-events: none;
}
.pp-hero__img {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: min(70vh, 780px);
    object-fit: contain;
}
.pp-hero__caption {
    position: relative;
    z-index: 2;
    margin: -56px 20px 0;
    max-width: 720px;
    padding: 16px 18px;
    border-radius: var(--pp-radius-sm);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 30px -18px rgba(28, 36, 48, .5);
    font-size: 15px;
    line-height: 1.55;
    color: var(--pp-muted);
}

/* Surfaces */
.pp-block {
    background: var(--pp-surface);
    border: 1px solid var(--pp-line);
    border-radius: var(--pp-radius);
    padding: 26px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
}
.pp-block__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.pp-block__head .pp-title {
    margin: 0;
}
.pp-block--desc {
    grid-column: 1 / span 7;
    background: var(--pp-dark);
    color: #fff;
    border: 0;
    box-shadow: var(--pp-shadow);
}
.pp-block--desc .pp-title {
    color: #fff;
}
.pp-block--desc .pp-prose p {
    color: rgba(255, 255, 255, .88);
}
.pp-block--meta {
    grid-column: 8 / span 5;
    background: var(--pp-surface);
    color: var(--pp-ink);
    border: 1px solid var(--pp-line);
    box-shadow: none;
}
.pp-block--meta .pp-title {
    color: var(--pp-ink);
}
.pp-block--faq {
    grid-column: 1 / span 7;
}
.pp-block--projects {
    padding-bottom: 14px;
}
.pp-block--projects .title.title_2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
}

.pp-prose p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: var(--pp-ink);
}

/* Meta facts on light panel */
.pp-facts {
    margin: 0;
    display: grid;
    gap: 10px;
}
.pp-facts__row {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--pp-soft-bg);
}
.pp-facts__row dt {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--pp-soft);
    align-self: center;
}
.pp-facts__row dd {
    margin: 0;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.35;
    color: var(--pp-ink);
}

/* Specs */
.pp-spec {
    display: grid;
    gap: 4px;
    min-height: 0;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--pp-soft-bg);
    transition: transform .2s, background .2s;
}
.pp-spec:hover {
    transform: translateY(-1px);
    background: #eef1f6;
}
.pp-spec__label {
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--pp-soft);
}
.pp-spec__value {
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.01em;
}

/* Thumbs */
.pp-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--pp-radius-sm);
    text-decoration: none;
    color: #fff;
    background: var(--pp-dark);
    aspect-ratio: 1 / 1;
    box-shadow: var(--pp-shadow);
    transition: transform .25s ease;
}
.pp-thumb:hover {
    transform: translateY(-4px);
}
.pp-thumb__media,
.pp-thumb__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pp-thumb__media {
    position: absolute;
    inset: 0;
}
.pp-thumb__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(17, 24, 34, .78) 0%, transparent 55%);
}
.pp-thumb__label {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 1;
    font-size: 14px;
    font-weight: 650;
}

/* Services */
.pp-service {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 10px;
    min-height: 168px;
    padding: 20px;
    border-radius: var(--pp-radius-sm);
    text-decoration: none;
    color: inherit;
    background: var(--pp-soft-bg);
    transition: transform .2s, background .2s, box-shadow .2s;
}
.pp-service:hover {
    transform: translateY(-3px);
    background: #fff;
    box-shadow: var(--pp-shadow);
}
.pp-service__title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.01em;
}
.pp-service:hover .pp-service__title {
    color: var(--pp-red);
}
.pp-service__text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--pp-muted);
}
.pp-service__more {
    font-size: 13px;
    font-weight: 700;
    color: var(--pp-red);
}

/* FAQ */
.pp-faq {
    display: grid;
    gap: 8px;
}
.pp-faq__item {
    border-radius: 12px;
    background: var(--pp-soft-bg);
    overflow: hidden;
}
.pp-faq__q {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 16px 48px 16px 16px;
    font-size: 15px;
    font-weight: 650;
    color: var(--pp-ink);
    cursor: pointer;
    position: relative;
}
.pp-faq__q::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--pp-red);
    border-bottom: 2px solid var(--pp-red);
    transform: translateY(-65%) rotate(45deg);
    transition: transform .2s;
}
.pp-faq__item.is-open .pp-faq__q::after {
    transform: translateY(-20%) rotate(225deg);
}
.pp-faq__a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease;
}
.pp-faq__item.is-open .pp-faq__a {
    max-height: 420px;
}
.pp-faq__a p {
    margin: 0;
    padding: 0 16px 16px;
    font-size: 14px;
    line-height: 1.65;
    color: var(--pp-muted);
}

/* CTA */
.pp-cta {
    grid-column: 8 / span 5;
    display: grid;
    align-content: center;
    gap: 14px;
    padding: 28px;
    border-radius: var(--pp-radius);
    color: #fff;
    background:
        radial-gradient(420px 220px at 100% 0%, rgba(192, 58, 58, .45), transparent 60%),
        linear-gradient(145deg, #1b2533 0%, #253243 55%, #31445c 100%);
    box-shadow: var(--pp-shadow);
}
.pp-cta__title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
}
.pp-cta__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .72);
}
.pp-cta__actions {
    display: grid;
    gap: 10px;
    margin-top: 8px;
}
.pp-cta__actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
    text-align: center;
    transition: transform .15s, background .2s, border-color .2s;
}
.pp-cta__actions .btn:hover {
    transform: translateY(-1px);
}
.pp-cta__actions .btn_red {
    background: var(--pp-red);
    color: #fff;
    border: 1px solid var(--pp-red);
}
.pp-cta__actions .btn_red:hover {
    background: #d24545;
    border-color: #d24545;
}
.pp-cta__actions .btn_outline-dark {
    background: rgba(255, 255, 255, .06);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .28);
}
.pp-cta__actions .btn_outline-dark:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .5);
}

.pp-grid--bottom > .pp-cta:only-child {
    grid-column: 1 / -1;
}

@media (max-width: 1100px) {
    .pp-grid--specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pp-block--desc,
    .pp-block--meta,
    .pp-block--faq,
    .pp-cta {
        grid-column: 1 / -1;
    }
    .pp-grid--photos,
    .pp-grid--services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .project-photo-page {
        padding: 8px 0 56px;
        --pp-gap: 14px;
        --pp-gap-lg: 22px;
        --pp-radius: 16px;
    }
    .pp-block {
        padding: 18px;
    }
    .pp-hero__title {
        font-size: 24px;
    }
    .pp-hero__caption {
        margin: 12px 0 0;
    }
    .pp-grid--main,
    .pp-grid--specs,
    .pp-grid--bottom {
        grid-template-columns: 1fr;
    }
    .pp-facts__row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .pp-block__head {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .pp-grid--photos,
    .pp-grid--services {
        grid-template-columns: 1fr;
    }
}

/* End */


/* Start:/local/templates/ledtehnology/components/bitrix/news.list/projects.similar/style.css?17866779123508*/
.projects-similar__header{position:relative;padding-right:116px}.projects-similar__navigation{position:absolute;width:100px;display:flex;justify-content:space-between;right:0;top:calc(50% - 18px)}.projects-similar__slider{margin-bottom:2rem;padding:0 6px;margin:0 -6px}.projects-similar-elem{text-decoration:none !important;color:#000}.projects-similar-elem__img{width:100%;height:280px;background:#253243;display:flex;justify-content:center;align-items:center;transition:.2s}@media(max-width: 550px){.projects-similar-elem__img{height:auto}}.projects-similar-elem:hover .projects-similar-elem__img{box-shadow:6px 6px 0px 0px #c03a3a}.projects-similar-elem:hover .projects-similar-elem__title{color:#c03a3a}.projects-similar-elem__city{margin-top:14px;margin-bottom:4px;height:1em;line-height:100%;overflow:hidden}.projects-similar-elem__title{font-size:18px;font-weight:500;transition:.2s}.projects-similar__footer{display:flex;align-items:center;justify-content:flex-end}.projects-similar__all-link{display:inline-flex;align-items:center;color:#000;text-decoration:none !important;transition:.2s}.projects-similar__all-link::after{content:"";background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z' fill='black'/%3E%3C/svg%3E%0A");width:24px;height:24px;display:inline-block;margin-left:12px;transition:.2s}.projects-similar__all-link:hover{color:#c03a3a}.projects-similar__all-link:hover::after{background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z' fill='%23c03a3a'/%3E%3C/svg%3E%0A");transform:translate3d(2px, -2px, 0)}

/* End */
/* /local/assets/css/project-photo.css?178668214111485 */
/* /local/templates/ledtehnology/components/bitrix/news.list/projects.similar/style.css?17866779123508 */