*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:1000vh;font-family:Inter,sans-serif;background:#f0ede4;color:#0d0d0d}::selection{background:#c6f21e;color:#0d0d0d}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 55% 42% at 50% 50%,#fffdf7bf,#f0ede400 72%);pointer-events:none}nav,footer{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:baseline;padding:24px 28px;z-index:10}nav{top:0}footer{bottom:0}.mono{font-family:Space Mono,monospace;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:#5f6368}.brand{display:flex;align-items:baseline;gap:.9em}.wordmark{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:26px;line-height:1;letter-spacing:-.02em;color:#0d0d0d;text-decoration:none}.brand-tag{font-family:Space Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5f6368}.nav-links{display:flex;gap:1.75em;align-items:baseline}.nav-links a{font-family:Space Mono,monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:#0d0d0d;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .25s ease,color .25s ease}.nav-links a:hover{color:#1141ff;border-bottom-color:#1141ff}a:focus-visible{outline:2px solid #1141ff;outline-offset:4px}.container{position:fixed;width:100%;height:100%;overflow:hidden;perspective:clamp(560px,145vw,1500px);touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.container.is-dragging{cursor:grabbing}.gallery{position:absolute;top:19%;left:49%;transform-style:preserve-3d;transform:translate(-50%)}.item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:60px;background:#0d0d0d;margin:10px;transform-style:preserve-3d}img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04);-webkit-user-drag:none}.preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.preview-img{width:300px;aspect-ratio:3 / 2;overflow:hidden;background:#0d0d0d;box-shadow:0 22px 55px #0d0d0d33}.frame-caption{position:relative;z-index:5;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0d0d0d;white-space:nowrap}.frame-no{background:#c6f21e;color:#0d0d0d;padding:2px 6px;margin-right:.9em}@media(max-width:768px){.item{width:33px;height:44px;margin:6px}.preview{gap:10px;z-index:4}.preview-img{box-shadow:0 14px 34px #0d0d0d3d}nav,footer{padding:16px}.brand{flex-direction:column;gap:4px}.wordmark{font-size:20px}.brand-tag{font-size:9px}.nav-links{gap:1.1em}.nav-links a{font-size:10px}.frame-caption{position:absolute;left:50%;transform:translate(-50%);font-size:10px;background:#f0ede4;padding:3px 7px}footer{flex-direction:column;align-items:flex-start;gap:4px}.mono{font-size:9px}}