@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800;900&family=Space+Grotesk:wght@500;700;800&display=swap";:root{--black:#0d1110;--ink:#151a18;--paper:#e6e1d7;--muted:#9b978e;--frost:#b9d3cf;--bronze:#8f7048;--moss:#677363;--rose:#a36b4d;--line:#ffffff24;--page-pad:clamp(18px, 5vw, 74px);--footer-height:clamp(330px, 43vh, 470px);--sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Space Grotesk", Inter, system-ui, sans-serif;color:var(--paper);background:var(--bronze);font:16px/1.45 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bronze)}body{background:var(--bronze);min-width:320px;margin:0}body,button,input,textarea,select{font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;border:0}button,a{-webkit-tap-highlight-color:transparent}img,svg,canvas{display:block}#root{min-height:100svh}::selection{color:#10130f;background:var(--frost)}.site-content{z-index:2;margin-bottom:var(--footer-height);background:var(--black);border-radius:0 0 28px 28px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000070}.topbar{z-index:40;padding:16px var(--page-pad);background:linear-gradient(#0d1110b8,#0d111000);justify-content:space-between;align-items:center;transition:padding .18s,background .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s;display:flex;position:fixed;inset:0 0 auto}.topbar.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1110a8;padding-block:10px}.brand,.topbar nav,.footer-toplink,.icon-link,.tool-actions a,.footer-links a{align-items:center;display:inline-flex}.brand{color:var(--frost);gap:10px;font-weight:900}.brand-mark{background:conic-gradient(from 140deg, var(--frost), var(--bronze), var(--moss), var(--frost));border-radius:7px;width:22px;height:22px;box-shadow:0 0 24px #b9d3cf47}.topbar nav{gap:4px}.topbar nav a{color:#f5f2ebb8;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:800;transition:color .16s,background .16s;position:relative}.topbar nav a:hover{color:#fff;background:#ffffff14}.hero{border-bottom:1px solid var(--line);isolation:isolate;min-height:94svh;position:relative;overflow:hidden}.hero-stage{background:radial-gradient(circle at 72% 22%,#b9d3cf33,#0000 22%),radial-gradient(circle at 24% 68%,#d6b27129,#0000 22%),linear-gradient(140deg,#080a09,#20251f 50%,#715b3c);position:absolute;inset:0}.hero-video{object-fit:cover;width:100%;height:100%;display:block}.hero-stage canvas,.about-visual canvas{cursor:grab}.scene-fallback{width:100%;height:100%;min-height:inherit;background:radial-gradient(circle at 52% 42%,#b9d3cf3d,#0000 26%),radial-gradient(circle,#d6b27129,#0000 44%)}.hero-shade{z-index:1;background:linear-gradient(#07080814,#07080838 42%,#070808e0),linear-gradient(90deg,#07080875,#0000 54%,#0708083d);position:absolute;inset:0}.hero:after,.about-visual:after{content:"";z-index:2;pointer-events:none;opacity:.15;mix-blend-mode:overlay;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.hero-content{z-index:3;min-height:94svh;padding:118px var(--page-pad) 54px;flex-direction:column;justify-content:flex-end;display:flex;position:relative}.eyebrow,.section-kicker,.project-kicker,.project-card-copy p,.footer-kicker,.footer-bottom{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.eyebrow{color:#ffffffb8;margin:0 0 8px}.hero h1{max-width:1180px;font-family:var(--display);letter-spacing:0;text-shadow:0 14px 42px #00000070;margin:0 0 16px;font-size:clamp(62px,15vw,188px);font-weight:800;line-height:.82}.hero-grid{grid-template-columns:minmax(0,520px) auto;align-items:end;gap:22px;max-width:1060px;display:grid}.hero-grid p{color:#ffffffc7;margin:0;font-size:clamp(16px,2vw,19px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.icon-link{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff3d;border-radius:8px;gap:10px;min-height:48px;padding:0 15px;font-weight:900;transition:transform .16s,background .16s,border-color .16s}.icon-link:hover{background:#ffffff29;border-color:#b9d3cfa8;transform:translateY(-2px)}.icon-link.secondary{color:var(--frost);background:#b9d3cf14}.hero-metrics{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.hero-metrics span{color:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c0b61;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:inline-flex}.hero-metrics strong{color:var(--frost);font-family:var(--display);font-size:20px}.section{padding:clamp(64px, 10vw, 130px) var(--page-pad)}.section-dark{background:radial-gradient(circle at 88% 6%,#b9d3cf12,#0000 28%),#101411}.tools-section{border-top:1px solid var(--line);background:radial-gradient(circle at 8% 12%,#d6b2711a,#0000 28%),#171c19}.section-light{color:#171a16;background:linear-gradient(180deg, #b9d3cf3d, #b9d3cf00), var(--paper)}.section-head{grid-template-columns:minmax(0,1fr) minmax(230px,430px);align-items:end;gap:28px;margin-bottom:42px;display:grid}.section-kicker{color:var(--frost);margin:0 0 12px}.section-light .section-kicker{color:var(--bronze)}.section-head h2,.about-copy h2{font-family:var(--display);letter-spacing:0;margin:0;font-size:clamp(44px,8vw,96px);line-height:.88}.section-head>p,.about-copy p{color:var(--muted);margin:0;line-height:1.65}.section-light .section-head>p{color:#5e625c}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filter{color:#ffffffc2;background:#ffffff0a;border:1px solid #ffffff26;border-radius:8px;min-height:42px;padding:0 15px;transition:color .16s,background .16s,border-color .16s}.filter:hover,.filter.is-active{color:#111512;border-color:var(--frost);background:var(--frost)}.capability-strip{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.capability-strip div{background:#171c19;gap:8px;padding:18px;display:grid}.capability-strip strong{color:var(--frost);font-family:var(--display);font-size:24px}.capability-strip span{color:#ffffffb3;line-height:1.45}.magnetic-card{transform-style:preserve-3d;border-radius:8px;position:relative;overflow:hidden}.magnetic-card[role=button]{cursor:pointer}.magnetic-card[role=button]:focus-visible{outline:2px solid var(--frost);outline-offset:4px}.magnetic-card:before{content:"";z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 30% 12%,#ffffff29,#0000 30%);transition:opacity .18s;position:absolute;inset:0}.magnetic-card:hover:before{opacity:1}.project-feature{border:1px solid var(--line);background:#171c19;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);min-height:520px;display:grid;box-shadow:0 18px 58px #00000038}.project-visual,.project-media{background:#151a18;min-height:240px;position:relative;overflow:hidden}.project-feature .project-visual,.project-feature .project-media{min-height:520px}.project-media>img,.project-media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-media>img{transition:transform .46s,filter .46s}.project-media>video{z-index:1;background:#151a18}.magnetic-card:hover .project-media>img,.magnetic-card:focus-visible .project-media>img{filter:saturate(1.08)contrast(1.04);transform:scale(1.035)}.project-media-overlay{z-index:2;opacity:0;background:linear-gradient(#0000 44%,#080a0985);justify-content:end;align-items:end;padding:18px;transition:opacity .18s;display:flex;position:absolute;inset:0}.project-media-overlay span{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1110b8;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:13px;font-weight:900;display:inline-flex}.magnetic-card:hover .project-media-overlay,.magnetic-card:focus-visible .project-media-overlay{opacity:1}.project-visual:after,.project-media:after,.tool-preview:after,.mini-scene:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 0 42%,#e6e1d71a 50%,#0000 58%);position:absolute;inset:0;transform:translate(-120%)}.magnetic-card:hover .project-visual:after,.magnetic-card:hover .project-media:after,.magnetic-card:hover .tool-preview:after,.magnetic-card:hover .mini-scene:after{opacity:1;animation:.78s surfaceSweep}.project-visual span{display:block;position:absolute}.visual-road{background:linear-gradient(176deg,#0000 0 48%,#343a35 49% 58%,#1b201e 59%),linear-gradient(90deg,#4f5a52,#9c825f 38%,#c5b9a4 56%,#667267)}.visual-road span:first-child{background:#f5f5f5b8;height:5px;bottom:27%;left:8%;right:5%;transform:rotate(-1deg)}.visual-road span:nth-child(2){background:var(--frost);height:1px;box-shadow:0 0 22px var(--frost);animation:4.8s ease-in-out infinite scan;inset:auto 0 34%}.visual-road span:nth-child(3){background:linear-gradient(90deg,#0000 calc(50% - 1px),#e6e1d79e calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(0deg,#0000 calc(50% - 1px),#e6e1d79e calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#0d111038;border:1px solid #e6e1d7b3;border-radius:50%;width:72px;height:72px;animation:3.6s ease-in-out infinite bob;bottom:24%;left:63%;box-shadow:0 14px 28px #0000003d}.visual-mask{background:radial-gradient(circle at 50% 42%,#9a4d36 0 16%,#0000 17%),radial-gradient(circle at 48% 30%,#caa569 0 8%,#0000 9%),conic-gradient(from 20deg at 50% 18%,#cfc5a8,#171a16,#b9914d,#101410,#cfc5a8)}.visual-nodes{background:radial-gradient(circle at 24% 32%, var(--frost) 0 5px, transparent 6px), radial-gradient(circle at 76% 66%, var(--rose) 0 5px, transparent 6px), radial-gradient(circle at 52% 48%, var(--moss) 0 5px, transparent 6px), linear-gradient(135deg, #151a18, #2b3430)}.visual-nodes span:first-child,.visual-nodes span:nth-child(2),.visual-nodes span:nth-child(3){border:1px solid #ffffff2e;transform:skewY(-12deg)}.visual-nodes span:first-child{inset:24% 18% 42% 20%}.visual-nodes span:nth-child(2){inset:42% 28% 24% 34%}.visual-nodes span:nth-child(3){inset:16% 46% 58% 44%}.visual-scene{background:linear-gradient(176deg,#0000 0 42%,#282e28 43% 65%,#151914 66%),linear-gradient(90deg,#71835e,#b88c52 35%,#d4b997 52%,#526347)}.visual-motion{background:repeating-linear-gradient(100deg, transparent 0 16px, #ffffff17 17px 18px), radial-gradient(circle at 72% 34%, var(--rose), transparent 22%), radial-gradient(circle at 24% 70%, var(--frost), transparent 22%), #151a18}.project-copy{background:linear-gradient(#e4ded014,#e4ded005);flex-direction:column;justify-content:end;padding:34px;display:flex}.project-kicker,.project-card-copy p{color:var(--frost);margin:0 0 10px}.project-copy h3,.project-card h3,.tool-body h3,.experiment h3{letter-spacing:0;margin:0;line-height:1}.project-copy h3{font-size:clamp(28px,4vw,48px)}.project-copy p:last-child{color:#ffffffb3;margin:14px 0 0;line-height:1.58}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.project-card{border:1px solid var(--line);background:#171c19;display:grid}.project-card .project-visual,.project-card .project-media{aspect-ratio:16/9;min-height:0}.project-card-copy{padding:18px}.project-card h3{font-size:clamp(26px,3.2vw,38px)}.project-card-copy span{color:#ffffff9e;margin-top:10px;line-height:1.5;display:block}.project-modal{z-index:100;place-items:center;padding:clamp(16px,4vw,54px);display:grid;position:fixed;inset:0}.project-modal-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040605c7;position:absolute;inset:0}.project-modal-panel{z-index:1;background:#111512;border:1px solid #e6e1d729;border-radius:8px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);width:min(1180px,100%);max-height:min(820px,100svh - 32px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000008f}.project-modal-media{background:#080a09;min-height:420px}.project-modal-media video,.project-video-pending,.project-video-pending img{width:100%;height:100%}.project-modal-media video,.project-video-pending img{object-fit:contain;display:block}.project-video-pending{place-items:center;display:grid;position:relative;overflow:hidden}.project-video-pending img{object-fit:cover;filter:brightness(.56)saturate(.85);position:absolute;inset:0}.project-video-pending span{z-index:1;color:#ffffffd1;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1110b8;border:1px solid #ffffff2e;border-radius:8px;max-width:360px;padding:14px 16px;font-weight:800;position:relative}.project-modal-copy{flex-direction:column;justify-content:end;padding:clamp(24px,4vw,42px);display:flex}.project-modal-copy h3{margin:0;font-size:clamp(34px,4vw,58px);line-height:.95}.project-modal-copy p:last-of-type{color:#ffffffad;margin:18px 0 0;line-height:1.62}.project-modal-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.project-modal-tags span{color:var(--frost);text-transform:uppercase;border:1px solid #b9d3cf3d;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:900}.project-modal-close{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1110a8;border:1px solid #fff3;border-radius:8px;place-items:center;width:42px;height:42px;font-size:22px;display:grid;position:absolute;top:14px;right:14px}.project-modal-close:hover{color:#111512;background:var(--frost)}.tools-grid,.experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-card{border:1px solid var(--line);background:#111512}.tool-preview{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#151a18;position:relative;overflow:hidden}.tool-preview svg{z-index:1;color:var(--frost);font-size:32px;position:absolute;top:24px;right:26px}.tool-preview span{background:#e6e1d71f;border-radius:6px;position:absolute}.tool-preview span:nth-child(2){width:34%;height:18px;top:30px;left:26px}.tool-preview span:nth-child(3){width:58%;height:54px;top:64px;left:26px}.tool-preview span:nth-child(4){width:27%;height:38px;bottom:26px;right:26px}.tool-preview-maya{background:linear-gradient(135deg,#86a7a233,#0000 52%),#151a18}.tool-preview-blender{background:linear-gradient(135deg,#b08a5740,#0000 52%),#151a18}.tool-preview-windows{background:linear-gradient(135deg,#67736347,#0000 52%),#151a18}.tool-body{padding:18px}.tool-meta{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.tool-meta span,.skill-list span{border-radius:7px;font-size:12px;font-weight:900}.tool-meta span{color:#e6e1d7b8;background:#e6e1d70d;border:1px solid #e6e1d71f;padding:7px 9px}.tool-body h3{font-size:clamp(25px,3vw,36px)}.tool-body p{color:#e6e1d7ad;margin:12px 0 0;line-height:1.58}.tool-actions{gap:8px;margin-top:20px;display:flex}.tool-actions a{min-height:42px;color:var(--frost);border:1px solid #b9d3cf47;border-radius:8px;gap:8px;padding:0 12px;font-weight:900;transition:color .16s,background .16s,border-color .16s}.tool-actions a:hover{color:#111512;border-color:var(--frost);background:var(--frost)}.experiment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.experiment{background:#f7f7f5;border:1px solid #00000014;padding:12px}.experiment-tag{z-index:2;color:#111;background:#ffffffb8;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:900;position:absolute;top:18px;left:18px}.mini-scene{aspect-ratio:16/9;background:linear-gradient(160deg,#0000 0 46%,#0000006b 47%),radial-gradient(circle at 68% 35%,#d4b997,#0000 18%),linear-gradient(135deg,#202c2a,#71835e 48%,#c18a46);border-radius:7px;margin-bottom:14px;position:relative;overflow:hidden}.mini-wind{filter:hue-rotate(74deg)}.mini-twilight{filter:hue-rotate(156deg)}.mini-signal{filter:hue-rotate(232deg)}.experiment h3{color:#171a16;font-size:24px}.tool-marquee{z-index:3;width:100%;margin:-58px 0 10px;padding:16px 0;position:relative;overflow:hidden;transform:rotate(-.7deg)}.tool-rail{background:var(--bronze);border-block:1px solid #e6e1d72e;width:100%;overflow:hidden;box-shadow:0 14px 32px #00000057}.tool-track{will-change:transform;width:max-content;animation:26s linear infinite marquee;display:flex}.tool-rail:hover .tool-track{animation-play-state:paused}.tool-group{flex:none;align-items:center;gap:10px;padding:10px;display:flex}.tool-pill{min-width:max-content;color:var(--paper);background:#e6e1d70b;border:1px solid #e4ded029;border-radius:8px;flex:none;align-items:center;gap:10px;padding:8px 12px 8px 8px;font-weight:900;transition:transform .16s,color .16s,background .16s;display:inline-flex}.tool-pill:hover{color:#10130f;background:var(--paper);transform:translateY(-2px)}.tool-logo{color:#111;background:var(--frost);border-radius:7px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.about{background:#10130f;grid-template-columns:minmax(280px,.8fr) minmax(0,1fr);align-items:center;gap:clamp(30px,8vw,96px);min-height:78vh;display:grid}.about-visual{border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,#b8d8d333,#0000 32%),linear-gradient(135deg,#ffffff14,#ffffff05),#171b16;border-radius:8px;min-height:520px;position:relative;overflow:hidden}.about-copy h2{max-width:840px;color:var(--bronze);margin-bottom:22px}.about-copy p{color:#ffffffb8;max-width:660px}.skill-list{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.skill-list span{color:#111512;background:linear-gradient(135deg, var(--paper), #d6b271);padding:10px 12px}.model-caption{z-index:4;color:#ffffff94;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.contact{z-index:1;min-height:var(--footer-height);padding:70px var(--page-pad) 22px;color:#121216;background:linear-gradient(135deg, #b8d8d33d, transparent 36%), var(--bronze);grid-template-rows:auto 1fr auto;gap:28px;display:grid;position:fixed;inset:auto 0 0}.footer-top,.footer-main,.footer-bottom{justify-content:space-between;gap:24px;display:flex}.footer-top{border-top:1px solid #12121638;align-items:center;padding-top:18px}.footer-toplink{text-transform:uppercase;gap:8px;font-weight:900}.footer-main{align-items:end}.footer-cta{min-width:0}.footer-cta p{max-width:540px;margin:0 0 18px;font-weight:900}.footer-email{font-family:var(--display);overflow-wrap:anywhere;font-size:clamp(38px,8.4vw,116px);font-weight:800;line-height:.92;transition:color .16s}.footer-email:hover{color:var(--paper)}.footer-links{gap:8px;min-width:min(100%,280px);display:grid}.footer-links a{text-transform:uppercase;border-bottom:1px solid #12121638;justify-content:space-between;gap:18px;padding:12px 0;font-size:13px;font-weight:900}.footer-links a:hover{color:var(--paper)}.footer-bottom{color:#121216a8;align-items:center}@keyframes marquee{to{transform:translate(-50%)}}@keyframes surfaceSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes scan{0%,to{opacity:.2;transform:translateY(-70px)}50%{opacity:1;transform:translateY(84px)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=960px){.topbar nav{display:none}.hero-grid,.section-head,.project-feature,.about{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.project-feature,.project-feature .project-visual,.project-feature .project-media{min-height:0}.project-feature .project-visual,.project-feature .project-media{aspect-ratio:16/10}.capability-strip{grid-template-columns:1fr}.tools-grid,.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-visual{min-height:430px}.project-modal-panel{grid-template-columns:1fr;overflow:auto}.project-modal-media{min-height:320px}}@media (width<=620px){.site-content{border-radius:0 0 20px 20px}.hero,.hero-content{min-height:88svh}.hero-content{padding-bottom:34px}.hero h1{font-size:clamp(54px,20vw,92px)}.icon-link{flex:150px;justify-content:center}.project-grid,.tools-grid,.experiment-grid{grid-template-columns:1fr}.project-card .project-visual,.project-card .project-media{aspect-ratio:1}.project-copy{padding:22px}.footer-main,.footer-top,.footer-bottom{display:grid}.footer-main{align-items:start}}