/* BANKIT 2026 release 102 */
.hero-badge-mark {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 16px;
}
.hero-badge-mark svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.map-canvas-floor { fill: #f7f5f3; }
.map-tile { opacity: .18; }
.map-service-object--floor rect { stroke: #c9c7c4; stroke-width: 2; }
.map-service-object--stair rect { stroke-width: 2; }
.map-service-object--stair path { fill: none; stroke: #9b9693; stroke-width: 1.5; }
.map-service-object--plant ellipse { stroke: rgba(45,88,43,.28); stroke-width: 1.5; }
.map-service-object--greenery rect,
.map-service-object--coffee rect { stroke: #f6f0ec; stroke-width: 3; }
.map-service-object--greenery path { fill: rgba(0,74,38,.55); stroke: none; }
.exhibition-map-svg { aspect-ratio: 760 / 900; min-width: 620px; }
.exhibition-map-scroller { background: #f7f5f3 !important; }

@media (max-width: 760px) {
  .hero {
    min-height: auto !important;
    align-items: flex-start !important;
    padding-top: 28px !important;
    padding-bottom: 38px !important;
  }
  .hero-content { margin-top: 0 !important; }
  .hero-badge { margin-bottom: 20px !important; }
  .hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    max-width: none !important;
  }
  .hero-stat { text-align: center !important; }
  .hero-stat-value {
    font-size: clamp(1.85rem, 8vw, 2.35rem) !important;
    line-height: 1 !important;
    margin-bottom: 7px !important;
  }
  .hero-stat-label {
    font-size: clamp(.78rem, 3.2vw, .92rem) !important;
    line-height: 1.22 !important;
    color: #b996a7 !important;
  }
  .hero-scroll { display: none !important; }
  .exhibition-map-svg { min-width: 600px; }
}


/* BANKIT 2026 release 111: performance pass */
.bankit-section-orb { display: none !important; }
.bg-orb {
  animation: none !important;
  will-change: auto !important;
  filter: blur(52px) !important;
}
.header {
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
@supports (content-visibility: auto) {
  main > section:not(.hero) {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
  }
}
@media (max-width: 760px) {
  .bg-orb { filter: blur(34px) !important; }
  .bg-orb-2, .bg-orb-3 { display: none !important; }
  .header {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }
}