.so-hero-product{background-color:#cbd4df;background-position:bottom;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;margin-left:-50vw;min-height:844px;overflow:hidden;padding:80px 20px 48px;position:relative;transform:translateX(calc(var(--so-container-size)/2));width:100vw;&:before{aspect-ratio:2560/992;background-image:var(--image-xl);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";display:block;height:100%;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:-1;@media screen and (max-width:768px){display:none}}.so-hero-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--so-container-size);width:100%;.content{align-items:center;display:flex;gap:48px;justify-content:space-between;.data{align-items:flex-start;display:flex;flex-direction:column;gap:16px;max-width:526px;width:100%;>*{margin:0}.featured-specifications{backdrop-filter:blur(10px);background:rgba(235,241,245,.24);border:1px solid var(--so-color-grey-98);border-radius:8px;display:flex;flex-wrap:nowrap;gap:24px;padding:16px;width:fit-content;.featured-specification{display:flex;flex-direction:column;gap:4px;position:relative;h5{font-size:12px;font-weight:400;letter-spacing:0;line-height:1}h5,p{margin:0}p{font-size:var(--so-fontsize-h5);font-weight:var(--so-fontsize-h-font-weight);letter-spacing:var(--so-fontsize-h5-letterspacing);line-height:var(--so-fontsize-h5-line-height)}&:not(:last-child){padding-right:24px;&:after{background:var(--so-color-grey-98);bottom:0;content:"";height:100%;position:absolute;right:0;top:0;width:1px}}}}.more-specifications-link{font-size:12px;font-weight:400;line-height:1;text-underline-offset:1px}}figure{aspect-ratio:650/576;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;display:none;margin:0;max-width:650px;position:relative;width:100%;img{height:100%;object-fit:contain;object-position:center;position:relative;width:100%;z-index:2}}}.bottom{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;>p{font-size:var(--so-fontsize-h4);font-weight:var(--so-fontsize-h-font-weight);letter-spacing:var(--so-fontsize-h4-letterspacing);line-height:var(--so-fontsize-h4-line-height);margin:0;max-width:526px;width:100%}}}@media screen and (max-width:1352px){margin-left:-20px;transform:translateX(0);width:100vw}@media screen and (max-width:1010px){.so-hero-content{.bottom{align-items:flex-start;flex-direction:column}}}@media screen and (max-width:768px){background-color:var(--so-color-primary-light);.so-hero-content{gap:16px;.content{flex-direction:column;gap:24px;.data{max-width:100%;.featured-specifications{border-color:#dde5eb;width:100%;.featured-specification{flex:1;&:not(:last-child){&:after{background:#dde5eb}}}}.more-specifications-link{margin-left:auto}}figure{background-image:var(--grid-svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;--padding:56px;display:block;max-width:100%;overflow:hidden;padding:var(--padding);&:after{height:calc(100% - var(--padding)*2);left:50%;transform:translate(-50%,24%);width:calc(100% - var(--padding)*2)}}}.bottom{>p{max-width:100%}.buttons-wrapper{justify-content:flex-end;width:100%}}}}}