*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Space Mono,monospace;background:#fff;color:#000}.container{display:grid;grid-template-columns:repeat(4,1fr);height:100vh;width:100vw}.left-panel{grid-column:1 / 4;display:flex;flex-direction:column;justify-content:space-between;padding:24px;position:relative;height:100vh}.right-panel{grid-column:4 / 5;display:grid;grid-template-columns:1fr 1fr;gap:150px;padding:150px;background:#fff;overflow:hidden;height:100vh}.header{display:flex;justify-content:space-between;align-items:flex-start;opacity:0;transform:translateY(20px);margin:0}.name{font-size:13px;font-weight:400;font-family:Space Mono,monospace;letter-spacing:.05em;margin:0}.info-link{color:#000;text-decoration:none;font-size:13px;font-family:Space Mono,monospace;letter-spacing:.05em;transition:opacity .3s ease}.info-link:hover{opacity:.7}.bio{flex:1;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);margin:0}.bio p{font-size:11px;line-height:1.8;text-align:justify;font-family:Space Mono,monospace;max-width:480px;margin:0}.footer{opacity:0;transform:translateY(20px);margin:0}.title{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px;font-family:Space Mono,monospace;margin-top:0}.location{font-size:11px;font-family:Space Mono,monospace;margin:0}.film-column{display:flex;flex-direction:column;gap:150px;will-change:transform}.thumbnail-card{position:relative;cursor:pointer;transition:transform .4s ease;flex:1;background:#fff;border:1px solid #000000;aspect-ratio:3 / 4;overflow:hidden}.thumbnail-card.active-project{background:#f0f0f0}.thumbnail-card:hover{transform:scale(1.02)}.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease;z-index:1}.active-project .thumbnail-image{background:#f0f0f0}.thumbnail-card:hover .thumbnail-image{filter:grayscale(0%)}.project-item{display:flex;flex-direction:row;align-items:flex-start;gap:6px}.project-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-family:Space Mono,monospace;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:#000;align-self:flex-start;white-space:nowrap;margin:0;padding:0}.fade-in{opacity:1!important;transform:translateY(0)!important}@media (max-width: 1024px){.container{grid-template-columns:2fr 1fr}.left-panel{grid-column:1 / 2;padding:20px}.right-panel{grid-column:2 / 3}.title{font-size:36px}.bio p{max-width:400px}.right-panel{gap:120px;padding:120px}.film-column{gap:120px}}@media (max-width: 768px){.container{grid-template-columns:1fr;grid-template-rows:1fr auto}.left-panel{grid-column:1;grid-row:1;padding:16px}.right-panel{grid-column:1;grid-row:2;height:40vh}.title{font-size:28px}.bio p{font-size:10px;max-width:320px}.name,.info-link{font-size:12px}.location{font-size:10px}.right-panel{gap:90px;padding:90px}.film-column{gap:90px}.project-label{font-size:8px;letter-spacing:.1em}}