.characters{height:180svh;font-family:var(--font-funnel);position:relative}.characters-stage{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100svh;min-height:600px;display:flex;position:sticky;top:0;overflow:hidden}.characters-intro{z-index:0;text-align:center;pointer-events:none;flex-direction:column;align-items:center;margin-top:-40px;padding:0 16px;display:flex;position:absolute;top:50%}.characters-intro h2{color:var(--type-ink);letter-spacing:-.025em;margin:0;font-size:24px;font-weight:500;line-height:32px}.characters-intro p{color:#6b7280;letter-spacing:.2em;text-transform:uppercase;margin:16px 0 0;font-size:12px;font-weight:700;line-height:16px}.characters-content{scroll-margin-bottom:var(--space-content);top:max(8%, calc(var(--nav-top,44px) + 80px), var(--content-top,0px));z-index:1;text-align:center;pointer-events:none;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:absolute}.characters-content .characters-eyebrow{max-width:none;margin:0 0 var(--space-eyebrow);color:var(--type-subtle);font:700 var(--type-eyebrow)/1.4 var(--font-funnel);letter-spacing:.16em;text-transform:uppercase}.characters-content h2{color:var(--type-ink);font-size:var(--type-h2);font-weight:600;line-height:var(--type-h2-lh);letter-spacing:var(--type-h2-track);text-wrap:balance;margin:0}.characters-content p{max-width:540px;margin:var(--space-lede) 0 0;color:var(--type-body);font-size:var(--type-lede);line-height:var(--type-lede-lh)}.characters-content br{display:none}.characters-ring{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.characters-sticker{cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;width:88px;height:108px;display:flex;position:absolute}.characters-sticker img{object-fit:contain;filter:drop-shadow(0 12px 22px #00000024);-webkit-user-drag:none;width:100%;height:100%;transition:transform .2s}@media (max-width:767px){.characters-intro{max-width:230px}.characters-intro h2{text-wrap:balance;font-size:22px;line-height:28px}.characters-intro p{letter-spacing:.2em;font-size:11px}.characters-content p{text-wrap:balance}}@media (max-width:640px){.characters{height:210svh}.characters-stage{min-height:0}}.characters{margin-bottom:-12svh}@media (min-width:768px){.characters-intro h2{font-size:36px;line-height:40px}.characters-content{top:max(12%, calc(var(--nav-top,44px) + 84px), var(--content-top,0px))}.characters-content br{display:inline}.characters-content p{max-width:100%}}
