:root{--page-max: 1700px;--page-pad: 24px}body{background:#0b0b12;color:#e7e7ff}.app{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;width:100%;max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:var(--page-pad);padding-right:var(--page-pad)}.website-content{padding-top:130px;padding-bottom:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;max-width:var(--page-max);margin:0 auto;padding-left:var(--page-pad);padding-right:var(--page-pad)}.grid-and-categories{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative;margin-bottom:200px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:20px;width:100%;z-index:10;position:relative;overflow:hidden;box-sizing:border-box;max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:var(--page-pad);padding-right:var(--page-pad)}.bento-card{width:auto;min-width:140px;height:auto;display:flex;flex-direction:column}.card-spotlight{overflow:hidden;border-radius:1px;position:relative;background-color:var(--card-bg, #111)}.bento-media{width:100%;height:100%;object-fit:cover;display:block}.jose-card,.andrew-card,.empty-card{flex:1 1 45%;max-width:500px;min-width:280px;height:300px;width:100%;position:relative;left:0;transition:transform .2s ease,box-shadow .2s ease}.jose-card .bento-media,.andrew-card .bento-media{transform:scale(1.05)}.jose-card:hover,.andrew-card:hover{transform:scale(1.05);box-shadow:0 0 10px #5227ff99}#profile-card{width:500px;height:800px}.icon-row{display:flex;gap:15px;margin-top:10px;justify-content:flex-start}.icon{width:60px;height:60px;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.square-icon{width:60px;height:60px;border-radius:12px}.icon:hover{transform:scale(1.1);box-shadow:0 0 10px #5227ff99}.socials{text-align:left}.socials-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-center;height:100%}.tech-stack-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.tech-stack-content h1{top:12px;left:16px}.tech-stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;justify-items:center;align-items:center}.tech-icon{width:38px;height:auto}.tech-icon:hover{transform:scale(1.1)}.pair-row{display:flex;flex-direction:row;gap:80px;width:100%;justify-content:center;align-items:center;flex-wrap:wrap;margin:24px 0}.website-projects,.flutter-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:auto;max-width:var(--page-max);margin:64px auto;padding-left:var(--page-pad);padding-right:var(--page-pad)}.flutter-projects{position:relative}.flutter-projects .pair-row,.website-projects .pair-row{max-width:auto;margin-left:auto;margin-right:auto;display:flex;gap:80px;flex-direction:row;justify-content:center}.travel-lines{display:none;position:relative;width:100%;height:clamp(80px,10vw,160px);overflow:hidden;pointer-events:none}.line-to-flutter-apps,.line-to-webproj,.line-to-react-apps{position:absolute;top:0;width:4px;background:#5227ff99;border-radius:2px;margin:0}.line-to-flutter-apps{left:-1000px;width:1600px;height:150px;border-radius:0 0 18px;border-right:4px solid rgba(82,39,255,.6);border-bottom:4px solid rgba(82,39,255,.6);background:none}.line-to-webproj{left:50%;height:150px;transform:translate(-50%)}.line-to-react-apps{right:-1000px;width:1600px;height:150px;border-radius:0 0 0 18px;border-left:4px solid rgba(82,39,255,.6);border-bottom:4px solid rgba(82,39,255,.6);background:none}.mobile-aspect{aspect-ratio:9 / 19.5;max-width:320px;min-width:280px;display:flex;align-items:center;justify-content:center;padding:10px}.mobile-aspect iframe{width:100%;height:100%;border:none;border-radius:16px}.mobile-aspect.taller{aspect-ratio:9 / 23}.phone-frame{position:relative;width:150%;height:100%}.phone-iframe{position:absolute;height:auto;transform-origin:center center;border:0;border-radius:16px}.moza-meta{height:100%!important}@media (max-width: 768px){.bento-grid{display:flex;flex-direction:column;align-items:center;height:auto;padding:24px}.bento-card{padding:0;width:70%;max-width:250px;height:auto}.app-frame{width:100%;max-width:400px;height:auto}.jose-card,.andrew-card,.empty-card{flex:1 1 100%;max-width:250px;height:auto}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:0;pointer-events:none}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Variable.woff2) format("woff2");font-weight:500 900;font-style:normal;font-display:swap}.arrow{position:relative;z-index:150;display:block;width:100%;height:auto;pointer-events:none}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:var(--card-bg, #111);padding:3rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05);display:flex;align-items:center;justify-content:center;text-align:center}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.card-spotlight{border:2px solid rgba(82,39,255,.6);box-shadow:0 0 15px #5227ff99}h1,p{font-family:Satoshi,sans-serif;font-weight:100}html,body,#root{height:100%;font-family:Satoshi,sans-serif}.category-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;padding:24px 0 0;position:relative;z-index:200}.pill-btn{appearance:none;border:2px solid rgba(82,39,255,.6);background:#111;color:#e7e7ff;padding:16px 20px;border-radius:1rem;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.pill-btn:hover{box-shadow:0 0 10px #5227ff59;transform:translateY(-1px)}.pill-btn:active{transform:translateY(0)}@media (max-width: 768px){.category-bar{padding:12px 0 0}.pill-btn{font-size:13px;padding:9px 12px}}.project-meta{flex:1 1 45%;max-width:500px;min-width:280px;height:auto;min-height:300px;padding:50px 30px;color:#e7e7ff;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left}.project-meta__title,.project-meta__subtitle,.project-meta__section-title{text-align:left}.project-meta__section{justify-items:flex-start;align-items:flex-start}.project-meta__tags{justify-content:flex-start}.project-meta__list{text-align:left;list-style-position:outside}.project-meta__footer{justify-content:flex-start}.project-meta__header{margin-bottom:2px}.project-meta__title{font-size:18px;margin:0}.project-meta__subtitle{margin:2px 0 0;opacity:.8;font-size:13px}.project-meta__section{display:grid;gap:6px}.project-meta__section-title{display:flex;justify-content:flex-start;align-items:flex-start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0}.project-meta__tags{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.project-meta__section-title .tools{align-items:center!important;justify-content:center!important}.tag{font-size:12px;padding:6px 0;border-radius:999px}.project-meta__list{margin:0;padding-left:18px;font-size:14px;line-height:1.35}.project-meta__footer{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:12px;width:100%}.link{font-size:14px;text-decoration:underline;opacity:.9}.button-link{display:inline-block;padding:6px 14px;font-size:14px;border-radius:6px;background:#5227ff;color:#fff;text-decoration:none;font-weight:500;transition:background .2s ease}.button-link:hover{background:#6b4dff}@media (max-width: 768px){.project-meta{width:100%;max-width:400px;height:auto}}.app-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#181824;border-radius:22px;box-shadow:0 0 8px #5227ff!important;border:2px solid #5227FF!important;padding:0;width:100vw;max-width:400px;height:800px;margin:0 auto;position:relative}.app-frame__iframe{width:100%;height:100%;border:none;border-radius:20px;background:#fff;display:block}@media (max-width: 500px){.app-frame{width:100vw;max-width:100vw;height:800px;min-width:0;min-height:0}}.mobile-blocker{position:fixed;z-index:9999;inset:0;width:100vw;height:100vh;background:#0b0b12fa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mobile-blocker__img{width:120px;height:120px;object-fit:contain;margin-bottom:32px;opacity:.85}.mobile-blocker__text h2{color:#fff;font-size:1.5rem;margin-bottom:8px}.mobile-blocker__text p{color:#e7e7ff;font-size:1.1rem;opacity:.85}