*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}button{cursor:pointer}img{display:block}:root{--bg: #141414;--fg: #e8e4dc;--fg-dim: rgba(232, 228, 220, .42);--fg-ghost: rgba(232, 228, 220, .035);--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "Space Mono", "Courier New", monospace;--nav-h: 76px}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#main-nav{position:fixed;inset:0 0 auto;z-index:200;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px;pointer-events:none}#main-nav>*{pointer-events:all}.nav-name{font-family:var(--sans);font-size:21px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);text-decoration:none}.nav-links{display:flex;gap:28px}.nav-link{font-family:var(--sans);font-size:21px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);text-decoration:none;transition:color .18s ease}.nav-link:hover,.nav-link[aria-current]{color:var(--fg)}#app{position:fixed;inset:0;overflow:hidden}.screen{position:absolute;inset:0;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease}.screen.active{opacity:1;visibility:visible}#screen-home{overflow:hidden;display:flex;flex-direction:column}.home-meta{flex-shrink:0;height:76px;background:var(--bg)}.home-bg{flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .1s}#screen-work{padding-top:var(--nav-h)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.series-cell{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--bg);border:none;padding:0}.series-cover{position:absolute;inset:0;background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform .55s ease}.series-cell:hover .series-cover{transform:scale(1.04)}.series-overlay{position:absolute;inset:0;background:#0c0c0bd6;opacity:0;transition:opacity .24s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;gap:7px}.series-cell:hover .series-overlay{opacity:1}.series-overlay-title{font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:.02em;color:var(--fg)}.series-overlay-count{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}#screen-projects{padding-top:var(--nav-h)}.projects-inner{max-width:880px;margin:0 auto;padding:52px 32px 120px}.project{margin-bottom:100px}.project:last-child{margin-bottom:0}.project-video-wrap{display:grid;gap:4px}.project-video-wrap[data-video-count="1"]{position:relative}.project-video-wrap[data-video-count="1"] iframe{position:relative;width:100%;aspect-ratio:16 / 9;border:0}.project-video-wrap[data-video-count="2"]{grid-template-columns:1fr}.project-video-wrap[data-video-count="2"] iframe{position:relative;width:100%;aspect-ratio:16 / 9;border:0}.project-video-wrap iframe{border:0}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;cursor:pointer;overflow:hidden}.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.video-play-btn{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;border:none;cursor:pointer;transition:background-color .3s ease;z-index:2}.video-play-btn:hover{background:#00000080}.video-play-btn svg{width:80px;height:80px;color:#e8e4dc;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:1px solid #1e1e1c}.video-placeholder span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#e8e4dc2e}.project-meta{display:flex;align-items:baseline;gap:16px;margin-top:22px;margin-bottom:12px}.project-title{font-family:var(--sans);font-size:17px;font-weight:400;letter-spacing:.01em;color:var(--fg)}.project-year{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--fg-dim)}.project-desc{font-family:var(--sans);font-size:14px;font-weight:300;line-height:1.78;color:var(--fg-dim);max-width:620px}#screen-about{overflow:hidden}.about-ghost{position:absolute;top:120px;left:48px;font-family:var(--sans);font-size:clamp(60px,12.5vw,196px);font-weight:300;line-height:1;letter-spacing:-.03em;white-space:nowrap;color:var(--fg-ghost);pointer-events:none;user-select:none;display:none}.about-scroll{position:absolute;inset:0;overflow-y:auto;display:flex;align-items:flex-start;padding:120px 48px 80px}.about-content{position:relative;z-index:1;max-width:667px}.about-bio{font-family:var(--sans);font-size:15px;font-weight:300;line-height:1.82;color:var(--fg)}.about-bio p{margin:0}.about-links{display:flex;gap:32px;margin-top:36px}.about-link{font-family:var(--mono);font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);text-decoration:none;transition:color .18s ease}.about-link:hover{color:var(--fg)}#lightbox{position:fixed;inset:0;z-index:300;background:#090908f7;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;display:flex;flex-direction:column}#lightbox.active{opacity:1;visibility:visible}.lb-bar{flex-shrink:0;display:flex;align-items:center;padding:26px 32px;gap:16px}.lb-title{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim)}.lb-counter{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--fg-dim);margin-left:auto}.lb-close{background:none;border:none;color:var(--fg-dim);font-size:15px;line-height:1;padding:4px 0 4px 20px;transition:color .18s}.lb-close:hover{color:var(--fg)}.lb-stage{flex:1;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:40px 80px 48px;min-height:0}.lb-img{max-width:100%;max-height:90vh;object-fit:contain}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-family:var(--mono);font-size:30px;color:var(--fg-dim);padding:20px 24px;opacity:0;transition:opacity .18s,color .18s;line-height:1}#lightbox:hover .lb-arrow{opacity:1}.lb-arrow:hover{color:var(--fg)}.lb-prev{left:0}.lb-next{right:0}@media (max-width: 768px){.work-grid{grid-template-columns:repeat(2,1fr)}#main-nav{padding:20px 24px}.nav-links{gap:20px}.projects-inner{padding:40px 24px 80px}.about-scroll{padding:110px 28px 60px}.lb-stage{padding:0 56px 40px}}@media (max-width: 480px){.work-grid{grid-template-columns:1fr}.lb-stage{padding:0 44px 36px}}