/* components/layer-2/closing/closing.css
   合作收尾带（closing）：深蓝底 + 图纸网格 + 机械传动草图 + 一句邀约。
   样式全走 var(--bp-*)，断点降档走 #stage[data-breakpoint]。 */
.closing {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  color: var(--bp-content-on-brand);
  background:
    linear-gradient(var(--bp-blueprint-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--bp-blueprint-grid) 1px, transparent 1px),
    radial-gradient(ellipse at 80% 45%, var(--bp-surface-on-brand-faint), transparent 55%),
    var(--bp-gradient-brand);
  background-size: 20px 20px, 20px 20px, auto, auto;
}

.closing__drawing {
  position: absolute;
  top: 50%;
  right: max(var(--bp-layout-gutter), calc((100% - var(--bp-layout-content-max)) / 2));
  width: min(72%, 800px);
  height: auto;
  color: var(--bp-content-on-brand-muted);
  opacity: .55;
  transform: translateY(-50%);
  pointer-events: none;
}

.closing__gear {
  display: none;
}

.closing__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: calc(var(--bp-layout-content-max) + var(--bp-layout-gutter) + var(--bp-layout-gutter));
  min-height: inherit;
  margin-inline: auto;
  padding: var(--bp-space-7) var(--bp-layout-gutter);
}

.closing__title {
  margin: 0;
  font-size: clamp(24px, 2.5vw, 38px);
  line-height: 1.45;
  letter-spacing: .05em;
}

#stage[data-breakpoint="mobile"] .closing {
  min-height: 180px;
}

#stage[data-breakpoint="mobile"] .closing__drawing {
  display: none;
}

#stage[data-breakpoint="mobile"] .closing__gear {
  position: absolute;
  top: 50%;
  right: var(--bp-layout-gutter);
  display: block;
  width: clamp(100px, 30vw, 118px);
  height: auto;
  color: var(--bp-content-on-brand-muted);
  opacity: .55;
  transform: translateY(-50%);
  pointer-events: none;
}

#stage[data-breakpoint="mobile"] .closing__inner {
  padding-right: calc(var(--bp-layout-gutter) + clamp(100px, 30vw, 118px) + var(--bp-space-2));
}

#stage[data-breakpoint="mobile"] .closing__title {
  color: var(--bp-content-on-brand-muted);
  font-size: clamp(14px, 4vw, 17px);
}