.infinity{--copy:clamp(384px,28vw,440px);--cgap:clamp(36px,3.4vw,56px)}.h-mode .infinity{width:max(100vw,calc(var(--copy) + 760px + 2 * var(--gutter)));background:radial-gradient(min(28vw,420px) 64% at 0,#deb26816 0% 8%,#deb26814 24%,#deb26810 40%,#deb2680b 56%,#deb26806 72%,#deb26802 86%,#0000 100%),radial-gradient(min(30vw,440px) 62% at 100% 48%,#deb26818 0% 8%,#deb26816 24%,#deb26811 40%,#deb2680c 56%,#deb26807 72%,#deb26803 86%,#0000 100%)}.infinity .inf-light{pointer-events:none;--edge-in:min(26vw,380px);--edge-out:min(26vw,380px);background:radial-gradient(46% 62% at 76% 46%,rgba(226,176,98,calc(.14 + var(--rise)*.06)),transparent 72%), radial-gradient(70% 55% at 52% 58%,#c496541a,transparent 75%), radial-gradient(40% 50% at 22% 26%,#d6a85c0f,transparent 70%);position:absolute;inset:0}.infinity .inf-inner{grid-template-rows:minmax(0,1fr) auto;justify-content:stretch;row-gap:clamp(16px,2.6vh,30px);display:grid}.infinity .inf-stage{grid-template-columns:var(--copy) minmax(0,1fr);column-gap:var(--cgap);align-items:start;min-height:0;display:grid;position:relative}.infinity .inf-field{top:-10px;bottom:0;left:calc(-1 * var(--gutter));pointer-events:none;--edge-in:calc(var(--gutter) + 120px);--edge-out:0px;position:absolute;right:0}.infinity .inf-field canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.infinity .inf-copy{z-index:1;grid-area:1/1;align-self:center;position:relative}.infinity .inf-copy:before{content:"";z-index:-1;inset:-60px -90px -60px calc(-1 * var(--gutter));pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--gutter) + 40px));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--gutter) + 40px));mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--gutter) + 40px));background:radial-gradient(62% 58% at 32% 46%,#0b0a08e6,#0b0a0899 55%,#0000 80%);position:absolute}.infinity .inf-head .eyebrow{margin-bottom:24px}.infinity .inf-head h2{max-width:9.2em}.infinity .inf-head h2 em{margin-right:-.12em;padding-right:.12em;display:block}.infinity .inf-body .lede{color:#b8ac97;max-width:430px;margin-top:26px;font-size:16px;line-height:1.7}.infinity .inf-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.infinity .inf-hear-button{background:#0e0d0bcc;gap:12px;min-height:48px;padding:0 18px 0 12px;font-size:13px}.infinity .inf-hear-icon{background:#1c1810;border:1px solid #6f5a39;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.infinity .inf-hear-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.infinity .inf-hear-icon svg path:first-child{fill:currentColor;stroke:none;opacity:.9}.infinity .inf-hear-button.on{border-color:var(--champagne);background:#231d13;box-shadow:0 0 30px -6px #f2c46f88}.infinity .inf-hear-button.on .inf-hear-icon{border-color:var(--champagne);box-shadow:0 0 14px -2px #ffcf7a99}.infinity .inf-hear-button.on .w1{animation:1.4s ease-in-out infinite inf-wave}.infinity .inf-hear-button.on .w2{animation:1.4s ease-in-out .25s infinite inf-wave}@keyframes inf-wave{0%,to{opacity:.25}50%{opacity:1}}.infinity .inf-hear-note{color:#a4987f;max-width:380px;margin-top:14px;font-size:12px;line-height:1.6}.infinity .inf-dir{background:#0d0c0acc;border:1px solid #5a4a33;border-radius:10px;padding:3px;display:flex;box-shadow:inset 0 1px 6px #000c}.infinity .inf-dir button{color:#a3967f;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:600;transition:color .35s,background .35s,box-shadow .35s;display:flex}.infinity .inf-dir button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.infinity .inf-dir button:hover{color:#dcc9a4}.infinity .inf-dir button[aria-checked=true]{color:#1d160b;background:linear-gradient(135deg,#fff2d4,#ecd09c 45%,#b89158);box-shadow:inset 0 1px #fffc,0 4px 16px -6px #f2c46faa}.infinity .inf-dir button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.infinity .inf-bar{z-index:1;letter-spacing:.18em;text-transform:uppercase;color:#b0a085;white-space:nowrap;grid-area:1/2;justify-self:end;align-items:center;gap:18px;min-width:0;max-width:100%;font-size:10px;font-weight:600;display:flex;position:relative}.infinity .inf-state{align-items:center;gap:10px;min-width:0;display:flex}.infinity .inf-state i{background:var(--gold);border-radius:50%;flex:none;width:5px;height:5px;animation:2.6s ease-in-out infinite inf-breathe;box-shadow:0 0 10px 1px #ffcf7aaa}@keyframes inf-breathe{0%,to{opacity:.55}50%{opacity:1}}.infinity .inf-foot-line{font-family:var(--serif);letter-spacing:0;text-transform:none;color:#d3c3a4;text-overflow:ellipsis;font-size:19px;font-style:italic;font-weight:400;overflow:hidden}.infinity .inf-readout{font-family:var(--mono);letter-spacing:.08em;color:#a09380;font-weight:400}.infinity .inf-readout b{color:#dcc7a0;font-weight:600}.infinity .inf-readout em{color:#6d6150;margin:0 .6em;font-style:normal}.infinity .inf-tag{color:#b8a583;letter-spacing:.16em;background:#0d0c0a99;border:1px solid #6a583c;border-radius:4px;flex:none;padding:4px 8px}.infinity .inf-strip{z-index:1;column-gap:var(--cgap);border-top:1px solid #0000;border-image:linear-gradient(90deg,#6b5636,#a8844f99 30%,#3b342966 80%,#0000) 1;grid-template-columns:clamp(220px,16vw,290px) minmax(0,1fr);align-items:stretch;padding-top:18px;display:grid;position:relative}.infinity .inf-bank{padding:2px 0 0;position:relative}.infinity .inf-loop{width:62px;height:25px;position:absolute;top:0;right:0;overflow:visible}.infinity .inf-loop path{fill:none;stroke:#5b4b33;stroke-width:1.2px}.infinity .inf-loop .run{stroke:var(--gold);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:18 82;filter:drop-shadow(0 0 3px #ffcf7a);animation:5s linear infinite inf-run}@keyframes inf-run{to{stroke-dashoffset:-100px}}.infinity .inf-bank-name{letter-spacing:-.035em;color:#f2ebdd;font-size:24px;font-weight:600;line-height:1.1}.infinity .inf-bank-name span{font-family:var(--serif);letter-spacing:0;padding-right:.1em;font-size:1.12em;font-style:italic;font-weight:400}.infinity .inf-bank-text{color:#aea28c;margin-top:8px;font-size:12.5px;line-height:1.55}.infinity .inf-deck{min-width:0}.infinity .inf-deck-head{align-items:baseline;gap:20px;min-width:0;display:flex}.infinity .inf-kicker{color:#d2b88a;letter-spacing:.22em;text-transform:uppercase;flex:none;align-items:center;gap:10px;font-size:10.5px;font-weight:600;display:flex}.infinity .inf-kicker i{background:var(--gold);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px 1px #ffcf7a88}.infinity .inf-export{color:#b1a590;font-size:12.5px;line-height:1.5}.infinity .inf-controls{grid-template-columns:repeat(10,minmax(0,1fr));margin:14px 0 0;padding:0;list-style:none;display:grid}.infinity .inf-controls li{border-left:1px solid #4a3f2f99;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:4px 6px 2px 12px;display:flex}.infinity .inf-controls li>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.infinity .inf-controls b{letter-spacing:-.01em;color:#efe5d2;white-space:nowrap;font-size:12.5px;font-weight:600}.infinity .inf-controls small{color:#a4987f;font-size:11px;line-height:1.35}.infinity .inf-dial{background:radial-gradient(circle at 50% 35%,#2b2822,#121110 70%);border:1px solid #5b4b33;border-radius:50%;flex:none;width:24px;height:24px;margin:4px;position:relative;box-shadow:inset 0 1px #ffffff14,0 2px 6px #000a}.infinity .inf-dial:before{content:"";background:var(--gold);transform-origin:50% 8px;width:1.5px;height:8px;transform:rotate(var(--a));border-radius:1px;margin-left:-.75px;position:absolute;top:3px;left:50%;box-shadow:0 0 6px #ffcf7a99}.infinity .inf-dial:after{content:"";background:conic-gradient(from -135deg,#a8844f99 0deg,#a8844f99 calc(var(--a) + 135deg),#3b342955 calc(var(--a) + 135deg),#3b342955 270deg,transparent 270deg);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1.5px))}@media (max-width:1359px){.infinity .inf-controls{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:10px}.infinity .inf-controls li{flex-direction:row;align-items:center;gap:10px;padding:2px 8px 2px 12px}.infinity .inf-deck-head{flex-wrap:wrap;row-gap:4px}.infinity .inf-strip{grid-template-columns:clamp(250px,24vw,290px) minmax(0,1fr)}}@media (max-width:1100px){.infinity .inf-readout{display:none}}@media (max-height:820px){.h-mode .infinity .inf-head .eyebrow{margin-bottom:18px}.h-mode .infinity .inf-body .lede{margin-top:18px}.h-mode .infinity .inf-actions{margin-top:20px}.h-mode .infinity .inf-hear-note{margin-top:10px}.h-mode .infinity .inf-controls small{display:none}.h-mode .infinity .inf-controls{margin-top:10px}.h-mode .infinity .inf-controls li{gap:6px}.h-mode .infinity .inf-strip{padding-top:14px}}@media (max-height:680px){.h-mode .infinity{--strip:clamp(330px,27vw,380px);width:max(100vw,calc(var(--copy) + 680px + var(--strip) + 3 * var(--cgap) + 2 * var(--gutter)))}.h-mode .infinity .inf-inner{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) var(--strip);column-gap:calc(var(--cgap) * 1.5)}.h-mode .infinity .inf-strip{padding:0 0 0 calc(var(--cgap) * .8);border-top:0;border-left:1px solid #0000;border-image:linear-gradient(#0000,#a8844f99 30%,#6b5636 70%,#0000) 1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;row-gap:18px}.h-mode .infinity .inf-bank-text{margin-top:6px}.h-mode .infinity .inf-deck-head{flex-direction:column;align-items:flex-start;gap:6px}.h-mode .infinity .inf-controls{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.h-mode .infinity .inf-controls li{flex-direction:row;align-items:center;gap:8px;padding:2px 6px 2px 10px}}@media (max-height:560px){.h-mode .infinity .inf-bank-text{display:none}.h-mode .infinity .inf-controls{row-gap:4px}}@media (max-width:760px){.infinity{--copy:calc(100vw - 2 * var(--gutter) - 14px);--cgap:30px}.infinity .inf-body .lede{font-size:15px;line-height:1.65}.infinity .inf-strip{grid-template-columns:230px minmax(0,1fr)}.infinity .inf-foot-line{font-size:17px}.infinity .inf-bar{gap:12px;font-size:11px}.infinity .inf-controls b{font-size:12px}.infinity .inf-controls small,.infinity .inf-kicker{font-size:11px}}.v-mode .infinity .inf-inner{flex-direction:column;gap:28px;display:flex}.v-mode .infinity .inf-stage{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.v-mode .infinity .inf-copy{align-self:auto}.v-mode .infinity .inf-copy:before{display:none}.v-mode .infinity .inf-field{height:340px;margin-left:calc(-1 * var(--gutter));order:3;align-self:stretch;position:relative;inset:auto}.v-mode .infinity .inf-bar{white-space:normal;flex-wrap:wrap;order:2;justify-self:auto}.v-mode .infinity .inf-strip{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.v-mode .infinity .inf-controls{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:12px}.v-mode .infinity .inf-controls li{flex-direction:row;align-items:center}@media (prefers-reduced-motion:reduce){.infinity .inf-loop .run,.infinity .inf-state i,.infinity .inf-hear-button.on .w1,.infinity .inf-hear-button.on .w2{animation:none}}
