:root{--bg:#131418;--surface:#1a1b20;--text:#f0f0f2;--muted:#9b9ba3;--bar:rgba(0, 0, 0, 0.88)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{background:var(--surface);border-bottom:1px solid rgba(255,255,255,.06);padding:1.25rem 1.5rem}.site-header-inner{max-width:900px;margin:0 auto}.site-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.site-title:hover{color:var(--muted)}.project-main{flex:1;max-width:900px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;width:100%}.project-main--embed{max-width:min(1200px,100%);padding-left:0;padding-right:0}.project-main--embed .back-link,.project-main--embed .project-page-heading,.project-main--embed .project-page-lead{padding-left:1.25rem;padding-right:1.25rem}.project-page-lead{margin:0 0 1.25rem;max-width:52rem;font-size:1rem;line-height:1.55;color:var(--muted,#9b9ba3);font-weight:400}.project-page-lead[hidden]{display:none!important}.project-page-lead a{color:var(--text,#f0f0f2);text-decoration:underline;text-underline-offset:0.15em}.project-page-lead a:hover{color:var(--muted,#9b9ba3)}.project-tiles-host{width:100%;margin-top:.35rem;padding:0 1.25rem 2rem;min-height:4rem}.project-tiles-host--loading::before{content:'';display:block;width:2rem;height:2rem;margin:2rem auto;border:2px solid rgba(255,255,255,.12);border-top-color:var(--muted,#9b9ba3);border-radius:50%;animation:project-tiles-spin .7s linear infinite}@keyframes project-tiles-spin{to{transform:rotate(360deg)}}.project-tiles-grid{--project-tile-min:clamp(9.5rem, 24vw, 19rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--project-tile-min)),1fr));gap:6px;align-items:start;list-style:none;margin:0;padding:0}.project-tile{margin:0;padding:0;border:none;background:#0d0e12;overflow:hidden;min-width:0;width:100%}.project-tile--image{--tile-ar:1;display:flex;flex-direction:column;position:relative}.project-tile-btn{display:block;width:100%;aspect-ratio:var(--tile-ar);padding:0;margin:0;border:none;cursor:zoom-in;background:#0d0e12;border-radius:0}.project-tile-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.project-tile--video{grid-column:1/-1;width:100%;max-width:none;justify-self:stretch}.project-tile-video{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#0a0b0e}.project-tile-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.project-tile-caption{margin:.5rem 0 0;padding:0 .25rem .75rem;font-size:.85rem;color:var(--muted,#9b9ba3);text-align:center}.project-tiles-empty{margin:1.5rem 1.25rem;color:var(--muted,#9b9ba3);font-size:.9rem}.project-tiles-empty a{color:var(--text,#f0f0f2);text-decoration:underline}.project-lightbox{padding:0;border:none;background:rgba(0,0,0,.92);max-width:100vw;max-height:100vh}.project-lightbox::backdrop{background:rgba(0,0,0,.75)}.project-lightbox-inner{position:relative;padding:2.5rem 1rem 1rem;display:flex;align-items:center;justify-content:center;min-height:40vh}.project-lightbox-img{max-width:min(96vw,1400px);max-height:min(88vh,1200px);width:auto;height:auto;object-fit:contain}.project-lightbox-close{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;border:none;border-radius:8px;background:rgba(255,255,255,.1);color:var(--text,#f0f0f2);font-size:1.5rem;line-height:1;cursor:pointer}.project-lightbox-close:hover{background:rgba(255,255,255,.18)}.back-link{display:inline-block;font-size:.9rem;font-weight:600;color:var(--muted);margin-bottom:1.25rem;transition:color .15s}.back-link:hover{color:var(--text)}.project-main h1,.project-page-heading{font-size:clamp(1.35rem, 4vw, 1.75rem);font-weight:700;line-height:1.25;margin:0 0 1rem;letter-spacing:-.02em}.bottom-bar{position:sticky;bottom:0;width:100%;background:var(--bar);display:flex;justify-content:center;padding:10px 0;gap:35px;min-height:30px;border-top:1px solid rgba(255,255,255,.06)}.bottom-bar img{width:40px;height:40px;transition:transform .2s}.bottom-bar a:hover img{transform:scale(1.1)}@media (max-width:767px){.bottom-bar{justify-content:space-around;gap:12px}.bottom-bar img{width:30px;height:30px}}@media (max-width:1025px){.bottom-bar img{width:35px;height:35px}}