@font-face{font-family:Bricolage;src:url(/fonts/Bricolage.ttf)format("truetype");font-weight:200 800;font-display:block}@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans.ttf)format("truetype");font-weight:400 700;font-display:block}:root{--bg:#0a0a0a;--ink:#f2f0ea;--ink-60:#f2f0ea99;--ink-12:#f2f0ea1f;--rule:#f2f0ea29;--line:#2f2f2e;--accent:#2b4bff;--sans:"Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--display:"Bricolage", "Helvetica Neue", Helvetica, Arial, sans-serif;--edge:clamp(16px, 3.3vw, 48px);--w:min(1344px, calc(100vw - 2 * var(--edge)), calc((100vh - 2 * var(--edge)) * 1.6716));--pad:clamp(16px, 1.7vw, 24px);--ease:cubic-bezier(.215, .61, .355, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(70% 55% at 18% 0,#ffffff12,#fff0 60%),radial-gradient(50% 45% at 95% 100%,#ffffff0d,#fff0 60%),linear-gradient(118deg,#090909 0 34%,#1b1b1b 34.15% 58%,#0e0e0e 58.15% 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;margin:0;font-size:15px;font-weight:400;line-height:22px;display:flex}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--bg)}p,h1,h2{margin:0}.stage{animation:1.1s cubic-bezier(.16,1,.3,1) both stage-in;position:relative}@keyframes stage-in{0%{scale:.985}to{scale:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.slab{--radius:44px;width:var(--w);height:calc(var(--w) * .5982);border-radius:var(--radius);-webkit-backdrop-filter:blur(34px)saturate(1.4)brightness(1.08);background:#ffffff12;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000008c,0 60px 140px -30px #000000e6,0 24px 48px -16px #0009,inset 0 0 60px #ffffff09}.slab:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;-webkit-mask-composite:xor;background:linear-gradient(150deg,#ffffffb3 0%,#ffffff38 22%,#ffffff0f 48%,#ffffff0d 70%,#ffffff59 100%);padding:1px;animation:1.1s cubic-bezier(.16,1,.3,1) both fade-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.slab:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(160deg,#ffffff24 0%,#ffffff0d 14%,#fff0 34%),linear-gradient(112deg,#fff0 36%,#ffffff0e 46%,#ffffff05 52%,#fff0 60%),linear-gradient(#fff0 88%,#ffffff0a 100%);animation:1.1s cubic-bezier(.16,1,.3,1) both fade-in;position:absolute;inset:0}.grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid;position:absolute;inset:0}.is-loading .grid{clip-path:polygon(0 0,0 0,0 0,0 0)}.cell{padding:var(--pad);background:#0a0a0a75;min-width:0;min-height:0;position:relative;overflow:hidden}.c-intro{flex-direction:column;grid-area:1/1/2/3;justify-content:space-between;display:flex}.c-quote{background:var(--ink);color:var(--bg);grid-area:1/3/2/5}.c-mark{background:var(--accent);grid-area:1/5/5/7;padding:0}.c-now{flex-direction:column;grid-area:2/1/3/2;justify-content:space-between;display:flex}.c-stripes{background:repeating-linear-gradient(-45deg, var(--accent) 0 6px, var(--bg) 6px 26px);grid-area:2/2/3/3}.c-pixels{flex-direction:column;grid-area:2/3/3/5;justify-content:space-between;display:flex}.c-links{flex-direction:column;grid-area:3/1/5/4;justify-content:flex-end;display:flex}.c-playing{flex-direction:column;grid-area:3/4/4/5;justify-content:space-between;display:flex}.c-where{background-image:radial-gradient(var(--ink-12) 1px, transparent 1.5px);background-size:12px 12px;flex-direction:column;grid-area:4/4/5/5;justify-content:flex-end;display:flex}.h{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.02em;font-size:clamp(22px,2.1vw,30px);font-weight:600;line-height:1.1}.sub{max-width:34ch;color:var(--ink-60)}.q{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.03em;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.05}.c-quote .dot{right:var(--pad);bottom:var(--pad);background:var(--accent);width:14px;height:14px;position:absolute}.mark{left:calc(var(--w) * .0119);bottom:calc(var(--w) * .0149);font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:700;font-size:calc(var(--w) * .2857);letter-spacing:-.03em;white-space:nowrap;color:var(--bg);line-height:1;position:absolute}.lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);font-size:12px;line-height:16px}.val{font-size:15px;line-height:22px}.sub2{color:var(--ink-60);font-size:13px;line-height:18px}.stack{flex-direction:column;gap:2px;display:flex}.hint{color:var(--ink-60);font-size:13px;line-height:18px}.pixels{grid-template-columns:repeat(24,10px);gap:6px;display:grid}.pixels i{background:var(--ink-12);width:10px;height:10px;transition:background-color .9s var(--ease)}.pixels i.on{background:var(--ink)}.pixels i.acc{background:var(--accent)}.where{align-items:center;gap:10px;display:flex}.flag{flex-direction:column;width:21px;height:14px;display:flex}.flag b{flex:1}.flag b:first-child{background:#ae1c28}.flag b:nth-child(2){background:#fff}.flag b:nth-child(3){background:#21468b}.flag-fill{pointer-events:none;clip-path:inset(calc(100% - var(--pad) - 14px) calc(100% - var(--pad) - 21px) var(--pad) var(--pad));transition:clip-path .8s var(--ease);flex-direction:column;display:flex;position:absolute;inset:0}.flag-fill b{flex:1}.flag-fill b:first-child{background:#ae1c28}.flag-fill b:nth-child(2){background:#fff}.flag-fill b:nth-child(3){background:#21468b}.c-where.open .flag-fill{clip-path:inset(0)}.c-where .where{left:var(--pad);bottom:var(--pad);transition:bottom .8s var(--ease), transform .8s var(--ease);position:absolute}.c-where.open .where{bottom:50%;transform:translateY(50%)}.c-where .where .sub2{transition:color .5s var(--ease)}.c-where.open .where .sub2{color:var(--bg)}.c-where .flag{transition:opacity .3s var(--ease), width .8s var(--ease), margin-right .8s var(--ease)}.c-where.open .flag{opacity:0;width:0;margin-right:-10px}.rows{border-top:1px solid var(--rule);flex-direction:column;display:flex}.row{height:clamp(44px, calc(var(--w) * .0476), 64px);border-bottom:1px solid var(--rule);transition:opacity .5s var(--ease);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.row:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .6s var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.rows:hover .row:not(:hover){opacity:.35}.row:hover:after,.row:focus-visible:after{transform:scaleX(1)}.row-name{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.02em;transition:transform .6s var(--ease);font-size:clamp(22px,2.1vw,30px);font-weight:600;line-height:1;display:inline-block}.row:hover .row-name{transform:translate(8px)}.row-meta{color:var(--ink-60);font-size:15px;transition:color .4s}.row:hover .row-meta{color:var(--ink)}.row:focus{outline:none}.row:focus-visible{outline:1px solid var(--ink-60);outline-offset:4px}@media (width<=820px){html,body{height:auto}body{display:block}.stage{margin:var(--edge)}.slab{--radius:28px;width:auto;height:auto}.grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;position:relative}.loader{padding:var(--edge);position:fixed}.cell{min-height:0}.c-intro{grid-area:auto/1/auto/3;min-height:150px}.c-mark{grid-area:auto/1/auto/3;height:46vw}.mark{font-size:42vw;bottom:.02em;left:.04em}.c-quote{grid-area:auto/1/auto/3;min-height:140px}.c-now{grid-area:auto/1/auto/2;min-height:120px}.c-stripes{grid-area:auto/2/auto/3}.c-pixels{grid-area:auto/1/auto/3;gap:16px}.pixels{grid-template-columns:repeat(12,10px)}.pixels i:nth-child(n+85){display:none}.c-links{grid-area:auto/1/auto/3}.c-playing{grid-area:auto/1/auto/2;min-height:120px}.c-where{grid-area:auto/2/auto/3}.wipe{border-radius:28px}}.loader{z-index:20;pointer-events:none;padding:var(--pad);flex-direction:column;justify-content:flex-end;gap:14px;display:flex;position:absolute;inset:0}.loader-box{line-height:1;overflow:hidden}.loader-num{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(40px,5vw,72px);font-weight:600;line-height:1;display:inline-block}.loader-track{background:var(--ink-12);height:1px}.loader-bar{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.wipe{z-index:10;pointer-events:none;border-radius:44px;position:fixed;overflow:hidden}.wipe-rot,.wipe-move,.wipe-line{position:absolute;top:0;left:0}.wipe-move,.wipe-line,.wipe-line i{will-change:transform}.wipe-line{transform-origin:0}.wipe-line i{background:var(--ink);transform-origin:50%;width:100%;height:100%;clip-path:polygon(0 0, 100% var(--cut,0px), 100% 100%, 0 calc(100% - var(--cut,0px)));display:block}.is-loading .cell>*{opacity:0}.is-revealing .cell>*{animation:.8s cubic-bezier(.16,1,.3,1) both cell-in;animation-delay:var(--d,0s);will-change:opacity, translate}@keyframes cell-in{0%{opacity:0;translate:calc(var(--nx,.7) * -12px) calc(var(--ny,.7) * -12px)}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.row,.row:after,.row-name,.row-meta,.flag-fill{transition:none}.is-loading .cell>*,.is-revealing .cell>*{opacity:1;animation:none}}