:root{--outer-bg: #EAE4DA;--inner-bg: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #5C5C5C;--accent-color: #FF4500;--border-color: #D6CEC3;--font-serif: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--font-pixel: "VT323", monospace}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:var(--outer-bg)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border:3px solid var(--outer-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;height:100%}body{margin:0;background-color:var(--outer-bg);color:var(--text-primary);font-family:var(--font-sans);line-height:1.4;-webkit-font-smoothing:antialiased;padding:40px 0;overflow-x:hidden;overscroll-behavior-x:none;min-height:100%}#root{overflow-x:hidden;width:100%}.app-container{max-width:800px;margin:0 auto;padding:60px 50px;background-color:var(--inner-bg);box-shadow:0 10px 30px #0000000d,0 1px 4px #00000005;min-height:calc(100vh - 80px);position:relative;counter-reset:section-vol}.masthead{border-bottom:3px double var(--text-primary);padding-bottom:20px;margin-bottom:40px;text-align:center}.masthead-info{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--text-primary);padding-bottom:5px;margin-bottom:20px}h1{font-family:var(--font-serif);font-size:4.5rem;font-weight:700;margin:0;line-height:.9;letter-spacing:-.02em}.subtitle{font-family:var(--font-sans);font-size:1rem;font-weight:600;text-transform:uppercase;margin-top:15px;letter-spacing:.05em;word-break:break-word}h2{font-family:var(--font-serif);font-size:2rem;font-weight:700;border-bottom:1px solid var(--text-primary);padding-bottom:5px;margin-top:50px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}h2:after{counter-increment:section-vol;content:"Vol. 0" counter(section-vol);font-family:var(--font-sans);font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin:0}.experience-list{display:flex;flex-direction:column;gap:30px}.experience-item{border-bottom:1px dotted var(--border-color);padding-bottom:20px}.exp-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.exp-period{font-family:var(--font-sans);font-size:.8rem;font-weight:700;color:var(--accent-color)}.exp-role{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase}ul{margin:0;padding-left:18px;font-size:.95rem;color:var(--text-primary)}li{margin-bottom:5px}.meta-grid{display:flex;justify-content:center;gap:30px;margin-top:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.contact-links{display:flex;justify-content:center;gap:20px;margin-top:15px;flex-wrap:wrap}.contact-link{font-size:.85rem;font-weight:700;color:var(--text-primary);text-decoration:none;border:1.5px solid var(--text-primary);padding:5px 12px;display:flex;align-items:center;transition:all .2s}.contact-link:hover{background-color:var(--text-primary);color:var(--inner-bg)}.pixel-deco{font-family:var(--font-pixel);font-size:.8rem;color:var(--accent-color);opacity:.6}footer{margin-top:80px;padding-top:30px;border-top:3px double var(--text-primary);text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 850px){body{padding:0}.app-container{width:100%;max-width:100vw;box-shadow:none;padding:40px 20px;overflow-x:hidden}h1{font-size:3rem;word-break:break-word}}.projects{margin-top:60px}.projects-list{display:flex;flex-direction:column;gap:50px}.project-item{display:flex;flex-direction:column;gap:20px;border-bottom:1px solid var(--border-color);padding-bottom:40px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.project-title-group h3{font-size:1.8rem;margin-bottom:8px}.project-link-btn{font-family:var(--font-sans);font-size:.75rem;font-weight:700;color:var(--text-primary);text-decoration:none;border:1px solid var(--text-primary);padding:4px 10px;text-transform:uppercase;transition:all .2s}.project-link-btn:hover{background-color:var(--text-primary);color:var(--inner-bg)}.project-description{font-size:.95rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.project-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:.8rem;font-family:var(--font-sans)}.meta-label{font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-right:8px}.tool-tag{background-color:#f0f0f0;padding:2px 8px;border-radius:4px;margin-right:5px;font-weight:600}.project-images{display:flex;flex-direction:column;gap:20px;margin-top:20px}.project-images.grid-3 .project-image,.project-images.grid-2 .project-image{aspect-ratio:16 / 10;object-fit:cover}.project-images.mobile-grid .project-image{aspect-ratio:9 / 19;object-fit:cover}.project-images.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-images.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.project-image{width:100%;height:auto;object-fit:contain;border:1px solid var(--border-color);cursor:zoom-in;position:relative;transition:z-index 0s}.project-image:hover{z-index:200}.project-links{display:flex;flex-direction:column;gap:8px;margin-top:15px}.project-link-item{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.85rem;color:var(--text-primary);text-decoration:none;word-break:break-all}.project-link-item:hover{text-decoration:underline;color:var(--accent-color)}.link-icon{flex-shrink:0;opacity:.7}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:zoom-out;padding:40px}.image-modal img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 50px #00000026}.image-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-family:var(--font-pixel);font-size:1.5rem;cursor:pointer;color:var(--text-primary)}.lighting-toggle{position:fixed;top:30px;left:30px;z-index:1000;background:none;border:none;cursor:pointer;padding:10px;color:var(--text-primary);opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border-radius:50%}.lighting-toggle:hover{opacity:1;background-color:#00000008;transform:scale(1.1)}.lighting-toggle.is-on{color:var(--accent-color);opacity:.8}.lighting-toggle.is-off{color:var(--text-secondary);opacity:.4}.lighting-toggle:active{transform:scale(.95)}.top-nav{position:fixed;top:40px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lang-switcher{display:flex;align-items:center;gap:2px;margin-bottom:24px}.lang-switcher button{background:none;border:none;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:4px 6px;transition:all .2s;border-radius:4px}.lang-switcher button:hover{color:var(--text-primary);background-color:#0000000d}.lang-switcher button.active{color:var(--text-primary);font-weight:800;text-decoration:underline;text-underline-offset:4px}.lang-switcher .separator{color:var(--border-color);font-size:.8rem;font-weight:300}.top-nav a{font-family:var(--font-sans);font-size:1.1rem;font-weight:400;color:var(--text-primary);text-decoration:none;padding:2px 0;background:none;border:none;transition:all .2s;letter-spacing:.02em;opacity:1}.top-nav a:hover{opacity:1;transform:translate(-3px)}@media (max-width: 600px){.top-nav{top:auto;bottom:20px;left:50%;right:auto;transform:translate(-50%);flex-direction:row;align-items:center;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 25px;border-radius:30px;box-shadow:0 4px 15px #0000001a;border:1px solid var(--border-color)}.top-nav a{padding:0 10px;font-size:.95rem}.lang-switcher{margin-bottom:0;margin-right:15px}.project-images.grid-3,.project-images.grid-2{grid-template-columns:1fr}.masthead-info{flex-direction:column;gap:8px;align-items:center}.meta-grid{flex-direction:column;gap:10px;align-items:center}.contact-links{flex-direction:column;align-items:center;gap:10px}}