@import url(https://rsms.me/inter/inter.css);*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0;width:100%}body{background:#e0e0e0;font-family:Inter,sans-serif}.loading{font-size:.9rem;left:50%;letter-spacing:.1em;opacity:.5;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}a{color:inherit;cursor:pointer;margin-left:14px;pointer-events:all;text-decoration:none}a,a:visited{color:#000}.nav{position:absolute;right:50px;top:50px}.nav a.active{text-decoration:underline;text-underline-offset:4px}.stat{left:50px;position:absolute;top:50px}.cause-info{animation:fadeIn 1.5s ease-in-out;bottom:50px;max-width:280px;position:absolute;right:50px;text-align:right}.cause-info a{font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-left:0;text-transform:uppercase}.cause-info a:hover{text-decoration:underline}.cause-info p{font-size:.75rem;line-height:1.5;margin:8px 0 0;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-overlay{animation:fadeIn 2s ease-in-out;bottom:50px;max-width:340px;position:absolute;right:50px;text-align:right}.about-overlay h2{font-size:1.1rem;font-weight:600;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.about-overlay p{font-size:.7rem;line-height:1.6;margin:0 0 10px;opacity:.85}.about-overlay .tagline{font-size:.8rem;font-weight:500;opacity:1}.about-overlay .current-role{font-size:.75rem;opacity:.9}.about-overlay .current-role a{font-weight:600;margin-left:0}.about-overlay .current-role a:hover{text-decoration:underline}.about-overlay .awards,.about-overlay .education,.about-overlay .experience{font-size:.65rem;opacity:.7}.about-overlay .social-links{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}.about-overlay .social-links a{font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-left:0;text-transform:uppercase}.about-overlay .social-links a:hover{text-decoration:underline}.demos-page{background:linear-gradient(135deg,#ffffffb3,#e0e0e0eb),#e0e0e0;color:#080808;inset:0;min-height:100%;overflow:auto;padding:42px;position:fixed;z-index:10}.demos-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin:0 0 24px}.demo-card-header p,.demos-kicker{font-size:.68rem;font-weight:700;letter-spacing:.14em;margin:0 0 6px;opacity:.55;text-transform:uppercase}.demos-header h1{font-size:clamp(2.2rem,7vw,6.8rem);letter-spacing:0;line-height:.86;margin:0;text-transform:uppercase}.demo-card-header a,.demos-home{border-bottom:1px solid;font-size:.76rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.demos-note{border-left:3px solid #2f6f8f;margin:0 0 28px;max-width:840px;padding:0 0 0 16px}.demo-note,.demos-note p{font-size:.82rem;line-height:1.55;margin:0;opacity:.72}.demos-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:42px}.demo-card{background:#f5f5f2d1;border:1px solid #00000029;border-radius:8px;box-shadow:0 18px 50px #00000014;min-width:0;overflow:hidden}.demo-card-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;padding:16px 16px 12px}.demo-card-header h2{font-size:1.1rem;letter-spacing:0;line-height:1.1;margin:0}.demo-card iframe{background:#111;border:0;display:block;height:clamp(300px,38vw,540px);width:100%}.demo-note{padding:12px 16px 16px}@media (max-width:768px){.nav{right:20px;top:20px}.nav a{font-size:.85rem;margin-left:10px}.about-overlay,.cause-info{bottom:20px;left:20px;max-width:none;right:20px}.about-overlay h2{font-size:1rem}.about-overlay p{font-size:.65rem}.about-overlay .tagline{font-size:.75rem}.about-overlay .social-links{gap:12px}.about-overlay .social-links a{font-size:.7rem}.demos-page{padding:24px 18px}.demos-header{align-items:flex-start;flex-direction:column;gap:16px}.demos-grid{grid-template-columns:1fr}.demo-card iframe{height:360px}}@media (max-width:480px){.nav{right:15px;top:15px}.nav a{font-size:.75rem;margin-left:8px}.about-overlay,.cause-info{bottom:15px;left:15px;right:15px}.demos-page{padding:18px 12px}.demo-card-header{flex-direction:column;gap:10px}.demo-card iframe{height:320px}}
/*# sourceMappingURL=main.f4344f29.css.map*/