:root{--bg-dark: #0c0b0b;--bg-card: #141313;--bg-card-hover: #1c1b1b;--accent-primary: #FF8C00;--accent-glow: rgba(255, 140, 0, .4);--text-main: #f0f0f0;--text-muted: #a0a0a0;--text-dim: #666666;--border-subtle: rgba(255, 255, 255, .08);--font-sans: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--container-width: 1200px}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.gradient-blob{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ff8c0014,#0000 70%);border-radius:50%;pointer-events:none;z-index:0}.blob-top-right{top:-200px;right:-200px}.blob-bottom-left{bottom:-200px;left:-200px}.text-display{font-family:var(--font-sans);font-weight:800;font-size:clamp(2.5rem,8vw,6rem);line-height:1.1;letter-spacing:-.02em}.text-h2{font-family:var(--font-sans);font-weight:700;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin-bottom:1rem}.text-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;color:var(--accent-primary);font-weight:600;margin-bottom:1rem;display:block}.section-wrapper{padding:4rem 2rem;position:relative;z-index:1;overflow:hidden}.container{max-width:var(--container-width);margin:0 auto}.gradient-blob{display:none}.nav-wrapper{position:fixed;top:2rem;left:0;width:100%;display:flex;justify-content:center;z-index:1000;padding:0 1rem}.nav-island{background:#28282866;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.12);padding:.75rem 2rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:2rem;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff26}.nav-logo{font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.nav-links{display:flex;gap:2rem}.nav-link{font-size:.9rem;color:var(--text-muted);font-weight:500;position:relative;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--accent-primary);border-radius:2px}.contact-btn{background:var(--text-main);color:var(--bg-dark);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.mobile-nav-toggle{display:none}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:1rem 4rem;align-items:center}.hero-content{position:relative;z-index:2}.hero-image-wrapper{position:relative;display:flex;justify-content:center;grid-column:2;grid-row:1 / span 2}.hero-img-frame{width:100%;max-width:450px;aspect-ratio:.85;border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--border-subtle);filter:grayscale(20%);transition:filter .5s ease}.hero-img-frame:hover{filter:grayscale(0%)}.hero-img-frame img{width:100%;height:100%;object-fit:cover}.hero-roles{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.role-pill{padding:.5rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-muted);background:#ffffff08}.social-dock{margin-top:1rem;display:flex;gap:1.5rem;grid-column:1;grid-row:2}.social-icon{font-size:1.5rem;color:var(--text-muted);transition:transform .2s,color .2s}.social-icon:hover{color:var(--accent-primary);transform:translateY(-3px)}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2rem;transition:transform .3s ease,background .3s ease;position:relative;overflow:hidden}.bento-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);border-color:#ffffff26}.bento-card.large{grid-column:span 2}.skills-grid{display:flex;flex-direction:column;margin-top:2rem}.skills-row{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:1.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .35s ease;border-radius:6px}.skills-row:first-child{border-top:1px solid rgba(255,255,255,.05)}.skills-row:hover{background:#ffffff04}.skills-row-label{display:flex;align-items:center;gap:1rem;flex-shrink:0;min-width:240px}.skills-row-index{font-family:Outfit,monospace;font-size:.7rem;font-weight:500;color:var(--accent-primary);opacity:.55;letter-spacing:.08em;width:1.5rem}.skills-row-name{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:#f0f0f0e0;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.skills-row-items{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.skills-chip{--chip-tint: 255, 255, 255;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:#c8c8d2e6;padding:.4rem .85rem .4rem .4rem;background:#ffffff09;border:1px solid rgba(255,255,255,.055);border-radius:var(--radius-full);transition:all .3s ease;white-space:nowrap;cursor:default;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skills-chip:hover{color:#f0f0f0;background:rgba(var(--chip-tint),.07);border-color:rgba(var(--chip-tint),.18);transform:translateY(-1px)}.skills-chip-icon-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;flex-shrink:0;transition:all .3s ease}.skills-chip:hover .skills-chip-icon-wrap{transform:scale(1.08)}.skills-chip-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.project-carousel{position:relative}.carousel-viewport{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);min-height:420px}.project-slide{display:grid;grid-template-columns:1fr 1fr;min-height:420px;top:0;left:0;width:100%}.project-slide .project-image{position:relative;overflow:hidden;border-radius:0;border:none;aspect-ratio:auto}.project-slide .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-slide .project-image:hover img{transform:scale(1.05)}.project-slide .project-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.project-year-tag{display:inline-block;color:var(--accent-primary);font-family:var(--font-sans);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;padding:.25rem .75rem;background:#ff8c001a;border-radius:var(--radius-full);width:fit-content}.project-slide .project-content h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.project-slide .project-content p{color:var(--text-muted);margin-bottom:2rem;line-height:1.7;font-size:.95rem}.carousel-arrow{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;padding:.25rem}.carousel-arrow:hover{color:var(--accent-primary);transform:scale(1.2);border-color:transparent;box-shadow:none}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.5rem}.carousel-counter{font-family:var(--font-sans);font-size:.85rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;min-width:50px}.carousel-dots{display:flex;gap:.5rem;align-items:center}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#ffffff4d;border-color:transparent;box-shadow:none}.carousel-dot.active{background:var(--accent-primary);width:28px;border-radius:5px;box-shadow:0 0 10px var(--accent-glow)}.carousel-progress{width:80px;height:3px;background:#ffffff14;border-radius:3px;overflow:hidden}.carousel-progress-bar{height:100%;background:var(--accent-primary);border-radius:3px;transform-origin:left}.btn-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--accent-primary);border-bottom:1px solid transparent;padding-bottom:2px}.btn-arrow:hover{border-bottom-color:var(--accent-primary);gap:.75rem;color:var(--accent-primary);text-shadow:none}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.photo-item{border-radius:var(--radius-sm);overflow:hidden;position:relative;aspect-ratio:1}.photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.photo-item:hover img{transform:scale(1.1)}.photo-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease}.photo-item:hover .photo-overlay{opacity:1}.footer{padding:4rem 2rem 2rem;text-align:center;border-top:1px solid var(--border-subtle);background:#080808;margin-bottom:0!important}.footer-link{font-size:2rem;font-family:var(--font-serif);font-style:italic;color:var(--text-muted)}.footer-link:hover{color:var(--accent-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:var(--accent-primary);color:#000}@media (max-width: 1024px){:root{--container-width: 90%}.text-display{font-size:3.5rem}}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr;grid-template-rows:auto;display:flex;flex-direction:column;text-align:center;gap:2.5rem}.hero-image-wrapper{margin:0 auto}.hero-img-frame{max-width:300px}.hero-roles,.social-dock{justify-content:center}.project-slide{grid-template-columns:1fr}.project-slide .project-image{max-height:280px}.project-slide .project-content{padding:2rem}.carousel-arrow{width:36px;height:36px;font-size:.75rem}.nav-island{padding:.75rem 1.5rem;gap:1.5rem}.nav-links,.skills-row{gap:1.5rem}.skills-row-label{min-width:180px}}@media (max-width: 768px){.nav-links{display:none}.nav-island{justify-content:space-between;width:90vw;gap:0}.section-wrapper{padding:3rem 1.5rem}.bento-card.large{grid-column:span 1}.footer-link{font-size:1.5rem}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.carousel-viewport,.project-slide{min-height:auto}.carousel-controls{gap:1rem}.skills-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem .5rem}.skills-row-label{min-width:auto}.skills-row-items{justify-content:flex-start}}@media (max-width: 480px){.text-display{font-size:2.5rem}.text-h2{font-size:1.8rem}.hero-img-frame{max-width:250px}.nav-island{padding:.75rem 1.25rem}.contact-btn{padding:.4rem 1rem;font-size:.8rem}.hero-section{padding-top:100px}.project-slide .project-content{padding:1.5rem}.project-slide .project-content h3{font-size:1.3rem}.carousel-arrow{width:32px;height:32px}.skills-row-name{font-size:.8rem}.skills-chip{font-size:.75rem;padding:.3rem .7rem}}:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #0a0a0a;--bg-secondary: #121212;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--neon-primary: #0ff;--neon-secondary: #f0f;--neon-accent: #0f0;--neon-glow: 0 0 10px;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:var(--neon-primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--neon-secondary);text-shadow:var(--neon-glow) var(--neon-secondary)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}h1{font-size:3.2em}h2{font-size:2.4em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}button:hover{border-color:var(--neon-primary);box-shadow:var(--neon-glow) var(--neon-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}canvas{display:block}#root{position:relative;z-index:1}