/* Native case copy and isolated Figma artwork. No JavaScript layout dependency. */
@font-face {
  font-family: 'TikTok Sans';
  src: url('/assets/fonts/tiktok-sans-variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
[data-figma-static="baev-native-case"],
[data-figma-static="baev-native-case"] * { box-sizing: border-box; border-width: 0; border-style: solid; }
[data-figma-static="baev-native-case"] :is(p,h1,h2,h3,h4,h5,h6,figure,blockquote,ul,ol) { margin: 0; padding: 0; }
[data-figma-static="baev-native-case"] :is(h1,h2,h3,h4,h5,h6) { font-size: inherit; font-weight: inherit; }
[data-figma-static="baev-native-case"] :is(img,svg,video,canvas) { display: block; vertical-align: middle; }
[data-figma-static="baev-native-case"] :is(img,video) { max-width: 100%; height: auto; }
[data-figma-static="baev-native-case"] a { color: inherit; text-decoration: inherit; }
.baev-case,
.baev-case * { box-sizing: border-box; }
.baev-case {
  width: 100%;
  min-width: 0;
  overflow: clip;
  isolation: isolate;
  color: #191b1d;
  background-image: linear-gradient(var(--case-opening-bg,transparent),var(--case-opening-bg,transparent));
  background-repeat: no-repeat;
  background-size: 100% 111px;
  -webkit-text-size-adjust: 100%;
}
.baev-case :is(p,h1,h2,h3,h4,h5,h6,figure,blockquote) { margin: 0; }
.baev-case-row {
  --baev-row-gap: var(--source-gap,0px);
  position: relative;
  display: grid;
  grid-template-columns: 319px minmax(0,1fr);
  column-gap: 30px;
  padding: var(--baev-row-gap) 32px 0 30px;
  min-width: 0;
  container-type: inline-size;
  isolation: isolate;
}
.baev-case-row > :not(.baev-case-background) {
  position: relative;
  z-index: 1;
  grid-column: 2;
  min-width: 0;
}
.baev-case-row--hero > .baev-case-intro { grid-column: 1; grid-row: 1; }
.baev-case-row--hero > [data-case-scene] { grid-row: 1; }
.baev-case-intro { align-self: start; width: 100%; }
.baev-case-intro * { max-width: 100%; }
.baev-case-title { overflow-wrap: break-word; }
.baev-case-intro-copy { overflow-wrap: break-word; }
.baev-case-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  container-type: inline-size;
}
.baev-case-caption {
  min-height: var(--source-caption-height,0px);
  min-width: 0;
  width: 100%;
}
.baev-case-caption--pair { display: grid; grid-template-columns: minmax(0,668fr) minmax(0,491fr); gap: 30px; align-items: start; }
.baev-case-caption--stack { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.baev-case-caption--end { align-items: flex-end; }
.baev-case-caption-body { min-width: 0; }
.baev-case-caption :is(h2,p) { min-width: 0; overflow-wrap: break-word; }
.baev-case-art {
  width: 100%;
  min-width: 0;
  position: relative;
  container-type: inline-size;
}
.baev-case-art-canvas { margin: 0; }
.baev-case-row--full { display: block; padding-inline: 0; }
.baev-case-art--full { overflow: clip; }
.baev-case-slider {
  display: flex;
  gap: 20px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 0;
  scrollbar-width: none;
  padding-bottom: 0;
  -webkit-overflow-scrolling: touch;
}
.baev-case-slider::-webkit-scrollbar { display: none; }
.baev-case-slide { flex: 0 0 70.815812%; min-width: 0; scroll-snap-align: start; }
.baev-case-slider:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.baev-case-tail { position: relative; height: var(--source-tail,0px); container-type: inline-size; }
@media (max-width: 1000px) {
  .baev-case-row { grid-template-columns: 250px minmax(0,1fr); column-gap: 24px; padding-inline: 24px; }
  .baev-case-row--full { padding-inline: 0; }
  .baev-case-caption--pair { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .baev-case-caption { min-height: 0; }
}
@media (max-width: 800px) {
  .baev-case { padding-top: 96px !important; background-size: 100% 96px; }
  .baev-case-row { --baev-row-gap: min(var(--source-gap,0px),48px); display: flex; flex-direction: column; gap: 0; padding: var(--baev-row-gap) 16px 0; }
  .baev-case-row--hero { gap: 36px; }
  .baev-case-row > :not(.baev-case-background) { width: 100%; }
  .baev-case-intro { max-width: 520px; }
  .baev-case-intro :is(h1,h2) { font-size: 34px !important; line-height: 1.08 !important; letter-spacing: -.68px !important; }
  .baev-case-intro-copy { font-size: 16px !important; line-height: 1.3 !important; }
  .baev-case-caption-title { font-size: 30px !important; line-height: 1.1 !important; letter-spacing: -.6px !important; }
  .baev-case-caption-copy { font-size: 17px !important; line-height: 1.3 !important; }
  .baev-case-caption { min-height: 0; }
  .baev-case-caption--pair { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .baev-case-row--full { padding-inline: 16px; }
  .baev-case-art--full { --baev-art-base: 1189 !important; aspect-ratio: 1189 / var(--baev-art-height) !important; }
  .baev-case-art--full > .baev-case-art-canvas { left: calc(-37900cqw / 1189) !important; }
  .baev-case-slider { gap: 16px; }
  .baev-case-slide { flex-basis: 90%; }
  .baev-case-tail { height: min(var(--source-tail,0px),48px); }
}