/* Integration only. The three original Altrum stylesheets remain unchanged. */
.item-flex > .plus-icon { flex: 0 0 13px; width: 13px; height: 13px; }
.item-flex > .plus-icon > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.item-flex > .plus-icon { align-self: flex-start; font-size: var(--font--work-title); line-height: var(--line-height--paragraph-line-height); margin-top: calc((1lh - 13px) / 2); }
@media (max-width: 767px) {
  .item-flex > .p-no-bottom,
  .item-flex > .plus-icon { font-size: 16px; line-height: 1.45; }
}
.leenui-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.leenui-client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
.leenui-testimonial-toggle, .leenui-mobile-testimonial { display: none; }
@media (max-width: 767px) {
  #consultation-modal input.field-main, #consultation-modal textarea.field-main { font-size: 16px; }
  .section.for-work .work-card { height: auto; position: relative; top: auto; }
  .section.for-work .work-card-link, .section.for-work .main-image { height: auto; }
  .section.for-work .image-bacgkround { display: block; position: static; width: 100%; height: auto; object-fit: contain; }
  .section.for-work .text-info-bottom { position: static; padding: 18px 0 28px; }
  .leenui-client-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .leenui-testimonial-toggle { display: block; position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; padding: 0; border: 0; border-radius: inherit; background: transparent; color: inherit; cursor: pointer; }
  .leenui-testimonial-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
  .leenui-weiske-card .clients-small-blog { display: block; }
  .leenui-weiske-card .absolute-bottom { pointer-events: none; }
  .leenui-mobile-testimonial:not([hidden]) { display: flex; flex-direction: column; gap: 20px; margin-top: 8px; padding: 23px; border-radius: 10px; background: #181818; }
  .leenui-mobile-testimonial .small-tessti { font-size: 16px; line-height: 1.55; }
  .footer-grid .max-left > .divider-xxl { display: none; }
  .footer-grid > .small-vt-flex { width: 100%; }
  .footer-grid .small-vt-flex > .copywrith-dark { margin-top: 20px; position: static; }
}
@media (min-width: 768px) {
  .footer-grid .small-vt-flex { position: relative; }
  .footer-grid .small-vt-flex .copywrith-dark { position: absolute; right: 0; bottom: 0; }
}
.navigation-top .hamburger-wrapper { position: relative; }
.navigation-top .hamburger-wrapper::before { content: ""; position: absolute; inset: -18px; cursor: pointer; }
html { scrollbar-gutter: stable; }
html.leenui-dialog-open,
html.leenui-dialog-open.lenis.lenis-stopped { overflow: hidden; }
.leenui-dialog { width: min(680px, calc(100% - 32px)); max-height: 90dvh; margin: auto; padding: 32px; border: 1px solid #333; border-radius: 10px; background: var(--colors--fourth-color); color: var(--colors--first-color); font-family: var(--font--primary-font); box-sizing: border-box; }
.leenui-dialog::backdrop { background: #0009; backdrop-filter: blur(8px); }
.leenui-dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.leenui-dialog-heading .h1 { font-size: 2rem; }
#consultation-modal { width: min(880px, calc(100% - 32px)); padding: 36px; background: #181818; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #555 #181818; }
#consultation-modal .leenui-dialog-heading { margin-bottom: 18px; gap: 16px; }
#consultation-modal #modal-title { font-size: clamp(2rem, 4.5vw, 3.25rem); line-height: 1.1; letter-spacing: -0.045em; font-weight: 600; }
#consultation-modal #modal-title:focus { outline: none; }
#consultation-modal .leenui-dialog-close:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#consultation-modal .leenui-dialog-close { flex: 0 0 44px; width: 44px; height: 44px; margin: -8px -8px 0 0; }
#consultation-modal > p { max-width: 660px; margin-bottom: 26px; line-height: 1.5; }
#consultation-modal .leen-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 28px; border-radius: 8px; background: #262626; }
#consultation-modal .leen-form > * { min-width: 0; }
#consultation-modal .form-group { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 0; }
#consultation-modal .form-group:has(#contact-email), #consultation-modal .form-group:has(#contact-phone) { grid-column: auto; }
#consultation-modal .field-main { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; font: inherit; font-size: 14px; }
#consultation-modal textarea.field-main { resize: vertical; }
#consultation-modal .field-main:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#consultation-modal[data-focus-input="pointer"] .field-main:focus { outline: none; }
#consultation-modal .form-privacy-note { grid-column: 1 / -1; grid-row: 4; margin: 0; line-height: 1.5; }
#consultation-modal .contact-turnstile { grid-column: 1 / -1; margin: 0; }
#consultation-modal .btn-submit { grid-column: 1 / -1; justify-self: start; width: auto; min-height: 48px; padding: 12px 24px; }
@media (max-width: 600px) {
  #consultation-modal { padding: 22px; }
  #consultation-modal .leen-form { grid-template-columns: minmax(0, 1fr); padding: 20px; }
  #consultation-modal .form-group:has(#contact-email), #consultation-modal .form-group:has(#contact-phone) { grid-column: 1 / -1; }
  #consultation-modal .form-privacy-note { grid-row: 5; }
}
.leenui-dialog-close { background: transparent; color: inherit; border: 0; padding: 0 4px; font-size: 30px; line-height: 1; cursor: pointer; }
.leen-form .form-group { grid-template-columns: 1fr; margin-block: 18px; }
.leen-form .form-trap { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.leen-form label { font-weight: 500; margin: 0; }
.leen-form .form-privacy-note { margin-top: 24px; }
.leen-form .form-error { color: #ffa1a4; font-size: 13px; }
#consultation-modal.is-success { width: min(560px, calc(100% - 32px)); }
#consultation-modal.is-success > .leenui-dialog-heading,
#consultation-modal.is-success > p,
#consultation-modal.is-success > form { display: none; }
.leenui-contact-success[hidden], .leenui-submit-error[hidden] { display: none; }
.leenui-contact-success { padding: 24px 0 12px; text-align: center; }
.leenui-success-icon { display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto 24px; border: 1px solid #79dca0; border-radius: 50%; background: #79dca014; color: #79dca0; }
.leenui-success-icon svg { width: 48px; height: 48px; }
.leenui-contact-success h2 { margin: 0 0 16px; font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: 1.15; letter-spacing: -.035em; }
.leenui-contact-success h2:focus { outline: none; }
.leenui-contact-success p { margin: 0 auto 28px; max-width: 380px; line-height: 1.6; }
.leenui-contact-success button { min-height: 48px; cursor: pointer; }
.leenui-contact-success button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.leenui-submit-error { grid-column: 1 / -1; margin: 0; }
.leen-form .has-error { outline: 1px solid #fa242a; }
.leen-form .contact-turnstile[hidden] { display: none; }
.leen-form .contact-turnstile { margin-block: 18px; }
.leen-form .btn-submit { cursor: pointer; }
.leenui-exit-dialog { max-width: 450px; }
.leenui-exit-dialog h2 { margin-top: 0; }
.leenui-exit-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 25px; }
.leenui-legal { max-width: 850px; margin-inline: auto; padding: 180px 24px 100px; }
.leenui-legal h1 { font-size: clamp(2.4rem, 6vw, 4rem); margin-bottom: 45px; }
.leenui-legal h2 { font-size: 1.6rem; margin-top: 40px; }
.leenui-legal h3 { font-size: 1.25rem; margin-top: 28px; }
.leenui-legal h4 { font-size: 1.1rem; margin-top: 24px; }
.leenui-legal p, .leenui-legal li { line-height: 1.6; }
@media(max-width:479px) { .leenui-dialog { padding: 22px; } .leenui-dialog-heading .h1 { font-size: 1.6rem; } }