.about-page{color:#f4f4f5;width:100%;min-height:100vh;font-family:var(--font-instrument-sans), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;background:#09090b;position:relative;overflow-x:hidden}.about-nav{-webkit-backdrop-filter:blur(12px);z-index:100;background:#09090bd9;border-bottom:1px solid #1f1f22;justify-content:space-between;align-items:center;padding:20px 64px;display:flex;position:sticky;top:0}.about-nav-logo{font-family:var(--font-instrument-sans), serif;color:#f4f4f5;letter-spacing:.04em;font-size:18px;font-weight:600;text-decoration:none;transition:color .2s}.about-nav-logo:hover{color:#a1a1aa}.about-nav-tag{color:#52525b;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.about-hero{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:100px 64px 20px;display:flex}.about-hero-inner{margin-bottom:0}.about-title{font-family:var(--font-instrument-sans), serif;letter-spacing:-.03em;color:#f4f4f5;margin:0 0 24px;font-size:clamp(60px,10vw,120px);font-weight:700;line-height:1}.about-subtitle{color:#a1a1aa;max-width:640px;margin:0;font-size:20px;line-height:1.6}.about-hero-gif{border-radius:12px;width:100%;max-width:600px;margin:0 auto;overflow:hidden}.about-hero-gif img{border-radius:12px;width:100%;height:auto;display:block}.about-section{flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:40px 64px;display:flex}.about-section--center{text-align:center}.about-heading{font-family:var(--font-instrument-sans), serif;letter-spacing:-.02em;color:#f4f4f5;margin:0 0 24px;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.15}.about-body{color:#a1a1aa;max-width:720px;font-size:17px;line-height:1.75}.about-link{color:#f4f4f5;text-underline-offset:3px;text-decoration:underline;transition:color .2s}.about-link:hover{color:#71717a}.about-list{flex-direction:column;gap:20px;width:100%;max-width:720px;margin:0;padding:0;list-style:none;display:flex}.about-list li{color:#a1a1aa;padding-left:24px;font-size:17px;line-height:1.7;position:relative}.about-list li:before{content:"—";color:#3f3f46;position:absolute;left:0}.about-list li strong{color:#d4d4d8;font-weight:500}.about-full-bleed{width:100%;max-width:1100px;margin:0 auto;padding:24px 64px}.about-animation-placeholder,.about-media-placeholder{text-align:center;background:#111113;border:1px dashed #27272a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.about-animation-placeholder{height:380px;margin-top:8px}.about-media-placeholder--tall{width:100%;height:420px}.about-media-placeholder--small{width:100%;height:180px}.about-placeholder-label{font-family:var(--font-instrument-sans), serif;color:#52525b;letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:600}.about-placeholder-sub{color:#3f3f46;font-size:12px}.about-placeholder-sub code{font-family:var(--font-instrument-sans), monospace;color:#71717a;background:#1a1a1d;border-radius:4px;padding:2px 6px}.about-full-image{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:520px;display:block}.about-progress-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.about-progress-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:200px;display:block}.about-three-gallery{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.about-gallery-piece{flex-direction:column;gap:12px;display:flex}.about-variation-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:200px;display:block}.about-gallery-caption{color:#52525b;text-align:center;font-size:13px;line-height:1.6}.about-hp-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.about-hp-img{-o-object-fit:cover;object-fit:cover;aspect-ratio:2/3;border-radius:6px;width:100%;height:auto;display:block}.about-video-wrap{background:#111113;border:1px solid #1f1f22;border-radius:16px;width:100%;max-width:720px;position:relative;overflow:hidden}.about-video{border-radius:16px;width:100%;display:block}.about-video-play{cursor:pointer;background:#0006;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.about-video-play:hover{background:#0000008c}.about-video-play-inner{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.about-video-note{color:#3f3f46;text-align:center;margin:12px 0 0;font-size:12px}.about-video-note code{font-family:var(--font-instrument-sans), monospace;background:#1a1a1d;border-radius:4px;padding:2px 6px}.about-gallery-section{max-width:900px;margin:0 auto;padding:40px 64px}.about-gallery-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:32px;display:grid}.about-gallery-thumb{aspect-ratio:1;cursor:pointer;border-radius:8px;transition:transform .2s,opacity .2s;display:block;overflow:hidden}.about-gallery-thumb:hover{opacity:.9;transform:scale(1.03)}.about-gallery-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.about-gallery-source{color:#3f3f46;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;overflow:hidden}.about-final{z-index:10;margin-top:40px;padding-bottom:80px;position:relative}.about-signature{font-family:var(--font-instrument-sans), serif;color:#52525b;margin-top:32px;font-size:15px;font-style:italic}.about-footer{text-align:center;z-index:10;border-top:1px solid #1f1f22;padding:32px 64px;position:relative}.about-footer-link{color:#52525b;font-size:14px;text-decoration:none;transition:color .2s}.about-footer-link:hover{color:#f4f4f5}.about-inline-code{font-family:var(--font-instrument-sans), "Fira Code", "Cascadia Code", ui-monospace, monospace;color:#a1a1aa;background:#18181b;border:1px solid #27272a;border-radius:4px;padding:1px 6px;font-size:.85em}.about-code-block{background:#0d0d10;border:1px solid #27272a;border-radius:10px;width:100%;margin-top:4px;overflow:hidden}.about-code-header{background:#18181b;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.about-code-lang{font-family:var(--font-instrument-sans), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:#52525b;background:#27272a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.about-code-label{color:#3f3f46;font-size:12px;font-family:var(--font-instrument-sans), ui-monospace, monospace}.about-code-pre{-webkit-overflow-scrolling:touch;margin:0;padding:20px 24px;overflow-x:auto}.about-code-pre code{font-family:var(--font-instrument-sans), "Fira Code", "Cascadia Code", ui-monospace, monospace;color:#a1a1aa;white-space:pre;-webkit-user-select:text;user-select:text;font-size:13px;line-height:1.7;display:block}.code-keyword{color:#c678dd;font-weight:500}.code-name{color:#e5c07b}.code-func{color:#61afef}.code-string{color:#98c379}.code-tag{color:#e06c75}.code-attr{color:#d19a66}.code-comment{color:#5c6370;font-style:italic}.code-punctuation{color:#abb2bf}.code-number{color:#d19a66}.about-code-pre::-webkit-scrollbar{height:5px}.about-code-pre::-webkit-scrollbar-track{background:0 0}.about-code-pre::-webkit-scrollbar-thumb{background:#27272a;border-radius:3px}.about-animation-section{flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;padding:20px 64px 60px;display:flex}.about-animation-label{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.about-animation-tag{letter-spacing:.1em;text-transform:uppercase;color:#52525b;border:1px solid #27272a;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-block}.about-animation-desc{color:#71717a;margin:8px 0 0;font-size:15px;line-height:1.6}.ppa-root{flex-direction:column;gap:16px;width:100%;display:flex}.ppa-stage{aspect-ratio:1125/675;-webkit-user-select:none;user-select:none;background:#0a0a0a;border:1px solid #1f1f22;border-radius:12px;width:100%;transition:border-color .25s;position:relative;overflow:hidden}.ppa-stage:hover{border-color:#3f3f46}.ppa-stage.playing,.ppa-stage.loading{cursor:default;border-color:#1f1f22}.ppa-art{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ppa-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ppa-mask{mix-blend-mode:normal}.ppa-particles{pointer-events:none;mix-blend-mode:screen}.ppa-overlay{pointer-events:none;background:#00000059;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.ppa-overlay.hidden{opacity:0}.ppa-play-btn{color:#fff;pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex}.ppa-play-btn svg{filter:drop-shadow(0 0 12px #ffffff80);transition:transform .25s;transform:scale(1.8)}.ppa-stage:hover .ppa-play-btn svg{transform:scale(2)}.ppa-stage:active .ppa-play-btn svg{transform:scale(1.7)}.ppa-caption{color:#fff;text-shadow:0 0 12px #000c;letter-spacing:.04em;font-size:15px;font-weight:500}.ppa-loading-overlay{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ppa-spinner{border:2px solid #ffffff1a;border-top-color:#ffffffb3;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite ppa-spin}@keyframes ppa-spin{to{transform:rotate(360deg)}}.ppa-thumbnails{flex-wrap:wrap;gap:8px;display:flex}.ppa-thumb{aspect-ratio:1;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:6px;flex:none;width:calc(8.33333% - 7.33333px);padding:0;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.ppa-thumb img{-o-object-fit:cover;object-fit:cover;opacity:.75;width:100%;height:100%;transition:transform .2s;display:block}.ppa-thumb:hover img{opacity:1;transform:scale(1.08)}.ppa-thumb.active{border-color:#f4f4f5;box-shadow:0 0 0 1px #f4f4f5}.ppa-thumb.active img{opacity:1}@media (max-width:768px){.about-nav{padding:16px 24px}.about-hero,.about-section,.about-gallery-section,.about-animation-section{padding:32px 24px}.about-full-bleed{padding:16px 24px}.about-three-gallery{grid-template-columns:1fr}.about-progress-grid{grid-template-columns:repeat(2,1fr)}.about-hp-grid{grid-template-columns:repeat(4,1fr)}.about-gallery-grid{grid-template-columns:repeat(3,1fr)}.ppa-thumb{width:calc(16.6667% - 7.33333px)}}