.name-wheel{--wheel-ink:#1f2a22;width:min(var(--shell-max,1320px), calc(100% - 2 * var(--shell-gutter,1.5rem)));color:var(--wheel-ink);font-family:var(--font-ui,"Helvetica Now Display", Arial, sans-serif);margin:clamp(3rem,6vw,6rem) auto clamp(5rem,9vw,9rem)}.name-wheel *,.name-wheel :before,.name-wheel :after{box-sizing:border-box}.name-wheel__stage{flex-direction:column;display:flex}.name-wheel__top,.name-wheel__foot{flex:none;justify-content:space-between;align-items:center;gap:1rem;min-height:2.25rem;display:flex}.name-wheel__micro{color:#5d6a58;font-family:PP Supply Mono,monospace;font-size:var(--type-label,.75rem);letter-spacing:.025em;text-transform:uppercase;margin:0;font-weight:300;line-height:1.45}.name-wheel__caption{text-align:right}.name-wheel__drum{flex:auto;min-height:0;position:relative}.name-wheel__list{margin:0;padding:0;list-style:none}.name-wheel__item{letter-spacing:-.035em;text-align:center;font-weight:700;line-height:1.1}.name-wheel__name{white-space:nowrap;display:inline-block}.name-wheel:not(.is-wheel) .name-wheel__list{gap:1.75rem;padding-block:2.5rem 1rem;display:grid}.name-wheel:not(.is-wheel) .name-wheel__item{font-size:clamp(1.75rem,3vw,2.75rem)}.name-wheel:not(.is-wheel) .name-wheel__name{white-space:normal}.name-wheel:not(.is-wheel) .name-wheel__note{color:#5d6a58;letter-spacing:.025em;text-transform:uppercase;margin-top:.5rem;font-family:PP Supply Mono,monospace;font-size:.75rem;font-weight:300;line-height:1.4;display:block}.name-wheel:not(.is-wheel) :is(.name-wheel__ruler,[data-wheel-count],[data-wheel-caption]){display:none}.name-wheel.is-wheel .name-wheel__stage{height:var(--wheel-stage-h,min(calc(100svh - 7rem), 880px));padding-block:.25rem}.name-wheel.is-wheel .name-wheel__list{position:absolute;inset:0 3.75rem}.name-wheel.is-wheel .name-wheel__item{font-size:calc(clamp(2rem, 4vw, 4rem) * var(--wheel-fit,1));opacity:.12;transform-origin:50%;margin-top:-.55em;transition:opacity .3s cubic-bezier(.5,0,0,1);position:absolute;top:50%;left:0;right:0}.name-wheel.is-wheel .name-wheel__item.is-front{opacity:1}.name-wheel.is-wheel .name-wheel__item.is-away{opacity:0;transition:none}.name-wheel.is-wheel .name-wheel__note{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.name-wheel__ruler{width:1.75rem;height:calc(100% - 1.5rem);color:var(--wheel-ink);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.name-wheel__ruler--left{align-items:flex-start;left:0}.name-wheel__ruler--right{align-items:flex-end;right:0}.name-wheel__ruler i{opacity:.2;background:currentColor;width:100%;height:1px;transition:transform .25s cubic-bezier(.5,0,0,1),opacity .25s cubic-bezier(.5,0,0,1);display:block;transform:scaleX(.36)}.name-wheel__ruler--left i{transform-origin:0}.name-wheel__ruler--right i{transform-origin:100%}.name-wheel__ruler i.t1{opacity:.32;transform:scaleX(.5)}.name-wheel__ruler i.t2{opacity:.48;transform:scaleX(.64)}.name-wheel__ruler i.t3{opacity:.7;transform:scaleX(.79)}.name-wheel__ruler i.t4{opacity:1;transform:none}@media (width<=767px){.name-wheel{margin-block:2rem 5rem}.name-wheel__foot{align-items:flex-start}.name-wheel__foot .name-wheel__micro{max-width:50%}.name-wheel.is-wheel .name-wheel__list{inset:0 2.25rem}.name-wheel.is-wheel .name-wheel__item{font-size:calc(clamp(1.5rem, 7.6vw, 2.5rem) * var(--wheel-fit,1))}.name-wheel__ruler{width:1.25rem}}@media (prefers-reduced-motion:reduce){.name-wheel__item,.name-wheel__ruler i{transition:none}}