.gene-hero,.gene-hero__pin{position:relative}.gene-hero__bg{border-radius:inherit;inset:0;overflow:hidden;position:absolute;z-index:-1}.gene-hero__bg img,.gene-hero__bg video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gene-hero__scrim{background:rgba(6,8,12,var(--dim,.1));inset:0;position:absolute}.gene-hero[data-has-bg="1"]:not(.has-text-color){color:#fff}.gene-hero[data-has-bg="1"]:not(.gene-hero--editor) .gene-hero__pin{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:clamp(2rem,6vh,5rem) clamp(1.25rem,6vw,6rem)}.gene-hero__beats{display:flex;flex-direction:column;gap:clamp(2rem,6vh,4rem);position:relative;text-align:center;width:min(900px,82vw)}.gene-hero__eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.28em;margin:0 0 1rem;opacity:.72;text-transform:uppercase}.gene-hero__head{color:var(--gene-hero-head-c,inherit);font-size:clamp(2.2rem,6vw,5rem);font-weight:800;letter-spacing:-.02em;line-height:.98;margin:0;overflow-wrap:break-word;text-transform:uppercase;text-wrap:balance}.gene-hero__sub{font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.6;margin:1.1rem auto 0;max-width:52ch;opacity:.85;overflow-wrap:break-word}.gene-hero__hint{margin:0;opacity:.7}.gene-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.2rem,3vh,2rem)}.gene-hero[data-pos=center] .gene-hero__actions{justify-content:center}.gene-hero__btn{border-radius:999px;display:inline-block;font-size:clamp(.9rem,1.1vw,1.02rem);font-weight:600;letter-spacing:.01em;line-height:1.1;padding:.72em 1.6em;text-decoration:none;transition:transform .15s ease,opacity .15s ease}.gene-hero__btn:hover{transform:translateY(-1px)}.gene-hero__btn--solid{background:var(--gene-hero-btn-bg,#fff);color:var(--gene-hero-btn-c,#0b0d12)}.gene-hero__btn--ghost{border:1px solid var(--gene-hero-btn-bg,currentColor);color:var(--gene-hero-btn-bg,inherit)}.gene-hero[data-font=sans]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Kaku Gothic ProN,Yu Gothic,Helvetica Neue,Arial,sans-serif}.gene-hero[data-font=serif]{font-family:Georgia,Iowan Old Style,Hiragino Mincho ProN,Yu Mincho,Times New Roman,serif}.gene-hero[data-font=mono]{font-family:ui-monospace,Cascadia Code,Consolas,Menlo,Courier New,monospace}.gene-hero[data-btn-shape=rounded] .gene-hero__btn{border-radius:10px}.gene-hero[data-btn-shape=square] .gene-hero__btn{border-radius:0}.gene-hero--live{height:calc(var(--screens, 4)*100vh)}.gene-hero--live .gene-hero__pin{align-items:center;display:flex;height:100vh;height:100dvh;justify-content:center;overflow:hidden;padding:clamp(2rem,6vh,5rem) clamp(1.25rem,6vw,6rem);position:sticky;top:0}.gene-hero--story .gene-hero__beats{display:block;min-height:46vh}.gene-hero--story .gene-hero__beat{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(calc(-50% + 30px));transition:opacity .5s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.gene-hero--story .gene-hero__beat.is-on{opacity:1;pointer-events:auto;transform:translateY(-50%)}.gene-hero--story .gene-hero__beat.is-past{opacity:0;transform:translateY(calc(-50% - 30px))}@media(prefers-reduced-motion:reduce){.gene-hero--story .gene-hero__beat{transition:none}}.gene-hero[data-pos=bottom-left]:not(.gene-hero--editor) .gene-hero__pin{align-items:flex-end;justify-content:flex-start}.gene-hero[data-pos=bottom-left] .gene-hero__beats{text-align:left;width:min(620px,90vw)}.gene-hero[data-pos=bottom-left]:not(.gene-hero--editor) .gene-hero__beats{justify-content:center;min-height:46vh}.gene-hero[data-pos=bottom-left] .gene-hero__sub{margin-left:0;margin-right:auto}.gene-hero--live.gene-hero--timeline .gene-hero__beats{display:block;inset:0;min-height:0;position:absolute;width:auto}.gene-hero--live.gene-hero--timeline .gene-hero__beat{margin:0;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);width:min(560px,84vw);will-change:transform,opacity}.gene-hero--live.gene-hero--timeline .gene-hero__sub{margin-left:auto;margin-right:auto}.gene-hero--timeline .gene-hero__eyebrow,.gene-hero--timeline .gene-hero__head,.gene-hero--timeline .gene-hero__sub{text-shadow:0 1px 20px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.5)}.gene-hero--multi:not(.has-text-color){color:#fff}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__pin{box-sizing:border-box;min-height:100vh;min-height:100dvh}.gene-hero--multi .gene-hero__scene{align-items:center;display:flex;inset:0;justify-content:center;padding:clamp(2rem,6vh,5rem) clamp(1.25rem,6vw,6rem);pointer-events:none;position:absolute}.gene-hero--multi .gene-hero__scene .gene-hero__beats{min-height:0;position:relative;text-align:center;width:min(900px,82vw)}.gene-hero--multi:not(.gene-hero--multi-live) .gene-hero__scene{opacity:0}.gene-hero--multi:not(.gene-hero--multi-live) .gene-hero__scene[data-i="0"]{opacity:1}.gene-hero--multi.gene-hero--live{height:calc(var(--screens, 4)*var(--scenes, 1)*100vh)}.gene-hero--multi .gene-hero__eyebrow,.gene-hero--multi .gene-hero__head,.gene-hero--multi .gene-hero__sub{text-shadow:0 1px 20px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.5)}.gene-hero--multi[data-pos=bottom-left]:not(.gene-hero--editor) .gene-hero__scene{align-items:flex-end;justify-content:flex-start}.gene-hero--multi[data-pos=bottom-left] .gene-hero__scene .gene-hero__beats{text-align:left;width:min(620px,90vw)}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=bottom-left]{align-items:flex-end;justify-content:flex-start}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=bottom-left] .gene-hero__beats{text-align:left;width:min(620px,90vw)}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=center]{align-items:center;justify-content:center}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=center] .gene-hero__beats{text-align:center;width:min(900px,82vw)}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=bottom-right]{align-items:flex-end;justify-content:flex-end}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=bottom-right] .gene-hero__beats{text-align:right;width:min(620px,90vw)}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=bottom-right] .gene-hero__sub{margin-left:auto;margin-right:0}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=bottom-right] .gene-hero__actions{justify-content:flex-end}.gene-hero--multi:not(.gene-hero--editor) .gene-hero__scene[data-pos=center] .gene-hero__actions{justify-content:center}.gene-hero--multi-live .gene-hero__beats--story{min-height:46vh;position:relative}.gene-hero--multi-live .gene-hero__beats--story .gene-hero__beat{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(calc(-50% + 30px));transition:opacity .5s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.gene-hero--multi-live .gene-hero__beats--story .gene-hero__beat.is-on{opacity:1;pointer-events:auto;transform:translateY(-50%)}.gene-hero--multi-live .gene-hero__beats--story .gene-hero__beat.is-past{opacity:0;transform:translateY(calc(-50% - 30px))}@media(prefers-reduced-motion:reduce){.gene-hero--multi-live .gene-hero__beats--story .gene-hero__beat{transition:none}}.gene-hero--multi-live.gene-hero--timeline[data-timeline="1"] .gene-hero__scene .gene-hero__beats{inset:0;min-height:0;position:absolute;text-align:center;width:auto}.gene-hero--multi-live.gene-hero--timeline[data-timeline="1"] .gene-hero__scene .gene-hero__beat{margin:0;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);width:min(560px,84vw);will-change:transform,opacity}.gene-hero--multi-live.gene-hero--timeline[data-timeline="1"] .gene-hero__scene .gene-hero__sub{margin-left:auto;margin-right:auto}.gene-hero--live.gene-hero--timeline .gene-hero__actions,.gene-hero--multi-live.gene-hero--timeline[data-timeline="1"] .gene-hero__scene .gene-hero__actions{justify-content:center}.gene-hero--live.gene-hero--timeline .gene-hero__beat--btn,.gene-hero--multi-live.gene-hero--timeline[data-timeline="1"] .gene-hero__scene .gene-hero__beat--btn{max-width:84vw;width:-moz-max-content;width:max-content}.gene-hero__beat--btn .gene-hero__actions{margin-top:0}.gene-hero__shatter{inset:0;opacity:0;perspective:1100px;pointer-events:none;position:absolute;z-index:1}.gene-hero__bg.is-shattering .gene-hero__shatter{opacity:1}.gene-hero__shard{backface-visibility:hidden;background-image:var(--gene-shatter-img);background-repeat:no-repeat;position:absolute;will-change:transform,opacity}.gene-hero__bg.is-shattering>.gene-hero__scrim,.gene-hero__bg.is-shattering>img,.gene-hero__bg.is-shattering>video{opacity:0}