@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600;700&display=swap";:root{--retro-burgundy:#5a1f1f;--retro-brown:#5a1f1f;--retro-blue:#3b7a8a;--retro-orange:#d35400;--retro-yellow:#f39c12;--retro-tan:#f5e6d3;--retro-cream:#fffdf5;--retro-text:#2d1b0e;--modern-bg:#f7f8fb;--modern-surface:#fff;--modern-border:#e5e7eb;--modern-text:#111827;--modern-muted:#6b7280;--modern-shadow:0 12px 30px #10182814;--modern-shadow-sm:0 6px 16px #10182814;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--font-heading:"Courier New", Courier, monospace;--font-body:"Helvetica", "Arial", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--modern-bg);color:var(--modern-text);margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-weight:700}.container{max-width:1120px;margin:0 auto;padding:0 20px}.navbar{background-color:var(--retro-burgundy);z-index:1000;height:100px;position:sticky;top:0}.nav-inner{z-index:10;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.nav-brand{color:var(--retro-cream);border:3px solid var(--retro-tan);background-color:var(--retro-burgundy);box-shadow:4px 4px 0px var(--retro-orange);z-index:11;padding:8px 20px;font-family:IBM Plex Mono,monospace;font-size:1.2rem;font-weight:900;text-decoration:none}.nav-link{color:var(--retro-cream);font-size:.9rem;font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;background-color:var(--retro-burgundy);border:3px solid var(--retro-tan);box-shadow:4px 4px 0px var(--retro-orange);z-index:11;align-items:center;padding:8px 20px;font-weight:900;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{background-color:var(--retro-orange);color:#fff;box-shadow:6px 6px #5a1f1f33}.nav-link.dropdown{cursor:pointer;gap:8px}.nav-stripes{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.nav-item{position:relative}.app-content{min-height:80vh}.nav-links{align-items:center;gap:15px;height:100%;margin:0;padding:0;list-style:none;display:flex}.nav-toggle{border:3px solid var(--retro-tan);background:var(--retro-burgundy);color:var(--retro-cream);box-shadow:4px 4px 0px var(--retro-orange);cursor:pointer;z-index:12;justify-content:center;align-items:center;padding:6px 10px;display:none}.nav-dropdown{background-color:var(--retro-cream);border:3px solid var(--retro-burgundy);z-index:1001;grid-template-columns:repeat(3,1fr);gap:10px;min-width:600px;margin-top:8px;padding:15px;list-style:none;display:grid;position:absolute;top:100%;left:auto;right:0;box-shadow:4px 8px #0003}.nav-dropdown-link{color:var(--retro-burgundy);font-weight:700;font-family:var(--font-heading);border:2px solid var(--retro-burgundy);background-color:var(--retro-tan);text-align:center;padding:12px 15px;font-size:.9rem;text-decoration:none;transition:background-color .15s;display:block}.nav-dropdown-link:hover{background-color:var(--retro-orange)}.footer-logo{width:auto;height:64px;margin:0 auto 12px;display:block}.home-logo{width:auto;height:72px;margin-bottom:16px;display:block}.home-hero-title{color:var(--modern-text);margin:0;font-size:4rem;line-height:.9}.home-hero-subtitle{color:var(--modern-muted);margin:0 0 10px;font-size:1.5rem;font-weight:600}.home-hero-body{color:var(--modern-muted);margin-bottom:35px;font-size:1.1rem}.home-projects{margin-bottom:80px}.home-projects-title{border-bottom:1px solid var(--modern-border);color:var(--modern-text);font-size:2.5rem;display:inline-block}.home-projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:40px;display:grid}.home-skills{text-align:center;margin:60px 0}.home-skills-title{color:var(--modern-text);border-bottom:1px solid var(--modern-border);font-size:2rem;display:inline-block}.home-skills-intro{max-width:700px;color:var(--modern-muted);margin:20px auto 30px}.home-skills-grid{flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:0 auto;display:flex}.skill-pill{background-color:var(--modern-surface);color:var(--modern-muted);border:1px solid var(--modern-border);font-family:var(--font-heading);text-transform:none;letter-spacing:.3px;box-shadow:none;border-radius:999px;padding:8px 16px;font-weight:600}.project-card{border:1px solid var(--modern-border);background-color:var(--modern-surface);box-shadow:var(--modern-shadow-sm);border-radius:var(--radius-lg);padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-card:hover{box-shadow:var(--modern-shadow);transform:translateY(-4px)}.project-card-media{border-bottom:1px solid var(--modern-border);background-color:#f3f4f6;justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:100%}.project-card-placeholder{color:var(--modern-muted)}.project-card-body{padding:20px}.project-card-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.project-card-title{margin-top:0}.project-card-meta{color:var(--modern-muted);font-size:.9rem}.contact-page{max-width:600px;padding:40px 0}.contact-title{text-align:center}.contact-card{background-color:var(--modern-surface);border:1px solid var(--modern-border);box-shadow:var(--modern-shadow-sm);border-radius:var(--radius-md);padding:30px}.contact-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.contact-input,.contact-textarea{border:1px solid var(--modern-border);background-color:var(--modern-surface);border-radius:var(--radius-sm);width:100%;margin-top:5px;padding:10px}img,video,iframe{max-width:100%;height:auto;display:block}.btn-retro{background:var(--modern-text);color:#fff;font-family:var(--font-body);letter-spacing:.4px;border:1px solid var(--modern-text);border-radius:var(--radius-sm);cursor:pointer;padding:12px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-retro:hover{background:#000;border-color:#000;transform:translateY(-1px)}.btn-retro.secondary{background:var(--modern-surface);color:var(--modern-text);border:1px solid var(--modern-border)}.btn-retro.secondary:hover{border-color:var(--modern-border);background:#f3f4f6}.project-github-link{color:var(--modern-text);font-family:var(--font-body);text-transform:none;letter-spacing:.4px;border-bottom:1px solid var(--modern-border);margin:8px 0 20px;text-decoration:none;display:inline-block}.project-github-link:hover{color:var(--retro-blue);border-bottom-color:var(--retro-blue)}.hero-split{align-items:center;gap:60px;padding:80px 0;display:flex}.hero-text{flex:1}.hero-photo-wrapper{flex:1;max-width:450px;position:relative}.hero-photo{z-index:2;border:1px solid var(--modern-border);width:100%;height:auto;box-shadow:var(--modern-shadow);border-radius:var(--radius-lg);display:block;position:relative}.process-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:60px;display:grid}.process-heading{grid-area:1/1}.process-media{grid-area:1/2/span 2;align-self:center}.process-body{grid-area:2/1}.process-grid.reverse .process-heading,.process-grid.reverse .process-body{grid-column:2}.process-grid.reverse .process-media{grid-column:1}.process-grid.reverse{direction:rtl}.process-grid.reverse>*{direction:ltr}.process-header{text-align:center;padding:60px 0}.process-title{color:var(--retro-orange);font-size:3.5rem}.process-intro{max-width:700px;margin:0 auto;font-size:1.2rem}.process-section-title{color:var(--retro-burgundy);margin-bottom:1rem;font-size:2.5rem}.process-section-text{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.section-stripe-narrow{width:60%;height:12px;margin-bottom:1.5rem}.section-stripe-tight{width:60%;height:10px;margin:10px 0 6px}.section-stripe-wide{width:70%;height:10px;margin:10px 0 6px}.section-divider{opacity:.3}.process-projects{background-color:var(--modern-surface);border:1px solid var(--modern-border);border-radius:var(--radius-md);box-shadow:var(--modern-shadow-sm);margin-top:1.5rem;padding:15px 20px;position:relative}.process-projects:before{content:"";border-left:3px solid var(--retro-orange);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:0}.process-projects-title{color:var(--modern-text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.95rem;font-weight:700}.process-projects-list{margin:0;padding-left:20px;list-style:outside}.process-projects-item{color:var(--modern-muted);font-size:.95rem;font-weight:600}.process-footer{text-align:center;padding:80px 0}.process-section{align-items:center;gap:60px;padding:100px 0;display:flex}.process-section.reverse{flex-direction:row-reverse}.carousel-container{aspect-ratio:4/3;border:1px solid var(--modern-border);box-shadow:var(--modern-shadow);background:var(--modern-surface);border-radius:var(--radius-lg);flex:1.2;position:relative;overflow:hidden}.carousel-wrapper{position:relative}.carousel-frame{background:linear-gradient(#3b7a8a14,#f3f4f600);justify-content:center;align-items:center;display:flex}.carousel-counter{text-align:center;color:var(--modern-muted);margin-top:10px;font-size:.9rem}.carousel-slide{object-fit:contain;background:#fff;width:100%;height:100%}iframe.carousel-slide{border:0;height:100%}video.carousel-slide{object-fit:cover;object-position:center;width:100%;height:100%}video.carousel-slide.no-crop{object-fit:contain}.carousel-slide[src$=\.mp4]{object-fit:cover;object-position:center}.carousel-btn{background:var(--modern-surface);border:1px solid var(--modern-border);cursor:pointer;z-index:10;box-shadow:var(--modern-shadow-sm);border-radius:999px;padding:10px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#f3f4f6}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.project-detail{padding:60px 0}.project-back-link{color:var(--retro-orange);align-items:center;gap:5px;font-weight:700;text-decoration:none;display:flex}.project-title{color:var(--retro-burgundy);margin:20px 0;font-size:3.5rem}.project-tech{margin:10px 0 30px}.project-tech-title{text-transform:uppercase;letter-spacing:.6px;color:var(--retro-burgundy);margin:0 0 10px;font-size:.95rem;font-weight:700}.project-tech-list{flex-wrap:wrap;gap:10px;display:flex}.project-tech-pill{background-color:var(--retro-tan);border:1px solid var(--retro-burgundy);color:var(--retro-burgundy);border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:600}.project-steps{flex-direction:column;gap:100px;display:flex}.project-steps.mobile{gap:50px}.project-step-grid{align-items:center;gap:60px;display:grid}.project-step-title{border-bottom:2px solid var(--modern-border);font-size:2rem;display:inline-block}.project-step-title.mobile{font-size:1.8rem}.project-step-desc{color:var(--modern-muted);margin-top:0;font-size:1.2rem}.project-step-desc.mobile{font-size:1.05rem}.project-step-stack{flex-direction:column;gap:18px;display:flex}.project-single{grid-template-columns:1fr 1fr;gap:60px;display:grid}.project-single-desc{color:var(--modern-muted);font-size:1.4rem}.project-single-desc.mobile{font-size:1.1rem}.project-single-stack{flex-direction:column;gap:20px;display:flex}.project-specs{background-color:var(--modern-surface);border:1px solid var(--modern-border);box-shadow:var(--modern-shadow-sm);border-radius:var(--radius-lg);margin-top:100px;padding:40px;position:relative}.project-specs:before{content:"";border-top:3px solid var(--retro-orange);border-radius:var(--radius-lg);pointer-events:none;position:absolute;inset:0}.project-specs-title{font-family:var(--font-heading);color:var(--modern-text);border-bottom:1px solid var(--modern-border);margin-bottom:20px;padding-bottom:10px;font-size:1.8rem}.project-specs-list{padding:0;list-style:none}.project-specs-item{color:var(--modern-muted);align-items:flex-start;margin-bottom:15px;font-size:1.1rem;display:flex}.project-specs-arrow{color:var(--retro-blue);margin-right:15px;font-weight:700}.project-pdf{margin-top:120px;margin-bottom:80px}.project-pdf-title{font-family:var(--font-heading);color:var(--modern-text);margin-bottom:10px;font-size:1.6rem}.project-pdf-intro{color:var(--modern-muted);margin-bottom:20px;font-size:1rem;font-style:italic}.project-pdf-frame{border:1px solid var(--modern-border);box-shadow:var(--modern-shadow-sm);border-radius:var(--radius-lg);background-color:#fff;height:800px;position:relative}.project-pdf-frame:before{content:"";border-top:3px solid var(--retro-blue);border-radius:var(--radius-lg);pointer-events:none;position:absolute;inset:0}.project-pdf-frame iframe{border:none;width:100%;height:100%;display:block}.footer{background-color:var(--retro-tan);color:var(--retro-text);border-top:6px solid var(--retro-burgundy);margin-top:80px;position:relative}.footer-stripe{background-color:var(--retro-burgundy);height:60px;position:relative;overflow:hidden}.footer-stripe svg{position:absolute;top:0;left:0}.footer-stripe.bottom{height:50px}.footer-content{text-align:center;padding:60px 20px}.footer-title{color:var(--retro-burgundy);font-size:2rem;font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;font-weight:700}.footer-divider{background:linear-gradient(to right, var(--retro-blue), var(--retro-burgundy), var(--retro-orange), var(--retro-yellow));border-radius:2px;width:120px;height:8px;margin:15px auto 25px}.footer-contact{color:var(--retro-burgundy);margin:12px 0;font-size:1.1rem;font-weight:500}.footer-email{color:var(--retro-blue);margin:12px 0;font-size:.95rem;text-decoration:none;transition:all .2s}.footer-email:hover{color:var(--retro-orange);text-decoration:underline}.footer-linkedin{color:var(--retro-tan);letter-spacing:1.5px;text-transform:uppercase;background-color:var(--retro-burgundy);border:3px solid var(--retro-orange);box-shadow:4px 4px 0px var(--retro-yellow);align-items:center;gap:10px;padding:12px 28px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.footer-linkedin:hover{background-color:var(--retro-orange);color:#fff;box-shadow:6px 6px 0px var(--retro-burgundy);transform:translate(-2px,-2px)}.footer-linkedin-wrap{margin-top:35px}.footer-bottom{background-color:var(--retro-tan);text-align:center;color:var(--retro-burgundy);border-top:3px solid var(--retro-burgundy);padding:15px 20px;font-size:.8rem;font-style:italic}@media (max-width:768px){.container{padding:0 16px}.project-detail{padding:40px 16px!important}.navbar{height:auto}.nav-inner{height:auto;padding:16px 0}.nav-toggle{display:inline-flex}.nav-links{background:var(--retro-burgundy);border-top:3px solid var(--retro-tan);flex-direction:column;gap:12px;height:auto;padding:16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px #0003}.nav-links.open{display:flex}.nav-link{justify-content:center;width:100%}.nav-dropdown{width:100%!important;min-width:0!important;box-shadow:none!important;grid-template-columns:1fr!important;margin-top:10px!important;position:static!important}.hero-split,.process-section,.process-section.reverse{text-align:center;flex-direction:column;padding:40px 0}.process-grid{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.process-title{font-size:2.4rem}.process-section-title{font-size:2rem}.process-section-text{font-size:1rem}.process-grid{flex-direction:column;gap:20px;display:flex}.process-heading{order:1}.process-media{order:2}.process-body{order:3}.carousel-container{width:100%}}.retro-stripes-horizontal{background:linear-gradient(to bottom, var(--retro-blue) 0% 15%, var(--retro-burgundy) 15% 30%, var(--retro-orange) 30% 60%, var(--retro-yellow) 60% 85%, var(--retro-tan) 85% 100%);width:100%;height:40px;margin:40px 0}