:root{color-scheme:dark}body{margin:0;background:#0e0e12;color:#f2f2f4;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.gallery-page:where(.astro-stvnw7jd){min-height:100vh}.gnav:where(.astro-stvnw7jd){display:flex;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid #26262c;position:sticky;top:0;z-index:10;background:#0e0e12f7}.brand:where(.astro-stvnw7jd){display:inline-flex;align-items:center;gap:12px;color:#f2f2f4;text-decoration:none;font-family:Clash Display,Space Grotesk,sans-serif;font-weight:700;letter-spacing:.02em}.brand:where(.astro-stvnw7jd) img:where(.astro-stvnw7jd){display:block;height:20px;width:auto}.gnav__links:where(.astro-stvnw7jd){display:flex;gap:24px;margin-left:auto}.gnav__links:where(.astro-stvnw7jd) a:where(.astro-stvnw7jd){color:#8e8e98;text-decoration:none;font-weight:500}.gnav__links:where(.astro-stvnw7jd) a:where(.astro-stvnw7jd):hover,.gnav__links:where(.astro-stvnw7jd) a:where(.astro-stvnw7jd)[aria-current=page]{color:#f2f2f4}.gmain:where(.astro-stvnw7jd){max-width:1280px;margin:0 auto;padding:48px 32px 96px}.ghead:where(.astro-stvnw7jd){max-width:64ch;margin-bottom:40px}.eyebrow:where(.astro-stvnw7jd){font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#56565f;margin:0 0 16px}.ghead:where(.astro-stvnw7jd) h1:where(.astro-stvnw7jd){font-family:Clash Display,Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:0 0 16px}.lede:where(.astro-stvnw7jd){color:#8e8e98;font-size:1.125rem;margin:0;line-height:1.6}.lede:where(.astro-stvnw7jd) code:where(.astro-stvnw7jd){font-family:JetBrains Mono,monospace;font-size:.9em;color:#f2f2f4;background:#18181d;padding:1px 6px;border-radius:5px}.lede:where(.astro-stvnw7jd) strong:where(.astro-stvnw7jd){color:#f2f2f4;font-weight:600}.tabs:where(.astro-stvnw7jd){display:inline-flex;gap:4px;margin:28px 0 32px;padding:4px;background:#121218;border:1px solid #23232a;border-radius:13px}.tab:where(.astro-stvnw7jd){appearance:none;border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;color:#8e8e98;display:inline-flex;align-items:baseline;gap:8px;padding:9px 17px;border-radius:9px;transition:background .16s ease,color .16s ease}.tab:where(.astro-stvnw7jd):hover{color:#c8c8d2}.tab:where(.astro-stvnw7jd).is-active{background:#25252e;color:#f6f6f8}.tab__hint:where(.astro-stvnw7jd){font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#56565f}.tab:where(.astro-stvnw7jd).is-active .tab__hint:where(.astro-stvnw7jd){color:#e85494}.tab:where(.astro-stvnw7jd):focus-visible{outline:2px solid #e85494;outline-offset:2px}.tabpanel:where(.astro-stvnw7jd)[hidden]{display:none}.panel-lede:where(.astro-stvnw7jd){color:#8e8e98;font-size:1.0625rem;line-height:1.6;max-width:64ch;margin:0 0 32px}.panel-lede:where(.astro-stvnw7jd) code:where(.astro-stvnw7jd){font-family:JetBrains Mono,monospace;font-size:.9em;color:#f2f2f4;background:#18181d;padding:1px 6px;border-radius:5px}.cinematic:where(.astro-stvnw7jd){margin:0}.cinematic__head:where(.astro-stvnw7jd){max-width:70ch;margin-bottom:36px}.cinematic__head:where(.astro-stvnw7jd) h2:where(.astro-stvnw7jd){font-family:Clash Display,Space Grotesk,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0 0 14px}.cinematic__head:where(.astro-stvnw7jd) .lede:where(.astro-stvnw7jd){font-size:1.0625rem}.cinematic__grid:where(.astro-stvnw7jd){display:flex;flex-direction:column;gap:28px}.cfx:where(.astro-stvnw7jd){background:linear-gradient(180deg,#131319,#0f0f15);border:1px solid #23232a;border-radius:18px;padding:24px 26px 26px;transition:border-color .18s ease}.cfx:where(.astro-stvnw7jd):hover{border-color:#34343d}.cfx__head:where(.astro-stvnw7jd){display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.cfx__num:where(.astro-stvnw7jd){font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.14em;color:#e85494;flex:none}.cfx__title:where(.astro-stvnw7jd){font-family:Clash Display,Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin:0}.cfx__media:where(.astro-stvnw7jd){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.cfx__media--strip:where(.astro-stvnw7jd){grid-template-columns:1fr}.cfx:where(.astro-stvnw7jd) figure:where(.astro-stvnw7jd){margin:0;position:relative;border-radius:11px;overflow:hidden;border:1px solid #26262c;background:#08080c;line-height:0}.cfx:where(.astro-stvnw7jd) figure:where(.astro-stvnw7jd) img:where(.astro-stvnw7jd){display:block;width:100%;height:auto}.cfx:where(.astro-stvnw7jd) figcaption:where(.astro-stvnw7jd){position:absolute;bottom:9px;left:10px;line-height:1;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.02em;color:#f2f2f4;background:#0009;padding:4px 9px;border-radius:7px}.cfx__detail:where(.astro-stvnw7jd){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}.cfx__blurb:where(.astro-stvnw7jd){color:#9a9aa4;line-height:1.6;font-size:.95rem;margin:0}.cfx__code:where(.astro-stvnw7jd){background:#08080c;border:1px solid #23232a;border-radius:10px;padding:13px 15px;overflow-x:auto;margin:0}.cfx__code:where(.astro-stvnw7jd) code:where(.astro-stvnw7jd){font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;color:#cdd2e0;white-space:pre}.shapes__demo:where(.astro-stvnw7jd){display:grid;grid-template-columns:.78fr 1.22fr;gap:14px;align-items:stretch;margin-bottom:20px}.shapes__live:where(.astro-stvnw7jd),.shapes__strip:where(.astro-stvnw7jd){margin:0;position:relative;border-radius:11px;overflow:hidden;border:1px solid #26262c;background:#0a0d17;line-height:0}.shapes__live:where(.astro-stvnw7jd){display:flex;align-items:center;justify-content:center;padding:18px}.shapes__live:where(.astro-stvnw7jd) svg:where(.astro-stvnw7jd){width:78%;max-width:230px;height:auto;display:block}.shapes__strip:where(.astro-stvnw7jd){display:flex;align-items:center}.shapes__strip--solo:where(.astro-stvnw7jd){margin-bottom:20px}.shapes__strip:where(.astro-stvnw7jd) img:where(.astro-stvnw7jd){display:block;width:100%;height:auto}.shapes__live:where(.astro-stvnw7jd) figcaption:where(.astro-stvnw7jd),.shapes__strip:where(.astro-stvnw7jd) figcaption:where(.astro-stvnw7jd){position:absolute;bottom:9px;left:10px;line-height:1;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.02em;color:#f2f2f4;background:#0009;padding:4px 9px;border-radius:7px}.shapes__live:where(.astro-stvnw7jd) figcaption:where(.astro-stvnw7jd) code:where(.astro-stvnw7jd),.cfx:where(.astro-stvnw7jd) figcaption:where(.astro-stvnw7jd) code:where(.astro-stvnw7jd){font-family:inherit;color:#e85494;background:none;padding:0}.draw:where(.astro-stvnw7jd){stroke-dasharray:100;animation:trimDraw 3.4s ease-in-out infinite}.draw--late:where(.astro-stvnw7jd){animation-delay:.55s}@keyframes trimDraw{0%{stroke-dashoffset:100}42%{stroke-dashoffset:0}68%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){.draw:where(.astro-stvnw7jd){animation:none;stroke-dashoffset:0}}@media(max-width:760px){.shapes__demo:where(.astro-stvnw7jd){grid-template-columns:1fr}}@media(max-width:860px){.cfx__detail:where(.astro-stvnw7jd){grid-template-columns:1fr;gap:16px}}@media(max-width:760px){.gnav__links:where(.astro-stvnw7jd){display:flex;margin-left:0;flex:1;min-width:0;gap:18px;padding-left:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gnav__links:where(.astro-stvnw7jd)::-webkit-scrollbar{display:none}.gnav__links:where(.astro-stvnw7jd) a:where(.astro-stvnw7jd){flex:none;padding:6px 0}.gmain:where(.astro-stvnw7jd){padding:32px 20px 64px}.cfx:where(.astro-stvnw7jd){padding:18px 18px 20px}.cfx__media:where(.astro-stvnw7jd){grid-template-columns:1fr}}