.protocol-card:where(.astro-ejzu6aul){--px: .5;--py: .38;--glare: .34;--foil-opacity: .42;--tilt: 5;--parallax: 4;display:block;border-radius:1.1rem;color:var(--sylph-text);text-decoration:none;perspective:900px}.protocol-card:where(.astro-ejzu6aul)[data-tier=featured]{--glare: .5;--foil-opacity: .62;--tilt: 7;--parallax: 6}.protocol-card:where(.astro-ejzu6aul)[data-tier=hero]{--glare: .7;--foil-opacity: .82;--tilt: 8;--parallax: 8}.protocol-card__tilt:where(.astro-ejzu6aul){display:flex;flex-direction:column;overflow:hidden;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--sylph-surface) 86%,var(--sylph-brand) 14%);box-shadow:0 0 0 1px color-mix(in srgb,var(--sylph-brand) 35%,transparent),0 14px 32px #00000047;transform:translateY(0) rotateX(calc((.5 - var(--py)) * var(--tilt) * 1deg)) rotateY(calc((var(--px) - .5) * var(--tilt) * 1deg));transition:transform .18s ease;transform-style:preserve-3d}.protocol-card:where(.astro-ejzu6aul):hover .protocol-card__tilt:where(.astro-ejzu6aul){transform:translateY(-6px) rotateX(calc((.5 - var(--py)) * var(--tilt) * 1deg)) rotateY(calc((var(--px) - .5) * var(--tilt) * 1deg))}.protocol-card__art:where(.astro-ejzu6aul){position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;background:#101614}.protocol-card__art:where(.astro-ejzu6aul) img:where(.astro-ejzu6aul){width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:translate(calc((var(--px) - .5) * var(--parallax) * 1px),calc((var(--py) - .5) * var(--parallax) * 1px)) scale(1.05)}.protocol-card:where(.astro-ejzu6aul)[data-focal] .protocol-card__art:where(.astro-ejzu6aul) img:where(.astro-ejzu6aul){object-position:var(--focal-x) var(--focal-y)}.protocol-card__foil:where(.astro-ejzu6aul),.protocol-card__glare:where(.astro-ejzu6aul),.protocol-card__grain:where(.astro-ejzu6aul){position:absolute;inset:0;pointer-events:none}.protocol-card__foil:where(.astro-ejzu6aul){opacity:calc(var(--foil-opacity) * .34);mix-blend-mode:soft-light;background-image:linear-gradient(125deg,transparent 8%,rgb(20 51 44 / .7) 18%,rgb(90 200 197 / .9) 34%,rgb(163 229 179 / .85) 48%,rgb(215 222 230 / .55) 58%,rgb(186 170 210 / .75) 70%,rgb(122 156 196 / .65) 82%,transparent 94%);background-size:180% 180%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);transition:opacity .18s ease}.protocol-card:where(.astro-ejzu6aul):hover .protocol-card__foil:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul):focus-visible .protocol-card__foil:where(.astro-ejzu6aul){opacity:var(--foil-opacity)}.protocol-card__glare:where(.astro-ejzu6aul){opacity:calc(var(--glare) * .1);mix-blend-mode:soft-light;background:radial-gradient(circle at calc(var(--px) * 100%) calc(var(--py) * 100%),rgb(215 222 230 / .75),transparent 18%);transition:opacity .18s ease}.protocol-card:where(.astro-ejzu6aul):hover .protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul):focus-visible .protocol-card__glare:where(.astro-ejzu6aul){opacity:calc(var(--glare) * .35)}.protocol-card__grain:where(.astro-ejzu6aul){opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.protocol-card__meta:where(.astro-ejzu6aul){display:flex;flex-direction:column;gap:.15rem;padding:.85rem .95rem 1rem;background:var(--sylph-surface)}.protocol-card__name:where(.astro-ejzu6aul){font-size:1.05rem;font-weight:650;line-height:1.25}.protocol-card__label:where(.astro-ejzu6aul),.protocol-card__platforms:where(.astro-ejzu6aul){color:var(--sylph-text);font-size:.875rem}.protocol-card__method:where(.astro-ejzu6aul),.protocol-card__platforms:where(.astro-ejzu6aul){color:var(--sylph-text-muted);font-size:.75rem}.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt]{--tilt: 14}.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt] .protocol-card__foil:where(.astro-ejzu6aul){opacity:.22;background:conic-gradient(from 90deg,#14332c,#5ac8c5,#d7dee6,#c9bdd8,#a3e5b3,#14332c);background-size:220% 220%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);mix-blend-mode:color-dodge}.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt]:hover .protocol-card__foil:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt]:focus-visible .protocol-card__foil:where(.astro-ejzu6aul){opacity:.48}.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt] .protocol-card__glare:where(.astro-ejzu6aul){opacity:0;background:linear-gradient(115deg,transparent 42%,rgb(255 255 255 / .38) 50%,transparent 58%);background-size:240% 240%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);mix-blend-mode:overlay}.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt]:hover .protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt]:focus-visible .protocol-card__glare:where(.astro-ejzu6aul){opacity:.42}.protocol-card:where(.astro-ejzu6aul)[data-foil=tilt] .protocol-card__grain:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-foil=shimmer] .protocol-card__grain:where(.astro-ejzu6aul){opacity:0}.protocol-card:where(.astro-ejzu6aul)[data-foil=shimmer] .protocol-card__tilt:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-foil=shimmer] .protocol-card__art:where(.astro-ejzu6aul) img:where(.astro-ejzu6aul){transform:none}.protocol-card:where(.astro-ejzu6aul)[data-foil=shimmer]:hover .protocol-card__tilt:where(.astro-ejzu6aul){transform:translateY(-6px) rotateX(6deg) rotateY(-6deg)}.protocol-card:where(.astro-ejzu6aul)[data-foil=shimmer] .protocol-card__foil:where(.astro-ejzu6aul){opacity:0;background:linear-gradient(105deg,transparent 28%,rgb(90 200 197 / .5) 40%,rgb(255 255 255 / .45) 50%,rgb(186 170 210 / .35) 60%,transparent 72%);background-size:240% 100%;background-position:100% 0;mix-blend-mode:color-dodge}.protocol-card:where(.astro-ejzu6aul)[data-foil=shimmer]:hover .protocol-card__foil:where(.astro-ejzu6aul){opacity:.8;animation:protocol-foil-sweep 1.6s ease-in-out infinite alternate}.protocol-card:where(.astro-ejzu6aul)[data-foil=physical]{--tilt: 10}.protocol-card:where(.astro-ejzu6aul)[data-foil=physical] .protocol-card__foil:where(.astro-ejzu6aul){opacity:.34;background:linear-gradient(125deg,transparent 6%,rgb(20 51 44 / .85) 16%,rgb(90 200 197 / .9) 30%,rgb(163 229 179 / .85) 42%,rgb(215 222 230 / .5) 52%,rgb(186 170 210 / .8) 64%,rgb(122 156 196 / .75) 76%,transparent 90%),repeating-linear-gradient(115deg,rgb(90 200 197 / .4) 0 1px,rgb(186 170 210 / .32) 1px 2px,transparent 2px 7px);background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);mix-blend-mode:overlay}.protocol-card:where(.astro-ejzu6aul)[data-foil=physical]:hover .protocol-card__foil:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-foil=physical]:focus-visible .protocol-card__foil:where(.astro-ejzu6aul){opacity:.55}.protocol-card:where(.astro-ejzu6aul)[data-foil=physical] .protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-foil=physical]:hover .protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-foil=physical]:focus-visible .protocol-card__glare:where(.astro-ejzu6aul){opacity:0}.protocol-card:where(.astro-ejzu6aul)[data-foil=physical] .protocol-card__grain:where(.astro-ejzu6aul){opacity:.2}.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=current] .protocol-card__foil:where(.astro-ejzu6aul){opacity:.28;background-image:linear-gradient(125deg,transparent 8%,rgb(255 77 109 / .8) 22%,rgb(255 214 10 / .75) 38%,rgb(61 255 200 / .75) 52%,rgb(76 201 240 / .75) 66%,rgb(179 136 255 / .75) 80%,transparent 94%);background-size:180% 180%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);mix-blend-mode:soft-light}.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=current]:hover .protocol-card__foil:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=current]:focus-visible .protocol-card__foil:where(.astro-ejzu6aul){opacity:.62}.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=current] .protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=current]:hover .protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=current]:focus-visible .protocol-card__glare:where(.astro-ejzu6aul){opacity:0}.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=tilt] .protocol-card__foil:where(.astro-ejzu6aul){background:conic-gradient(from 90deg,#ff4d6d,#ffd60a,#3dffc8,#4cc9f0,#b388ff,#ff4d6d)}.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=shimmer] .protocol-card__foil:where(.astro-ejzu6aul){background-image:linear-gradient(105deg,transparent 28%,rgb(255 0 180 / .55) 40%,rgb(255 220 0 / .5) 50%,rgb(0 220 255 / .55) 60%,transparent 72%);background-size:240% 100%;background-position:100% 0}.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=physical] .protocol-card__foil:where(.astro-ejzu6aul){opacity:.34;mix-blend-mode:overlay;background:linear-gradient(125deg,transparent 6%,rgb(255 77 109 / .85) 18%,rgb(255 214 10 / .8) 34%,rgb(61 255 200 / .8) 50%,rgb(76 201 240 / .8) 64%,rgb(179 136 255 / .8) 78%,transparent 92%),repeating-linear-gradient(115deg,rgb(255 80 160 / .4) 0 1px,rgb(80 220 255 / .32) 1px 2px,transparent 2px 7px);background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=physical]:hover .protocol-card__foil:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul)[data-rainbow][data-foil=physical]:focus-visible .protocol-card__foil:where(.astro-ejzu6aul){opacity:.55}.protocol-card:where(.astro-ejzu6aul)[data-palette=accent][data-foil=current] .protocol-card__foil:where(.astro-ejzu6aul){background-image:linear-gradient(125deg,transparent 8%,color-mix(in srgb,var(--foil-a) 75%,transparent) 22%,color-mix(in srgb,var(--foil-b) 80%,white) 40%,color-mix(in srgb,var(--foil-a) 55%,var(--foil-b)) 58%,color-mix(in srgb,var(--foil-b) 70%,transparent) 76%,transparent 94%)}.protocol-card:where(.astro-ejzu6aul)[data-palette=accent][data-foil=tilt] .protocol-card__foil:where(.astro-ejzu6aul){background:conic-gradient(from 90deg,var(--foil-a),var(--foil-b),#d7dee6,var(--foil-a))}.protocol-card:where(.astro-ejzu6aul)[data-palette=accent][data-foil=shimmer] .protocol-card__foil:where(.astro-ejzu6aul){background-image:linear-gradient(105deg,transparent 28%,color-mix(in srgb,var(--foil-a) 70%,transparent) 42%,color-mix(in srgb,var(--foil-b) 75%,white) 52%,color-mix(in srgb,var(--foil-a) 45%,var(--foil-b)) 62%,transparent 74%)}.protocol-card:where(.astro-ejzu6aul)[data-palette=accent][data-foil=physical] .protocol-card__foil:where(.astro-ejzu6aul){background:linear-gradient(125deg,transparent 6%,color-mix(in srgb,var(--foil-a) 80%,transparent) 22%,color-mix(in srgb,var(--foil-b) 75%,white) 42%,color-mix(in srgb,var(--foil-a) 50%,var(--foil-b)) 64%,transparent 90%),repeating-linear-gradient(115deg,color-mix(in srgb,var(--foil-a) 45%,transparent) 0 1px,color-mix(in srgb,var(--foil-b) 35%,transparent) 1px 2px,transparent 2px 7px)}@keyframes protocol-foil-sweep{0%{background-position:100% 0}to{background-position:0% 0}}.protocol-card--quiet:where(.astro-ejzu6aul) .protocol-card__tilt:where(.astro-ejzu6aul),.protocol-card--quiet:where(.astro-ejzu6aul) .protocol-card__art:where(.astro-ejzu6aul) img:where(.astro-ejzu6aul){transform:none}@media(prefers-reduced-motion:reduce){.protocol-card__tilt:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul):hover .protocol-card__tilt:where(.astro-ejzu6aul),.protocol-card__art:where(.astro-ejzu6aul) img:where(.astro-ejzu6aul){transform:none;transition:none}.protocol-card__foil:where(.astro-ejzu6aul),.protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul):hover .protocol-card__foil:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul):focus-visible .protocol-card__foil:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul):hover .protocol-card__glare:where(.astro-ejzu6aul),.protocol-card:where(.astro-ejzu6aul):focus-visible .protocol-card__glare:where(.astro-ejzu6aul){opacity:.16;transition:none}.protocol-card:where(.astro-ejzu6aul)[data-foil=shimmer]:hover .protocol-card__foil:where(.astro-ejzu6aul){animation:none;opacity:.35}}