/* Start:/bitrix/templates/vinil-jam_template/components/bitrix/news/portfolio/style.css?178418375812488*/
/* ===== PAGE HERO ===== */
.pf-hero { position:relative; padding:120px 0 48px; background:#0a0a0a center/cover no-repeat; border-bottom:1px solid #2a2a2a; overflow:hidden; }
.pf-hero__overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,.65) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.85) 100%); z-index:1; }
.pf-hero__content { position:relative; z-index:2; }
.pf-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(40px,6vw,72px); font-weight:400; letter-spacing:.04em; text-transform:uppercase; color:#fff; margin:16px 0 10px; line-height:1; }
.pf-subtitle { font-size:14px; color:#888; letter-spacing:.04em; }
.pf-accent { color:#CAFF33; }

/* ===== TABS ===== */
.pf-tabs-bar { background:#111; border-bottom:1px solid #2a2a2a; position:sticky; top:64px; z-index:50; }
.pf-tabs { display:flex; gap:0; overflow-x:auto; scrollbar-width:none; }
.pf-tabs::-webkit-scrollbar { display:none; }
.pf-tab { display:flex; align-items:center; gap:6px; padding:16px 20px; font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#555; white-space:nowrap; text-decoration:none; border-bottom:2px solid transparent; transition:color .2s,border-color .2s; }
.pf-tab:hover { color:#fff; }
.pf-tab.active { color:#CAFF33; border-bottom-color:#CAFF33; }
.pf-tab__cnt { font-size:10px; background:#2a2a2a; color:#888; padding:2px 6px; border-radius:20px; }

/* ===== GRID ===== */
.pf-grid-section { background:#111; padding:48px 0 80px; }
.pf-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.pf-card { position:relative; overflow:hidden; display:block; aspect-ratio:4/3; text-decoration:none; }
.pf-card--lg { grid-column:span 2; grid-row:span 2; aspect-ratio:unset; }
.pf-card__img { width:100%; height:100%; object-fit:cover; transition:transform .4s; display:block; }
.pf-card:hover .pf-card__img { transform:scale(1.04); }
.pf-card__empty { width:100%; height:100%; background:#1a1a1a; }
.pf-card__over { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%); display:flex; flex-direction:column; justify-content:flex-end; padding:20px; opacity:0; transition:opacity .3s; }
.pf-card:hover .pf-card__over { opacity:1; }
.pf-card__car { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#CAFF33; margin-bottom:4px; }
.pf-card__name { font-family:'Barlow Condensed',sans-serif; font-size:16px; letter-spacing:.04em; text-transform:uppercase; color:#fff; }
.pf-card__arr { font-size:18px; color:#CAFF33; margin-top:8px; }
.pf-empty { text-align:center; padding:80px 0; color:#555; font-family:'Barlow Condensed',sans-serif; font-size:16px; letter-spacing:.06em; text-transform:uppercase; }
.pf-empty__link { color:#CAFF33; text-decoration:none; }

/* ===== INFINITE SCROLL ===== */
.pf-load-trigger { width:100%; height:40px; display:flex; align-items:center; justify-content:center; }
.pf-loading { font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#555; animation:pf-pulse 1.2s ease-in-out infinite; }
@keyframes pf-pulse { 0%,100% { opacity:.4; } 50% { opacity:1; } }
.pf-load-more { text-align:center; padding:32px 0; }
.pf-load-btn { font-family:'Barlow Condensed',sans-serif; font-size:13px; letter-spacing:.14em; text-transform:uppercase; background:transparent; border:1px solid #2a2a2a; color:#888; padding:14px 32px; cursor:pointer; transition:border-color .2s, color .2s; border-radius:0; }
.pf-load-btn:hover { border-color:#CAFF33; color:#CAFF33; }

/* ===== CTA ===== */
.pf-cta { background:#0a0a0a; padding:80px 0; border-top:1px solid #2a2a2a; }
.pf-cta__inner { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.pf-cta__eye { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#888; margin-bottom:16px; }
.pf-cta__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(40px,5vw,64px); font-weight:400; line-height:.92; letter-spacing:.02em; text-transform:uppercase; color:#fff; margin-bottom:28px; }
.pf-cta__phone { display:block; font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:500; color:#fff; text-decoration:none; margin-bottom:12px; transition:color .2s; }
.pf-cta__phone:hover { color:#CAFF33; }
.pf-cta__tg { font-family:'Barlow Condensed',sans-serif; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:#CAFF33; text-decoration:none; }
.pf-cta__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid #2a2a2a; }
.pf-stat { padding:28px 20px; border-right:1px solid #2a2a2a; }
.pf-stat:last-child { border-right:none; }
.pf-stat__n { font-family:'Barlow Condensed',sans-serif; font-size:clamp(36px,4vw,56px); font-weight:400; color:#CAFF33; line-height:1; margin-bottom:4px; }
.pf-stat__l { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#555; }

/* ===== DETAIL: HERO ===== */
.pd-hero { position:relative; min-height:70vh; display:flex; flex-direction:column; justify-content:flex-end; background:#0a0a0a center/cover no-repeat; padding-bottom:48px; }
.pd-hero__ov { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.3) 100%); }
.pd-hero__c { position:relative; z-index:2; padding-top:100px; }
.pd-car { font-family:'Barlow Condensed',sans-serif; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:#CAFF33; margin-bottom:8px; }
.pd-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(36px,5vw,64px); font-weight:400; letter-spacing:.04em; text-transform:uppercase; color:#fff; line-height:1; margin-bottom:16px; }
.pd-cat { font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#888; text-decoration:none; transition:color .2s; }
.pd-cat:hover { color:#CAFF33; }

/* ===== DETAIL: META ===== */
.pd-meta { background:#111; border-bottom:1px solid #2a2a2a; }
.pd-meta__grid { display:flex; flex-wrap:wrap; border-right:1px solid #2a2a2a; }
.pd-meta__item { padding:20px 28px; border-left:1px solid #2a2a2a; flex:1; min-width:140px; }
.pd-meta__l { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#555; margin-bottom:4px; }
.pd-meta__v { font-family:'Barlow Condensed',sans-serif; font-size:16px; letter-spacing:.04em; color:#fff; }

/* ===== DETAIL: BODY ===== */
.pd-body { background:#111; padding:60px 0 80px; }
.pd-body__grid { display:grid; grid-template-columns:1fr 320px; gap:60px; align-items:start; }
.pd-lead { font-size:18px; color:#ccc; line-height:1.75; margin-bottom:32px; border-left:2px solid #CAFF33; padding-left:20px; }
.pd-text { font-size:15px; color:#888; line-height:1.8; }
.pd-text h2,.pd-text h3 { font-family:'Barlow Condensed',sans-serif; font-weight:400; letter-spacing:.04em; text-transform:uppercase; color:#fff; margin:32px 0 12px; }
.pd-body__side { position:sticky; top:84px; display:flex; flex-direction:column; gap:16px; }
.pd-box { background:#161616; border:1px solid #2a2a2a; padding:24px; }
.pd-box--cta { border-color:#CAFF33; }
.pd-box__title { font-family:'Barlow Condensed',sans-serif; font-size:18px; letter-spacing:.04em; text-transform:uppercase; color:#fff; margin-bottom:16px; }
.pd-box__sub { font-size:13px; color:#888; margin-bottom:16px; }
.pd-svc { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #2a2a2a; text-decoration:none; color:#888; font-size:13px; transition:color .2s; }
.pd-svc:last-child { border-bottom:none; }
.pd-svc:hover { color:#CAFF33; }
.pd-cta-phone { display:block; font-family:'Barlow Condensed',sans-serif; font-size:20px; color:#fff; text-decoration:none; margin-bottom:12px; transition:color .2s; }
.pd-cta-phone:hover { color:#CAFF33; }
.pd-cta-btn { display:block; text-align:center; background:#CAFF33; color:#0a0a0a; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; padding:16px; text-decoration:none; margin-bottom:8px; transition:background .2s; }
.pd-cta-btn:hover { background:#a8d900; }
.pd-cta-wa { display:block; text-align:center; border:1px solid #2a2a2a; color:#888; font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.1em; text-transform:uppercase; padding:14px; text-decoration:none; transition:all .2s; }
.pd-cta-wa:hover { border-color:#CAFF33; color:#CAFF33; }

/* ===== GALLERY ===== */
.pd-gallery { background:#0a0a0a; padding:60px 0 80px; border-top:1px solid #2a2a2a; }
.pd-gallery__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,4vw,44px); font-weight:400; letter-spacing:.04em; text-transform:uppercase; color:#fff; margin-bottom:32px; }
.pd-gallery__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.pd-gal-item { display:block; overflow:hidden; aspect-ratio:4/3; }
.pd-gal-item--main { grid-column:span 2; grid-row:span 2; aspect-ratio:unset; }
.pd-gal-item img { width:100%; height:100%; object-fit:cover; transition:transform .4s; display:block; }
.pd-gal-item:hover img { transform:scale(1.04); }

/* ===== RELATED ===== */
.pd-related { background:#111; padding:60px 0 80px; }
.pd-related__head { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; }
.pd-related__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,4vw,44px); font-weight:400; letter-spacing:.04em; text-transform:uppercase; color:#fff; }
.pd-related__all { font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#CAFF33; text-decoration:none; }
.pd-related__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.pd-rel-card { display:block; text-decoration:none; overflow:hidden; position:relative; aspect-ratio:4/3; }
.pd-rel-card img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.pd-rel-card:hover img { transform:scale(1.04); }
.pd-rel-card__empty { width:100%; height:100%; background:#1a1a1a; }
.pd-rel-card__name { position:absolute; bottom:0; left:0; right:0; padding:12px 16px; background:linear-gradient(to top,rgba(0,0,0,.7),transparent); font-family:'Barlow Condensed',sans-serif; font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:#fff; }

/* ===== FINAL CTA ===== */
.pd-final-cta { background:#0a0a0a; padding:80px 0; border-top:1px solid #2a2a2a; }
.pd-final-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.pd-final-cta__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(36px,5vw,60px); font-weight:400; letter-spacing:.02em; text-transform:uppercase; color:#fff; line-height:.92; }
.pd-final-cta__btns { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.pd-fcta-btn { display:inline-flex; align-items:center; background:#CAFF33; color:#0a0a0a; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; padding:16px 28px; text-decoration:none; transition:background .2s; }
.pd-fcta-btn:hover { background:#a8d900; }
.pd-fcta-phone { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:500; color:#fff; text-decoration:none; transition:color .2s; }
.pd-fcta-phone:hover { color:#CAFF33; }

/* ===== АДАПТИВ ===== */
@media (max-width:1024px) {
    .pf-grid { grid-template-columns:repeat(2,1fr); }
    .pf-card--lg { grid-column:span 2; }
    .pf-cta__inner { grid-template-columns:1fr; }
    .pd-body__grid { grid-template-columns:1fr; }
    .pd-body__side { position:static; }
    .pd-gallery__grid { grid-template-columns:repeat(2,1fr); }
    .pd-gal-item--main { grid-column:span 2; }
    .pd-related__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .pf-grid { grid-template-columns:1fr; }
    .pf-card--lg { grid-column:span 1; }
    .pd-gallery__grid { grid-template-columns:1fr; }
    .pd-gal-item--main { grid-column:span 1; }
    .pd-related__grid { grid-template-columns:1fr; }
    .pf-hero { padding:100px 0 32px; }
    .pf-cta__stats { grid-template-columns:1fr; }
    .pd-final-cta__inner { flex-direction:column; align-items:flex-start; }
}

/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1783676724467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /bitrix/templates/vinil-jam_template/components/bitrix/news/portfolio/style.css?178418375812488 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1783676724467 */