/* Start:/bitrix/templates/120423/components/bitrix/news/portfolio2/bitrix/news.detail/.default/style.css?179338229010432*/
.detail_picture {
	width: 100%;
	border-radius: 20px;
	border: 1px solid var(--c5);
}

.fullen {
	width: 400px;
	width: clamp(200px, 30vw, 400px);
    display: block;
    margin: auto;
    border-radius: 20px;
	border: 1px solid var(--c5);
	box-shadow: 13px 13px 51px 0px rgba(9.999999999999991, 50.99999999999997, 80, 0.1);
}

.example-banner {
  -webkit-columns: 300px;
  -moz-columns: 300px;
  columns: 300px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;  
}



.example-banner li {
  background: white;
  padding: 1em;
  margin-bottom: 1.3em;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  list-style: none;
}
.example-banner li img {
	width: -webkit-fill-available;
}

/* Слайдер других работ на детальной странице портфолио. */
.portfolio-related,
.portfolio-related * {
  box-sizing: border-box;
}

.portfolio-related {
  width: 100%;
  max-width: 1200px;
  margin: 50px auto 30px;
  padding-right: 10px;
  padding-left: 10px;
  overflow: hidden;
}

.portfolio-related__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}

.portfolio-related__heading {
  min-width: 0;
  margin: 0;
  color: #000000;
}

.portfolio-related__viewport {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: 16px;
  cursor: grab;
  touch-action: pan-y;
}

.portfolio-related__viewport.is-dragging {
  cursor: grabbing;
}

.portfolio-related__track {
  display: flex;
  width: 100%;
  min-width: 0;
  will-change: transform;
}

.portfolio-related__slide {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: #000000;
  background: transparent;
  border-radius: 16px;
}

.portfolio-related__image-wrap {
  display: flex;
  flex: 0 0 46%;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 340px;
  overflow: hidden;
}

.portfolio-related__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: contain;
  object-position: center;
  user-select: none;
}

.portfolio-related__content {
  display: flex;
  flex: 1 1 54%;
  flex-direction: column;
  min-width: 0;
  padding: 42px 48px;
  color: #000000;
}

.portfolio-related__city {
  margin-bottom: 12px;
  color: #000000;
  font-size: 14px;
  line-height: 1.4;
}

.portfolio-related__title {
  margin: 0 0 18px;
  color: #000000;
  font-size: clamp(22px, 2.3vw, 34px);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.portfolio-related__text {
  display: -webkit-box;
  margin-bottom: 24px;
  overflow: hidden;
  color: #000000;
  line-height: 1.6;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.portfolio-related__text > :first-child {
  margin-top: 0;
}

.portfolio-related__text > :last-child {
  margin-bottom: 0;
}

.portfolio-related .portfolio-related__content * {
  color: #000000 !important;
}

.portfolio-related .portfolio-related__content .portfolio-related__more,
.portfolio-related .portfolio-related__content .portfolio-related__more * {
  color: var(--n5) !important;
}

.portfolio-related__more {
  align-self: flex-start;
  margin-top: auto;
  text-decoration: none;
}

.portfolio-related__more:hover,
.portfolio-related__more:focus-visible {
  text-decoration: underline;
}

.portfolio-related__controls {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.portfolio-related__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  color: var(--n5);
  font: inherit;
  font-size: 22px;
  line-height: 1;
  background: var(--n4);
  border: 1px solid var(--n6);
  border-radius: 50%;
  cursor: pointer;
}

.portfolio-related__arrow:hover,
.portfolio-related__arrow:focus-visible {
  color: var(--n4);
  background: var(--n3);
  border-color: var(--n3);
}

@media (max-width: 767.98px) {
  .portfolio-related__header {
    margin-bottom: 36px;
  }

  .portfolio-related__slide {
    flex-direction: column;
  }

  .portfolio-related__image-wrap {
    flex-basis: auto;
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .portfolio-related__image {
    min-height: 0;
  }

  .portfolio-related__content {
    flex-basis: auto;
    padding: 24px 22px 28px;
  }
}

@media (max-width: 600px) {
  .portfolio-related__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .portfolio-related__controls {
    justify-self: end;
  }
}

/* Project discussion CTA, 2026-10-21 */
@font-face{font-family:MGGolos;src:url(/bitrix/templates/120423/components/bitrix/news/portfolio2/bitrix/news.detail/.default/cta-assets/fonts/golos-text-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:MGGolos;src:url(/bitrix/templates/120423/components/bitrix/news/portfolio2/bitrix/news.detail/.default/cta-assets/fonts/golos-text-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:MGManrope;src:url(/bitrix/templates/120423/components/bitrix/news/portfolio2/bitrix/news.detail/.default/cta-assets/fonts/manrope-700.ttf);font-weight:700;font-display:swap}
.mg-project-cta{--magilanka30:#223e4d;--magilanka60:#d9ece8;--magilanka10:#aa4f2b;--magilanka1:#f7f2e9;--magilanka3:#18384c;--magilanka6:#00767d;--mg-white:#fff;--mg-line:#dce3df;--mg-shadow:#18384c12;--mg-hover:#873b1d;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);max-width:1200px;margin:auto;border:1px solid var(--mg-line);border-radius:32px;overflow:hidden;background:var(--mg-white);color:var(--magilanka30);font:400 1rem/1.65 MGGolos,Arial,sans-serif;box-shadow:0 20px 60px var(--mg-shadow)}
.mg-project-cta *{box-sizing:border-box}.mg-project-cta__content{padding:48px 16px 36px 48px;position:relative;z-index:1}.mg-project-cta__eyebrow{margin:0 0 18px;font-size:.7rem;letter-spacing:.15em;font-weight:600;color:var(--magilanka6)}.mg-project-cta h2{font:700 clamp(1.8rem,1.2rem + 2vw,2.8rem)/1.17 MGManrope,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 22px;color:var(--magilanka3)}.mg-project-cta__intro{max-width:480px;margin:0;font-size:1.05rem}.mg-project-cta__checks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:28px 0;font-size:.88rem}.mg-project-cta__checks li{display:flex;gap:9px;align-items:flex-start}.mg-project-cta__checks li:before{content:'✓';background:var(--magilanka60);color:var(--magilanka6);width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-weight:600}.mg-project-cta__service{padding:19px 22px;border-radius:16px;background:var(--magilanka1);margin-bottom:24px}.mg-project-cta__service>span{display:block;font-size:.65rem;letter-spacing:.12em;margin-bottom:6px}.mg-project-cta__service a{color:var(--magilanka3);font-weight:600;text-decoration-thickness:1px;text-underline-offset:5px;display:flex;justify-content:space-between;gap:12px}.mg-project-cta__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mg-project-cta__actions a,.mg-project-cta__actions button{font:600 .85rem/1.4 MGGolos,Arial,sans-serif;min-height:50px;padding:14px 18px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;cursor:pointer}.mg-project-cta__primary{color:var(--mg-white);background:var(--magilanka10);border:1px solid var(--magilanka10)}.mg-project-cta__primary:hover{background:var(--mg-hover)}.mg-project-cta__secondary{color:var(--magilanka3);background:var(--magilanka60);border:1px solid var(--magilanka60)}.mg-project-cta__secondary:hover{border-color:var(--magilanka6)}.mg-project-cta__mail{color:var(--magilanka3)}.mg-project-cta a:hover{text-decoration:underline}.mg-project-cta :focus-visible{outline:3px solid var(--magilanka6);outline-offset:4px}.mg-project-cta__status{margin:8px 0 0;font-size:.8rem}.mg-project-cta__status:empty{display:none}.mg-project-cta__portrait{position:relative;min-width:0;background:linear-gradient(90deg,var(--mg-white),var(--magilanka60));display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.mg-project-cta__portrait img{width:100%;height:100%;position:absolute;bottom:0;object-fit:contain;object-position:center bottom}.mg-project-cta__name{position:absolute;bottom:24px;left:24px;right:24px;padding:14px 18px;background:var(--mg-white);border-radius:14px;box-shadow:0 8px 24px var(--mg-shadow)}.mg-project-cta__name strong,.mg-project-cta__name span{display:block}.mg-project-cta__name strong{font-weight:600}.mg-project-cta__name span{font-size:.8rem}
@media(max-width:1000px){.mg-project-cta__content{padding:32px 16px 32px 32px}.mg-project-cta__checks{grid-template-columns:1fr;gap:10px}.mg-project-cta{grid-template-columns:1.4fr 1fr}}
@media(max-width:640px){.mg-project-cta{grid-template-columns:1fr;border-radius:24px}.mg-project-cta__content{padding:28px 22px}.mg-project-cta__portrait{height:380px}.mg-project-cta__portrait img{width:auto;max-width:100%}.mg-project-cta__actions{display:grid;grid-template-columns:1fr 1fr}.mg-project-cta__primary{grid-column:1/-1}.mg-project-cta__service{padding:16px}.mg-project-cta__name{left:20px;right:20px}.mg-project-cta__eyebrow{font-size:.6rem}}

.mg-project-cta-wrap{padding:40px 20px}.mg-project-cta .mg-project-cta__offer{margin:4px 0 12px;font-size:1rem;line-height:1.5}.mg-project-cta .mg-project-cta__terms{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 14px;font-size:.85rem;line-height:1.5}.mg-project-cta .mg-project-cta__service{margin-top:24px}.mg-project-cta .mg-project-cta__checks{padding-left:0}.mg-project-cta .mg-project-cta__checks li{margin:0;padding:0}.mg-project-cta .mg-project-cta__name strong{font-size:1rem}.mg-project-cta .mg-project-cta__portrait img{max-height:none;margin:0}.mg-project-cta .mg-project-cta__primary:disabled{cursor:wait;opacity:.7}@media(max-width:640px){.mg-project-cta-wrap{padding:28px 12px}}

/* Portfolio breadcrumbs: scoped to case pages. */
.portfolio-breadcrumbs { margin: 24px 0 12px; font-size: 14px; line-height: 1.6; }
.portfolio-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px 10px; list-style: none; padding: 0; margin: 0; }
.portfolio-breadcrumbs li { display: inline; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.portfolio-breadcrumbs li + li::before { content: "›"; margin-right: 10px; opacity: .6; }
.portfolio-breadcrumbs a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.portfolio-breadcrumbs [aria-current="page"] { opacity: .8; }
@media (max-width: 600px) { .portfolio-breadcrumbs { font-size: 13px; margin-top: 16px; } }

/* End */
/* /bitrix/templates/120423/components/bitrix/news/portfolio2/bitrix/news.detail/.default/style.css?179338229010432 */