*{margin:0;padding:0;box-sizing:border-box}:root{--black:#0a0a0a;--dark:#111111;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--orange:#ff6b35;--orange-light:#ff9a62;--accent:var(--orange);--impact:0;color-scheme:dark}html{overflow-x:clip;scroll-behavior:auto}body{min-height:100vh;min-height:100svh;overflow-x:clip;background:radial-gradient(circle at 50% 42%,rgba(255,107,53,0.1),transparent 36rem),#080808;color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{border:2px solid var(--black);border-radius:5px;background:var(--surface-light)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.showcase-shell{display:grid;width:min(100%,1040px);min-height:100vh;min-height:100svh;margin:0 auto;padding:clamp(1rem,3vw,2rem);align-content:center}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(100%,860px);margin:0 auto 1.25rem}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.67rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase;white-space:nowrap}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(255,107,53,0.72)}.preset-switcher{display:inline-flex;gap:0.2rem;padding:0.22rem;border:1px solid var(--border);border-radius:999px;background:rgba(17,17,17,0.86)}.preset-button{padding:0.5rem 0.78rem;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.05em;text-transform:uppercase;cursor:pointer}.preset-button:hover,.preset-button:focus-visible{color:var(--text)}.preset-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preset-button.is-selected{background:var(--accent);color:var(--black)}.showcase-panel{width:100%}.showcase-panel[hidden]{display:none}.touch-hint{display:none;margin-top:0.85rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;text-align:center;text-transform:uppercase}.velocity-figure{display:block;width:min(100%,860px);margin:0 auto;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default;--impact:0}.velocity-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;perspective:920px;touch-action:pan-y;cursor:ew-resize;isolation:isolate}.velocity-frame::before{position:absolute;z-index:8;inset:0;border:1px solid rgba(255,255,255,0.16);border-radius:3px;box-shadow:0 38px 90px rgba(0,0,0,0.58),0 0 calc(50px * var(--impact)) rgba(255,107,53,0.22);pointer-events:none;content:''}.velocity-under-image,.velocity-original{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:3px;object-fit:cover;object-position:38% center}.velocity-under-image{z-index:0;filter:brightness(0.58) saturate(0.72)}.velocity-original{z-index:1;opacity:1}.velocity-figure.is-ready .velocity-original{opacity:0}.velocity-slices{position:absolute;z-index:3;inset:0;transform-style:preserve-3d;pointer-events:none}.velocity-slice{--edge:0;position:absolute;top:calc(var(--i) * 100% / var(--count));left:0;display:block;width:100%;height:calc(100% / var(--count) + 0.5px);overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,filter}.velocity-slice img{position:absolute;top:calc(var(--i) * -100%);left:0;display:block;width:100%;height:calc(var(--count) * 100%);max-width:none;object-fit:cover;object-position:38% center;pointer-events:none}.velocity-slice::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,107,53,calc(var(--edge) * 0.95)) 0,rgba(255,154,98,calc(var(--edge) * 0.28)) 2.4%,transparent 8%,transparent 92%,rgba(255,154,98,calc(var(--edge) * 0.3)) 97.6%,rgba(255,107,53,calc(var(--edge) * 0.95)) 100%);box-shadow:inset 0 1px 0 rgba(255,145,92,calc(var(--edge) * 0.86)),inset 0 -1px 0 rgba(255,107,53,calc(var(--edge) * 0.55));pointer-events:none;content:''}.velocity-copy{position:absolute;z-index:6;inset:clamp(1rem,2.7vw,1.65rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#fff;font-family:'Syne',system-ui,sans-serif;font-size:clamp(1.1rem,3.2vw,2.55rem);font-weight:800;letter-spacing:-0.04em;line-height:0.9;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,0.72);pointer-events:none}.velocity-copy span:last-child{align-self:flex-end;color:var(--accent)}.velocity-copy--editorial{font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(1rem,2.5vw,1.9rem);font-weight:500;letter-spacing:0.03em}.velocity-copy--shutter{font-style:italic}.velocity-meter{position:absolute;z-index:7;right:-1px;bottom:-1px;width:calc(100% * var(--impact));max-width:100%;height:3px;background:var(--accent);box-shadow:0 0 18px rgba(255,107,53,0.72);transform-origin:right center;pointer-events:none}.velocity-caption{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:0.9rem;padding-top:0.8rem;border-top:1px solid var(--border)}.velocity-caption__index{color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:0.7rem;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}.velocity-caption__text{color:var(--text-secondary);font-size:0.9rem}.velocity-caption__prompt{color:var(--text);font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase}.velocity-figure:hover .velocity-frame::before,.velocity-figure:focus-visible .velocity-frame::before{border-color:rgba(255,107,53,0.72)}.velocity-figure:focus-visible .velocity-frame::before{outline:2px solid var(--accent);outline-offset:5px}.velocity-figure:hover .velocity-caption__prompt,.velocity-figure:focus-visible .velocity-caption__prompt{color:var(--accent)}@media (max-width:700px){.showcase-shell{padding:1rem;align-content:start}.showcase-toolbar{align-items:stretch;flex-direction:column;gap:0.8rem;margin-bottom:1rem}.showcase-prompt{justify-content:center}.showcase-prompt span:last-child{display:none}.preset-switcher{align-self:center}.preset-button{padding:0.48rem 0.68rem;font-size:0.58rem}.velocity-frame{aspect-ratio:4 / 5;cursor:pointer}.velocity-copy{font-size:clamp(1.1rem,7.5vw,2rem)}.velocity-caption{grid-template-columns:1fr auto}.velocity-caption__text{display:none}.touch-hint{display:block}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.showcase-prompt__dot{box-shadow:none}.velocity-slices,.velocity-meter{display:none !important}.velocity-original{opacity:1 !important;filter:none !important;transform:none !important}}