.page-app__hero{padding:4rem 0;box-shadow:inset 0 20px 30px -15px #0000004d,inset 0 -20px 30px -15px #0000004d}.page-app__hero-inner{padding:0}.page-app__hero-grid{display:flex;gap:5rem;align-items:center}.page-app__hero-text{flex:1 1 50%;color:#fff}.page-app__hero-video{flex:1 1 50%}.page-app__hero-video-container{position:relative;aspect-ratio:16 / 9;cursor:pointer;overflow:hidden;box-shadow:var(--elevation-high-horizontal-offset) var(--elevation-high-vertical-offset) var(--elevation-high-blur) rgba(0,0,0,var(--elevation-high-opacity))}.page-app__hero-video-thumbnail{display:block;width:100%;height:100%;object-fit:cover}.page-app__hero-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:60px;background:#000;border:none;border-radius:var(--radius-card);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.75}.page-app__hero-video-play:hover{transform:translate(-50%,-50%) scale(1.05)}.page-app__hero-video-play svg{width:32px;height:32px;color:#fff}.page-app__hero-video-play:hover svg{color:#fff}.page-app__hero-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page-app__hero-title{font-size:var(--font-size-xxl);font-weight:700;margin-top:0;line-height:1.4;color:#fff}.page-app__hero-subtitle{font-size:var(--font-size-md);font-weight:700;margin:0;padding:0;line-height:1}.page-app__hero-description{font-size:var(--font-size-md);font-weight:700;line-height:1.8}.page-app__hero-badge{display:inline-block;margin-top:2rem}.page-app__hero-badge-dark,.page-app__hero-badge:hover .page-app__hero-badge-light{display:none}.page-app__hero-badge:hover .page-app__hero-badge-dark{display:block}@media screen and (max-width: 740px){.page-app__hero{padding:3rem 0}.page-app__hero-grid{flex-direction:column;gap:2rem;padding:0 10px}.page-app__hero-text{flex:1 1 100%;text-align:center}.page-app__hero-video{flex:1 1 100%;width:100%}.page-app__hero-video-play{width:100px;height:64px}.page-app__hero-video-play svg{width:24px;height:24px}.page-app__hero-title{margin-bottom:.75rem;letter-spacing:0}.page-app__hero-subtitle{font-size:var(--font-size-sm);margin-bottom:0}.page-app__hero-description{font-size:var(--font-size-sm)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page-app.css.map */
