.viva-hero{--viva-hero-h: 580px;--viva-hero-text: rgba(0, 0, 0, .95);min-height:var(--viva-hero-h);background:#eaf3f7}.viva-hero--light{--viva-hero-text: rgba(255, 255, 255, .95);background:#000}.viva-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0}.viva-hero__bg picture,.viva-hero__img{width:100%;height:100%}.viva-hero__img{object-fit:cover;object-position:center}.viva-hero__inner{position:relative;display:flex;align-items:center;width:100%;max-width:var(--viva-content-max);min-height:var(--viva-hero-h);margin:0 auto;padding:0 128px}.viva-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:528px;color:var(--viva-hero-text)}.viva-hero__title{margin:0;font-family:var(--viva-font-bold);font-weight:700;font-size:48px;line-height:1.3;color:inherit}.viva-hero__subtitle{margin:-16px 0 0;font-size:18px;line-height:1.3;color:inherit}.viva-hero__video{position:relative;display:block;width:300px;aspect-ratio:8 / 3;padding:0;border:0;border-radius:12px;overflow:hidden;background:#0b1a26;cursor:pointer;box-shadow:0 8px 24px #0000002e}.viva-hero__video img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--viva-ease)}.viva-hero__video:hover img{transform:scale(1.04)}.viva-hero__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff3;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff59;transition:background-color .2s var(--viva-ease),transform .2s var(--viva-ease)}.viva-hero__play svg{width:14px;height:14px}.viva-hero__video:hover .viva-hero__play{background:#ffffff52;transform:translate(-50%,-50%) scale(1.06)}.viva-hero__video:focus-visible{outline:2px solid var(--viva-glow);outline-offset:2px}.viva-hero__dialog{width:min(1200px,92vw);max-width:none;max-height:none;padding:0;border:0;border-radius:16px;background:#000;color:#fff;overflow:visible}.viva-hero__dialog::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viva-hero__dialog-body{width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#000}.viva-hero__dialog-video{width:100%;height:100%;object-fit:contain;background:#000}.viva-hero__close{position:absolute;top:-48px;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer}.viva-hero__close svg{width:20px;height:20px}.viva-hero__close:hover{background:#ffffff38}@media screen and (max-width:749px){.viva-hero{--viva-hero-h: 500px;--viva-hero-text: rgba(255, 255, 255, .95);background:#000}.viva-hero__inner{align-items:flex-start;padding:24px 16px 0}.viva-hero__copy{gap:16px;max-width:100%}.viva-hero__title{font-size:32px;background:var(--viva-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.viva-hero__subtitle{margin-top:-12px;font-size:14px}.viva-hero__video{width:213px;border-radius:8px}.viva-hero__play{width:34px;height:34px}.viva-hero__play svg{width:10px;height:10px}.viva-hero__dialog{width:100vw;border-radius:0}.viva-hero__dialog-body{border-radius:0}.viva-hero__close{top:-52px;right:12px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/section-viva-hero.css.map */