:root{color-scheme:dark;--accent: #7b3fe4;--accent-light: #a78bfa;--background-1: #050308;--background-2: #0a0a15;--background-3: #0d0d1a;--text: #ffffff;--text-soft: #d1d5db;--text-muted: #9ca3af;--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .15);--shadow-purple: 0 0 24px rgba(123, 63, 228, .45);--radius: .5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,var(--background-1),var(--background-2),var(--background-3));color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,.fullscreen-content:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-open{overflow:hidden}.app{position:relative;min-height:100vh}.bg-canvas{position:fixed;inset:0;z-index:-1;width:100%;height:100%;opacity:.5}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;padding:.75rem 1.5rem;border-bottom:1px solid var(--glass-border);background:#08060ef0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 32px #0503088c}.nav-container{display:flex;width:min(1200px,100%);max-width:1200px;margin:0 0 0 auto;gap:1rem;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.nav-btn,.filter-btn{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);color:#e5e7eb;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap}.nav-btn{min-height:42px;padding:.625rem 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.95rem}.nav-btn:hover,.filter-btn:hover{border-color:var(--accent);background:var(--glass-strong)}.nav-btn.active,.filter-btn.active{border-color:#a78bfab3;background:var(--accent);color:#fff;box-shadow:var(--shadow-purple)}.home-btn{width:42px;padding:.5rem;font-size:1.1rem}.page{position:relative;padding:5.5rem 2rem 2rem;animation:fade-in .3s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.home-page{display:flex;justify-content:center}.home-content{display:grid;width:min(1120px,100%);grid-template-columns:minmax(180px,280px) minmax(0,1fr);column-gap:clamp(2rem,5vw,4rem);align-items:start}.home-media{grid-column:1;grid-row:1;display:grid;gap:1.25rem;justify-items:start}.home-text{display:grid;grid-column:2;gap:1.4rem}.home-copy{text-align:left}.home-title{margin:0 0 1rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1;text-shadow:0 0 20px rgba(123,63,228,.6)}.home-subtitle{margin:0 0 1.25rem;color:var(--text-muted);font-size:clamp(1.2rem,2.5vw,1.8rem)}.profile-image-container{width:min(260px,100%);aspect-ratio:1;margin:0;overflow:hidden;border:3px solid rgba(167,139,250,.3);border-radius:50%;background:#ffffff08;box-shadow:0 0 36px #7b3fe438}.profile-image{display:block;width:100%;height:100%;object-fit:cover}.profile-image-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#ffffff0d}.profile-placeholder-icon{color:var(--accent-light);font-size:5rem;font-weight:700;opacity:.55}.linkedin-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid rgba(167,139,250,.3);border-radius:var(--radius);background:#a78bfa26;color:var(--accent-light);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.linkedin-link:hover{border-color:var(--accent-light);background:#a78bfa40;transform:translateY(-2px)}.linkedin-icon{width:20px;height:20px}.description{max-width:58rem;margin:0 0 2rem;color:var(--text-muted);font-size:1.125rem;line-height:1.75}.crafter-page>.description,.games-page>.description{width:min(100%,90rem);max-width:none}.home-intro{max-width:18rem;color:var(--text-soft);font-size:1rem;line-height:1.75}.home-intro p{margin:0 0 .75rem}.about-section{max-width:54rem;margin-top:0}.about-section h2,.section-title{font-weight:800;text-shadow:0 0 20px rgba(123,63,228,.6)}.about-section h2{margin:1.75rem 0 1rem;font-size:1.65rem}.about-section h2:first-child{margin-top:0}.about-text{color:var(--text-soft);font-size:1.05rem;line-height:1.75;text-align:left}.about-text p{margin:0 0 1rem}.section-title{margin:0 0 1rem;font-size:clamp(2.25rem,6vw,3rem)}.filters{display:flex;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.filter-btn{min-height:40px;padding:.625rem 1.25rem}.simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card-button{display:block;width:100%;border:0;padding:0;appearance:none;background:transparent;text-align:left}.project-item,.crafter-dark-card{min-height:100%;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.crafter-dark-card{display:grid;grid-template-rows:auto 1fr;align-content:start}.project-item:hover,.crafter-dark-card:hover{border-color:var(--accent);box-shadow:0 12px 30px #0000003d;transform:translateY(-4px)}.project-card-image-container{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#ffffff0a}.project-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.project-item:hover .project-card-image{transform:scale(1.04)}.square-image-frame{display:grid;position:relative;width:100%;aspect-ratio:1 / 1;place-items:start center;box-sizing:border-box;overflow:hidden;padding:8px;background:#ffffff0a}.square-image-frame:after{position:absolute;inset:0;z-index:2;box-sizing:border-box;border:1px solid rgba(255,255,255,.25);content:"";pointer-events:none}.square-image-frame-image{display:block;position:relative;z-index:1;width:100%;max-width:100%;height:100%;max-height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;object-fit:contain;object-position:center top}.square-image-frame-placeholder{position:relative;z-index:1;display:flex;width:100%;height:100%;min-height:0;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;background:#ffffff0f;color:var(--accent-light)}.project-card-copy,.crafter-dark-card-content{display:grid;padding:1.5rem;gap:.75rem}.project-card-title,.crafter-dark-card-title{color:#fff;font-size:1.25rem;font-weight:700}.project-meta,.crafter-dark-card-meta{display:block;color:var(--accent-light);font-size:.9rem}.crafter-dark-card-meta-list{display:grid;gap:.25rem}.project-description-preview,.crafter-dark-card-description{display:-webkit-box;overflow:hidden;color:var(--text-soft);line-height:1.65;-webkit-line-clamp:5;-webkit-box-orient:vertical}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.photo-card{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.photo-card:hover{border-color:var(--accent);box-shadow:0 12px 30px #0000003d;transform:translateY(-4px)}.photo-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .photo-image{transform:scale(1.05)}.site-footer{position:relative;z-index:1;padding:1.5rem 2rem 2rem;color:#d1d5dbad;text-align:center}.site-footer p{margin:0;font-size:.9rem}.project-image-placeholder,.photo-placeholder,.fullscreen-image-placeholder{display:flex;width:100%;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;background:#ffffff0f;color:var(--accent-light)}.project-image-placeholder-icon,.photo-icon{font-size:2.5rem;font-weight:800;opacity:.75}.project-image-placeholder-text{color:var(--text-muted)}.game-content{max-width:1100px;margin:0 auto;padding:3rem;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-title{margin:0 0 .5rem;color:#fff;font-size:clamp(2rem,5vw,3rem);text-shadow:0 0 20px rgba(123,63,228,.6)}.game-subtitle{margin:0 0 2rem;color:var(--accent-light);font-size:1.25rem}.game-description,.project-description{color:var(--text-soft);line-height:1.8;white-space:pre-line}.lab-page-intro{max-width:none}.lab-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.lab-project-card{min-height:100%}.lab-project-card-button{display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;overflow:hidden;padding:0;border:1px solid var(--glass-border);border-radius:var(--radius);background:#ffffff13;color:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.lab-project-card-button:hover{border-color:var(--accent);box-shadow:0 14px 32px #00000047,0 0 24px #7b3fe433;transform:translateY(-4px)}.lab-project-card-media{display:grid;position:relative;width:100%;aspect-ratio:16 / 10;place-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 10%,rgba(167,139,250,.14),transparent 42%),#ffffff0a}.lab-project-card-image{display:block;width:100%;height:100%;padding:1rem;box-sizing:border-box;object-fit:var(--lab-media-fit, contain);object-position:var(--lab-media-position, center)}.lab-project-card-placeholder,.lab-project-placeholder,.lab-project-detail-placeholder{display:grid;width:100%;height:100%;min-height:180px;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 20%,rgba(167,139,250,.28),transparent 34%),linear-gradient(135deg,#7b3fe438,#050308db);color:var(--accent-light);font-size:clamp(1.4rem,4vw,2.5rem);font-weight:800;text-align:center;text-shadow:0 0 20px rgba(123,63,228,.5)}.lab-project-card-content{display:grid;grid-template-rows:auto auto auto 1fr auto;padding:1.35rem;gap:.75rem}.lab-project-card-type,.lab-project-detail-type{margin:0;color:var(--accent-light);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.lab-project-card-title{color:#fff;font-size:1.45rem;font-weight:800;line-height:1.15}.lab-project-card-status,.lab-project-detail-status{width:fit-content;padding:.3rem .65rem;border:1px solid rgba(167,139,250,.35);border-radius:999px;background:#a78bfa1f;color:#fff;font-size:.85rem}.lab-project-card-description,.lab-project-detail-subtitle,.lab-project-detail-body{color:var(--text-soft);line-height:1.65}.lab-project-card-action,.lab-project-link,.lab-project-nav-action{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:40px;margin-top:.35rem;padding:.6rem .9rem;border:1px solid rgba(167,139,250,.38);border-radius:var(--radius);background:#7b3fe447;color:#fff;font-weight:700;text-decoration:none}.lab-project-nav-action{background:#ffffff12;cursor:pointer}.lab-project-detail{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:center;padding:3rem;gap:clamp(1.5rem,4vw,3rem)}.lab-project-detail-copy{display:grid;gap:1.5rem}.lab-project-detail-header{display:grid;gap:.75rem}.lab-project-detail h2{margin:0;font-size:clamp(2rem,5vw,3.5rem);text-shadow:0 0 20px rgba(123,63,228,.6)}.lab-project-detail-subtitle{max-width:54rem;margin:0;font-size:1.15rem}.lab-project-detail-media{display:grid;min-height:min(56vh,520px);place-items:center;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius);background:radial-gradient(circle at 50% 18%,rgba(167,139,250,.18),transparent 38%),#ffffff0a}.lab-project-detail-image{display:block;width:100%;height:100%;max-height:min(56vh,520px);padding:1rem;object-fit:var(--lab-detail-media-fit, contain);object-position:var(--lab-detail-media-position, center);background:#0000003d}.lab-project-detail-body{display:grid;max-width:58rem;gap:1.25rem}.lab-project-detail-body p{margin:0}.lab-project-detail-actions{display:flex;margin:0;padding:0;gap:.75rem;flex-wrap:wrap}.project-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:2rem 0;gap:2rem}.project-image-container{overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius);background:#ffffff0a}.crafter-page .project-image-container{aspect-ratio:1 / 1}.project-image,.poc-image{display:block;width:100%;height:auto}.crafter-page .project-image,.crafter-page .poc-image{height:100%;object-fit:contain;object-position:center}.crafter-page .project-image-container .project-image-placeholder{height:100%;min-height:0}.poc-image-container{max-width:900px;margin:2rem auto}.poc-links{display:flex;margin:1.5rem 0;gap:.75rem;flex-wrap:wrap}.poc-url{display:inline-flex;align-items:center;min-height:40px;padding:.625rem 1rem;border:1px solid rgba(167,139,250,.35);border-radius:var(--radius);background:#a78bfa24;color:var(--accent-light);text-decoration:none}.poc-url:hover{border-color:var(--accent-light);background:#a78bfa3d}.fullscreen-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-start;justify-content:center;padding:calc(60px + 1.5rem) 2rem 2rem;background:#050308f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fullscreen-frame{position:relative;width:min(1200px,100%);max-height:calc(100vh - 60px - 3rem)}.fullscreen-frame-lab{width:min(1180px,calc(100% - 4rem))}.fullscreen-frame-photo{width:min(1200px,calc(100% - 6rem))}.fullscreen-content{position:relative;width:100%;max-height:inherit;overflow:auto;border:1px solid rgba(167,139,250,.25);border-radius:var(--radius);background:#0a0a15db;box-shadow:0 0 50px #7b3fe440}.fullscreen-content-photo{max-height:calc(100vh - 60px - 3.5rem);overflow:hidden}.fullscreen-close,.fullscreen-nav{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;line-height:1}.fullscreen-close{position:absolute;top:1rem;right:1rem;z-index:3}.fullscreen-content-lab .fullscreen-close,.fullscreen-frame-lab .fullscreen-close{top:-1rem;right:-1rem}.fullscreen-frame-photo .fullscreen-close{top:0;right:-3rem}.fullscreen-close-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.6}.fullscreen-nav{position:fixed;z-index:5100;top:50%;transform:translateY(-50%)}.fullscreen-nav-icon{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.fullscreen-nav.prev{left:1.25rem}.fullscreen-nav.next{right:1.25rem}.fullscreen-close:hover,.fullscreen-nav:hover{border-color:var(--accent-light);background:#7b3fe4a6}.fullscreen-image{display:block;width:100%;max-height:calc(100vh - 60px - 9rem);object-fit:contain;background:#0000004d}.fullscreen-meta,.fullscreen-description{margin:.5rem 0 0;color:var(--text-muted);line-height:1.6}.fullscreen-description{color:var(--text-soft)}.fullscreen-project{padding:3rem}.fullscreen-project h2{margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);text-shadow:0 0 20px rgba(123,63,228,.6)}.project-size{margin:0;color:var(--accent-light)}.project-metadata{display:grid;max-width:36rem;margin:0 0 1rem;gap:.4rem;color:var(--text-soft)}.project-metadata-row{display:grid;grid-template-columns:minmax(9rem,max-content) minmax(0,1fr);gap:.75rem}.project-metadata dt{color:var(--accent-light);font-weight:700}.project-metadata dd{margin:0}.project-tags{display:flex;margin-top:1.25rem;gap:.5rem;flex-wrap:wrap}.project-tag{display:inline-flex;width:fit-content;align-items:center;min-height:32px;padding:.35rem .7rem;border:1px solid rgba(167,139,250,.32);border-radius:999px;background:#a78bfa1a;color:var(--accent-light);font-size:.85rem;font-weight:700}@media(max-width:768px){.nav{height:auto;padding:.75rem 1rem}.nav-container{overflow-x:auto;padding-bottom:.5rem;gap:.5rem;scrollbar-width:thin}.nav-container::-webkit-scrollbar{height:4px}.nav-container::-webkit-scrollbar-thumb{border-radius:2px;background:#a78bfa4d}.nav-btn{min-width:fit-content;padding:.5rem .75rem;font-size:.85rem}.home-btn{min-width:38px}.page{padding:5.5rem 1rem 1.5rem}.home-content{grid-template-columns:1fr;gap:1.5rem}.home-text{display:contents}.home-media{grid-column:auto;grid-row:auto;display:grid;order:2;justify-content:center;justify-items:center}.profile-image-container{width:min(180px,62vw)}.home-copy{grid-column:auto;order:1;text-align:center}.home-intro{max-width:34rem;text-align:left}.about-section{grid-column:auto;order:3}.about-section,.about-text{text-align:left}.filters{overflow-x:auto;padding-bottom:.35rem;flex-wrap:nowrap}.simple-grid,.photo-grid,.lab-project-grid,.project-images{grid-template-columns:1fr}.game-content,.fullscreen-project,.lab-project-detail{padding:1.5rem}.lab-page-intro{max-width:100%}.lab-project-detail{grid-template-columns:1fr}.lab-project-detail-media{min-height:260px}.fullscreen-overlay{padding:calc(60px + 1rem) 1rem 1rem}.fullscreen-content,.fullscreen-frame{max-height:calc(100vh - 60px - 2rem)}.fullscreen-close{top:.75rem;right:.75rem}.fullscreen-frame-lab .fullscreen-close{top:-.5rem;right:-.5rem}.fullscreen-frame-photo{width:min(100%,calc(100vw - 6rem))}.fullscreen-frame-photo .fullscreen-close{top:0;right:-3rem}.fullscreen-nav.prev{left:.75rem}.fullscreen-nav.next{right:.75rem}.fullscreen-nav{width:40px;height:40px}.fullscreen-nav-icon{width:24px;height:24px}.project-metadata-row{grid-template-columns:1fr;gap:.15rem}}@media(min-width:769px)and (max-width:1180px){.lab-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}