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