.text-small{font-size:.875rem}.text-medium{font-size:1rem}.text-large{font-size:1.125rem}.high-contrast{--tw-text-opacity:1;--tw-bg-opacity:1}.high-contrast .text-gray-600,.high-contrast .text-gray-700{color:rgb(0 0 0/var(--tw-text-opacity))!important}.high-contrast .dark .text-gray-400{color:rgb(255 255 255/var(--tw-text-opacity))!important}.high-contrast .border-gray-200{border-color:#0000004d!important}.high-contrast .dark .border-gray-700{border-color:#ffffff4d!important}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.focus-visible :focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #3b82f6}.focus-visible .dark :focus-visible{outline-color:#60a5fa}*{transition:background-color .3s,color .3s,border-color .3s}.reduce-motion *{transition:none!important}.high-contrast .recharts-cartesian-grid-horizontal line,.high-contrast .recharts-cartesian-grid-vertical line{stroke:currentColor;stroke-opacity:.3}.high-contrast .recharts-text{fill:currentColor!important}.widget-container{background:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;transition:box-shadow .3s,transform .2s;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.dark .widget-container{background:rgb(30 41 59/var(--tw-bg-opacity));box-shadow:0 1px 3px #0000004d,0 1px 2px -1px #0000004d}.widget-container:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dark .widget-container:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}.reduce-motion .widget-container:hover{transform:none}.react-grid-layout{position:relative}.react-grid-item{transition:left .2s,top .2s}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item>.react-resizable-handle{box-sizing:border-box;cursor:se-resize;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM0QTVBNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTUgNWgtNHYtNGg0eiIvPjwvZz48L3N2Zz4=) 100% 100% no-repeat content-box border-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute;bottom:0;right:0}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:#3b82f633;border-radius:.75rem;transition-duration:.1s}.dark .react-grid-item.react-grid-placeholder{background:#60a5fa33}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-fade-in-scale{animation:.3s ease-out fadeInScale}.animate-pulse-slow{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.reduce-motion .animate-fade-in-up,.reduce-motion .animate-fade-in-scale,.reduce-motion .animate-pulse-slow{animation:none}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-content{visibility:hidden;color:#fff;text-align:center;z-index:1000;opacity:0;background-color:#111827;border-radius:6px;width:max-content;max-width:200px;margin-left:-60px;padding:8px 12px;font-size:.875rem;line-height:1.25rem;transition:opacity .3s;position:absolute;bottom:125%;left:50%;box-shadow:0 4px 6px -1px #0000001a}.dark .tooltip .tooltip-content{color:#111827;background-color:#f8fafc}.tooltip .tooltip-content:after{content:"";border:5px solid #0000;border-top-color:#111827;margin-left:-5px;position:absolute;top:100%;left:50%}.dark .tooltip .tooltip-content:after{border-color:#f8fafc #0000 #0000}.tooltip:hover .tooltip-content{visibility:visible;opacity:1}.reduce-motion .tooltip .tooltip-content{transition:none}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.dark .loading-shimmer{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%) 0 0/200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.reduce-motion .loading-shimmer{background:#f0f0f0;animation:none}.reduce-motion .dark .loading-shimmer{background:#374151}
@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.3s;animation-timing-function:ease}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}body{color:#fff;background:#0f0f0f;margin:0;font-family:Inter,sans-serif}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:4rem 2rem;display:grid}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(4,1fr)}}.card{aspect-ratio:4/3;border-radius:1rem;position:relative;overflow:hidden}.card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:scale .3s}.card:hover img{scale:1.05}.card h3{background:linear-gradient(#0000,#000000b3);margin:0;padding:1rem;font-size:1rem;position:absolute;inset:auto 0 0}a{color:inherit;text-decoration:none}