/* Separate artwork objects; retain the supplied PNG's existing transparency. */
.business-life-signature{position:relative;min-width:0;margin:0;background:transparent}
.business-life-signature img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;background:transparent}
#interactive-demo.pro-demo-with-signature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:40px;align-items:start}
.pro-demo-with-signature>#pro-demo-title{grid-column:1/-1}
.pro-demo-with-signature>#pro-demo-scene{grid-column:2;grid-row:2;min-width:0;max-width:100%;margin-inline:0}
#pro-signature-desktop{grid-column:1;grid-row:2;align-self:center;justify-self:center;width:100%;max-width:480px}
#business-signature-host{display:none}
#pro-signature-compact{padding-block:40px 32px}
#pro-signature-compact .business-life-signature{width:80%;max-width:520px;margin-inline:auto}
@media(max-width:1199px),(min-width:768px) and (hover:none) and (pointer:coarse){
 #interactive-demo.pro-demo-with-signature{display:block}
 .pro-demo-with-signature>#pro-demo-scene{margin-inline:auto}
 #pro-signature-desktop{display:none}
 #business-signature-host{display:block}
}
html[data-studio-viewport="tablet"] #interactive-demo.pro-demo-with-signature,
html[data-me-tablet-layout="phone-v1"] #interactive-demo.pro-demo-with-signature{display:block}
html[data-studio-viewport="tablet"] .pro-demo-with-signature>#pro-demo-scene,
html[data-me-tablet-layout="phone-v1"] .pro-demo-with-signature>#pro-demo-scene{margin-inline:auto}
html[data-studio-viewport="tablet"] #pro-signature-desktop,
html[data-me-tablet-layout="phone-v1"] #pro-signature-desktop{display:none}
html[data-studio-viewport="tablet"] #business-signature-host,
html[data-me-tablet-layout="phone-v1"] #business-signature-host{display:block}