:root { color-scheme: dark; --ink:#f1f5ff; --muted:#9daac6; --panel:rgba(18,27,49,.72); --line:rgba(167,192,255,.14); }
* { box-sizing:border-box; }
html { min-width:320px; background:#080c17; }
body { min-width:320px; min-height:100vh; margin:0; overflow-x:hidden; color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:radial-gradient(circle at 16% 0%, #162952 0, transparent 30rem), radial-gradient(circle at 93% 76%, #201845 0, transparent 27rem), #080c17; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.38; background-image:radial-gradient(rgba(148,190,255,.25) 1px, transparent 1px); background-size:26px 26px; mask-image:linear-gradient(to bottom, #000, transparent 75%); }
.page-shell { width:min(1180px, calc(100% - 40px)); margin:auto; }
.hero { position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:3rem; align-items:center; min-height:250px; padding:38px 0 30px; border-bottom:1px solid var(--line); }
.hero-copy { position:relative; z-index:1; }
.eyebrow { display:flex; align-items:center; gap:.55rem; margin:0 0 13px; color:#78d7f4; font-size:.72rem; font-weight:750; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow span { width:8px; height:8px; border-radius:50%; background:#72e3d1; box-shadow:0 0 16px #55d7d2; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:680px; margin-bottom:13px; font-size:clamp(2.45rem, 5.1vw, 4.15rem); line-height:.99; letter-spacing:-.065em; }
h1 em { color:#a9b9ff; font-style:normal; text-shadow:0 0 36px rgba(111,137,255,.27); }
.lead { margin-bottom:11px; color:#d8e3ff; font-size:clamp(1.05rem, 2vw, 1.25rem); line-height:1.45; }
.intro { margin:0; color:var(--muted); font-size:.98rem; }
.sound-art { position:relative; min-height:170px; overflow:hidden; border:1px solid rgba(129,163,255,.18); border-radius:28px; background:linear-gradient(145deg, rgba(44,74,147,.25), rgba(27,16,62,.17)); isolation:isolate; }
.sound-art::after { content:""; position:absolute; inset:16px; border:1px solid rgba(130,225,230,.12); border-radius:19px; }
.sound-orb { position:absolute; top:50%; left:50%; width:106px; height:106px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 37% 30%, #b8f0ff, #3a8fe3 35%, #6530bd 70%, transparent 71%); box-shadow:0 0 48px rgba(65,144,255,.65); }
.wave-line { position:absolute; left:-18%; width:136%; height:86px; border:2px solid rgba(99,221,235,.46); border-left:0; border-right:0; border-radius:50%; }
.wave-one { top:36px; transform:rotate(-8deg) scaleY(.25); }.wave-two { top:82px; border-color:rgba(151,114,255,.5); transform:rotate(8deg) scaleY(.58); }.wave-three { top:130px; transform:rotate(-6deg) scaleY(.19); }
.wave-bars { position:absolute; z-index:1; bottom:34px; left:50%; display:flex; align-items:center; gap:7px; height:44px; transform:translateX(-50%); }.wave-bars i { width:4px; border-radius:99px; background:#a8edee; box-shadow:0 0 12px #61d2da; }.wave-bars i:nth-child(1),.wave-bars i:nth-child(9){height:12px}.wave-bars i:nth-child(2),.wave-bars i:nth-child(8){height:25px}.wave-bars i:nth-child(3),.wave-bars i:nth-child(7){height:37px}.wave-bars i:nth-child(4),.wave-bars i:nth-child(6){height:29px}.wave-bars i:nth-child(5){height:44px}
.projects { padding:30px 0 34px; }.section-heading { margin-bottom:15px; }.section-heading .eyebrow { margin-bottom:4px; }.section-heading h2 { margin:0; font-size:clamp(1.7rem, 2.6vw, 2.1rem); letter-spacing:-.045em; }
.project-filters { --accent:#78d7f4; display:flex; align-items:flex-start; gap:10px 14px; margin:0 0 9px; }.filter-title { flex:0 0 auto; padding:5px 0; color:var(--muted); font-size:.78rem; font-weight:720; }.filter-controls { display:flex; flex:1 1 auto; flex-wrap:wrap; gap:6px; }.filter-button { cursor:pointer; font-family:inherit; appearance:none; transition:background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease; }.filter-button:hover,.filter-button.is-active { border-color:var(--accent); color:#e9fbff; background:color-mix(in srgb,var(--accent) 28%,transparent); box-shadow:0 0 14px color-mix(in srgb,var(--accent) 20%,transparent); }.filter-button:focus-visible { outline:2px solid #e9fbff; outline-offset:2px; }.project-count { min-height:1.2em; margin:0 0 13px; color:var(--muted); font-size:.78rem; }.project-empty { --accent:#78d7f4; margin:0 0 16px; padding:16px; border:1px dashed var(--line); border-radius:14px; background:rgba(18,27,49,.4); }.project-empty p { margin:0 0 10px; color:#c6d2ea; font-size:.9rem; }.project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.project-card[hidden] { display:none; }
.project-card { --accent:#6baeff; position:relative; display:flex; flex-direction:column; min-height:190px; padding:19px 21px 17px; overflow:hidden; border:1px solid var(--line); border-radius:18px; color:inherit; text-decoration:none; background:linear-gradient(145deg, rgba(26,39,69,.88), var(--panel)); transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.project-card::before { content:""; position:absolute; z-index:0; width:175px; height:175px; top:-94px; right:-82px; border-radius:50%; background:var(--accent); filter:blur(26px); opacity:.12; transition:opacity .24s ease, transform .24s ease; }.project-card > * { position:relative; z-index:1; }
.project-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb, var(--accent) 58%, white 12%); box-shadow:0 18px 38px rgba(0,0,0,.28); }.project-card:hover::before { opacity:.26; transform:scale(1.18); }
.project-card:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }.project-card:active { transform:translateY(-1px); }
.tabvault{--accent:#58aeff}.composer{--accent:#b37cff}.backing-track{--accent:#9b8cff}.chord-builder{--accent:#e99af0}.riff-lab{--accent:#64c9ff}.guitar-loop{--accent:#3ce1d0}.acoustic{--accent:#48dacb}.waveform{--accent:#ed70cb}.pdf-cleaner{--accent:#7ce6ae}.fractal{--accent:#ff9cdb}.circle-challenge{--accent:#72dfce}.lines{--accent:#6d9fff}.symbol-runner{--accent:#9edb72}.cipher-lab{--accent:#55dfb7}.laser-labyrinth{--accent:#ff9b6a}.bactoforge{--accent:#83e89a}.mystery-hike{--accent:#f0bf67}.generative-art{--accent:#ad8cff}.road-trip{--accent:#ffb76e}.pattern-studio{--accent:#7ee3da}.image-explorer{--accent:#9bc9ff}
.pendulum-engine{--accent:#c18dff}
.card-icon { display:block; width:43px; height:43px; margin-bottom:13px; color:var(--accent); }.card-icon::before,.card-icon::after,.card-icon i,.card-icon b { content:""; position:absolute; display:block; }
.guitar-icon { border:2px solid currentColor; border-radius:50%; transform:scale(.74); transform-origin:left top; }.guitar-icon::after { left:45px; top:16px; width:53px; height:15px; border:2px solid currentColor; border-left:0; border-radius:0 9px 9px 0; transform:rotate(-42deg); }.guitar-icon i { left:3px; top:19px; width:94px; height:2px; background:currentColor; transform:rotate(-42deg); }.guitar-icon b { left:8px; width:35px; height:1px; background:currentColor; transform:rotate(-42deg); }.guitar-icon b:nth-of-type(1){top:20px}.guitar-icon b:nth-of-type(2){top:24px}.guitar-icon b:nth-of-type(3){top:28px}
.monster-icon { border:2px solid currentColor; border-radius:22px 22px 17px 17px; }.monster-icon::before { top:-7px; left:10px; width:10px; height:12px; border:2px solid currentColor; border-bottom:0; transform:rotate(-20deg); }.monster-icon::after { top:-7px; right:10px; width:10px; height:12px; border:2px solid currentColor; border-bottom:0; transform:rotate(20deg); }.monster-icon i { top:18px; left:13px; width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:20px 0 currentColor; }.monster-icon b { left:15px; bottom:11px; width:21px; height:9px; border-bottom:2px solid currentColor; border-radius:50%; }
.rhythm-icon { border:2px solid currentColor; border-radius:10px; }.rhythm-icon::before { left:9px; top:7px; width:2px; height:29px; background:currentColor; box-shadow:8px 0 0 currentColor, 16px 0 0 currentColor, 24px 0 0 currentColor; opacity:.7; }.rhythm-icon::after { left:8px; top:10px; width:27px; height:2px; background:currentColor; transform:rotate(-28deg); }.rhythm-icon i,.rhythm-icon b { width:6px; height:6px; border-radius:50%; background:currentColor; }.rhythm-icon i { top:24px; left:8px; }.rhythm-icon b:nth-of-type(1){top:18px;left:16px}.rhythm-icon b:nth-of-type(2){top:13px;left:24px}.rhythm-icon b:nth-of-type(3){top:8px;left:32px}
.chord-icon { border:2px solid currentColor; border-radius:9px; }.chord-icon::before { left:10px; top:6px; width:2px; height:29px; background:currentColor; box-shadow:7px 0 0 currentColor, 14px 0 0 currentColor, 21px 0 0 currentColor; opacity:.62; }.chord-icon::after { left:7px; top:12px; width:28px; height:2px; background:currentColor; box-shadow:0 9px 0 currentColor, 0 18px 0 currentColor; opacity:.46; }.chord-icon i,.chord-icon b { width:6px; height:6px; border:2px solid currentColor; border-radius:50%; background:rgba(233,154,240,.18); }.chord-icon i { top:8px; left:16px; }.chord-icon b:nth-of-type(1){top:17px;left:23px}.chord-icon b:nth-of-type(2){top:26px;left:9px}.chord-icon b:nth-of-type(3){top:26px;left:30px}
.riff-icon { border:2px solid currentColor; border-radius:9px; }.riff-icon::before { left:5px; top:20px; width:30px; height:13px; border-top:2px solid currentColor; border-radius:50%; transform:skewX(-27deg) rotate(-12deg); }.riff-icon::after { left:7px; top:12px; width:24px; height:18px; border-top:2px solid currentColor; border-radius:50%; transform:skewX(27deg) rotate(12deg); opacity:.62; }.riff-icon i,.riff-icon b { width:4px; border-radius:99px; background:currentColor; bottom:7px; }.riff-icon i { left:8px; height:9px; }.riff-icon b:nth-of-type(1){left:16px;height:20px}.riff-icon b:nth-of-type(2){left:24px;height:13px}.riff-icon b:nth-of-type(3){left:32px;height:27px}
.loop-icon { border:2px solid currentColor; border-radius:50%; }.loop-icon::before { inset:8px; border:2px solid currentColor; border-left-color:transparent; border-radius:50%; }.loop-icon::after { top:2px; right:1px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid currentColor; transform:rotate(34deg); }.loop-icon i { bottom:2px; left:1px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid currentColor; transform:rotate(34deg); }.loop-icon b { width:4px; height:4px; border-radius:50%; background:currentColor; top:19px; left:13px; box-shadow:10px 0 currentColor; }
.headphones-icon { border:3px solid currentColor; border-bottom:0; border-radius:28px 28px 0 0; }.headphones-icon::before,.headphones-icon::after { top:28px; width:10px; height:18px; border:2px solid currentColor; border-radius:6px; }.headphones-icon::before{left:-5px}.headphones-icon::after{right:-5px}.headphones-icon i { left:12px; top:10px; width:24px; height:24px; border:1px solid currentColor; border-radius:50%; opacity:.5; }.headphones-icon b { left:19px; top:17px; width:10px; height:10px; border:1px solid currentColor; border-radius:50%; }
.scope-icon { border:2px solid currentColor; border-radius:8px; }.scope-icon i { top:24px; left:5px; width:39px; height:17px; border-top:2px solid currentColor; transform:skewX(-25deg) rotate(-13deg); }.scope-icon::after { top:18px; left:14px; width:18px; height:25px; border-left:2px solid currentColor; border-right:2px solid currentColor; transform:skewX(-30deg); }
.document-icon { border:2px solid currentColor; border-radius:8px; }.document-icon::before { top:-2px; right:-2px; width:17px; height:17px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; border-radius:0 7px 0 7px; background:rgba(8,12,23,.7); }.document-icon i,.document-icon b { left:11px; height:2px; border-radius:2px; background:currentColor; }.document-icon i { top:20px; width:29px; }.document-icon b { top:30px; width:24px; }.document-icon b:last-child { top:40px; width:17px; }
.fractal-icon { border:2px solid currentColor; border-radius:50%; box-shadow:inset 0 0 0 7px rgba(255,156,219,.13); }.fractal-icon::before { inset:7px; border:2px solid currentColor; border-radius:50%; }.fractal-icon i,.fractal-icon b { border-radius:50%; background:currentColor; }.fractal-icon i { width:7px; height:7px; top:8px; left:22px; }.fractal-icon b { width:5px; height:5px; }.fractal-icon b:nth-of-type(1){top:25px;left:9px}.fractal-icon b:nth-of-type(2){top:29px;right:8px}.fractal-icon b:nth-of-type(3){bottom:7px;left:20px}
.circle-icon { display:grid; place-items:center; font-size:2rem; line-height:1; filter:drop-shadow(0 0 8px rgba(114,223,206,.42)); }
.symbol-runner-icon { display:grid; place-items:center; font-size:2rem; line-height:1; filter:drop-shadow(0 0 8px rgba(158,219,114,.42)); }
.lines-icon { display:flex; align-items:center; gap:3px; }
.lines-icon .line-ball { position:relative; display:block; flex:0 0 11px; width:11px; height:11px; border-radius:50%; background:radial-gradient(circle at 30% 24%,#fff 0 3%,var(--shine) 4%,transparent 23%),radial-gradient(circle at 34% 29%,var(--light),var(--color) 48%,var(--dark) 100%); box-shadow:inset -2px -2px 3px #00000045,inset 1px 1px 2px #ffffff3d,0 2px 4px #0000008c; }
.lines-icon .ball-blue { --color:#2786ef; --light:#75c6ff; --dark:#17449f; --shine:#d9f4ff; }
.lines-icon .ball-red { --color:#e3484e; --light:#ff9b91; --dark:#8f1d38; --shine:#ffe0dc; }
.lines-icon .ball-yellow { --color:#f4c740; --light:#fff29b; --dark:#a66a0d; --shine:#fffbd2; }
.cipher-icon { border:2px solid currentColor; border-radius:9px; }.cipher-icon::before { top:7px; left:7px; width:29px; height:29px; border:1px solid currentColor; border-radius:6px; opacity:.35; }.cipher-icon i,.cipher-icon b { width:9px; height:9px; border:2px solid currentColor; border-radius:50%; background:rgba(85,223,183,.1); }.cipher-icon i { top:17px; left:6px; }.cipher-icon b:nth-of-type(1){top:17px;left:17px}.cipher-icon b:nth-of-type(2){top:17px;left:28px}
.laser-icon { display:grid; place-items:center; font-size:2rem; line-height:1; filter:drop-shadow(0 0 8px rgba(255,155,106,.42)); }
.bacteria-icon { border:2px solid currentColor; border-radius:50% 43% 50% 43%; transform:rotate(-25deg); }.bacteria-icon::before,.bacteria-icon::after { width:10px; height:2px; background:currentColor; opacity:.6; }.bacteria-icon::before { top:5px; left:-7px; transform:rotate(-30deg); }.bacteria-icon::after { right:-7px; bottom:5px; transform:rotate(-30deg); }.bacteria-icon i,.bacteria-icon b { width:5px; height:5px; border-radius:50%; background:currentColor; }.bacteria-icon i { top:12px; left:12px; }.bacteria-icon b:nth-of-type(1){top:23px;left:22px}.bacteria-icon b:nth-of-type(2){top:12px;right:10px}
.compass-icon { border:2px solid currentColor; border-radius:50%; }.compass-icon::before { inset:7px; border:1px solid currentColor; border-radius:50%; opacity:.55; }.compass-icon i { top:8px; left:18px; width:0; height:0; border-top:13px solid currentColor; border-right:5px solid transparent; border-left:5px solid transparent; transform:rotate(34deg); }.compass-icon b { bottom:8px; left:18px; width:0; height:0; border-right:5px solid currentColor; border-top:13px solid transparent; border-bottom:13px solid transparent; transform:rotate(34deg); opacity:.65; }
.generative-icon { overflow:hidden; border:2px solid currentColor; border-radius:10px; }.generative-icon::before,.generative-icon::after { width:56px; height:19px; border:2px solid currentColor; border-radius:50%; transform:rotate(-35deg); opacity:.75; }.generative-icon::before { top:4px; left:-9px; }.generative-icon::after { top:22px; left:-4px; }.generative-icon i,.generative-icon b { width:5px; height:5px; border-radius:50%; background:currentColor; }.generative-icon i { top:9px; right:7px; }.generative-icon b:nth-of-type(1){top:20px;left:7px}.generative-icon b:nth-of-type(2){bottom:7px;right:13px}.generative-icon b:nth-of-type(3){bottom:9px;left:20px}
.road-icon { overflow:hidden; border:2px solid currentColor; border-radius:50% 50% 9px 9px; }.road-icon::before { left:17px; bottom:-9px; width:13px; height:48px; border:2px solid currentColor; border-radius:50%; transform:perspective(25px) rotateX(24deg); }.road-icon i { top:9px; left:18px; width:5px; height:5px; border-radius:50%; background:currentColor; box-shadow:-12px 8px 0 -1px currentColor, 12px 8px 0 -1px currentColor; }.road-icon b { width:3px; height:8px; background:currentColor; left:22px; }.road-icon b:nth-of-type(1){top:24px}.road-icon b:nth-of-type(2){top:37px}
.pattern-icon { overflow:hidden; border:2px solid currentColor; border-radius:50%; }.pattern-icon::before,.pattern-icon::after { width:30px; height:30px; border:2px solid currentColor; transform:rotate(45deg); }.pattern-icon::before { top:4px; left:4px; }.pattern-icon::after { top:11px; left:11px; opacity:.6; }.pattern-icon i,.pattern-icon b { width:5px; height:5px; border-radius:50%; background:currentColor; }.pattern-icon i{top:8px;left:19px}.pattern-icon b:nth-of-type(1){top:20px;left:8px}.pattern-icon b:nth-of-type(2){right:8px;bottom:10px}
.image-icon { border:2px solid currentColor; border-radius:8px; }.image-icon::before { left:6px; bottom:7px; width:27px; height:16px; border:2px solid currentColor; border-bottom:0; border-left:0; transform:skewY(-32deg) rotate(-8deg); opacity:.62; }.image-icon i { top:7px; left:8px; width:6px; height:6px; border-radius:50%; background:currentColor; }.image-icon b { right:-4px; bottom:-4px; width:16px; height:16px; border:2px solid currentColor; border-radius:50%; background:rgba(155,201,255,.12); }.image-icon b::after { content:""; position:absolute; right:-7px; bottom:-5px; width:8px; height:2px; background:currentColor; transform:rotate(45deg); transform-origin:left center; }
.moire-lab { --accent:#79ddea; }.moire-icon { overflow:hidden; border:2px solid currentColor; border-radius:9px; }.moire-icon::before,.moire-icon::after { inset:5px; background:repeating-linear-gradient(45deg, transparent 0 4px, currentColor 4px 5px); }.moire-icon::before { opacity:.72; }.moire-icon::after { background-image:repeating-linear-gradient(-45deg, transparent 0 4px, currentColor 4px 5px); opacity:.48; }
.pendulum-icon { overflow:visible; }.pendulum-icon::before,.pendulum-icon::after { border:2px solid currentColor; border-top-color:transparent; border-left-color:transparent; border-radius:50%; transform:rotate(24deg); }.pendulum-icon::before { top:3px; left:3px; width:34px; height:34px; opacity:.88; }.pendulum-icon::after { top:10px; left:11px; width:24px; height:24px; border-right-color:#6ee5df; border-bottom-color:#6ee5df; opacity:.72; }.pendulum-icon i { top:1px; left:18px; width:2px; height:31px; border-radius:99px; background:currentColor; transform:rotate(29deg); transform-origin:top center; }.pendulum-icon b { right:3px; bottom:3px; width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 8px rgba(193,141,255,.72); }
h3 { margin-bottom:6px; font-size:1.16rem; letter-spacing:-.03em; }.card-subtitle { display:block; margin:-2px 0 7px; color:var(--accent); font-size:.76rem; font-weight:720; letter-spacing:.01em; }.project-card p { max-width:45ch; margin-bottom:13px; color:#b9c4dc; font-size:.86rem; line-height:1.42; }.card-tags { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 9px; }.project-card .card-tag { cursor:pointer; }.card-tag { display:inline-flex; align-items:center; width:max-content; min-height:22px; margin:0; padding:3px 8px; border:1px solid color-mix(in srgb,var(--accent) 42%,transparent); border-radius:999px; color:var(--accent); font-size:.68rem; font-weight:760; letter-spacing:.07em; text-transform:uppercase; background:color-mix(in srgb,var(--accent) 10%,transparent); }.card-link { margin-top:auto; color:var(--accent); font-size:.82rem; font-weight:750; }.card-link b { display:inline-block; margin-left:3px; font-size:1.05rem; transition:transform .2s ease; }.project-card:hover .card-link b { transform:translateX(4px); }
.project-search { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-bottom:14px; }
.project-search label { color:var(--muted); font-size:.78rem; font-weight:720; }
.project-search input { width:min(100%, 360px); min-width:0; min-height:44px; padding:10px 13px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--ink); font:inherit; font-size:.9rem; }
.project-search input::placeholder { color:var(--muted); }
.project-search input:focus-visible { outline:2px solid #78d7f4; outline-offset:2px; }
footer { width:min(1180px, calc(100% - 40px)); margin:auto; padding:17px 0 21px; border-top:1px solid var(--line); color:#7885a3; font-size:.83rem; text-align:center; }
@media (min-width: 1180px) { .project-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.project-card { min-height:190px; padding:19px 18px 17px; }.card-icon { width:40px; height:40px; margin-bottom:12px; }.project-card p { font-size:.82rem; line-height:1.4; }.projects { padding:28px 0 30px; } }
@media (max-width: 1000px) { .project-grid { gap:16px; }.project-card { min-height:220px; padding:24px; }.card-icon { width:50px; height:50px; margin-bottom:18px; }.project-card p { font-size:.92rem; line-height:1.5; }.projects { padding:42px 0 48px; } }
@media (max-width: 800px) { .hero { grid-template-columns:1fr; gap:28px; min-height:0; padding:55px 0 42px; }.sound-art { min-height:185px; }.wave-bars { bottom:26px; } }
@media (max-width: 600px) { .project-filters { display:block; }.filter-title { display:block; margin-bottom:6px; }.project-grid { grid-template-columns:1fr; }.project-card { min-height:234px; }.projects { padding-top:38px; } }
@media (max-width: 420px) { .page-shell,footer { width:min(100% - 28px,1120px); }.hero { padding-top:42px; }.project-card { padding:24px 22px 21px; }.sound-art { border-radius:21px; }.lead { font-size:1rem; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }