.About{--background: var(--bg-content-color-transparent);--text: var(--primary-color);--highlight: var(--secondary-color)}.About-banner{background-color:var(--highlight);position:absolute;left:0;top:var(--header-height);display:grid;grid-template-columns:100%;gap:2px;height:calc(100vh - 2 * var(--header-height) - 2px);width:100vw;font-family:Ubuntu Mono,monospace}.About-banner-image{height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}.About-banner-overlay{height:100%;width:100%;background-color:var(--background)}.About-banner-main{position:relative;height:calc(100vh - 2 * var(--header-height));width:100%;justify-content:center}#right-arrow,#down-arrow{color:var(--text);position:absolute;font-size:192px;left:50%;top:50%;transform:translate(-50%,-50%)}#right-arrow{display:none}.About-banner-content{height:100%;display:grid;grid-template-columns:100%;color:var(--text)}.About-title{margin:var(--space);font-weight:700;font-size:36px}.About-title-container{display:flex;flex-direction:column;width:100%;height:100%}.About-subtitle{margin:calc(var(--space) * 2.5) var(--space);margin-top:auto;font-weight:700;text-align:right}.About-text{display:none;margin:calc(var(--space) * 2) var(--space);margin-top:auto;font-size:24px;vertical-align:bottom!important}.About-logo{display:inline-block}@media screen and (min-width: 960px){.About-banner{grid-template-columns:calc(50% - 1px) calc(50% - 1px);height:calc(100vh - var(--header-height));width:calc(100vw - 2px)}.About-banner-main{height:calc(100vh - var(--header-height))}#right-arrow{display:block}#down-arrow{display:none}.About-banner-content{grid-template-columns:calc(50% - 1px) calc(50% - 1px)}.About-text{display:block}.About-subtitle{margin:calc(var(--space) * 2) var(--space)}}@media screen and (min-width: 768px){.About-title{font-size:48px}}@media screen and (max-width: 300px){.About-title{font-size:28px}.About-subtitle{font-size:20px}}