/* BETONINIAI · Arch Lab polish V2 · 2026-10-08 · international parity */
#technologija .step strong,
#technologija .step small {
  display: block;
}

#technologija .step strong {
  margin-bottom: 0.28rem;
  line-height: 1.15;
}

#technologija .step small {
  line-height: 1.55;
}

.shell-section-v1 {
  --shell-ink: #eff8ef;
  --shell-muted: #aec3b4;
  position: relative;
  margin: clamp(2.3rem, 6vw, 5rem) 0 0;
  padding: clamp(1.15rem, 3vw, 2rem);
  overflow: hidden;
  border: 1px solid rgba(188, 213, 195, 0.24);
  border-radius: clamp(1.25rem, 2.5vw, 2rem);
  background:
    radial-gradient(circle at 92% 0%, rgba(183, 210, 116, 0.12), transparent 34%),
    linear-gradient(145deg, #10241c 0%, #0b1813 56%, #0e2119 100%);
  box-shadow: 0 30px 80px rgba(8, 22, 16, 0.2);
  color: var(--shell-ink);
}

.shell-section-v1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.13;
  background-image:
    linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 58%);
}

.shell-section-v1__head,
.shell-section-v1__viewport,
.shell-section-v1 figcaption {
  position: relative;
  z-index: 1;
}

.shell-section-v1__head {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(17rem, .75fr);
  gap: clamp(1rem, 4vw, 3rem);
  align-items: end;
  margin: 0 0 clamp(1.25rem, 3vw, 2rem);
}

.shell-section-v1__kicker {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .75rem;
  color: #cadd8d;
  font-size: .74rem;
  font-weight: 760;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.shell-section-v1__kicker::before {
  width: 1.9rem;
  height: 1px;
  content: "";
  background: currentColor;
}

.shell-section-v1 h3 {
  max-width: 19ch;
  margin: 0;
  color: var(--shell-ink);
  font-size: clamp(1.65rem, 3.4vw, 3.05rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.shell-section-v1__head > p {
  margin: 0;
  color: var(--shell-muted);
  font-size: clamp(.94rem, 1.35vw, 1.08rem);
  line-height: 1.65;
}

.shell-section-v1__viewport {
  overflow: hidden;
  border: 1px solid rgba(222, 236, 225, 0.14);
  border-radius: 1rem;
  background: #0a1712;
}

.shell-section-v1__viewport img {
  display: block;
  width: 100%;
  height: auto;
}

.shell-section-v1 figcaption {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  color: #8fa69a;
  font-size: .75rem;
  line-height: 1.5;
}

.shell-section-v1 figcaption strong {
  color: #d8e6c2;
  font-weight: 680;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .shell-section-v1__head {
    grid-template-columns: 1fr;
  }

  .shell-section-v1__viewport {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .shell-section-v1__viewport img {
    width: 960px;
    max-width: none;
  }

  .shell-section-v1 figcaption {
    display: block;
  }

  .shell-section-v1 figcaption strong {
    display: block;
    margin-bottom: .35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shell-section-v1 * {
    scroll-behavior: auto !important;
  }
}


/* V2 accessibility and multilingual finishing */
.shell-section-v1 h3 { text-wrap: balance; }
.shell-section-v1__viewport:focus-visible {
  outline: 3px solid #cadd8d;
  outline-offset: 4px;
}