body{min-height:100vh;margin:0;padding:0;color:#fff!important;background-color:#000!important}#bg{z-index:-1;pointer-events:none;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}canvas{position:fixed;top:0;left:0}:root{--dark-bg:#0f0f0ff2;--spacing:350px;font-family:brandon-grotesque,sans-serif;font-style:normal;font-weight:400}main{grid-template-columns:repeat(12,1fr);width:100%;min-height:80vh;margin:0 auto;padding:40px 0;display:grid;position:relative}h1,h2,h3,blockquote{font-family:elevon,sans-serif;font-style:normal;font-weight:700}canvas{z-index:-1;position:fixed;top:0;left:0}header{margin-top:150px;margin-bottom:var(--spacing);background:0 0;grid-column:2/span 5;padding:1rem 0;font-size:3rem}section{background:var(--dark-bg);margin-bottom:var(--spacing);grid-column:2/8;padding:1rem;font-size:1.25rem;line-height:1.5}blockquote{margin:0;margin-bottom:var(--spacing);grid-column:2/span 9;padding:0}blockquote p{color:#000;background-color:#fff;font-size:4rem;line-height:1;display:inline}.left{grid-column:6/12}section,blockquote{margin-top:80px!important;margin-bottom:100px!important}blockquote p{font-size:3.5rem}blockquote:first-of-type p{font-size:4rem!important}.retro-nav{flex-direction:column;align-items:flex-end;margin:2rem 0;padding:0;display:flex}.retro-nav ul{width:100%;margin:0;padding:0;list-style:none}.retro-nav a{color:#fff;text-align:right;width:fit-content;margin-bottom:15px;padding:5px 0;font-family:inherit;font-size:1.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.retro-nav a:hover{color:#000;cursor:pointer;background-color:#fff;border:1px solid #fff}.retro-back-btn{z-index:9999;color:#fff;background-color:#00000080;border:1px solid #fff;padding:8px 15px;font-family:monospace;font-size:1rem;text-decoration:none;transition:all .2s;position:fixed;top:30px;left:30px}.retro-back-btn:hover{color:#000;background-color:#fff}.retro-back-btn{z-index:1000;color:#fff;background:#00000080;border:1px solid #fff;padding:10px;font-family:monospace;text-decoration:none;position:fixed;top:30px;left:30px}.retro-back-btn:hover{color:#000;background:#fff}section{color:#fff;background:#0f0f0ff2}.project-container{grid-template-columns:270px 1fr;align-items:start;gap:50px;max-width:1400px;margin:0 auto;padding:60px 40px;display:grid}.project-sidebar{flex-shrink:0;width:350px;height:calc(100vh - 120px);margin-left:-100px;position:sticky;top:130px;overflow-y:auto}.media-content{grid-template-columns:1fr 1fr;gap:20px;min-width:0;display:grid}.media-content .full-span{grid-column:span 2}.poster-grid{border-top:1px solid #333;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-top:50px;padding-top:30px;display:grid}img{object-fit:cover;width:100%;transition:opacity .3s}img:hover{opacity:.7}.section-block{margin-top:1px}.section-block h2{letter-spacing:2px;border-top:1px solid #fff;margin-bottom:3px;padding-top:10px;font-size:1.2rem}.poster-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.wechat-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.section-block img{background:0 0;width:100%;height:auto;display:block}:where(.project-container) main{padding-top:20px!important;padding-bottom:20px!important}:where(.project-container) header,:where(.project-container) section{margin-bottom:20px!important}:where(.project-container) h1,:where(.project-container) h2{margin-top:5px!important;margin-bottom:5px!important}body{box-sizing:border-box;min-height:100vh;padding-bottom:100px;position:relative}.site-footer{z-index:100;background-color:#000;justify-content:center;align-items:center;width:100%;height:100px;display:flex;position:absolute;bottom:0;left:0}