/* Bespoke editorial artwork for private legal intelligence. */
.hero-visual.hero-scene {
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dce2d6;
  border-radius: 16px;
  background: #fbfcf8;
  color: #193b31;
  box-shadow: 0 18px 45px #173b2e0a;
}
.hero-visual.hero-scene::before, .hero-visual.hero-scene::after { display: none; }
.hero-art-stage { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #112d22; }
.hero-intelligence-art { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.hero-scene-caption { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 24px; background: #fbfcf8; border-top: 1px solid #dfe5d9; }
.hero-scene .hero-scene-title { flex: 1; margin: 0; color: #2d4b38; font-size: 18px; font-weight: 600; line-height: 1.5; letter-spacing: -.4px; text-wrap: balance; }
.hero-scene-control { display: flex; align-items: center; gap: 7px; max-width: 150px; color: #627b51; font-size: 12px; line-height: 1.7; }
.hero-scene-control .icon { width: 14px; height: 14px; flex-shrink: 0; }
html:lang(ka) .hero-scene-title { font-size: 17px; line-height: 1.65; letter-spacing: -.02em; overflow-wrap: normal; }
html:lang(ka) .hero-scene-control { font-size: 12px; max-width: 145px; }
@media (max-width: 760px) {
  .hero-visual.hero-scene { max-width: 500px; border-radius: 13px; }
  .hero-scene-caption { padding: 19px 22px; }
}
@media (max-width: 480px) {
  .hero-scene-caption { flex-direction: column; align-items: flex-start; gap: 9px; padding: 19px 21px; }
  .hero-scene .hero-scene-title { font-size: 18px; text-wrap: initial; }
  html:lang(ka) .hero-scene-title { font-size: 16px; }
  .hero-scene-control, html:lang(ka) .hero-scene-control { max-width: none; font-size: 11px; }
}