/* Lander video library – scoped to this section, matching About/Showroom grid. */
.web366-landing-page-lc7x2qv.lavn-video-root .lavn-video-section { padding: 88px 0 96px; }
.web366-landing-page-lc7x2qv .lavn-video-grid { display:grid; grid-template-columns:repeat(var(--lavn-video-columns,3),minmax(0,1fr)); gap:24px; }
.web366-landing-page-lc7x2qv .lavn-video-card { min-width:0; margin:0; }
.web366-landing-page-lc7x2qv .lavn-video-card__button { width:100%; height:100%; display:flex; flex-direction:column; padding:0; text-align:left; background:#fff; color:inherit; border:1px solid var(--web366-line,#e3e2df); border-radius:2px; cursor:pointer; font:inherit; overflow:hidden; }
.web366-landing-page-lc7x2qv .lavn-video-card__button:hover { border-color:var(--web366-magenta,#c93a60); }
.web366-landing-page-lc7x2qv .lavn-video-card__media { width:100%; aspect-ratio:4/3; display:block; position:relative; overflow:hidden; background:var(--web366-paper,#f5f5f3); }
.web366-landing-page-lc7x2qv .lavn-video-card__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.web366-landing-page-lc7x2qv .lavn-video-card__button:hover img { transform:scale(1.035); }
.web366-landing-page-lc7x2qv .lavn-video-card__play { display:grid; place-items:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60px; height:60px; background:rgba(255,255,255,.93); color:var(--web366-magenta,#c93a60); box-shadow:0 4px 28px rgba(0,0,0,.16); border-radius:50%; font-size:20px; padding-left:4px; }
/* Titles use a two-line clamp instead of inheriting Elementor's nowrap button style. */
.web366-landing-page-lc7x2qv .lavn-video-card__copy { display:block; flex:1 1 auto; width:100%; max-width:100%; min-width:0; box-sizing:border-box; padding:19px 20px 22px; }
.web366-landing-page-lc7x2qv .lavn-video-card__title {
  display:-webkit-box;
  max-width:100%;
  min-width:0;
  min-height:2.9em;
  overflow:hidden;
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  font-weight:700;
  font-size:17px;
  line-height:1.45;
  color:var(--web366-ink,#2b2b2b);
}

.web366-landing-page-lc7x2qv .lavn-video-card__excerpt { display:-webkit-box; margin-top:8px; font-size:14px; line-height:1.6; color:var(--web366-muted,#5e5c5a); -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.web366-landing-page-lc7x2qv .lavn-video-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.web366-landing-page-lc7x2qv .lavn-video-filter { border:1px solid var(--web366-line,#e3e2df); border-radius:2px; padding:8px 14px; font-size:14px; font-weight:600; color:var(--web366-ink,#2b2b2b); }
.web366-landing-page-lc7x2qv .lavn-video-filter:hover,.web366-landing-page-lc7x2qv .lavn-video-filter.is-active { background:var(--web366-magenta,#c93a60); color:white; border-color:var(--web366-magenta,#c93a60); }
.web366-landing-page-lc7x2qv .lavn-video-pages { margin-top:38px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.web366-landing-page-lc7x2qv .lavn-video-page { display:grid; place-items:center; min-width:40px; height:40px; padding:4px 10px; border:1px solid var(--web366-line); color:var(--web366-ink); }
.web366-landing-page-lc7x2qv .lavn-video-page.is-active { background:var(--web366-magenta); color:#fff; }
.web366-landing-page-lc7x2qv .lavn-video-empty { color:var(--web366-muted); padding:25px 0; }
/* Native modal is outside document stacking contexts when open (top layer). */
.web366-landing-page-lc7x2qv dialog.lavn-video-modal { width:min(940px,calc(100vw - 28px)); max-width:none; max-height:calc(100dvh - 28px); padding:0; border:0; border-radius:3px; margin:auto; background:#171717; color:#fff; box-shadow:0 18px 80px rgba(0,0,0,.42); overflow:auto; }
.web366-landing-page-lc7x2qv dialog.lavn-video-modal::backdrop { background:rgba(0,0,0,.82); }
.web366-landing-page-lc7x2qv .lavn-video-modal__top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; }
.web366-landing-page-lc7x2qv .lavn-video-modal__title { font-size:15px; line-height:1.4; color:#fff; }
.web366-landing-page-lc7x2qv .lavn-video-modal__close { flex:none; cursor:pointer; display:grid; place-items:center; border:0; background:rgba(255,255,255,.14); color:#fff; border-radius:50%; width:36px; height:36px; font-size:27px; line-height:1; }
.web366-landing-page-lc7x2qv .lavn-video-modal__player { width:100%; aspect-ratio:16/9; background:#000; }
.web366-landing-page-lc7x2qv .lavn-video-modal__player iframe,.web366-landing-page-lc7x2qv .lavn-video-modal__player video { display:block; width:100%; height:100%; border:0; }
@media(max-width:1024px){ .web366-landing-page-lc7x2qv .lavn-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } }
@media(max-width:767px){ .web366-landing-page-lc7x2qv.lavn-video-root .lavn-video-section { padding:54px 0 64px; } .web366-landing-page-lc7x2qv .lavn-video-grid { grid-template-columns:repeat(var(--lavn-video-mobile-columns,2), minmax(0,1fr)); gap:12px; } .web366-landing-page-lc7x2qv .lavn-video-card__copy { padding:12px; } .web366-landing-page-lc7x2qv .lavn-video-card__title { font-size:14px; } .web366-landing-page-lc7x2qv .lavn-video-card__excerpt { font-size:12px; } .web366-landing-page-lc7x2qv .lavn-video-card__play { width:42px; height:42px; font-size:15px; } .web366-landing-page-lc7x2qv .lavn-video-modal__top { padding:10px; } }
@media(max-width:359px){ .web366-landing-page-lc7x2qv .lavn-video-grid { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce){ .web366-landing-page-lc7x2qv .lavn-video-card__media img { transition:none; } }

/* Source badge and social-video portrait player */
.web366-landing-page-lc7x2qv .lavn-video-card__source{display:block;margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--web366-magenta,#c93a60)}
.web366-landing-page-lc7x2qv .lavn-video-modal--portrait{width:min(560px,calc(100vw - 24px))}
.web366-landing-page-lc7x2qv .lavn-video-modal--portrait .lavn-video-modal__player{aspect-ratio:auto;height:min(75dvh,820px);max-height:820px;display:flex;align-items:center;justify-content:center;overflow:auto}
.web366-landing-page-lc7x2qv .lavn-video-modal--portrait .lavn-video-modal__player iframe{height:100%;width:100%}
.web366-landing-page-lc7x2qv .lavn-video-modal__player .instagram-media{margin:12px auto!important;flex:0 0 min(100%,540px);min-width:0!important}
.web366-landing-page-lc7x2qv .lavn-video-modal__fallback{padding:10px 16px 14px;margin:0;font-size:12px;line-height:1.55;color:#d9d9d9;text-align:center}
.web366-landing-page-lc7x2qv .lavn-video-modal__external{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.web366-landing-page-lc7x2qv .lavn-video-modal--portrait .lavn-video-modal__player{height:min(74dvh,720px)}.web366-landing-page-lc7x2qv .lavn-video-modal__fallback{font-size:11px}}

/* Keep long modal headings readable without pushing the close control offscreen. */
.web366-landing-page-lc7x2qv .lavn-video-modal__title { min-width:0; overflow-wrap:anywhere; white-space:normal; }

/* Neutral placeholder when TikTok does not publish a cover through oEmbed. */
.web366-landing-page-lc7x2qv .lavn-video-card__placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,#151515,#37313a 70%,#171717); color:#fff; font-weight:800; font-size:clamp(17px,2vw,26px); letter-spacing:.14em; }

/* v1.3.43: Popup header: close X stays pinned to top-right even with long titles.
   Keep the title collapsed by default and expose an independent expand/collapse link.
   Specific rules reset Elementor/theme button styles inside native <dialog>. */
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__top {
  display:grid;
  position:sticky;
  top:0;
  z-index:3;
  grid-template-columns:minmax(0,1fr) 40px;
  align-items:start;
  gap:12px;
  box-sizing:border-box;
  width:100%;
  padding:14px 16px;
  background:#171717;
}
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__heading {
  min-width:0;
  max-width:100%;
}
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  max-height:2.9em;
  overflow:hidden;
  white-space:normal;
  overflow-wrap:anywhere;
  font-size:15px;
  line-height:1.45;
  font-weight:700;
  color:#fff;
}
.web366-landing-page-lc7x2qv dialog.lavn-video-modal.lavn-video-modal--title-expanded .lavn-video-modal__title {
  display:block;
  max-height:none;
  overflow:visible;
  -webkit-line-clamp:unset;
  line-clamp:unset;
}
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__more {
  display:inline-flex;
  box-sizing:border-box;
  align-items:center;
  width:auto;
  min-width:0;
  min-height:28px;
  padding:2px 0;
  margin:4px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#ffa5bf;
  font:inherit;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__more[hidden] { display:none!important; }
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__more:hover,
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__more:focus-visible { color:#fff; }
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__close {
  position:relative;
  inset:auto;
  grid-column:2;
  grid-row:1;
  justify-self:end;
  align-self:start;
  display:grid;
  place-items:center;
  flex:none;
  box-sizing:border-box;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__close svg {
  display:block;
  width:18px;
  height:18px;
  flex:none;
}
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__close:hover,
.web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__close:focus-visible {
  background:rgba(255,255,255,.3);
}
@media (max-width:767px) {
  .web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__top {
    grid-template-columns:minmax(0,1fr) 36px;
    gap:10px;
    padding:12px;
  }
  .web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__close {
    width:36px;
    min-width:36px;
    height:36px;
    min-height:36px;
  }
  .web366-landing-page-lc7x2qv dialog.lavn-video-modal .lavn-video-modal__title { font-size:14px; }
}