@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}.dots-row{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;overflow-anchor:none;grid-auto-columns:min(236px,74vw);grid-auto-flow:column;gap:12px;padding:4px 2px 10px;scroll-padding-inline:2px;display:grid;overflow-x:auto}.dots-row::-webkit-scrollbar{display:none}@media (min-width:700px){.dots-row{grid-auto-columns:calc(23.8095% - 8.57143px)}}@media (min-width:1100px){.dots-row{grid-auto-columns:calc(19.2308% - 9.23077px)}}.dots-row.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.dots-row.fade-l{-webkit-mask-image:linear-gradient(90deg,#0000,#000 44px);mask-image:linear-gradient(90deg,#0000,#000 44px)}.dots-row.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000)}.dots-arrows{gap:8px;margin-left:auto;display:flex}.dots-arrows button{border:1px solid var(--line2);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:16px;transition:opacity .2s;display:grid}.dots-arrows button:disabled{opacity:.3;cursor:default}.dots-arrows button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (hover:none){.dots-arrows{display:none}}.dot{color:#f4efe6;text-align:left;cursor:pointer;isolation:isolate;scroll-snap-align:start;height:82px;font:inherit;background:#0f0f0c;border:0;border-radius:12px;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;padding:9px 12px 10px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dot:hover{transform:translateY(-3px)}.dot:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.dot:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;border:1px solid #ffffff24;position:absolute;inset:0}.dot:before{content:"";border-radius:inherit;z-index:2;pointer-events:none;background:conic-gradient(from var(--a), transparent 0 62%, #2440f5 82%, #00e5ff 94%, #fff 100%);-webkit-mask-composite:xor;animation:4.5s linear infinite dot-spin;animation-delay:var(--d,0s);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dot.seen:before{opacity:0;animation:none}.dot.seen{opacity:.72}@keyframes dot-spin{to{--a:360deg}}.dot-tag{letter-spacing:.14em;text-transform:uppercase;opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;display:block;overflow:hidden}.dot-body{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.dot-fig{font-family:var(--serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;max-width:46%;font-size:32px;line-height:1;display:inline-block;position:relative}.dot-txt{flex-direction:column;gap:3px;min-width:0;display:flex}.dot-head{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;font-weight:500;line-height:1.28;display:-webkit-box;overflow:hidden}.dot-meta{opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.glitch:before,.glitch:after{content:attr(data-t);pointer-events:none;opacity:0;position:absolute;inset:0}.glitch:before{color:#00e5ff;animation:5s step-end infinite dot-g1;animation-delay:var(--d,0s)}.glitch:after{color:#ff2e88;animation:5s step-end infinite dot-g2;animation-delay:var(--d,0s)}.dot.seen .glitch:before,.dot.seen .glitch:after{animation:none}@keyframes dot-g1{0%,86%,to{opacity:0;clip-path:inset(0);transform:none}87%{opacity:.9;clip-path:inset(10% 0 55%);transform:translate(-3px,1px)}89%{opacity:.9;clip-path:inset(60% 0 8%);transform:translate(2px,-1px)}91%{opacity:0}}@keyframes dot-g2{0%,87%,to{opacity:0;clip-path:inset(0);transform:none}88%{opacity:.9;clip-path:inset(48% 0 20%);transform:translate(3px,-1px)}90%{opacity:.9;clip-path:inset(5% 0 70%);transform:translate(-2px,1px)}92%{opacity:0}}.dots-mark{font-family:var(--mark), var(--sans);letter-spacing:.14em;color:var(--ink);font-size:26px;font-weight:700;line-height:1;display:inline-block;position:relative}.dots-mark.glitch:before,.dots-mark.glitch:after{white-space:nowrap}.dot-intro{z-index:3;letter-spacing:.1em;text-transform:uppercase;color:#14130f;background:#fff;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:700;animation:1.4s ease-in-out infinite dot-pulse;position:absolute;top:6px;right:8px}@keyframes dot-pulse{50%{transform:scale(1.08)}}.dots-back{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080806b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dots-sheet{color:#f4efe6;isolation:isolate;background:#0f0f0c;border-radius:28px;outline:none;width:min(560px,100%);max-height:min(92dvh,760px);position:relative;overflow:auto;box-shadow:0 40px 90px -30px #000c}.dots-sheet:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:conic-gradient(from var(--a), transparent 0 62%, #2440f5 82%, #00e5ff 94%, #fff 100%);-webkit-mask-composite:xor;padding:2px;animation:6s linear infinite dot-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dots-in{z-index:1;flex-direction:column;gap:14px;padding:26px 26px 22px;display:flex;position:relative}.dots-fig{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:clamp(64px,14vw,104px);line-height:1;display:inline-block;position:relative}.dots-title{font-family:var(--serif);text-wrap:balance;margin:0;font-size:clamp(26px,5vw,34px);line-height:1.1}.dots-facts{margin:4px 0 0;display:grid}.dots-facts div{border-top:1px solid #ffffff2e;justify-content:space-between;gap:14px;padding:12px 0;font-size:14px;display:flex}.dots-facts dt{opacity:.65;flex:none}.dots-facts dd{text-align:right;min-width:0;margin:0;font-weight:600}.dots-cta{color:#14130f;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:50px;margin-top:6px;font-size:15px;font-weight:600;display:flex}.dots-nav{opacity:.85;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.dots-nav button{height:36px;color:inherit;font:600 13px var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:99px;padding:0 14px}.dots-nav button:disabled{opacity:.3;cursor:default}.dots-close{z-index:3;color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;width:36px;height:36px;font-size:16px;position:absolute;top:14px;right:14px}@media (max-width:640px){.dots-back{align-items:end;padding:0}.dots-sheet{border-radius:28px 28px 0 0;max-height:94dvh}}@media (prefers-reduced-motion:reduce){.dot:before,.dots-sheet:before,.glitch:before,.glitch:after,.dot-intro{animation:none!important}}
