.landing-hero:has(.character-strip){--roster-height:clamp(220px, 34svh, 380px);min-height:100svh}.landing-hero:has(.character-strip) .landing-copy{padding-top:110px;padding-bottom:calc(var(--roster-height) + 24px)}.character-strip{z-index:2;height:var(--roster-height);isolation:isolate;position:absolute;inset:auto 0 0}.character-strip-track{width:100%;height:100%;display:flex;overflow:hidden}.character-column{isolation:isolate;min-width:0;height:100%;color:var(--landing-ink);background:0 0;border:0;border-radius:0;flex:1 1 0;padding:0;position:relative;overflow:hidden}.character-column:before{content:"";z-index:-1;background:linear-gradient(0deg, color-mix(in srgb, var(--character-core) 15%, transparent), transparent 92%);border-inline-start:1px solid color-mix(in srgb, var(--character-core) 20%, transparent);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 62%);mask-image:linear-gradient(#0000,#000 62%)}.character-column:after{content:"";background:var(--character-core);height:2px;box-shadow:0 -2px 18px 2px var(--character-core);opacity:.55;position:absolute;inset:auto 12% 0}.character-column-aura{z-index:-1;background:radial-gradient(ellipse at 50% 62%, color-mix(in srgb, var(--character-core) 48%, transparent), color-mix(in srgb, var(--character-core) 13%, transparent) 38%, transparent 67%);opacity:.85;position:absolute;inset:5% -45% -16%}.character-column-art{object-fit:contain;object-position:center bottom;width:max(100%,190px);max-width:none;height:calc(100% - 28px);filter:brightness(0) drop-shadow(0 0 1px var(--character-core)) drop-shadow(0 0 9px color-mix(in srgb, var(--character-core) 48%, transparent));pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.character-column-number{color:color-mix(in srgb, var(--character-core) 75%, var(--landing-ink));font-variant-numeric:tabular-nums;letter-spacing:.16em;text-indent:.16em;text-align:center;opacity:.55;pointer-events:none;font:500 9px/1 Space Grotesk,sans-serif;position:absolute;inset:auto 0 13px}@media (max-width:760px){.landing-hero:has(.character-strip){--roster-height:250px;min-height:100svh}.landing-hero:has(.character-strip) .landing-copy{padding-top:100px;padding-bottom:274px}.character-strip{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#777 transparent;overflow-x:auto}.character-strip-track{min-width:1080px}.character-column{min-width:76px}.character-column-art{width:166px}}html:has(.landing-world){scroll-snap-type:none}
