:root{color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0b0b;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{background-color:#0b0b0b;min-width:320px;min-height:100vh;margin:0}img{max-width:100%;display:block}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:2.5rem 6vw 1.5rem;display:flex}.brand{flex-direction:column;gap:.35rem;display:flex}.site-name{letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem}.site-tagline{color:#ffffffb3;font-size:.9rem}.site-nav{text-transform:uppercase;letter-spacing:.08em;gap:1.5rem;font-size:.95rem;display:flex}.nav-link{color:#ffffffb3;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link-active{color:#fff}.site-main{flex:1;padding:2.5rem 6vw 4rem}.site-footer{color:#fff9;border-top:1px solid #ffffff14;padding:1.5rem 6vw 2.5rem;font-size:.8rem}.page{flex-direction:column;gap:2rem;display:flex}.page-header h1{margin:0;font-size:clamp(2rem,3vw,3.2rem)}.page-intro{color:#ffffffb3;max-width:56ch}.page-body{color:#fffc;max-width:60ch;line-height:1.7}.filters{flex-direction:column;gap:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.75rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.12em;color:#fff9;font-size:.8rem}.filter-chips{flex-wrap:wrap;gap:.6rem;display:flex}.chip{color:#ffffffb3;cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;transition:all .2s}.chip-active{color:#fff;border-color:#fffc}.works-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.work-card{flex-direction:column;gap:.75rem;display:flex}.work-card-active{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.work-thumb{aspect-ratio:4/5;cursor:pointer;background:#ffffff14;border-radius:12px;position:relative;overflow:hidden}.work-thumb-active{cursor:default}.work-thumb img{object-fit:cover;width:100%;height:100%;display:block}.work-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.work-title{font-size:1rem}.work-subtitle{color:#ffffffa6;font-size:.8rem}.work-toggle{color:#fffc;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:.35rem .8rem;font-size:.75rem}.work-toggle:hover{color:#fff;border-color:#fff9}.work-modal{z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{background:#0009;position:absolute;inset:0}.modal-panel{background:#0d0d0d;border:1px solid #ffffff14;flex-direction:column;gap:1.5rem;width:min(90vw,920px);max-width:920px;max-height:90vh;padding:2rem;display:flex;position:relative;overflow:auto}.modal-header{justify-content:space-between;gap:1rem;display:flex}.modal-subtitle{color:#ffffffa6;font-size:.9rem}.modal-body{flex-direction:column;gap:1rem;display:flex}.media-player,.media-image{object-fit:cover;background:#ffffff0f;border-radius:12px;width:100%;height:100%}.zoom-viewer{background:#ffffff0a;border-radius:12px;width:100%;height:100%;overflow:hidden}.zoom-shell{height:100%;position:relative}.zoom-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #fff3;border-radius:999px;gap:.4rem;padding:.35rem;display:flex;position:absolute;bottom:1rem;right:1rem}.zoom-button{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;width:2.2rem;height:2.2rem;font-size:.9rem}.zoom-button:hover{background:#fff3}.zoom-viewer .openseadragon-canvas{outline:none}.zoom-placeholder{color:#fff9;border:1px dashed #ffffff4d;border-radius:12px;padding:1.5rem;font-size:.9rem}.work-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag-pill{color:#ffffffb3;border:1px solid #fff3;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.contact-form{flex-direction:column;gap:1rem;max-width:520px;display:flex}.field{color:#ffffffb3;flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.field input,.field textarea{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;padding:.7rem .9rem;font-size:.95rem}.button{color:#000;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#fff;border:none;border-radius:999px;align-self:flex-start;padding:.6rem 1.4rem;font-size:.85rem}.button.ghost{color:#fff;background:0 0;border:1px solid #fff6}.inline-code{padding:0 .3rem;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width:760px){.site-header{flex-direction:column;align-items:flex-start;gap:1.2rem}.modal-panel{padding:1.5rem}}