.gx-root{position:relative}.gx{position:relative;padding:3.2rem 0 1rem}.gx-overlay{position:relative;z-index:3;max-width:var(--wide-max);margin-inline:auto;padding-inline:var(--gutter);pointer-events:none}.gx-panel{pointer-events:auto;max-width:560px}.gx-panel h1{margin:.35rem 0 .5rem}.gx-panel-head{display:flex;align-items:center;gap:.8rem}.gx-panel-head img{width:56px;height:70px;object-fit:cover;border-radius:14px;box-shadow:0 2px 8px #0f1e4b1a,0 8px 24px #0f1e4b14}.gx-panel-head .caption{margin:0}.gx-tagline{font-size:var(--fs-lg);color:var(--ink-2);line-height:1.5;margin-bottom:1.3rem;max-width:54ch}.gx-links{display:flex;gap:.55rem;flex-wrap:wrap}.gx-stage,.gx-hint,.gx-void,.gx-intro,.gx-veil{display:none}.gx-fallback{padding-bottom:1rem}.gx-fallback h2{margin-top:1.2rem}.gx-fallback-lede{color:var(--ink-2);max-width:64ch}.gx-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;margin:1.8rem 0 1rem}@media(min-width:680px){.gx-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.gx-grid{grid-template-columns:1fr 1fr 1fr}}.gx-tile{display:flex;flex-direction:column;gap:.45rem}.gx-tile-img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:12px;margin-bottom:.35rem;box-shadow:0 1px 2px #0f1e4b14,0 10px 28px #0f1e4b1a}.gx-tile .caption{margin:0}.gx-tile .gx-tile-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;margin:0}.gx-tile .gx-tile-label{font-size:var(--fs-cap);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.gx-tile h3{margin:0;font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em}.gx-tile p{margin:0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.55}.gx-tile .gx-tile-rail{margin-top:auto;padding-top:.6rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.gx-tile .gx-tile-chips{display:flex;flex-wrap:wrap;gap:.3rem}.gx-tile .gx-tile-chip{display:inline-block;padding:.22em .7em;border:1px solid var(--rule-strong);border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}.gx-tile .gx-tile-year{font-family:var(--font-mono);font-size:var(--fs-cap);letter-spacing:.08em;color:var(--ink-3);white-space:nowrap}.gx-tile[data-tone=blue] .gx-tile-kicker{color:#2b62c4}.gx-tile[data-tone=teal] .gx-tile-kicker{color:#1e7d5d}.gx-tile[data-tone=violet] .gx-tile-kicker{color:#5b43c9}html.gx-on:not(.gx-grid-mode) .gx{height:calc(100svh - var(--chrome-top));min-height:560px;padding:0;overflow:hidden}html.gx-on:not(.gx-grid-mode) .gx-fallback{display:none}html.gx-on:not(.gx-grid-mode) .gx-stage{display:block;position:absolute;inset:0;z-index:1;outline-offset:-3px;background:radial-gradient(115% 90% at 50% 42%,#fff0 52%,#97afdb29 86%,#748ec047)}html.gx-on:not(.gx-grid-mode) .gx-stage:focus-visible{outline:2px solid var(--accent)}.gx-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;transition:opacity .7s var(--ease-out-cubic)}html.gx-on:not(.gx-grid-mode) .gx-live .gx-canvas,.gx-live .gx-canvas{opacity:1}html.gx-on:not(.gx-grid-mode) .gx-overlay{position:absolute;left:0;right:0;bottom:clamp(4.4rem,9vh,5.4rem);z-index:3;max-width:none}html.gx-on:not(.gx-grid-mode) .gx-panel{max-width:560px;background:var(--glass-tint);background-image:linear-gradient(135deg,#fff9,#fff0 45%,#dceaff38);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border-top:1px solid rgba(255,255,255,.92);border-left:1px solid rgba(255,255,255,.55);border-right:1px solid rgba(170,195,235,.3);border-bottom:1px solid rgba(170,195,235,.42);border-radius:20px;padding:1.4rem 1.6rem 1.5rem;box-shadow:0 1px 2px #0f1e4b0a,0 8px 24px #0f1e4b12,0 24px 64px #28468c12}html.gx-on:not(.gx-grid-mode) .gx-panel h1{font-size:clamp(30px,3.4vw,44px)}html.gx-on:not(.gx-grid-mode) .gx-tagline{font-size:var(--fs-body);margin-bottom:1rem}html.gx-on:not(.gx-grid-mode) .gx-hint{display:flex;align-items:center;gap:.5rem;position:absolute;top:1.1rem;right:clamp(1rem,3vw,2.2rem);z-index:3;margin:0;font-size:var(--fs-cap);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;opacity:0;transition:opacity .45s ease}html.gx-on:not(.gx-grid-mode) .gx-hint.gx-hint-live{opacity:1}.gx-hint-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);animation:gx-pulse 2.6s ease-in-out infinite}@keyframes gx-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:.5}}html.gx-on:not(.gx-grid-mode) .gx-veil{position:fixed;inset:0;z-index:90;background:var(--paper);opacity:0;pointer-events:none;display:none}html.gx-on.gx-intro-on:not(.gx-grid-mode) .gx-void{display:block;position:absolute;inset:0;z-index:0;background:radial-gradient(120% 95% at 50% 40%,#131f44,#0b1228 52%,#060a18)}html.gx-on.gx-intro-on:not(.gx-grid-mode) .gx-intro{display:flex;position:absolute;inset:0;z-index:4;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding-inline:var(--gutter)}.gx-intro-word{will-change:transform,opacity}.gx-intro-kicker,.gx-intro-name{margin:0;color:#f2f6ff;opacity:0}.gx-intro-kicker{font-size:clamp(11px,1.4vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:.34em;color:#aebfe8}.gx-intro-name{margin-top:.55rem;font-size:clamp(32px,5.4vw,60px);font-weight:650;letter-spacing:.02em;line-height:1.06;text-shadow:0 2px 24px rgba(60,110,255,.35)}html.gx-on.gx-intro-on:not(.gx-grid-mode) .gx-intro-kicker{animation:gx-word-in .7s cubic-bezier(.16,1,.3,1) .12s forwards}html.gx-on.gx-intro-on:not(.gx-grid-mode) .gx-intro-name{animation:gx-word-in .76s cubic-bezier(.16,1,.3,1) .24s forwards,gx-track-in 1.1s cubic-bezier(.16,1,.3,1) .24s forwards}@keyframes gx-word-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes gx-track-in{0%{letter-spacing:.18em}to{letter-spacing:.02em}}html.gx-on.gx-intro-on:not(.gx-grid-mode):not(.gx-settled) .gx-overlay{opacity:0}html.gx-on.gx-intro-on:not(.gx-grid-mode):not(.gx-settled) .gx-overlay .gx-panel{pointer-events:none}html.gx-settled .gx-overlay{opacity:1}@media(max-width:640px){html.gx-on:not(.gx-grid-mode) .gx-panel{padding:1.1rem 1.15rem 1.2rem}html.gx-on:not(.gx-grid-mode) .gx-panel-head img{width:44px;height:55px}html.gx-on:not(.gx-grid-mode) .gx-tagline{font-size:var(--fs-sm)}html.gx-on:not(.gx-grid-mode) .gx-hint{top:.8rem}}@media(max-height:560px){html.gx-on:not(.gx-grid-mode) .gx{min-height:480px}html.gx-on:not(.gx-grid-mode) .gx-tagline{display:none}}
