:root{--fib-1:8px;--fib-2:13px;--fib-3:21px;--fib-4:34px;--fib-5:55px;--fib-6:89px;--fib-7:144px;--color-bg:#fff;--color-line:#000;--color-text-main:#000;--color-text-sub:#666}body,html{background-color:var(--color-bg);height:100%;color:var(--color-text-main);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#loader{background-color:var(--color-bg);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s;display:flex;position:fixed;top:0;left:0}.loader-content{flex-direction:column;align-items:center;display:flex}.logo-box-loader{border:2px solid var(--color-line);padding:var(--fib-3) var(--fib-4);display:flex}.logo-container{letter-spacing:2px;text-transform:uppercase;font-size:2.5rem;line-height:1;display:flex}.urban{font-weight:300}.metric-wrapper{color:#e5e5ea;margin-left:2px;font-weight:900;position:relative}.metric-fill{color:var(--color-text-main);white-space:nowrap;animation:2s cubic-bezier(.4,0,.2,1) forwards medir;position:absolute;top:0;left:0;overflow:hidden}.logo-subtitle{margin-top:var(--fib-2);letter-spacing:4px;color:var(--color-text-main);text-transform:uppercase;font-size:.7rem;font-weight:700}@keyframes medir{0%{width:0%}to{width:100%}}#main-grid{background-color:#000;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;width:100vw;height:100vh;display:grid}.module{background-color:var(--color-bg);text-align:center;cursor:pointer;padding:var(--fib-3);flex-direction:column;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.module:hover{background-color:var(--color-line);color:var(--color-bg)}.module:hover .module-title{color:var(--color-bg)}.module:hover .module-subtitle{color:#aaa}.module-title{text-transform:uppercase;letter-spacing:-.5px;color:var(--color-text-main);margin-bottom:var(--fib-1);font-size:1.4rem;font-weight:900;transition:color .2s}.module-subtitle{color:var(--color-text-sub);text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:700;transition:color .2s}.module.expanded{z-index:100;background-color:var(--color-bg);cursor:default;width:100vw;height:100vh;color:var(--color-text-main);flex-direction:row;padding:0;display:flex;position:fixed;top:0;left:0}.module.expanded>.module-title,.module.expanded>.module-subtitle{display:none}.back-btn{z-index:99999;color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#000;border:none;padding:8px 13px;font-size:10px;font-weight:900;transition:all .3s;position:fixed;top:21px;right:21px}.back-btn:hover{background:#ff3b30;transform:scale(1.05)}.content-wrapper{background-color:var(--color-bg);height:100%;padding:var(--fib-7) var(--fib-6) var(--fib-6) var(--fib-6);flex-direction:column;flex:1;align-items:center;animation:.6s ease-out fadeIn;display:flex;overflow-y:auto}.editorial-container{text-align:center;width:100%;max-width:800px}h2.main-title{text-transform:uppercase;margin-bottom:var(--fib-4);letter-spacing:-2px;font-size:3.5rem;font-weight:900;line-height:1}p.main-concept{color:#333;margin-bottom:var(--fib-6);font-size:1.25rem;font-weight:400;line-height:1.6}.pixel-cards-grid{gap:var(--fib-3);margin-top:var(--fib-4);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.pixel-card{border:2px solid var(--color-line);padding:var(--fib-4);text-align:left;background-color:var(--color-bg);transition:transform .2s,box-shadow .2s}.pixel-card:hover{transform:translateY(-4px);box-shadow:6px 6px #0000001a}.pixel-card h4{text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:var(--fib-3);font-size:.95rem;font-weight:900;display:block}.pixel-card p{color:#444;margin:0;font-size:.95rem;font-weight:400;line-height:1.5}.contact-layout{flex-direction:row;width:100%;height:100%;display:flex}.contact-info{padding:var(--fib-7) var(--fib-6);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.tetris-sidebar{width:450px;height:100%;padding:var(--fib-3);background-color:#fff;border-left:1px solid #000;flex-direction:column;justify-content:center;align-items:center;display:flex}.tetris-microcopy{margin-bottom:var(--fib-2);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-style:italic;font-weight:900}#tetris-canvas{border:2px solid var(--color-line);background-color:var(--color-bg)}.tetris-score{margin-bottom:var(--fib-3);text-transform:uppercase;letter-spacing:2px;font-size:1.1rem;font-weight:900}.contact-details{margin-top:var(--fib-5);padding-top:var(--fib-2);border-top:2px solid #000}.label{letter-spacing:2px;color:#666;margin-bottom:5px;font-size:.7rem;font-weight:900}.value{margin-bottom:var(--fib-4);font-size:1.5rem;font-weight:900}.microcopy-box{margin-top:var(--fib-5);padding:var(--fib-3);text-align:center;border:1px dashed #000;max-width:80%;font-size:.9rem;font-style:italic;font-weight:700}@media (width<=1024px){.contact-layout{flex-direction:column;overflow-y:auto}.tetris-sidebar{border-left:none;border-top:1px solid var(--color-line);width:100%;padding:var(--fib-5) 0}}