.pixeo-gallery{--bg:#050308;--bg-2:#0a0512;--ink:#f4f1f8;--muted:#8c849c;--line:#ffffff1a;--accent:#6b54ff;--accent-2:#b06bff}.pg-starfield{z-index:0;pointer-events:none;opacity:.9;background-color:#0000;background-image:radial-gradient(1.4px 1.4px at 20% 30%,#ffffffe6,#0000),radial-gradient(1.2px 1.2px at 80% 20%,#ffffffb3,#0000),radial-gradient(1.3px 1.3px at 65% 70%,#fffc,#0000),radial-gradient(1px 1px at 35% 80%,#fff9,#0000),radial-gradient(1.6px 1.6px at 90% 60%,#ffffffd9,#0000),radial-gradient(1px 1px at 10% 60%,#ffffff80,#0000),radial-gradient(1.2px 1.2px at 50% 15%,#ffffffb3,#0000),radial-gradient(1px 1px at 45%,#ffffff73,#0000),radial-gradient(1.5px 1.5px at 28% 12%,#fffc,#0000),radial-gradient(1px 1px at 72% 92%,#ffffff8c,#0000);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto,auto,auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;position:fixed;inset:0}.pg-vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 120%,#0000 55%,#000000a6 100%);position:fixed;inset:0}.pg-frame{z-index:25;pointer-events:none;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;position:fixed}.pg-frame.tl{top:84px;left:clamp(20px,4vw,52px)}.pg-frame.bl{bottom:30px;left:clamp(20px,4vw,52px)}.pg-frame.br{text-align:right;bottom:30px;right:clamp(20px,4vw,52px)}.pg-card{width:var(--w,300px);height:var(--h,360px);margin-left:calc(var(--w,300px) / -2);margin-top:calc(var(--h,360px) / -2);transform-style:preserve-3d;will-change:transform, opacity;backface-visibility:hidden;border-radius:18px;position:absolute;top:50%;left:50%}.pg-card__media{border-radius:inherit;background-position:50%;background-size:cover;border:1px solid #ffffff24;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff1a}.pg-card__media img,.pg-card__media video{object-fit:cover;width:100%;height:100%;display:block}.pg-card__placeholder{flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:absolute;inset:0}.pg-card__placeholder .num{font-family:var(--sans);letter-spacing:-.04em;color:#ffffffeb;font-size:clamp(40px,8vw,64px);font-weight:700;line-height:.9}.pg-card__placeholder .meta{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;justify-content:space-between;align-items:flex-end;font-size:11px;display:flex}.pg-card__sheen{border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;opacity:.6;background:linear-gradient(120deg,#ffffff2e,#0000 38%);position:absolute;inset:0}.pg-hero{z-index:20;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.pg-hero:before{content:"";-webkit-backdrop-filter:blur(16px);z-index:-1;pointer-events:none;background:radial-gradient(45vw 25vh,#00000080 0%,#0000 100%);position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(45vw 25vh,#000 20%,#0000 100%);mask-image:radial-gradient(45vw 25vh,#000 20%,#0000 100%)}.pg-hero h2{font-family:var(--sans);letter-spacing:-.04em;text-shadow:0 0 60px #6b54ff59;text-wrap:balance;max-width:92vw;margin-block:.67em;font-size:clamp(44px,11vw,150px);font-weight:500;line-height:.98}.pg-hero--long h2{font-size:clamp(36px,8vw,104px)}.pg-hero h2 em{font-family:var(--serif);letter-spacing:-.01em;background:linear-gradient(135deg, var(--ink) 0%, var(--accent-2) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:-.15em;padding-right:.15em;font-style:italic;font-weight:400}.pg-hero p{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:18px;font-size:13px}.pg-scroll-hint{z-index:21;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-size:11px;transition:opacity .4s;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.pg-scroll-hint .pg-bar{background:linear-gradient(var(--muted), transparent);width:1px;height:38px;animation:1.8s ease-in-out infinite drop}@keyframes drop{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.01%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.pg-progress{z-index:26;background:#ffffff1a;border-radius:2px;width:2px;height:180px;position:fixed;top:50%;right:clamp(20px,4vw,52px);transform:translateY(-50%)}.pg-progress span{background:linear-gradient(var(--accent-2), var(--accent));border-radius:2px;width:100%;height:0%;position:absolute;top:0;left:0}@media (max-width:680px){.pg-progress{display:none}}.pg-outro{z-index:20;text-align:center;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle,#05030800 0%,#050308 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pg-outro-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;font-size:11px}.pg-outro h2{font-family:var(--sans);letter-spacing:-.025em;margin:0 0 32px;font-size:clamp(40px,8vw,100px);font-weight:500;line-height:1.05}.pg-outro-cta{pointer-events:auto}@media (prefers-reduced-motion:reduce){.pg-scroll-hint .pg-bar,.brand .dot{animation:none}}.pixeo-gallery{color:#f4f1f8;background:#050308;font-family:DM Mono,ui-monospace,monospace;position:relative}.pg-stage-wrap{height:100vh;position:sticky;top:0;overflow:hidden}.pg-scene{z-index:10;perspective:900px;perspective-origin:50% 48%;pointer-events:none;position:absolute;inset:0}.pg-stage{transform-style:preserve-3d;position:absolute;inset:0}.pg-starfield{z-index:0;position:absolute;inset:0}.pg-vignette{z-index:1;position:absolute;inset:0}.pg-hero,.pg-progress,.pg-scroll-hint,.pg-frame{position:absolute}
