/* v26 · компьютер (.d): герой в две колонки (кинетика + соты-цветок), ниже — разделы слева,
   липкая сцена справа на высоту окна. Сцена всегда показывает изделие. */
.d .top { padding: 12px 32px; }
.d .hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 40px; align-items: center;
  max-width: 1320px; margin: 0 auto; padding: 56px 32px 24px; }
.d .kin { font-size: clamp(56px, 7vw, 104px); margin: 10px 0 0; }
.d .lead { font-size: 19px; max-width: 54ch; margin: 18px 0 22px; }
.d .note { margin-top: 14px; }
.d .hero-art { grid-template-columns: repeat(6, 1fr); gap: 0 6px; max-width: 420px; justify-self: center; width: 100%; }
.d .hhex { grid-row: 1; }
.d .hhex:nth-child(1) { grid-column: 2 / span 2; }
.d .hhex:nth-child(2) { grid-column: 4 / span 2; }
.d .hhex:nth-child(3) { grid-column: 1 / span 2; grid-row: 2; }
.d .hhex:nth-child(4) { grid-column: 3 / span 2; grid-row: 2; }
.d .hhex:nth-child(5) { grid-column: 5 / span 2; grid-row: 2; }
.d .hhex:nth-child(6) { grid-column: 2 / span 2; grid-row: 3; }
.d .hhex:nth-child(7) { grid-column: 4 / span 2; grid-row: 3; }
.d .hhex:nth-child(n+3) { margin-top: -27%; }
.d .grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 460px); gap: 40px;
  max-width: 1320px; margin: 0 auto; padding: 0 32px; }
.d .viewer { position: sticky; top: 76px; align-self: start; height: calc(100vh - 92px); margin-top: 40px;
  border-radius: 24px; padding: 16px; overflow: hidden; }
.d .stage { flex: 0 0 auto; height: min(46vh, 420px); min-height: 240px; }
.d .v-body { flex: 0 1 auto; overflow-y: auto; padding-right: 4px; }
.d .track { margin-right: -8px; }
.d .card { flex: 0 0 calc(50% - 7px); }
.d .comb { max-width: 640px; }
.d .steps { grid-template-columns: repeat(3, 1fr); }
.d .step { padding: 56px 16px 16px; }
.d .step .n { top: 14px; left: 16px; }
.d .foot { max-width: 1320px; margin-inline: auto; padding-inline: 32px; }