*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}@property --gna{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes gn-spin{0%{--gna:0deg}to{--gna:360deg}}.gn-immersive-card{width:100%;height:var(--card-height,220px);border-radius:var(--card-radius,18px);cursor:pointer;outline-offset:0;background:#0a0a10;outline:2px dashed #0000;font-family:Space Grotesk,sans-serif;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s cubic-bezier(.2,.7,.2,1),opacity .16s,outline-color .16s;position:relative;overflow:hidden;box-shadow:0 0 #0000}.gn-immersive-card.is-dragging{opacity:.4}.gn-immersive-card.is-over{outline-color:var(--accent);outline-offset:-4px}.gn-immersive-card:hover{box-shadow:0 30px 60px -28px var(--accent);transform:translateY(-6px)}.gn-background{z-index:0;border-radius:var(--card-radius,18px);position:absolute;inset:0;overflow:hidden}.gn-img{object-fit:cover;object-position:top center;-webkit-user-drag:none;width:100%;height:100%;transition:filter .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.gn-immersive-card:hover .gn-img{filter:brightness(var(--card-dim,.34)) saturate(.9) blur(3px);transform:scale(1.05)}.gn-placeholder{background:#111;width:100%;height:100%}.gn-glow{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);filter:blur(56px);opacity:.3;z-index:1;pointer-events:none;width:320px;height:240px;transition:opacity .8s,transform .8s,top .8s;position:absolute;top:-60px;left:50%;transform:translate(-50%)scale(1)}.gn-immersive-card:hover .gn-glow{opacity:.6;top:-20px;transform:translate(-50%)scale(1.4)}.gn-scrim{z-index:1;pointer-events:none;background:linear-gradient(#08090e26 0%,#08090edb 100%);transition:background .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.gn-immersive-card:hover .gn-scrim{background:linear-gradient(#08090ebd 0%,#08090ef2 100%)}.gn-content{z-index:2;flex-direction:column;padding:20px;display:flex;position:absolute;inset:0}.gn-top-row{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.gn-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:11px;font-weight:600}.gn-index{color:#fff;opacity:.8;font-family:Space Mono,monospace;font-size:11px}.gn-ghost-index{color:#ffffff08;opacity:0;z-index:-1;pointer-events:none;font-family:Spectral,serif;font-size:128px;line-height:1;transition:opacity .8s;position:absolute;top:-20px;right:-10px}.gn-immersive-card:hover .gn-ghost-index{opacity:1}.gn-bottom-block{flex-direction:column;margin-top:auto;display:flex}.gn-title{color:#fff;margin:0;font-family:Spectral,serif;font-size:24px;font-weight:500;transition:text-shadow .6s}.gn-immersive-card:hover .gn-title{text-shadow:0 0 12px var(--accent)}.gn-reveal{opacity:0;max-height:0;transition:max-height .6s cubic-bezier(.2,.7,.2,1),opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:translateY(10px)}.gn-immersive-card:hover .gn-reveal{opacity:1;max-height:150px;transform:translateY(0)}.gn-desc{color:#a6a8b6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.gn-cta-row{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.gn-cta-label{letter-spacing:.1em;color:#fff;align-items:center;font-family:Space Mono,monospace;font-size:10px;display:flex}.gn-arrow{color:var(--accent);margin-left:6px;transition:transform .4s;display:inline-block}.gn-immersive-card:hover .gn-arrow{transform:translate(7px)}.gn-year{color:#a6a8b699;font-family:Space Mono,monospace;font-size:11px}.gn-immersive-card:before{content:"";z-index:5;border-radius:var(--card-radius,18px);background:conic-gradient(from var(--gna), transparent 0deg, var(--accent) 60deg, var(--accent2) 130deg, transparent 200deg, transparent 360deg);-webkit-mask-composite:xor;opacity:.6;pointer-events:none;padding:1.5px;transition:opacity .6s;animation:8s linear infinite gn-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gn-immersive-card:hover:before{opacity:1;animation:2.8s linear infinite gn-spin}@media (prefers-reduced-motion:reduce){.gn-immersive-card:before{animation:none}}.gn-admin-controls{z-index:10;pointer-events:auto;gap:8px;display:flex;position:absolute;top:12px;right:12px}.gn-drag-handle{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#a6a8b6;cursor:grab;opacity:0;pointer-events:auto;background:#0d0d0fd9;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .16s,color .16s,border-color .16s;display:inline-flex;position:absolute;top:12px;left:12px}.gn-immersive-card:hover .gn-drag-handle{opacity:1}.gn-icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,transform .2s;display:flex}.gn-icon-btn:hover{background:#fff3;transform:scale(1.05)}.gn-icon-btn.danger{color:#ff4a4a}.gn-icon-btn.danger:hover{background:#ff4a4a33;border-color:#ff4a4a4d}