.bcp-hero-visual.bcp-editing-showcase{--showcase-border:color-mix(in srgb,var(--bcp-primary) 16%,var(--bcp-hero-bg));padding:12px;background:var(--bcp-hero-surface);border-color:var(--showcase-border);box-shadow:0 14px 36px color-mix(in srgb,var(--bcp-primary) 9%,transparent)}
.bcp-editing-showcase.bcp-has-services{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;align-items:center}
.bcp-editing-mockup{min-width:0;overflow:hidden;border:1px solid var(--showcase-border);border-radius:16px;background:var(--bcp-hero-bg);position:relative}
.bcp-editing-toolbar{display:flex;align-items:center;gap:7px;padding:12px 10px;border-bottom:1px solid var(--showcase-border);font-size:10px;font-weight:600;color:var(--bcp-hero-muted)}
.bcp-editing-toolbar i{color:var(--bcp-primary)}.bcp-editing-toolbar i:last-child{margin-left:auto}
.bcp-editing-showcase .bcp-editing-mockup img{width:100%;height:280px;object-fit:contain;border-radius:0;padding:12px}
.bcp-editing-caption{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 7px;font-size:10px;color:var(--bcp-hero-muted);background:var(--bcp-hero-soft)}.bcp-editing-caption i{color:var(--bcp-primary)}
.bcp-hero-service-panel{min-width:0}.bcp-hero-service-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;font-weight:600;color:var(--bcp-hero-ink);padding:0 2px 8px}
.bcp-hero-scroll-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;border:1px solid var(--showcase-border);border-radius:10px;background:var(--bcp-hero-bg);color:var(--bcp-primary);cursor:pointer;font-size:10px}
.bcp-hero-scroll-toggle:hover{background:var(--bcp-hero-soft)}.bcp-hero-scroll-toggle:focus-visible,.bcp-hero-service-window:focus-visible{outline:2px solid var(--bcp-primary);outline-offset:2px}
.bcp-hero-service-window{height:330px;overflow:auto;border-radius:12px;scrollbar-width:thin;scrollbar-color:var(--bcp-primary) transparent}
.bcp-hero-service-group{display:grid;gap:10px;padding:5px 3px 5px}
.bcp-hero-service-card{overflow:hidden;border:1px solid var(--showcase-border);border-radius:13px;background:var(--bcp-hero-bg);box-shadow:0 3px 9px color-mix(in srgb,var(--bcp-primary) 7%,transparent)}
.bcp-editing-showcase .bcp-hero-service-card img{display:block;width:100%;height:88px;padding:5px;object-fit:contain;border-radius:0;background:var(--bcp-hero-bg)}
.bcp-hero-service-card span{display:block;padding:8px 7px;text-align:center;font-size:10px;font-weight:600;line-height:1.45;color:var(--bcp-hero-ink);border-top:1px solid var(--showcase-border);background:var(--bcp-hero-soft);overflow-wrap:anywhere}
.bcp-hero-service-group[aria-hidden]{display:none}
.bcp-scroll-ready .bcp-can-scroll{overflow:hidden;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}
.bcp-scroll-ready .bcp-can-scroll .bcp-hero-service-group[aria-hidden]{display:grid}
.bcp-scroll-ready .bcp-can-scroll .bcp-hero-service-track{animation:bcp-service-up var(--scroll-duration,40s) linear infinite;will-change:transform}
.bcp-hero-service-panel:hover .bcp-hero-service-track,.bcp-hero-service-panel:has(.bcp-hero-service-window:focus) .bcp-hero-service-track,.bcp-hero-service-panel.bcp-scroll-paused .bcp-hero-service-track,.bcp-hero-service-panel.bcp-scroll-touch .bcp-hero-service-track{animation-play-state:paused}
@keyframes bcp-service-up{to{transform:translateY(-50%)}}
@media(max-width:991px){.bcp-hero-visual.bcp-editing-showcase{max-width:560px}.bcp-editing-showcase .bcp-editing-mockup img{height:240px}.bcp-hero-service-window{height:290px}}
@media(max-width:575px){.bcp-hero-visual.bcp-editing-showcase{padding:9px;border-radius:19px;gap:9px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.bcp-editing-toolbar{font-size:9px;padding:10px 7px;gap:5px}.bcp-editing-toolbar i:last-child{display:none}.bcp-editing-showcase .bcp-editing-mockup img{height:175px;padding:7px}.bcp-editing-caption{font-size:9px;padding:9px 5px}.bcp-hero-service-window{height:230px}.bcp-editing-showcase .bcp-hero-service-card img{height:70px}.bcp-hero-service-card span{font-size:9px;padding:6px 5px}.bcp-hero-service-heading{font-size:10px}.bcp-hero-scroll-toggle{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.bcp-scroll-ready .bcp-can-scroll .bcp-hero-service-track{animation:none;transform:none;will-change:auto}.bcp-scroll-ready .bcp-can-scroll{overflow:auto;mask-image:none}.bcp-scroll-ready .bcp-can-scroll .bcp-hero-service-group[aria-hidden]{display:none}.bcp-hero-scroll-toggle{display:none}}
/* V2: a lightweight editing workspace built in HTML and SVG. */
.bcp-editing-showcase.bcp-has-services{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
.bcp-editor-demo{--editor-chrome:color-mix(in srgb,var(--bcp-hero-ink) 8%,var(--bcp-hero-bg));background:var(--editor-chrome);font-family:var(--bcp-body-font),Arial,sans-serif;color:var(--bcp-hero-muted)}
.bcp-editor-menu{display:flex;align-items:center;gap:10px;height:34px;padding:0 9px;font-size:9px;border-bottom:1px solid var(--showcase-border)}
.bcp-editor-mark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--bcp-hero-soft);color:var(--bcp-primary);border-radius:5px}.bcp-editor-preview{margin-left:auto;font-size:8px;color:var(--bcp-primary)}
.bcp-editor-tab{display:flex;align-items:center;gap:6px;font-size:9px;padding:9px 10px;background:var(--bcp-hero-bg);border-bottom:1px solid var(--showcase-border)}.bcp-editor-tab>span:last-child{margin-left:auto}
.bcp-editor-workspace{display:grid;grid-template-columns:28px minmax(0,1fr) 66px;height:278px}
.bcp-editor-tools{display:flex;flex-direction:column;align-items:center;gap:15px;padding:12px 0;font-size:11px;border-right:1px solid var(--showcase-border)}.bcp-editor-tools .bcp-tool-active{color:var(--bcp-primary);background:var(--bcp-hero-soft);padding:5px;margin:-5px;border-radius:4px}.bcp-editor-swatch{width:12px;height:12px;background:var(--bcp-primary);border:2px solid var(--bcp-hero-bg);box-shadow:2px 2px 0 var(--bcp-hero-muted)}
.bcp-editor-canvas{min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--bcp-hero-bg);background-image:linear-gradient(45deg,var(--editor-chrome) 25%,transparent 25%),linear-gradient(-45deg,var(--editor-chrome) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--editor-chrome) 75%),linear-gradient(-45deg,transparent 75%,var(--editor-chrome) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}
.bcp-editing-showcase .bcp-editor-canvas img{width:88%;height:88%;max-height:none;padding:0;border-radius:6px;object-fit:contain}
.bcp-editor-selection{position:absolute;inset:12%;width:76%;height:76%;overflow:visible;color:var(--bcp-primary);pointer-events:none}.bcp-editor-selection-line{stroke:currentColor;stroke-width:1.5;stroke-dasharray:5 4;animation:bcp-edit-outline 12s linear infinite}.bcp-editor-nodes{fill:var(--bcp-hero-bg);stroke:currentColor;stroke-width:1.5}
.bcp-editor-cursor{position:absolute;top:26%;left:27%;pointer-events:none;animation:bcp-edit-cursor 12s ease-in-out infinite;color:var(--bcp-hero-ink);display:flex;align-items:flex-start;gap:2px}.bcp-editor-cursor svg{width:17px;height:22px;flex-shrink:0;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--bcp-primary) 20%,transparent))}.bcp-editor-cursor path{fill:var(--bcp-hero-ink);stroke:var(--bcp-hero-bg);stroke-width:1.5}.bcp-editor-cursor>span{font-size:7px;white-space:nowrap;padding:4px;background:var(--bcp-primary);color:var(--bcp-on-primary);border-radius:4px;margin-top:19px}
.bcp-editor-layers{border-left:1px solid var(--showcase-border);font-size:7px;padding:12px 4px}.bcp-editor-layers>span{display:block;font-weight:600;font-size:9px;margin-bottom:11px;color:var(--bcp-hero-ink)}.bcp-editor-layer{display:flex;align-items:center;gap:3px;padding:8px 2px;margin-bottom:4px;border-radius:4px}.bcp-editor-layer.active{background:var(--bcp-hero-soft);color:var(--bcp-primary)}.bcp-editor-layer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcp-editor-status{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 8px;border-top:1px solid var(--showcase-border);font-size:8px}.bcp-editor-status i{color:var(--bcp-primary);margin-right:3px}.bcp-editor-status-dot{width:5px;height:5px;background:var(--bcp-primary);border-radius:50%}
@keyframes bcp-edit-outline{to{stroke-dashoffset:-108}}
@keyframes bcp-edit-cursor{0%,100%{transform:translate(0,0)}25%{transform:translate(28px,15px)}50%{transform:translate(35px,90px)}75%{transform:translate(-5px,80px)}}
.bcp-editing-showcase:hover .bcp-editor-selection-line,.bcp-editing-showcase:hover .bcp-editor-cursor,.bcp-editing-showcase:has(.bcp-scroll-paused) .bcp-editor-selection-line,.bcp-editing-showcase:has(.bcp-scroll-paused) .bcp-editor-cursor{animation-play-state:paused}
@media(max-width:575px){.bcp-editing-showcase.bcp-has-services{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.bcp-editor-menu{gap:6px;padding:0 6px;height:28px;font-size:8px}.bcp-editor-menu>span:nth-child(5),.bcp-editor-preview{display:none}.bcp-editor-tab{font-size:8px;padding:7px}.bcp-editor-workspace{grid-template-columns:23px minmax(0,1fr);height:185px}.bcp-editor-layers{display:none}.bcp-editor-tools{font-size:9px;gap:13px;padding:9px 0}.bcp-editor-tools>i:nth-child(6),.bcp-editor-swatch{display:none}.bcp-editor-status{font-size:7px;padding:8px 5px}.bcp-editor-cursor>span{display:none}.bcp-editor-cursor svg{width:13px;height:18px}}
@media(prefers-reduced-motion:reduce){.bcp-editor-selection-line,.bcp-editor-cursor{animation:none}}

/* V124: match the white canvas embedded in Our Expertise photos. */
html[data-theme="dark"] body .bcp-editing-showcase .bcp-hero-service-panel .bcp-hero-service-card img {
    background: #fff !important;
}

/* V125: white photo canvas without a separate padded frame, dark mode only. */
html[data-theme="dark"] body .bcp-editing-showcase .bcp-hero-service-card img {background:#fff !important;padding:0 !important;}