/* Small illustrative previews, not claimed client work. */
.production-picker:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.production-panel[hidden]{display:none}.production-panel+.production-panel{margin-top:20px}.production-panel[hidden]+.production-panel{margin-top:0}
.production-package-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.site-v2 .production-package-heading h3{font:32px 'Newsreader',Georgia,serif}.production-package-heading p{color:var(--v-accent);font-size:18px}
.service-illustration{height:90px;width:112px;display:block;position:relative;border:1px solid var(--v-line);border-radius:7px;background:var(--v-bg);overflow:hidden;margin-bottom:8px}
.service-illustration i{position:absolute;display:block;background:var(--v-accent);opacity:.65;border-radius:3px}
.illustration-static i:nth-child(1),.illustration-mixed i:nth-child(1){left:12px;top:12px;width:86px;height:36px;background:var(--v-soft);opacity:1}
.illustration-static i:nth-child(2),.illustration-mixed i:nth-child(2){left:12px;top:57px;width:65px;height:5px}
.illustration-static i:nth-child(3),.illustration-mixed i:nth-child(3){left:12px;top:69px;width:40px;height:5px;opacity:.3}
.illustration-video{width:60px;margin-left:24px}.illustration-video:after,.illustration-mixed:after{content:'';position:absolute;top:29px;left:23px;border-left:14px solid var(--v-accent);border-top:9px solid transparent;border-bottom:9px solid transparent}.illustration-video i:nth-child(1){left:8px;right:8px;bottom:12px;height:3px}.illustration-mixed:after{left:51px;top:21px;border-left-width:10px;border-top-width:7px;border-bottom-width:7px}
.illustration-landing:before,.illustration-website:before{content:'•••';position:absolute;top:-4px;left:8px;color:var(--v-muted);font-size:13px;letter-spacing:2px}
.illustration-landing i:nth-child(1),.illustration-website i:nth-child(1){left:9px;right:9px;top:20px;height:30px;background:var(--v-soft);opacity:1}
.illustration-landing i:nth-child(2){left:9px;top:57px;width:60px;height:5px}.illustration-landing i:nth-child(3){left:9px;top:70px;width:33px;height:10px}
.illustration-website i:nth-child(2){left:9px;top:58px;width:42px;height:21px}.illustration-website i:nth-child(3){right:9px;top:58px;width:42px;height:21px;opacity:.3}
@media(max-width:550px){.service-illustration{width:70px;height:80px;transform:scale(.8);transform-origin:left center}.illustration-video{width:60px;margin-left:0}.production-package-heading{display:block}.production-package-heading p{margin-top:12px}}