/* Static entrypoint. Source styles live in src/styles/app.css. */
@import url("./src/styles/app.css?v=20260615-service-caption-width-1");
@import url("./src/styles/system.css?v=20260604-icons-1");
@import url("./src/styles/liquid-glass.css?v=20260615-service-caption-width-1");

@media (max-width: 767.98px) {
  body .site-header:not(#vr-mobile-header-radius-a):not(#vr-mobile-header-radius-b):not(#vr-mobile-header-radius-c) {
    left: 0 !important;
    width: 100vw !important;
    padding-inline: 30px !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  body .site-header:not(#vr-mobile-header-radius-a):not(#vr-mobile-header-radius-b):not(#vr-mobile-header-radius-c)::before,
  body .site-header:not(#vr-mobile-header-radius-a):not(#vr-mobile-header-radius-b):not(#vr-mobile-header-radius-c)::after {
    inset: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  body .hero-kicker:not(#vr-mobile-hero-kicker-gap-a) {
    margin-top: 12px !important;
  }
}

@media (max-width: 379.98px) {
  body .site-header:not(#vr-mobile-header-radius-a):not(#vr-mobile-header-radius-b):not(#vr-mobile-header-radius-c) {
    padding-inline: 30px 26px !important;
  }
}

@media (max-width: 767.98px) {
  body #quiz .quiz-board-aside:not(#vr-quiz-bonus-a):not(#vr-quiz-bonus-b):not(#vr-quiz-bonus-c) {
    overflow: hidden !important;
    background: var(--vr-light-muted) !important;
  }

  body #quiz .quiz-aside-image:not(#vr-quiz-bonus-image-a):not(#vr-quiz-bonus-image-b),
  body #quiz .quiz-aside-image img:not(#vr-quiz-bonus-image-a):not(#vr-quiz-bonus-image-b) {
    border-radius: 20px 20px 0 0 !important;
  }

  body #quiz .quiz-aside-content:not(#vr-quiz-bonus-copy-a):not(#vr-quiz-bonus-copy-b) {
    border-radius: 0 0 20px 20px !important;
    background: transparent !important;
  }
}

@media (min-width: 992px) {
  body #quiz .quiz-board-aside:not(#vr-quiz-bonus-join-a) {
    overflow: hidden !important;
  }

  body #quiz .quiz-aside-image:not(#vr-quiz-bonus-join-a),
  body #quiz .quiz-aside-image img:not(#vr-quiz-bonus-join-a) {
    border-radius: var(--vr-unified-radius) var(--vr-unified-radius) 0 0 !important;
  }

  body #quiz .quiz-aside-content:not(#vr-quiz-bonus-join-a) {
    border-radius: 0 0 var(--vr-unified-radius) var(--vr-unified-radius) !important;
  }

  body #services .service-panel:not(#vr-service-media-join-a) {
    overflow: hidden !important;
    gap: 0 !important;
  }

  body #services .service-panel-copy:not(#vr-service-media-join-a) {
    border-radius: var(--vr-unified-radius) 0 0 var(--vr-unified-radius) !important;
  }

  body #services .service-panel-media:not(#vr-service-media-join-a) {
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #services .service-panel-media:not(#vr-service-media-radius-a),
  body #services .service-panel-media img:not(#vr-service-media-radius-a) {
    border-radius: 0 var(--vr-unified-radius) var(--vr-unified-radius) 0 !important;
  }

  body #services .service-panel-media::after {
    border-radius: 0 var(--vr-unified-radius) var(--vr-unified-radius) 0 !important;
  }
}

body #team .team-member-photo:not(#vr-team-photo-radius-a) {
  border-radius: var(--vr-unified-radius) var(--vr-unified-radius) 0 0 !important;
}

body {
  --vr-liquid-light-glass:
    linear-gradient(115deg, rgba(255, 255, 255, .46), rgba(255, 255, 255, .14) 40%, rgba(255, 255, 255, .32) 72%, rgba(255, 255, 255, .1)),
    rgba(255, 255, 255, .08);
  --vr-liquid-light-glass-border:
    linear-gradient(112deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .12) 34%, rgba(255, 255, 255, .4) 62%, rgba(23, 21, 18, .08)) border-box,
    linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(23, 21, 18, .035)) border-box;
}

body .site-header.is-on-light:not(#vr-liquid-light-a) {
  --vr-header-tint: var(--vr-liquid-light-glass) !important;
}

body .quick-actions.is-on-light:not(#vr-liquid-light-a),
body #services .service-kicker:not(#vr-liquid-light-a),
body #services .service-panel-meta:not(#vr-liquid-light-a),
body #reviews.reviews-section .yandex-rating-card:not(#vr-liquid-light-a),
body #reviews.reviews-section .yandex-panel-link-rating:not(#vr-liquid-light-a) {
  background: var(--vr-liquid-light-glass) !important;
  backdrop-filter: blur(28px) saturate(1.72) contrast(1.04) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.72) contrast(1.04) !important;
}

body #services .service-kicker:not(#vr-liquid-light-a)::after,
body #services .service-panel-meta:not(#vr-liquid-light-a)::after {
  background: var(--vr-liquid-light-glass-border) !important;
}

body .quick-actions.is-on-light .quick-action-button:not(#vr-liquid-light-a),
body .quick-actions.is-on-light .quick-action-button:hover:not(#vr-liquid-light-a),
body .quick-actions.is-on-light .quick-action-button:focus-visible:not(#vr-liquid-light-a),
body .quick-actions.is-on-light .quick-action-button.is-active:not(#vr-liquid-light-a) {
  background: var(--vr-liquid-light-glass) !important;
}

@media (max-width: 767.98px) {
  body .portfolio-rail:not(#vr-mobile-rail-peek-a),
  body .video-rail:not(#vr-mobile-rail-peek-a) {
    gap: 12px !important;
    padding-right: 0 !important;
    scroll-padding-inline: 0 !important;
  }

  body .portfolio-rail .project-card:not(#vr-mobile-rail-peek-a),
  body .portfolio-rail .project-card:first-child:not(#vr-mobile-rail-peek-a) {
    width: calc(80% - 10px) !important;
    min-width: 0 !important;
    max-width: calc(80% - 10px) !important;
    flex: 0 0 calc(80% - 10px) !important;
  }

  body .reels-showcase .video-rail:not(#vr-mobile-rail-peek-a) {
    grid-auto-columns: calc(80% - 10px) !important;
  }

  body .video-rail .reel-card:not(#vr-mobile-rail-peek-a) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: initial !important;
  }

  body #services .service-media-caption:not(#vr-mobile-service-caption-width-a) {
    width: min(156px, calc(100% - 36px)) !important;
    max-width: calc(100% - 36px) !important;
  }
}