:root{--font-heading: "Outfit", sans-serif;--font-body: "Source Serif 4", Georgia, serif;--font-navbar: "Outfit", sans-serif;--spacing-container: 1400px}[data-theme=clay]{--color-bg: #f5f2f0;--bg-rgb: 245, 242, 240;--color-text: #1a1a1a;--color-text-dim: #6e6e6e;--color-accent: #b35540;--color-accent-light: #d67a65;--color-border: #e6e2df;--particle-color: #b35540}[data-theme=dark]{--color-bg: #050505;--bg-rgb: 5, 5, 5;--color-text: #ffffff;--color-text-dim: #888888;--color-accent: #ffffff;--color-accent-light: #cccccc;--color-border: #222222;--particle-color: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.1;letter-spacing:-.02em}a{text-decoration:none;color:inherit;cursor:pointer}.section{padding:10rem 2rem;max-width:var(--spacing-container);margin:0 auto}.display-text{font-size:clamp(3rem,10vw,8rem);font-weight:600;line-height:1;letter-spacing:-.03em}.text-reveal{overflow:hidden;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.physics-settings-scrollable::-webkit-scrollbar{width:4px}.physics-settings-scrollable::-webkit-scrollbar-track{background:transparent}.physics-settings-scrollable::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.physics-settings-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:768px){.section{padding:6rem 1.5rem}.display-text{font-size:clamp(2.5rem,15vw,5rem)}section[style*="height: 100vh"]{padding:0 1.5rem!important}[style*=gridTemplateColumns],[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:2rem!important}.how-i-work-steps{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.how-i-work-steps>div{min-width:unset!important;flex:unset!important}input[type=text],input[type=email],select,textarea{width:100%!important}.physics-configurator,[class*=settings],[class*=configurator]{width:calc(100% - 2rem)!important;left:1rem!important;right:1rem!important;bottom:1rem!important;max-width:none!important}.physics-configurator-toggle{bottom:7rem!important;right:1rem!important}.theme-switcher{bottom:1rem!important;right:1rem!important}.fps-counter{font-size:.7rem!important;padding:.25rem .5rem!important;bottom:130px!important;right:1rem!important}.selected-work-container{position:relative!important;bottom:auto!important;right:auto!important;left:auto!important;max-width:100%!important;padding-right:0!important;padding-left:0!important;margin-top:2rem!important}.selected-work-label{display:none!important}.project-card{min-width:240px!important}.home-summary p{font-size:1.1rem!important;line-height:1.5!important}.home-summary h3{font-size:.95rem!important}.tech-marquee-large span{font-size:2rem!important}footer>div:last-child{gap:1.5rem!important;flex-direction:column!important;align-items:center!important}.about-email{font-size:1.3rem!important;word-break:break-all}.work-project-card{min-width:0!important;width:100%!important}.blog-post-card{padding:1.5rem!important}.journey-header{flex-direction:column!important;gap:.25rem!important}.collapsible-section>button{padding:1rem 1.25rem!important}.collapsible-section h2{font-size:1.2rem!important}}@media(min-width:769px)and (max-width:1024px){.section{padding:8rem 2rem}.how-i-work-steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important}.how-i-work-steps>div{min-width:unset!important;flex:unset!important}.display-text{font-size:clamp(3rem,8vw,6rem)}[style*="gridTemplateColumns: repeat"],[style*="grid-template-columns: repeat"]{grid-template-columns:repeat(2,1fr)!important}.physics-configurator,[class*=settings],[class*=configurator]{width:320px!important;right:1rem!important}}@media(min-width:1025px){.how-i-work-steps{gap:.5rem!important}}@media(min-width:1440px){.section{padding:12rem 2rem}.display-text{font-size:clamp(4rem,10vw,10rem)}}@media(hover:none)and (pointer:coarse){button,a,input[type=button]{min-height:44px;min-width:44px}button:hover,a:hover{transform:none!important}}
