.hp-wrapper{justify-content:center;width:100%;height:calc(38rem + 337px);max-height:97vh;display:flex;position:relative}.hp-wrapper .background-image{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hp-wrapper .background-image figure{width:100%;height:100%;margin:0}.hp-wrapper .background-image img{object-fit:cover;width:100%;height:100%;position:relative}.hp-wrapper .background-image img .overlay{z-index:100;background-color:#201c1c4d;width:100%;height:100%;position:absolute;top:0;left:0;right:0}.hp-wrapper .homepage{max-width:var(--normal-max-width);z-index:2;justify-content:space-between;align-items:center;width:100%;height:100%;margin:-96px 0;transition:--color 1s;display:flex;position:relative}.hp-wrapper .homepage .left{z-index:10;flex-direction:column;gap:1.5rem;width:100%;max-width:1000px;display:flex;position:absolute;transform:translateY(96px)}.hp-wrapper .homepage .left #cta{flex-direction:column;gap:1.6rem;display:flex}.hp-wrapper .homepage .left #cta small{color:var(--text-100);font-family:Outfit-Bold,sans-serif;font-weight:700}.hp-wrapper .homepage .left #cta p{color:var(--text-100);font-size:1.2rem}.hp-wrapper .homepage .left #cta .buttons{text-transform:uppercase;flex-wrap:wrap;gap:.3rem;display:flex}@media only screen and (width>=100px) and (width<=967px){.hp-wrapper .homepage .left{padding:0px var(--horizontal-default-margin);gap:.5rem}}.hp-wrapper .homepage .hp-media{flex-grow:1;align-items:flex-end;width:100%;max-width:600px;height:100%;min-height:600px;display:flex}@media only screen and (width>=100px) and (width<=967px){.hp-wrapper .homepage .hp-media{display:none}}.hp-wrapper .homepage .hp-media img{object-fit:contain;height:100%}@media only screen and (width>=100px) and (width<=967px){.hp-wrapper .homepage .hp-media{width:100%}.hp-wrapper .homepage{flex-direction:column;justify-content:center;min-height:600px}.hp-wrapper .homepage .placeholder{width:100%;min-height:320px}.hp-wrapper .homepage .background-image{height:100%;min-height:600px;bottom:0}.hp-wrapper .homepage .background-image figure{width:100%;height:100%;min-height:600px;margin:0}.hp-wrapper .homepage .background-image img{object-fit:cover}}.reference-card .product-preview{width:100%}