/* Original SOMIT engineering graphics; scoped to this component. */
.somit-line .elem__item:hover{
    --main-fill-color: #ff5810
}
.somit-line .elem__item{
    position: absolute;
    bottom: 0
}
.somit-line .elem__dispenser{
    left: 155px;
    bottom: 203px;
    width: 140px;
    height: 149px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/dispenser.webp");
}
.somit-line .elem__roller{
    left: 162px;
    bottom: 355px;
    width: 120px;
    height: calc(269px / 2);
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/roller.webp");

}
.somit-line .elem__item.active .img{
    transition-duration: 1s;
}
.somit-line .elem__item{
    background-size: 100%;
    background-repeat: no-repeat;
}
.somit-line .elem__platform{
    left: 154px;
    bottom: 494px;
    width: 144px;
    height: 144px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/platform_static.webp");
    transition: background-image 0s !important;
    background-position: bottom;
}
.somit-line .elem__platform.active{
    
    background-position: top;

}
.somit-line .move{
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;

}
.somit-line .elem__platform .move{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/platform_move.webp");
    transition-duration: 0s;
    background-position: bottom;


}
.somit-line .elem__platform.active .move{
    
    background-position: top;

}
.somit-line .elem__platform .static{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.somit-line .elem__chain{
    left: 297px;
    bottom: 523px;
    width: 210px;
    height: 87px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/chain.webp");
}
.somit-line .elem__chain__mobile{
    display: none;
}
.somit-line .elem__pallet-wrapper{
    left: 494px;
    bottom: 485px;
    width: 193px;
    height: 254px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/wrapper_static.webp");
    
}
.somit-line .elem__pallet-wrapper .move{
    width: 165px;
    height: 163px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/wrapper_move.webp");
    position: absolute;
    right: 11px;
    bottom: 0px;
    transform: rotate(90deg);
}
.somit-line .elem__pallet-wrapper-top{
    width: 117px;
    height: 18px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/wrapper_top.webp");
    position: absolute;
    left: 535px;
    bottom: 610px;
    background-repeat: no-repeat;
    z-index: 999;
    transform: rotate(90deg);
}
.somit-line .hero__wrapper:has(.elem__pallet-wrapper.active) .elem__pallet-wrapper-top{
    background-position: top;

}
.somit-line .elem__weighing{
    left: 676px;
    bottom: 515px;
    width: 230px;
    height: 112px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/weight.webp");
}
.somit-line .elem__weighing .move{
    position: absolute;
    left: calc(50% - (56px / 2));
    top: -7px;
    width: 56px;
    height: 17px;
    border-radius: 2px;
    border: 1px solid var(--main-color-2);
    background-color: var(--secondary-color-2);
}
.somit-line .elem__weighing.active .move{
    border-color: var(--secondary-color-1);
}
.somit-line .elem__weighing .move:before{
    content: attr(data-weight);
    white-space: nowrap;
    font-size: 11px;
    display: inline-block;
    line-height: 12px;
    vertical-align: super;
    text-align: center;
    padding-left: 5px;
    transition-duration: .3s;
    font-family: "Roboto Mono";
}
.somit-line .elem__shuttle{
    left: 903px;
    bottom: 245px;
    width: 126px;
    height: 641px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/shuttle.webp");

}
.somit-line .elem__lift{
    left: 903px;
    bottom: 477px;
    width: 132px;
    height: 148px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/lift.webp");

}
.somit-line .elem__gravity{
    left: 1030px;
    bottom: 710px;
    width: 429px;
    height: 94px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/gravity.webp");

}
.somit-line .elem__cross-section{
    left: 1015px;
    bottom: 363px;
    width: 155px;
    height: 100px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/cross-section.webp");

}
.somit-line .elem__vertical{
    left: 1035px;
    bottom: 240px;
    width: 117px;
    height: 122px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/vertical.webp");

}
.somit-line .elem__loader{
    opacity: 0;
    width: 200px;
    transform: translate(1600px, -681px)
}
.somit-line .elem__robot{
    left: 380px;
    bottom: 405px;
    width: 83px;
    height: 74px;
    z-index: 7;
    
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/robot_static.webp");
}
.somit-line .elem__robot .move{
    width: 92px;
    height: 165px;
    -webkit-transform-origin: 130px 44px;
    
    
    position: absolute;
    bottom: 10px;
    right: 0px;
    transform-origin: center 130px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/robot_move.webp");

}
.somit-line .elem__auxiliary{
    left: 293px;
    bottom: 338px;
    width: 78px;
    height: 160px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/box_static.webp");

}
.somit-line .elem__printer{
    left: 720px;
    bottom: 425px;
    width: 107px;
    height: 75px;
    z-index: 11;
    
    
    
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/printer_static.webp");
}
.somit-line .elem__printer .move{
    width: 38px;
    height: 75px;
    background-image: url("/local/templates/somit/assets/images/required/hero/sprite/printer_move.webp");
    position: absolute;
    right: 11px;
    top: -10px;
}
.somit-line .elem__flange{
    left: 373px;
    bottom: 388px;
    width: 80px
}
.somit-line .elem__robot-alt{
    left: 1750px;
    bottom: 320px;
    display: none
}
.somit-line .elem__box,.somit-line .elem__box--2{
    position: absolute;
    left: 315px;
    bottom: 360px;
    width: 29px;
    height: 136px;
    overflow: hidden;
    z-index: 6;
    opacity: 0;

}
.somit-line .box{
    width: 30px;
    height: 30px;
    margin-bottom: 1px;
}
.somit-line .elem__box .elem__box-2,.somit-line .elem__box--2 .elem__box-2{
    rotate: 90deg;
}
.somit-line .elem__box--2 .elem__box-1{
    rotate: 90deg;
}
.somit-line .elem__box--2 .elem__box-2,.somit-line .elem__box--2 .elem__box-3{
    rotate: -90deg;
}
.somit-line .elem__palet{
    position: absolute;
    bottom: 231px;
    left: 194px;
    width: 65px;
    height: 95px
}
.somit-line .elem__palet_box,.somit-line .elem__palet_warp{
    position: absolute;
    top: 2px;
    left: 2px;
    width: 61px;
    z-index: 2;
    opacity: 0
}
.somit-line .elem__palet_warp{
    z-index: 3;
    mix-blend-mode: screen
}
.somit-line .elem__palet_warp2{
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    width: 61px;
    z-index: 4;
    mix-blend-mode: screen;
    opacity: 0
}
.somit-line .elem__palet_pic{
    position: absolute;
    top: 37px;
    right: 45px;
    width: 14px;
    clip-path: inset(0 14px 0 0);
    height: 24px;
    z-index: 5;
    transition-duration: 1s;
}
.somit-line .elem__palet_footer{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.somit-line .elem__robot svg.move{
    -webkit-transform-origin: 130px 44px;
    -ms-transform-origin: 130px 44px;
    transform-origin: 130px 44px
}
.somit-line .elem__item{
    --main-fill-color: #175676;
    -webkit-transition: all ease;
    -o-transition: all ease;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
.somit-line .elem__item.active{
    --main-fill-color: #ff5810;
    background-position: top;
}
.somit-line .hero__wrapper:has(.elem__lift.active) .elem__shuttle{
    background-position: top;
}
.somit-line .elem__item.active .move{
    background-position: top;
}
.somit-line .elem__item svg rect{
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease
}
.somit-line .elem__palet,.somit-line .elem__palet--2{
    width: 65px;
    position: absolute;
    z-index: 3;
    -webkit-transform: translate(0) rotate(0deg);
    -ms-transform: translate(0) rotate(0deg);
    transform: translate(0) rotate(0deg)
}
.somit-line .elem__stage{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 250px;
    
    
    width: 100%;
    background: transparent;
    z-index: 1;
    
    
    box-sizing: content-box;
    max-width: 100vw;
    
    
    
}
.somit-line .elem__stage-text{
    position: absolute;
    width: 100%;
    text-align: left;
    font-weight: 400;
    max-width: 708px;
    
    padding-right: 50px;
    animation: .5s slide-up;
}
.somit-line .elem__stage-text .mono{
    font-family: "Roboto mono";
}
.somit-line .elem__stage-text.hide{
    animation: .5s slide-up-hide;
}
.somit-line .elem__lift,.somit-line .elem__palet{
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

/* One engineering scene on every device; the camera alone changes scale. */
.hm-page .somit-line{--secondary-color-1:#14213d;--main-color-2:#175676;--secondary-color-2:#f6f7fa;min-width:0;border:1px solid #dbe1e8;background:#fff;color:#14213d}
.hm-page .line-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 19px;border-bottom:1px solid #dbe1e8;background:#fafbfc}
.hm-page .line-toolbar label{display:grid;grid-template-columns:max-content minmax(0,380px);align-items:center;gap:12px;font-size:12px;color:#596576;flex:1;min-width:0;max-width:590px}
.hm-page .line-toolbar select{box-sizing:border-box;appearance:none;-webkit-appearance:none;min-width:0;width:100%;max-width:380px;height:44px;border:1px solid #bbc5d1;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23596576' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;padding:0 42px 0 12px;color:#14213d;border-radius:0;font:400 15px/normal Roboto,Arial,sans-serif;text-align:left;text-align-last:left;text-indent:0}
.hm-page .line-tools{display:flex;gap:12px;align-items:center}
.hm-page .line-view{display:none;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #bbc5d1;color:#14213d;min-height:44px;padding:8px 10px;font:400 12px/1.3 Roboto,Arial,sans-serif;cursor:pointer}
.hm-page .line-view svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.hm-page .somit-line .controls{display:flex;position:static;transform:none;gap:7px;flex-wrap:nowrap}
.hm-page .somit-line .controls button{width:44px;height:44px;display:grid;place-items:center;background-color:#fff;border:1px solid #bbc5d1;flex:none;cursor:pointer}
.hm-page .somit-line .controls button:hover{border-color:#ef4e18;background-color:#fff5ef}
.hm-page .somit-line .controls svg{width:26px;height:26px}
.hm-page .somit-line .btn-play{background-image:none}
.hm-page .somit-line .btn-play::before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #14213d;margin-left:3px}
.hm-page .somit-line .btn-play.pause::before{width:13px;height:17px;border:0;margin:0;background:linear-gradient(to right,#14213d 0 4px,transparent 4px 9px,#14213d 9px 13px)}
.hm-page .somit-line .conveyor{display:grid;grid-template-columns:minmax(0,1fr) 284px;position:relative;gap:0;min-height:430px;padding:0}
.hm-page .somit-line .hero{grid-area:1/1;position:relative;display:block;width:100%;height:430px;min-height:0;max-height:none;max-width:none;min-width:0;overflow:hidden;padding:0;margin:0;background:radial-gradient(ellipse at 50% 45%,#fff 40%,#f4f7fa 100%)}
.hm-page .somit-line .hero__wrapper{position:absolute;top:0;left:0;width:2000px;height:650px;max-width:none;max-height:none;min-height:0;margin:0;transform-origin:0 0;transform:translate(0,120px) scale(.55);transition:none;will-change:transform}
.hm-page .somit-line .elem__stage{display:none}
.hm-page .somit-line .elem__item{border:0;padding:0;background-color:transparent;cursor:pointer;transition:none}
.hm-page .somit-line .elem__item:not(.elem__pallet-wrapper-top){transform:none}
.hm-page .somit-line .elem__palet--2{display:block}
.hm-page .somit-line .elem__loader .move{rotate:0deg}
.hm-page .somit-line .hero__wrapper>*:not(button){pointer-events:none}
.hm-page .somit-line .elem__item:hover{outline:none}
.hm-page .somit-line .conveyor__illustration__wrapper{position:relative;grid-area:1/2;display:block;width:auto;min-width:0;border-left:1px solid #dbe1e8}
.hm-page .somit-line .conveyor__illustration{display:grid;height:100%;max-height:none;min-height:0;border:0;background:#fff;overflow:hidden;position:relative}
.hm-page .somit-line .illustration{display:flex;flex-direction:column;grid-area:1/1;height:100%;width:100%;position:relative!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .32s ease,transform .32s ease,visibility .32s;animation:none!important;color:#14213d}
.hm-page .somit-line .illustration.active{visibility:visible;opacity:1;pointer-events:auto;transform:none;z-index:1}
.hm-page .somit-line .illustration .line-product-image{width:100%;height:153px;min-height:0;max-height:none;object-fit:contain;padding:15px 24px;margin:0;border-bottom:1px solid #e5e9ee}
.hm-page .somit-line .illustration>div{padding:18px 21px;display:flex;flex:1;flex-direction:column}
.hm-page .somit-line .line-node-kicker{font:400 10px/1.5 'Roboto Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:#b54722;margin-bottom:8px}
.hm-page .somit-line .illustration h3{font-size:23px;line-height:1.22;margin:0 0 10px}
.hm-page .somit-line .illustration p{padding:0;margin:0 0 13px;color:#5b6778;font-size:14px;line-height:1.55}
.hm-page .somit-line .line-node-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce2e8;padding-top:11px;min-height:41px;font-size:12px;line-height:1.4;margin-top:auto}
.hm-page .somit-line .line-node-link b{font-size:18px;font-weight:400;color:#c94819}
.hm-page .line-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dbe1e8;background:#fafbfc}
.hm-page .line-phases span{display:flex;gap:9px;align-items:center;min-height:47px;padding:10px 16px;font-size:12px;color:#657284;border-bottom:2px solid transparent;transition:background .3s,color .3s,border-color .3s}
.hm-page .line-phases span+span{border-left:1px solid #e0e6ed}
.hm-page .line-phases b{font:400 10px/1.5 'Roboto Mono',monospace;color:#87929f}
.hm-page .line-phases .active{background:#fff4ec;color:#14213d;border-bottom-color:#ef4e18}
.hm-page .line-phases .active b{color:#c94819}
.hm-page .somit-line .line-caption{margin:0;padding:13px 18px;font-size:11px;line-height:1.55;color:#6a7687;border-top:1px solid #dbe1e8}
/* A fixed, masked underlay cannot cross neighbouring machines or jump on rotation. */
.hm-page .somit-line .hero__wrapper{isolation:isolate}
.hm-page .somit-line .elem__item{z-index:2}
.hm-page .somit-line .elem__robot{z-index:7}
.hm-page .somit-line .elem__printer{z-index:11}
.hm-page .somit-line .elem__pallet-wrapper-top{z-index:12}
.hm-page .line-focus-underlay{position:absolute;left:0;top:-300px;width:2000px;height:1100px;z-index:0;pointer-events:none;overflow:visible}
.hm-page .line-focus-shape{fill:#ef4e1810;stroke:#e9632c;stroke-width:1.4;vector-effect:non-scaling-stroke}
.hm-page .line-ready .hero button.elem__item{animation:line-appear .4s both;animation-delay:calc(var(--node-order)*.035s)}
@keyframes line-appear{from{opacity:0}to{opacity:1}}
.hm-page .line-progress{height:2px;overflow:hidden;background:#edf1f5}
.hm-page .line-progress>span{display:block;width:100%;height:100%;background:#ef4e18;transform-origin:left center;transform:scaleX(0)}
.hm-page .somit-line button:focus-visible,.hm-page .somit-line select:focus-visible{outline:2px solid #ef4e18;outline-offset:3px}
@media(max-width:1100px){.hm-page .somit-line .conveyor{grid-template-columns:minmax(0,1fr) 250px;min-height:408px}.hm-page .somit-line .hero{height:408px}.hm-page .somit-line .illustration .line-product-image{height:138px}.hm-page .somit-line .illustration>div{padding:16px}.hm-page .somit-line .illustration h3{font-size:21px}.hm-page .somit-line .illustration p{font-size:13px}.hm-page .line-phases span{padding:9px 12px;font-size:11px}}
@media(max-width:700px){.hm-page .line-toolbar{display:block;padding:12px}.hm-page .line-toolbar label{display:block;font-size:11px;max-width:none}.hm-page .line-toolbar select{display:block;max-width:none;margin-top:6px;font-size:14px;height:44px}.hm-page .line-tools{justify-content:space-between;margin-top:10px;gap:8px}.hm-page .line-view{display:flex}.hm-page .somit-line .controls{gap:6px}.hm-page .somit-line .conveyor{display:flex;flex-direction:column;min-height:0}.hm-page .somit-line .hero{height:280px;max-height:none;order:1}.hm-page .somit-line .conveyor__illustration__wrapper{order:2;border-left:0;border-top:1px solid #dbe1e8}.hm-page .somit-line .illustration,.hm-page .somit-line .illustration.active{display:grid;grid-template-columns:89px minmax(0,1fr);min-height:225px}.hm-page .somit-line .illustration .line-product-image{height:122px;border:0;padding:18px 5px 12px 10px;min-width:0}.hm-page .somit-line .illustration>div{padding:17px 15px 17px 8px}.hm-page .somit-line .illustration h3{font-size:21px}.hm-page .somit-line .illustration p{font-size:13px;line-height:1.5}.hm-page .line-phases span{display:block;padding:9px 7px;min-height:57px;font-size:10px;line-height:1.3}.hm-page .line-phases b{display:block;margin-bottom:3px}.hm-page .somit-line .line-caption{padding:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hm-page .somit-line .illustration{transition:none}.hm-page .line-phases span{transition:none}}

@media(prefers-reduced-motion:reduce){.hm-page .line-ready .hero button.elem__item{animation:none}}

/* Portrait tablet: give the drawing the full row instead of shrinking it
   beside a 250px caption. Phone keeps its selected-node camera. */
@media(min-width:701px) and (max-width:1000px){
  .hm-page .somit-line .conveyor{grid-template-columns:minmax(0,1fr)}
  .hm-page .somit-line .hero{grid-area:1/1;height:360px}
  .hm-page .somit-line .conveyor__illustration__wrapper{grid-area:2/1;border-left:0;border-top:1px solid #dbe1e8}
  .hm-page .somit-line .illustration{display:grid;grid-template-columns:130px minmax(0,1fr);min-height:180px}
  .hm-page .somit-line .illustration .line-product-image{width:130px;height:145px;padding:18px;border-bottom:0;align-self:center}
  .hm-page .somit-line .illustration>div{padding:18px 24px 18px 0}
  .hm-page .somit-line .line-node-link{margin-top:10px}
}
/* Larger product illustrations; the weight display shares the machine's scale. */
.hm-page .somit-line .conveyor{grid-template-columns:minmax(0,1fr) 316px;min-height:465px}
.hm-page .somit-line .hero{height:465px}
.hm-page .somit-line .illustration .line-product-image{height:224px;padding:12px 18px;flex:none}
.hm-page .somit-line .illustration>div{padding:17px 20px}
.hm-page .somit-line .illustration h3{font-size:23px;margin-bottom:8px}
.hm-page .somit-line .illustration p{font-size:14px;line-height:1.5;margin-bottom:11px}
.hm-page .line-phases span{justify-content:center;text-align:center;min-height:43px}
.hm-page .somit-line .elem__weighing .move{left:50%;top:-27px;width:76px;height:27px;transform:translateX(-50%);border-width:1px;border-radius:2px;background:#f4f7fa;display:grid;place-items:center;box-sizing:border-box}
.hm-page .somit-line .elem__weighing .move:before{font-size:14px;line-height:1;vertical-align:initial;padding:0;color:#14213d;font-weight:500;white-space:nowrap}
@media(min-width:1001px) and (max-width:1100px){.hm-page .somit-line .conveyor{grid-template-columns:minmax(0,1fr) 285px}.hm-page .somit-line .illustration .line-product-image{height:215px}.hm-page .somit-line .illustration h3{font-size:22px}}
@media(min-width:701px) and (max-width:1000px){.hm-page .somit-line .conveyor{grid-template-columns:minmax(0,1fr);min-height:0}.hm-page .somit-line .hero{height:360px}.hm-page .somit-line .illustration{grid-template-columns:195px minmax(0,1fr);min-height:205px}.hm-page .somit-line .illustration .line-product-image{width:195px;height:205px;padding:14px 21px;border:0}.hm-page .somit-line .illustration>div{padding:21px 24px 21px 0}.hm-page .somit-line .illustration h3{font-size:25px}}
@media(max-width:700px){.hm-page .somit-line .conveyor{min-height:0}.hm-page .somit-line .hero{height:280px}.hm-page .somit-line .illustration,.hm-page .somit-line .illustration.active{grid-template-columns:112px minmax(0,1fr);min-height:235px}.hm-page .somit-line .illustration .line-product-image{height:168px;padding:17px 8px 10px 12px;border:0;align-self:center}.hm-page .somit-line .illustration>div{padding:17px 14px 17px 4px}.hm-page .somit-line .illustration h3{font-size:21px}.hm-page .somit-line .illustration p{font-size:13px}.hm-page .line-phases span{display:flex;font-size:10px;padding:9px 5px;min-height:48px;line-height:1.3}}
@media(max-width:360px){.hm-page .somit-line .illustration,.hm-page .somit-line .illustration.active{grid-template-columns:94px minmax(0,1fr)}.hm-page .somit-line .illustration .line-product-image{height:150px;padding-inline:7px}.hm-page .somit-line .illustration h3{font-size:20px}}
/* home7: one icon layer; consistent controls and no text caret on animation controls. */
.hm-page .somit-line .controls button{background-image:none!important;caret-color:transparent;-webkit-user-select:none;user-select:none}
.hm-page .somit-line .controls button::before,.hm-page .somit-line .controls button::after{content:none!important;display:none!important}
.hm-page .somit-line .controls svg{display:block;width:26px;height:26px;fill:#14213d;pointer-events:none;caret-color:transparent}
.hm-page .somit-line .controls .line-pause-symbol{display:none}
.hm-page .somit-line .controls .pause .line-pause-symbol{display:inline}
.hm-page .somit-line .controls .pause .line-play-symbol{display:none}
.hm-page .somit-line .controls button:focus-visible{outline:2px solid #c95327;outline-offset:3px}
.hm-page .somit-line .line-tools,.hm-page .somit-line .line-tools *{caret-color:transparent}
/* home8: the fourth phase aligns with the equipment card; artwork keeps its size. */
.hm-page .somit-line{--line-card-width:316px}
@media(min-width:1001px){.hm-page .somit-line .conveyor{grid-template-columns:minmax(0,1fr) var(--line-card-width)}.hm-page .somit-line .line-phases{grid-template-columns:repeat(3,minmax(0,1fr)) var(--line-card-width)}}
@media(min-width:1001px) and (max-width:1100px){.hm-page .somit-line{--line-card-width:285px}}
.hm-page .somit-line .line-reading-hint{margin:0;padding:11px 18px 0;font-size:11px;line-height:1.5;color:#5b6778;border-top:1px solid #dbe1e8}
.hm-page .somit-line .line-caption{border-top:0;padding-top:6px}
@media(hover:none){.hm-page .somit-line .line-hover-hint{display:none}}
@media(max-width:700px){.hm-page .somit-line .line-reading-hint{font-size:10px;padding:10px 12px 0}}

/* motion1: immediate readable motion and a compact mobile drawing. */
.hm-page .somit-line .elem__palet_pic { transition: none; }
.hm-page .somit-line .illustration { transition: opacity .18s ease, visibility .18s; transform: none; }
@media (max-width:700px) {
  .hm-page .somit-line .hero { height:300px; }
  .hm-page .line-toolbar { padding:10px 12px; }
  .hm-page .line-toolbar label { font-size:0; }
  .hm-page .line-toolbar select { margin-top:0; }
  .hm-page .line-tools { margin-top:8px; }
}
@media (max-width:360px) {
  .hm-page .somit-line .illustration,
  .hm-page .somit-line .illustration.active { grid-template-columns:80px minmax(0,1fr); }
  .hm-page .somit-line .illustration h3 { font-size:19px; }
  .hm-page .somit-line .illustration .line-product-image { padding-inline:4px; }
}

/* motion6: the same box rows stay attached to the pallet after deposition. */
.hm-page .somit-line .line-pallet-row{z-index:2;pointer-events:none;transform-origin:50% 50%;}