.spur-site{--font-heading:fontHeading, "Microsoft YaHei", "PingFang SC", sans-serif;--font-body:fontBody, "Microsoft YaHei", "PingFang SC", sans-serif;--font-mono:fontMono, "Microsoft YaHei", monospace;min-height:100vh;font-family:var(--font-body);color:#131313;letter-spacing:-.01em;background:#ececec;font-size:16px;line-height:1.5}.spur-site .personal-logo{font:500 23px/31px var(--font-body);white-space:nowrap;align-items:center;gap:8px;display:flex}.spur-site .personal-logo span{color:#d5ff00;font-size:18px}.spur-site h1{font-family:var(--font-heading)}.spur-site h1 .line-box{background:#d5ff00;transform:translate(-102%)}.spur-site p{text-wrap:pretty}.spur-site .personal-footer{color:#fafafa;background:#0b0b0b;grid-template-columns:1fr 1fr;gap:64px;padding:100px 32px 24px;display:grid}.spur-site .personal-wordmark{letter-spacing:-.05em;font-size:clamp(40px,6vw,88px)}.spur-site .personal-footer p{color:#aaa;margin-top:16px}.spur-site .personal-footer nav{place-content:center end;gap:18px;display:grid}.spur-site .personal-footer a:hover{color:#d5ff00}.spur-site .personal-footer-bottom{border-top:1px solid #333;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:24px;padding-top:24px;font-size:12px;display:flex}@media (max-width:767px){.spur-site .personal-footer{grid-template-columns:1fr;gap:40px;padding:64px 20px 24px}.spur-site .personal-footer nav{justify-content:start}}html:has(.spur-site)::-webkit-scrollbar{width:10px}html:has(.spur-site)::-webkit-scrollbar-track{background:#fafafa}html:has(.spur-site)::-webkit-scrollbar-thumb{background:#888;border:2px solid #fafafa;border-radius:6px}.spur-site [data-module=text-data-tracker]{position:relative;overflow:hidden}.spur-site{overflow-x:clip}.spur-site [data-module=text-data-tracker]:not(.spur-stat-active) .fixed{display:none}.spur-site [data-module=list-image-scroll] [data-state=open]>button h3{color:#fafafa}.spur-site [data-module=list-image-scroll] [data-state=closed]>button h3{color:#666}.spur-site .spur-header button{background:0 0;border:0;border-radius:0;padding:0}.spur-site .spur-header{z-index:999;color:#fafafa;text-transform:uppercase;padding:8px;font-family:fontMono,monospace;font-size:12px;line-height:16px;position:fixed;inset:0 0 auto}.spur-site .spur-navigation{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#131313e6;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:20px;padding:16px;display:grid}.spur-site .spur-logo{grid-column:span 2;width:103px;display:block}.spur-site .spur-logo img{width:103px;height:31px}.spur-site .spur-desktop-nav,.spur-site .spur-header-actions{grid-column:span 5;justify-content:space-between;align-items:center;gap:24px;display:flex}.spur-site .spur-desktop-nav{grid-column:span 5}.spur-site .group\/feature-article[data-feature-active=true]>div{max-height:117px}.spur-site .group\/feature-article[data-feature-active=true] img{opacity:1}.spur-site .spur-header-actions{justify-content:flex-end;gap:16px}.spur-site .spur-desktop-nav button{text-transform:uppercase;font:inherit;color:inherit}.spur-site .spur-nav-group{align-items:center;gap:36px;display:flex}.spur-site .spur-nav-group:before{content:"";background:#d5ff00;width:7px;height:7px}.spur-site .spur-nav-group:nth-child(4){margin-left:60px}.spur-site .spur-neon{color:#d5ff00}.spur-site .spur-demo{color:#131313;background:#d5ff00;justify-content:space-between;align-items:center;gap:18px;margin-left:40px;padding:8px 12px;display:flex}.spur-site .spur-menu-trigger,.spur-site .spur-mobile-plus{display:none}.spur-site .spur-desktop-dropdown{background:#131313;border-top:1px solid #333;grid-template-columns:2fr 10fr;gap:20px;max-height:80vh;padding:40px 24px 48px;display:grid;overflow:auto}.spur-site .spur-desktop-dropdown>div{grid-template-columns:repeat(3,1fr);gap:18px 40px;display:grid}.spur-site .spur-desktop-dropdown a{text-transform:none;justify-content:space-between;font:16px/24px fontBody,sans-serif;display:flex}.spur-site .spur-desktop-dropdown a:hover{color:#d5ff00}.spur-site .spur-earth{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.spur-site .spur-earth[data-failed=true]{background-image:var(--globe-fallback)}.spur-site .spur-earth canvas{visibility:hidden;opacity:0;transition:opacity .45s ease-out;display:block}.spur-site .spur-earth[data-rendered=true] canvas{visibility:visible;opacity:1}.spur-site [data-module=hero-primary] .gsap-fade-in:has(>svg){top:24px}.spur-site [data-module=hero-primary] h1 .line-wrapper{min-height:1.1em;padding-bottom:.15em}.spur-site [data-module=hero-primary] h1 [aria-label]{min-height:1.15em}@media (min-width:1024px){.spur-site [data-module=hero-primary] .group\/feature-article[data-feature-active=false]>div{max-height:34px}}.spur-site[data-header-theme=light] .spur-navigation{color:#131313;background:#fafafae6}.spur-site[data-header-theme=light] .spur-logo img{filter:invert()}.spur-site[data-header-theme=light] .spur-header .spur-neon{color:#131313}.spur-site[data-header-theme=light] .spur-nav-group:before{background:#131313}.spur-site .spur-earth,.spur-site [data-globe-slot]{min-width:0}html[data-restoring=true] .spur-site [data-globe-slot] .spur-earth{opacity:0!important}html[data-restoring=true] .spur-site .spur-earth canvas{transition:none;opacity:0!important}@media (prefers-reduced-motion:reduce){.spur-site .spur-earth canvas{transition:none}}@media (max-width:1279px){.spur-site .spur-navigation{justify-content:space-between;padding:13px 16px;display:flex}.spur-site .spur-desktop-nav,.spur-site .spur-header-actions,.spur-site .spur-desktop-dropdown{display:none}.spur-site .spur-menu-trigger{font:inherit;color:inherit;text-transform:uppercase;display:block}.spur-site .spur-header.is-open{background:#131313;height:100dvh}.spur-site .spur-mobile-menu{flex-direction:column;height:calc(100dvh - 76px);padding:40px 16px 56px;display:flex;overflow:auto}.spur-site .spur-mobile-row{border-bottom:1px solid #363636}.spur-site .spur-mobile-row>button,.spur-site .spur-mobile-row>a{text-align:left;text-transform:uppercase;width:100%;font:inherit;color:inherit;align-items:center;padding:18px 0 18px 19px;display:flex;position:relative}.spur-site .spur-mobile-row>button:before,.spur-site .spur-mobile-row>a:before{content:"";background:#d5ff00;width:7px;height:7px;position:absolute;left:0}.spur-site .spur-mobile-plus{margin-left:auto;font:26px/16px fontBody,sans-serif;display:block}.spur-site .spur-mobile-submenu{text-transform:none;gap:14px;padding:4px 20px 24px;display:grid}.spur-site .spur-mobile-actions{grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-top:auto;padding-top:40px;display:grid}.spur-site .spur-mobile-actions>a:nth-child(2){text-align:right}.spur-site .spur-mobile-actions .spur-demo{grid-column:1/-1;margin:0}}@media (max-width:1023px){.spur-site .portfolio-hero-intro h1{font-size:clamp(42px,8.8vw,72px);line-height:1.12}.spur-site .portfolio-featured{margin-top:clamp(210px,48vw,340px)}.spur-site .portfolio-hero-copy p{max-width:36rem;font-size:16px;line-height:1.65}.spur-site .portfolio-hero-copy a{min-height:36px;font-size:14px}.spur-site .portfolio-hero-globe{height:clamp(380px,110vw,740px);top:auto;bottom:-60px}.spur-site .portfolio-hero-globe [data-globe-slot]{min-width:0;min-height:0}.spur-site .portfolio-featured-scroller{scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:20px}.spur-site .portfolio-featured-scroller::-webkit-scrollbar{display:none}.spur-site .portfolio-featured-scroller .group\/feature-article{scroll-snap-align:start;width:min(76vw,300px);min-width:min(76vw,300px)}}@media (prefers-reduced-motion:reduce){.spur-site *,.spur-site :before,.spur-site :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.spur-site .editorial-heading{text-indent:0;letter-spacing:-.035em;font-size:clamp(30px,3.1vw,64px);line-height:1.3}.spur-site .editorial-heading>span{text-wrap:balance;display:block}.spur-site .editorial-heading-group>div:first-child>div{margin-bottom:30px;position:static}.spur-site .editorial-caption{color:#646464;letter-spacing:.05em;margin-top:28px;font-size:16px}@media (min-width:1024px){.spur-site .portfolio-featured-scroller{overflow:visible}.spur-site .portfolio-hero-intro h1{letter-spacing:-.035em;font-size:clamp(64px,7.2vw,144px);line-height:1.12}}@media (max-width:1023px){.spur-site .project-grid-card{height:auto;min-height:215px}.spur-site .project-grid-link{gap:20px;height:100%;min-height:215px;padding:16px 12px;overflow:visible}.spur-site .project-grid-link>div:first-child img{display:none}.spur-site .project-grid-content{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;min-width:0;display:flex}.spur-site .project-grid-content h3{overflow-wrap:anywhere;transform:none!important}.spur-site .project-grid-details{opacity:1;overflow-wrap:anywhere;width:100%;display:none;position:static}.spur-site .project-grid-card:is(:hover,:focus-within) .project-grid-details{display:block}.spur-site .project-grid-card:is(:hover,:focus-within) .project-grid-shortcut{display:none}}