#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#1a1a1a}.bg-fake-text-2{position:absolute;top:100px;left:200px;width:100%;height:100%;z-index:0;font-family:Space Mono,monospace;font-size:13px;color:#464545;pointer-events:none;overflow:hidden;padding:3rem 2rem;display:flex;flex-direction:column;gap:.5rem}.bg-fake-text{position:absolute;top:500px;left:700px;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;padding:3rem 2rem;display:flex;flex-direction:column;gap:.5rem}.bg-fake-text div{font-family:Space Mono,monospace;font-size:13px;color:#464545;opacity:.7;line-height:1.5;white-space:pre-line;-webkit-user-select:none;user-select:none}.tagline-divider{position:absolute;left:6rem;top:1rem;width:1.5px;min-width:1.5px;height:1840vh;background:#bbb;border-radius:1px;z-index:2}:root{--bodyFont: "Inter", sans-serif;--headingFont: "Space Mono", monospace;--dark: #1a1a1a;--light: #f5f5f5;--beige: #f0ebe3;--gray: #6b6b6b}*{outline:none;box-sizing:border-box;margin:0;padding:0;border:0px}body{background:var(--dark);font-family:var(--bodyFont);color:var(--light);overflow-x:hidden}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.08;z-index:9999;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="300" height="300"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noise)" /%3E%3C/svg%3E');animation:grain 8s steps(10) infinite}@keyframes grain{10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.hero-section{position:relative;height:100vh;background:var(--dark);overflow:hidden;display:grid;grid-template-columns:1fr 400px;padding:2rem 3rem}.sidebar-vertical{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:11px;letter-spacing:.2em;color:var(--gray);text-transform:uppercase;font-weight:500}.top-nav{position:absolute;top:2.5rem;right:1.5rem;display:flex;gap:3rem;z-index:100}.nav-item{font-size:18px;color:var(--light);cursor:pointer;transition:opacity .3s;font-weight:400;opacity:1!important}.nav-item:hover{opacity:.6}.bg-code{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.15;pointer-events:none}.bg-code div{position:absolute;left:5%;font-family:var(--headingFont);font-size:8px;color:var(--light);white-space:nowrap;overflow:hidden;max-width:60%}.left-info{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:flex-start;padding:4rem 0 3rem 4rem}.side-nav{display:flex;flex-direction:row;gap:4rem;margin-bottom:2.5rem;margin-left:42rem;align-items:flex-start;position:relative;left:0}.side-nav .nav-item{font-size:20px;color:var(--light);opacity:1!important;font-weight:400;cursor:pointer;transition:opacity .3s}.side-nav .nav-item:hover{opacity:.6}.studio-label{font-size:11px;letter-spacing:.2em;color:var(--gray);text-transform:uppercase;margin-bottom:2rem}.main-title{font-size:11vw;font-weight:900;line-height:.9;letter-spacing:-.04em;color:var(--light);margin:auto 0;opacity:1!important}.menu-items{display:flex;flex-direction:column;gap:.5rem;font-size:13px;color:var(--gray);margin-top:3rem}.portfolio-link{margin-top:1.5rem;text-decoration:underline;cursor:pointer}.copyright{font-size:10px;color:var(--gray);margin-top:2rem}.meta-info{font-size:10px;color:var(--gray);margin-top:.5rem}.tagline-panel{position:relative;background:var(--beige);color:var(--dark);padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:space-between;z-index:10;opacity:1!important;background-color:var(--beige)!important;min-width:420px;max-width:480px;margin-left:-5rem}.divider{border:none;border-top:2px solid #bbb;margin:2.5rem 0 1.5rem;width:100%}.divider-wide{position:relative;top:-1.5rem;border-top:1.5px solid #bbb;left:-1440px;width:1840px;max-width:calc(100vw - 48px)}.tagline{font-size:3.4rem;font-weight:bolder;line-height:1.15;letter-spacing:-.02em;margin-bottom:auto;margin-top:8rem}.selected-projects{font-size:24px;color:var(--gray);margin-top:4rem;margin-bottom:2rem}.version{font-size:5rem;font-weight:900;text-align:right;margin-bottom:1rem}.footer-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--gray)}.pause-left,.pause-bottom{position:absolute;color:var(--gray);font-size:12px;letter-spacing:.2em}.pause-left{left:1.5rem;top:50%;transform:translateY(-50%);writing-mode:vertical-rl}.pause-bottom{bottom:2rem;left:50%;transform:translate(-50%)}#horizontal-scroll{padding:160px 0;position:relative;background:var(--dark)}.horizontal-scroll-wrapper{overflow:hidden;height:55vh;position:relative}.horizontal{display:flex;align-items:center;height:100%;padding-left:18vw;will-change:transform}.horizontal>div{padding:0 4vw;flex-shrink:0}.horizontal .card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:35vw;min-height:50vh;padding:3rem 2.5rem;border:1px solid var(--gray);background:var(--beige);color:var(--dark);position:relative;transition:all .4s ease}.horizontal .card:hover{border-color:var(--dark);transform:translateY(-8px)}.card h2{font-size:2.5rem;font-weight:600;margin:0;letter-spacing:-.02em;line-height:1.1}.card .count{color:var(--gray);font-size:1rem;font-weight:400;line-height:1.4;font-family:var(--bodyFont);opacity:.7;letter-spacing:.05em}.horizontal>div:last-child{padding:0 6vw 0 4vw}.cta-section{background:var(--beige);padding:0;position:relative;overflow:hidden}.cta-container{display:flex;align-items:center;justify-content:space-between;padding:4rem 3rem;max-width:100%}.cta-title{font-size:8vw;font-weight:400;letter-spacing:-.02em;color:var(--dark);margin:0;line-height:1}.cta-button{width:120px;height:120px;border-radius:50%;background:var(--dark);color:var(--beige);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s ease;flex-shrink:0}.cta-button:hover{transform:scale(1.1) rotate(45deg);background:var(--gray);color:var(--light);border:2px solid var(--dark)}.cta-button svg{width:32px;height:32px}.as-should-be-section{background:var(--beige);padding:0;min-height:60vh;display:flex;align-items:center;justify-content:center}.as-should-be-grid{display:grid;grid-template-columns:1.5fr 1fr;width:100%;max-width:1400px;padding:5rem 3rem 4rem 6vw;gap:2rem}.as-should-be-left{display:flex;flex-direction:column;justify-content:flex-start}.as-should-be-title{font-size:3.5rem;font-weight:700;color:var(--dark);margin-bottom:2rem;letter-spacing:-.01em}.as-should-be-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2.5rem}.as-should-be-links{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.7rem}.as-should-be-links a{color:var(--dark);text-decoration:none;font-size:1rem;font-weight:400;transition:opacity .3s}.as-should-be-links a:hover{opacity:.6}.as-should-be-copyright{font-size:13px;color:var(--gray)}.main-footer{background:var(--dark);padding:5rem 3rem 2rem;color:var(--light)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand h3{font-size:1.8rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem;line-height:1.1;color:var(--light)}.footer-brand p{font-size:13px;line-height:1.6;color:var(--gray);margin-bottom:2rem;max-width:350px}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;border:1px solid var(--gray);display:flex;align-items:center;justify-content:center;color:var(--light);text-decoration:none;font-size:11px;font-weight:500;transition:all .3s}.social-links a:hover{background:var(--light);color:var(--dark);border-color:var(--light)}.footer-column h4{font-size:11px;letter-spacing:.15em;color:var(--gray);margin-bottom:1.5rem;font-weight:500}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.8rem}.footer-column ul li a{color:var(--light);text-decoration:none;font-size:14px;transition:opacity .3s;font-weight:300}.footer-column ul li a:hover{opacity:.6}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem}.footer-bottom p{font-size:15px;color:var(--gray)}.scroll-top{width:45px;height:45px;border-radius:50%;background:transparent;border:1px solid var(--gray);color:var(--light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.scroll-top:hover{background:var(--light);color:var(--dark);border-color:var(--light);transform:translateY(-3px)}@media(max-width:768px){.hero-section{grid-template-columns:1fr;padding:1rem}.tagline-panel{display:none}.main-title{font-size:18vw}.sidebar-vertical{display:none}.top-nav{flex-direction:column;gap:1rem;right:1rem}.cta-container{flex-direction:column;gap:2rem;padding:3rem 1.5rem}.cta-title{font-size:15vw}.cta-button{width:80px;height:80px}.footer-grid{grid-template-columns:1fr;gap:2rem}.main-footer{padding:3rem 1.5rem 2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.horizontal .card{width:70vw;padding:2rem 1.5rem;min-height:45vh}.card h2{font-size:2rem}.card .count{font-size:.9rem}}@media(max-width:900px){.as-should-be-grid{grid-template-columns:1fr;padding:3rem 1.5rem;gap:1.5rem}.as-should-be-title{font-size:2.2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#1a1a1a;color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:relative;z-index:1}