.skz-hero{position:relative}.skz-hero.skz-section{padding:40px 0}.skz-hero-stack{flex-direction:column;gap:40px;display:flex}.skz-hero-copy{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.skz-hero-brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.skz-hero-brand-mark{border-radius:12px;width:40px;height:40px;display:block;box-shadow:0 6px 16px -6px #973f1a73}.skz-hero-brand-name{font-family:var(--font-extrabold);letter-spacing:-.01em;color:var(--color-text);font-size:20px}.skz-hero-cta{width:100%;margin-top:8px}.skz-hero-video-wrap{z-index:1;width:100%;max-width:min(360px,100%);margin:0 auto;position:relative}.skz-hero-video-frame{aspect-ratio:9/16;background:var(--color-text);outline-offset:-1px;border-radius:32px;outline:1px solid #ffffff80;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #973f1a59}.skz-hero-video-frame video,.skz-hero-video-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.skz-hero-sound{color:#fff;background:#1118278c;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s;display:flex;position:absolute;bottom:16px;right:16px}@media (hover:hover) and (pointer:fine){.skz-hero-sound:hover{background:#111827bf}}.skz-hero-play{color:#fff;background:#11182747;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skz-hero-play-badge{background:#1118278c;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.skz-footer{background:var(--color-text);color:#ffffffb3;box-shadow:0 100vh 0 0 var(--color-text);padding:48px 0 28px}.skz-footer-grid{flex-direction:column;gap:28px;display:flex}.skz-footer-cols{flex-direction:column;gap:12px;display:flex}.skz-footer-heading{font-family:var(--font-bold);color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:13px}.skz-footer-link{font-family:var(--font-regular);color:#ffffffa6;font-size:14px;transition:color .15s}@media (hover:hover) and (pointer:fine){.skz-footer-link:hover{color:#fff}}.skz-footer-bottom{color:#ffffff80;border-top:1px solid #ffffff24;flex-direction:column;gap:6px;margin-top:40px;padding-top:22px;font-size:13px;display:flex}