@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}svg{z-index:100}:root{--padding: 10vmin;--indigo-deep: #3B0086;--indigo-primary: #4B0096;--indigo-light: #6A1CB9;--indigo-accent: #FFD700;--navy: #0A0E2A;--white: #FFFFFF;--off-white: #F4F5F7;--text-dark: #1A1A2E;--text-muted: #5A5A7A;--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{--font-size-large: 40px;--font-size-medium: 20px;--font-size-normal: 14px}}a{color:var(--indigo-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}a:hover{border-bottom-color:var(--indigo-accent)}ul{margin:0;padding:0;list-style:none}li{margin-top:10px}html,body{margin:0;min-height:100%;min-width:100%;font-family:Montserrat,sans-serif;background-color:var(--navy);color:var(--white);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%}.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:2}.content .section.dark{color:#fff;background-color:transparent}.content .section.right{text-align:right}.content .hero-section{background:linear-gradient(160deg,var(--navy) 0%,var(--indigo-deep) 100%);color:var(--white);display:flex;flex-direction:column;justify-content:center}.content .hero-section .brand-tag{display:inline-block;font-size:calc(var(--font-size-normal) * .85);font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--indigo-accent);margin-bottom:2vmin}.content .hero-section p{color:#fff9;max-width:420px;line-height:1.7}.content .section-light{background-color:var(--off-white);color:var(--text-dark)}.content .section-light p{color:var(--text-muted)}.content .section-indigo{background:linear-gradient(160deg,var(--navy) 0%,var(--indigo-deep) 60%);color:var(--white)}.content .section-indigo p{color:#ffffffb3}.content .blueprint{position:relative;background-color:var(--navy);background-image:linear-gradient(rgba(75,0,150,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(75,0,150,.15) 1px,transparent 1px),linear-gradient(rgba(75,0,150,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,0,150,.08) 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:var(--indigo-accent);pointer-events:none;visibility:hidden}.content .blueprint .dark{background-color:transparent}.content .ground-container{position:relative;overflow:hidden}.content .ground-container .parallax{position:absolute;inset:0 0 -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:2;background-image:url(https://assets.codepen.io/557388/clouds.png)}.content .scroll-cta,.content .credits{position:absolute;bottom:var(--padding)}.content .scroll-cta{font-size:var(--font-size-medium);opacity:0;font-weight:300;letter-spacing:2px}.content .fun-facts{position:relative;background:linear-gradient(160deg,var(--navy) 0%,#120028 40%,var(--indigo-deep) 100%)}.content .fun-facts .fact-section{color:#fff}.content .fun-facts .fact-section h2{font-size:calc(var(--font-size-large) * 1.4);font-weight:800;color:var(--indigo-accent);-webkit-text-fill-color:var(--indigo-accent);background:none;-webkit-background-clip:unset;background-clip:unset}.content .fun-facts .fact-section p{color:#ffffffa6;max-width:500px}.content .fun-facts .fact-section.right p{margin-left:auto}.content .history{position:relative;background-color:var(--off-white)}.content .history .section{color:var(--text-dark);border-bottom:1px solid rgba(0,0,0,.06)}.content .history .section h2{color:var(--indigo-deep)}.content .history .section p{color:var(--text-muted);max-width:540px;line-height:1.7}.content .history .section.right p{margin-left:auto}.content .farewell{color:#ffffffb3;font-style:italic;margin-bottom:3vmin}.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{font-family:Montserrat,sans-serif;font-size:calc(var(--font-size-large) * 1.2);margin:0 0 2vmin;font-weight:800;display:block;line-height:1.05}.content h2{font-family:Montserrat,sans-serif;font-size:var(--font-size-large);margin:0vmin 0 2vmin;font-weight:700;display:inline}.content h3{font-family:Montserrat,sans-serif;font-size:var(--font-size-medium);font-weight:300;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);color:var(--white);background:var(--navy);font-weight:300;letter-spacing:3px}
