@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@300;400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--text:#f0ece0;--accent:#c8f731;--muted:#3a3a3a;--subtle:#1a1a1a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);cursor:none;font-family:IBM Plex Mono,monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}::selection{background:var(--accent);color:var(--bg)}@media (max-width:768px){nav{padding:1.5rem!important}.hero{grid-template-rows:60vh auto;min-height:100svh;grid-template-columns:1fr!important}.hero-photo{height:60vh}.hero-photo:after{background:linear-gradient(to bottom,transparent 60%,var(--bg))!important}.hero-content{padding:2rem 1.5rem 3rem!important;transform:none!important}.hero-name{font-size:clamp(4rem,18vw,6rem)!important}.ticker-item{padding:0 1rem!important}#work{padding:4rem 1.5rem!important}#work>div{columns:2!important}#about{grid-template-columns:1fr!important;gap:2rem!important;padding:4rem 1.5rem!important}#about .about-photo{order:-1;max-height:400px}#contact{padding:4rem 1.5rem!important}footer{text-align:center!important;flex-direction:column!important;gap:.5rem!important;padding:1.5rem!important}}@media (max-width:480px){#work>div{columns:1!important}.hero-name{font-size:clamp(3.5rem,20vw,5rem)!important}}
