@font-face{font-family:"Geist";src:url(../fonts/geist.woff2) format("woff2");font-style:normal;font-weight:300 500;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(../fonts/geist-mono.woff2) format("woff2");font-style:normal;font-weight:400 500;font-display:swap}
:root{--black:#070707;--white:#E8E6E1;--red:#DD0000;--gray:#C4C5C1;--muted:#A3A19B;--mono:'Geist Mono',ui-monospace,monospace;--sans:'Geist','Helvetica Neue',Helvetica,sans-serif}
*{box-sizing:border-box}
html{height:100%;overflow:hidden;background:var(--black);overscroll-behavior:none}
body{height:100%;margin:0;overflow:hidden;color:var(--white);font-family:var(--sans);font-size:16px}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.view{display:none;height:100svh;position:relative;overflow:hidden}
.view.active{display:block;animation:view-in .75s cubic-bezier(.2,.7,.2,1) both}
.view.leaving{animation:view-out .34s cubic-bezier(.6,0,.8,.4) forwards;pointer-events:none}
@keyframes view-in{from{opacity:0}}
@keyframes view-out{to{opacity:0;transform:scale(.985)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
@keyframes swap{from{opacity:0;transform:translateY(8px)}}
.view.active .reveal{animation:rise .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0) * 80ms + 140ms)}
.swap{animation:swap .55s cubic-bezier(.2,.7,.2,1) both}
.row-in{animation:rise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
.link-row{animation:rise .4s cubic-bezier(.2,.7,.2,1) both}
.form-status{animation:swap .4s both}
@keyframes slide-in{from{transform:translateX(-100%)}}
@keyframes slide-out{to{transform:translateX(-100%)}}
@keyframes push-right{to{transform:translateX(18vw);opacity:0}}
@keyframes push-in-left{from{transform:translateX(-18vw);opacity:0}}
@keyframes fade-out{to{opacity:0}}
.view.catalog.active,.view.detail.active{animation:none}
.catalog.active .split-left,.detail.active .split-left{animation:slide-in .8s cubic-bezier(.77,0,.18,1) both}
.catalog.active .split-right,.detail.active .split-right{animation:view-in .8s both}
.view.enter-fade .split-left{animation:view-in .6s both}
.home.from-left .page-content{animation:push-in-left .75s cubic-bezier(.2,.7,.2,1) both}
.view.leaving.fade{animation:view-out .34s cubic-bezier(.6,0,.8,.4) forwards}
.view.leaving.slide{animation:none}
.view.leaving.slide .split-left{animation:slide-out .5s cubic-bezier(.7,0,.84,0) forwards}
.view.leaving.slide .split-right{animation:fade-out .5s forwards}
.view.leaving.to-right{animation:fade-out .5s cubic-bezier(.6,0,.8,.4) forwards}
.view.leaving.to-right .page-content{animation:push-right .5s cubic-bezier(.7,0,.84,0) forwards}
.fx-layer{position:fixed;background:none}
.detail-art-col{flex:0 1 420px;min-width:240px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.detail-art-col .detail-art{flex:none;width:100%;min-width:0}
.backlink{transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}.backlink:hover{color:var(--red);transform:translateX(-6px)}
@keyframes sink{to{transform:translateX(-14%);filter:brightness(.82)}}
@keyframes unsink{from{transform:translateX(-14%);filter:brightness(.82)}}
.view.leaving.cover,.view.leaving.uncover{display:block;position:fixed;inset:0;z-index:1;animation:none}
.view.leaving.uncover{z-index:3}
.view.leaving.cover .split-left{animation:sink .85s cubic-bezier(.77,0,.18,1) forwards}
.view.leaving.cover .split-right .page-content,.view.leaving.uncover .split-right .page-content{visibility:hidden}
.view.leaving.uncover .split-left{animation:slide-out .85s cubic-bezier(.77,0,.18,1) forwards;box-shadow:24px 0 60px rgba(0,0,0,.35)}
.view.push-enter.cover-enter .split-left{box-shadow:24px 0 60px rgba(0,0,0,.35)}
.view.uncover-enter .split-left{animation:unsink .85s cubic-bezier(.77,0,.18,1) both}
.view.uncover-enter .split-right{animation:none}
.split-left{position:relative;z-index:2}
body.pushing .view,body.pushing .split,body.pushing .split-right,body.pushing .view .bg{background:transparent}
@keyframes push-away{60%{opacity:.5}to{transform:translateX(62vw);opacity:0}}
@keyframes push-back{from{transform:translateX(62vw);opacity:0}}
.view.leaving.push-in,.view.leaving.push-out{display:block;position:fixed;inset:0;z-index:1;animation:none}
.view.leaving.push-in .page-content{animation:push-away .85s cubic-bezier(.77,0,.18,1) forwards}
.view.leaving.push-out .split-left{animation:slide-out .85s cubic-bezier(.77,0,.18,1) forwards}
.view.leaving.push-out .split-right .page-content{animation:fade-out .4s forwards}
.view.push-enter .split-left{animation-duration:.85s}
.view.push-enter .split-right{animation:none}
.view.from-right{animation:none}
.view.from-right .page-content{animation:push-back .85s cubic-bezier(.77,0,.18,1) both}
.back-arrow{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--white);text-decoration:none;font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .25s}
.back-arrow svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.back-arrow:hover{color:var(--red)}.back-arrow:hover svg{transform:translateX(-8px)}
.bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 55% 45%,#230a09,#070707 64%)}
.bg canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
.page-content{position:relative;z-index:1}
.navbox{--nb-line:rgba(232,230,225,.2);--tick:rgba(232,230,225,.75);position:relative;width:max-content;height:50px;display:inline-flex;align-items:stretch;flex:none;border:1px solid var(--nb-line);background:linear-gradient(180deg,rgba(28,23,22,.6),rgba(7,7,7,.5));-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.25);font:12px/1 var(--mono);white-space:nowrap}
.navbox.light{--nb-line:rgba(11,11,11,.24);--tick:rgba(11,11,11,.7);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.45),0 10px 26px rgba(0,0,0,.07);color:#0B0B0B}
.navbox a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:color .3s,background .35s}
.navbox a:not(.home-link)+a{border-left:1px solid var(--nb-line)}
.navbox a:not(.home-link)::after{content:"";position:absolute;left:14px;right:14px;bottom:9px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.navbox a:hover::after,.navbox a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.navbox a:not(.home-link):hover{background:radial-gradient(110% 130% at 50% 120%,rgba(221,0,0,.26),transparent 70%)}
.navbox.light a:not(.home-link):hover{background:radial-gradient(110% 130% at 50% 120%,rgba(221,0,0,.16),transparent 70%)}
.nav-no{color:var(--muted);font-size:9px;letter-spacing:.04em;transform:translateY(-4px);transition:color .3s}
.navbox.light .nav-no{color:#6b6a66}
.navbox a[aria-current=page] .nav-no{color:#FF3B2F}
.navbox a[aria-current=page]::after{transform:scaleX(1);height:2px;box-shadow:0 0 10px rgba(255,40,20,.7)}
.navbox .home-link{width:50px;padding:0;border-right:1px solid var(--nb-line);overflow:hidden}
.nav-logo{position:relative;display:block;width:48px;height:48px;overflow:hidden;mix-blend-mode:screen;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.nav-logo img{position:absolute;width:94px;max-width:none;height:auto;left:-23.5px;top:-60px}
.navbox .home-link:hover .nav-logo{transform:scale(1.1) rotate(-6deg)}
.navbox.light .nav-logo{mix-blend-mode:multiply}
.socials{position:relative;height:50px;display:inline-flex;align-items:center;gap:2px;margin:0;padding:0 6px;list-style:none;border:1px dashed rgba(232,230,225,.36);border-radius:999px;background:rgba(7,7,7,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.socials li{display:flex}
.socials a{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:rgba(232,230,225,.85);transition:color .25s,background .3s,box-shadow .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.socials a:hover,.socials a:focus-visible{color:#fff;background:var(--red);box-shadow:0 8px 22px rgba(221,0,0,.4);transform:translateY(-2px)}
.socials a::after{content:attr(aria-label);position:absolute;top:calc(100% + 12px);left:50%;z-index:5;padding:6px 9px;border:1px solid rgba(232,230,225,.18);background:rgba(7,7,7,.92);color:var(--white);font:10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,-4px);pointer-events:none;transition:opacity .2s,transform .3s cubic-bezier(.2,.7,.2,1)}
.socials a:hover::after,.socials a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.brand-name{font-size:20px;font-weight:400;text-transform:uppercase;text-decoration:none;line-height:1.15}
.header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;align-items:center}
.header-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.home .header,.demo-page .header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.home .header-right,.demo-page .header-right{display:contents}
.home .brand-name,.demo-page .brand-name{grid-column:2;text-align:center;justify-self:center}
.home .socials,.demo-page .socials{grid-column:3;justify-self:end}
.home{background:var(--black)}
.home .page-content{min-height:100svh;padding:32px;display:flex;flex-direction:column}
.home-center{flex:1 0 auto;min-height:260px;display:flex;align-items:center;justify-content:center;padding:48px 0}
.drop-btn{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 24px;text-decoration:none;color:var(--white)}
.drop-btn{--charge:0}.drop-btn .drop-text{font-size:clamp(34px,5.4vw,80px);font-weight:300;line-height:1;text-transform:uppercase;white-space:nowrap;letter-spacing:.02em;transition:letter-spacing .6s,color .3s;text-shadow:0 0 calc(var(--charge) * 10px) rgba(255,120,90,var(--charge)),0 0 calc(var(--charge) * 32px) rgba(255,30,10,var(--charge)),0 0 calc(var(--charge) * 90px) rgba(221,0,0,calc(var(--charge) * .85))}
.drop-btn:hover .drop-text{letter-spacing:.075em;color:#fff}
.drop-rule{width:100%;height:1px;background:rgba(232,230,225,.28);position:relative}
.drop-rule::after{content:"";position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .6s;box-shadow:0 0 calc(var(--charge) * 22px) calc(var(--charge) * 2px) rgba(255,30,10,calc(var(--charge) * .9))}
.drop-btn:hover .drop-rule::after{transform:scaleX(1)}
.featured{display:flex;flex-direction:column}
.featured-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:32px;align-items:end;padding-bottom:16px}
.featured-main>.feat{grid-column:-2}
.featured h1{margin:0;max-width:40ch;font-size:18px;font-weight:400;line-height:1.35;letter-spacing:.01em;text-transform:uppercase}
.feat{position:relative;width:100%;min-width:0;justify-self:end;padding:14px 14px 10px;border:1px solid rgba(232,230,225,.16);background:linear-gradient(180deg,rgba(22,18,17,.66),rgba(7,7,7,.52));-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 60px rgba(0,0,0,.3);touch-action:pan-y}
.feat-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;color:var(--muted);font:11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.feat-count{margin-left:auto;font-variant-numeric:tabular-nums}.feat-count b{font-weight:400;color:var(--white)}
.feat-arrows{display:flex;gap:6px}
.feat-arrow{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(232,230,225,.3);border-radius:50%;background:transparent;color:var(--white);transition:background .25s,border-color .25s,box-shadow .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.feat-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feat-arrow:hover{background:var(--red);border-color:var(--red);box-shadow:0 0 20px rgba(221,0,0,.45)}#feat-prev:hover{transform:translateX(-2px)}#feat-next:hover{transform:translateX(2px)}
.feat-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:stretch;min-height:150px;overflow:hidden}
.art-tile{width:150px;height:150px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #222;text-decoration:none;background:#141313;background-image:repeating-linear-gradient(135deg,rgba(232,230,225,.07) 0 1px,transparent 1px 10px);font:12px var(--mono);-webkit-user-drag:none;transition:border-color .3s,transform .5s cubic-bezier(.2,.7,.2,1)}
.art-tile:hover{border-color:rgba(255,59,47,.6);transform:scale(1.02)}
.art-tile .art-label{color:#8C8A85;font-size:10px;letter-spacing:.08em}.art-tile .art-id{color:#FF3B2F}
.art-tile.logo-art{align-items:center;justify-content:center;background:#0B0A0A}
.art-tile.logo-art img{width:104px;height:104px;object-fit:cover;object-position:center;mix-blend-mode:screen}
.feature-copy{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}
.feature-tag{display:inline-block;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border:1px dashed rgba(232,230,225,.45);border-radius:999px}
.feature-title{display:block;margin-top:12px;color:#CFCDC8;font-size:18px;font-weight:300;line-height:1.3;text-transform:uppercase}
.feature-actions{display:flex;align-items:center;justify-content:flex-start;gap:16px}
.feat-rail{display:flex;gap:6px;margin-top:12px}
.seg{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;padding:8px 0 6px;border:0;background:none;color:rgba(232,230,225,.42);font:10px/1 var(--mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;transition:color .3s}
.seg-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seg-bar{position:relative;height:2px;overflow:hidden;background:rgba(232,230,225,.16)}
.seg-fill{position:absolute;inset:0;background:var(--white);transform:scaleX(0);transform-origin:left}
.seg:hover,.seg[aria-pressed=true]{color:var(--white)}.seg:hover .seg-bar{background:rgba(232,230,225,.32)}
.seg.done .seg-fill{transform:scaleX(1);background:rgba(232,230,225,.45)}
.seg[aria-pressed=true] .seg-fill{background:linear-gradient(90deg,var(--red),#FF3B2F);box-shadow:0 0 8px rgba(255,40,20,.6);animation:seg-run 6.5s linear forwards}
.feat:hover .seg[aria-pressed=true] .seg-fill,.feat:focus-within .seg[aria-pressed=true] .seg-fill{animation-play-state:paused}
@keyframes seg-run{to{transform:scaleX(1)}}
@keyframes slide-l{from{opacity:0;transform:translateX(28px)}}
@keyframes slide-r{from{opacity:0;transform:translateX(-28px)}}
.slide-l{animation:slide-l .6s cubic-bezier(.2,.7,.2,1) both}.slide-r{animation:slide-r .6s cubic-bezier(.2,.7,.2,1) both}
.view-more{transition:color .25s,letter-spacing .4s;font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.timebar{position:relative;--p:0;--h:0;--wv:42px}
.tb-labels{position:relative;height:0;opacity:0;transition:height .7s cubic-bezier(.2,.7,.2,1),opacity .5s}
.timebar.on .tb-labels{height:26px;opacity:1}
.tb-label{position:absolute;bottom:5px;min-height:22px;display:flex;align-items:flex-end;gap:7px;padding:0 10px 0 7px;border:0;background:none;color:rgba(232,230,225,.5);font:11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap;overflow:hidden;transition:color .3s,transform .35s cubic-bezier(.2,.7,.2,1),background .3s;animation:tb-in .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 45ms + 250ms)}
@keyframes tb-in{from{opacity:0;transform:translateY(8px)}}
.tb-label b{flex:none;font-weight:400;color:rgba(232,230,225,.72);font-variant-numeric:tabular-nums;transition:color .3s}
.tb-label span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tb-label.tight span,.tb-label.mute>*{display:none}
.tb-label:hover,.tb-label:focus-visible{transform:translateY(-3px);color:var(--white)}.tb-label:hover b{color:var(--white)}
.tb-label.cur{color:var(--white)}.tb-label.cur b{color:#FF3B2F}
.tb-label.tight:hover,.tb-label.tight:focus-visible{width:auto!important;z-index:2;background:rgba(7,7,7,.88)}.tb-label.tight:hover>*,.tb-label.tight:focus-visible>*{display:block}
.tb-track{position:relative;height:1px;outline:none;touch-action:none;pointer-events:none;transition:margin-top .7s cubic-bezier(.2,.7,.2,1)}
.timebar.on .tb-track{margin-top:var(--wv);pointer-events:auto;cursor:pointer}
.tb-track::before{content:"";position:absolute;left:0;right:0;top:calc(var(--wv) * -1);bottom:-14px}
.tb-track:focus-visible{outline:2px solid var(--red);outline-offset:8px}
.tb-wave{position:absolute;left:0;bottom:1px;width:100%;height:calc(var(--wv) - 4px);pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,30,10,.35))}
.tb-line{position:absolute;inset:0;background:rgba(232,230,225,.3);transition:background .6s}
.timebar.on .tb-line{background:rgba(232,230,225,.45)}
.tb-line::after{content:"";position:absolute;top:-1px;left:-30%;width:30%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,90,60,.95),transparent);opacity:0}
.timebar.ignite .tb-line::after{animation:sweep 1.2s cubic-bezier(.6,0,.2,1)}
@keyframes sweep{from{left:-30%;opacity:1}to{left:100%;opacity:0}}
.tb-fill{position:absolute;left:0;top:-.5px;height:2px;width:calc(var(--p) * 100%);background:linear-gradient(90deg,rgba(221,0,0,.3),var(--red) 60%,#FF3B2F);box-shadow:0 0 12px rgba(255,30,10,.55);transition:opacity .45s}
.tb-ticks{position:absolute;inset:0;transition:opacity .45s}
.tb-ticks i{position:absolute;bottom:0;width:1px;height:6px;background:rgba(232,230,225,.4);transform-origin:bottom;transition:background .3s}
.timebar.on .tb-ticks i{height:calc(var(--wv) + 4px);background:linear-gradient(to top,rgba(232,230,225,.5),rgba(232,230,225,.05));animation:tick-in .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 35ms + 150ms)}
.timebar.on .tb-ticks i.past{background:linear-gradient(to top,rgba(255,59,47,.9),rgba(221,0,0,.06))}
.timebar.on .tb-ticks i.hot{background:linear-gradient(to top,#fff,rgba(232,230,225,.3))}
@keyframes tick-in{from{transform:scaleY(0)}}
.tb-head{position:absolute;left:calc(var(--p) * 100%);bottom:-6px;width:1px;height:13px;background:linear-gradient(to top,#fff,rgba(255,255,255,.2));transition:opacity .45s,height .7s cubic-bezier(.2,.7,.2,1)}
.timebar.on .tb-head{height:calc(var(--wv) + 10px)}
.tb-head::after{content:"";position:absolute;left:-2px;top:-3px;width:5px;height:5px;background:#FF3B2F;box-shadow:0 0 10px rgba(255,40,20,.9)}
.tb-cursor{position:absolute;left:calc(var(--h) * 100%);bottom:0;width:1px;height:calc(var(--wv) - 2px);background:rgba(232,230,225,.4);opacity:0;pointer-events:none;transition:opacity .25s}
.timebar.on .tb-track:hover .tb-cursor{opacity:1}
.timebar:not(.on) .tb-fill,.timebar:not(.on) .tb-ticks,.timebar:not(.on) .tb-head{opacity:0}
.tb-tip{position:absolute;top:9px;left:calc(var(--h) * 100%);transform:translateX(-50%);color:var(--white);font:10px/1 var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;transition:opacity .2s}
.timebar.on .tb-track:hover .tb-tip{opacity:.8}
.dock-scrim{position:absolute;left:0;right:0;bottom:0;height:clamp(240px,44vh,440px);background:linear-gradient(to top,rgba(7,7,7,.94),rgba(7,7,7,.78) 36%,rgba(7,7,7,0));opacity:0;pointer-events:none;transition:opacity 1.2s cubic-bezier(.2,.7,.2,1)}
.home.docked .dock-scrim{opacity:1}
.home-footer{align-items:center;gap:24px}
.transport{min-width:0;display:flex;align-items:center;gap:18px;font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.transport:not([hidden]){animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.tp-play{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(7,7,7,.55);color:var(--white);transition:color .25s,background .3s,box-shadow .3s}
.tp-play::before{content:"";position:absolute;inset:0;border:1px dashed rgba(232,230,225,.55);border-radius:50%;animation:spin 10s linear infinite paused;transition:border-color .3s}
.transport.playing .tp-play::before{animation-play-state:running;border-color:rgba(255,59,47,.8)}
.tp-play:hover{background:var(--red);color:#fff;box-shadow:0 0 26px rgba(221,0,0,.55)}.tp-play:hover::before{border-color:transparent}
.tp-play svg,.feature-play svg,.detail-play svg{width:10px;height:10px;flex:none;fill:currentColor;animation:pop .4s cubic-bezier(.2,.7,.2,1)}
@keyframes pop{from{transform:scale(.3);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
.tp-meta{min-width:0;display:flex;align-items:baseline;gap:12px}
.tp-id{flex:none;color:#FF3B2F}
.tp-title{min-width:0;max-width:38ch;overflow:hidden;color:var(--white);text-overflow:ellipsis;white-space:nowrap}
.tp-time{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}.tp-time span{color:var(--muted)}
.tp-close{width:28px;height:44px;flex:none;padding:0;border:0;background:none;color:var(--muted);font-size:18px;line-height:1;transition:color .25s,transform .4s cubic-bezier(.2,.7,.2,1)}.tp-close:hover{color:var(--white);transform:rotate(90deg)}
.feature-links{display:flex;align-items:center;gap:24px}
.feature-play{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:var(--white);font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .25s}
.feature-play:hover{color:var(--red)}.feature-play svg{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.feature-play:hover svg{transform:translateX(3px)}
.feature-tag.now{border-color:rgba(255,59,47,.75)}.feature-tag .eq{margin-right:8px;vertical-align:-1px}
.art-tile.now-art{border-color:rgba(221,0,0,.45);background-color:#120c0c}
.art-bars{height:56px;display:flex;align-self:center;align-items:flex-end;gap:5px}
.art-bars i{width:5px;height:100%;background:linear-gradient(to top,#DD0000,#FF3B2F);transform-origin:bottom;animation:eq 1.1s ease-in-out infinite}
.art-bars i:nth-child(2){animation-duration:.8s;animation-delay:-.2s}.art-bars i:nth-child(3){animation-duration:1.3s;animation-delay:-.5s}.art-bars i:nth-child(4){animation-duration:.9s;animation-delay:-.7s}.art-bars i:nth-child(5){animation-duration:1.2s;animation-delay:-.35s}
.seg.now .seg-lbl::before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;vertical-align:1px;border-radius:50%;background:#FF3B2F;box-shadow:0 0 8px rgba(255,40,20,.8)}
.eq{width:10px;height:10px;flex:none;display:inline-flex;align-items:flex-end;gap:2px}
.eq i{flex:1;height:100%;background:var(--red);transform-origin:bottom;animation:eq .9s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}
@keyframes eq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.home:not(.playing) .eq i,.home:not(.playing) .art-bars i{animation-play-state:paused}
.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font:12px var(--mono);text-transform:uppercase}
.detail-play{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 20px 0 17px;border:1px solid #0B0B0B;border-radius:999px;background:#0B0B0B;color:var(--gray);font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:background .25s,border-color .25s,color .25s,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.detail-play:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(221,0,0,.25)}
.detail-length{color:#3E3E3B;font-variant-numeric:tabular-nums}
.to-timeline{min-height:44px;display:inline-flex;align-items:center;gap:9px;color:var(--white);font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:color .25s;animation:swap .45s cubic-bezier(.2,.7,.2,1) both}
.to-timeline[hidden]{display:none}
.to-timeline svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.to-timeline:hover{color:var(--red)}.to-timeline:hover svg{transform:translateX(3px)}
.timebar.spot .tb-track{animation:spot 1.6s cubic-bezier(.2,.7,.2,1) .35s 2}
@keyframes spot{0%,100%{filter:none}40%{filter:drop-shadow(0 0 10px rgba(255,59,47,.85)) brightness(1.5)}}
.track{position:relative;width:100%;padding:0;border-width:0 0 1px;background:none;color:inherit;text-align:left;transition:color .2s,padding .35s cubic-bezier(.2,.7,.2,1)}
.track:hover{padding-left:6px}
.track .no{min-width:18px;transition:color .2s}.track .duration{font-variant-numeric:tabular-nums}
.track:hover .no,.track.cur .no{color:var(--red)}
.track::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:calc(var(--tp,0) * 100%);background:var(--red)}
.legal{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;color:#0B0B0B;overflow:hidden}
.legal::backdrop{background:rgba(7,7,7,.6);backdrop-filter:blur(4px);animation:view-in .6s both}
.legal.closing::backdrop{animation:fade-out .48s forwards}
.legal-sheet{position:absolute;top:0;bottom:0;left:0;width:min(760px,100%);display:flex;flex-direction:column;background:var(--gray);box-shadow:24px 0 60px rgba(0,0,0,.35);animation:slide-in .75s cubic-bezier(.77,0,.18,1) both}
.legal.closing .legal-sheet{animation:slide-out .48s cubic-bezier(.7,0,.84,0) forwards}
.legal-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 32px 0}
.legal-tabs{display:flex;gap:10px}
.legal-tabs button{min-height:44px;padding:0 16px;border:1px dashed rgba(11,11,11,.55);border-radius:999px;background:transparent;color:#0B0B0B;font:12px var(--mono);text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}
.legal-tabs button:hover{border-color:#0B0B0B}
.legal-tabs button[aria-selected=true]{border-style:solid;border-color:#0B0B0B;background:#0B0B0B;color:var(--gray)}
.legal-close{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#0B0B0B;font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .25s}
.legal-close span{font-size:18px;line-height:1;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.legal-close:hover{color:var(--red)}.legal-close:hover span{transform:rotate(90deg)}
.legal-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:clamp(32px,7vh,72px) 32px 48px}
.legal-body h2{margin:10px 0 14px;font-size:clamp(36px,4.4vw,56px);font-weight:400;line-height:.98;text-transform:uppercase}
.legal-intro{max-width:52ch;margin:0 0 40px;color:#3E3E3B;font-size:15px;line-height:1.55}
.legal-list{margin:0;padding:0;list-style:none;border-top:1px dashed rgba(11,11,11,.5)}
.legal-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;padding:18px 0;border-bottom:1px dashed rgba(11,11,11,.35)}
.legal-list .no{padding-top:1px;font:12px var(--mono)}
.legal-list h3{margin:0 0 6px;font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.legal-list p{max-width:60ch;margin:0;font-size:15px;line-height:1.55}.legal-list p+p{margin-top:8px}
.legal-foot{padding:16px 32px 24px;border-top:1px dashed rgba(11,11,11,.5);color:#3E3E3B;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.home-footer{margin-top:clamp(10px,2.5vh,32px);display:flex;justify-content:space-between}.home-footer a{font-size:15px;text-transform:uppercase;text-decoration:none;padding:12px 0}
.split{display:flex;min-height:100svh;background:var(--black)}
.split-left{flex:999 1 640px;min-width:0;height:100svh;overflow-y:auto;background:var(--gray);color:#0B0B0B}
.split-right{flex:1 1 380px;min-width:0;height:100svh;position:relative;overflow:hidden;background:var(--black);color:var(--white)}
.split-right .page-content{height:100%;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.split-right .header-right{align-items:flex-start}.split-right{cursor:zoom-out}.split-right a,.split-right button{cursor:pointer}
.hatch-light{background:#B3B4AF;background-image:repeating-linear-gradient(135deg,rgba(11,11,11,.09) 0 1px,transparent 1px 10px)}
.catalog .split-left{display:flex;flex-direction:column}
.catalog-nav{padding:32px 32px 0;display:flex}
.catalog-body{flex:1 0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:48px 8%;padding:clamp(56px,20vh,220px) 32px 140px}
.catalog-art{position:relative;flex:0 1 380px;min-width:240px;aspect-ratio:1/1;padding:16px;display:flex;flex-direction:column;justify-content:space-between;font:12px var(--mono);--tick:rgba(11,11,11,.6)}
.catalog-art .small{font-size:11px;letter-spacing:.06em;color:#3E3E3B}
.ca-foot{display:flex;flex-direction:column;gap:8px}
.ca-id{font:400 clamp(30px,3.2vw,46px)/1 var(--sans);letter-spacing:-.01em;text-transform:uppercase}
.ca-meta{color:#3E3E3B;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.catalog-list{flex:1 1 460px;min-width:0;max-width:780px;display:flex;flex-direction:column}
.catalog-head{display:grid;grid-template-columns:30px 44px minmax(0,1fr) auto;gap:16px;padding:0 12px 10px 8px;border-bottom:1px solid rgba(11,11,11,.7);color:#3E3E3B;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.catalog-head #cat-count{color:#0B0B0B}
.catalog-row{position:relative;min-height:64px;display:flex;align-items:stretch;text-decoration:none;color:#0B0B0B;border-bottom:1px dashed rgba(11,11,11,.25)}
.catalog-row-inner{position:relative;isolation:isolate;width:100%;display:grid;grid-template-columns:30px 44px minmax(0,1fr) auto 16px;align-items:center;gap:16px;padding:0 12px 0 8px;font-size:17px;line-height:1.2;text-transform:uppercase;transition:color .25s}
.catalog-row-inner::before{content:"";position:absolute;inset:5px 0;z-index:-1;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.catalog-row:hover .catalog-row-inner::before,.catalog-row.active .catalog-row-inner::before,.catalog-row:focus-visible .catalog-row-inner::before{transform:scaleX(1)}
.catalog-row:hover .catalog-row-inner,.catalog-row.active .catalog-row-inner,.catalog-row:focus-visible .catalog-row-inner{color:#fff}
.catalog-row:focus-visible{outline:none}
.cr-no{color:#6b6a66;font:11px var(--mono);transition:color .25s}
.cr-kind{justify-self:start;padding:4px 6px 3px;border:1px solid currentColor;font:9px/1 var(--mono);letter-spacing:.1em}
.catalog-row-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.cr-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-artist{overflow:hidden;color:#55544f;font:11px var(--mono);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;transition:color .25s}
.catalog-row:hover .cr-no,.catalog-row.active .cr-no,.catalog-row:hover .cr-artist,.catalog-row.active .cr-artist{color:rgba(255,255,255,.78)}
.catalog-row-id{flex:none;font:12px var(--mono);letter-spacing:.04em}
.cr-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1)}
.catalog-row:hover .cr-arrow,.catalog-row.active .cr-arrow{opacity:1;transform:none}
.filters{position:sticky;bottom:0;margin-top:auto;padding:18px 32px 26px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:linear-gradient(to top,var(--gray) 70%,rgba(196,197,193,0));border-top:0}
.filters button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px dashed rgba(11,11,11,.55);border-radius:999px;background:transparent;color:#0B0B0B;font:12px var(--mono);text-transform:uppercase;transition:background .25s,color .25s,border-color .25s,transform .3s cubic-bezier(.2,.7,.2,1)}
.filters button:hover{border-color:#0B0B0B;transform:translateY(-2px)}
.filters .f-n{font-size:10px;opacity:.55}
.filters button[aria-pressed=true]{border-color:#0B0B0B;border-style:solid;background:#0B0B0B;color:var(--gray)}.filters button[aria-pressed=true] .f-n{color:#FF3B2F;opacity:1}
.detail .split-left{padding:32px 32px 96px}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.backlink{min-height:44px;display:inline-flex;align-items:center;color:#0B0B0B;text-decoration:none;font:12px var(--mono);text-transform:uppercase}
.detail-body{display:flex;flex-wrap:wrap;gap:48px 6%;align-items:flex-start;padding-top:clamp(16px,8vh,96px)}
.detail-art{flex:0 1 420px;min-width:240px;aspect-ratio:1;padding:14px;display:flex;flex-direction:column;justify-content:space-between;font:12px var(--mono)}
.detail-info{flex:1 1 420px;min-width:0;max-width:680px;display:flex;flex-direction:column;gap:32px}
.detail-info h1{margin:0;font-size:clamp(36px,4.4vw,60px);font-weight:400;line-height:.98;text-transform:uppercase}
.detail-info p{margin:0}.detail-artist{font-size:20px;text-transform:uppercase}
.detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px dashed rgba(11,11,11,.5);border-bottom:1px dashed rgba(11,11,11,.5);font:12px var(--mono);text-transform:uppercase}
.detail-meta div{padding:12px 0;display:flex;flex-direction:column;gap:4px}.detail-meta dt{color:#3E3E3B}.detail-meta dd{margin:0}
.track-list{display:flex;flex-direction:column}.track{display:flex;align-items:center;gap:16px;min-height:44px;border-bottom:1px dashed rgba(11,11,11,.35);text-transform:uppercase}.track .no{font:12px var(--mono)}.track .duration{margin-left:auto;font:12px var(--mono)}
.detail-placeholder{min-height:166px;border:1px dashed rgba(11,11,11,.5);display:grid;place-items:center;text-align:center;padding:24px;color:#3E3E3B;font:12px var(--mono);text-transform:uppercase}
.detail-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:16px;border-top:1px dashed rgba(11,11,11,.5);font:12px var(--mono);text-transform:uppercase}
.detail-bottom a{color:#0B0B0B;text-decoration:none}
.demo-page{background:var(--black)}
.demo-page .page-content{height:100svh;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:56px}
.demo-body{flex:1 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;align-items:end}
.demo-intro{display:flex;flex-direction:column;gap:28px;max-width:520px}
.section-kicker{font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.demo-intro h1{margin:0;font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1;letter-spacing:-.01em;text-transform:uppercase}
.demo-intro h1 em,.featured h1 em{font-style:normal;color:#FF3B2F}
.rules{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px dashed rgba(232,230,225,.35);font-size:15px;line-height:1.45}
.rules li{display:flex;gap:18px;padding:12px 0;border-bottom:1px dashed rgba(232,230,225,.35);transition:padding .35s cubic-bezier(.2,.7,.2,1),color .3s}
.rules li:hover{padding-left:6px;color:#fff}.rules li:hover .num{color:#FF3B2F}
.rules .num{font:12px/1.5 var(--mono);transition:color .3s}
.demo-panel{position:relative;justify-self:end;width:min(560px,100%);border:1px solid rgba(232,230,225,.16);background:linear-gradient(180deg,rgba(24,19,18,.82),rgba(7,7,7,.8));-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);box-shadow:inset 0 1px rgba(255,255,255,.05),0 30px 70px rgba(0,0,0,.4)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px dashed rgba(232,230,225,.2);color:var(--muted);font:11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.panel-status{display:inline-flex;align-items:center;gap:9px;color:var(--white)}
.panel-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF3B2F;animation:ping 2.2s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,59,47,.65)}70%,100%{box-shadow:0 0 0 8px rgba(255,59,47,0)}}
.demo-panel form{display:flex;flex-direction:column;gap:22px;padding:24px}
.demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label,.links-field legend{color:#CFCDC8;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .25s}
.field:focus-within label{color:#FF3B2F}
.field input,.link-input{width:100%;min-height:50px;padding:13px 14px;background:rgba(255,255,255,.035);border:1px solid rgba(232,230,225,.18);border-radius:0;color:var(--white);font:16px var(--sans);transition:border-color .25s,background .25s,box-shadow .3s}
.field input:hover,.link-input:hover{border-color:rgba(232,230,225,.34)}
.field input:focus,.link-input:focus{outline:0;border-color:var(--red);background:rgba(221,0,0,.06);box-shadow:0 0 0 3px rgba(221,0,0,.16),0 10px 30px rgba(221,0,0,.12)}
.field input:user-invalid,.link-input:user-invalid{border-color:#ff6a5c;border-style:dashed}
.field input::placeholder,.link-input::placeholder{color:#6f6d68}
.links-field{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:10px}.links-field legend{padding-bottom:8px}
#links{display:flex;flex-direction:column;gap:8px}
.link-row{display:flex;align-items:stretch;gap:0}
.link-number{flex:0 0 44px;display:grid;place-items:center;border:1px solid rgba(232,230,225,.18);border-right:0;color:#8C8A85;font:11px var(--mono);transition:background .25s,color .25s,border-color .25s}
.link-row:focus-within .link-number{background:var(--red);border-color:var(--red);color:#fff}
.link-input{flex:1;min-width:0}
.remove-link{flex:0 0 50px;border:1px solid rgba(232,230,225,.18);border-left:0;background:transparent;color:var(--muted);font-size:18px;transition:color .25s,background .25s}.remove-link:hover{background:rgba(221,0,0,.14);color:#fff}
.add-link,.send-again{align-self:stretch;min-height:46px;padding:0 18px;border:1px dashed rgba(232,230,225,.32);border-radius:0;background:transparent;color:#CFCDC8;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:color .25s,background .25s,border-color .25s}
.add-link:hover,.send-again:hover{border-color:var(--red);color:#fff;background:rgba(221,0,0,.08)}
.own{display:flex;align-items:flex-start;gap:12px;color:#CFCDC8;font-size:14px;line-height:1.45;cursor:pointer}
.own input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;flex:none;display:grid;place-items:center;border:1px solid rgba(232,230,225,.45);background:transparent;cursor:pointer;transition:background .2s,border-color .2s}
.own input::after{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.own input:checked{background:var(--red);border-color:var(--red)}.own input:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.own a{text-decoration-color:rgba(232,230,225,.4);text-underline-offset:3px}.own a:hover{color:#FF3B2F}
.submit{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;min-height:56px;border:0;border-radius:999px;background:var(--red);color:#fff;font-size:15px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:background .25s,box-shadow .3s,transform .2s}
.submit::before{content:"";position:absolute;top:0;bottom:0;left:-45%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);transition:left .8s cubic-bezier(.2,.7,.2,1)}
.submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.submit:hover{background:#c40000;box-shadow:0 0 0 1px rgba(255,59,47,.4),0 14px 34px rgba(221,0,0,.4)}.submit:hover::before{left:125%}.submit:hover svg{transform:translateX(5px)}.submit:active{transform:scale(.98)}.view-more:hover{color:var(--red);letter-spacing:.1em}
.form-status{margin:0;padding:12px 14px;border:1px dashed rgba(232,230,225,.3);color:#CFCDC8;font-size:13px;line-height:1.45}.form-status:empty{display:none}
.demo-footer{display:flex;justify-content:space-between;gap:20px}.demo-footer a{padding:12px 0;text-decoration:none;text-transform:uppercase;font-size:15px}
/* Loader shown while the WebGL cog compiles. */
.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,#1d0807,#070707 62%);color:var(--white);transition:opacity .9s cubic-bezier(.6,0,.2,1),visibility 0s .9s}
.loader.out{opacity:0;visibility:hidden;pointer-events:none}
.ld-core{width:min(300px,78vw);display:flex;flex-direction:column;align-items:center;gap:22px;transition:transform .9s cubic-bezier(.6,0,.2,1),filter .9s}
.loader.out .ld-core{transform:scale(1.06);filter:blur(8px)}
.ld-mark{position:relative;width:104px;height:104px;display:grid;place-items:center;margin-bottom:6px}
.ld-mark::before{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(221,0,0,.45),rgba(221,0,0,0) 70%);animation:ld-glow 2.4s ease-in-out infinite}
.ld-ring{position:absolute;inset:0;border:1px dashed rgba(232,230,225,.28);border-radius:50%;will-change:transform;animation:spin 26s linear infinite reverse}
.ld-cog{position:relative;width:84px;height:84px;overflow:visible;will-change:transform;animation:spin 9s linear infinite}
.ld-cog path,.ld-cog circle{fill:none;stroke:var(--white);stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ld-cog .hub{stroke:#FF3B2F}
@keyframes ld-glow{50%{opacity:.35;transform:scale(.86)}}
.ld-name{font:11px/1 var(--mono);letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;text-align:center}
.ld-bar{position:relative;width:100%;height:1px;background:rgba(232,230,225,.16);overflow:hidden}
.ld-bar i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(221,0,0,.35),#DD0000 70%,#FF3B2F);box-shadow:0 0 12px rgba(255,40,20,.8);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}
.ld-bar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);will-change:transform;animation:ld-sweep 1.8s cubic-bezier(.6,0,.2,1) infinite}
@keyframes ld-sweep{from{transform:translateX(-100%)}to{transform:translateX(360%)}}
.ld-row{width:100%;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font:10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.ld-row #ld-pct{color:var(--white);font-variant-numeric:tabular-nums}
body.booting .view.active,body.booting .view.active *{animation-play-state:paused!important}
/* Shared corner brackets: a registration mark at two opposite corners. */
.brackets::before,.brackets::after{content:"";position:absolute;width:9px;height:9px;pointer-events:none;border:solid var(--tick,rgba(232,230,225,.7))}
.brackets::before{top:-4px;left:-4px;border-width:1px 0 0 1px}
.brackets::after{bottom:-4px;right:-4px;border-width:0 1px 1px 0}
.home-footer a,.demo-footer a{position:relative}.home-footer a::after,.demo-footer a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.home-footer a:hover::after,.demo-footer a:hover::after{transform:scaleX(1);transform-origin:left}
.brand-name{letter-spacing:.06em;transition:color .3s,letter-spacing .5s cubic-bezier(.2,.7,.2,1)}.brand-name:hover{color:#fff;letter-spacing:.1em}
@media(max-width:1100px){.featured-main{grid-template-columns:minmax(0,1fr) minmax(0,500px)}}
@media(max-width:900px){.header{grid-template-columns:1fr}.home .header,.demo-page .header{grid-template-columns:minmax(0,1fr) auto}.home .brand-name,.demo-page .brand-name{grid-column:1/-1;grid-row:2}.home .socials,.demo-page .socials{grid-column:2;grid-row:1}.home .page-content,.demo-page .page-content{padding:24px}.featured-main{grid-template-columns:1fr;gap:20px}.feat{justify-self:stretch}.home,.view.catalog,.view.detail{overflow-y:auto;overscroll-behavior:contain}.home>.bg,.home>.dock-scrim{position:fixed}.split{display:block}.split-left{height:auto;min-height:100svh;overflow:visible}.split-left{box-shadow:0 30px 60px rgba(0,0,0,.45)}.split-right{position:fixed;inset:0;z-index:0;height:auto;min-height:0}.split-right .page-content{justify-content:flex-end;padding-bottom:max(32px,env(safe-area-inset-bottom))}.split::after{content:"";display:block;height:60svh;pointer-events:none}.demo-body{grid-template-columns:1fr}.demo-panel{justify-self:stretch;width:100%}.home-center{min-height:300px}.catalog-body{padding-top:64px}}
@media(max-width:620px){.header-right{justify-content:flex-start}.brand-name{font-size:15px}.home .header,.demo-page .header{grid-template-columns:1fr;gap:14px}.home .navbox,.demo-page .navbox{justify-self:center}.home .socials,.demo-page .socials{grid-column:1;grid-row:3;justify-self:center}.navbox{height:46px}.navbox a{padding:0 13px}.navbox a:not(.home-link)::after{left:10px;right:10px}.nav-no{display:none}.navbox .home-link{width:46px}.nav-logo{width:44px;height:44px}.nav-logo img{left:-25.5px;top:-62px}.socials{height:44px}.socials a{width:36px;height:36px}.home-center{min-height:230px;padding:28px 0}.drop-btn .drop-text{font-size:clamp(32px,9vw,48px)}.featured h1{font-size:15px}.feat{padding:12px}.feat-body{grid-template-columns:100px minmax(0,1fr);gap:14px;min-height:100px}.art-tile{width:100px;height:100px;padding:9px}.art-tile.logo-art img{width:76px;height:76px}.art-bars{height:34px}.feature-title{font-size:14px;margin-top:8px}.feature-tag{font-size:10px}.seg{font-size:9px}.catalog-body{padding:48px 20px 90px;gap:28px}.catalog-nav,.filters{padding-left:20px;padding-right:20px}.catalog-art{flex-basis:100%;aspect-ratio:4/3}.ca-id{font-size:30px}.catalog-row-inner,.catalog-head{grid-template-columns:24px minmax(0,1fr) auto;gap:12px}.catalog-row-inner{font-size:15px;padding:0 8px 0 4px}.catalog-head{padding:0 8px 10px 4px}.cr-kind,.cr-arrow,.catalog-head .ch-type{display:none}.filters{gap:8px}.filters button{padding:0 13px}.detail .split-left{padding:20px}.demo-fields{grid-template-columns:1fr}.demo-panel form{padding:18px;gap:18px}.panel-head{padding:12px 18px}.rules{font-size:14px}}
@media(max-width:620px){.timebar{--wv:34px}.tb-label:not(.cur){visibility:hidden}.tb-label.cur{left:0!important;width:100%!important}.tb-label.cur>*,.tb-label.cur.tight span{display:inline}.tp-title{display:none}.transport{gap:10px}.feature-links{gap:10px}.feature-play{min-width:28px;justify-content:center}.feature-play>span:not(.eq){display:none}.legal-head{padding:24px 20px 0}.legal-body{padding:32px 20px 40px}.legal-foot{padding:14px 20px 20px}.legal-list li{grid-template-columns:32px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}}
/* ---- live data additions ---------------------------------------------------------------------------------- */
/* Inactive window / hidden tab: only the endless loops pause (entrance animations must still finish). */
.dormant .ld-ring,.dormant .ld-cog,.dormant .ld-mark::before,.dormant .ld-bar::after,.dormant .eq i,.dormant .art-bars i,.dormant .panel-status::before,.dormant .tp-play::before,.dormant .seg-fill{animation-play-state:paused!important}
.unrel{margin-left:3px;color:#FF3B2F;font-weight:500}
.split-left .unrel{color:var(--red)}
.art-tile.img-art{padding:0;overflow:hidden;border-color:rgba(232,230,225,.16)}
.art-tile.img-art img{display:block;width:100%;height:100%;object-fit:cover}
.art-tile:not([href]){cursor:default}.art-tile:not([href]):hover{transform:none;border-color:#222}
.catalog-art,.detail-art{position:relative;overflow:hidden}
.catalog-art img.cover,.detail-art img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:view-in .6s both}
.catalog-art.has-art .ca-foot{position:relative;z-index:1;margin:0 -16px -16px;padding:56px 16px 16px;background:linear-gradient(to top,rgba(7,7,7,.78),rgba(7,7,7,0));color:#fff}
.catalog-art.has-art .ca-meta{color:rgba(255,255,255,.75)}
.detail-art.has-art>span{display:none}
.detail-text{max-width:56ch;font-size:16px;line-height:1.55;white-space:pre-line}
.track .tt{min-width:0}
.track:disabled,.track.idle{cursor:default}.track:disabled:hover,.track.idle:hover{padding-left:0}
.track.idle .no{color:#6b6a66}
.detail-links{display:flex;flex-wrap:wrap;gap:10px}
.detail-links a{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 14px 0 16px;border:1px dashed rgba(11,11,11,.55);border-radius:999px;color:#0B0B0B;font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .3s cubic-bezier(.2,.7,.2,1)}
.detail-links a:hover,.detail-links a:focus-visible{border-style:solid;border-color:#0B0B0B;background:#0B0B0B;color:var(--gray);transform:translateY(-2px)}
.detail-links svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.detail-links a:hover svg{transform:translate(2px,-2px)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.panel-status.off::before{background:#6b6a66;animation:none}
.demo-closed{margin:0;padding:clamp(40px,8vh,72px) 24px;font-size:clamp(20px,2.2vw,28px);font-weight:300;line-height:1.25;text-transform:uppercase}
.form-fields{display:flex;flex-direction:column;gap:22px}
.demo-done{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:12px 0}
.demo-done .done-title{margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:400;line-height:1;text-transform:uppercase}
.submit:disabled{opacity:.6;cursor:progress}
/* Logo: hover (or press) for 2 s to arm the link to the main site. */
.hold-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hold-ring rect{fill:none;stroke:#FF3B2F;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .3s cubic-bezier(.2,.7,.2,1),opacity .3s}
.home-link.holding .hold-ring rect{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 2s linear,opacity .2s}
.home-link.armed .hold-ring rect{opacity:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgba(255,40,20,.95))}
.navbox .home-link.armed{background:radial-gradient(circle at 50% 50%,rgba(221,0,0,.42),transparent 72%)}
.navbox .home-link.armed .nav-logo{transform:scale(1.16)}
.hold-tip{position:absolute;top:calc(100% + 12px);left:0;z-index:6;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,59,47,.55);background:rgba(7,7,7,.92);box-shadow:0 0 18px rgba(221,0,0,.35);color:var(--white);font:10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s,transform .3s cubic-bezier(.2,.7,.2,1)}
.navbox.logo-armed .hold-tip{opacity:1;transform:none}