@font-face{font-family:Metrik;src:url(/assets/MetrikTrial-Bold-8YjpdGig.otf) format("opentype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;height:100vh;overflow:hidden;background:#fffefa;transition:background .3s;cursor:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='14'%20cy='14'%20r='14'%20fill='%23111111'/%3e%3c/svg%3e") 14 14,auto}a,button{cursor:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='14'%20cy='14'%20r='14'%20fill='%23111111'/%3e%3c/svg%3e") 14 14,pointer}body.dark-mode{background:#111;cursor:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='14'%20cy='14'%20r='14'%20fill='%23FFFEFA'/%3e%3c/svg%3e") 14 14,auto}body.dark-mode a,body.dark-mode button{cursor:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='14'%20cy='14'%20r='14'%20fill='%23FFFEFA'/%3e%3c/svg%3e") 14 14,pointer}body.dark-mode .nav-button,body.dark-mode .dark-button,body.dark-mode .page-content h1{color:#fffefa}body.dark-mode .logo{filter:invert(1)}header{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;transition:opacity .3s}.nav-left{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.nav-button{font-family:Metrik,sans-serif;color:#111;text-decoration:none;font-size:32px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1}.nav-button+.nav-button{margin-top:-20px}.dark-button{font-family:Metrik,sans-serif;color:#111;text-decoration:none;font-size:32px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1}main{width:100%;position:relative;z-index:5;pointer-events:none}main *{pointer-events:auto}#drawing-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;mix-blend-mode:exclusion;pointer-events:none}.logo{width:calc(100% - 40px);height:auto;display:block;margin-left:20px;margin-right:20px;margin-top:80px;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.page-content{margin-top:80px;padding:20px}.page-content h1{font-family:Metrik,sans-serif;font-size:48px;font-weight:700;color:#111}.nav-title{font-family:Metrik,sans-serif;color:#111;font-size:32px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1;text-decoration:none}body.dark-mode .nav-title{color:#fffefa}.back-arrow{text-decoration:none;line-height:1;display:block}.arrow-icon{height:32px;width:auto;display:block}body.dark-mode .arrow-icon{filter:invert(1)}.bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.bg-video.active{opacity:1}.page-logo{position:fixed;top:80px;left:20px;right:20px;width:calc(100% - 40px);height:auto;z-index:1;transition:opacity .3s;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body.dark-mode .page-logo{filter:invert(1)}.projects-list{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;z-index:5}.project-link{font-family:Metrik,sans-serif;color:#111;text-decoration:none;font-size:60px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:52px;text-align:center}body.dark-mode .project-link{color:#fffefa}@media (max-width: 768px){.nav-button,.dark-button{font-size:24px}}