.layered-image-hero-container{display:grid;grid-gap:36px;align-items:center;grid-template-columns:1fr 504px;padding:72px 4px 120px}.layered-image-hero-container .text-container h1{display:flex;flex-flow:column nowrap;margin:0;padding:0}.layered-image-hero-container .eyebrow-text{color:var(--white);font-size:24px;font-style:normal;font-weight:500;letter-spacing:2px;line-height:30px;margin:0;padding:0;text-transform:uppercase}h1 .main-header{color:var(--white);font-size:54px;font-style:normal;font-weight:700;line-height:60px;margin:9px 0 18px;padding:0}.layered-image-hero-container .text-container p{color:var(--white);font-size:20px;font-style:normal;font-weight:500!important;margin:0;padding:0}.layered-image-hero-container .text-container a.button{margin-top:24px}.layered-image-wrapper{height:524px!important;overflow:hidden;position:relative}.layered-image-container{height:100%;max-height:504px;max-width:490px;position:absolute;right:0;top:0;width:100%}.background-image-with-border{border-radius:12px;box-shadow:0 0 0 4px var(--mint),0 0 0 8px var(--navy),0 0 0 12px var(--mint),0 0 0 16px var(--navy),0 0 0 20px var(--mint);line-height:0;object-fit:cover;opacity:0;overflow:hidden;position:absolute;top:20px;transition:transform .6s ease-in-out,opacity .9s ease-in-out;z-index:10}.background-image-with-border img{height:480px!important;max-width:300px!important;object-fit:cover}.right-aligned{left:auto;right:58px;transform:translateX(100px)}.left-aligned{left:58px;right:auto;transform:translateX(-100px)}.icon-and-screenshot-container{align-items:center;display:grid;grid-template-rows:1fr 1fr;min-height:504px;position:relative;z-index:100}.icon-and-screenshot-container .icon-container img{background-color:var(--mint);border-radius:12px;display:flex;max-width:96px!important;min-height:96px;padding:12px}.icon-and-screenshot-container .icon-container{opacity:0;transition:transform .6s ease-in-out,opacity .9s ease-in-out}.icon-and-screenshot-container .screenshot-container img{border:4px solid var(--mint);border-radius:12px;height:180px!important;max-width:240px!important;object-fit:cover;object-position:top left}.icon-and-screenshot-container .screenshot-container{opacity:0;transition:transform .6s ease-in-out,opacity .9s ease-in-out}.right-aligned+.icon-and-screenshot-container .icon-container{display:flex;justify-content:flex-end;transform:translateX(100px)}.right-aligned+.icon-and-screenshot-container .screenshot-container{transform:translateX(100px)}.left-aligned+.icon-and-screenshot-container .icon-container{transform:translateX(-100px)}.left-aligned+.icon-and-screenshot-container .screenshot-container{display:flex;justify-content:flex-end;transform:translateX(-100px)}.background-image-with-border.animate{opacity:1;transform:translateX(0)}.icon-container.animate,.screenshot-container.animate{opacity:1;transform:translateX(0)!important}@media (max-width:899px){.layered-image-hero-container{grid-template-columns:1fr}.layered-image-container{left:0;margin:0 auto;right:0}}@media (max-width:580px){.layered-image-wrapper{height:420px!important;overflow:hidden;position:relative}.layered-image-container{max-height:400px;max-width:388px}.background-image-with-border{width:72%}.background-image-with-border img{height:380px!important;max-width:100%!important}.right-aligned{left:0;margin:0 auto;right:0;transform:translateX(100px)}.left-aligned{left:0;margin:0 auto;right:0;transform:translateX(-100px)}.icon-and-screenshot-container{min-height:420px}.icon-container img{max-width:66px!important;min-height:66px}.screenshot-container img{height:120px!important;max-width:160px!important}.right-aligned+.icon-and-screenshot-container .icon-container{display:flex;justify-content:flex-end;transform:translateX(100px)}.right-aligned+.icon-and-screenshot-container .screenshot-container{transform:translateX(100px)}.left-aligned+.icon-and-screenshot-container .icon-container{transform:translateX(-100px)}.left-aligned+.icon-and-screenshot-container .screenshot-container{display:flex;justify-content:flex-end;transform:translateX(-100px)}}