/* Homepage statistics globe. */
.bkk-hero-grid--stats-globe { isolation: isolate; align-items: flex-start; }
/* Lift the whole hero in normal flow; content sets its height in every language. */
.bkk-hero-grid--stats-globe .bkk-hero-container { padding-block-start: clamp(32px, 3.4vw, 56px); }
.bkk-hero-grid--stats-globe .bkk-home-hero-copy { align-self: start; }
.bkk-hero-grid--stats-globe .bkk-orbit { display: none; }
.bkk-home-stat-stage { position: relative; isolation: isolate; align-self: center; }
.bkk-home-globe-field {
  position: absolute; z-index: -1; left: 52%; top: 49%;
  width: 150%; max-width: 1050px; aspect-ratio: 1;
  transform: translate(-50%, -50%); pointer-events: none;
  opacity: .72;
  -webkit-mask-image: radial-gradient(ellipse at 50% 48%, #000 40%, #000c 57%, transparent 73%);
  mask-image: radial-gradient(ellipse at 50% 48%, #000 40%, #000c 57%, transparent 73%);
}
.bkk-globe { position: relative; width: 100%; aspect-ratio: 1; contain: layout style; direction: ltr; }
.bkk-globe__stage { position: absolute; inset: 0; }
.bkk-globe__stage::before {
  content: ''; position: absolute; inset: 5%; pointer-events: none;
  background: radial-gradient(ellipse at 59% 48%, #10658c1c 0%, #104e6512 35%, transparent 69%);
}
.bkk-globe__canvas, .bkk-globe__overlay, .bkk-globe__fallback {
  display: block; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;
}
.bkk-globe__fallback { object-fit: contain; opacity: 1; visibility: visible; }
.bkk-globe__canvas, .bkk-globe__overlay { opacity: 0; }
.bkk-globe[data-ready="true"] .bkk-globe__canvas,
.bkk-globe[data-ready="true"] .bkk-globe__overlay { opacity: 1; transition: opacity .32s ease; }
.bkk-globe[data-ready="true"] .bkk-globe__fallback {
  opacity: 0; visibility: hidden; transition: opacity .32s ease, visibility 0s linear .32s;
}
.bkk-home-stat-stage .bkk-home-hero-stats {
  position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px; overflow: visible; border: 0; border-radius: 0 !important;
  background: transparent; box-shadow: none; backdrop-filter: none;
}
.bkk-home-stat-stage .bkk-home-stat {
  min-width: 0; min-height: 190px; padding: clamp(20px, 1.8vw, 29px);
  border: 1px solid #709eb52b; border-radius: 9px;
  background: linear-gradient(145deg, #081019cf, #060c14a3 60%, #050a11b8);
  backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px);
  box-shadow: inset 0 1px 0 #a5d4e708;
  transition: none;
}
.bkk-home-stat-stage .bkk-home-stat::before {
  top: -1px; inset-inline-start: 20px; width: 30px; height: 1px;
  background: linear-gradient(90deg, #80d4ec99, #80d4ec00);
}
.bkk-home-stat-stage .bkk-home-stat > :first-child {
  color: #9bb4c6; font-size: 10px; line-height: 1.65; letter-spacing: .105em;
  margin-bottom: 10px;
}
.bkk-home-stat-stage .bkk-home-stat > div:nth-child(2) {
  color: #eff7fb; font-size: clamp(32px, 2.7vw, 42px); line-height: 1.12;
  font-weight: 500; letter-spacing: -.05em; margin-bottom: 12px;
  text-shadow: 0 1px 10px #03070ccc; direction: ltr; unicode-bidi: isolate;
}
[dir="rtl"] .bkk-home-stat-stage .bkk-home-stat > div:nth-child(2) { text-align: right; }
.bkk-home-stat-stage .bkk-home-stat p { color: #b1becb; line-height: 1.75; text-shadow: 0 1px 5px #02070d; }
@media (min-width: 80rem) {
  .bkk-hero-grid--stats-globe .bkk-home-hero-layout { grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); gap: clamp(36px, 4vw, 68px); }
  .bkk-hero-grid--stats-globe .bkk-home-stat-stage { margin-block: 20px; }
}
@media (max-width: 79.999rem) {
  .bkk-home-stat-stage { width: min(100%, 760px); margin: 22px auto 40px; }
  .bkk-home-globe-field { width: 132%; max-width: 950px; }
}
@media (max-width: 47.999rem) {
  .bkk-home-stat-stage { margin-top: 24px; }
  .bkk-home-stat-stage .bkk-home-hero-stats { gap: 10px; }
  .bkk-home-stat-stage .bkk-home-stat { padding: 20px; min-height: 0; }
  .bkk-home-globe-field { width: 150%; max-width: 780px; opacity: .66; }
  .bkk-home-stat-stage .bkk-home-stat p { font-size: 12px; }
}
@media (max-width: 35.999rem) {
  .bkk-home-stat-stage .bkk-home-hero-stats { grid-template-columns: minmax(0, 1fr); }
  .bkk-home-stat-stage .bkk-home-stat { padding: 22px 24px; }
  .bkk-home-globe-field { width: 230%; max-width: 820px; top: 40%; opacity: .59; }
  .bkk-home-stat-stage .bkk-home-stat p { max-width: none; }
}
@media (forced-colors: active), print {
  .bkk-home-globe-field { display: none !important; }
  .bkk-home-stat-stage .bkk-home-stat { backdrop-filter: none; -webkit-backdrop-filter: none; background: Canvas; border-color: CanvasText; }
}
@media (prefers-reduced-motion: reduce) {
  .bkk-globe[data-ready="true"] :is(.bkk-globe__canvas, .bkk-globe__overlay, .bkk-globe__fallback) { transition: none; }
}
