/* end (tools/sections/end.html). The violet glow of the glass button under the words went (Dasha, 27 Oct: "remove the blue line"). */
.k-end { padding-bottom: calc(120px - clamp(24px, 4vw, 48px)); }
.k-end-pic { display: block; width: min(100%, 720px); height: auto; margin: clamp(28px, 4vw, 44px) auto 0; }  /* the composition under the buttons (Dasha, 2 Nov) */  /* with the footer's own margin (/site/assets/footer-landing.css): 120 px */
.k-end-plate { position: relative; isolation: isolate; overflow: hidden; max-width: 1180px; box-sizing: border-box; margin: 0 auto; padding: clamp(72px, 8vw, 104px) 40px;
  border-radius: 28px; background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(24px) saturate(1.5); backdrop-filter: blur(24px) saturate(1.5);
  box-shadow: var(--k-edge), var(--k-lift); text-align: center; }
.k-end-plate::before { content: ''; position: absolute; z-index: -2; top: -30%; right: -10%; width: 60%; aspect-ratio: 1; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(110, 114, 242, .14), rgba(140, 170, 255, .06) 60%, transparent); }  /* a soft light behind the ring */
.k-end-art { position: absolute; z-index: -1; top: 50%; right: clamp(-40px, -2vw, 0px); height: 128%; width: auto; transform: translateY(-50%) rotate(-10deg); opacity: .42; pointer-events: none; user-select: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); }
.k-end .k-head { position: relative; margin-bottom: 0; }
.k-end .k-cta { justify-content: center; margin-top: 40px; }
body.glass.kit .k-end .k-cta .btn:not(.btn--primary) { background: rgba(255, 255, 255, .86); box-shadow: var(--k-edge), 0 8px 24px -14px rgba(25, 24, 38, .18); }
.k-end .k-note { text-align: center; }
@media (max-width: 860px) {
  .k-end { padding-bottom: calc(72px - clamp(24px, 4vw, 48px)); }
  .k-end-plate { padding: 56px 20px 48px; border-radius: 24px; }
  .k-end-art { top: auto; bottom: -18%; right: -16%; height: 82%; transform: rotate(-10deg); opacity: .22; }
}
