:root{--bg:#f5faff;--bg-elevated:#fff;--bg-muted:#eaf3fb;--bg-terminal:#22334a;--text:#1a2a3a;--text-muted:#5a6b7d;--accent:#3383c8;--accent-hover:#2566a8;--accent-soft:#e0f0fa;--accent-muted:#8bbbe8;--accent-glow:#7b68ee21, #3383c82e;--retro-lilac:#a78bfa;--border:#b8d4ec;--radius:6px;--radius-sm:4px;--shadow:0 4px 24px #1a2a3a12;--shadow-hover:0 16px 40px #7b68ee1a;--retro-offset:3px 3px 0 #7b68ee21;--primary-color:var(--text);--secondary-color:var(--bg-elevated);--accent-color:var(--text-muted);--muted-color:var(--text-muted);--light-bg:var(--bg-muted);--border-color:var(--border);--accent-gradient:linear-gradient(135deg, #a78bfa 0%, #3383c8 60%, #8bbbe8 100%);--soft-shadow:var(--shadow);--medium-shadow:var(--shadow-hover);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:5rem;--transition:.25s ease;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.7}.retro-app{flex-direction:column;min-height:100vh;display:flex;position:relative}.retro-app>footer{margin-top:auto}.retro-bg{z-index:-2;pointer-events:none;background:linear-gradient(#7c6bc40a 1px, transparent 1px), linear-gradient(90deg, #7c6bc40a 1px, transparent 1px), radial-gradient(ellipse at 10% 0%, #a78bfa24 0%, transparent 50%), radial-gradient(ellipse at 90% 80%, #7c6bc41a 0%, transparent 45%), var(--bg);background-size:28px 28px,28px 28px,auto,auto,auto;position:fixed;inset:0}.retro-app:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 50%,#2d26400f 100%);position:fixed;inset:0}.retro-scanlines{z-index:-1;pointer-events:none;opacity:.065;background:repeating-linear-gradient(0deg,#7c6bc426 0 1px,#0000 1px 4px);position:fixed;inset:0}.container{max-width:1080px;padding:0 var(--spacing-md);margin:0 auto}.section-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;margin-right:.5rem;font-size:.72rem;font-weight:500;display:inline-block}.section-tag:before{content:"[";color:var(--accent-muted)}.section-tag:after{content:"]";color:var(--accent-muted)}.navbar{z-index:100;border-bottom:2px solid var(--border);box-shadow:0 2px 0 var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5fbeb;position:sticky;top:0}.navbar .container{padding:1rem var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.nav-brand{font-family:var(--font-mono);color:var(--text);transition:color var(--transition);letter-spacing:.02em;font-size:.95rem;font-weight:600;text-decoration:none}.brand-bracket{font-family:var(--font-mono);color:var(--accent-muted);font-weight:500}.nav-brand:hover,.nav-brand:hover .brand-bracket{color:var(--accent)}.nav-links{gap:1.75rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);font-family:var(--font-mono);text-transform:lowercase;transition:color var(--transition);font-size:.8rem;font-weight:500;text-decoration:none}.nav-link:before{content:"./";color:var(--accent-muted);opacity:.6}.nav-link:hover,.nav-link.active{color:var(--accent)}.hamburger-menu{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:30px;height:30px;padding:.5rem;display:none}.hamburger-menu span{background:var(--text);border-radius:2px;width:24px;height:2.5px;transition:all .3s}.hamburger-menu:hover span{background:var(--accent)}@media (width<=768px){.hamburger-menu{display:flex}.nav-links{border-bottom:2px solid var(--border);z-index:99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5fbfa;flex-direction:column;gap:0;max-height:0;padding:0;transition:max-height .3s;position:fixed;top:100%;left:0;right:0;overflow:hidden}.nav-links.active{max-height:calc(100vh - 60px);padding:.5rem 0;overflow-y:auto}.nav-links li{padding:0}.nav-link{padding:.75rem var(--spacing-md);border-bottom:1px solid var(--bg-muted);font-size:.85rem;display:block}.nav-link:before{content:"./";opacity:.6}}@media (width<=640px){.nav-links{font-size:.8rem}.nav-link{padding:.65rem var(--spacing-sm)}}.nav-link{color:var(--accent)}.nav-link:hover:before,.nav-link.active:before{content:"> ";opacity:1}@media (width<=768px){.nav-links{gap:1rem;font-size:.85rem}}.hero{padding:var(--spacing-xl) var(--spacing-md) 4rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;width:420px;height:420px;position:absolute;top:-15%;right:-5%}.hero-layout{z-index:1;max-width:640px;position:relative}.hero-panel{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--retro-offset);padding:1.25rem 1.5rem}.hero-status{font-family:var(--font-mono);color:var(--accent-muted);letter-spacing:.04em;margin-bottom:.5rem;font-size:.72rem}.hero-status:before{content:"● ";color:var(--accent)}.hero-eyebrow{font-family:var(--font-mono);color:var(--accent);opacity:.9;margin-bottom:.75rem;font-size:.8rem;font-weight:500}.hero-eyebrow:before{content:"$ ";color:var(--accent-muted)}.hero-text h1{font-family:var(--font-display);margin-bottom:var(--spacing-md);letter-spacing:.02em;color:var(--text);font-size:clamp(2.75rem,6vw,4rem);font-weight:400;line-height:1.05}.hero-name{color:var(--accent);text-shadow:0 0 24px var(--accent-glow)}.subtitle{color:var(--text-muted);margin-bottom:var(--spacing-sm);flex-wrap:wrap;align-items:center;gap:.35rem;min-height:1.75rem;font-size:1.1rem;display:flex}.prompt{font-family:var(--font-mono);color:var(--accent-muted);font-size:.85rem;font-weight:500}.rotating-text{font-family:var(--font-mono);color:var(--accent);font-size:1rem;font-weight:500}.cursor{vertical-align:text-bottom;background-color:var(--accent);width:.65em;min-width:9px;height:1.2em;box-shadow:inset 0 0 0 1px #2d264059, 2px 0 0 var(--accent-muted);margin-left:2px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,45%{opacity:1;background-color:var(--accent)}50%,to{opacity:1;box-shadow:inset 0 0 0 1px var(--accent);background-color:#0000}}.bio{color:var(--text-muted);margin-bottom:var(--spacing-lg);border-left:2px solid var(--accent-muted);max-width:480px;padding-left:.75rem;font-size:1.05rem;line-height:1.75}.cta-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);transition:transform var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition), border-color var(--transition);cursor:pointer;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-gradient);color:#fff;border:2px solid var(--accent-hover);font-family:var(--font-mono);letter-spacing:.03em;box-shadow:var(--retro-offset), 0 4px 18px var(--accent-glow);font-size:.88rem;font-weight:600}.btn-primary:hover{box-shadow:4px 4px 0 #7c6bc459, 0 8px 28px var(--accent-glow);transform:translate(-1px,-1px)}.btn-secondary{background:var(--bg);color:var(--text);border:2px solid var(--accent-muted);font-family:var(--font-mono);box-shadow:var(--retro-offset);font-size:.85rem;font-weight:500}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translate(-1px,-1px)}.terminal-frame{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--retro-offset);padding:.65rem}.frame-title{text-align:left;font-family:var(--font-mono);color:var(--accent-muted);border-bottom:1px dashed var(--border);margin-bottom:.5rem;padding-bottom:.35rem;font-size:.68rem;display:block}.frame-title:before{content:"── ";color:var(--border)}.frame-label{font-family:var(--font-mono);color:var(--accent-muted);letter-spacing:.04em;margin-top:.5rem;font-size:.7rem;display:block}.image-placeholder{aspect-ratio:1;background:var(--bg-muted);border-radius:var(--radius-sm);width:100%;max-width:320px;box-shadow:var(--shadow), inset 0 0 0 1px var(--border);border:2px solid var(--border);transition:transform var(--transition), box-shadow var(--transition);overflow:hidden}.image-placeholder:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-muted);transform:translateY(-4px)}.profile-photo{object-fit:cover;width:100%;height:100%}@media (width<=768px){.hero-panel{padding:1rem}.about-frame{max-width:260px;margin:0 auto}.image-placeholder{max-width:100%}.container{padding:0 var(--spacing-sm)}section{padding:var(--spacing-lg) var(--spacing-sm)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}}@media (width<=640px){:root{--spacing-lg:2rem;--spacing-xl:3rem}.hero{padding:var(--spacing-lg) var(--spacing-sm) 2rem}.hero-text h1{font-size:clamp(2rem,5vw,3rem)}.bio{max-width:100%;font-size:.95rem}.cta-buttons{gap:.5rem}.btn{padding:.65rem 1.25rem;font-size:.85rem}.section-tag{font-size:.65rem}}section{padding:var(--spacing-xl) var(--spacing-md)}h2{font-family:var(--font-display);margin-bottom:var(--spacing-lg);letter-spacing:.03em;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:.35rem;font-size:clamp(2rem,4vw,2.6rem);font-weight:400}h3{letter-spacing:-.02em;font-weight:600}.about{background:var(--bg-muted)}.about-content{gap:var(--spacing-xl);grid-template-columns:1.5fr 1fr;align-items:center;display:grid}.about-photo{justify-content:center;align-items:flex-start;display:flex}.about-frame{text-align:center;width:100%;max-width:320px}.about-content p{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:1.05rem;line-height:1.8}.skills h3{margin-bottom:var(--spacing-sm);color:var(--text);font-size:1.1rem}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--bg-elevated);color:var(--accent);font-family:var(--font-mono);border:1px solid var(--border);transition:background var(--transition), border-color var(--transition);border-radius:4px;padding:.4rem .9rem;font-size:.78rem;font-weight:500}.tag:hover{background:var(--accent-soft);border-color:var(--accent-muted)}.contact-info{margin:.5rem 0 var(--spacing-md) 0;flex-wrap:wrap;gap:1.5rem;display:flex}.contact-link{color:var(--accent);transition:color var(--transition);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.contact-link:after{content:"";background:var(--accent);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-2px;left:0}.contact-link:hover{color:var(--accent-hover)}.contact-link:hover:after{width:100%}@media (width<=768px){.about-content{grid-template-columns:1fr}.about-content p{font-size:.95rem}.skills h3{font-size:1rem}.tag{padding:.35rem .8rem;font-size:.72rem}}@media (width<=640px){.about{padding:var(--spacing-lg) var(--spacing-sm)}.about-content p{font-size:.9rem}h2{font-size:clamp(1.3rem,2.5vw,1.8rem)}}.experience{background:var(--bg)}.experience-wrapper{gap:var(--spacing-lg);grid-template-columns:220px 1fr;max-width:880px;display:grid}.experience-tabs{flex-direction:column;gap:.35rem;display:flex}.experience-tab{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);text-align:left;color:var(--text-muted);font-size:.82rem;font-weight:500;font-family:var(--font-mono);min-width:340px;max-width:100%;padding:.75rem 2rem}.experience-tab:before{content:"[ ] ";color:var(--accent-muted)}.experience-tab:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-muted)}.experience-tab.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);box-shadow:var(--retro-offset);font-weight:600}.experience-tab.active:before{content:"[x] ";color:var(--accent)}.experience-content{padding:var(--spacing-lg);background:var(--bg-elevated);border-radius:var(--radius-sm);border:2px solid var(--border);border-left:4px solid var(--accent);box-shadow:var(--retro-offset);animation:.3s fadeIn}.experience-content:before{content:"// output";font-family:var(--font-mono);color:var(--accent-muted);letter-spacing:.05em;margin-bottom:.75rem;font-size:.68rem;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.content-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:.5rem;display:flex}.content-header h3{color:var(--text);margin:0;font-size:1.25rem}.experience-date{font-family:var(--font-mono);color:var(--accent-muted);white-space:nowrap;font-size:.8rem;font-weight:500}.company-name{color:var(--accent);margin-bottom:var(--spacing-sm);font-size:.95rem;font-weight:600}.company-link{text-decoration:none}.company-link:hover .company-name{color:var(--accent-hover)}.experience-description{color:var(--text-muted);margin:0;line-height:1.75}@media (width<=768px){.experience-wrapper{grid-template-columns:1fr}.experience-tabs{flex-direction:row;gap:.5rem;padding-bottom:.5rem;overflow-x:auto}.experience-tab{flex-shrink:0;min-width:120px;padding:.65rem .75rem;font-size:.75rem}.content-header{flex-direction:column}.experience-content{padding:var(--spacing-md)}.content-header h3{font-size:1.1rem}.experience-date{font-size:.75rem}}@media (width<=640px){.experience-tab{min-width:100px;padding:.6rem;font-size:.7rem}.experience-tab:before,.experience-tab.active:before{content:""}.experience-content:before{font-size:.6rem}.company-name,.experience-description{font-size:.9rem}}.projects{background:var(--bg-muted)}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-card{background:var(--bg-elevated);border-radius:var(--radius-sm);transition:transform var(--transition), box-shadow var(--transition);border:2px solid var(--border);box-shadow:var(--retro-offset);overflow:hidden}.project-card:hover{box-shadow:5px 5px 0 #7c6bc44d, var(--shadow-hover);border-color:var(--accent-muted);transform:translate(-2px,-2px)}.project-image{aspect-ratio:16/10;background:var(--bg-muted);width:100%;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-image img{transform:scale(1.04)}.project-info{padding:var(--spacing-md)}.project-info h3{font-family:var(--font-mono);color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.project-info h3:before{content:"> ";color:var(--accent)}.project-description{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.65}.project-tags{margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:.35rem;display:flex}.tag-small{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);border:1px solid var(--border);border-radius:4px;padding:.2rem .6rem;font-size:.72rem;font-weight:500}.project-link{font-family:var(--font-mono);color:var(--accent);transition:color var(--transition);font-size:.85rem;font-weight:500;text-decoration:none}.project-link:before{content:"→ ";color:var(--accent-muted)}.project-link:hover{color:var(--accent-hover)}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.project-info{padding:var(--spacing-sm)}.project-info h3,.project-description{font-size:.9rem}}@media (width<=640px){.project-card{border:1.5px solid var(--border)}.project-image{aspect-ratio:16/12}}.art{background:var(--bg)}.art-gallery{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.art-item{cursor:pointer;transition:transform var(--transition);flex-direction:column;align-items:center;width:100%;max-width:320px;margin:0 auto;display:flex;position:relative}.art-item img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%;transition:transform .4s ease, box-shadow var(--transition);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:.75rem;display:block}.art-popup{z-index:10;background:var(--bg-elevated);border-radius:var(--radius-sm);box-shadow:0 8px 32px 0 var(--medium-shadow);border:2px solid var(--accent-muted);pointer-events:none;justify-content:center;align-items:center;min-width:110%;max-width:80vw;min-height:110%;max-height:80vh;padding:.5rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.15)}.art-popup img{width:auto;max-width:100%;height:auto;max-height:70vh;aspect-ratio:unset;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 4px 24px 0 var(--soft-shadow);background:var(--bg-elevated)}.art-item:hover .art-popup{animation:.2s fadeIn;display:flex}@media (width<=768px){.art-gallery{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.art-item{max-width:100%}}@media (width<=640px){.art-gallery{grid-template-columns:repeat(2,1fr)}.art-popup{min-width:95vw;max-width:95vw;min-height:95vw;max-height:95vw}.art-popup img{max-width:90%;max-height:90%}}footer{background:var(--bg-terminal);color:var(--accent-soft);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);margin-top:0}.footer-section h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.footer-section p{color:var(--accent-muted);margin-bottom:var(--spacing-md);max-width:400px;line-height:1.7}.social-links{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.social-links a{font-family:var(--font-mono);color:var(--accent-soft);border:1px solid var(--accent-muted);transition:background var(--transition), border-color var(--transition);background:#7b68ee14;border-radius:4px;padding:.5rem 1rem;font-size:.82rem;font-weight:500;text-decoration:none}.social-links a:hover{background:var(--accent-gradient);color:#fff;border-color:var(--accent-hover)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--spacing-md);margin-top:var(--spacing-lg);text-align:center;color:var(--accent-muted);font-size:.85rem}@media (width<=768px){footer{padding:var(--spacing-lg) var(--spacing-sm)}.footer-section h4{font-size:.95rem}.footer-section p{font-size:.9rem}.social-links a{padding:.4rem .75rem;font-size:.75rem}}@media (width<=640px){.social-links{gap:.4rem}.social-links a{padding:.35rem .6rem;font-size:.7rem}.footer-bottom{font-size:.75rem}}.blog-header{background:linear-gradient(120deg, var(--bg-muted) 70%, var(--retro-lilac) 100%);padding:var(--spacing-xl) var(--spacing-md);text-align:center;border-bottom:2px solid var(--accent-muted);border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:0 2px 12px #3383c812}.blog-header h1{color:var(--accent);letter-spacing:-.03em;text-shadow:0 2px 8px var(--accent-glow);margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.blog-header h1:before{content:"";font-family:var(--font-mono);color:var(--retro-lilac);font-weight:500}.blog-subtitle{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:1.05rem}.blog-posts{gap:var(--spacing-lg);max-width:900px;padding:var(--spacing-lg) 0;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;display:grid}.blog-post{background:linear-gradient(120deg, var(--bg-elevated) 80%, var(--accent-soft) 100%);border:2px solid var(--accent-muted);border-left:6px solid var(--retro-lilac);border-radius:var(--radius-sm);box-shadow:0 4px 24px 0 var(--soft-shadow);padding:var(--spacing-lg) var(--spacing-md);flex-direction:column;min-height:260px;margin:0;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.blog-post:hover{box-shadow:0 8px 32px 0 var(--medium-shadow);border-color:var(--accent-hover);transform:translateY(-4px)scale(1.02)}.blog-post h2{font-size:1.3rem;font-family:var(--font-mono);color:var(--accent);margin:.5rem 0 .25rem;font-weight:600}.blog-post h2 a{color:inherit;transition:color var(--transition);text-decoration:none}.blog-post h2 a:hover{color:var(--retro-lilac)}.post-meta{gap:var(--spacing-md);color:var(--accent-muted);font-size:.85rem;font-family:var(--font-mono);margin-bottom:.5rem;display:flex}.post-category{background:var(--retro-lilac);color:#fff;font-family:var(--font-mono);border:none;border-radius:4px;padding:.15rem .6rem;font-size:.75rem;font-weight:500}.post-excerpt{color:var(--text-muted);margin-bottom:var(--spacing-md);flex:auto;font-size:1rem;line-height:1.7}.read-more{font-family:var(--font-mono);color:var(--accent);transition:color var(--transition);align-self:flex-end;margin-top:auto;font-size:.9rem;font-weight:500;text-decoration:none}.read-more:hover{color:var(--retro-lilac)}.post-content{max-width:680px;padding:var(--spacing-md);margin:0 auto}.post-content h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem}.post-content h3{color:var(--text);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.post-content p,.post-content li{color:var(--text-muted);line-height:1.8}.post-content ul,.post-content ol{margin-bottom:1.5rem;margin-left:1.25rem}.post-image{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;margin:2rem 0}.back-link{font-family:var(--font-mono);color:var(--accent);margin-bottom:2rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.back-link:before{content:"cd .. ";color:var(--accent-muted)}.back-link:hover{color:var(--accent-hover)}@media (width<=768px){.blog-header{padding:var(--spacing-lg) var(--spacing-sm)}.blog-header h1{font-size:clamp(1.5rem,3.5vw,2.2rem)}.blog-subtitle{font-size:.95rem}.blog-posts{gap:var(--spacing-md);grid-template-columns:1fr}.blog-post{padding:var(--spacing-md);min-height:auto}.blog-post h2{font-size:1.1rem}.post-excerpt{font-size:.95rem}.post-meta{gap:.75rem;font-size:.8rem}}@media (width<=640px){.post-content{padding:var(--spacing-sm)}.post-content h2{margin-top:1.5rem;font-size:1.25rem}.post-content h3{margin-top:1.2rem;font-size:1.05rem}.post-content p,.post-content li{font-size:.95rem}.blog-post h2{font-size:1rem}}@media (width<=1024px){:root{--spacing-xl:4rem}}@media (width<=768px){:root{--spacing-lg:2rem;--spacing-xl:3rem}.container{padding:0 1.25rem}section{padding:var(--spacing-lg) 1.25rem}}a[href^=\#]{text-decoration:none}::selection{background:var(--accent-soft);color:var(--text)}@media print{.navbar,.cta-buttons,footer,.retro-scanlines{display:none}}@media (width<=480px){:root{--spacing-lg:1.2rem;--spacing-xl:2rem;--spacing-md:1rem;--spacing-sm:.5rem}.container{padding:0 .5rem}section{padding:var(--spacing-lg) .5rem}.navbar .container{padding:.5rem}.nav-brand{font-size:.8rem}.nav-links{gap:.5rem}.nav-link{font-size:.7rem}.hero{padding:var(--spacing-lg) var(--spacing-md) 1.5rem}.hero-text h1{margin-bottom:var(--spacing-sm);font-size:clamp(1.5rem,5vw,2rem)}.hero-panel{padding:.7rem}.subtitle{margin-bottom:var(--spacing-xs);font-size:.9rem}.bio{margin-bottom:var(--spacing-md);font-size:.9rem}.btn{padding:.5rem .8rem;font-size:.8rem}h2{margin-bottom:var(--spacing-md);font-size:clamp(1.2rem,3vw,1.5rem)}h3{font-size:.95rem}.about-frame{max-width:140px}.image-placeholder{max-width:100%}.projects-grid{grid-template-columns:1fr}.art-gallery{gap:var(--spacing-md);grid-template-columns:1fr}.art-item{max-width:100vw}.art-popup{min-width:90vw;max-width:98vw;min-height:120px;max-height:50vh;padding:.2rem}.art-popup img{max-width:100%;max-height:45vh}.blog-header{padding:var(--spacing-lg) var(--spacing-sm)}.blog-header h1{font-size:1.2rem}.blog-posts{gap:var(--spacing-md);padding:var(--spacing-md) 0;grid-template-columns:1fr}.blog-post{padding:var(--spacing-md) var(--spacing-sm);min-width:0}.footer-section h4{font-size:.85rem}.footer-section p{font-size:.8rem}.social-links a{padding:.3rem .5rem;font-size:.7rem}.footer-bottom{font-size:.7rem}}