.parts-pile{position:relative;width:min(590px,46vw);height:470px;z-index:2;filter:drop-shadow(0 24px 24px #0008)}
.pile-part{position:absolute!important;object-fit:contain!important;background:transparent!important}
.pile-pump{width:68%!important;height:68%!important;left:17%;top:10%;transform:rotate(-6deg);z-index:2}
.pile-gasket{width:48%!important;height:48%!important;right:-2%;bottom:1%;transform:rotate(16deg);z-index:3}
.pile-nozzle{width:32%!important;height:55%!important;left:0;bottom:-2%;transform:rotate(-18deg);z-index:4}
.pile-bearing{width:34%!important;height:34%!important;left:33%;bottom:-3%;transform:rotate(8deg);z-index:5}
.parts-pile>span{position:absolute;left:50%;top:53%;z-index:6;transform:translate(-50%,-50%) rotate(-15deg);font:800 34px 'Barlow Condensed',sans-serif;letter-spacing:7px;color:rgba(255,255,255,.68);text-shadow:0 2px 6px #0008;border:2px solid rgba(255,255,255,.45);padding:6px 18px;pointer-events:none}
.hero-photo{display:grid;place-items:center}.hero-photo>img{position:relative!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;z-index:2}.hero-photo>span{color:rgba(255,255,255,.22);text-shadow:0 1px 4px #000;border:0;padding:0}
@media(max-width:900px){.parts-pile{width:min(560px,90vw);height:350px}.hero-art .parts-pile img{max-height:none}}
@media(max-width:560px){.parts-pile{height:320px}.parts-pile>span{font-size:25px}}