/* === BASE Accessibility: Skip-to-content === */
.skip-to-content {
      position: absolute;
        top: -100px;
          left: 50%;
            transform: translateX(-50%);
              background: #1A1817;
                color: #FFFFFF;
                  padding: 12px 24px;
                    z-index: 99999;
                      font-family: 'Involve', Arial, sans-serif;
                        font-size: 16px;
                          text-decoration: none;
                            border-radius: 0 0 8px 8px;
                              transition: top 0.2s ease;
                              }
                              .skip-to-content:focus {
                                    top: 0;
                                      outline: 3px solid #F23435;
                                        outline-offset: 2px;
                                        }
                                        
                                        /* === BASE Accessibility: Focus Indicators === */
                                        a:focus-visible,
                                        button:focus-visible,
                                        input:focus-visible,
                                        select:focus-visible,
                                        textarea:focus-visible,
                                        [tabindex]:focus-visible {
                                              outline: 3px solid #F23435;
                                                outline-offset: 2px;
                                                }
                                                a:focus:not(:focus-visible),
                                                button:focus:not(:focus-visible) {
                                                      outline: none;
                                                      }
                                                }
                                        }
                              }
}

/* === Fix: Hide desktop hero on mobile (duplicate rec1898453861) === */
@media screen and (max-width: 640px) {
  #allrecords #rec1866856141,
  #rec1866856141.r.t-rec {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* === BASE: CLS fix v6.0 (cookie banner via transform â no layout shift on expand) === */
/* Container is fixed in corner */
.t972, .t972.t972_widgetview {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  left: auto !important;
  z-index: 999999 !important;
}
/* Cookie banner: pre-render with scale=0 so expansion doesn't change layout. position:absolute removes it from .t972 size calc */
.t972 .t972__banner {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  display: block !important;
  transform: scale(0) !important;
  transform-origin: bottom right !important;
  transition: transform 0.3s ease !important;
  pointer-events: none !important;
  opacity: 0;
}
/* When Tilda adds _show class via JS, scale up via transform â Chrome doesn't count this as layout shift */
.t972 .t972__banner.t972__banner_show {
  transform: scale(1) !important;
  pointer-events: auto !important;
  opacity: 1;
}
/* Reserve space for known images that load lazily on homepage */
img.tn-atom__img[data-original*="Vector_234248729"],
img.tn-atom__img[src*="Vector_234248729"] {
  aspect-ratio: 160 / 163;
  min-height: 1px;
}
img.tn-atom__img[data-original*="2BASE.svg"],
img.tn-atom__img[src*="2BASE.svg"] {
  aspect-ratio: 72 / 26;
  min-height: 1px;
}
