.landing-overlay{position:fixed;bottom:3rem;left:3rem;pointer-events:none;z-index:10}.landing-content{text-align:left;color:#fff;pointer-events:auto}.landing-title{font-size:2.4rem;font-weight:300;margin:0 0 .4rem;letter-spacing:.25em;text-transform:uppercase;font-family:Courier New,Courier,monospace;color:#c8dce6e6}.landing-subtitle{font-size:.75rem;margin:0 0 1.5rem;color:#5a8296b3;font-weight:400;font-family:Courier New,Courier,monospace;letter-spacing:.15em;text-transform:uppercase}.landing-nav{display:flex;gap:2rem;justify-content:flex-start;pointer-events:auto}.nav-button{background:transparent;border:none;border-bottom:1px solid rgba(26,77,92,.5);color:#a0c8d7bf;padding:.5rem 0;font-size:.85rem;font-family:Courier New,Courier,monospace;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:all .4s ease;position:relative}.nav-button:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:#5ab8d4cc;transition:width .4s ease}.nav-button:hover{color:#c8e6f0f2;border-bottom-color:transparent}.nav-button:hover:after{width:100%}.nav-button:active{color:#5ab8d4}.transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a14;z-index:100;opacity:0;pointer-events:none;transition:opacity .35s ease-in-out}.transition-overlay.active{opacity:1;pointer-events:all}.page-layout{min-height:100vh;background:#0a0a14;color:#c8dce6e6;font-family:Courier New,Courier,monospace;padding:4rem 3rem}.page-back{background:transparent;border:none;border-bottom:1px solid rgba(26,77,92,.5);color:#a0c8d7bf;padding:.5rem 0;font-size:.85rem;font-family:Courier New,Courier,monospace;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:all .4s ease;margin-bottom:3rem}.page-back:hover{color:#c8e6f0f2;border-bottom-color:#5ab8d4cc}.page-title{font-size:2rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;margin:0 0 2rem;color:#c8dce6e6}.page-content{font-size:.9rem;line-height:1.8;color:#a0c8d7b3;letter-spacing:.05em;max-width:700px}*{margin:0;padding:0}html{background:#0a0a14}body{font-family:Cabin,sans-serif;color:#ffeded}.section{display:flex;align-items:center;height:100vh;position:relative;text-transform:uppercase;font-size:7vmin;padding-left:10%;padding-right:10%}section:nth-child(odd){justify-content:flex-end}canvas{display:block;width:100%;height:100%}