.lp .vp-blue { color: var(--accent-text); }
.lp .vp-secondary { display: block; }
.vp-studio .lp .lp-copy { padding-top: 28px; }
.vp-studio .lp .lp-hero h1 { font-size: clamp(2.7rem, 4.15vw, 4rem); line-height: 1.04; max-width: none; text-wrap: normal; letter-spacing: -.045em; }
.vp-studio .lp .vp-highlight { display: inline-block; margin: 8px 0 0 -10px; padding: 2px 10px 10px; background: var(--accent); color: var(--accent-ink); }
.vp-studio .lp .vp-secondary { margin-top: 28px; font-size: .56em; line-height: 1.2; font-weight: 600; letter-spacing: -.02em; }
.vp-studio .lp .hero-description { margin-top: 24px; max-width: 40ch; font-size: 1.06rem; }
.vp-studio .lp .hero-benefits { margin: 24px 0 30px; gap: 12px 20px; }
.vp-studio .lp .hero-benefit .icon { display: none; }
.vp-studio .lp .hero-benefit { padding: 0; font-weight: 600; }
.vp-studio .lp .hero-benefit + .hero-benefit::before { content: '/'; color: var(--accent); padding-right: 10px; opacity: .6; }

.vp-flow .lp .lp-hero h1 { font-size: clamp(2.4rem, 3.15vw, 3.1rem); line-height: 1.07; text-wrap: balance; }
.vp-flow .lp .vp-secondary { margin-top: 10px; font-size: .84em; line-height: 1.1; }
.vp-flow .lp .hero-description { max-width: 44ch; margin-top: 22px; }
.vp-flow .lp .hero-benefits { display: none; }
.vp-flow .lp .lp-actions { margin-top: 24px; }
.vp-flow .lp .lp-work-link { margin-top: 8px; }
.vp-flow .lp .vp-flow-art { margin-top: 28px; width: min(100%, 440px); transform: perspective(1100px) rotateX(4deg) rotateY(-7deg); transform-origin: left center; }
.vp-flow .lp .vp-flow-art .nbs-service-visual { background: transparent; border-radius: 0; overflow: visible; }
.vp-flow .lp .vp-flow-art .nbs-automation-visual::before { display: none; }
.vp-flow .lp .vp-flow-art .nbs-flow-node { box-shadow: 0 12px 28px rgb(20 18 20 / 9%); }
.vp-flow .lp .vp-flow-art .nbs-wire-motion { animation: nbs-wire-draw 900ms ease 500ms both; }
.vp-flow .lp .vp-flow-art .nbs-wire-motion:nth-last-child(2) { animation-delay: 1s; }
.vp-flow .lp .vp-flow-art .nbs-wire-motion:last-child { animation-delay: 1.5s; }

.vp-work .lp .lp-hero h1 { font-size: clamp(2.5rem, 3.4vw, 3.35rem); line-height: 1.06; text-wrap: normal; }
.vp-work .lp .vp-secondary { margin-top: 15px; font: 600 .53em/1.25 var(--display); letter-spacing: -.02em; }
.vp-work .lp .hero-description { margin-top: 16px; max-width: 45ch; }
.vp-work .lp .hero-benefits { display: none; }
.vp-work .lp .lp-actions { margin-top: 22px; }
.vp-work .lp .vp-work-art { width: 100%; max-width: 540px; height: 244px; position: relative; margin-top: 30px; perspective: 1400px; }
.vp-work .lp .vp-project { position: absolute; margin: 0; width: 66%; border: 0; border-radius: 12px; overflow: hidden; background: var(--surface); box-shadow: 0 22px 45px -14px rgb(20 18 20 / 24%); transition: transform .6s cubic-bezier(.22,1,.36,1); }
.vp-work .lp .vp-project img { display: block; width: 100%; height: auto; aspect-ratio: 1.6; object-fit: cover; object-position: top; }
.vp-work .lp .vp-project figcaption { padding: 7px 12px; font: 600 12px/1.3 var(--body); color: var(--ink); }
.vp-work .lp .vp-project-back { left: 0; top: 0; transform: rotateY(12deg) rotateZ(-5deg) translateX(var(--vp-back, 0px)); }
.vp-work .lp .vp-project-front { right: 0; top: 24px; transform: rotateY(-10deg) rotateZ(3deg) translateX(var(--vp-front, 0px)); }
.vp-work .lp .vp-work-art:hover .vp-project-back { transform: rotateY(5deg) rotateZ(-7deg) translateX(-10px); }
.vp-work .lp .vp-work-art:hover .vp-project-front { transform: rotateY(-4deg) rotateZ(5deg) translateX(8px); }
@keyframes vp-sheet-in { from { opacity: 0; translate: 0 24px; } to { opacity: 1; translate: 0 0; } }
.vp-work .lp .vp-project-back { animation: vp-sheet-in .8s cubic-bezier(.22,1,.36,1) .3s backwards; }
.vp-work .lp .vp-project-front { animation: vp-sheet-in .8s cubic-bezier(.22,1,.36,1) .5s backwards; }

@media (max-width: 1180px) and (min-width: 1001px) {
  .vp-studio .lp .lp-hero h1 { font-size: 2.75rem; }
  .vp-flow .lp .lp-hero h1, .vp-work .lp .lp-hero h1 { font-size: 2.5rem; }
  .vp-work .lp .vp-work-art { height: 204px; }
}
@media (max-width: 1000px) {
  .vp-studio .lp .lp-copy { padding-top: 0; }
  .vp-studio .lp .lp-hero h1 { font-size: clamp(2.4rem, 7.4vw, 4rem); }
  .vp-flow .lp .vp-flow-art { width: min(100%, 470px); }
}
@media (max-width: 760px) {
  .vp-studio .lp .lp-hero h1 { font-size: clamp(2rem, 9.2vw, 3rem); }
  .vp-studio .lp .vp-highlight { margin-left: -6px; padding: 2px 6px 7px; }
  .vp-studio .lp .vp-secondary { margin-top: 22px; font-size: .62em; }
  .vp-studio .lp .hero-benefits { display: flex; gap: 10px; font-size: .8rem; }
  .vp-studio .lp .hero-benefit { font-size: .8rem; }
  .vp-studio .lp .hero-benefit + .hero-benefit::before { padding-right: 3px; }
  .vp-flow .lp .lp-hero h1, .vp-work .lp .lp-hero h1 { font-size: clamp(2rem, 8.4vw, 2.7rem); }
  .vp-flow .lp .vp-secondary { font-size: .84em; }
  .vp-flow .lp .vp-flow-art { transform: none; width: 100%; margin-top: 20px; }
  .vp-work .lp .vp-secondary { font-size: .67em; }
  .vp-work .lp .vp-work-art { height: clamp(156px, 53vw, 224px); margin-top: 24px; }
  .vp-work .lp .vp-project { width: 70%; border-radius: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .vp-flow .lp .vp-flow-art { transform: none; }
  .vp-flow .lp .vp-flow-art .nbs-wire-motion { animation: none; stroke-dashoffset: 0; opacity: .9; }
  .vp-work .lp .vp-project { animation: none; transition: none; }
}