*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,Helvetica Neue,Arial,sans-serif}body{background-color:#fff;color:#f5f5f5}.page{min-height:100vh;background-color:#121212;color:#f5f5f5;position:relative}.site-header{position:fixed;top:24px;left:32px;right:32px;z-index:10;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em}.site-logo{text-transform:uppercase}.site-nav{display:flex;gap:24px}.site-nav a{text-decoration:none;color:#f5f5f5;text-transform:uppercase;font-size:12px;letter-spacing:.16em}.site-nav a:hover{opacity:.7}@media(max-width:600px){.site-header{top:16px;left:16px;right:16px}.site-nav{gap:16px}}.hero-menu{height:100vh;width:100%;background:#121212;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:0}.hero-menu-content{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.1em}.hero-menu-item{position:relative;overflow:hidden;cursor:pointer;width:max-content;font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;text-transform:uppercase;font-size:clamp(50px,8vw,130px);line-height:.9;letter-spacing:-.04em;display:inline-block;padding:0 .05em}.hero-menu-item .hidden{position:absolute;left:.05em;bottom:100%;display:inline-block}.hero-menu-item .visible span,.hero-menu-item .hidden span{display:inline-block;will-change:transform}.hero-menu-item .letter{pointer-events:auto}.hero-menu-item.hovered span{pointer-events:none}.hero-menu-item span{line-height:inherit}.projects-section{background-color:#121212;color:#f5f5f5;padding:120px 32px 80px}.projects-table{margin:0 auto;font-size:13px;letter-spacing:.12em;border-top:1px solid #444}.projects-row--header{display:grid;grid-template-columns:3fr 2fr 2fr;padding:10px 16px;border-bottom:1px solid #444;font-size:11px;color:#999}.projects-row--body{display:grid;grid-template-columns:3fr 2fr 2fr;padding:14px 16px;border-bottom:1px solid #444}.projects-row--body:hover{background-color:#f5f5f5;color:#121212;cursor:pointer;transition:background-color .2s ease,color .2s ease}.projects-row--body.is-active{background-color:#f5f5f5;color:#121212;border-bottom:none}.project-detail-wrapper{overflow:hidden}.projects-cell{padding-right:16px}.projects-cell--title{font-weight:500}.project-detail{padding:32px 16px 48px;border-bottom:1px solid #444;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.5fr);gap:40px}.project-detail-main{max-width:720px}.project-detail-description{font-size:24px;line-height:1.5;margin-bottom:24px}.project-detail-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 26px;border-radius:999px;border:1px solid #f5f5f5;background-color:#f5f5f5;color:#121212;font-size:14px;font-weight:500;text-decoration:none;margin-bottom:24px;transition:background-color .2s ease,color .2s ease}.project-detail-button:hover{background-color:transparent;color:#f5f5f5}.project-detail-roles{list-style:none;padding:0;margin:0;font-size:14px}.project-detail-roles li:before{content:"●";font-size:10px;margin-right:8px}.project-detail-image{width:100%;aspect-ratio:16 / 9;border-radius:16px;object-fit:cover;display:block;border:1px solid #444}.project-detail-media{display:flex;align-items:flex-start;justify-content:center}.project-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:16px;border:1px solid #444;display:flex;align-items:center;justify-content:center;font-size:14px;color:#999}.projects-row--footer{display:grid;grid-template-columns:1fr;padding:14px 16px;border-bottom:1px solid #444;color:#999;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-align:center}.projects-row--footer:hover{background:transparent;color:#999;cursor:default}@media(max-width:900px){.projects-section{padding:80px 16px 60px}.project-detail{grid-template-columns:1fr;gap:32px}}.page-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:9999}.site-footer{background:#121212;padding:40px 0 60px;text-align:center}.site-footer p{color:#888;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0}
