@layer components{.nav{--nav-pad:15px;--nav-row-h:52px;--portrait-w:52px;--logo-scale:1.7;z-index:20;padding-block:var(--nav-pad);transition:background-color .35s var(--ease-focus), box-shadow .35s var(--ease-focus);color:#fff;position:fixed;inset:0 0 auto;overflow:visible}.nav .wrap{min-height:var(--nav-row-h);justify-content:flex-end;align-items:center;display:flex;position:relative}.nav[data-stuck]{background:var(--color-purple-deep);box-shadow:0 10px 30px #2d152d38}.nav-links a[aria-current=page]{opacity:1;text-decoration:underline;-webkit-text-decoration-color:var(--color-orange);text-decoration-color:var(--color-orange);text-underline-offset:6px;text-decoration-thickness:2px}.nav-links a:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #fff}.nav-brand:focus-visible{outline:none}.nav-brand:focus-visible .nav-brand-logo{outline-offset:4px;outline:2px solid #fff}.nav-brand{top:calc(-1 * var(--nav-pad));left:var(--edge);width:var(--portrait-w);height:68.0333px;line-height:0;display:block;position:absolute}.nav-brand-logo{width:var(--portrait-w);height:auto;transform:scale(var(--logo-scale));transform-origin:0 0;position:absolute;inset:0 auto auto 0}.nav-links{gap:28px;font-size:15px;font-weight:700;list-style:none;display:flex}.nav-links a{opacity:.85;padding-block:11px;text-decoration:none;transition:opacity .2s;display:inline-block}.nav-links a:hover{opacity:1}.nav-hamburger{width:auto;min-width:42px;height:42px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-right:-8px;padding:0 9px 0 0;font-size:14px;font-weight:700;line-height:1;display:none;position:relative}.nav-menu-label{white-space:nowrap}.nav-menu-icon{flex:none;width:24px;height:24px;display:block;position:relative}.nav-menu-icon>span{transform-origin:50%;background:currentColor;border-radius:2px;width:24px;height:2.5px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.nav-menu-icon>span:first-child{top:6.5px}.nav-menu-icon>span:last-child{top:15px}.nav-hamburger[aria-expanded=true]{z-index:70}.nav-hamburger[aria-expanded=true] .nav-menu-icon>span:first-child{transform:translateY(4.25px)rotate(45deg)}.nav-hamburger[aria-expanded=true] .nav-menu-icon>span:last-child{transform:translateY(-4.25px)rotate(-45deg)}.nav-hamburger:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fff}@media (max-width:720px){.nav{--nav-pad:4px;--nav-row-h:42px;--logo-scale:1.35;height:50px;max-height:50px}.nav-links{display:none}.nav-hamburger{display:inline-flex}.nav-brand{top:calc(-1 * var(--nav-pad) - 8px)}}.mobile-menu{z-index:60;padding:4px var(--edge) 34px;background:var(--color-purple-deep);color:#fff;animation:menu-in .35s var(--ease-focus) both;flex-direction:column;display:flex;position:fixed;inset:0}@keyframes menu-in{0%{opacity:0}to{opacity:1}}.mobile-menu-head{justify-content:flex-end;align-items:center;min-height:42px;display:flex}.mobile-menu-brand{top:-8px;left:var(--edge);width:70.2px;height:91.85px;line-height:0;display:block;position:absolute}.mobile-menu-brand:focus-visible{outline-offset:4px;outline:2px solid #fff}.mobile-menu-brand img{width:70.2px;height:auto;position:absolute;top:0;left:0}.mobile-menu-links{gap:4px;margin-top:clamp(36px,9vh,84px);list-style:none;display:grid}.mobile-menu-links a{letter-spacing:-.01em;color:#fff;border-bottom:1px solid #ffffff29;padding:13px 0;font-size:clamp(26px,7vw,32px);font-weight:800;text-decoration:none;display:block}.mobile-menu-links li:last-child a{border-bottom:0}.mobile-menu-footer{letter-spacing:.08em;text-transform:uppercase;color:var(--color-lilac);margin-top:auto;font-size:13px;font-weight:700}}
.choice-pairs-heading h2{max-width:16ch;color:var(--color-purple);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(38px,5.6vw,72px);line-height:1.02}.choice-pairs-title span{display:block}.choice-pairs-title .soft{color:var(--color-lilac)}.choice-pairs-title .sharp{color:var(--color-purple)}@media (min-width:1000px){.choice-pairs-heading h2{max-width:none}.choice-pairs-title span{white-space:nowrap}}.choice-pairs-heading p{max-width:66ch;color:var(--color-gray-soft);margin-top:24px;font-size:clamp(17px,1.7vw,20px);line-height:1.65}.choice-pairs-list{margin-top:clamp(52px,8vw,96px);list-style:none}.choice-pair-row{border-top:1px solid var(--color-lilac-wash-2);grid-template-columns:48px minmax(0,.78fr) 48px minmax(0,1.2fr);align-items:center;gap:clamp(14px,2.6vw,36px);min-height:142px;padding-block:28px;display:grid}.choice-pair-row:last-child{border-bottom:1px solid var(--color-lilac-wash-2)}.choice-pair-number{color:var(--color-lilac);letter-spacing:.1em;font-variant-numeric:tabular-nums;align-self:start;font-size:13px;font-weight:800}.choice-pair-from{color:var(--color-gray-dim);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--color-lilac) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--color-lilac) 55%, transparent);font-size:clamp(15px,1.55vw,18px);line-height:1.55;text-decoration-thickness:1px}.choice-pair-arrow{width:42px;color:var(--color-orange)}.choice-pair-to{color:var(--color-purple);letter-spacing:-.015em;font-size:clamp(20px,2.1vw,29px);font-weight:800;line-height:1.25}@media (max-width:800px){.choice-pair-row{grid-template-columns:34px minmax(0,1fr) 28px;align-items:start;gap:10px 14px;min-height:auto;padding-block:25px}.choice-pair-number{grid-row:1/span 2}.choice-pair-from{grid-column:2/-1}.choice-pair-arrow{grid-column:2;width:28px;margin-top:5px;transform:rotate(90deg)}.choice-pair-to{grid-column:2/-1}}@media (max-width:560px){.choice-pairs-heading h2{font-size:clamp(36px,11vw,50px)}.choice-pairs-list{margin-top:44px}}
@layer components{.hero-fusion{height:var(--hero-runway,240svh);color:#fff;background:radial-gradient(120% 90% at 78% 40%, var(--color-purple-duotone) 0%, var(--color-purple) 46%, var(--color-purple-deep) 100%);position:relative;overflow:clip}.hero-stage{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:clip}.hero-haze,.hero-sharp{position:absolute;inset:0}.hero-haze{z-index:0}.hero-sharp{z-index:1;clip-path:circle(0);will-change:clip-path}.hero-haze :is(video,img),.hero-sharp :is(video,img){object-fit:cover;object-position:50% 42%;width:100%;height:100%}.hero-haze :is(video,img){filter:blur(10px)saturate(.55)brightness(.72);transform:scale(1.08)}.hero-haze:before,.hero-haze:after{content:"";pointer-events:none;position:absolute;inset:0}.hero-haze:before{background:var(--color-purple-duotone);mix-blend-mode:color;opacity:.72}.hero-haze:after{mix-blend-mode:multiply;background:linear-gradient(15deg,#4a1554d1 0%,#63206f99 50%,#71257f73 100%)}.hero-text-scrim{z-index:2;pointer-events:none;background:linear-gradient(90deg,#4012498c 0%,#40124940 34%,#40124900 58%);position:absolute;inset:0}.hero-text-ground{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,#2d0c34d1 0%,#2d0c3485 38%,#2d0c3400 66%);position:absolute;inset:0}.hero-top-scrim{z-index:2;pointer-events:none;background:linear-gradient(#2d0c349e 0%,#2d0c3447 52%,#2d0c3400 100%);height:190px;position:absolute;inset:0 0 auto}.hero-fusion .wrap{z-index:4;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"head lens""tail lens";align-items:center;gap:0 clamp(32px,6vw,88px);width:100%;padding-block:120px 80px;display:grid;position:relative}.hero-head{grid-area:head;align-self:end}.hero-tail{grid-area:tail;align-self:start}.hero-text h1{margin:18px 0 20px;font-size:clamp(46px,7.2vw,92px)}.hero-text .sub{color:#e8d9ec;max-width:26em;font-size:clamp(18px,2vw,23px);font-weight:600;line-height:1.45}.hero-text .sub p+p{margin-top:.8em}.hero-cta{color:#fff;border:2px solid #ffffff8c;border-radius:12px;align-items:center;gap:10px;margin-top:36px;padding:13px 26px;font-size:15px;font-weight:800;text-decoration:none;transition:background .25s,border-color .25s;display:inline-flex}.hero-cta:hover{background:#ffffff1f;border-color:#fff}.hero-cta svg{width:14px;height:14px}.hero-ctas{flex-wrap:wrap;gap:12px 14px;margin-top:36px;display:flex}.hero-ctas .hero-cta{margin-top:0}.lens{aspect-ratio:1;width:min(100%,56svh,560px);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;grid-area:lens;justify-self:end;padding:0;position:relative;box-shadow:0 30px 80px #00000059}.lens-rings{pointer-events:none;position:absolute;inset:0}.lens-rings .lens-ring{transition:inset .45s var(--ease-focus), border-color .45s var(--ease-focus);border-radius:50%;position:absolute}.lens-rings .lens-ring-1{border:1.5px solid #ffffff8c;inset:-14px}.lens-rings .lens-ring-2{border:1px solid #ffffff47;inset:-34px}.lens-rings .lens-ring-3{border:1px solid #ffffff21;inset:-58px}.lens:hover .lens-ring-1{border-color:#fffc;inset:-19px}.lens:hover .lens-ring-2{border-color:#ffffff6b;inset:-41px}.lens:hover .lens-ring-3{border-color:#ffffff38;inset:-68px}.lens:focus-visible{outline:none}.lens:focus-visible .lens-ring-1{border:2px solid var(--color-orange);inset:-19px}.hero-playpause{z-index:5;color:#fff;cursor:pointer;width:44px;height:44px;transition:background .3s var(--ease-focus), border-color .3s var(--ease-focus);background:#2d0c34b8;border:1px solid #fff9;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:clamp(16px,4vw,32px);right:clamp(16px,4vw,32px)}.hero-playpause:hover{background:#2d0c34e0;border-color:#fff}.hero-playpause:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px;background:#2d0c34e0;border-color:#fff}.hero-playpause svg{width:11px;height:13px}@media (max-width:900px){.hero-fusion .wrap{grid-template:"head""lens"minmax(min-content,1fr)"tail"/1fr;gap:20px;min-height:100svh;padding-block:124px 40px}.hero-head h1{margin-bottom:0}.hero-text h1{margin-top:12px;font-size:clamp(34px,9.5vw,46px)}.hero-text .sub{font-size:16px}.hero-ctas{gap:10px;margin-top:22px}.hero-cta{padding:11px 20px}.lens{justify-self:start;width:min(70vw,34svh,320px);margin-left:12px}.lens-rings .lens-ring-2{inset:-22px}.lens-rings .lens-ring-3{inset:-32px}.hero-text-ground{background:linear-gradient(#2d0c34d9 0%,#2d0c3473 26%,#2d0c344d 52%,#2d0c34cc 82%,#2d0c34e6 100%)}.hero-fusion{--hero-runway:190svh}}@media (max-width:900px) and (max-height:700px){.hero-fusion{height:auto;min-height:700px}.hero-stage{height:auto;min-height:700px;position:relative}.hero-fusion .wrap{gap:14px;min-height:700px;padding-block:118px 30px}.hero-text h1{margin-top:8px;font-size:clamp(30px,4vw,48px)}.hero-text .sub{font-size:15px}.hero-ctas{margin-top:16px}.lens{width:min(58vw,25svh,260px)}}}
@layer components{.jo-stage{--jo-rx:min(360px, 38vw);--jo-ry:115px;--jo-sat:176px;cursor:grab;touch-action:pan-y;height:540px;margin-top:clamp(24px,5vh,56px);position:relative}.jo-dragging{cursor:grabbing}.jo-path,.jo-path-front{width:calc(2 * var(--jo-rx));height:calc(2 * var(--jo-ry));pointer-events:none;border:2px dashed #a77bac80;border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.jo-path{z-index:5;clip-path:inset(0 0 50%)}.jo-path-front{z-index:25;clip-path:inset(50% 0 0)}.jo-person{z-index:20;pointer-events:none;perspective:1100px;position:absolute;top:46%;left:50%;transform:translate(-50%,-97%)}.jo-you{-webkit-user-select:none;user-select:none;z-index:4;background:var(--color-ink);color:#fff;white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:800;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.jo-p3d{width:200px;height:201px;position:relative}.jo-p3d svg{fill:currentColor;width:100%;height:100%;position:absolute;inset:0}.jo-p3d .jo-press2{color:var(--color-orange);opacity:.8;transform:translate(4.2%,4.7%)}.jo-p3d .jo-face{color:var(--color-purple)}.jo-p3d-shadow{filter:blur(13px);background:#62176140;border-radius:50%;width:230px;height:36px;position:absolute;bottom:-48px;left:50%;transform:translate(-50%)}.jo-sat{width:var(--jo-sat);aspect-ratio:1;margin:calc(var(--jo-sat) / -2) 0 0 calc(var(--jo-sat) / -2);cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:calc(.55 + .45 * var(--jo-depth,1));background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:46%;left:50%}.jo-sat:after{content:"";border:1.5px solid var(--color-lilac);opacity:.6;pointer-events:none;border-radius:50%;position:absolute;inset:-9px}.jo-front{cursor:default}.jo-sat .inner{background:var(--step-color);box-shadow:0 10px 26px color-mix(in srgb, var(--step-color) 24%, transparent);filter:blur(calc((1 - var(--jo-depth,1)) * 5px)) saturate(calc(.65 + .35 * var(--jo-depth,1)));border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.jo-sat .inner svg{color:#fff;width:74%;height:auto}.jo-sat:focus-visible{outline:none}.jo-sat:focus-visible:after{border-color:var(--color-purple);opacity:1}.jo-sat[data-color=purple]{--step-color:var(--color-purple)}.jo-sat[data-color=lilac]{--step-color:#8f5d96}.jo-sat[data-color=orange]{--step-color:var(--color-orange)}.jo-caption{text-align:center;min-height:110px;margin-top:-18px}.jo-caption-inner{max-width:44ch;animation:jo-caption-in .5s var(--ease-focus) both;margin-inline:auto}@keyframes jo-caption-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.jo-caption h3{color:var(--color-purple);font-size:clamp(20px,2vw,24px)}.jo-caption p{color:var(--color-gray-soft);margin-top:8px;font-size:16px;line-height:1.55}.jo-arrow{z-index:40;border:1.5px solid var(--color-purple);background:var(--color-paper);width:52px;height:52px;color:var(--color-purple);cursor:pointer;transition:background .3s var(--ease-focus), color .3s var(--ease-focus);border-radius:50%;place-items:center;display:grid;position:absolute;top:46%}.jo-arrow-prev{left:8px;transform:translateY(-50%)}.jo-arrow-next{right:8px;transform:translateY(-50%)}.jo-arrow svg{width:22px;height:22px}.jo-arrow:hover,.jo-arrow:focus-visible{background:var(--color-purple);color:var(--color-paper)}@media (max-width:900px){.jo-stage{--jo-rx:min(150px, 36vw);--jo-ry:78px;--jo-sat:110px;height:340px;margin-top:12px}.jo-p3d{width:140px;height:141px}.jo-p3d-shadow{width:155px;height:26px;bottom:-30px}.jo-arrow{width:44px;height:44px}.jo-arrow-prev{left:0}.jo-arrow-next{right:0}.jo-caption{min-height:150px}}@media (max-width:720px){.jo-caption{min-height:110px}}@media (prefers-reduced-motion:reduce){.jo-caption-inner{animation:none}.jo-arrow{transition:none}}}
@layer components{.phase-photo{width:var(--phase-photo,132px);aspect-ratio:1;border-radius:50%;margin-inline:auto;position:relative}.phase-photo .inner{border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 26px #71257f2e}.phase-photo img{object-fit:cover;width:100%;height:100%}.phase-photo:after{content:"";border:1.5px solid var(--color-lilac);opacity:.6;border-radius:50%;position:absolute;inset:-8px}.phase-number{z-index:2;background:var(--color-orange);width:30px;height:30px;color:var(--color-ink);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:-6px;right:-2px;box-shadow:0 4px 10px #ef7d0066}.jc-stage{--jc-ground:var(--color-paper-warm);--jc-big:clamp(200px, 24vw, 300px);--jc-track-h:calc(var(--jc-big) + 40px);margin-top:clamp(36px,5vh,60px);position:relative}.jc-viewport{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;max-width:1920px;margin-inline:auto;position:relative;overflow:hidden}.jc-viewport:before,.jc-viewport:after{content:"";z-index:4;pointer-events:none;width:12%;position:absolute;top:0;bottom:0}.jc-viewport:before{background:linear-gradient(90deg, var(--jc-ground) 8%, rgb(from var(--jc-ground) r g b / 0));left:0}.jc-viewport:after{background:linear-gradient(270deg, var(--jc-ground) 8%, rgb(from var(--jc-ground) r g b / 0));right:0}.jc-dragging .jc-viewport,.jc-dragging .jc-item{cursor:grabbing}.jc-dragging .jc-item{transition:none}.jc-dragging .jc-caption-inner{animation:none}.jc-track{height:var(--jc-track-h);position:relative;container-type:inline-size}.jc-track:before{content:"";border-top:2px dashed var(--color-lilac);opacity:.5;position:absolute;top:50%;left:0;right:0}.jc-item{width:var(--jc-big);aspect-ratio:1;cursor:pointer;transform:translate(calc(-50% + var(--x) + var(--jc-drag,0px)), -50%);transition:transform .6s var(--ease-focus);background:0 0;border:none;border-radius:50%;padding:0;position:absolute;top:50%;left:50%}.jc-item[data-o="0"]{--x:0cqw;--s:1;z-index:3;cursor:default}.jc-item[data-o="1"]{--x:22cqw;--s:.5;z-index:2}.jc-item[data-o="-1"]{--x:-22cqw;--s:.5;z-index:2}.jc-item[data-o="2"]{--x:44cqw;--s:.36;z-index:1}.jc-item[data-o="-2"]{--x:-44cqw;--s:.36;z-index:1}.jc-item[data-o="3"]{--x:66cqw;--s:.3}.jc-item[data-o="-3"]{--x:-66cqw;--s:.3}.jc-item[data-o="4"]{--x:88cqw;--s:.28}.jc-item[data-o="-4"]{--x:-88cqw;--s:.28}.jc-item[data-o="5"]{--x:110cqw;--s:.28}.jc-item[data-o="-5"]{--x:-110cqw;--s:.28}.jc-clone,.jc-clone .phase-photo{pointer-events:none;transition:none}.jc-item.jc-wrap{transition:none}.jc-item .phase-photo{width:100%;transform:scale(var(--s));transition:transform .45s var(--ease-focus);will-change:transform;box-shadow:0 0 0 9px var(--jc-ground);display:block}.jc-item img{transition:filter .6s var(--ease-focus);will-change:filter}.jc-item[data-o="0"] img{filter:blur()saturate()}.jc-item:not([data-o="0"]) img{filter:blur(3px)saturate(.8)}.jc-item .phase-number{transition:opacity .3s var(--ease-focus)}.jc-item:not([data-o="0"]) .phase-number{opacity:0}.jc-stage:not(.jc-dragging) .jc-item:not([data-o="0"]):hover img,.jc-item:focus-visible img{filter:blur(1px)saturate(.9)}.jc-item:focus-visible{outline:none}.jc-item:focus-visible .phase-photo:after{border-color:var(--color-purple);opacity:1}.jc-arrow{top:calc(var(--jc-track-h) - 34px);z-index:4;border:1.5px solid var(--color-purple);background:var(--color-paper);width:52px;height:52px;color:var(--color-purple);cursor:pointer;transition:background .3s var(--ease-focus), color .3s var(--ease-focus);border-radius:50%;place-items:center;display:grid;position:absolute}.jc-arrow svg{width:22px;height:22px}.jc-arrow:hover,.jc-arrow:focus-visible{background:var(--color-purple);color:var(--color-paper)}.jc-prev{left:calc(50% - var(--jc-big) / 2 - 22px)}.jc-next{right:calc(50% - var(--jc-big) / 2 - 22px)}.jc-caption{text-align:center;padding-inline:var(--edge);min-height:236px;margin-top:26px}.jc-caption-inner{max-width:34em;animation:jc-caption-in .5s var(--ease-focus) both;margin-inline:auto}@keyframes jc-caption-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.jc-count{letter-spacing:.14em;text-transform:uppercase;color:var(--color-gray-dim);font-size:12px;font-weight:800}.jc-caption h3{color:var(--color-purple);margin-top:8px;font-size:clamp(20px,2vw,24px)}.jc-caption .tagline{text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-dim);margin-top:3px;font-size:13px;font-weight:800;display:block}.jc-caption p{color:var(--color-gray-soft);margin-top:10px;font-size:16px;line-height:1.55}.jc-caption .quote{color:var(--color-purple);margin-top:12px;font-size:15px;font-style:italic;font-weight:600;line-height:1.4;display:block}.jc-more{border:2px solid var(--color-lilac);color:var(--color-purple);border-radius:12px;align-items:center;gap:10px;margin-top:24px;padding:13px 26px;font-size:15px;font-weight:800;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.jc-more:hover,.jc-more:focus-visible{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.jc-more svg{width:14px;height:14px;transition:transform .25s}.jc-more:hover svg,.jc-more:focus-visible svg{transform:translate(4px)}@media (max-width:720px){.jc-stage{--jc-big:clamp(180px, 56vw, 230px);margin-top:32px}.jc-item[data-o="1"]{--x:36cqw}.jc-item[data-o="-1"]{--x:-36cqw}.jc-item[data-o="2"]{--x:72cqw}.jc-item[data-o="-2"]{--x:-72cqw}.jc-item[data-o="3"]{--x:108cqw}.jc-item[data-o="-3"]{--x:-108cqw}.jc-item[data-o="4"]{--x:144cqw}.jc-item[data-o="-4"]{--x:-144cqw}.jc-caption{min-height:274px}}@media (prefers-reduced-motion:reduce){.jc-item,.jc-item .phase-photo,.jc-item img{transition:none}.jc-caption-inner{animation:none}}}
@layer components{.choice-list{--spread:1;max-width:880px;margin-top:clamp(48px,8vh,72px);list-style:none}.choice-row{transition:border-top-color .6s var(--ease-focus);transition-delay:calc(var(--i) * 45ms);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:18px;padding-block:13px;display:grid;position:relative}.choice-row+.choice-row{border-top:1px solid #a77bac33}.choice-row .ring-number{aspect-ratio:1;border:1.5px solid var(--color-lilac);width:38px;color:var(--color-purple);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.choice-row .ring-number:after{content:"";border:1px solid #a77bac66;border-radius:50%;position:absolute;inset:-6px}.choice-text{min-height:1.5em;position:relative}.choice-to{color:var(--color-purple);font-size:clamp(15.5px,1.6vw,18px);font-weight:700;line-height:1.45;display:block}.choice-from{color:var(--color-gray-dim);pointer-events:none;transition:opacity .55s var(--ease-focus), scale .55s var(--ease-focus), transform .9s var(--ease-focus);transition-delay:calc(var(--i) * 45ms + .25s);align-items:center;font-size:clamp(14.5px,1.5vw,16.5px);font-weight:500;line-height:1.4;display:flex;position:absolute;inset:0}.choice-row .ring-number,.choice-to{transition:opacity .55s var(--ease-focus), scale .55s var(--ease-focus);transition-delay:calc(var(--i) * 45ms + .25s)}.choice-list:not(.tangled) .choice-from{opacity:0}.choice-list.tangled .choice-row{transition-delay:calc((10 - var(--i)) * 30ms);border-top-color:#0000}.choice-list.tangled .ring-number{opacity:0;transition-delay:0s;scale:.6}.choice-list.tangled .choice-to{opacity:0;transition-delay:0s}.choice-list.tangled .choice-from{opacity:1;transform:translate(calc(var(--dx) * var(--spread)), var(--dy)) rotate(var(--r));transition-delay:calc(var(--i) * 20ms);inset-inline-start:max(8px, calc(var(--dx) * var(--spread) * -1));inset-inline-end:max(8px, calc(var(--dx) * var(--spread)))}@media (max-width:800px){.choice-list{--spread:.3}}@media (max-width:560px){.choice-list{--spread:.16}}@media (max-width:720px){.choice-list{margin-top:40px}}@media (prefers-reduced-motion:reduce){.choice-row,.choice-row .ring-number,.choice-to,.choice-from{transition:none}.choice-list.tangled .choice-row{border-top-color:#a77bac33}.choice-list.tangled .ring-number,.choice-list.tangled .choice-to{opacity:1;scale:1}.choice-list.tangled .choice-from{opacity:0;transform:none}}}
@layer components{.lem-stage{max-width:1100px;margin:0 auto}.lem-svg{width:100%;height:auto;display:block;overflow:visible}.lem-strand{fill:none;stroke-width:52px;stroke-linecap:butt}.lem-strand-casing{stroke:var(--color-paper-warm);stroke-width:66px}.lem-tracknames{justify-content:space-around;gap:16px;max-width:1060px;margin:clamp(28px,4vh,44px) auto 0;display:flex}.lem-trackname{font-size:15px;font-weight:800}.lem-trackname-purple{color:var(--color-purple)}.lem-trackname-orange{color:var(--color-orange)}.lem-svg a{outline:none}.lem-ring{cursor:pointer}.lem-ring-inner{transform-box:fill-box;transform-origin:50%;transition:transform .35s var(--ease-focus), filter .35s var(--ease-focus)}.lem-ring:hover .lem-ring-inner,.lem-svg a:focus-visible .lem-ring-inner,.lem-ring.is-held .lem-ring-inner{transform:scale(1.16)}.lem-svg[data-held] .lem-ring:not(.is-held) .lem-ring-inner{filter:blur(3.5px)saturate(.8)opacity(.75)}.lem-svg:has(.lem-ring:hover) .lem-ring:not(:hover) .lem-ring-inner{filter:blur(3.5px)saturate(.8)opacity(.75)}.lem-ring-hit{fill:#0000}.lem-ring-backing{fill:var(--color-paper-warm);filter:drop-shadow(0 8px 14px #71257f33)}.lem-ring-face{fill:var(--color-paper)}.lem-ring-icon{--nucleo-stroke-width:2.4;overflow:visible}.lem-ring-edge{fill:none;stroke-width:5px}.lem-ring[data-track="0"] .lem-ring-edge{stroke:var(--color-purple)}.lem-ring[data-track="1"] .lem-ring-edge{stroke:var(--color-orange)}.lem-ring[data-track="0"] .lem-ring-icon{color:var(--color-purple)}.lem-ring[data-track="1"] .lem-ring-icon{color:var(--color-orange)}.lem-ring-aperture{fill:none;stroke:#a77bac80;stroke-width:1.5px;opacity:0;transition:stroke .3s var(--ease-focus), opacity .35s var(--ease-focus)}.lem-ring-halo{fill:none;stroke-width:1px;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-focus)}.lem-ring:hover :is(.lem-ring-aperture,.lem-ring-halo),.lem-ring.is-held :is(.lem-ring-aperture,.lem-ring-halo),.lem-svg a:focus-visible :is(.lem-ring-aperture,.lem-ring-halo){opacity:1}.lem-ring-halo-near{stroke:#a77bac47}.lem-ring-halo-far{stroke:#a77bac26}.lem-ring:hover .lem-ring-aperture,.lem-svg a:focus-visible .lem-ring-aperture{stroke:var(--color-lilac)}.lem-ring[data-track="1"] .lem-ring-aperture{stroke:#ef7d0080}.lem-ring[data-track="1"] .lem-ring-halo-near{stroke:#ef7d0047}.lem-ring[data-track="1"] .lem-ring-halo-far{stroke:#ef7d0026}.lem-ring[data-track="1"]:hover .lem-ring-aperture,.lem-svg a:focus-visible .lem-ring[data-track="1"] .lem-ring-aperture{stroke:#ef7d00b3}.lem-ring-label{fill:var(--color-purple);paint-order:stroke;stroke:var(--color-paper-warm);stroke-width:6px;stroke-linejoin:round;opacity:0;transition:opacity .3s var(--ease-focus);pointer-events:none;font-size:19px;font-weight:800}.lem-ring:hover .lem-ring-label,.lem-ring.is-held .lem-ring-label,.lem-svg a:focus-visible .lem-ring-label{opacity:1}.lem-ring[data-track="1"] .lem-ring-label{fill:var(--color-orange)}.lem-legend{scrollbar-width:none;flex-wrap:nowrap;align-items:flex-start;gap:0;max-width:1060px;margin:10px auto 0;padding:6px 0 0;list-style:none;display:flex;overflow-x:auto}.lem-legend::-webkit-scrollbar{display:none}.lem-legend.is-scrollable{cursor:grab;-webkit-user-select:none;user-select:none}.lem-legend.is-scrollable:active{cursor:grabbing}.lem-legend.can-right:not(.can-left){-webkit-mask:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.lem-legend.can-left:not(.can-right){-webkit-mask:linear-gradient(270deg,#000 calc(100% - 44px),#0000);mask:linear-gradient(270deg,#000 calc(100% - 44px),#0000)}.lem-legend.can-left.can-right{-webkit-mask:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000);mask:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000)}.lem-legend li:first-child{margin-left:auto}.lem-legend li:last-child{margin-right:auto}.lem-legend li{align-items:flex-start;display:flex}.lem-legend li+li{margin-left:-6px}.lem-legend-seam{background:linear-gradient(90deg in oklab, var(--color-purple), var(--color-orange));border-radius:50%;flex:none;width:72px;height:72px;margin-right:-6px;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(circle closest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}.lem-legend-item{flex-direction:column;align-items:center;gap:8px;width:72px;text-decoration:none;display:flex;position:relative}.lem-legend-item:is(:hover,:focus-visible){z-index:1}.lem-legend-badge{background:var(--color-paper);width:72px;height:72px;transition:transform .28s var(--ease-focus), box-shadow .28s var(--ease-focus);border:6px solid;border-radius:50%;place-items:center;display:grid}.lem-legend-badge svg{--nucleo-stroke-width:2.4;width:38px;height:38px}.lem-legend-item[data-track="0"] .lem-legend-badge{border-color:var(--color-purple);color:var(--color-purple)}.lem-legend-item[data-track="1"] .lem-legend-badge{border-color:var(--color-orange);color:var(--color-orange)}.lem-legend-title{text-align:center;-webkit-hyphens:auto;hyphens:auto;width:72px;color:var(--color-ink);margin-inline:-3px;font-size:13px;font-weight:700;line-height:1.25}.lem-legend-item[data-track="0"] .lem-legend-title{color:var(--color-purple)}.lem-legend-item[data-track="1"] .lem-legend-title{color:var(--color-orange)}.lem-legend-item:is(:hover,:focus-visible) .lem-legend-badge{transform:translateY(-3px);box-shadow:0 10px 22px #71257f2e}.lem-legend-item:focus-visible{outline:2px solid var(--color-purple);outline-offset:3px;border-radius:12px}@media (min-width:900px){.lem-trackname{font-size:18px}.lem-legend li+li{margin-left:-8px}.lem-legend-seam{width:116px;height:116px;margin-right:-8px;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(circle closest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.lem-legend-item{width:116px}.lem-legend-badge{border-width:8px;width:116px;height:116px}.lem-legend-badge svg{width:64px;height:64px}.lem-legend-title{width:108px;margin-inline:0;font-size:13px}}@media (prefers-reduced-motion:reduce){.lem-ring-inner,.lem-ring-aperture,.lem-ring-label{transition:none}}}
