.holo-stage{--felt:#1c3a36;--felt-deep:#0f221e;--silver:#cdd2da;--coat:#2a1d17;--brass:#cfa85a;--paper:#f3eee6;--ink:#16110d;min-height:100svh;display:grid;place-items:center;padding:24px 16px 20px;background:radial-gradient(120% 80% at 50% 38%,#27504a 0,var(--felt) 38%,var(--felt-deep) 100%);color:var(--paper);font-family:var(--f-body),ui-sans-serif,system-ui,sans-serif;overflow:hidden}.holo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.holo-wrap{display:flex;flex-direction:column;align-items:center;perspective:1100px}.holo-card{--mx:50%;--my:50%;--bgx:50%;--bgy:50%;--rx:0deg;--ry:0deg;--hyp:0;--o:0;width:min(86vw,440px,calc((100svh - 110px) * 5 / 7));aspect-ratio:5/7;container-type:inline-size;transform-style:preserve-3d;transform:rotateY(var(--ry)) rotateX(var(--rx));touch-action:none;will-change:transform}.holo-rotator{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.35,.4,1)}.holo-card.is-flipped .holo-rotator{transform:rotateY(180deg)}.holo-card[data-face=back] .holo-front,.holo-card[data-face=front] .holo-back{visibility:hidden}.holo-face{position:absolute;inset:0;display:block;border:0;padding:0;margin:0;border-radius:4.6cqi;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 2px 2px rgba(0,0,0,.25),0 30px 60px -18px rgba(0,0,0,.7),0 18px 36px -24px rgba(0,0,0,.6);font:inherit;color:inherit;text-align:left}.holo-front{cursor:pointer;background:var(--silver)}.holo-back a:focus-visible,.holo-back button:focus-visible,.holo-front:focus-visible,.holo-tilt:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.holo-frame{position:absolute;inset:0;background:repeating-linear-gradient(115deg,hsl(2 90% 78%/.55),hsl(53 90% 74%/.55) 6%,hsl(140 80% 74%/.55) 12%,hsl(200 90% 78%/.55) 18%,hsl(275 80% 80%/.55) 24%,hsl(2 90% 78%/.55) 30%),linear-gradient(135deg,#eef0f3,#9aa2ae 28%,#f6f7f9 50%,#8a92a0 72%,#e4e7eb);background-size:300% 300%,220% 220%;background-position:var(--bgx) var(--bgy),calc(100% - var(--bgx)) calc(100% - var(--bgy));background-blend-mode:soft-light,normal}.holo-art{position:absolute;inset:3.4cqi;border-radius:2.4cqi;overflow:hidden;background:#3b2a1e;isolation:isolate}.holo-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none}.holo-shine{position:absolute;inset:0;z-index:1;background-image:repeating-linear-gradient(0deg,hsl(2 100% 73%) 5%,hsl(53 100% 69%) 10%,hsl(93 100% 69%) 15%,hsl(176 100% 76%) 20%,hsl(228 100% 74%) 25%,hsl(283 100% 73%) 30%,hsl(2 100% 73%) 35%),repeating-linear-gradient(133deg,#0e152e 0,hsl(180 10% 60%) 3.8%,hsl(180 29% 66%) 4.5%,hsl(180 10% 60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--mx) var(--my),hsl(0 0% 0%/.1) 12%,hsl(0 0% 0%/.15) 20%,hsl(0 0% 0%/.25) 120%);background-size:200% 300%,300% 100%,200% 100%;background-position:0 var(--bgy),var(--bgx) var(--bgy),50%;background-blend-mode:screen,hue,hard-light;mix-blend-mode:hard-light;filter:brightness(.9) contrast(1.25) saturate(1.5);opacity:calc(.16 + var(--o) * .32);-webkit-mask-image:url(/holo/foil-mask.png);mask-image:url(/holo/foil-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}.holo-scrim{position:absolute;inset:auto 0 0 0;height:24%;z-index:2;background:linear-gradient(180deg,rgba(22,16,12,0) 0,rgba(22,16,12,.72) 45%,rgba(22,16,12,.92))}.holo-name{position:absolute;z-index:3;top:4.2cqi;left:5cqi;font-family:var(--f-display),"Arial Narrow",sans-serif;font-weight:800;font-size:13.6cqi;line-height:.88;letter-spacing:.005em;text-transform:uppercase;color:var(--ink)}.holo-ko{display:block;margin-top:1.8cqi;font-family:var(--f-ko),sans-serif;font-weight:500;font-size:4.2cqi;line-height:1;letter-spacing:.1em;text-transform:none;color:rgba(22,17,13,.78);text-shadow:0 0 1.2cqi rgba(243,238,230,.95),0 0 .5cqi rgba(243,238,230,.95)}.holo-caption{position:absolute;z-index:3;left:5cqi;right:5cqi;bottom:4.4cqi;display:flex;flex-direction:column;gap:3.4cqi}.holo-foot{display:flex;justify-content:space-between;padding-top:2.4cqi;border-top:1px solid rgba(243,238,230,.22);font-family:var(--f-mono),ui-monospace,monospace;font-size:2.7cqi;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,238,230,.78)}.holo-glare{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsl(0 0% 100%/.75) 8%,hsl(0 0% 100%/.3) 22%,hsl(0 0% 0%/.45) 90%);mix-blend-mode:overlay;opacity:calc(var(--o) * .75)}.holo-back{transform:rotateY(180deg);background:var(--coat)}.holo-back-foil,.holo-back-panel{position:absolute;inset:3.4cqi;border-radius:2.4cqi}.holo-back-panel{background:radial-gradient(120% 90% at 30% 0,#4a3222 0,var(--coat) 55%,#20150f 100%)}.holo-back-foil{background-image:repeating-linear-gradient(0deg,hsl(38 70% 60%) 6%,hsl(20 60% 45%) 14%,hsl(48 80% 70%) 22%,hsl(30 50% 40%) 30%,hsl(38 70% 60%) 38%),repeating-linear-gradient(45deg,transparent 0 7px,rgba(255,255,255,.12) 7px 8px);background-size:200% 600%,auto;background-position:0 var(--bgy),0 0;mix-blend-mode:soft-light;opacity:calc(.45 + var(--o) * .4)}.holo-back-body{position:absolute;inset:0;display:flex;flex-direction:column;padding:10cqi 9.5cqi 6.5cqi}.holo-back-eyebrow{margin:0;font-family:var(--f-mono),ui-monospace,monospace;font-size:3cqi;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}.holo-back-title{margin:1.4cqi 0 6cqi;font-family:var(--f-display),"Arial Narrow",sans-serif;font-weight:800;font-size:15cqi;line-height:.88;text-transform:uppercase;color:var(--paper)}.holo-cta{display:block;padding:4cqi;border-radius:2.2cqi;background:var(--brass);color:var(--ink);font-weight:600;font-size:4.8cqi;text-align:center;text-decoration:none;transition:background-color .2s}.holo-cta:hover{background:#dcb86c}.holo-links{list-style:none;margin:4cqi 0 0;padding:0}.holo-links a{display:flex;justify-content:space-between;align-items:baseline;gap:3cqi;padding:3.9cqi 0;border-bottom:1px solid rgba(243,238,230,.14);color:var(--paper);text-decoration:none;font-size:4.4cqi}.holo-links a:hover span:first-child{text-decoration:underline;text-underline-offset:.2em}.holo-links a>span:last-child,.holo-mono{font-family:var(--f-mono),ui-monospace,monospace;font-size:2.9cqi;color:rgba(243,238,230,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holo-back-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:3.6cqi}.holo-back-foot a,.holo-flipback{display:inline-flex;align-items:center;min-height:44px}.holo-back-foot a{color:var(--brass);text-decoration:none}.holo-back-foot a:hover,.holo-flipback{text-decoration:underline}.holo-flipback{border:0;background:none;padding:0;color:rgba(243,238,230,.8);font:inherit;text-underline-offset:.2em;cursor:pointer}.holo-hint{margin:22px 0 0;min-height:32px;font-family:var(--f-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,238,230,.75)}.holo-tilt{border:1px solid rgba(243,238,230,.4);border-radius:99px;background:transparent;color:var(--paper);font:inherit;padding:9px 16px;cursor:pointer}@media (prefers-reduced-motion:reduce){.holo-rotator{transition:none}}