@font-face{font-family:Roboto;src:url(./RobotoSlab-Regular-ca3baf9f.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Monaspace;src:url(./JetBrainsMono-Regular-a0bf60ef.ttf) format("opentype");font-weight:400;font-style:normal}:root{--bg: #ffffff;--fg: #00af35;--font: "Courier New", Courier, monospace}html,body{height:100%;margin:0;background:#ffffff}#bg{display:block;width:100%;height:100%}body{background:var(--bg)}.canvas-container h1{color:var(--fg);font-family:var(--font);font-size:3rem;margin:0;text-align:center}#three-container{width:100%;height:100%}.footer{position:fixed;right:0;bottom:0;left:0;padding:10px;font:12px Roboto,sans-serif;text-align:right;background:#343436;color:#fff}.footer-anchor{color:#000;background:#fcd000;border-radius:4px;padding:2px 4px;text-decoration:none;margin-left:5px}html,body{margin:0;padding:0;width:100%}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Bebas Neue,cursive}.time{position:absolute;top:15%;left:0;width:100%;color:#fff;font-size:6vh;background:#00000033;padding-top:5px;text-align:center}.restart{display:flex;justify-content:center;position:absolute;top:40%;left:0;width:100%;color:#fff;font-size:80px;background:#00000033;padding-top:10px;pointer-events:auto;cursor:pointer}.controls{position:absolute;bottom:10%;left:0;width:100%}.controls .raw{display:flex;justify-content:center}.controls .key{width:40px;height:40px;margin:4px;border:2px solid #ffffff;background:#ffffff44}.controls .key.large{width:144px}.controls .key.active{background:#ffffff99}.portfolio{min-height:100vh;background:#000000;color:#e8e8e8;font-family:Open Sans,sans-serif}.port-nav{position:sticky;top:0;z-index:100;display:flex;justify-content:flex-end;align-items:center;padding:16px 48px;background:#000000cc;backdrop-filter:blur(8px);border-bottom:1px solid #2e2e2e}.port-nav-name{font-size:1rem;font-weight:600;color:#14c47e;letter-spacing:.05em}.btn-3d{background:transparent;border:1px solid #14C47E;color:#14c47e;padding:8px 16px;border-radius:6px;font-family:Open Sans,sans-serif;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s}.btn-3d:hover{background:#14C47E;color:#000}.port-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:52px 48px 36px;max-width:1200px;margin:0 auto}.port-hero-left{display:flex;flex-direction:column;gap:8px}.port-name{font-family:Open Sans,sans-serif!important;font-size:2.8rem!important;font-weight:700!important;color:#fff!important;margin:0!important;letter-spacing:-.02em!important;text-align:left!important}.port-subtitle{font-size:1rem;color:#a0a0a0;margin:0}.port-links{display:flex;gap:12px;margin-top:8px}.social-icon{width:32px;height:32px;border-radius:6px;transition:opacity .2s}.social-icon:hover{opacity:.75}.port-pfp{width:110px;height:110px;border-radius:10px;object-fit:cover;object-position:center top;border:2px solid #2e2e2e}.port-section{max-width:1200px;margin:0 auto;padding:40px 48px}.section-title{font-family:Open Sans,sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 8px}.section-accent{width:48px;height:3px;background:#14C47E;border-radius:2px;margin-bottom:28px}.port-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}.port-col{display:flex;flex-direction:column}.exp-card{background:#111111;border:1px solid #2e2e2e;border-radius:10px;padding:18px 20px;margin-bottom:16px;transition:border-color .2s}.exp-card:hover{border-color:#3e3e3e}.exp-card-header{display:flex;gap:14px;align-items:flex-start}.exp-logo{width:42px;height:42px;border-radius:8px;object-fit:contain;background:#2e2e2e;flex-shrink:0;padding:2px}.exp-logo-avatar{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.03em}.exp-card-title{display:flex;flex-direction:column;gap:2px}.exp-role{font-size:.9rem;font-weight:600;line-height:1.3;background:linear-gradient(90deg,#f0d0d8,#f0e0d0,#f0eed0,#d8f0e0,#d0e4f0,#dcd0f0,#f0d0ec,#f0d0d8);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pastel-shift 20s ease infinite}@keyframes pastel-shift{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}.exp-company{font-size:.82rem;font-weight:600;background:linear-gradient(90deg,#f0d0d8,#f0e0d0,#f0eed0,#d8f0e0,#d0e4f0,#dcd0f0,#f0d0ec,#f0d0d8);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pastel-shift 20s ease infinite}.exp-period{font-size:.75rem;color:#888;margin-top:2px}.exp-location{font-size:.75rem;color:#666}.exp-bullets{margin:12px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.exp-bullets li{font-size:.82rem;color:#b0b0b0;line-height:1.5}.exp-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.skill-tag{background:#1a1a1a;color:#a0a0a0;font-size:.72rem;padding:3px 10px;border-radius:20px;border:1px solid #3a3a3a}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.proj-card{background:#111111;border:1px solid #2e2e2e;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .15s;display:flex;flex-direction:row;align-items:flex-start;gap:0}.proj-card:hover{border-color:#14c47e;transform:translateY(-2px)}.proj-icon-wrap{flex-shrink:0;width:90px;height:90px;background:#1a1a1a;border-right:1px solid #2e2e2e;display:flex;align-items:center;justify-content:center;overflow:hidden}.proj-icon{width:100%;height:100%;object-fit:cover}.proj-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.proj-title{font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:600;margin:0;background:linear-gradient(90deg,#f0d0d8,#f0e0d0,#f0eed0,#d8f0e0,#d0e4f0,#dcd0f0,#f0d0ec,#f0d0d8);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pastel-shift 20s ease infinite}.proj-desc{font-size:.78rem;color:#888;margin:0;line-height:1.5}.port-footer{text-align:center;padding:32px;font-size:.75rem;color:#555;border-top:1px solid #2e2e2e}@media (max-width: 900px){.port-nav{padding:14px 24px}.port-hero{padding:36px 24px 24px}.port-section{padding:32px 24px}.port-columns{grid-template-columns:1fr;gap:0}.proj-grid{grid-template-columns:1fr}.port-name{font-size:2rem!important}}