.hero-section{padding-top:var(--desktop-padding-top);padding-bottom:var(--desktop-padding-bottom);padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%;background:linear-gradient(to bottom,var(--color-blue-300),var(--color-blue-500))}.hero-container{width:100%;display:grid;grid-template-columns:3fr 2fr;color:var(--color-navy-500)}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:var(--spacing-4)}.hero-logo{width:75%;padding-left:5%}.hero-display{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.hero-image--bg{position:absolute;top:60%;left:45%;margin:auto;height:auto;max-height:var(--sizing-11);transform:translateY(-50%) translate(-50%) rotate(10deg);z-index:1}.hero-image{position:relative;z-index:2;max-height:450px;width:auto;height:auto;object-fit:contain}.hero-copy{font-size:var(--font-size-6);font-family:Mattone,sans-serif;font-weight:700;color:var(--color-white);text-align:center;width:70%;max-width:752px}.hero-button{color:var(--color-white);background-color:var(--color-navy-500);width:var(--sizing-11);margin-top:var(--spacing-4);cursor:pointer;text-decoration:none;font-weight:700;font-size:var(--font-size-6);transition:background-color .75s ease,color .75s ease}.hero-button:hover{background-color:var(--color-blue-600);color:var(--color-white)}@media screen and (max-width: 1400px){.hero-copy{font-size:var(--font-size-5)}}@media screen and (max-width: 1095px){.hero-copy{font-size:var(--font-size-4)}}@media screen and (max-width: 768px){.hero-section{padding-top:var(--mobile-padding-top);padding-bottom:var(--mobile-padding-bottom);padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.hero-copy{font-size:var(--font-size-4);max-width:var(--sizing-13)}.hero-container{grid-template-columns:1fr}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:var(--spacing-4)}.hero-display{margin:var(--spacing-4) 0}.hero-button{width:100%;max-width:var(--sizing-13);justify-self:center;margin-top:var(--spacing-6)}.hero-logo{width:100%;max-width:var(--sizing-13);padding-left:0}.hero-image--bg{left:50%}}@media screen and (max-width: 480px){.hero-copy{font-size:var(--font-size-3)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-home-hero.css.map */