/* Small accessibility additions; the original responsive layout is retained. */
html { scroll-behavior: smooth; }
h1.tn-atom { margin: 0; }
a:focus-visible, button:focus-visible { outline: 3px solid #3267e8; outline-offset: 5px; }

/* Case navigation stays available on the first screen without covering article text. */
#rec1861239261 .t396__artboard,
#rec1861239981 .t396__artboard,
#rec1860993871 .t396__artboard {
  transition: opacity .22s ease, transform .22s ease;
}

#rec1861239261.case-back-hidden .t396__artboard,
#rec1861239981.case-back-hidden .t396__artboard,
#rec1860993871.case-back-hidden .t396__artboard {
  opacity: 0 !important;
  transform: translate3d(0, -12px, 0) !important;
  pointer-events: none !important;
}

#allrecords .tn-elem[data-elem-type="button"] > a.tn-atom {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease,
    box-shadow .2s ease, transform .2s ease !important;
}

@media (hover: hover) {
  #allrecords .tn-elem[data-elem-type="button"] > a.tn-atom:not([href*="linkedin"]):hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .10);
  }
}

#allrecords .tn-elem[data-elem-type="button"] > a.tn-atom:active {
  transform: scale(.98);
}

@media (min-width: 640px) and (max-width: 1199px) {
  #rec1840507771 .t396__artboard,
  #rec1858021831 .t396__artboard,
  #rec1858444221 .t396__artboard,
  #rec1861207771 .t396__artboard {
    background: transparent !important;
  }

  #rec1840507771 .t396__artboard::before,
  #rec1858021831 .t396__artboard::before,
  #rec1858444221 .t396__artboard::before,
  #rec1861207771 .t396__artboard::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 10px;
    border-radius: 28px;
    background: #f6f6f6;
    pointer-events: none;
  }

  #rec1840507771 .tn-elem[data-elem-id="1769525745520"],
  #rec1858021831 .tn-elem[data-elem-id="1769879743067000004"],
  #rec1858444221 .tn-elem[data-elem-id="1769879743067000004"],
  #rec1861207771 .tn-elem[data-elem-id="1769879743067000004"] {
    display: none !important;
  }

  #rec1861239261 a[href="../"],
  #rec1861239981 a[href="../"],
  #rec1860993871 a[href="../"] {
    width: 44px !important;
    height: 44px !important;
    margin: -2px;
    border-radius: 50% !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  #rec1858021831 .t396__artboard,
  #rec1858021831 .t396__filter,
  #rec1858021831 .t396__carrier,
  #rec1858444221 .t396__artboard,
  #rec1858444221 .t396__filter,
  #rec1858444221 .t396__carrier,
  #rec1861207771 .t396__artboard,
  #rec1861207771 .t396__filter,
  #rec1861207771 .t396__carrier {
    height: calc(85.16vw + 20px) !important;
    min-height: calc(85.16vw + 20px) !important;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  #rec1858021831 .t396__artboard,
  #rec1858021831 .t396__filter,
  #rec1858021831 .t396__carrier,
  #rec1858444221 .t396__artboard,
  #rec1858444221 .t396__filter,
  #rec1858444221 .t396__carrier,
  #rec1861207771 .t396__artboard,
  #rec1861207771 .t396__filter,
  #rec1861207771 .t396__carrier {
    height: calc(69.58vw + 20px) !important;
    min-height: calc(69.58vw + 20px) !important;
  }
}

@media (max-width: 479px) {
  #rec1846548641 .tn-elem[data-elem-id="1769625300889000007"] .tn-atom {
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  #rec1858544031 .tn-elem[data-elem-id="1769897038883"] {
    height: 245px !important;
  }

  #rec1840507771 .tn-elem[data-elem-id="1769525745777"] .tn-atom {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  #allrecords[data-tilda-page-id="113859086"] .tn-elem[data-elem-type="button"] .tn-atom {
    font-size: 14px !important;
  }

  #rec1840507771 a[href*="linkedin"] {
    height: 44px !important;
    margin-top: -6px;
  }

  #rec1861239261 a[href="../"],
  #rec1861239981 a[href="../"],
  #rec1860993871 a[href="../"] {
    width: 44px !important;
    height: 44px !important;
    margin: -2px;
    border-radius: 50% !important;
  }
}

/* Compact case heroes on phones: the exported Tilda coordinates leave a
   large empty band between the copy and the preview and below the card. */
@media (max-width: 639px) {
  .adaptive-mobile-hero .t396__artboard {
    background: transparent !important;
  }

  .adaptive-mobile-hero .t396__artboard::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 10px;
    border-radius: 28px;
    background: #f6f6f6;
    pointer-events: none;
  }

  .adaptive-mobile-hero .tn-elem[data-elem-id="1769525745520"],
  .adaptive-mobile-hero .tn-elem[data-elem-id="1769879743067000004"] {
    display: none !important;
  }

  #rec1858021831 .t396__artboard,
  #rec1858021831 .t396__filter,
  #rec1858021831 .t396__carrier,
  #rec1858444221 .t396__artboard,
  #rec1858444221 .t396__filter,
  #rec1858444221 .t396__carrier,
  #rec1861207771 .t396__artboard,
  #rec1861207771 .t396__filter,
  #rec1861207771 .t396__carrier {
    height: 570px !important;
    min-height: 570px !important;
  }

  #rec1858021831 .tn-elem[data-elem-id="1769879743067000004"],
  #rec1858444221 .tn-elem[data-elem-id="1769879743067000004"],
  #rec1861207771 .tn-elem[data-elem-id="1769879743067000004"] {
    top: 10px !important;
    height: 540px !important;
  }

  #rec1858021831 .tn-elem[data-elem-id="1769879743068000019"],
  #rec1858444221 .tn-elem[data-elem-id="1769879743068000019"],
  #rec1861207771 .tn-elem[data-elem-id="1769879743068000019"] {
    top: 120px !important;
  }

  #rec1858021831 .tn-elem[data-elem-id="1769879743068000022"],
  #rec1858444221 .tn-elem[data-elem-id="1769879743068000022"],
  #rec1861207771 .tn-elem[data-elem-id="1769879743068000022"] {
    top: 235px !important;
  }

  #rec1858021831 .tn-elem[data-elem-id="1769880357975000001"],
  #rec1858444221 .tn-elem[data-elem-id="1769880357975000001"],
  #rec1861207771 .tn-elem[data-elem-id="1769880357975000001"] {
    top: 350px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  #allrecords .tn-elem[data-elem-type="button"] > a.tn-atom {
    transition: none !important;
  }
  #allrecords .tn-elem[data-elem-type="button"] > a.tn-atom:hover,
  #allrecords .tn-elem[data-elem-type="button"] > a.tn-atom:active {
    transform: none !important;
  }
}