/**
 * Lines and rounded 45-degree photo cuts, ported from src-verstka/.
 * Loaded after theme/block styles. Layout, forms and typography stay in their own files.
 * Photo paths are kept in pixel coordinates by js/photo-geometry.js on resize.
 */
.home-2026 .about-content__column,
.home-2026 .help-slide,
.service-page .specialist__photo,
.service-page .proof__photo,
.service-page .remained__photo { container-type: inline-size; }

/* A wrapper must not crop the already rounded image a second time. */
.service-page .proof__photo,
.service-page .remained__photo {
  overflow: visible;
  border-radius: 0;
  clip-path: none;
  -webkit-mask: none;
  mask: none;
}

@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .about-img {
    border-radius: 10px;
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 114.142135624 0 H 10000 V 10000 H 0 V 114.142135624 C 0 111.489970726 1.0535684038 108.9464315962 2.928932188 107.071067812 L 107.071067812 2.928932188 C 108.9464315962 1.0535684038 111.489970726 0 114.142135624 0 Z");
  }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .about-img {
    --photo-cut-size: clamp(110px, 28cqi, 185px);
    clip-path: shape(from calc(var(--photo-cut-size) + 4.142135624px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 4.142135624px), curve to 2.928932188px calc(var(--photo-cut-size) - 2.928932188px) with 0px calc(var(--photo-cut-size) + 1.489970726px)/1.0535684038px calc(var(--photo-cut-size) - 1.0535684038px), line to calc(var(--photo-cut-size) - 2.928932188px) 2.928932188px, curve to calc(var(--photo-cut-size) + 4.142135624px) 0px with calc(var(--photo-cut-size) - 1.0535684038px) 1.0535684038px/calc(var(--photo-cut-size) + 1.489970726px) 0px, close);
  }
}
@media (min-width: 992px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .about-img {
      border-radius: 10px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 149.142135624 0 H 10000 V 10000 H 0 V 149.142135624 C 0 146.489970726 1.0535684038 143.9464315962 2.928932188 142.071067812 L 142.071067812 2.928932188 C 143.9464315962 1.0535684038 146.489970726 0 149.142135624 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .about-img {
      --photo-cut-size: clamp(110px, 28cqi, 185px);
      clip-path: shape(from calc(var(--photo-cut-size) + 4.142135624px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 4.142135624px), curve to 2.928932188px calc(var(--photo-cut-size) - 2.928932188px) with 0px calc(var(--photo-cut-size) + 1.489970726px)/1.0535684038px calc(var(--photo-cut-size) - 1.0535684038px), line to calc(var(--photo-cut-size) - 2.928932188px) 2.928932188px, curve to calc(var(--photo-cut-size) + 4.142135624px) 0px with calc(var(--photo-cut-size) - 1.0535684038px) 1.0535684038px/calc(var(--photo-cut-size) + 1.489970726px) 0px, close);
    }
}
}
@media (min-width: 1400px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .about-img {
      border-radius: 10px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 189.142135624 0 H 10000 V 10000 H 0 V 189.142135624 C 0 186.489970726 1.0535684038 183.9464315962 2.928932188 182.071067812 L 182.071067812 2.928932188 C 183.9464315962 1.0535684038 186.489970726 0 189.142135624 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .about-img {
      --photo-cut-size: clamp(110px, 28cqi, 185px);
      clip-path: shape(from calc(var(--photo-cut-size) + 4.142135624px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 4.142135624px), curve to 2.928932188px calc(var(--photo-cut-size) - 2.928932188px) with 0px calc(var(--photo-cut-size) + 1.489970726px)/1.0535684038px calc(var(--photo-cut-size) - 1.0535684038px), line to calc(var(--photo-cut-size) - 2.928932188px) 2.928932188px, curve to calc(var(--photo-cut-size) + 4.142135624px) 0px with calc(var(--photo-cut-size) - 1.0535684038px) 1.0535684038px/calc(var(--photo-cut-size) + 1.489970726px) 0px, close);
    }
}
}
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .help-slide__img {
    border-radius: 14px;
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 85.7989898736 0 H 10000 V 10000 H 0 V 85.7989898736 C 0 82.0859590164 1.4749957653 78.5250042347 4.1005050632 75.8994949368 L 75.8994949368 4.1005050632 C 78.5250042347 1.4749957653 82.0859590164 0 85.7989898736 0 Z");
  }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .help-slide__img {
    --photo-cut-size: clamp(80px, 25cqi, 100px);
    clip-path: shape(from calc(var(--photo-cut-size) + 5.7989898736px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 5.7989898736px), curve to 4.1005050632px calc(var(--photo-cut-size) - 4.1005050632px) with 0px calc(var(--photo-cut-size) + 2.0859590164px)/1.4749957653px calc(var(--photo-cut-size) - 1.4749957653px), line to calc(var(--photo-cut-size) - 4.1005050632px) 4.1005050632px, curve to calc(var(--photo-cut-size) + 5.7989898736px) 0px with calc(var(--photo-cut-size) - 1.4749957653px) 1.4749957653px/calc(var(--photo-cut-size) + 2.0859590164px) 0px, close);
  }
}
@media (min-width: 768px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .help-slide__img {
      border-radius: 14px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 105.7989898736 0 H 10000 V 10000 H 0 V 105.7989898736 C 0 102.0859590164 1.4749957653 98.5250042347 4.1005050632 95.8994949368 L 95.8994949368 4.1005050632 C 98.5250042347 1.4749957653 102.0859590164 0 105.7989898736 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .help-slide__img {
      --photo-cut-size: clamp(80px, 25cqi, 100px);
      clip-path: shape(from calc(var(--photo-cut-size) + 5.7989898736px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 5.7989898736px), curve to 4.1005050632px calc(var(--photo-cut-size) - 4.1005050632px) with 0px calc(var(--photo-cut-size) + 2.0859590164px)/1.4749957653px calc(var(--photo-cut-size) - 1.4749957653px), line to calc(var(--photo-cut-size) - 4.1005050632px) 4.1005050632px, curve to calc(var(--photo-cut-size) + 5.7989898736px) 0px with calc(var(--photo-cut-size) - 1.4749957653px) 1.4749957653px/calc(var(--photo-cut-size) + 2.0859590164px) 0px, close);
    }
}
}
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .directions-block__img {
    border-radius: 16px;
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 106.6274169984 0 H 10000 V 10000 H 0 V 106.6274169984 C 0 102.3839531616 1.685709446 98.314290554 4.6862915008 95.3137084992 L 95.3137084992 4.6862915008 C 98.314290554 1.685709446 102.3839531616 0 106.6274169984 0 Z");
  }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .directions-block__img {
    --photo-cut-size: clamp(100px, calc(11.9vw + 53.6px), 145px);
    clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
  }
}
@media (min-width: 992px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .directions-block__img {
      border-radius: 16px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 106.6274169984 0 H 10000 V 10000 H 0 V 106.6274169984 C 0 102.3839531616 1.685709446 98.314290554 4.6862915008 95.3137084992 L 95.3137084992 4.6862915008 C 98.314290554 1.685709446 102.3839531616 0 106.6274169984 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .directions-block__img {
      --photo-cut-size: 100px;
      clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
    }
}
}
@media (min-width: 1200px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .directions-block__img {
      border-radius: 16px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 151.6274169984 0 H 10000 V 10000 H 0 V 151.6274169984 C 0 147.3839531616 1.685709446 143.314290554 4.6862915008 140.3137084992 L 140.3137084992 4.6862915008 C 143.314290554 1.685709446 147.3839531616 0 151.6274169984 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .directions-block__img {
      --photo-cut-size: 145px;
      clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
    }
}
}
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .team-card--main {
    border-radius: 16px;
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 66.6274169984 0 H 10000 V 10000 H 0 V 66.6274169984 C 0 62.3839531616 1.685709446 58.314290554 4.6862915008 55.3137084992 L 55.3137084992 4.6862915008 C 58.314290554 1.685709446 62.3839531616 0 66.6274169984 0 Z");
  }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .team-card--main {
    --photo-cut-size: clamp(60px, calc(10.753vw + 18.06px), 80px);
    clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
  }
}
@media (min-width: 576px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.home-2026 .team-card--main {
      border-radius: 16px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 86.6274169984 0 H 10000 V 10000 H 0 V 86.6274169984 C 0 82.3839531616 1.685709446 78.314290554 4.6862915008 75.3137084992 L 75.3137084992 4.6862915008 C 78.314290554 1.685709446 82.3839531616 0 86.6274169984 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.home-2026 .team-card--main {
      --photo-cut-size: clamp(60px, calc(10.753vw + 18.06px), 80px);
      clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
    }
}
}
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .specialist__image {
    border-radius: 16px;
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 101.6274169984 0 H 10000 V 10000 H 0 V 101.6274169984 C 0 97.3839531616 1.685709446 93.314290554 4.6862915008 90.3137084992 L 90.3137084992 4.6862915008 C 93.314290554 1.685709446 97.3839531616 0 101.6274169984 0 Z");
  }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .specialist__image {
    --photo-cut-size: clamp(95px, 28cqi, 155px);
    clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
  }
}
@media (min-width: 768px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .specialist__image {
      border-radius: 16px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 141.6274169984 0 H 10000 V 10000 H 0 V 141.6274169984 C 0 137.3839531616 1.685709446 133.314290554 4.6862915008 130.3137084992 L 130.3137084992 4.6862915008 C 133.314290554 1.685709446 137.3839531616 0 141.6274169984 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .specialist__image {
      --photo-cut-size: clamp(95px, 28cqi, 155px);
      clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
    }
}
}
@media (min-width: 1200px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .specialist__image {
      border-radius: 16px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 161.6274169984 0 H 10000 V 10000 H 0 V 161.6274169984 C 0 157.3839531616 1.685709446 153.314290554 4.6862915008 150.3137084992 L 150.3137084992 4.6862915008 C 153.314290554 1.685709446 157.3839531616 0 161.6274169984 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .specialist__image {
      --photo-cut-size: clamp(95px, 28cqi, 155px);
      clip-path: shape(from calc(var(--photo-cut-size) + 6.6274169984px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.6274169984px), curve to 4.6862915008px calc(var(--photo-cut-size) - 4.6862915008px) with 0px calc(var(--photo-cut-size) + 2.3839531616px)/1.685709446px calc(var(--photo-cut-size) - 1.685709446px), line to calc(var(--photo-cut-size) - 4.6862915008px) 4.6862915008px, curve to calc(var(--photo-cut-size) + 6.6274169984px) 0px with calc(var(--photo-cut-size) - 1.685709446px) 1.685709446px/calc(var(--photo-cut-size) + 2.3839531616px) 0px, close);
    }
}
}
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .proof__image--photoshoot {
    border-radius: 24px;
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 79.9411254976 0 H 10000 V 10000 H 0 V 79.9411254976 C 0 73.5759297424 2.528564169 67.471435831 7.0294372512 62.9705627488 L 62.9705627488 7.0294372512 C 67.471435831 2.528564169 73.5759297424 0 79.9411254976 0 Z");
  }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .proof__image--photoshoot {
    --photo-cut-size: clamp(70px, 26cqi, 195px);
    clip-path: shape(from calc(var(--photo-cut-size) + 9.9411254976px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 9.9411254976px), curve to 7.0294372512px calc(var(--photo-cut-size) - 7.0294372512px) with 0px calc(var(--photo-cut-size) + 3.5759297424px)/2.528564169px calc(var(--photo-cut-size) - 2.528564169px), line to calc(var(--photo-cut-size) - 7.0294372512px) 7.0294372512px, curve to calc(var(--photo-cut-size) + 9.9411254976px) 0px with calc(var(--photo-cut-size) - 2.528564169px) 2.528564169px/calc(var(--photo-cut-size) + 3.5759297424px) 0px, close);
  }
}
@media (min-width: 768px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .proof__image--photoshoot {
      border-radius: 24px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 149.9411254976 0 H 10000 V 10000 H 0 V 149.9411254976 C 0 143.5759297424 2.528564169 137.471435831 7.0294372512 132.9705627488 L 132.9705627488 7.0294372512 C 137.471435831 2.528564169 143.5759297424 0 149.9411254976 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .proof__image--photoshoot {
      --photo-cut-size: clamp(70px, 26cqi, 195px);
      clip-path: shape(from calc(var(--photo-cut-size) + 9.9411254976px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 9.9411254976px), curve to 7.0294372512px calc(var(--photo-cut-size) - 7.0294372512px) with 0px calc(var(--photo-cut-size) + 3.5759297424px)/2.528564169px calc(var(--photo-cut-size) - 2.528564169px), line to calc(var(--photo-cut-size) - 7.0294372512px) 7.0294372512px, curve to calc(var(--photo-cut-size) + 9.9411254976px) 0px with calc(var(--photo-cut-size) - 2.528564169px) 2.528564169px/calc(var(--photo-cut-size) + 3.5759297424px) 0px, close);
    }
}
}
@media (min-width: 1200px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .proof__image--photoshoot {
      border-radius: 24px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 204.9411254976 0 H 10000 V 10000 H 0 V 204.9411254976 C 0 198.5759297424 2.528564169 192.471435831 7.0294372512 187.9705627488 L 187.9705627488 7.0294372512 C 192.471435831 2.528564169 198.5759297424 0 204.9411254976 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .proof__image--photoshoot {
      --photo-cut-size: clamp(70px, 26cqi, 195px);
      clip-path: shape(from calc(var(--photo-cut-size) + 9.9411254976px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 9.9411254976px), curve to 7.0294372512px calc(var(--photo-cut-size) - 7.0294372512px) with 0px calc(var(--photo-cut-size) + 3.5759297424px)/2.528564169px calc(var(--photo-cut-size) - 2.528564169px), line to calc(var(--photo-cut-size) - 7.0294372512px) 7.0294372512px, curve to calc(var(--photo-cut-size) + 9.9411254976px) 0px with calc(var(--photo-cut-size) - 2.528564169px) 2.528564169px/calc(var(--photo-cut-size) + 3.5759297424px) 0px, close);
    }
}
}
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .remained__image {
    border-radius: 15px;
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 91.213203436 0 H 10000 V 10000 H 0 V 91.213203436 C 0 87.234956089 1.5803526056 83.4196473944 4.393398282 80.606601718 L 80.606601718 4.393398282 C 83.4196473944 1.5803526056 87.234956089 0 91.213203436 0 Z");
  }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .remained__image {
    --photo-cut-size: clamp(85px, 25cqi, 137px);
    clip-path: shape(from calc(var(--photo-cut-size) + 6.213203436px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.213203436px), curve to 4.393398282px calc(var(--photo-cut-size) - 4.393398282px) with 0px calc(var(--photo-cut-size) + 2.234956089px)/1.5803526056px calc(var(--photo-cut-size) - 1.5803526056px), line to calc(var(--photo-cut-size) - 4.393398282px) 4.393398282px, curve to calc(var(--photo-cut-size) + 6.213203436px) 0px with calc(var(--photo-cut-size) - 1.5803526056px) 1.5803526056px/calc(var(--photo-cut-size) + 2.234956089px) 0px, close);
  }
}
@media (min-width: 768px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .remained__image {
      border-radius: 15px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 126.213203436 0 H 10000 V 10000 H 0 V 126.213203436 C 0 122.234956089 1.5803526056 118.4196473944 4.393398282 115.606601718 L 115.606601718 4.393398282 C 118.4196473944 1.5803526056 122.234956089 0 126.213203436 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .remained__image {
      --photo-cut-size: clamp(85px, 25cqi, 137px);
      clip-path: shape(from calc(var(--photo-cut-size) + 6.213203436px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.213203436px), curve to 4.393398282px calc(var(--photo-cut-size) - 4.393398282px) with 0px calc(var(--photo-cut-size) + 2.234956089px)/1.5803526056px calc(var(--photo-cut-size) - 1.5803526056px), line to calc(var(--photo-cut-size) - 4.393398282px) 4.393398282px, curve to calc(var(--photo-cut-size) + 6.213203436px) 0px with calc(var(--photo-cut-size) - 1.5803526056px) 1.5803526056px/calc(var(--photo-cut-size) + 2.234956089px) 0px, close);
    }
}
}
@media (min-width: 1200px) {
@supports (clip-path: path("M0 0H1V1Z")) {
.service-page .remained__image {
      border-radius: 15px;
      -webkit-mask: none;
      mask: none;
      clip-path: path("M 143.213203436 0 H 10000 V 10000 H 0 V 143.213203436 C 0 139.234956089 1.5803526056 135.4196473944 4.393398282 132.606601718 L 132.606601718 4.393398282 C 135.4196473944 1.5803526056 139.234956089 0 143.213203436 0 Z");
    }
}
@supports (clip-path: shape(from 0px 0px, line to 1px 0px, close)) {
.service-page .remained__image {
      --photo-cut-size: clamp(85px, 25cqi, 137px);
      clip-path: shape(from calc(var(--photo-cut-size) + 6.213203436px) 0px, hline to 100%, vline to 100%, hline to 0px, vline to calc(var(--photo-cut-size) + 6.213203436px), curve to 4.393398282px calc(var(--photo-cut-size) - 4.393398282px) with 0px calc(var(--photo-cut-size) + 2.234956089px)/1.5803526056px calc(var(--photo-cut-size) - 1.5803526056px), line to calc(var(--photo-cut-size) - 4.393398282px) 4.393398282px, curve to calc(var(--photo-cut-size) + 6.213203436px) 0px with calc(var(--photo-cut-size) - 1.5803526056px) 1.5803526056px/calc(var(--photo-cut-size) + 2.234956089px) 0px, close);
    }
}
}

/* Header fill ends inside the rounded SVG corner, as in src-verstka/header.html. */
.header-middle__shape::before { inset: 0 33.75px 0 0; }
@media (min-width: 1100px) {
  .header--home .header-middle__shape::before,
  .header--inner .header-middle__shape::before { inset: 0 75px 0 0; }
}

.home-2026 .hero__shape {
  min-height: 140px;
  height: auto;
  aspect-ratio: 78 / 7;
  clip-path: inset(-20px 0 0);
}

/* Legacy main.css uses #hero { background-color: #fafafa }; the cut reveals this fill. */
.service-page #hero.hero { background-color: #fff; }

/* The line's axes use one scale so the diagonal stays at 45 degrees. */
.service-page .specialist::after,
.service-page .proof::after,
.service-page .remained {
  --sro-outline-width: max(128vw, 1200px);
  --sro-outline-height: calc(var(--sro-outline-width) * 132.79 / 2265.47);
}
.service-page .specialist::after,
.service-page .proof::after,
.service-page .remained::after {
  height: var(--sro-outline-height);
  background-size: var(--sro-outline-width) 100%;
}
.service-page .specialist::after { background-image: url('../images/specialist/outline.svg?v=45'); }
.service-page .proof::after { background-image: url('../images/proof/outline.svg?v=45'); }
.service-page .remained::after {
  top: calc(100% + 10px);
  bottom: auto;
  background-image: url('../images/specialist/outline.svg?v=45');
  background-position: calc(50% - max(0px, 20vw - 280px)) bottom;
}

@media (max-width: 991.98px) {
  .home-2026 .hero__shape,
  .home-2026 .about-line,
  .home-2026 .team-line,
  .service-page .hero__outline,
  .service-page .specialist::after,
  .service-page .proof::after,
  .service-page .remained::after { display: none; }
}
@media (min-width: 992px) {
  .home-2026 .about-line,
  .home-2026 .team-line { display: block; }
  .service-page .hero { overflow: visible; }
  .service-page .hero__outline {
    display: block;
    position: absolute;
    top: auto;
    bottom: -25px;
    left: 0;
    width: 100vw;
    height: auto;
    max-width: none;
    pointer-events: none;
  }
  .service-page .specialist::after,
  .service-page .proof::after,
  .service-page .remained::after { display: block; }
  .service-page .remained { margin-bottom: calc(var(--sro-outline-height) + 20px); }
}
@media (992px <= width < 1200px) {
  .service-page .hero__content { padding-bottom: 84px; }
}
@media (min-width: 1200px) {
  .service-page .hero {
    --sro-hero-outline-width: 100vw;
    --sro-hero-photo-edge-height: calc(100vw * 140 / 1200);
  }
  .service-page .hero__image,
  .service-page .hero__overlay {
    -webkit-mask-image: linear-gradient(#000 0 0), url('../images/hero/bottom-mask.svg?v=48');
    mask-image: linear-gradient(#000 0 0), url('../images/hero/bottom-mask.svg?v=48');
    -webkit-mask-position: 0 0, 0 100%;
    mask-position: 0 0, 0 100%;
    -webkit-mask-size: 100% calc(100% - var(--sro-hero-photo-edge-height) + 2px), var(--sro-hero-outline-width) var(--sro-hero-photo-edge-height);
    mask-size: 100% calc(100% - var(--sro-hero-photo-edge-height) + 2px), var(--sro-hero-outline-width) var(--sro-hero-photo-edge-height);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
}
