body{overflow:hidden}main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.lede{position:relative;z-index:4;text-align:center;flex:0 0 auto;padding:clamp(20px,4.5vh,52px) 24px 0;pointer-events:none}h1{margin:0 auto;font-family:var(--display);font-weight:700;line-height:.95;letter-spacing:0;font-size:clamp(36px,6.2vw,84px);text-wrap:balance;max-width:14ch}h1 .clarity{color:var(--accent)}.sub{margin:14px auto 0;font-size:clamp(15px,1.6vw,20px);color:var(--muted);font-weight:500;letter-spacing:-.01em}.cardwrap{position:relative;z-index:2;flex:1 1 auto;min-height:0;display:grid;place-items:center;perspective:1600px}.card{position:relative;width:min(90vw,62vh*1.72,940px);aspect-ratio:1.72/1;transform-style:preserve-3d;will-change:transform;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.card.dragging{cursor:grabbing}.card{animation:cardappear .5s ease both}@keyframes cardappear{0%{opacity:0}to{opacity:1}}.card:focus-visible{outline:none}.card:focus-visible .face.front .glass{outline:2.5px solid var(--accent);outline-offset:8px}.face{position:absolute;inset:0;font-style:normal;backface-visibility:visible;-webkit-backface-visibility:visible;border-radius:34px;padding:clamp(20px,3.4vw,40px)}.face.back{transform:rotateY(180deg);display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,34px);align-items:center;align-content:center}.card:not(.showback) .face.back{visibility:hidden}.card.showback .face.front{visibility:hidden}.glass{position:absolute;inset:0;border-radius:34px;z-index:0;background:linear-gradient(135deg,var(--glass),var(--glass-2));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1.5px solid var(--edge);box-shadow:0 1px #ffffff80 inset,0 0 0 1px #ffffff0d inset,0 44px 90px -26px var(--depth),0 0 80px -10px var(--warmglow)}.glass:after{content:"";position:absolute;inset:0;border-radius:34px;padding:1.5px;background:linear-gradient(120deg,transparent 18%,var(--accent) 50%,transparent 82%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}.webgl-glass .card{z-index:1}.webgl-glass .glass{background:linear-gradient(135deg,var(--gl-scrim),var(--gl-scrim-2));backdrop-filter:none;-webkit-backdrop-filter:none}.webgl-glass .glass:after{opacity:.28}.wires{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}.wires path{fill:none;stroke:var(--wire);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s,filter .35s}.wires circle{fill:var(--accent);opacity:.45;transition:opacity .35s,filter .35s}.card:hover .wires path{stroke:var(--accent);filter:drop-shadow(0 0 5px var(--warmglow));stroke-dasharray:6 5;animation:flow 1.1s linear infinite}.card:hover .wires circle{opacity:1;filter:drop-shadow(0 0 6px var(--accent))}@keyframes flow{to{stroke-dashoffset:-22}}.pc{position:relative;z-index:2;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.mark{position:absolute;left:clamp(20px,3.4vw,40px);top:clamp(20px,3.4vw,40px)}.mark i{width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--warmglow);display:block}.idblock{position:absolute;left:clamp(20px,3.4vw,40px);top:clamp(48px,7vw,84px)}.name{font-family:var(--display);font-size:clamp(24px,4.4vw,44px);font-weight:700;letter-spacing:0;color:var(--face);display:block;white-space:nowrap}.title{font-size:clamp(11px,1.4vw,15px);letter-spacing:.16em;text-transform:uppercase;color:var(--face);opacity:.72;font-weight:600;display:block;margin-top:6px}.channels{position:absolute;left:clamp(20px,3.4vw,40px);bottom:clamp(20px,3.2vw,36px);display:flex;flex-direction:column;gap:9px}.ch{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--face);opacity:.82;font-size:clamp(12px,1.4vw,15px);font-weight:500;letter-spacing:-.005em;width:max-content;transition:opacity .2s,color .2s}.ch:hover{opacity:1;color:var(--accent)}:root[data-theme=light] .ch:hover{color:var(--accent-ink)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .ch:hover{color:var(--accent-ink)}}.ch svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;opacity:.85}.socials{position:absolute;right:clamp(20px,3.4vw,40px);bottom:clamp(20px,3.2vw,36px);display:flex;gap:10px}.soc{width:46px;height:34px;border-radius:11px;border:1px solid color-mix(in srgb,var(--face) 42%,transparent);background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;color:var(--face);text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.soc:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 5px 16px -5px var(--accent)}.soc svg{width:19px;height:19px}.ch:focus-visible,.soc:focus-visible,.save:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}.save{text-decoration:none;font:inherit;font-size:clamp(12.5px,1.4vw,15px);font-weight:600;letter-spacing:-.01em;color:#fff;background:var(--accent);border:none;padding:12px 20px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;box-shadow:0 12px 30px -10px var(--warmglow);transition:box-shadow .2s,filter .2s}.save:hover{filter:brightness(1.06);box-shadow:0 16px 36px -10px var(--warmglow)}.save svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.9}.qrtile{position:relative;z-index:2;background:#fff8f0;border-radius:18px;padding:14px;box-shadow:0 12px 30px -12px var(--depth);width:clamp(130px,21vw,200px)}.qrtile img{display:block;width:100%;height:auto}.qrside{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.qrside .name{white-space:nowrap}.qrcap{margin:0;font-size:clamp(13px,1.5vw,16px);color:var(--face);opacity:.8;font-weight:500;max-width:22ch;line-height:1.4}.dock{position:relative;z-index:6;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 24px clamp(12px,2.2vh,22px);pointer-events:none}.hint{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.7;text-align:center;pointer-events:none}.ctrls{display:flex;gap:10px;align-items:center;pointer-events:auto}.iconbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:var(--ground);cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,transform .1s}.iconbtn:hover{border-color:var(--accent);color:var(--accent-ink)}.iconbtn:active{transform:translateY(1px)}.iconbtn:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}.iconbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){.card{animation:none}.card:hover .wires path{animation:none}}@media(max-width:640px){body{overflow:auto}.cardwrap{min-height:54vh;perspective:1100px}.card{width:92vw}h1{font-size:clamp(32px,10vw,52px)}.name{white-space:normal}.handoff{position:static;display:flex;justify-content:center;margin:8px auto 0}}