body{min-height:100vh;margin:0;padding:0;color:#fff!important;background-color:#000!important}#bg,canvas{z-index:-1;pointer-events:none;background-color:#000;width:100vw;height:100vh;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}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);grid-column:2/8;padding:1rem;font-size:1.25rem;line-height:1.5;margin-top:80px!important;margin-bottom:100px!important}blockquote{grid-column:2/span 9;margin:0;padding:0;margin-top:80px!important;margin-bottom:100px!important}blockquote p{color:#000;background-color:#fff;font-size:3.5rem;line-height:1;display:inline}.left{grid-column:6/12}blockquote:first-of-type p{font-size:4rem!important}.retro-link{color:#fff;padding:5px 0;font-family:inherit;font-size:1.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.retro-link:hover{color:#000;cursor:pointer;background-color:#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}.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:100px;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}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}@media (width<=768px){main{grid-template-columns:1fr!important;padding:20px 10px!important}section,blockquote{grid-column:1/-1!important;margin-top:40px!important;margin-bottom:40px!important}header{margin-top:50px!important;font-size:2rem!important}blockquote p{font-size:2.5rem!important}.project-container{grid-template-columns:1fr!important;padding:20px!important}.project-sidebar{margin-bottom:30px;width:100%!important;height:auto!important;margin-left:0!important;position:relative!important}.media-content{grid-template-columns:1fr!important}.poster-grid{grid-template-columns:repeat(2,1fr)!important}}