/* Behaviour styles for the static build. Page styling stays inline, as authored on the canvas. */
[hidden] { display: none !important; }

.lt-carousel { --pv: 3; }
@media (max-width: 900px) { .lt-carousel { --pv: 2; } }
@media (max-width: 560px) { .lt-carousel { --pv: 1; } }
.lt-slide { flex: 0 0 calc((100% - (var(--pv) - 1) * 16px) / var(--pv)); }
.lt-carousel button:disabled { opacity: 0.4; cursor: default; }
.lt-carousel button:focus-visible,
.lt-lightbox button:focus-visible { outline: 2px solid #2446D8; outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { .lt-track { transition: none !important; } }

/* Case-study headlines are 52px on the canvas; scale them down on phones. */
@media (max-width: 560px) { h1 { font-size: 36px !important; line-height: 1.12 !important; } }

/* Menu */
.lt-menu-btn:hover { background: #2B2B29 !important; }
.lt-menu-btn:focus-visible { outline: 2px solid #2446D8; outline-offset: 2px; }
@media (hover: none) {
  .lt-menu-btn { padding: 0 18px !important; }
  .lt-menu-btn kbd { display: none !important; }
}
.lt-menu-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding: 0 12px; border-radius: 8px; color: #141414 !important; font-size: 15px; font-weight: 500; text-decoration: none; }
.lt-menu-item.is-active { background: #F1F1EE; }