/* A natural-height section keeps preview controls and notes above its lower border. */
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero){display:grid!important;grid-template-columns:minmax(0,48fr) minmax(0,52fr)!important;grid-template-rows:auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;align-items:center!important;overflow:visible!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero)>.pipe-hero-copy{position:relative!important;inset:auto!important;transform:none!important;align-self:center!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;margin:0!important;padding:clamp(40px,4vw,72px) 3vw clamp(36px,3vw,56px) 6vw!important;box-sizing:border-box!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero)>.pipe-hero-machine:is(#pipeline-web-host,.drz3d-host,.en3d-host){position:relative!important;inset:auto!important;transform:none!important;align-self:center!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:26px 4vw 32px 0!important;box-sizing:border-box!important;overflow:visible!important;container-type:normal!important;contain:none!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) :is(.pipeline-hero-preview,.drz3d-card,.en3d-card){position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;grid-template-rows:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;box-sizing:border-box!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) :is(.pipeline-hero-stage,.drz3d-stage,.en3d-stage){flex:none!important;width:100%!important;height:clamp(330px,28vw,560px)!important;min-height:0!important;max-height:none!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) :is(.pipeline-preview-actions,.drz3d-actions,.en3d-actions){position:relative!important;flex:none!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;min-height:44px;gap:10px 16px!important;box-sizing:border-box}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) :is(.pipeline-preview-note,.drz3d-note,.en3d-note){position:static!important;flex:none!important;display:block!important;visibility:visible!important;max-width:100%!important;height:auto!important;margin:12px 0 0!important;line-height:1.7!important;white-space:normal!important;overflow-wrap:break-word!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) .en3d-host>.product-image{display:none!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) .en3d-title{min-height:38px;flex:none}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) .en3d-actions{padding-top:14px!important;min-height:58px!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) .en3d-actions button{min-height:44px;line-height:1.5;white-space:normal!important}
html.en-page body main .pipe-hero:is(#product-hero,#pipeline-product-hero){padding-top:88px!important}
@media(max-width:1100px){
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero){display:flex!important;flex-direction:column!important;align-items:stretch!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero)>.pipe-hero-copy{padding:40px 24px 24px!important;flex:none!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero)>.pipe-hero-machine:is(#pipeline-web-host,.drz3d-host,.en3d-host){padding:0 24px 32px!important;flex:none!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) :is(.pipeline-hero-stage,.drz3d-stage,.en3d-stage){height:clamp(290px,50vw,520px)!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero)>.pipe-hero-index{display:none!important}
html.en-page body main .pipe-hero:is(#product-hero,#pipeline-product-hero){padding-top:76px!important}
}
@media(max-width:760px){
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero) :is(.pipeline-hero-stage,.drz3d-stage,.en3d-stage){height:clamp(230px,65vw,390px)!important}
html body main .pipe-hero:is(#product-hero,#pipeline-product-hero)>.pipe-hero-machine:is(#pipeline-web-host,.drz3d-host,.en3d-host){padding-bottom:28px!important}
}