/* A stationary, illustrated backdrop; all decoration stays out of the hit area. */
.booking-finale::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:radial-gradient(circle,#aeb8c7 .7px,transparent .8px);
  background-size:24px 24px;
  mask-image:linear-gradient(transparent 30%,#0002 70%,#0005);
}
.build-capabilities {
  position:relative; z-index:11; height:180px; overflow-x:clip; overflow-y:visible; isolation:isolate;
  background:var(--page); pointer-events:none; user-select:none;
  margin-top:clamp(-80px,calc(400px - 50svh),0px);
}
/* Sit above the overlapping chapter (z-index:10), and let rotated artwork
   extend vertically so its top edge is never clipped by the footer strip. */
.build-capabilities::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background-image:radial-gradient(circle,#aeb8c7 .7px,transparent .8px); background-size:24px 24px;
  mask-image:linear-gradient(#0005,transparent 95%);
}
.build-art-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.build-capabilities-field {
  position:relative; width:100%; max-width:1440px; height:100%; margin:0 auto;
}
.build-capability { position:absolute; width:clamp(150px,12vw,170px); bottom:-30px; opacity:.48; }
.build-capability>svg { display:block; width:100%; height:auto; aspect-ratio:1; filter:drop-shadow(0 12px 8px #18264018); }
.capability-inventory { left:1%; transform:rotate(-10deg); }
.capability-images { left:18%; transform:rotate(9deg); }
.capability-ads { left:34%; transform:rotate(-7deg); }
.capability-workflows { right:34%; transform:rotate(7deg); }
.capability-pricing { right:17%; transform:rotate(-11deg); }
.capability-reports { right:0; transform:rotate(8deg); }
[data-theme="dark"] .build-capability>svg { filter:drop-shadow(0 12px 8px #0003); }
@media(max-width:1179px) {
 .build-capabilities { height:145px; }
 .build-capability { width:clamp(100px,12vw,135px); }
}
@media(max-width:600px) {
 .build-capabilities { height:110px; margin-top:min(0px,calc(600px - 75svh)); }
 .build-capability { width:104px; opacity:.45; }
 .capability-inventory { left:-12px; }
 .capability-images { left:24%; }
 .capability-workflows { right:23%; }
 .capability-pricing { right:-15px; }
 .capability-ads,.capability-reports { display:none; }
}
@media(max-width:360px) {
 .build-capability { width:96px; }
}