.t-stage{display:grid;min-height:clamp(340px,34vw,480px)}.t-q{grid-area:1/1;opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);pointer-events:none}.t-q.on{opacity:1;transform:none;pointer-events:auto}.t-q blockquote{margin:0;font:400 clamp(36px,5vw,86px)/1.04 var(--display);letter-spacing:-.03em;max-width:19ch;text-wrap:balance}.t-q blockquote b{color:var(--accent);font-weight:400}.t-who{display:flex;align-items:center;gap:14px;margin-top:36px}.t-who i{width:44px;height:44px;border-radius:50%;background:var(--paper-2)}.t-who .lbl:first-child{color:var(--ink)}.t-nav{display:flex;justify-content:space-between;align-items:center;margin-top:44px;padding-top:22px;border-top:1px solid var(--rule)}.t-dots{display:flex;gap:8px}.t-dot{position:relative;width:56px;height:20px;border:0;padding:0;background:none;cursor:pointer}.t-dot:before,.t-dot:after{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--rule)}.t-dot:after{background:var(--accent);transform:scaleX(0);transform-origin:left}.t-dot.on:after{animation:fill 6s linear forwards}@media(max-width:640px){.t-dot{width:36px}}.faq-item{border-bottom:1px solid var(--rule)}.faq-item>button{display:grid;grid-template-columns:60px minmax(0,1fr) 40px;gap:20px;width:100%;padding:28px 0;border:0;background:none;text-align:left;cursor:pointer;align-items:baseline}.faq-item .q{font:400 clamp(22px,2.3vw,34px)/1.12 var(--display);letter-spacing:-.015em;transition:transform .5s var(--ease)}.faq-item:hover .q{transform:translate(6px)}.faq-item .pm{justify-self:end;font:300 26px/1 var(--body);transition:transform .45s var(--ease),color .3s}.faq-item.open .pm{transform:rotate(45deg);color:var(--accent)}.faq-item.open .q{font-style:italic}.faq-item.open .lbl{color:var(--accent)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{padding:0 40px 30px 80px;font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:calc(64ch + 80px)}@media(max-width:640px){.faq-item>button{grid-template-columns:34px minmax(0,1fr) 26px;gap:12px;padding:22px 0}.faq-a p{padding:0 0 24px 46px}}.vn{position:relative;display:flex;align-items:center;padding:24px 0}.vn-c{--D:39%;position:relative;flex:0 0 var(--D);aspect-ratio:1;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;color:var(--ink);transition:background .6s var(--ease),color .4s,border-color .4s,scale .8s var(--ease);animation:vnbob 8s ease-in-out infinite;animation-delay:calc(var(--i)*-2.6s)}.vn-c+.vn-c{margin-left:calc(var(--D)*-.22)}.vn-c:hover{color:var(--on-acc)}.vn-in{display:grid;justify-items:center;gap:16px;max-width:54%;text-align:center}.vn-c:first-child .vn-in{translate:-9% 0}.vn-c:last-of-type .vn-in{translate:9% 0}.vn-in>*{min-width:0}.vn-more{display:grid;grid-template-rows:1fr}.vn-more>div{display:grid;justify-items:center;gap:16px;overflow:hidden}.vn-name{font:400 clamp(30px,3.2vw,52px)/.95 var(--display);letter-spacing:-.03em}.vn-name em{color:var(--accent);transition:color .4s}.vn-in p{font-size:14.5px;line-height:1.5;color:var(--ink-2);max-width:28ch;text-wrap:pretty;transition:color .4s}.vn-in .tags{justify-content:center}.vn-go{display:none}.vn-x{position:absolute;top:50%;z-index:3;translate:-50% -50%;pointer-events:none;padding:8px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);font:400 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink-2);transition:opacity .4s}@media(hover:hover)and (min-width:1025px){.vn-in{gap:0}.vn-more{grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}.vn-c:hover .vn-more{grid-template-rows:1fr}.vn-more p{margin-top:16px}.vn-in p,.vn-in .tags{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease),color .4s}.vn-c:hover{z-index:2;scale:1.04;background:var(--accent);border-color:var(--accent);animation-play-state:paused}.vn-c:hover .vn-name em,.vn-c:hover .vn-in p{color:var(--on-acc)}.vn-c:hover .vn-in p,.vn-c:hover .vn-in .tags{opacity:1;transform:none;transition-delay:.12s}.vn-c:hover .pill{background:transparent;border-color:currentColor;color:inherit}.vn:has(.vn-c:hover) .vn-x{opacity:0}}@media(max-width:1024px){.vn{flex-direction:column;padding:0}.vn-c{--D:min(100%,540px);flex:none;width:var(--D)}.vn-c+.vn-c{margin:calc(var(--D)*-.16) 0 0}.vn-c:first-child .vn-in,.vn-c:last-of-type .vn-in{translate:none}.vn-in{max-width:64%;gap:12px}.vn-go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:11px 18px;border-radius:999px;background:var(--accent);color:var(--on-acc);font:400 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}.vn-c:active{background:color-mix(in oklab,var(--accent) 12%,transparent)}.vn-name{font-size:clamp(40px,7vw,64px)}.vn-x{display:none}}@media(max-width:640px){.vn-in .tags{display:none}.vn-in p{font-size:14px}.vn-name{font-size:clamp(32px,9vw,42px)}}.pt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3vw,48px)}.pt-feat{position:relative;display:flex;flex-direction:column;gap:18px;padding:22px 24px 26px;border:1px solid var(--rule);overflow:hidden;min-width:0}.pt-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px}.pt-n{color:var(--accent)}.pt-core{position:relative;flex:1;display:grid;place-items:center;min-height:220px}.pt-orb{position:absolute;inset:-40px;display:grid;place-items:center;pointer-events:none}.pt-orb i{grid-area:1/1;position:relative;width:calc(clamp(150px,14vw,210px) + var(--r)*clamp(70px,6vw,96px));aspect-ratio:1;border:1px solid var(--rule);border-radius:50%;animation:spin var(--t) linear infinite;opacity:0;animation-name:spin,ptin;animation-duration:var(--t),.8s;animation-timing-function:linear,var(--ease);animation-iteration-count:infinite,1;animation-fill-mode:none,forwards;animation-delay:0s,calc(var(--r)*.12s)}.pt-orb i:nth-child(2n){animation-direction:reverse,normal}.pt-orb b{position:absolute;inset:0;transform:rotate(var(--a))}.pt-orb b:before{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}@keyframes ptin{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.pt-sym{position:relative;font:400 clamp(120px,12vw,210px)/.8 var(--display);letter-spacing:-.04em;font-weight:400;text-shadow:0 0 30px var(--paper)}.pt-meta{position:relative;z-index:1}.pt-name{margin:0 0 8px;font:italic 400 clamp(28px,2.6vw,40px)/1 var(--display);letter-spacing:-.02em}.pt-build{margin:0 0 16px;color:var(--ink-2);font-size:15px;line-height:1.5;max-width:40ch;text-wrap:pretty}.pt-feat.swap .pt-meta>*{animation:fu .7s var(--ease) both}.pt-feat.swap .pt-meta>*:nth-child(2){animation-delay:.06s}.pt-feat.swap .pt-meta>*:nth-child(3){animation-delay:.12s}.pt-grid{--mx:-999px;--my:-999px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:radial-gradient(240px circle at var(--mx) var(--my),var(--accent),transparent 75%),var(--rule);align-content:start}.pt-el{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:6px;aspect-ratio:4/3;padding:14px 16px;border:0;background:var(--paper);color:var(--ink);text-align:left;font:inherit;cursor:pointer;overflow:hidden;transition:background .35s,color .35s}.pt-el b{align-self:center;font:400 clamp(40px,4vw,64px)/1 var(--display);letter-spacing:-.03em;font-weight:400;transition:transform .5s var(--ease)}.pt-el:hover b,.pt-el.on b{transform:translate(6px);font-style:italic}.pt-el.on{background:var(--accent);color:var(--on-acc)}.pt-el.on .lbl{color:var(--on-acc)}.pt-el[data-href]:after{content:"";position:absolute;right:16px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.pt-el.on:after{background:var(--on-acc)}.pt-el:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.pt-legend{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:18px}.pt-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle}@media(max-width:1024px){.pt{grid-template-columns:1fr}.pt-core{min-height:200px}}@media(max-width:640px){.pt-el{aspect-ratio:1;padding:10px}.pt-el b{font-size:34px}.pt-el-name{font-size:9px;letter-spacing:.08em}.pt-el[data-href]:after{right:10px;top:12px}.pt-sym{font-size:110px}.pt-core{min-height:170px}.pt-feat{padding:18px}}@media(prefers-reduced-motion:reduce){.pt-orb i{animation:none;opacity:1}}
