*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body,html{background-color:#fff}body{font-family:JetBrains Mono,Monaco,Consolas,Courier New,monospace;line-height:1.6;color:#333}.site-nav{position:fixed;top:20px;left:20px;z-index:10}.nav-link{color:#0066cc;text-decoration:none;font-size:.85rem;font-weight:400;transition:color .2s ease}.nav-link.active,.nav-link:hover{color:#004499;text-decoration:underline}.container{max-width:595px;margin:0 auto;padding:80px 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}h1{font-size:2rem;font-weight:700;margin-bottom:8px}h1,h2{color:#222}h2{font-size:.95rem;line-height:1.4;margin-bottom:6px}.subtitle{font-size:1rem;color:#666;margin-bottom:24px}.links-top{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px}.content a,.links-top a{color:#0066cc;text-decoration:none;transition:color .2s ease}.links-top a{font-size:1rem;font-weight:400}.content a:hover,.links-top a:hover{color:#004499;text-decoration:underline}.content p{font-size:.9rem;line-height:1.6;color:#444;margin-bottom:20px}.content>.animated-item:last-child p,.content>p:last-child{margin-bottom:0}.content p.tiny-text{font-size:.6rem!important;color:#888!important;line-height:1.4}.companies-label{color:#000!important;font-weight:700!important}.experiment-sections{display:flex;flex-direction:column;gap:42px}.experiment-section>.animated-item h2{margin-bottom:18px;font-size:1.1rem}.experiments-list{display:flex;flex-direction:column;gap:24px}.experiment-item h3{margin:0 0 8px;font-size:.95rem}.experiment-item p{margin-bottom:0}.experiment-stage{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:24px 0}.placeholder-panel p:first-child{color:#222;font-size:.95rem;font-weight:600;margin-bottom:8px}.back-link{margin-top:20px}.three-stage{width:100%;height:min(58vh,520px);min-height:360px;overflow:hidden;border:1px solid #e5e5e5;background:#f7f7f5}.dark-stage{border-color:#25293a;background:#141622}.webgl-html{pointer-events:auto}.webgl-html-panel{width:178px;padding:14px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 40px rgba(0,0,0,.12);color:#222}.webgl-html-panel p{margin:0;font-size:.62rem;line-height:1.35}.webgl-html-panel p:first-child{margin-bottom:8px;font-size:.72rem;font-weight:600}.occlusion-stage{background:#202025}.laptop-content{width:334px;height:216px;overflow-y:auto;padding:0;background:#f0f0f0;border-radius:3px}.laptop-wrapper{width:668px;min-height:720px;padding:10px;transform:scale(.5);transform-origin:top left;pointer-events:auto}.laptop-page{min-height:720px;color:#111827;background:#f9fafb;font-family:Inter,Arial,sans-serif}.laptop-page a{color:inherit;text-decoration:none}.laptop-page-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:#fff;box-shadow:0 1px 8px rgba(17,24,39,.1)}.laptop-logo{font-size:18px;font-weight:700;color:#4f46e5}.laptop-page-nav button{padding:9px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font:inherit}.laptop-hero{padding:64px 40px 72px;text-align:center}.laptop-hero h2{margin:0;font-size:48px;line-height:1.05;letter-spacing:0}.laptop-hero h2 span{display:block;color:#4f46e5}.laptop-hero p{max-width:480px;margin:20px auto 0;color:#6b7280;font-size:20px;line-height:1.5}.laptop-actions{display:flex;justify-content:center;gap:16px;margin-top:32px}.laptop-actions a{padding:13px 22px;border-radius:6px;background:#4f46e5;color:#fff;font-size:16px;font-weight:600;box-shadow:0 8px 18px rgba(79,70,229,.2)}.laptop-actions a+a{background:#fff;color:#4f46e5}.laptop-image{height:220px;background:linear-gradient(rgba(79,70,229,.22),rgba(79,70,229,.22)),url(https://images.unsplash.com/photo-1520333789090-1afc82db536a?auto=format&fit=crop&w=1200&q=80) 50% /cover}.laptop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;padding:40px;background:#fff}.laptop-grid article{padding:18px;border:1px solid #e5e7eb;border-radius:8px}.laptop-grid h3,.laptop-posts h3{margin:0 0 8px;font-size:18px}.laptop-grid p{margin:0;color:#6b7280;font-size:15px;line-height:1.45}.laptop-posts{display:grid;grid-gap:12px;gap:12px;padding:40px}.laptop-posts a{font-size:16px;font-weight:600}.experiment-fullscreen{position:relative;width:100vw;min-height:100vh;overflow:hidden;background:#fff}.experiment-overlay{position:fixed;top:20px;left:20px;z-index:20;display:flex;flex-direction:column;gap:8px;max-width:min(320px,calc(100vw - 40px));padding:12px 14px;background:rgba(255,255,255,.9);border:1px solid rgba(20,20,20,.12);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:#222}.experiment-overlay h1{margin:0;font-size:.95rem;font-weight:700;line-height:1.2;color:#1f1f1f}.experiment-overlay p{margin:0;max-width:280px;color:rgba(42,42,42,.58);font-size:.72rem;line-height:1.35}.experiment-overlay a{width:-moz-fit-content;width:fit-content;color:#005cbd;font-size:.85rem;font-weight:600;text-decoration:none}.experiment-overlay a:hover{color:#004499;text-decoration:underline}.experiment-overlay-dark{color:#222}.experiment-overlay-dark a{color:#005cbd}.experiment-overlay-dark a:hover{color:#003f86}.experiment-credit{position:fixed;right:18px;bottom:16px;z-index:25;margin:0;max-width:min(320px,calc(100vw - 36px));font-size:.68rem;line-height:1.35;text-align:right;pointer-events:none}.experiment-credit-light{color:rgba(24,24,24,.48)}.experiment-credit-dark{color:rgba(244,241,234,.58)}.experiment-loading{position:absolute;inset:0;z-index:12;display:grid;place-items:center;pointer-events:none}.experiment-loading span{width:34px;height:34px;border:3px solid rgba(24,24,24,.14);border-top-color:rgba(24,24,24,.62);border-radius:50%;animation:experiment-spin .8s linear infinite}@keyframes experiment-spin{to{transform:rotate(1turn)}}.experiment-canvas{width:100vw;height:100vh;overflow:hidden;background:#f7f7f5}.cell-fracture-stage,.environment-stage{background:#f0f0f0}.image-gallery-stage{background:#191920;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.thunder-clouds-stage{background:#fff}.dynamic-dark-stage{background:#05060a}.dynamic-light-stage{background:#f0f0f0}.vanilla-three-frame{width:100%;height:100%;border:0;display:block;background:#000}.enter-portals-ui{position:fixed;inset:0;z-index:20;pointer-events:none;color:#000;font-size:13px}.enter-portals-ui button,.enter-portals-ui span{position:absolute;pointer-events:auto;color:inherit;font:inherit}.enter-portals-ui button{top:40px;left:40px;border:0;background:transparent;padding:0;cursor:pointer}.enter-portals-ui span{right:40px;bottom:40px}.annotation-button,.experiment-start-button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.88);color:#111;font:inherit;cursor:pointer}.experiment-start-button{position:fixed;left:50%;top:50%;z-index:30;transform:translate(-50%,-50%);padding:14px 18px}.annotation-button{padding:8px 10px}.experiment-slider,.webgpu-note{position:fixed;right:20px;bottom:20px;z-index:30;color:#f4f1ea;font-size:.82rem}.experiment-slider{display:flex;align-items:center;gap:10px}.webgpu-note{max-width:260px;color:rgba(244,241,234,.78);line-height:1.4}@media (max-width:700px){.site-nav{top:16px;left:20px}.container{padding:72px 20px 60px}h1{font-size:1.7rem}.content p{font-size:1rem}.links-top{gap:16px}}@media (max-width:400px){h1{font-size:1.5rem}.links-top{flex-direction:column;gap:12px}}