@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";svg{z-index:100}:root{--padding: 10vmin;--color-background: #D0CBC7;--font-size-large: 8vw;--font-size-medium: 4vw;--font-size-normal: 2vw}@media only screen and (min-width: 800px){:root{--font-size-large: 64px;--font-size-medium: 32px;--font-size-normal: 16px}}@media only screen and (max-width: 500px){:root{--padding: 5vmin;--font-size-large: 40px;--font-size-medium: 20px;--font-size-normal: 14px}:root iframe{height:300px!important;pointer-events:auto}}a{color:#fff}ul{margin:0;padding:0;list-style:none}li{margin-top:10px}html,body{margin:0;min-height:100%;min-width:100%;font-family:Libre Baskerville,serif;background-color:var(--color-background);font-weight:400;font-size:var(--font-size-normal);overflow-x:hidden}canvas{position:fixed;z-index:10;top:0;left:0;z-index:2;pointer-events:none;visibility:hidden;opacity:0}.solid{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.wireframe{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}.content{position:relative;z-index:1}.content .trigger{position:absolute;top:0;height:100%;pointer-events:none}.content .section{position:relative;padding:var(--padding);--pad2: calc(var(--padding) * 2);width:calc(100vw - var(--pad2));height:calc(100vh - var(--pad2));margin:0 auto;z-index:10}.content .section.dark{color:#fff;background-color:#000}.content .section.right{text-align:right}.content .blueprint{position:relative;background-color:#131c2a;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-attachment:fixed}.content .blueprint svg{position:fixed;top:0;left:0;width:100vw;height:100vh;stroke:#fff;pointer-events:none;visibility:hidden}.content .blueprint .dark{background-color:transparent}.content .ground-container{position:relative;overflow:hidden}.content .ground-container .parallax{position:absolute;top:0;left:0;right:0;bottom:-100px;background-repeat:no-repeat;background-position:top center;background-size:cover;transform-origin:top center}.content .ground-container .ground{z-index:-1;background-image:url(https://assets.codepen.io/557388/background-reduced.jpg)}.content .ground-container .clouds{z-index:1;background-image:url(https://assets.codepen.io/557388/clouds.png);pointer-events:none}.content .scroll-cta{position:absolute;bottom:var(--padding);pointer-events:none}.content .credits{margin-top:4rem;padding-bottom:2rem}.content .scroll-cta{font-size:var(--font-size-medium);opacity:0}.content .sunset{background:url(https://assets.codepen.io/557388/sunset-reduced.jpg) no-repeat top center;background-size:cover;transform-origin:top center}.content h1,.content h2{font-size:var(--font-size-large);margin:0vmin 0 2vmin;font-weight:700;display:inline}.content h3{font-size:var(--font-size-medium);font-weight:400;margin:0}.content .end h2{margin-bottom:50vh}.content .loading{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-medium)}.content .contact-form{margin-top:2rem;max-width:600px;text-align:left;background:rgba(255,255,255,.8);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.content .contact-form .form-group{margin-bottom:1.5rem}.content .contact-form .form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.content .contact-form .form-group input,.content .contact-form .form-group textarea{width:100%;padding:.8rem;font-family:inherit;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem}.content .contact-form .form-group input:focus,.content .contact-form .form-group textarea:focus{outline:none;border-color:#555;box-shadow:0 0 0 2px #0000001a}.content .contact-form .form-group textarea{min-height:150px;resize:vertical}.content .contact-form .submit-btn{background-color:#333;color:#fff;padding:1rem 2rem;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;font-family:inherit;transition:background-color .3s ease;width:100%}.content .contact-form .submit-btn:hover{background-color:#000}.content .contact-form .submit-btn:disabled{background-color:#999;cursor:not-allowed}.content .contact-form .form-status{margin-top:1rem;text-align:center;font-weight:700}