@font-face{font-family:cmuntb;src:url(./fonts/cmuntb.woff2)format("woff2")}:root{--bg:#ececec;--fg:#111;--muted:#666;--accent:#e02a00;--border:#d3d3d3;--panel:#ebebeb;--mono:cmuntb;--preview-w:420px;--skeleton-base:#181818;--skeleton-shine:#262626}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--fg);scrollbar-gutter:stable;font-size:13px}body{font-family:var(--mono);min-height:100vh}.site{grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=900px){.site{grid-template-columns:570px 1fr}.preview-panel{display:flex!important}}.left{width:100%;max-width:570px;padding:2rem 1.5rem;overflow-x:hidden}@media (width>=900px){.left{height:100vh;padding:2.5rem 2rem;position:sticky;top:0;overflow-y:auto}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{z-index:1;background:linear-gradient(90deg, var(--skeleton-base) 0%, var(--skeleton-shine) 50%, var(--skeleton-base) 100%);background-size:200% 100%;transition:opacity .5s;animation:1.6s ease-in-out infinite shimmer;position:absolute;inset:0}.img-loaded .skeleton-shimmer{opacity:0;pointer-events:none}header{margin-bottom:2rem;padding-bottom:1.25rem}.name{letter-spacing:-.02em;color:var(--fg);font-size:1.35rem;font-weight:700}.tagline{color:var(--muted);margin-top:.3rem;font-size:1.1rem;line-height:1.4}.tagline em{color:var(--accent);font-style:normal}.links{flex-wrap:wrap;gap:1rem;margin-top:.9rem;display:flex}.links a{color:var(--muted);border-bottom:1px solid var(--border);font-size:.8rem;text-decoration:none;transition:color .15s,border-color .15s}.links a:hover{color:var(--accent);border-color:var(--accent)}.projects{margin-top:.5rem}.section{margin-bottom:.25rem}.section-toggle{text-align:left;cursor:pointer;width:100%;font-family:var(--mono);color:var(--fg);border:none;border-top:1px solid var(--border);background:0 0;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.85rem;font-weight:700;transition:color .15s;display:flex}.section-toggle:hover{color:var(--accent)}.section-toggle .arrow{color:var(--muted);font-size:.7rem;transition:transform .2s;display:inline-block}.section-toggle.open .arrow{transform:rotate(90deg)}.section-label{text-transform:uppercase;flex:1;font-size:1.4rem}.section-count{color:var(--muted);font-size:1rem;font-weight:400}.section-items{border-left:2px solid var(--border);margin-left:.25rem;padding:0 0 .5rem 1rem;display:none}.section-items.open{display:block}.project-item{cursor:pointer;border-bottom:1px solid #0000;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.4rem 0;display:grid}.project-item:hover .project-name,.project-item.active .project-name{color:var(--accent)}.project-name{color:var(--fg);font-size:1.25rem;transition:color .15s}.project-tags{color:var(--muted);flex-wrap:wrap;gap:.3rem;margin-top:.15rem;font-size:.9rem;display:flex}.tag{border:1px solid var(--border);border-radius:2px;padding:.05rem .3rem}.project-year{color:var(--muted);white-space:nowrap;font-size:.7rem}.ext-link{color:var(--accent);font-size:.7rem;text-decoration:none}.ext-link:hover{text-decoration:underline}.mobile-preview{background:var(--panel);border-top:1px solid var(--border);width:100%;padding:1rem;display:none;overflow:hidden}.mobile-preview.open{display:block}@media (width>=900px){.mobile-preview{display:none!important}}.preview-meta{color:var(--muted);margin-bottom:.75rem;font-size:.78rem;line-height:1.5}.preview-meta strong{color:var(--fg)}.thumb-gallery{border:1px solid var(--border);background:#f5f5f5;border-radius:4px;width:100%;height:100px;margin-top:.75rem;overflow:auto hidden}.thumb-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:.5rem;width:100%;height:100%;padding:.5rem;display:flex;overflow-x:auto}.thumb-scroll::-webkit-scrollbar{height:4px}.thumb-scroll::-webkit-scrollbar-track{background:var(--border)}.thumb-scroll::-webkit-scrollbar-thumb{background:var(--muted);border-radius:2px}.thumb-scroll::-webkit-scrollbar-thumb:hover{background:var(--fg)}.thumb-item{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:2px;flex-shrink:0;height:100%;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.thumb-item:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 8px #e02a0033}.thumb-item img{object-fit:cover;width:100%;height:100%;display:block}.carousel-modal{z-index:9999;opacity:0;pointer-events:none;background:#e5cbe583;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:none;position:fixed;inset:0}.carousel-modal.open{opacity:1;pointer-events:auto;display:flex}.carousel-container{pointer-events:auto;justify-content:center;align-items:center;width:95vw;max-width:1200px;height:95vh;max-height:800px;display:flex;position:relative}.carousel-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2rem;transition:transform .15s;display:flex;position:absolute;top:-40px;right:0}.carousel-close:hover{transform:scale(1.2)}.carousel-prev,.carousel-next{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;padding:.5rem 1rem;font-size:2rem;transition:background .15s,border-color .15s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-prev:hover,.carousel-next:hover{background:#fff3;border-color:#ffffff80}.carousel-prev:disabled,.carousel-next:disabled{opacity:.3;cursor:not-allowed}.carousel-prev{left:10px}.carousel-next{right:10px}@media (width<=600px){.carousel-container{width:95vw;max-width:none;height:95vh;max-height:none}.carousel-close{font-size:1.5rem;top:-35px}.carousel-prev,.carousel-next{padding:.3rem .6rem;font-size:1.5rem}.carousel-prev{left:5px}.carousel-next{right:5px}}.carousel-viewport{background:0 0;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.carousel-viewer{width:100%;height:100%;transition:transform .3s ease-out;display:flex}.carousel-slide{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.carousel-slide img,.carousel-slide video{object-fit:contain;max-width:100%;max-height:100%;display:block}.carousel-slide video{width:auto;height:auto}.slideshow{position:relative}.slides{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.5rem;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{height:3px}.slides::-webkit-scrollbar-track{background:var(--border)}.slides::-webkit-scrollbar-thumb{background:var(--muted)}.slide{scroll-snap-align:start;object-fit:contain;border:1px solid var(--border);background:#ddd;flex-shrink:0;width:calc(100% - 2rem);max-height:220px}.slide-placeholder{scroll-snap-align:start;background:var(--panel);border:1px solid var(--border);width:calc(100% - 2rem);height:140px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.preview-panel{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;height:100vh;display:none;position:sticky;top:0;overflow:hidden}.preview-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1.25rem}.preview-toggle-buttons{gap:.5rem;margin-top:.4rem;display:flex}.preview-toggle-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:1.2rem;font-family:var(--mono);background:0 0;border-radius:2px;padding:.3rem .6rem;transition:color .15s,border-color .15s,background .15s}.preview-toggle-btn:hover{color:var(--fg);border-color:var(--muted)}.preview-toggle-btn.active{color:var(--accent);border-color:var(--accent);background:0 0}#panelTitle{font-size:1.85rem;font-weight:700}#panelDesc{color:var(--muted);margin-top:.2rem;font-size:1.35rem;line-height:1.4}#panelActions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.6rem;display:flex}#panelActions a{color:var(--accent);border-bottom:1px solid var(--accent);font-size:.72rem;text-decoration:none}#panelActions a:hover{opacity:.7}.preview-content{flex:1;position:relative;overflow:hidden}#panelIframe{background:#fff;border:none;width:100%;height:100%;display:none}#panelIframe.active{display:block}#panelGallery{flex-direction:column;align-items:flex-start;gap:.75rem;height:100%;padding:.75rem;display:none;overflow-y:auto}#panelGallery img{border:1px solid var(--border);max-width:100%;max-height:100%;display:block}#panelGallery video{border:1px solid var(--border);width:100%;max-width:100%;max-height:100%;display:block}#panelEmpty{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.78rem;display:flex}.preview-empty-icon{opacity:.3;font-size:2rem}footer{color:var(--muted);border-top:1px solid var(--border);margin-top:2rem;padding-top:1.25rem;font-size:.82rem}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--accent)}.sub-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:.6rem 0 .2rem;font-size:.9rem;display:block}