:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--bg: #ffffff;--fg: #141414}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#stage,.viewport{position:fixed;inset:0}.viewport{cursor:grab;touch-action:none;overflow:hidden}.viewport.grabbing{cursor:grabbing}.world{position:absolute;top:0;left:0;will-change:transform}.tile{position:absolute;top:0;left:0}.card{position:absolute;display:block;overflow:hidden;border-radius:4px;background:#ececec;box-shadow:0 6px 24px #0000001f;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);text-decoration:none;color:inherit;-webkit-user-drag:none;user-select:none}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.card-title{position:absolute;left:14px;bottom:12px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;text-shadow:0 1px 8px rgba(0,0,0,.6);z-index:2}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#00000073,#0000 45%);opacity:0;transition:opacity .4s ease}@media (hover: hover){.card:hover{transform:scale(1.04);box-shadow:0 18px 50px #00000038;z-index:10}.card:hover img{transform:scale(1.08)}.card:hover .card-title{opacity:1;transform:translateY(0)}.card:hover:after{opacity:1}}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;pointer-events:none}.site-header a,.site-header .logo{pointer-events:auto}.site-header .logo img{height:30px;width:auto;display:block;filter:invert(1)}.site-nav{display:flex;gap:26px;font-family:var(--font-display);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.site-nav a{color:var(--fg);text-decoration:none;opacity:.85;transition:opacity .25s ease}.site-nav a:hover{opacity:1}.drag-hint{position:fixed;left:50%;bottom:30px;transform:translate(-50%);z-index:50;font-family:var(--font-display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg);opacity:.55;pointer-events:none;transition:opacity .6s ease;animation:hint-pulse 2.4s ease-in-out infinite}#stage.interacted~.drag-hint,.interacted .drag-hint{opacity:0}@keyframes hint-pulse{0%,to{opacity:.3}50%{opacity:.65}}@media (prefers-reduced-motion: reduce){.card,.card img,.drag-hint{transition:none;animation:none}}